/***************** 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:#d5d5d5;

}

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

#container{

position:relative;

min-height:100%;

width:980px;

margin:0 auto;

background:scroll #d5d5d5 url(../images/charte/bg-container.gif) center top repeat-y;

}

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

#header{

width:980px;

height:130px;

}

/***************** MENU HAUT *****************/

#menuHaut {

width:710px;

height:30px;

padding-left:270px;

font:8px/30px Verdana, Helvetica, sans-serif;

background:url(../images/charte/bg-menuHaut.gif);

color:#000000;

letter-spacing:0.2em;

text-transform:uppercase;

}

#menuHaut a{

color:#FFF;

text-decoration:none;

}

#menuHaut a:hover{

color:#000;

}

/***************** MENU PANIER *****************/

#menuPanier {

position:absolute;

width:250px;

height:30px;

right:30px;

text-align:right;

color:#000;

letter-spacing:0;

font-weight:bold;

}

#menuPanier a{

color:#000;

text-decoration:none;

}

#menuPanier a:hover{

color:#c41212;

}

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

#menuLeft{

float:left;

width:230px;

padding-left:20px;

}

#menuLeft ul{

list-style:none;

}

#menuLeft a{

text-decoration:none;

font:8px/23px Verdana, Helvetica, sans-serif;

color:#fff;

text-align:right;

display:block;

height:23px;

overflow:hidden;

padding:0 30px 0 0;

text-transform:uppercase;

letter-spacing:1px;

}

#menuLeft a:hover,

#menuTop a.trigered{

font-weight:bold;

}

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

#container #menuLeft li{

height:15px;

display:block;

float:left;

width:230px;

}

#container #menuLeft li a{

display:block;

background:url(../images/charte/bg-sousMenu.gif);

border:none;

text-decoration:none;

font:bold 8px/15px Verdana, Helvetica, sans-serif;

color:#fff;

display:block;

height:15px;

overflow:hidden;

text-align:right;

padding:0 30px 0 0;

}

#container #menuLeft li a.rouge{

display:block;

background:url(../images/charte/bg-sousMenu2.gif);

border:none;

text-decoration:none;

font:bold 8px/15px Verdana, Helvetica, sans-serif;

color:#fff;

display:block;

height:15px;

overflow:hidden;

text-align:right;

padding:0 30px 0 0;

}

#container #menuLeft li a:hover{

color:#000;

}

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

#contenu{

float:left;

width:690px;

padding:0 0 0 10px;

}

#content{

clear:both;

padding-left:10px;

padding-right:10px;

}



#gauche{

float:left;

width:340px}

#droite{

float:right;

width:300px;}

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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:980px;

height:40px;

margin:-40px auto 0;

background:url(../images/charte/bg-footer.gif);
text-align : center;
}



#idep{

position:absolute;

left:50px;

top:0;

width:195px;

height:30px;

}

#idep img{

float:left;

padding-right:5px;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

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

color:#ccc;

margin:8px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#777;

}

input, select{

font:bold 8px verdana, Helvetica, sans-serif;

padding:2px;

border:1px solid #ccc;

text-transform:none;

letter-spacing:1px;

}