/***************** 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:#363636 url(../images/charte/bg-body.gif) top center repeat-y;

}

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

#container{

position:relative;

min-height:100%;

width:990px;

margin:0 auto;

}

#container2 {

	float:left;

	width:775px;

	margin:0 0 0 20px;

}



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

#header{

width:990px;

height:46px;

}



#header #langue{

position:relative;

height:10px;

width:50px;

padding:15px 0px 0 0;

margin-left:925px;

}



#header #langue a{

font:13px Verdana, Arial, Helvetica, sans-serif;

color:#CCCCCC;

text-decoration:none;

}

#header #langue a:hover{

text-decoration:underline;

}







a.logo {

display:block;

float:left;

background:url(../images/charte/logo.jpg);

width:366px;

height:68px;

}



/***************** MENU TOP *****************/

#header #menuTop{

position:relative;

float:left;

z-index:10;

width:620px;

margin-top:15px;

padding-top:15px;

height:31px;

border-bottom:1px solid #474646;

border-top:1px solid #474646;

list-style:none;

}



#header #menuTop li{

position:relative;

float:left;

}

#header #menuTop a{

text-decoration:none;

font:16px Verdana, Arial, Helvetica, sans-serif;

color:#fff;

height:20px;

margin:0 5px 0 5px;

padding:0 10px 0 0px;

overflow:hidden;

border:solid #999999;

border-width:0 1px 0 0;

}

#container #header #menuTop a:hover,

#container #header #menuTop a.trigered,

#container #header #menuTop a.rubrique_active{

	color:#a47b5b;

}

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

#menuLeft{

	float:left;

	width:145px;

	padding-left:0;

	list-style-image:url(../images/charte/fleche.gif);

	list-style-position:left top;

}

#contenu ul#menuLeft li {

	background:none;

	padding:0;

	margin:0;

}

#menuLeft li a:link , 

#menuLeft li a:visited{

	text-decoration:none;

	border-bottom:solid 1px #D5D5D5;

	font:bold 11px/25px Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	display:block;

	border:solid #a47b5b;

	border-width:0 0 1px 0;

	line-height:20px;

}

#container #menuLeft li a:hover,

#container #menuLeft li a.rubrique_active{

	color:#a47b5b;

	text-decoration:underline;

}





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

#menuLeft li ul{

	list-style:none;

}

#container #menuLeft li ul li a{

	background:none;

	border:none;

	text-decoration:none;

	font:bold 11px/14px Arial, Helvetica, sans-serif;

	height:14px;

	color:#a47b5b;

	display:block;

	padding:2px 5px 2px 13px;

}

#container #menuLeft li ul li a:hover,

#container #menuLeft li ul li a.rubrique_active{

	text-decoration:underline;

	color:#999;

	background:none;

}



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

#blocDiapo{

display:block;

float:left;

width:610px;

height:385px;

outline:0;

margin:40px 15px 0 10px;

padding:0 15px 0 0px;

border:none;

}



#blocDiapo2{

float:left;

width:780px;

height:400px;

outline:0;

margin:40px 15px 0 0px;

padding:0 15px 0 0px;

border:none;

}







#contenu{

float:left;

width:990px;

margin-top:30px;

}



/***************** COL LEFT *****************/

#colLeft{

float:left;

width:160px;

height:100%;

margin-left:10px;

margin-right:20px;

}



#colLeft #recherche {

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px dotted #666666;

text-align:right;

}



#colLeft #recherche p{

font:14px Arial, Helvetica, sans-serif;

color:#a47b5b;

}



#colLeft #recherche input.motclef{

background:#585252;

border:none;

}



a.rechercheav {

font:11px Arial, Helvetica, sans-serif;

color:#a47b5b;

}



a.rechercheav:hover {

color:#fff;

}



a.panier , a.panierEN {

display:block;

background:url(../images/charte/btn-panier.jpg) top left no-repeat;

width:159px;

height:48px;

margin-bottom:20px;

}

a.panierEN {background:url(../images/charte/btn-panierEN.jpg) top left no-repeat;}



a.panier:hover , a.panierEN:hover {

background-position:top right;

}



a.compte , a.compteEN {

display:block;

background:url(../images/charte/btn-compte.jpg) top left no-repeat;

width:159px;

height:48px;

margin-bottom:20px;

padding-bottom:20px;

border-bottom:1px dotted #666666;

}

a.compteEN {background:url(../images/charte/btn-compteEN.jpg) top left no-repeat;}

a.compte:hover , a.compteEN:hover {

background-position:top right;

}



#footer .btn-paiement{

width:160px;
float:left;

height:70px;
margin-top:-25px;

margin-left:200px;
@margin-left:100px;

background:url(../images/charte/btn-paiement.jpg) top left no-repeat;

}



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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:990px;

height:30px;

border-top:1px solid #666666;

margin:-30px auto 0;

}

#idep{

position:relative;

width:195px;

margin-top:-35px;

margin-left:10px;

height:30px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px Verdana, Arial, Helvetica, sans-serif;

color:#fff;

margin:8px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#a47b5b;

}