/***************** 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:#8e6213 url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
height:auto !important;
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:120px;
background:url(../images/charte/header.jpg) left top no-repeat;
}/***************** FLASH */
#headerFlash{
float:left;
width:740px;
height:120px;
display:block;
}
/***************** PANIER */
#panier{
float:left;
width:240px;
height:120px;
}
#panier #commande{
float:left;
width:75px;
padding:45px 0 0;
}
#panier #commande a.btn,
#panier #commande a.commander
{
text-decoration:none;
display:block;
width:75px;
height:32px;
background:url(../images/charte/bt-panier.gif) left top no-repeat;
}
#panier #commande a.commander{
height:25px;
margin-top:-1px;
background:url(../images/charte/bt-commander.gif) left top no-repeat;
}
#panier #commande a:hover.btn,
#panier #commande a:hover.commander
{
background-position:left bottom;
}
#panier #commande p{
font:10px Arial, Helvetica, sans-serif;
text-align:center;
margin:2px 0 4px;
}
#panier #commande p a{
text-decoration:underline;
color: #006600;
}
#panier #commande p a:hover{
text-decoration:none;
color: #663300;
}
#panier #menu{
float:left;
width:70px;
padding:50px 0 0 14px;
list-style:none;
}
#panier #menu li{
line-height:19px;
}
#panier #menu li a{
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#006600;
}
#panier #menu li a:hover{
text-decoration:underline;
color:#663300;
}





/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:990px;
height:45px;
background:url(../images/charte/bg-menu-top.jpg) left top no-repeat;
list-style:none;
}
#menuTop li{
position:relative;
float:right;
}
#menuTop span{
display:none;
}
#menuTop a{
display:block;
height:45px;
background-position:left top;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background-position:left bottom;
}
li.bt0 a{background:url(../images/charte/bt0.jpg) no-repeat; width:63px;}
li.bt1 a{background:url(../images/charte/bt1.jpg) no-repeat; width:90px;}
li.bt2 a{background:url(../images/charte/bt2.jpg) no-repeat; width:106px;}
li.bt3 a{background:url(../images/charte/bt3.jpg) no-repeat; width:90px;}
li.bt4 a{background:url(../images/charte/bt4.jpg) no-repeat; width:63px;}
li.bt5 a{background:url(../images/charte/bt5.jpg) no-repeat; width:128px;}
/***************** SOUS MENU */
#menuTop li ul{
list-style:none;
position:absolute;
width:109px;
top:-6000px;
left:0;
background:url(../images/charte/bg-li.jpg) left top repeat-y;
border:solid #fff;
border-width:0 1px 1px 1px;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-align:center;
color:#523500;
text-decoration:none;
border:solid #ffcfbd;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
background:#5ab700;
color:#fff;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:195px;
padding-top:7px;
_padding-bottom:150px;
min-height:285px;
height:auto !important;
background:url(../images/charte/bg-menu-left.jpg) left top no-repeat;
}
#menuLeft ul{
list-style:none;
}
#menuLeft span{
display:none;
font-size:12px;
}
#menuLeft a{
background-position:left top;
display:block;
height:39px;
overflow:hidden;
}
#menuLeft a:hover,
#menuTop a.trigered{
background-position:left bottom;
}
a.bt8{background:url(../images/charte/bt1.gif) no-repeat;}
a.bt9{background:url(../images/charte/bt2.gif) no-repeat;}
a.bt10{background:url(../images/charte/bt3.gif) no-repeat;}
a.bt11{background:url(../images/charte/bt4.gif) no-repeat;}
a.bt12{background:url(../images/charte/bt9.gif) no-repeat;}
a.bt13{background:url(../images/charte/bt10.gif) no-repeat;}
a.bt6{background:url(../images/charte/bt5.gif) no-repeat;}
a.bt7{background:url(../images/charte/bt7.gif) no-repeat;}
a.bt21{background:url(../images/charte/bt6.gif) no-repeat;}
a.bt20{background:url(../images/charte/bt8.gif) no-repeat;}
/***************** SOUS MENU */
#container #menuLeft li a{
background:#fff url(../images/charte/bg-li.jpg) left top repeat-y;
width:140px;
margin-left:20px;
border:none;
text-decoration:none;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#5d3c00;
display:block;
height:20px;
overflow:hidden;
padding:0 0 0 20px;
}
#container #menuLeft li a:hover{
background:#5ab700;
color:#fff;
}
/***************** CONTENU *****************/
#vide{
height:160px;
width: 720px;
}
#contenu{
float:left;
width:780px;
min-height:285px !important;
height:auto !important;
height:285px;
background:url(../images/charte/bg-contenu.jpg) left top no-repeat;
padding:0px 0 0 15px;
}
#contenu #col-right{
float:right;
width:172px;
min-height:300px;
height:auto !important;
margin-left:10px;
padding: 25px 27px 0 13px ;
}
a.valid{background:url(../images/charte/valid.jpg) left top no-repeat; display:block; height:16px; width:50px; float:left;}
a:hover.valid{background:url(../images/charte/valid.jpg) left bottom no-repeat; display:block; height:16px; width:50px; float:left;}

*html a.valid{background:url(../images/charte/validIE6.jpg) left top no-repeat; display:block; height:16px; width:50px; float:left;}
*html a:hover.valid{background:url(../images/charte/validIE6.jpg) left top no-repeat; display:block; height:16px; width:50px; float:left;}

#contenu #col-right input{
float:left;
height:14px;
margin-right:3px;
border:1px solid #5d3c00;
font:11px Arial, Helvetica, sans-serif;
padding-left:3px;
}

#contenu #col-right #encart{
width:160px;
margin-left:6px;
padding-top:20px;
height:200px;
}
#contenu #col-right #encart .title{
font:bold 12px Arial, Helvetica, sans-serif;
padding:2px 5px;
color: #330000;
}
#contenu #col-right #encart img{
margin:5px;
}

#contenu #col-right #encart .description{
font:bold 10px Arial, Helvetica, sans-serif;
text-align:justify;
padding:0 5px;
color: #434343;
}
#contenu #col-right #encart a{
color: #CC6600;
}
#contenu #col-right #encart a:hover{
text-decoration:underline;
color: #339900;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:150px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer1{
width:100%;
height:150px;
clear:both;
position:relative;
margin:-150px auto;
background:url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#footer{
position: relative;/*---obligatoire pour le footer---*/
margin:auto;
width:940px;
height:50px;
padding:100px 50px 0 0;
color:#fff;
background:url(../images/charte/footer.jpg) center top no-repeat;
}
#idep{
position:absolute;
left:0;
top:120px;
width:195px;
height:30px;
}
#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;
}
.contenu-texte{
  width:720px;
}

/**************** CONTACT  *******************/
.table-contact{
  display:block;
  width:400px;
  float:left;
}

.table-contact-left{
   width:190px;
   float:left;
   display:block;

   margin-top:10px;
}

.table-contact-right{
  width:190px;
  float:left;
  display:block;

  margin-top:10px;
  padding-left: 10px;
}

.button-contact{
  background:url(../images/contact/envoyer.gif) no-repeat ;
  border: none;
	width:108px;
	font-size: 12px;
  height: 23px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
}
.buttonOver-contact{
border: none;
  background:url(../images/contact/envoyer-over.gif) no-repeat ;
  color:#D2A060;
	width:108px;
  height: 23px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
}
.button-contact1{
  background:url(../images/contact/effacer.gif) no-repeat ;
  border: none;
	width:100px;
	font-size: 12px;
  height: 23px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
  width: 66px;
}
.buttonOver-contact1{
border: none;
  background:url(../images/contact/effacer-over.gif) no-repeat ;
  color:#D2A060;
	width:100px;
  height: 23px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
  width: 66px;
}
.button-fermer1{
  background:url(../images/contact/fermer1.gif) no-repeat ;
  border: none;
	width:100px;
	font-size: 12px;
  height: 23px;
	cursor:pointer;
  color:#FFCE96;
  font-weight:bold;
  width: 79px;
}
.buttonOver-fermer1{
border: none;
  background:url(../images/contact/fermer1-over.gif) no-repeat ;
  color:#D2A060;
	width:100px;
  height: 23px;
	font-size: 12px;
	cursor:pointer;
  font-weight:bold;
  width: 79px;
}
.input-contact{
  width:120px;
  height: 16px;
  float: left;
}

.table-contact-buttons{
  padding:0px 6px 0px 120px;
  height: 10px;

}

#frmContact1{
	font-family:arial;
	font-size:11px;
	width:400px;
	height: auto;
}
.contact-message{
   float:left;
   display:inline;
   margin-left:45px;
   height: 124px;
}
.input1{
  width:75px;float:left;color:#696758;
}
.input22{
  width:100px; float:left;
  color:#8D1717;background-color:#F78F33;width:123px;height:20px;
}

.input3{
  width:75px; float:left;display:inline;color:#371401;
}

.message{
  width:75px;float:left;padding-left:4px;display:inline;color:#597E0E;
}

.inputForm{
	border:1px solid #DE4B04;
	background-color:#DE4B04;
	width:80px;
	font-family:arial;
	font-size:11px;
	color:#B1E076;
  height:13px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #DE4B04;
	background-color:#856415;
	font-family:arial;
	font-size:11px;
	width:80px;
	color:#B1E076;
	height:13px;
	margin-top:2px;
}
/**************************/
.encart-contacter{
  background:url(../images/img/encart-contacter.jpg) no-repeat;
  height: 17px;
  padding-left: 20px;
  padding-top:1px;
}
.bullet{
  background:url(../images/img/bullet.gif) no-repeat 0px 4px;
  padding-left: 12px;
  margin-left: 15px;
}
.button1{
  background:url(../images/img/1.gif) no-repeat ;
  height: 33px;float:left;width:196px;
}
.button1-over{
  background:url(../images/img/1-over.gif) no-repeat ;
  height: 33px;float:left;width:196px;
}
.button2{
  background:url(../images/img/2.gif) no-repeat ;
  height: 33px;float:left;width:145px;
}
.button2-over{
  background:url(../images/img/2-over.gif) no-repeat ;
  height: 33px;float:left;width:145px;
}
.button3{
  background:url(../images/img/3.gif) no-repeat ;
  height: 33px;float:left;width:160px;
}
.button3-over{
  background:url(../images/img/3-over.gif) no-repeat ;
  height: 33px;float:left;width:160px;
}
.button4{
  background:url(../images/img/4.gif) no-repeat ;
  height: 33px;float:left;width:159px;
}
.button4-over{
  background:url(../images/img/4-over.gif) no-repeat ;
  height: 33px;float:left;width:159px;
}
.button5{
  background:url(../images/img/5.gif) no-repeat ;
  height: 33px;clear:left;float:left;width:130px;
}
.button5-over{
  background:url(../images/img/5-over.gif) no-repeat ;
  height: 33px;clear:left;float:left;width:130px;
}
.button6{
  background:url(../images/img/6.gif) no-repeat ;
  height: 33px;float:left;width:267px;
}
.button6-over{
  background:url(../images/img/6-over.gif) no-repeat ;
  height: 33px;float:left;width:267px;
}
.button7{
  background:url(../images/img/7.gif) no-repeat ;
  height: 33px;float:left;width:157px;
}
.button7-over{
  background:url(../images/img/7-over.gif) no-repeat ;
  height: 33px;float:left;width:157px;
}
.nouveaute{
  background:url(../images/img/raquettes.gif) no-repeat;
  height:131px;
  width: 231px;
  float:left;
  padding-right: 10px;
}
.occasion{
  background:url(../images/img/occasion.gif) no-repeat;
  height: 131px;
  width: 231px;
  float:left;
}
.promotion{
  background:url(../images/img/chaussures.gif) no-repeat;
  height: 131px;
  width: 231px;
  float:left;
  padding-right: 10px;
}
.promo-nouveaute{
  background:url(../images/img/promo-nouveaute.gif) no-repeat right bottom;
  width: 56px;
  height: 40px;
  float: right;
}
.promo-occasion{
  background:url(../images/img/promo-occasions.gif) no-repeat right bottom;
  height: 40px;
  width: 56px;
  float: right;
}
.promo-promotion{
  background:url(../images/img/promo-promotions.gif) no-repeat right bottom;
  height: 40px;
  width: 56px;
  float: right;
}
.invisible{
	display:none;
}
.encart10{
  background:url(../images/img/encart10.gif) no-repeat;
  height: 57px;
  width: 377px;
  padding-top: 10px;
  margin-left: 145px;
}
.titre-produit{
  padding-top:10px;color:#C35132 !important;border-bottom:1px solid #ECB51F;
}
.titre-marque{
  color:#9A2100;float:left;padding-left:3px;padding-top:7px;
}
.prix-produit{
  float:left;padding-left:10px;width:31px;
}
.bullet10{
  background:url(../images/img/bullet10.gif) no-repeat 0px 2px;
  padding-left: 15px;
}
.ami{
  background:url(../images/img/ami.gif) no-repeat 5px 0px;
  padding-left: 35px;
}
.contactez{
  background:url(../images/img/contactez.gif) no-repeat 3px 0px;
  padding-left: 35px;
  height: 23px;
  padding-top: 2px;
}