/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire---*/
scrollbar-base-color:#FFF;
}
body{
font-size:62.5%;
background:#fff;
}
/***************** CONTAINER *****************/
#container{
position:relative;/*---obligatoire---*/
min-height:100%; /*---obligatoire---*/
height:auto !important;/*---obligatoire---*/
height:100%;/*---obligatoire---*/
width:970px;
margin:0 auto;
background:#fff url(../images/charte/bg-container.gif) no-repeat scroll center top;
}
/***************** HEADER *****************/
#header{
width:970px;
height:131px;
}
/***************** MENU TOP *****************/
#submenu{
position:relative;
z-index:10;
width:812px;
height:57px;
padding-left:157px;
list-style-type: none;
}



#submenu li{
position:relative;
float:left;
text-align:center;
}

#container ul#submenu li a{
text-decoration:none;
font:bold 12px/40px Arial, Helvetica, sans-serif;
color:#f8b321;
display:block;
height:57px;
line-height:57px;
}
ul#submenu li a:hover{
color:#f8b321;
background: url(../images/charte/b-over.gif) repeat-x scroll center top;
}
 
#submenu a.presse{
padding-left:4px;
height:57px;
width:117px;
background:url(../images/charte/b-presse1.gif) no-repeat scroll right top;
}

#submenu a:hover.presse{
background: url(../images/charte/b-presse2.gif) no-repeat scroll right top;
}


#submenu a.presse span{
display:none;
}

/***************** CONTENU *****************/
#contenu{
position:relative;
width:802px;
padding:37px 0 93px 168px;
}


/*---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:970px;
margin:0 auto 0 auto;
/*background:url(../images/charte/bg-footer.gif) repeat-y scroll left top;*/
}
#evenements{
width:800px;
height:auto;
margin-left:170px;
background:#1A171B;
padding-bottom:30px;
}
#evenements p{
font:normal 1.2em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
padding:6px;
}

#evenements .titreorange{
color:#f8b321;
font:bold 1.4em Arial, Helvetica, sans-serif;
}

#idep{
width:970px;
height:13px;
float:left;
background:url(../images/charte/bg-idep.gif) repeat-x scroll left top;
}

#idep .idep {
padding:3px 5px;
}

#idep .idep a{
text-decoration:none;
display:inline;
font:normal 10px Arial, Helvetica, sans-serif;
text-align:right;
color:#ababab;
}
#idep .idep a:hover{
text-decoration:none;
color:#FFF;
}