/***************** 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.jpg) left top repeat-x;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;
width:990px;
margin:0 auto;
background:scroll #fff url(../images/charte/bg-container.jpg) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:990px;
height:202px;
background:url(../images/charte/header.jpg) left top no-repeat;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:990px;
height:47px;
background:url(../images/charte/bg-menuTop.jpg) left top no-repeat;
list-style:none;

}
#menuTop #left{
width:663px;
height:42px;
float:left;
padding-top:5px;
}
#menuTop #right{
width:327px;
height:47px;
float:left;
list-style:none;

}
#menuTop #right li{
position:relative;
float:left;

}
#menuTop #right li span{
display:none;
}
#menuTop #right a{
text-decoration:none;
display:block;
height:47px;
}
#container #menuTop #right a:hover,
#container #menuTop #right a.trigered{
display:block;
}
a.bt1		{ 	background:url(../images/charte/bt1.jpg) no-repeat left top; 	width:87px;  	}
a:hover.bt1 {	background:url(../images/charte/bt1hover.jpg) no-repeat left top; width:87px;	}

a.bt2		{ 	background:url(../images/charte/bt2.jpg) no-repeat left top; width:149px;	  	}
a:hover.bt2 {	background:url(../images/charte/bt2hover.jpg) no-repeat left top; width:149px;	}

a.bt3		{ 	background:url(../images/charte/bt3.jpg) no-repeat left top; 	width:87px;  	}
a:hover.bt3 {	background:url(../images/charte/bt3hover.jpg) no-repeat left top; 	width:87px;}

/* Compte + Search + Panier*/
#menuTop #left #recherche {
	float:left;
	padding-left:10px;
	width:233px;
	height:40px;
	font:11px Arial, Helvetica, sans-serif;
}
#menuTop #left #recherche p{
	color:#000;
	line-height:20px;
}
#menuTop #left #recherche input{
	color:#000;
	background-color:#fff;
	border: 1px solid #000;
	height:14px;
	margin:-2px 3px 0 0;
	float:left;
	font-size:10px;
	padding-left:2px;
}
#menuTop #left #recherche a{
	height:14px;
	width:30px;
	background-color: #33CCFF;
	border: 1px solid #000;
	color:#000;
	float:left;
	margin-top:-2px;
	text-decoration:none;
	text-align:center;
}
#menuTop #left #recherche a:hover{
	height:14px;
	width:30px;
	background-color:#fff;
	border: 1px solid #003399;
	color:#000;
	float:left;
	margin-top:-2px;
	text-align:center;
}

#menuTop #left #compte {
	float:left;
	width:219px;
	height:40px;
	font:11px Arial, Helvetica, sans-serif;
}
#menuTop #left #compte p{
	color:#000;
	line-height:20px;
}
#menuTop #left #compte input{
	color:#000;
	background-color:#fff;
	border: 1px solid #000;
	height:14px;
	margin:-2px 3px 0 0;
	float:left;
	font-size:10px;
	padding-left:2px;
}
#menuTop #left #compte a{
	height:14px;
	width:30px;
	background-color: #33CCFF;
	border: 1px solid #000;
	color:#000;
	float:left;
	margin-top:-2px;
	text-decoration:none;
	text-align:center;
}
#menuTop #left #compte a:hover{
	height:14px;
	width:30px;
	background-color:#fff;
	border: 1px solid #003399;
	color:#000;
	float:left;
	margin-top:-2px;
	text-align:center;
}
#menuTop #left #panier {
	float:left;
	width:143px;
	height:40px;
	font:11px Arial, Helvetica, sans-serif;
}
#menuTop #left #panier p{
	color:#000;
	line-height: 20px;
}
#menuTop #left #panier a{
	color: #336699;
	text-decoration:none;
}
#menuTop #left #panier a:hover{
	color:#333;
}
/***************** CONTENU *****************/
#contenu{
width:990px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
min-height:330px; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
padding-bottom:40px;
}
#total{
float:left;
width:714px;
padding: 30px 0px 0 40px;
}
#contenu #contenuTexte{
width:714px;
}
/***************** MENU LEFT *****************/
#contenu #menuLeft{
float:left;
width:190px;
padding:30px 0 0 10px;
}
#contenu #menuLeft span{
display:none;
}
#contenu #menuLeft ul{
list-style:none;
}
#contenu #menuLeft a{
height:24px;
display:block;
margin:5px 0;
width:190px;
overflow:hidden;
}
#contenu #menuLeft a:hover,
#menuTop a.trigered{
color:#fff;
}
a.bt4		{ 	background:url(../images/charte/bt4.jpg) no-repeat left top; 	  	}
a:hover.bt4 {	background:url(../images/charte/bt4hover.jpg) no-repeat left top; 	}

a.bt5		{ 	background:url(../images/charte/bt5.jpg) no-repeat left top; 	  	}
a:hover.bt5 {	background:url(../images/charte/bt5hover.jpg) no-repeat left top; 	}

a.bt6		{ 	background:url(../images/charte/bt6.jpg) no-repeat left top; 	  	}
a:hover.bt6 {	background:url(../images/charte/bt6hover.jpg) no-repeat left top; 	}

a.bt7		{ 	background:url(../images/charte/bt7.jpg) no-repeat left top; 	  	}
a:hover.bt7 {	background:url(../images/charte/bt7hover.jpg) no-repeat left top; 	}

a.bt8		{ 	background:url(../images/charte/bt8.jpg) no-repeat left top; 	  	}
a:hover.bt8 {	background:url(../images/charte/bt8hover.jpg) no-repeat left top; 	}

a.bt9		{ 	background:url(../images/charte/bt9.jpg) no-repeat left top; 	  	}
a:hover.bt9 {	background:url(../images/charte/bt9hover.jpg) no-repeat left top; 	}

a.bt10		{ 	background:url(../images/charte/bt10.jpg) no-repeat left top; 	  	}
a:hover.bt10 {	background:url(../images/charte/bt10hover.jpg) no-repeat left top; 	}

a.bt11		{ 	background:url(../images/charte/bt11.jpg) no-repeat left top; 	  	}
a:hover.bt11 {	background:url(../images/charte/bt11hover.jpg) no-repeat left top; 	}

a.bt12		{ 	background:url(../images/charte/bt12.jpg) no-repeat left top; 	  	}
a:hover.bt12 {	background:url(../images/charte/bt12hover.jpg) no-repeat left top; 	}

a.bt13		{ 	background:url(../images/charte/bt13.jpg) no-repeat left top; 	  	}
a:hover.bt13 {	background:url(../images/charte/bt13hover.jpg) no-repeat left top; 	}

a.bt14		{ 	background:url(../images/charte/bt14.jpg) no-repeat left top; 	  	}
a:hover.bt14 {	background:url(../images/charte/bt14hover.jpg) no-repeat left top; 	}

a.bt15		{ 	background:url(../images/charte/bt15.jpg) no-repeat left top; 	  	}
a:hover.bt15 {	background:url(../images/charte/bt15hover.jpg) no-repeat left top; 	}

/***************** SOUS MENU */
#container #contenu #menuLeft li a{
text-decoration:none;
text-align:right;
font:bold 11px Arial, Helvetica, sans-serif;
color:#060000;
display:block;
height:20px;
overflow:hidden;

}
#container #contenu #menuLeft li a:hover{
text-decoration:none;
color: #E64A00;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:70px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer1{
width:100%;
height:70px;
margin:-70px auto;
background:url(../images/charte/bg-footer.jpg) left top repeat-x;
}
#footer{
position:relative;
clear:both;
width:990px;
height:30px;
margin:auto;
background:url(../images/charte/footer.jpg) left top no-repeat;
padding-top:40px;
}
#idep{
position:absolute;
left:0;
top:40px;
width:210px;
height:30px;
padding-left: 10px;
}
#idep img{

float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color: #fff;

margin:8px 0 0 ;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#fff;
}