@charset "utf-8";
/* CSS Document */
body{
background-color:#14572c;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
img{
border:0;
}
a:link, a,visited{
color:#000000;
}
a:hover{
color: #ed3c2f;
}
.moitieG
{
position: fixed; 
top: 0; 
left: 0; 
width: 50%; 
height: 400%; 
background-color: #000000; 
z-index: 1;
}
moitieD
{
position: absolute; 
top: 0; left: 0; 
z-index: 2; 
width: 100%;
}
#form1{
margin-top:20px;
}
label{
width:150px;
display:block;
float:left;
padding: 5px 10px 5px 0;
margin-bottom:10px;
text-align:right;
}

input[type="text"]{
padding: 5px;
margin-left:5px;
width:250px;
}
textarea{
padding: 5px;
margin-left:5px;
width:250px;
height:120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.error{
color:#ffffff;
padding:5px;
font-weight:bold;
background-color:#DF321B;
width:250px;
left:30px;
margin:0 0 0 165px;
}

.confirm{
color:#ffffff;
padding:5px;
font-weight:bold;
background-color:#14572C;
width:250px;
left:30px;
margin:0 0 0 165px;
}

input[type="submit"]{
background-color:#ffffff;
border:#000000 1px solid; 
width:85px;

}
input[type="submit"]:hover{
background-color:#D1D6DF;
}
.bouton{
margin:10px 0 0 340px;
}

.
.middle{
	position:fixed;
	/*background-image:url(../images/bgBW.jpg);
	background-position:right;
	background-repeat:repeat-y;*/
	left:50%;
	width:974px;
	margin-left: -487px;
	z-index:2;
	height:400%;

}


.main li{
margin-bottom:10px;
}
h1{
padding:10px 0 10px 30px;
margin: 20px 0 0 0;
font-size:14px;
font-weight:bold;
background-image:url(../images/h1Bg.jpg);
background-repeat:no-repeat;
}

.rouge{
color: #ed3c2f;
}
.gras{
font-weight:bold;
}


.container {
	position:absolute;
	background-image:url(../images/entete.jpg);
	background-repeat:no-repeat;
	left:50%;
	width:974px;
	margin-left: -487px;
	z-index:2;
	font-size:14px;
}
.container2 {
/*	background-image:url(../images/wallet_vert.jpg);
	background-position:right top;
	background-repeat:no-repeat;*/
	position:absolute;
	left:50%;
	width:1014px;
	margin-left: -507px;
	z-index:2;
	font-size:24px;
	height:200px;
}
.navigation{
float:left;
height:100%;
width:289px; 
margin-top:223px;
background-color:#000000;
}

.navigation ul{
margin: 35px 0 0 0 ;
padding:0;
text-align:right;
list-style:none;
font-weight:bold;

}
.navigation ul li a:link,.navigation ul li a:visited{
display: block;
padding: 8px 30px 8px 0;
text-decoration:none;
color:#FFFFFF;
border-bottom:#999999 1px solid;

}

.navigation ul li a:hover{
background-image:url(../images/bullet-menu.jpg);
background-position:right;
background-repeat:no-repeat;

}
.contenu{
background-image:url(../images/entete.jpg);
background-position:top right;
background-repeat:no-repeat;
background-color:#FFFFFF;
float:left;
width:685px;


}
.langue{
margin:5px 0 0 0 ;
padding:0;
float:right;
list-style:none;

}
.prem{
border-right:#cccccc 2px solid;
}
.langue li{
display:inline;
}
.langue li a:link,.langue li a:visited{
font-weight:bold;
text-decoration:none;
color:#000000;
padding-right:10px;
}
.langue li a:hover{
color: #ed3c2f;
}
.logo{
margin: 30px 0 0 160px;
}
.logo #slogan{
margin:15px 0 0 5px;
}
.clear{
clear:both;
}
.main{
padding:5px 30px 20px 30px;
}
.highlights{
text-align:center;
font-size:16px;
width:500px;
margin: 30px 0 30px 60px ;
border: #e8eaef 3px solid;
padding:20px;
}
.pied{
height:120px;
font-size:11px;
background-image:url(../images/top_pied.jpg);
background-position:top;
background-repeat:no-repeat;
padding: 20px 20px 0 30px;
}

.pied a:link, .pied a,visited{
color:#000000;
text-decoration:none;
}
.pied a:hover{
text-decoration:underline;
color: #ed3c2f;
}
.g{
width:45%;
float:left;
}
.d{
width:45%;
float:right;
text-align:right;
}

/************************** Style pour communication ************************/
.contenuComm{
background-image:url(../images/entete.jpg);
background-position:top right;
background-repeat:no-repeat;
background-color:#FFFFFF;
float:left;
	width:974px;


}