/***************** 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:#fff url(../images/charte/bg-body.gif) center top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:960px;
margin:0 auto;
background:#fdbfbf;
}
/***************** MENU HAUT *****************/
#menuHaut{
position:relative;
z-index:10;
width:960px;
height:29px;
float:left;
list-style:none;
background:url(../images/charte/bg-menuHaut.jpg) center top no-repeat;
}
#menuHaut li{
position:relative;
float:left;
}
#menuHaut li span{
display:none;
}
#menuHaut a{
display:block;
height:29px;
overflow:hidden;
}
#container #menuHaut a:hover,
#container #menuHaut a.trigered{
background-position:bottom;
}
#menuHaut li.btnH_01 a {
background:url(../images/charte/btnH_01.gif);
width:66px; margin-left:648px;}
#menuHaut li.btnH_02 a {
background:url(../images/charte/btnH_02.gif);
width:81px;}
#menuHaut li.btnH_03 a {
background:url(../images/charte/btnH_03.gif);
width:65px;}
#menuHaut li.btnH_04 a {
background:url(../images/charte/btnH_04.gif);
width:90px;}

/***************** HEADER *****************/
#header{
width:800px;
height:164px;
float:left;
}
#compte{
width:160px;
height:164px;
float:left;
font:11px Arial, Helvetica, sans-serif;
background:url(../images/charte/bg-compte.jpg) center top no-repeat;
color:#F0A1AA;
}

.modcompte{
color:#EDB1B2 !important;
}

#compte form{
width:160px;
float:left;
margin-top :77px;
}
#compte input{
width:90px;
height:15px;
float:left;
font:11px Arial, Helvetica, sans-serif;
color: #fff;
padding:1px;
margin: 0px 0px 11px 25px;
background:#1d050e;
border: none;
}
#compte form a.ok{
margin-top :-6px;
float:right;
}
/***************** MENU TOP *****************/
#menuTop form{
width:175px;
height:34px;
float:left;
background: url(../images/charte/bg-rche.jpg) no-repeat;
}
#menuTop input{
width:120px;
height:17px;
float:left;
border:none;
float:left;
font:10px Arial, Helvetica, sans-serif;
color:#e81862;
padding:2px;
margin:9px 0 0 15px;
background:none;
}
#menuTop{
position:relative;
z-index:10;
width:960px;
height:34px;
background: url(../images/charte/bg-menu.jpg) top center no-repeat;
list-style:none;
float:left;
}
#menuTop li{
position:relative;
float:left;
display:block;
}
#menuTop li span{
display:none;
}
#menuTop a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:34px;
overflow:hidden;
}
#menuTop li.btnT_01 a{
background:url(../images/charte/btnT_01.gif);
width:68px;}
#menuTop li.btnT_02 a{
background:url(../images/charte/btnT_02.gif);
width:63px;}
#menuTop li.btnT_03 a{
background:url(../images/charte/btnT_03.gif);
width:123px;}
#menuTop li.btnT_04 a{
background:url(../images/charte/btnT_04.gif);
width:78px;}
#menuTop li.btnT_05 a{
background:url(../images/charte/btnT_05.gif);
width:45px;}
#menuTop li.btnT_06 a{
background:url(../images/charte/btnT_06.gif);
width:73px;}
#menuTop li.btnT_07 a{
background:url(../images/charte/btnT_07.gif);
width:82px;}
#menuTop li.btnT_08 a{
background:url(../images/charte/btnT_08.gif);
width:85px;}
#menuTop li.btnT_09 a{
background:url(../images/charte/btnT_09.gif);
width:168px;}



#menuTop li.btnT_01 ul{
width:68px;
}
#menuTop li.btnT_02 ul{
width:63px;
}
#menuTop li.btnT_05 ul{
width:45px;
}

#container #menuTop a:hover,
#container #menuTop a.trigered{
background-position: bottom left;
}

/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:160px;
top:-6000px;
left:0;
background:#0f0408;
}
#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:#e81862;
text-decoration:none;
border:solid #e81862;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
color:#fff;
}
/***************** CONTENU *****************/
#contenu{
width:960px;
min-height:343px;
background: url(../images/charte/bg-contenu.jpg) top center no-repeat;
float:left;
}
#accueil{
width:459px;
float:left;
margin:30px 5px 10px 10px;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:960px;
height:30px;
margin:-30px auto 0;
background: url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#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:#fff;
margin:3px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#f01965;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:9px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#f01965;
}
#compte .validation-compte {
	position:absolute;
	right:0px;
	top:127px;
	background:none;
}