body{
	background-color: #262626;
}
@font-face { font-family: comfortaa; src: url("../DATA/comfortaa/Comfortaa-Regular.ttf"); }
#content{
position: relative;
width: 900px;
margin: 0 auto;
/*margin-top: 200px;*/
margin-bottom:50px;
}
#content h1, #content h2{font-family:comfortaa, Trebuchet, Tahoma, Arial;}

#banner{
height:200px;
left:0px;
z-index: 1;
}
#banner img {
	position:absolute;
	top:21px;
}
#pied{
position: absolute;
bottom: 0; left: 0;
width: 100%;
text-align:center;
margin-right:30px;
margin-bottom: 10px;
}

#page{
position: relative;
background-color: #e2e2e2;

border: 8px solid grey;
font-family: Calibri, Trebuchet, Tahoma, Arial;
}
#page a{
color: black;
}
#page a:hover{
color : blue;
}
#corp{
font-size: 1.2em;
padding: 20px;
text-align: justify;
color: black;
}
.bouton{
		padding-left: 65px;
        color:black;
        font-size:1.0em;
        cursor:pointer;
		background-image: url(images/fleches/fleche_droite_rouge.png);
		background-repeat: no-repeat;
		background-position: 25px 2px;
}
.txtDeroulableInfo{
background: #c0c0c0;
padding: 20px;
margin-top: 20px;
color: black;
}
.txtDeroulableInfo li{
padding-top: 5px;
}
.gauche{
text-align: right;
}
.droite{
padding-left: 31px;
vertical-align: middle;
}
.images1{
float:right;
width :150px;
padding: 10px;
border: 1px solid black;
background: #DBD8D8;
margin:8px 0px 8px 8px;
}
.images1 dd{
margin: 0;
text-align: center;
padding: 10px;
font-style: italic;
font-size: 0.8em;
}
#page_contact{
padding: 25px;
font-family: comfortaa, Trebuchet, Tahoma, Arial;
text-align: center;
font-size: 1.3em;
}
#page_contact a{color: white;}
#page_contact a:hover {color: red;}
#page_contact h2 { margin: 5px}
.box_contact{
border-top: 2px solid white; 
border-bottom: 2px solid white;
padding: 12px 0px 12px 0px;
}
.inputTxt {
	width:100%;
}
.faButton {
	cursor:pointer
}
#setUsrPwd {
	float:right;
}