/***************** BODY *****************/
* {
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#101010 url(../../charte/images/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:960px;
margin:0 auto;
background:scroll #FFF url(../../charte/images/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:960px;
height:250px;
display:block;/*obligatoire si il y a un flash*/
}

#header_en{
width:960px;
height:250px;
display:block;/*obligatoire si il y a un flash*/
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:200px;
min-height:434px;
padding:25px 0 0 0;
background:url(../../charte/images/bg-menuLeft.jpg) left top no-repeat;
}
#menuLeft h4{
font:bold 15px Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
padding:0 0px 10px 33px;
}
#menuLeft p{
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
font-size:11px;
font-variant:small-caps;
color:#333;
padding:5px 15px 0 30px;
}
/***************** CONTENU *****************/
#contenu_bg {
	float:left;
	width:960px;
	min-height:434px;
	background:url(../../charte/images/bg-contenu.jpg) left top no-repeat;
}
#contenu{
	float:left;
	width:940px;
	padding:55px 0 10px 15px;
}

#contenu-droite{
	float:left;
	width:243px;
	margin:10px 0 0 0 ;
}



/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:84px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:960px;
height:84px;
margin:-84px auto 0;
background: url(../../charte/images/bg-footer.gif) left top no-repeat;
/*background:url(../../charte/images/bg-footer.gif) left top repeat-x;*/
}
#idep{
position:absolute;
left:0;
top:45px;
width:175px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#9d9d9d;
margin:7px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#626766;
}
/******************* STYLE FOOTER *****************/
#footer p{
font:9px/30px Arial, Helvetica, sans-serif;
color:#626766;
text-align:right;
letter-spacing:1px;
padding:10px 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#626766;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#000;
}

/******************* GALERIE *****************/
#galerieFlash{
	width:440px;
	height:280px;
	margin-bottom:5px;
	display:block;
	outline:0;
	float:left;

}
#galerieFlash2{
	width:440px;
	height:280px;
	margin-bottom:15px;
	display:block;
	outline:0;
	float:left;
}
#galerieFlash3{
	width:440px;
	height:280px;
	margin-bottom:15px;
	display:block;
	outline:0;
	float:left;
}