body, html{
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	height: 100%;
	width: 100%;
	margin:0;
	padding: 0;
}
input, button{
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
}
h1,h2,h3,h4,h5,h6, p{
	margin: 0;
}

table {
	border-collapse:collapse;
}


#tr-install {
	border:1pt solid #CCCCCC;
	text-align:center;
	display:none;
}

.span-install {
	background:#fffda0;
}

.center{
	text-align: center;
}

.colorGray {
  color: gray;
}

.colorBP{
	color: #76C2AF;
}

.backgroundBP{
	background-color: #76C2AF;
} 
.logo{
	padding: 10px 30px;
}
.hidden{
	display: none;
}

header{
	width: 100%;
	height: 70px;
	color: white;
	margin-bottom: 25px;
}

footer{
	background-color: #EEEEEE;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.footer{
	background-color: #EEEEEE;
	width: 100%;
}



footer p{
	line-height: 48px;
    font-size: 90%;
}


.footer p{
	line-height: 48px;
    font-size: 90%;
}

header img{
	height: 70px;
	margin: 0 30px 0 20px;
	float: left;
}

header .title{
	font-weight: 100;
    height: 70px;
    vertical-align: middle;
    line-height: 70px;
    font-size: 160%;
}

.content-page{
	width: 90%;
	margin: 0 5%;
	padding-bottom: 50px;
}

.installeur{
	float: right;
}

button{
	cursor: pointer;
    background: #447a6c;
    border: none;
    padding: 2px 8px;
    color: white;
}
button:hover{
	opacity: 0.75;
}

table.table-commands td{
	padding: 2px 5px;
}



#dragbar{
   background-color:#ccc;
   height:500px;
   float: right;
   width: 5px;
   cursor: col-resize;
}

#ghostbar{
    width:10px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    z-index:999
}

.pointer {
	cursor:pointer;
}

.liens-utiles {
	display:none;
}


.autres-liens {
	display:none;
}


.animate{
	-webkit-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -moz-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -ms-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    -o-transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
    transition: all cubic-bezier(.62,.28,.23,.99) 0.3s;
}
.rotate90{
	transform: rotate(-90deg);
}
.img-arrow{
	position: absolute;
    margin: 2px 5px !important;
    opacity: 0.6;
}
.stepheader {
  color: gray;
  font-size: 135%;
}