/***************** 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:#373737 url(../images/charte/bg-body.jpg) top center no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:994px;
margin:0 auto;
background:url(../images/charte/bg-container.gif) top left repeat-y;
}

#container2{
position:relative;
width:994px;
height:100%;
background:url(../images/charte/bg-container2.jpg) left 300px no-repeat;
}

/***************** HEADER *****************/
#header{
width:994px;
height:300px;
float:left;
}


/***************** PANIER *****************/
#panier{
width:187px;
float:left;
height:189px;
background:url(../images/charte/bg-panier.jpg) no-repeat;
}
#panier p{
font:normal 11px/16px Arial, Helvetica, sans-serif;
color:#CC00CC;
padding:125px 0 0 10px;
text-align:left;
}
#panier a{
color:#CC00CC;
}

/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:155px;
margin:100px 0 7px 40px;
}
#menuLeft ul{
list-style:none;
padding:10px 0;
/*background:url(../images/charte/bg-ssrubz.jpg) left bottom no-repeat;*/
}

#menuLeft a:hover,
#menuTop a.trigered{
color:#fff;
}
a.compte {
display:block;
background: url(../images/charte/bg-moncompte.jpg) no-repeat;
width:161px;
margin-top:20px;
height:53px;
}
a.monpanier {
display:block;
background: url(../images/charte/bg-panier.jpg) no-repeat;
width:161px;
height:53px;
}

#menuLeft form.rechercher input {
margin-top:45px;
background-color:#CC0000;
color:#FFFFFF;
border:1px solid black;
width:110px;
margin-left:15px;
}
a.ok {
text-decoration:none;
background-color:#CC0000;
color:#FFFFFF;
border:1px solid black;
margin-left:0px;
width:20px;
}

#container #menuLeft ul li span{font:22px "Times New Roman", Times, serif;color:#fff;padding-left:10px;}

#container #menuLeft li a{
display:block;
text-decoration:none;
font:13px Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding-left:10px;
overflow:hidden;
}
#container #menuLeft li a:hover{
background:url(../images/charte/bg-sstitre.jpg) no-repeat;
text-decoration:none;
color:#fff;
}

/***************** MENU RIGHT *****************/
#menuRight{
float:left;
width:154px;
margin:100px 0 7px 0px;
}
#menuRight ul{
list-style:none;
}

#menuRight ul li a{
margin-top:7px;
text-decoration:none;
font:20px "Times New Roman", Times, serif;
color:#000;
padding-left:10px;
display:block;
height:25px;
overflow:hidden;
}

#menuRight ul li a:hover{
color:#990000;
}

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

#contenu{
float:left;
width:550px;
padding:50px 25px 40px 25px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{v
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:994px;
height:30px;
margin:-30px auto 0;
background:url(../images/charte/bg-container.gif) top left no-repeat;
}

#idep{
position:absolute;
top:0px;
left:50px;
width:80px;
height:30px;
}
#idep img{
float:left;
}