/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

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

}
body{
font-size:62.5%;
background:#f8e286 url(../images/charte/bg-body.gif) repeat-x scroll left top;

}


#container{
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:932px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) repeat-y scroll center top;
}
#container2{
min-height:324px; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:324px;/*---obligatoire pour le footer:IE---*/
width:932px;
background:url(../images/charte/bg-container2.jpg) no-repeat scroll 214px 156px;

}
#header{
width:932px;
height:156px;
}
#colLeft{
float:left;
width:214px;
}
/*--- MENU ---*/
dl, dt, dd, ul, li {
list-style-type: none;
}
#menu {
width: 214px;


}
#menu dt {
cursor: pointer;
height:22px;
font:bold 1.2em/22px Arial, Helvetica, sans-serif;
color:#fff;
text-indent:29px;
}
#menu dt.double {
height:34px;
line-height:normal;
text-indent:0;
}
#menu dt.titre {
cursor:auto;
height:49px;
text-indent:0;
}
#menu dt a {
text-decoration: none;
display:block;
height:100%;
background:url(../images/charte/bg-bouton.gif) no-repeat scroll left top;
color:#fff;
}
#menu dt.double a {
padding:0 0 0 29px;
background:url(../images/charte/bg-bouton_double.gif) no-repeat scroll left top;
}
#menu dt a:hover {
text-decoration: none;
background-position:bottom;
color:#ffec00;
}

/**********************/
#contenu{

margin-left:239px;
width:657px;
padding-bottom:90px;
color:#a73904;
font-family:Verdana, Arial, Helvetica, sans-serif; ;
font-size: 12px;
font-weight: normal;
line-height: 18px;
text-align: justify;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear: both;
width:932px;
height:90px;
margin:-90px auto 0 auto;
background:url(../images/charte/bg-footer.jpg) no-repeat scroll left bottom;
}
#footerIdep{
float:left;
width:140px;
height:90px;
}
#footerMenu{
float:left;
width:740px;
height:90px;
}

a img{

-moz-opacity: 1.00; opacity:1.00;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;

}