*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color: #008bd0;
}
body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:#008bd0;
	background-image:url(../images/charte/bg-body.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

/*input, select{
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
border:1px solid #008bd0;
padding:1px;
color:#000;
text-align:left;
}
*/

#container{
	display: table;
	width:800px;
	margin:0 auto;
	background-color: #FFFFFF;
}

/*#wrapcontainer{
	background-color: #FFFFFF;
	height: 100%;
	padding:0px;
	margin: auto;
	height:auto !important;}
*/

#header{
width:800px;
height:189px;
background-image:url(../images/charte/bg-header.gif);
background-repeat:no-repeat;
	}

#compte{
position:absolute;
width:150px;
margin-left:640px;
margin-top:30px;
color: #FFFFFF;
}
#compte input{
float:left;
}

#compte a{
color:#008bd0;
font-size: 11px;
}
#compte a:hover{
color:#FFFFFF;
}
#menu{
position:absolute;
width:800px;
height: 58px;
top:130px;
background-color:#7fc5e7;
}

#menu span{
font-size:11px;
}
#menu span a{
width:77px;
border-right:1px solid #fff;
float:left;
background-color:#7fc5e7;
color:#000168;
height:58px;
text-align:center;
}
#menu span a:hover{
background-color:#000168;
color:#fff;
}


a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;

}
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;
}


#contenu{
display: table;
width:800px;
background-color: #FFFFFF;
}
#blocAccueil{
width:800px;
height:240px;
float:left;
background-color:#008bd0;
}


#blocGauche{
background: url(../images/charte/bg-blocGauche.gif) left top no-repeat;
float:left;
width:400px;
height:240px;
}
#blocDroit{
float:left;
width:400px;
height:240px;
}
#page-contenu{
width:760px;
padding:10px 20px 00px 20px;
}

/***************** FOOTER *****************/
#wrapfooter{
	height: 30px;
	width: 100%;
}

#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: 0 auto !important;/*---margin top = - hauteur du footer---*/
	width:780px;
	background-color:#fff;
	background:url(../images/charte/bg-adresse.gif) no-repeat;
	background-position:left bottom;
	clear:both;
	font-size:9px;
	text-align:left;
	color:#000;
	height: 20px;
	padding-left:10px;
	padding-top:10px;
	color:#008BD0;
		}
#footer a{
text-decoration:none;
color:#999;
}
#footer  a:hover{
text-decoration:none;
color:#fff;
}

#footer span a{
text-decoration:none;
font-size:9px;
color:#999;
}
#footer  span a:hover{
text-decoration:none;
color:#000;
}

.clearer
{
	clear: both;
	display: block;
	width: 100%;
	height: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}

a{
text-decoration:underline;
color:#064F7A;
}
a:hover{
text-decoration:none;
color:#03034B;
}