*{
/*---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:url(../images/charte/bg-body.jpg);
}
/***************** CONTAINER *****************/


.bug{
height: 100%;


}


#container{
position:relative;
min-height:100%;
width:964px;
margin:0 auto;
background:#ded3bd url(../images/charte/bg-container.gif) repeat-y;
}

#container2{
position:relative;
min-height:500px;
width:964px;
margin:0 auto;
background:url(../images/charte/bg-contenu.jpg) 201px 158px no-repeat;
}
/***************** HEADER *****************/
#header{
width:763px;
height:117px;
float:left;
}
/***************** PANIERCOMPTE *****************/
#paniercompte{

margin-left:1px;
height:117px;
width: 199px;
float:left;
background: url(../images/charte/bg-paniercompte.jpg) repeat-x;
font:11px/22px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#paniercompte2{
font:11px/20px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left: 7px;
}

#paniercompte a:link,#paniercompte a:visited{
font:10px Arial, Helvetica, sans-serif;
color:#F9DB98;
text-decoration:underline;
}
#paniercompte a:hover,#paniercompte a:active{
font:10px Arial, Helvetica, sans-serif;
color:#eea500;
text-decoration:none;
}

#paniercompte .prix{
font:normal 10px Arial, Helvetica, sans-serif;
color:#F9DB98;
}

/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:964px;
height:41px;
background: url(../images/charte/bg-Topmenu.jpg) no-repeat;
list-style:none;
float:left;
}

#menuTop form{
padding-top:10px;
width:135px;
height:30px;
float:left;
}



#menuTop input{
width:100px;
background:#ded3bd;
border:1px solid #89764f;
font:normal 11px Arial, Helvetica, sans-serif;
color:#89764f;
padding:2px 2px;
margin:0 1px 0 4px;
float:left;
}



#menuTop input.ok2{
width:18px;
height: 18px;
cursor: pointer;
border: 0px;
float: left;
margin: 1px 0px 0px 0px;
padding: 0px;

}



#menuTop select{
width:100px;
background:#ded3bd;
border:1px solid #89764f;
font:normal 11px Arial, Helvetica, sans-serif;
color:#89764f;
padding:1px 0px;
margin:0 4px;
float:left;
}
#menuTop li{
position:relative;
float:left;
width:135px;
border: 0px solid red;
}
#menuTop a{
text-decoration:none;
font:bold 12px/40px Arial, Helvetica, sans-serif;
color:#eea500;
text-align:center;
display:block;
height:41px;
overflow:hidden;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background:url(../images/charte/bg-Topmenu-ovr.jpg) repeat-x;
color:#FFFFFF;
}

#container #menuTop .current{
background:url(../images/charte/bg-Topmenu-ovr.jpg) repeat-x;
color:#FFFFFF;
cursor: default;
}

#container #menuTop .current:hover{
background:url(../images/charte/bg-Topmenu-ovr.jpg) repeat-x;
color:#FFFFFF;
cursor: default;
}
/***************** SOUS MENU */
#menuTop li ul{
list-style:none;
position:absolute;
width:160px;
top:-6000px;
left:0;
margin-top:10px;
background:url(../images/charte/bg-ssrubz-ovr.jpg) repeat;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:145px;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
text-align:left;
padding-left:5px;
}
#container #menuTop li li a:hover{
background:#544221;
}
/***************** MENU ********************/
.menu {
width:200px;
float:left;
margin-top:15px;
font:bold 13px/20px Arial, "Times New Roman", Times, serif;
color:#eea500;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0px;
list-style-type:none;
width:200px;
}
.menu ul li {
}
.menu ul li ul li {
}
.menu ul li ul li ul li {

}
/* style the links */
.menu a {
display:block;
text-decoration:none;
line-height:20px;
color:#eea500;
text-indent:15px;

}
/* style the link hover */
.menu a:hover {
color:#fff;
background: url(../images/charte/bg-ssrubz-ovr.jpg);
margin-left: 1px;
}
.menu ul li ul li  a {
text-decoration:none;
background:none;
font:bold 11px Arial, Helvetica, sans-serif;
color:#c9bda1;
border:0px solid red;
line-height:20px;
margin: 1px;

}
/* style the link hover */
.menu ul li ul li a:hover {
color:#fff;
background:#883B1F;
margin: 1px;
border:0px solid red;
line-height:20px;

}

.menu ul li ul li ul li  a {
text-decoration:none;
color:#FFF;
font:bold 10px Arial, Helvetica, sans-serif;
height: 20px;
margin: 1px;
line-height:20px;
background:#2F5242;
}
/* style the link hover */
.menu ul li ul li ul li a:hover {
color:#eea500;
font:bold 10px Arial, Helvetica, sans-serif;
background:#2F5242;
height: 20px;
margin: 1px;
line-height:20px;
}



#contenu{
float:left;
width:700px;
padding:20px 0 25px 30px;
font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
color:#7A6949;
text-align: justify;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:36px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:964px;
margin:-36px auto 0;
background: url(../images/charte/bg-footer.jpg) no-repeat;
}
#idep{
position:absolute;
left:0;
top:0;
width:231px;
height:36px;
margin-left: 1px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/12px Arial, Helvetica, sans-serif;
text-align:left;
color:#a89877;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
.invisible{
  display:none;
}
 .inputForm{
border:1px solid #776646;
background-color: #FFFFFF;
width:180px;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #776646;
background-color: #F5F4F4;
width:180px;
font-family: Arial, Helvetica, sans-serif;

font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #413622;
background-color: #776646;
width:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px 0px;
font-weight: bold;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #413622;
background-color: #413622;
width:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
cursor:pointer;
color:#FFFFFF;
padding: 1px 0px;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#9D8C6B;
	font-size:11px;
  width: 600px;
	border:1px solid #776646;
}
#frmProduct_2189 #paramTailleId{
width:140px;
}

.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
white-space:nowrap;
color:#ffffff;
}

.frmContact2{ /* dedicated ID for "contact form"*/

	text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#9D8C6B;
	font-size:11px;
  width: 300px;
	border:1px solid #776646;
}

.frmContact2 .Label, .frmContact2 label{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align: left;


}

.notice{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
color:#ffffff;
}

    .paniers {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
   }

     .paniers:hover {
     color: #F4EFDA;
    text-decoration: none;
    font-weight: bold;
    }