/***************** 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:#9802a3 url(../images/charte/bg-body2.jpg) no-repeat center top;
}
/***************** CONTAINER *****************/
#container{
position:relative;
z-index:10;
width:995px;
min-height:100%;
margin:0 auto;
background:#000;
}
#container2{
width:995px;
min-height:100%;
background:url(../images/charte/bg_container.jpg) top left no-repeat;
}

/***************** HEADER *****************/
#header{
width:995px;
height:177px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
width:951px;
height:50px;
list-style:none;
background:url(../images/charte/bg-menu.jpg);
padding-left:44px;
}
#menuTop li{
float:left;
width:300px;
}

#menuTop li span{
display:none;
}

#menuTop a{
display:block;
height:50px;
overflow:hidden;
}

#menuTop li.btn02{width:119px; background:url(../images/charte/btn02.jpg) top left no-repeat;}
#menuTop li.btn03{width:83px; background:url(../images/charte/btn03.jpg) top left no-repeat;}
#menuTop li.btn04{width:108px; background:url(../images/charte/btn04.jpg) top left no-repeat;}
#menuTop li.btn05{width:93px; background:url(../images/charte/btn05.jpg) top left no-repeat;}
#menuTop li.btn06{width:104px; background:url(../images/charte/btn06.jpg) top left no-repeat;}
#menuTop li.btn07{width:143px; background:url(../images/charte/btn07.jpg) top left no-repeat;}
#menuTop li.btn08{width:158px; background:url(../images/charte/btn08.jpg) top left no-repeat;}
#menuTop li.btn09{width:99px; background:url(../images/charte/btn09.jpg) top left no-repeat;}


#menuTop li.btn02 a:hover {width:119px; background:url(../images/charte/btn02.jpg) bottom left no-repeat;}
#menuTop li.btn03 a:hover {background:url(../images/charte/btn03.jpg) bottom left no-repeat;}

#container #menuTop li.btn03 a.trigered{
background:url(../images/charte/btn03.jpg) bottom left no-repeat;
}

#menuTop li.btn04 a:hover{width:108px; background:url(../images/charte/btn04.jpg) bottom left no-repeat;}

#container #menuTop li.btn04 a.trigered{
background:url(../images/charte/btn04.jpg) bottom left no-repeat;
}

#menuTop li.btn05 a:hover{width:93px; background:url(../images/charte/btn05.jpg) bottom left no-repeat;}
#menuTop li.btn06 a:hover{width:104px; background:url(../images/charte/btn06.jpg) bottom left no-repeat;}
#menuTop li.btn07 a:hover{width:143px; background:url(../images/charte/btn07.jpg) bottom left no-repeat;}
#menuTop li.btn08 a:hover{width:158px; background:url(../images/charte/btn08.jpg) bottom left no-repeat;}
#menuTop li.btn09 a:hover{width:99px; background:url(../images/charte/btn09.jpg) bottom left no-repeat;}


/***************** SOUS MENU *****************/


#menuTop li ul{
list-style:none;
position:absolute;
height:30px;
}


#menuTop li.btn03 ul{
list-style:none;
position:absolute;
height:30px;
top:0;
z-index:50;
left:170px;
}

#menuTop li.btn03 li{
float:left;
display:block;
width:70px;
padding-left:15px;
background:none;

}


#menuTop li.btn04 ul{
list-style:none;
position:absolute;
left:255px;
background:none;
}

#menuTop li.btn04 li{
float:left;
display:block;
width:150px;
padding-left:15px;
background:none;
}

#container #menuTop li li a{
width:auto;
position:relative;
height:20px;
font:11px/20px "Times New Roman", Times, serif;
color:#fb04e2;
float:left;
background:none;
}

#container #menuTop li li a:hover{
color:#fff;
text-decoration:underline;
background:none;
}

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


#hair {
position:absolute;
width:10px;
height:102px;
top:47px;
left:-10px;
background:url(../images/charte/hair.gif) top left no-repeat;
}


#contenu{
width:995px;
/*background:url(../images/charte/bg_contenu.gif) top left repeat-y;*/
padding-top:40px;
}


#blocImg {
float:left;
position:relative;
width:290px;
text-align:left;
padding-left:15px;
padding-top:18px;
}


#blocTxt {

float:left;
position:relative;
width:400px;
text-align:left;
padding:12px 10px 0 10px;

}

#blocTxt2 {

float:left;
position:relative;
width:660px;
text-align:left;
padding:12px 10px 0 10px;

}

#actu{
float:left;
position:relative;
width:220px;
text-align:left;
padding-left:10px;
border-left:1px dotted #fb04e2;
}


#contenu a.livredor{
display:block;
width:200px;
height:108px;
cursor:pointer;
background:url(../images/charte/livredor.png) top left no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/livredor.png', sizingMethod='crop');
}
#contenu a.livredor:hover{
display:block;
width:200px;
height:108px;
background:url(../images/charte/livredor2.png) top left no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/livredor2.png', sizingMethod='crop');
}


#contenu a.send{
display:block;
width:200px;
height:108px;
background:url(../images/charte/send.png) top left no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/send.png', sizingMethod='crop');
}

#contenu a.send:hover {
display:block;
width:200px;
height:108px;
background:url(../images/charte/send2.png) top left no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/send2.png', sizingMethod='crop');
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:62px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
z-index:11;
clear:both;
width:995px;
height:62px;
margin:-62px auto 0;
background:url(../images/charte/footer.jpg) top left no-repeat;
}
#idep{
position:absolute;
left:0;
bottom: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:#fb04e2;
margin:4px 0 0;

}
#footer #idep a.idep.optea{

margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}