@charset "UTF-8";

*{
outline:none
}

html {
margin:0 auto;
padding:0;
}

body {
margin:0 auto;
padding:0;
color:#A14012;
font-family: Arial, sans-serif;
font-size: 12px;

}

table{
width:100%
}

td{
vertical-align:top
}

#haut{
margin: auto;
height: 276px;
border-bottom:1px solid #FD3300
}

#conteneur0 {
background:#1A130C url(../../images/entete0_bg.png) top center no-repeat;
height:77px;
margin:auto;
}

#entete0 {
margin: auto;
width: 980px;
height: 77px;
}

#logo {
width: 85px;
height: 138px;
margin: 10px 0 0 30px;
display:block;
border: 0;
position: absolute;
cursor: pointer;
}

#anim {
float:left;
height:167px;
margin:107px 0 0 0;
position:absolute;
width:499px;
}

#txtentete0{
float: right;
width: 812px;
height: 47px;
margin: 5px 10px 0 0;
}

#conteneur1 {
background:#211A12 url(../../images/entete1_bg.png) top center no-repeat;
height:31px;
margin:auto;
}

#entete1 {
margin: auto;
width: 980px;
height: 31px;
}

#minimenu{
float: left;
width: 160px;
margin:5px 0 0 135px;
height:22px;
}
#share{
background: url(../../images/share_bg.png) top center no-repeat;
height: 30px;
width: 30px;
margin:-5px 7px 0 0;
display: block;
float: left;
}

#share:hover {
background: url(../../images/share_hover_bg.png) top center no-repeat
}

#sitemap{
background: url(../../images/sitemap_bg.png) top center no-repeat;
height: 30px;
width: 30px;
margin:-5px 7px 0 0;
display: block;
float: left;
}

#sitemap:hover {
background: url(../../images/sitemap_hover_bg.png) top center no-repeat
}

#fav{
background: url(../../images/fav_bg.png) top center no-repeat;
height: 30px;
width: 30px;
margin:-5px 7px 0 0;
display: block;
float: left;
}

#fav:hover {
background: url(../../images/fav_hover_bg.png) top center no-repeat
}

#topmenu{
float: right;
height:22px;
width: 550px;
margin:5px 0 0 105px;
overflow:hidden;
background: url(../../images/trait_v.png) left center no-repeat;

}

#topmenu ul{
margin: 0;
padding: 0;
height: 22px;
text-align: right;
}

#topmenu li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
background: url(../../images/trait_v.png) right center no-repeat;
height: 22px;
float: left;
}


#topmenu li a{
padding: 3px 22px 8px 22px;
text-decoration: none;
color: #FFF;
font-family: Arial;
font-size: 14px;
display: block;
float: left;

}

#topmenu li a:hover{
color: #FF3300;	
}

#conteneur2 {
background: #000 url(../../images/entete2_bg.png) top center no-repeat;
height:168px;
margin:auto
}

#entete2 {
margin: auto;
width: 980px;
height: 168px;
color:#B49870;
}
#entete2 a {
color: #B49870;
cursor: pointer;

}
#entete2 a:hover {
color: #FF3300;
}

#compte {
/*margin: 22px 0 0 496px;*/
margin: 22px 0 0 663px;
/*width: 477px;*/
width:310px;
height: 64px;
background: url(../../images/compte_bg.png) left center no-repeat;
position: absolute;
}
#comptebis {
/*margin: 22px 0 0 496px;*/
margin: 22px 0 0 663px;
/*width: 477px;*/
width:310px;
height: 64px;
background: url(../../images/compte2_bg.png) left center no-repeat;
position: absolute;
}

#compte1{
color:#B49870;
font-size: 12px;
/*margin: 30px 0 0 543px;*/
margin: 30px 0 0 710px;
position: absolute;
width:68px;
height:15px;
}
#compte2{
color:#B49870;
/*margin: 57px 0 0 502px;*/
margin: 57px 0 0 669px;
position: absolute;
font-size: 11px;
line-height:12px;
width:110px;
height: 25px;
}
#compte2 a {
color:#B49870;
font-size: 11px;
}
#compte2 a:hover{
color: #FF3300;
}
#compte3 {
background: none;
color:#B49870;
height:47px;
/*margin:30px 0 0 624px;*/
margin:30px 0 0 791px;
position:absolute;
width:180px;
}
#compte3 .texte{
width: 133px;
height: 16px;
background: none;
border: 0;
text-align: center;
}
#compte3 .ok{
background:none;
border: 0px;
height:20px;
margin:8px 0 0 8px;
width:30px;
cursor: pointer;

}
#panier1 {
background: none;
height:14px;
margin:63px 0 0 820px;
position:absolute;
text-align:center;
width:74px;
}
#panier2 {
background: none;
height:14px;
margin:63px 0 0 899px;
position:absolute;
text-align:center;
width:67px;
}
#panier0 {
background:none;
height:30px;
margin:25px 0 0 854px;
position:absolute;
width:113px;
display: block;
border: 0;
}
#panier0, #panier1, #panier2 {
display:none
}
#slogan {
width: 264px;
height: 21px;
position: absolute;
margin:114px 0 0 661px;
background: url(../../images/slogan.png);
}


#conteneur10 {
margin:auto;
background:url(../../images/conteneur10_bg.jpg) top center;
}

#zone_corps{
margin: auto;
min-height: 600px;
width: 980px;
background: #000
}

#gauche {
width: 220px;
min-height: 850px;
float: left;
background: #000;
}


#menu {
margin: 15px 0 0 5px;
width:202px;
/*min-height: 220px;*/
float: left;
padding: 0;
color: #B39870;
font-family:Verdana, Geneva, sans-serif;
font-size: 13px;
}

#menu h2, .menutitre {
margin:0;
height:42px;
float: left;
width:202px;
}

#menu h2 a {
background:transparent url(../../images/menutitre_bg.png) no-repeat scroll left top;
color: #5D260A;
display:block;
font-size:14px;
font-weight:normal;
text-align:left;
padding: 10px 0 0 47px;
margin: 2px 3px 0 0px;
width:150px;
height:30px;
}

#menu h2 a:hover {
background:transparent url(../../images/menutitre_hover_bg.png) no-repeat scroll left top;
color:#1B150E;
}

.stretcher .stretcherh {
background:transparent url(../../images/stretcherh_bg.png) no-repeat scroll left top;
width: 196px;
height: 11px;
margin:0;
padding:0
}
.stretcher .stretcherb {
background:transparent url(../../images/stretcherb_bg.png) no-repeat scroll left top;
width: 196px;
height: 9px;
margin:0;
padding:0

}
.stretcher {
margin:0;
padding: 0 0 0 5px;
}

.stretcher li {
height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 1px 13px;
width:180px;
background:transparent url(../../images/stretcherr_bg.png) repeat-y scroll left top;
}

.stretcher li a {
color:#B29870;
display:block;
font-size:13px;
font-weight:normal;
text-decoration:none;
width:172px;
}

.stretcher li a:hover {
color:#FFF;
}

#zone_promo{
float:left;
margin:20px 0 0 12px;
}
#promoh {
color: #A03F12;
font-size: 16px;
background: transparent url(../../images/promoh_bg.png) no-repeat scroll left top;
width: 193px;
height:30px;
padding:8px 0 0 10px;
float: left;
}

#promor {
background: transparent url(../../images/promor_bg.png) repeat-y scroll left bottom;
float: left;
width: 193px;
}
#promob {
background: transparent url(../../images/promob_bg.png) no-repeat scroll left bottom;
width: 193px;
height: 9px;
float: left;
}

#promo {
color: #A03F12;
font-size: 16px;
background: transparent url(../../images/promo_bg.png) no-repeat scroll left top;
width: 193px;
height: 120px;
float: left;
}


#promo ul{
padding: 0;
margin: 0;
}

#promo li {
color:#201911;
float:left;
margin:0px 0 0 8px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#promo li a {
background:transparent url(../../images/tpromo_bg.png) no-repeat scroll center bottom;
color:#201911;
display:block;
font-size:12px;
height:20px;
padding:2px 0 0 0;
width:179px;

}
#promo li a:hover {
color:#000000;
background: url(../../images/tpromo_hover_bg.png) bottom center no-repeat;
}

#zone_contact{
margin: 10px 0 0 0;
width: 220px;
float: left;
}

#contactr {
background: transparent url(../../images/contactr_bg.png) repeat-y scroll left top;
width: 220px;
float: left;
}

#bloc_contact {
background: transparent url(../../images/contact_bg.png) no-repeat scroll left top;
width: 220px;
min-height: 171px;
float: left;
}
#contactb {
background: transparent url(../../images/contactb_bg.png) no-repeat scroll left bottom;
width: 220px;
height: 7px;
float: left;
}

#bloc_contact h2 {
color: #EA3000;
font-size: 22px;
font-weight: normal;
margin: 6px 0 0 30px;
width:170px;
float: left;
}
#contact {
width: 164px;
min-height: 104px;
float: left;
margin: 15px 0 0 30px;
font-size: 12px;
color: #876C4C;
line-height:17px;
}

#zone_paiement {
margin: 10px 0 0 0;
float: left;
background: transparent url(../../images/paiement_bg.png) no-repeat scroll left top;
width: 220px;
height: 73px;
}
#zone_paiement h2 {
margin: 15px 0 0 65px;
font-size: 14px;
color: #876C4C;
width:170px;
float: left;
}

#zone_rss {
float: left;
background: transparent url(../../images/rss_bg.png) no-repeat scroll left center;
margin:25px 0 0 18px;
width:175px;
height: 50px;
display: block;
}

#zone_rss a{
float: left;
margin: 2px 0 0 50px;
color: #A03F12;
font-size: 10px;
}

#zone_ek {
margin: 10px 0 0 45px;
float: left;
background: transparent url(../../images/ek_bg.png) no-repeat scroll left center;
width: 117px;
height: 50px;
display: block;
}





#droite {
width: 220px;
min-height: 850px;
float: right;
background: #000;
}

#zone_devis{
margin: 0px;
height: 84px;
width: 220px;
background: url(../../images/devis_bg.png) top center no-repeat;
}

#zone_devis a {
margin: 17px 0 0 75px;
font-size: 22px;
color: #EA3000;
display: block;
float: left;
cursor: pointer;
}
#zone_actur{
background: url(../../images/actur_bg.png) repeat-y;
width: 220px;
float:left;
}
#zone_actuh{
background: url(../../images/actuh_bg.png) top center no-repeat;
min-height: 230px;
width: 220px;
float:left;
}

#zone_actuh h3 {
color:#EA3000;
float:left;
font-size:22px;
margin:5px 0 0 24px;
}
#zone_actuh #flash_infos {
color:#B39870;
float:left;
margin:7px 0 0 24px;
width:168px;
}

#zone_actuh #flash_infos h2 {
font-size: 14px;
}

#zone_actuh a {
color:#EA3000;
}

#zone_actub{
background: url(../../images/actub_bg.png) top center no-repeat;
height: 12px;
width: 220px;
float:left;
}

#zone_achat{
margin:0 0 1px 11px;
}

#zone_nouvoter{
background: url(../../images/nouvoter_bg.png) repeat-y;
width: 220px;
float:left;
}

#zone_nouvoteh{
background: url(../../images/nouvoteh_bg.png) top center no-repeat;
min-height: 87px;
width: 220px;
float:left;
margin-bottom:15px;
}

#zone_nouvoteh h3 {
color:#B29870;
float:left;
font-size:12px;
margin:18px 0 15px 60px;
}

#zone_nouvoteh ul{
padding: 0;
margin: 0;
}

#zone_nouvoteh li {
color:#B29870;
float:left;
margin:1px 0 0 10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#zone_nouvoteh li a {
background:transparent url(../../images/tnouvote_bg.png) no-repeat scroll center bottom;
color:#B29870;
display:block;
font-size:12px;
height:20px;
padding:5px 0 0 12px;
width:178px;

}
#zone_nouvoteh li a:hover {
color:#EA3000;
background: url(../../images/tnouvote_hover_bg.png) bottom center no-repeat;
}

#zone_nouvoteb{
background: url(../../images/nouvoteb_bg.png) top center no-repeat;
height: 12px;
width: 220px;
float:left;
margin-bottom: 10px;
}


#zone_newsletter{
background: url(../../images/newsletter_bg.png) top center no-repeat;
width: 220px;
height: 120px;
float: left;
}

#bloc_newsletter {
margin: 49px 0 0 23px;
float: left;
}

#bloc_newsletter .texte{
width: 169px;
height: 18px;
background: none;
border: 0;
color: #896C4C;
text-align: center;
}
#bloc_newsletter .ok{
float: left;
background: url(../../images/ok_bg.png) top center no-repeat;
display: block;
width: 42px;
border: 0px;
height:31px;
margin:8px 0 0 -2px;
cursor: pointer;

}




#centre {
width: 540px;
min-height: 850px;
float: left;
/*background: blue;*/	
}

#centre .titre {
font-family: Arial;
font-size: 16px;
font-weight: bold;
margin:0 0 0 5px;
color: #FA3200;
}

#page{
width: 540px;
min-height: 90px;
float:left;
font-family: Arial;
font-size: 11px;
margin: 30px 0 10px 0;
}

#page a {
color:#F93200;
cursor: pointer;
}

#page .article{
clear:both;
font-size: 13px;
font-weight: normal;
margin:10px 0 20px 0;
color: #A14012;
font-weight: normal;
height:auto
}

#page .listProd:after{
content:".";
clear:both;
height:0;
visibility:hidden;
display:block
}

/*--------------- Achat en ligne ----------------*/

#liste-etape{
width:508px;
height:38px;
margin:10px auto
}

#liste-etape .btnEtape{
color:#5D260A;
display:block;
float:left;
width:120px;
font-size:15px;
text-transform:uppercase;
padding:9px 0 0 5px;
margin:1px 1px 0 0;
text-align:center;
height:29px
}

#liste-etape .etapeOk, #page .validOk{
color:#471B0C
}

#page .listProd a{
display:block;
width:120px;
height:120px;
border:1px solid #000
}

#page .listProd a:hover{
border:1px solid #FFF
}

#page .listProd .imgproduitSelect a{
border:1px solid #F60
}

#page #etape2 ul{
margin:0;
padding:0 0 0 20px
}

#page #etape2 li{
list-style:none;
}

.divSeparator{
width:200px;
margin:10px auto;
border-top:1px solid #FB4C18
}

.btnValid{
clear:both;
display:block;
width:130px;
padding:5px 0;
margin:10px auto 15px;
text-align:center;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
background:#CCC;
font-weight:700
}

#page .validOk{
background:#CF2C02
}

#message{
display:none;
border:1px solid #CF2C02;
color:#CF2C02;
padding:5px;
text-align:center;
width:340px
}

#zone_promocentre {
margin: 5px 0 0 15px;
float: left;
color: #000;
}

#promocentrer{
background: url(../../images/promocentrer_bg.png) top center repeat-y;
width: 501px;
float: left;
}
#promocentre{
background: url(../../images/promocentre_bg.png) top center no-repeat;
width: 501px;
min-height: 166px;
float: left;
}
#promocentreb{
background: url(../../images/promocentreb_bg.png) bottom center no-repeat;
width: 501px;
min-height: 32px;
float: left;

}

#promocentre h3 {
color: #A03F12;
font-size: 16px;
margin: 7px 0 0 40px;
font-weight: normal;
}

#page h4 {
font-size: 14px;
margin:10px 0 5px 10px;
color: #FA3200;
}

#page .imgproduit {
margin:10px;
width: 120px;
height: 120px;
float: left;
/*border: solid 1px;*/

}

#page .description {
width: 250px;
min-height: 30px;
margin:5px 0 0 5px;
padding-bottom: 15px;
float: left;
font-size: 12px;
color: #A24112;
background: url(../../images/trait.png) bottom center no-repeat;
}

.zone_prix {
width: 116px;
height: 123px;
float: right;
margin-right: 10px;
}

.zone_prix .p1 {
color : #A14012;
font-size: 12px;
text-decoration:line-through;
text-align: center;
}
.zone_prix .p2 {
color : #FFF;
font-size: 20px;
text-align: center;
}
.zone_prix .ajoutp_p{
margin-top: 30px;
width: 117px;
height: 23px;
background: url(../../images/ajoutp_p_bg.png) center center no-repeat;
display: block;
}
.zone_prix .savoir_p{
background: url(../../images/savoir_p_bg.png) center center no-repeat;
width: 117px;
height: 29px;
display: block;
}


#page #liste_produit {
float: left;
margin-left:15px;
}

#page .produit {
float: left;
background: url(../../images/produitb_bg.png) bottom center no-repeat;
padding-bottom:15px;
width: 501px;
}



.galerie {
float: left;
width: 980px;
height: 170px;
}

#fleche_gauche{
float: left;
margin: 55px 0 0;
width: 27px;
height: 75px;
display: block;
cursor: pointer;
background: url(../../images/fleche_gauche_bg.png) left top no-repeat;
}

#cont_galerie {
float: left;
margin: 20px 0 0 0px;
width: 470px;
height: 140px;
background: url(../../images/scroller_bg.png) left top no-repeat;
}

#fleche_droite{
float: left;
margin: 55px 0 0;
width: 26px;
height: 70px;
display: block;
cursor: pointer;
background: url(../../images/fleche_droite_bg.png) left top no-repeat;
}

.scroller {
float:left;
height:120px;
margin:10px 0 0 10px;
width:450px;
overflow: hidden;
visibility:visible;
}

.image_galerie {
float: left;
width: 120px;
height: 120px;
margin: 0 15px;
/*background: url(../../images/galerie.gif) center center no-repeat;*/
}

#cont_galerie a {
border:medium none;
display:block;
height:115px;
margin:2px 0 0 2px;
width:116px;
}



#bas {
float: left;
width: 980px;
height: 44px;
background: url(../../images/bas_bg.png) left center repeat-x;
}
#sommaire {
width: 980px;
margin-top: 10px;
text-align: center;
color: #A03F12;
}

#sommaire ul {
margin:0;
padding:0;
}

#sommaire li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0 2px 0 2px;
}
#sommaire li a {
color:#9F3F12;
font-family: Arial;
font-size:12px;
font-weight:normal;
}
#sommaire li a:hover {
color: #ED3000;
text-decoration: underline;
}



#produit_details {
margin-top: 10px;
padding: 3px;
float: left;
width: 345px;
}


#pdetailsg {
float: left;
width: 212px;

}
#pdetailsd {
float: left;
width: 315px;
padding:3px;
}
#pdetailsb {
float: left;
width: 530px;
padding: 3px;
margin:2px 0 0 2px;
min-height: 150px;
font-size: 11px;
font-family: Arial, sans-serif;
}

#produit_detail .img2 {
max-width: 210px;
max-height: 158px;
border: none
}

#produit_detail .img3 {
width: 104px;
height: 78px;
border: none;
float: left;
margin: 5px 2px 5px 0;
}

.pdetailsprix {
color:#FFFFFF;
float:left;
font-size:20px;
font-weight:bold;
height:30px;
padding-top:8px;
text-align:center;
width:315px;
letter-spacing:2px;
}

.pdetailsprixpromo {
float:left;
font-size:14px;
font-weight:bold;
height:16px;
text-align:center;
width:315px;
text-decoration:line-through;
color:#A14012;
}
.produit_achat{
width: 315px;
text-align: center;
float: left;
}

.pdetailscontact {
margin-left:95px;
width:121px;
height: 23px;
background: url(../../images/ajoutp_p_bg.png) center center no-repeat;
float:left;
display: block;
cursor: pointer;
}
.pdetailsnom {
float: left;
text-align: left;
font-size: 16px;
color: #000;	
}

.pdetailstitredesc{
float:left; 
width:425px; 
text-align:left; 
background:none; 
margin:5px 0 0 5px;
}

.pdetailsdesc{
float: left;
font-size: 11px;
font-family: Arial, sans-serif;
width: 315px;
}





/* ----- CLASSES COMMUNES ----- */

.clear {
clear:both;
margin:0;
padding:0;
}
a{
text-decoration:none;
}
img {
border:none;
}

.normal {
color: #A14012;
font-size: 13px;
}

.erreur{
font-size:10px;
color:#FA3200;	
}
.rouge {
color:#FA3200;
}
#page .rub {
color:#A24112;
}

#page .rub a{
color:#A24112;
}

#page .map {
color:#A24112;
}

#page .map a{
color:#A24112;
}

input {
color: #000;
background:#B49870;
border: 0;
}

select {
color: #000;
background:#B49870;
border: 0;
}
textarea {
color: #000;
background:#B49870;
border: 0;
}
.submit1 , .bouton {
background: url(../../images/submit1.png) bottom center no-repeat;
width: 117px;
height: 31px;
color: #FFF;
cursor: pointer;
}


.cgv_titre {
font-size: 14px;
}
.cgv_p {
font-size: 12px;
}

.alert-dimensions{
display:block;
font-style:italic;
color:#C00
}
/*fin communes */

#affPrix{
font-size:20px;
color:#FFF
}

.brown_button{
display:block;
background:url(../../bg_bouton.jpg) repeat-x;
border:1px solid #383426;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:15px;
height:22px;
margin:auto;
padding:5px 10px 0;
width:70px
}

#page a.addProduct{
display:block;
background:#F93200;
color:#471B0C;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:15px;
height:22px;
margin:5px 0 0 45px;
padding:5px 10px 0;
width:180px
}