/***************** 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:#d8bfb6 url(../images/charte/bg-page-x.gif) repeat-x top center;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:1003px;

margin:0 auto;

background:url(../images/charte/bg-page-y.gif) repeat-y top left;

}

/***************** HEADER *****************/

#header{

width:1003px;

height:182px;

}





#contenu{

width:1003px;

min-height:342px;

background:url(../images/charte/bg-contenu.jpg) no-repeat left top;

}

/***************** MENU LEFT *****************/

#menuLeft{

float:right;

width:230px;

padding:52px 27px 0 0px;

}



#menuLeft h1{

width:230px;

cursor:hand;

text-decoration:none;

font:bold 12px/36px Arial, Helvetica, sans-serif;

color:#000;

display:block;

margin:0 0 1px 0;

height:36px;

overflow:hidden;

text-indent:30px;



}



#menuLeft h1 a:link,#menuLeft h1 a:visited{

width:230px;

display:block;

height:36px;

color:#000;

text-decoration:none;

background:url(../images/charte/bt.png) no-repeat left top;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bt.png', sizingMethod='scale');



}

#menuLeft h1 a:hover{

color:#000;

background:url(../images/charte/bt-on.png) no-repeat left top;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bt-on.png', sizingMethod='scale');

}

#menuLeft ul{

list-style:none;

width:220px;

background:#442d25;

margin: 0 0 0 5px;

}

#container #menuLeft li a{

background:none;

border:none;

text-decoration:none;

font:normal 11px/18px Arial, Helvetica, sans-serif;

color:#d3d3d3;

display:block;

overflow:hidden;

padding:0 0 0 3px;

}

#container #menuLeft li a:hover{

text-decoration:none;

color:#000;

background-color:#987568;

}



#container #menuLeft ul ul li a{

background:none;

border:none;

text-decoration:none;

font:normal 10px/15px Arial, Helvetica, sans-serif;

color:#000;

display:block;

height:15px;

overflow:hidden;

padding:0 0 0 40px;

}

#container #menuLeft ul ul li a:hover{

text-decoration:none;

color:#fff;

background-color:#000;

}

/***************** CONTENU *****************/



#texte{

float:left;

width:660px;

padding:0 0 0 50px;

}

/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:40px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:1003px;

height:30px;

margin:-30px auto 0 auto;

background:#d8bfb7;

}



#idep{

position:absolute;

left:30px;

width:195px;

height:20px;

top:5px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#f3f2db;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:underline;

color:#f3f2db;

}





#footer p{

font:11px/30px Arial, Helvetica, sans-serif;

color:#83495e;

text-align:right;

letter-spacing:1px;

padding:0px 230px 5 0;

margin-right:30px;

}



#footer p a:link,#footer p a:visited{



color:#000;

text-decoration:none;



}

#footer p a:hover{



color:#83495e;

text-decoration:underline;



}