*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/


}
body{
font-size:62.5%;
	background-color:#F5F5F5 ;
	margin:0px;
	padding:0px;

}
#container{

background-image:url(../images/charte/bg-contenu.jpg);
background-position:top left;
background-repeat:repeat-y;
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:785px;
margin:0 auto;
background-color:#FFFFFF;
}


#header{
width:785px;
height:128px;
}

#header .top-header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
width:785px;
height:17px;
padding-top:5px;

text-align:right;
color:#0F628C;
background-image:url(../images/charte/header.jpg);
background-repeat:no-repeat;
background-position:center left;
}

#header .top-header a{
color:#0F628C;
text-decoration:none;

}

#header .top-header a:hover{
color:#000000;
text-decoration:none;

}
#header .flash{
width:785px;
height:106px;
}

#contenu{
float:left;
width:785px;
}

#menu{
width:184px;
float:left;
}

#menu dt{
background-image:url(../images/charte/menu.jpg);
background-position:top left;
background-repeat:no-repeat;
height:27px;
color:#06557C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:7px 0px 0px 15px;


}

#menu li{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
color:#000000;
list-style-type:none;
padding-left:10px;
margin-left:15px;
margin-bottom:5px;
background-image:url(../images/charte/bull1.jpg);
background-position:top left;
background-repeat:no-repeat;


}


#menu li a{
color:#000000;
text-decoration:none;

}

#menu li a:hover{
color:#06557C;
text-decoration:none;

}




#contenuText{
width:555px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
color:#06557C;
padding:10px 5px 10px 20px;
text-align:justify;

}

#contenuText a{
color:#01A5E4;
font-weight:bold;
text-decoration:none;

}

#contenuText a:hover{
color:#06557C;
text-decoration:none;

}


.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#footer
{
position:relative;
background-image:url(../images/charte/footer.jpg);
background-position:top left;
background-repeat:no-repeat;
height:50px;
width:785px;
clear:both;
margin:-50px auto 0 auto;
}

#footer a{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
text-decoration:none;

}

#footer a:hover{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#06557C;
text-decoration:none;

}