/***************** 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:#ded9cd url(../images/charte/bg-body.jpg) center center repeat-x;
}
/***************** CONTAINER *****************/
#container{
	position:absolute;
	width:922px;
	height:502px;
	left:50%;
	top:50%;
	margin-left:-465px;
	margin-top:-251px;
	background: url(../images/charte/bg-container.jpg) no-repeat;
}
/***************** HEADER *****************/
#header{
width:922px;
height:103px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:592px;
height:30px;
padding-left:330px;
background: url(../images/charte/bg-menutop.jpg) no-repeat;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
height:30px;
overflow:hidden;
}
#menuTop li a span{
display:none;
}


#menuTop :hover{
background-position: bottom left;
}
.btn01 {
background: url(../images/charte/btn-01.jpg) top left no-repeat;
width:142px;}
.btn02 {
background:url(../images/charte/btn-02.jpg) top left no-repeat;
width:117px;}
.btn03 {
background:url(../images/charte/btn-03.jpg) top left no-repeat;
width:113px;}
.btn04 {
background:url(../images/charte/btn-04.jpg) top left no-repeat;
width:126px;}
.btn05 {
background:url(../images/charte/btn-05.jpg) top left no-repeat;
width:94px;}


/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:155px;
top:-6000px;
left:0;
background:#e8ddd2;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#5a5a5a;
text-decoration:none;
padding-left:10px;
}
#container #menuTop li li a:hover{
background:#d3bba0;
}
/***************** Femme *****************/
#femme{
width:330px; 
height:369px;
float:left;
background:url(../images/charte/bg-femme.jpg) no-repeat;
}

/***************** CONTENU *****************/
#contenu{
width:540px;
height:300px;
padding:20px;
overflow:auto;i
}
/***************** FOOTER *****************/
#footer{
position:absolute;
width:922px;
height:30px;
left:0;
top:502px;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#4b4d50;
margin:4px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#000;
}