@CHARSET "ISO-8859-1";
@import "reset.css";
@import "menu_superfish.css";
@import "autocomplete.css";

#atff {display: none;} /* fixing firebug's bug */
body{margin:0; font-family: Arial; font-size:1em; letter-spacing:0.03em; color:#666; line-height: 1.1em; background-color: #fff;}

body#bg-fm{
    background-image: url("../gfx/background-noel.jpg");
    background-position: top;
    background-attachment:fixed ;
    background-repeat: repeat;
}
#solde-juillet{background-image:url(../gfx/solde-bg.png); background-repeat: repeat;}
#solde-juillet-1{width:163px; height: 516px; position:absolute; margin-left: -163px;}
#solde-juillet-2{width:163px; height: 516px; position:absolute; margin-left: 949px;}




img{border:0;padding:0; margin:0; outline: none; outline: 0;}
form{border:0px; padding:0; margin:0;}
input, textarea, select, img#siimage{border:1px solid #666;}

label{cursor:pointer;}
input.submit-text {background-color:#666; font-weight:bolder; color:#fff; }
input.error, img.error{border:1px solid red;}
form.horizontal label, input, select{vertical-align:middle;}
form.horizontal div label {width:130px; display:block; float:left;}
form.horizontal div{margin-bottom: 5px;}
p.error{color:#C00;}

.ok{color:#060;}
ul {list-style-type:square}
p{margin:5px 0px 15px 0px;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}
.float-left{float: left;}
.bold{font-weight: bolder;}
.marge-top{margin-top:20px;}
.marge-bottom{margin-bottom:20px;}
.marge-left{margin-left:20px;}
.marge-top10{margin-top:10px;}
.marge-botom10{margin-top:10px;}
.no-border{border:0}
.bgwhite{background-color: #fff;}
.notice{font-size: 0.8em;}
.hidden{display: none;}
.red{color: #BC1220;}
.small{font-size: 0.8em;}
.big2x{font-size: 2em;}
.big1-5x{font-size: 1.5em;}
.stroke{text-decoration: line-through;}
.italic{ font-style: italic;}
.no-underline{text-decoration: none;}
.underline{text-decoration: underline;}
.beige{color: #9A8479;}
textarea{width: 400px; height: 150px;}


img.float-left{float: left; margin-right: 10px; margin-bottom: 10px; }
img.float-left-no-bottom-margin{float: left; margin-right: 10px;  }

input.btn-ok{border:0px; width: 30px; height: 22px;}
input.error, textarea.error{border:1px solid #C00;}

a.tooltip em {display:none;}
a.tooltip:hover {border:0 none;cursor:help;position:relative;text-decoration:none;z-index:500;}
a.tooltip:hover em {background:#fff none repeat scroll 0 0;border:1px solid #ccc;color:#000;display:block;font-style:normal;left:-10px;padding:5px;position:absolute;top:20px;width:170px;}
a.tooltip:hover em span {background-color:#fff;border:0 none;height:7px;left:17px;margin:0;padding:0;position:absolute;top:-7px;width:11px;}
a.tooltip {background-position:5% 50%;background-repeat:no-repeat;font-size:10px;}

h1,h2,h3,h4,h5,h6,h7,h8{clear:both; line-height: 1em;}
h1{font-size: 2.2em; margin: 16px 0px 8px 0px;}
h2{font-size: 1.4em; margin: 0px 0px 22px 0px; }
h3{font-size: 1.8em; margin: 16px 0px 8px 0px;}
h4{font-size: 1.6em; margin: 16px 0px 8px 0px;}
h5{font-size: 1.4em; margin: 16px 0px 8px 0px;}

.padd-rl-17{padding-left:17px; padding-right:17px;}
.marg-rl-17{margin-left:17px; margin-right:17px;}
hr.clear{clear:both; height:0px; border:0; padding:0; margin:0; visibility: hidden;}

div#layout { background-image:url(../gfx/fond-ombre.png); width:950px; padding-right:17px; padding-left:17px; margin-left:auto; margin-right:auto; cursor:default !important;}

div#plop-basket{background-color:#333; font-size:0.7em; color:#fff; line-height:1.5em; height:17px;}
div#plop-basket a{color:#fff; font-style:italic;}
div#plop-basket a:hover{text-decoration:none; color:#ccc;}
div#plop-basket div#connexion{float:left; width: 200px;}
div#plop-basket div#panier{float:right; height:17px; width:194px; background-image:url(../gfx/ico_panier.gif); background-repeat:no-repeat; padding-left:18px;}
div#plop-basket div#panier a{font-style:normal;}
div#plop-basket div#panier div#panier-nb{float:left;width:90px;}
div#plop-basket div#panier div#panier-total{float:left;width:104px; text-align:right;font-weight:bolder; color:#ff3;}

div#header{height:90px; background-color:#fff; }
div#header h1{float:left; width:462px; margin:0px; padding:0px; height:90px;}
div#header h1 a{outline:0;}
div#header h1 img{background : #fff; padding:0px; margin:0px; height:90px;}
div#header div#azur{float:left; height:90px; margin-right:9px; width:222px; text-align:right;}

div#header div#flag{height:25px; padding-top: 15px; margin-right: 2px;}
div#header div#flag .aide:hover{cursor: help;}
div#header div#flag img{margin-left:9px;}

div#header div#search{width:212px; color:#666; padding-top:18px; padding-left:10px; padding-bottom:5px; height:70px; float:left }
div#header div#search div#search-title{text-transform: uppercase; background-image:url(../gfx/ico_loupe.png); background-repeat:no-repeat; padding-left:18px; font-size:0.75em;font-weight:bolder; margin-bottom:10px;}
div#header div#search div#search-title img{vertical-align:middle;}
div#header div#search input{color:#333; font-size:0.7em; height:22px; vertical-align:middle}
div#header div#search input#input-search{height:15px; width:174px; }


div#menu-top{background-color:#fff; font-size:12px; text-align:right; color:#666; font-weight:bolder; padding-top:20px; padding-bottom:6px; margin:0px;}
div#menu-top a {color:#666; text-decoration:none;}
div#menu-top img{vertical-align: middle;}
div#menu-top a:hover {color:#333; text-decoration:none;}
div#menu-top ul{list-style-type:none; margin:0px; padding:0px;}
div#menu-top ul li {display:inline; text-transform: uppercase; border-right:2px solid #666; padding-right:9px; padding-left:9px; }
div#menu-top ul li.last-elmt {padding-right:0px; border-right:0px; }

div#menu-cat{background-image:url(../gfx/menu_fond.png);height:24px;}
div#menu-cat #first-element a {padding-left:17px; border-left:0px;}
div#menu-cat #first-element ul li a{padding-left:17px;  border-left:1px solid #ddd;}

div#fil-ariane{font-size: 0.7em; padding:4px 17px; background-color: #EDEDED; margin-top: 11px; margin-bottom:11px; margin-right:1px;}

div#footer{font-size:0.60em;text-align:center; color: #666; padding-top:10px; clear:both; }
div#footer a{color: #666;}
div#footer a:hover{color: #000;}
div#footer img{vertical-align:middle;}
div#footer p{margin-top:0px; padding: 5px 0px 5px 0px; border-top: 1px solid #666;line-height:1.3em;}
div#fond-foot{background-image:url(../gfx/fond-ombre-bas.png); background-repeat: no-repeat; margin-top: -20px; height:30px;width:950px; padding-right:16px;  margin-left:auto; margin-right:auto;}

/* Home */
div#diaporama{height:284px; overflow:hidden;}
ul#portfolio{list-style-type:none; margin-left:0px; margin-right:0px; padding:0px; margin-top:10px; margin-bottom:10px; }

#coup-coeur-home{background-image:url(../gfx/fond-autres/bandeau-coup2coeur.jpg); background-repeat: no-repeat; padding-left:60px; font-size: 1.5em; height: 23px; line-height: 23px; font-weight: normal;}
#bon-plan-home{background-image:url(../gfx/fond-autres/bandeau-bon-plan.jpg); background-repeat: no-repeat; padding-left:60px; font-size: 1.5em; height: 23px; line-height: 23px; font-weight: normal;}

div#newsletter-box{margin-top: 16px; font-size: 0.85em; height: 273px;}
div#newsletter-box p{margin:0px;}
input#input-newsletter{padding:2px; font-size: 11px; width: 157px;}
p#recipient{ color: #9A8780; }

div#blog-box{background-image:url(../gfx/fond-blog.jpg); background-repeat: no-repeat; padding: 0px 0px 5px 0px; font-size: 0.85em; height: 280px;}
div#blog-box p{margin:0px; padding-left: 5px; padding-right: 5px;}
div#blog-box p#rss-title{color: #9A8780; font-weight: bold; text-transform: uppercase;}

div#testi-box p{font-size: 0.85em; margin:0px;}
div#testi-box div#testi{background-image:url(../gfx/fond-laquo.png); background-repeat: no-repeat;}

div#testi-box .btn{text-align: center;}
div#testi-box .logos img{margin: 10px 0px; float: left; }

div#enga-foot{height: 155px;}

div#facilte-paiement{float:left; height: 155px; width: 223px;}

div#paiement{color:#333;margin-top:10px; height:48px; margin-right: 17px; margin-left: 17px;}
div#paiement div.title-paiement{text-transform: uppercase; font-size:0.75em; font-weight:bolder; margin-bottom:0px;}
div#paiement div#mode-paiement{width:426px; float:left; padding:0px 10px 0px 5px; border-right:1px solid #666;}
div#paiement div.ico-center{text-align:center;}
div#paiement div.ico-center img{margin:5px 10px 0px 10px;}
div#paiement div#facilite-paiement{width:431px; float:right; padding:0px; }

div#content{padding:17px 17px 30px 17px; margin-top:0px; color:#666; min-height: 400px; font-size:.8em;}
div#content-ariane{padding:3px 17px 30px 17px; margin-top:0px; color:#666; min-height: 400px; font-size:.8em;}
ul {padding-left:40px;}

a{color:#9A8479;}
a:hover{color:#333;}

div#content h2,div#content-ariane h2 {text-transform: uppercase;}

/* contact / Panier */
h2.ico-logo{background-image:url(../gfx/ico_logo.png); background-repeat:no-repeat; height: 30px; margin: 0px 0px 10px 0px; padding:15px 0px 0px 70px;}
h2.ico-truck{background-image:url(../gfx/ico_truck-h2.png); background-repeat:no-repeat; height: 30px; margin: 0px 0px 10px 0px; padding:10px 0px 0px 70px;}
select#sujet{font-size: 0.8em;}

.fond-gris-thumb{text-transform: uppercase; color:#fff; padding-left: 100px; font-size: 1em; height: 25px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; background-repeat: no-repeat;}
.fond-gris-thumb-small{text-transform: uppercase; color:#fff; padding-left: 72px; font-size: 1em; height: 25px; line-height: 24px;  margin-bottom: 10px; background-repeat: no-repeat; font-weight: bold;}
.fond-fleche{background-image:url(../gfx/fond-gris/fleche.png);}
.fond-qualite{background-image:url(../gfx/fond-gris/qualite.png);}
.fond-piece{background-image:url(../gfx/fond-gris/piece.png);}
.fond-avion{background-image:url(../gfx/fond-gris/avion.png);}
.fond-calendrier{background-image:url(../gfx/fond-gris/calendrier.png);}
.fond-rouage{background-image:url(../gfx/fond-gris/rouage.png);}
.fond-cube{background-image:url(../gfx/fond-gris/cube.png);}
.fond-balance{background-image:url(../gfx/fond-gris/balance.png);}
.fond-ampoule{background-image:url(../gfx/fond-gris/ampoule.png);}

.fond-oiseau{background-image:url(../gfx/fond-gris/oiseau.png);}
.fond-plus{background-image:url(../gfx/fond-gris/plus.png);}
.fond-arobase{background-image:url(../gfx/fond-gris/arobase.png);}
.fond-star{background-image:url(../gfx/fond-gris/star.png);}
.fond-telephone{background-image:url(../gfx/fond-gris/telephone.png);}
.fond-cadenas{background-image:url(../gfx/fond-gris/cadenas.png);}
.fond-cadenas-3x{background-image:url(../gfx/fond-gris/cadenas-3x.png);}
.fond-stylo{background-image:url(../gfx/fond-gris/stylo.png);}
.fond-virement{background-image:url(../gfx/fond-gris/virement.png);}
.fond-paypal{background-image:url(../gfx/fond-gris/paypal.png);}
.fond-soleil{background-image:url(../gfx/fond-gris/soleil.png);}
.fond-camion{background-image:url(../gfx/fond-gris/camion.png);}
.fond-garantie2ans{background-image:url(../gfx/fond-gris/garantie2ans.png);}
.fond-fianet{background-image:url(../gfx/fond-gris/fianet.png);}
.fond-smiley{background-image:url(../gfx/fond-gris/smiley.png);}
.fond-euro{background-image:url(../gfx/fond-gris/euro.png);}
.fond-cadenas-xx{background-image:url(../gfx/fond-gris/cadenas-xx.png);}
.fond-timbre{background-image:url(../gfx/fond-gris/timbre.png);}
.fond-euro-cadenas{background-image:url(../gfx/fond-gris/euro-cadenas.png);}
.fond-panier{background-image:url(../gfx/fond-gris/panier.png);}
.fond-feuille{background-image:url(../gfx/fond-gris/feuille.png);}
.fond-homme{background-image:url(../gfx/fond-gris/homme.png);}
.fond-homme-cadenas{background-image:url(../gfx/fond-gris/homme-cadenas.png);}
.fond-camion-plus-1{background-image:url(../gfx/fond-gris/camion-plus-1.png);}
.fond-fichier-ok{background-image:url(../gfx/fond-gris/fichier-ok.png);}
.fond-erreur{background-image:url(../gfx/fond-gris/erreur.png);}
.fond-plan{background-image:url(../gfx/fond-gris/plan.png);}
.fond-enveloppe{background-image:url(../gfx/fond-gris/enveloppe.png);}
.fond-bulle{background-image:url(../gfx/fond-gris/bulle.png);}

.fond-coup-coeur{background-image:url(../gfx/fond-beige/coup-coeur.png);}
.fond-maison{background-image:url(../gfx/fond-beige/maison.jpg);}
.fond-map{background-image:url(../gfx/fond-beige/map.jpg);}
.fond-contact{background-image:url(../gfx/fond-beige/contact.jpg);}
.fond-services{background-image:url(../gfx/fond-beige/services.jpg);}
.fond-cadenas{background-image:url(../gfx/fond-beige/cadenas.jpg);}
.fond-plus{background-image:url(../gfx/fond-beige/plus.jpg);}


div.right-box-200{float:right; width: 200px;  text-align: right;}
div.left-box-700{float:left; width: 700px; text-align: left;}
div.right-box-700{float:right; width: 700px;  text-align: left;}

div.left-box-200{float:left; width: 200px; text-align: left;  padding-right: 5px;} /*border-right: 1px solid #ccc;*/
p.sous-titre{text-transform: uppercase; font-weight:bolder; }
h4.sous-titre-cadre{font-size: 1em; color:#fff; padding:4px; text-align: center; text-transform: uppercase; font-weight:bolder; background-image:url(../gfx/sous-titre-fond.png);  background-position: top left; }

div .ombre, div .ombre-courte{background-image:url(../gfx/fond-content-tab.png); background-repeat:no-repeat; margin-left: -13px;padding:10px 0px 30px 30px; border-left: 1px solid #fff;}
div .ombre{min-height:550px;}
div .ombre-courte{min-height:250px;}





div#tab{margin-top: 20px; background-image:url(../gfx/fond-tab.png); background-position: top left; background-repeat:no-repeat; height:20px; margin-left: -13px;}

#menu-onlget {margin: 0px 0px 0px 30px; padding: 0; list-style: none; text-transform: uppercase; font-weight: bold; }
#menu-onlget li {display: inline;  margin-right:5px;}
#menu-onlget li a {border-top:1px solid #666; border-left:1px solid #666;   border-right:1px solid #666; padding: 2px 20px 2px 20px; margin: 0; background: #9A8479; color: #fff; text-decoration: none; height: 200px;}
#menu-onlget li a.first{  -moz-border-radius: 15px 0px 0 0; -webkit-border-radius: 15px 0px 0 0; border-radius: 15px 0px 0 0; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; }
#menu-onlget li a.last{-moz-border-radius: 0px 15px 0 0; -webkit-border-radius: 0px 15px 0 0; border-radius: 0px 15px 0 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 15px; }
#menu-onlget li a.first-last{-moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; }
#menu-onlget li a:hover, #menu-onlget li a:focus {background: #fff; color: #666; border-bottom:1px solid #fff;}
#menu-onlget li a.no-nav:hover, #menu-onlget li a.no-nav:focus {background: #9A8479;}
#menu-onlget li a.active-tab{background: #fff; cursor: default; color: #666; border-bottom:1px solid #fff;}



div#contenu h3{color:#9A8479; font-size: 1em; padding-left:0px;}
div#contenu h4{color:#9A8479; font-size: 1em;}
div#contenu h5{color:#9A8479; font-size: 1em;}
input#btn-send{margin-left: 310px;}

div.bluebox, p.bluebox{background-color: #ccc;  margin: 0px; padding: 10px 10px 20px 10px;}
.bluetext{color: #3366CC;}

table#tpanier{width: 100%; font-weight: bolder;  }
table#tpanier .last{border-right: 0px; border-left: 0px;}
table#tpanier tr td {padding: 5px;   vertical-align: middle;}
table#tpanier .img-produit{border:1px solid #ccc; padding: 2px;}
table#tpanier thead tr td {text-align: center; background-color: #ddd; border: 2px solid #fff;} /* color:#fff;  background-image:url(../gfx/sous-titre-fond-gris.png);*/

table#tpanier tfoot tr td {border: 2px solid #fff;}
table#tpanier tfoot tr#sstotal td{background-color:#fff; border-top:1px solid #ccc;}
table#tpanier tfoot tr#livraison td{background-color:#ddd;}
table#tpanier tfoot tr#reduction td{background-color:#f60; color:#fff; }
table#tpanier tfoot tr#total td{background-color:#ddd; }
table#tpanier tfoot tr#total td.somme{font-size: 1.5em; line-height: 1.5em; text-align: center;}
table#tpanier .bt {border-top: 3px solid #ddd;}
table#tpanier .bb {border-bottom: 3px solid #ddd;}

div#adresse p.coord{font-weight: bold; padding:20px;}
div#adresse div#note h5{display:inline; font-style: italic;}
div#adresse div#note{width: 400px; font-size: .85em; }
div#adresse div#tip h5{ height: 25px; background-image:url(../gfx/ico_tip.png); background-repeat:no-repeat; vertical-align: middle; padding-left: 25px; margin:0px;}
div#adresse div#tip{width: 230px; color: #fff; float:right; background-color: #666; margin-top: 20px; padding:10px;}

div.ombre div#paiement {border-bottom: 1px solid #ccc; padding-bottom: 20px; height:auto;}

div#commande {border-bottom: 1px solid #ccc; padding-bottom: 20px; height:auto;}

div#commande h4{text-transform: uppercase; color:#fff; padding-left: 100px; font-size: 1em; height: 24px; line-height: 24px; margin-top: 20px;}

div#cgv {height: 180px; border:1px solid #ccc; overflow: auto; padding:5px;}

/* Produit */

div#pdt-photos{float: left; width: 400px; margin-bottom: 20px;}
div#pdt-photos div.big-one{width: 390px;}
div#pdt-photos div.big-one img{border:1px solid #ccc;}

a.pdt-thumb{width:90px; margin-right: 8px; margin-top: 10px; overflow:hidden; height:90px; float:left; border: 1px solid #ccc;}
div#pdt-info{float: right; width: 300px;}
div#pdt-info h2{font-size: 1.4em; margin-bottom: 0px;}
div#pdt-info div.th_decli{width: 150px; float: left; margin-bottom: 15px; margin-top: 10px;}
div.ombre-courte h3{font-size: 1.4em; margin-top:0px; text-transform: uppercase; color:inherit; padding-left: inherit;}

div#btn-share{margin-top: 10px;}

span.titre-orange{color: #F63; text-transform: uppercase; font-weight: bold;}
span.titre-bleu{color: #09F; text-transform: uppercase; font-weight: bold;}
span.titre-beige{color: #9A8479; text-transform: uppercase; font-weight: bold;}

div#pdt-infobox{border-top:1px solid #ccc; height:75px; }
div#pdt-infobox div#boxleft{width:337px; border-right:1px solid #ccc; margin: 5px; padding-top: 10px; height: 55px; float:left;}
div#pdt-infobox div#boxright{width:337px; margin: 5px; padding-top: 10px; height: 55px;  float:left; }

div#pdt-infobox div#boxright p{font-size: 0.85em;}

select#declibre{margin:10px 0px;}
div.decli-info{text-align: left;height:330px;}
div.decli-info img{ float:left; margin-right: 10px; } /*width:50px;*/
div.decli-info form{margin-top:15px;}

div#bt-panier{padding-bottom: 5px;}

div#cross-selling .label{margin: 10px 0px; font-size: 1em; color:#fff; padding:4px 4px 4px 20px; text-align: left; text-transform: uppercase; font-weight:bolder; background-image:url(../gfx/sous-titre-fond.png);  background-position: top left; }
div.cross-selling-box{width: 225px; padding:4px; float: left; text-align: center;}
div.cross-selling-box .max225height{height: 225px; overflow: hidden;}
div.cross-selling-box .max200height{height: 200px; overflow: hidden;}
div.cross-selling-box .image{height:200px; overflow: hidden; position:relative; display: table-cell; vertical-align: middle;}
div.cross-selling-info{border:1px solid #666;}
div.cross-selling-titre, div.cross-selling-prix{padding:5px;}
div.cross-selling-titre{background-color: #666; font-size: 0.8em; height:35px;}
div.cross-selling-titre a{color: #fff;}
div.cross-selling-titre a:hover{color: #ccc;}
div.cross-selling-prix{text-align: left; }

div#pdt-prix {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding:10px 0px; margin:10px 0px; }
div#pdt-prix span.ancien-prix{text-decoration: line-through; font-size: 1.5em; line-height: 1em;margin-right:10px;}
div#pdt-prix span.prix-produit{color: #BC1220; font-size: 1.5em; font-weight: bold; line-height: 1em; padding-bottom:10px;}

div#pdt-prix div.trois-fois{vertical-align: middle; font-size: 1em;}
div#pdt-prix div.trois-fois img{vertical-align: middle; margin-left: 5px;}

div#pdt-prix div#trois-fois{float:left; background-image:url(../gfx/bouton-3x-no-cb.png); background-repeat:no-repeat; height: 52px; width:96px; }
div#pdt-prix div#trois-fois p{color:#FFAE1E; font-weight: bolder; padding-top: 25px; text-align: center; margin: 0px;}
div#pdt-prix div#trois-fois p a{color:#FFAE1E; text-decoration: none;}
div#pdt-prix div#trois-fois p a:hover{color:#FFAE1E; }


div#garantie{height:70px; border-bottom: 1px solid #ccc; margin-bottom: 5px;}
div#garantie p{padding-top: 15px;}
div#garantie .titre{color: #EC1C24; text-transform: uppercase; font-weight: bolder;}

/* Pdt Liste */
div#sort-box{margin-bottom: 10px;}
div#sort-box2{margin-bottom: 10px;  background-color:#BCBDBF; padding:10px; color:#fff; line-height: 1em;}

select#sort{/*font-size: 0.75em;*/}
div.rub-box{float:left; width: 330px; height:200px;  margin: 6px 12px 0 0; overflow: hidden;}

div.pdt-box-acc{float:left; width: 121px; height:200px; margin: 6px; overflow: hidden; border:1px solid #ccc;}
div.pdt-box-acc h3.titre{text-transform: uppercase; margin: 0px;  background-color: #ccc; font-weight: bolder; padding:10px 3px; overflow: hidden; font-size: 0.85em; line-height: 1em;}
div.pdt-box-acc h3.titre a{color: #333;}
div.pdt-box-acc h3.titre a:hover{color: #000;}
div.pdt-box-acc .image{height:104px; width: 121px; overflow: hidden; position:relative; display: table-cell; vertical-align: middle; text-align: center; padding-top: 10px}
div.pdt-box-acc .info{ padding:5px; font-size: 0.85em; line-height: 1.25em; text-align: center; }

div.pdt-box{float:left; width: 215px; height:333px; margin: 6px; overflow: hidden; border:2px solid #ccc;}
div.pdt-box .max227height{height: 227px; overflow: hidden;}
div.pdt-box .max207height{height: 215px; overflow: hidden;}
div.pdt-box .image{height:217px; overflow: hidden; position:relative; display: table-cell; vertical-align: middle;}
div.pdt-box .thumb{position:absolute; margin-left:140px; margin-top:10px; z-index: 95}
div.pdt-box h3.titre-beige, div.pdt-box h3.titre{text-transform: uppercase; margin: 0px;  background-color: #ccc; font-weight: bolder; padding:10px 3px; overflow: hidden; font-size: 0.85em; line-height: 1em;}
div.pdt-box h3.titre a{color: #333;}
div.pdt-box h3.titre a:hover{color: #000;}
div.pdt-box h3.titre-beige a{color: #9A8479;}
div.pdt-box h3.titre-beige a:hover{color: #000;}
div.pdt-box .info{ padding:5px; font-size: 0.85em; line-height: 1.25em; }
div.pdt-box .livraison{ padding-left: 5px; font-size: 0.85em; vertical-align: middle; padding-bottom: 5px;}
div.pdt-box .livraison img{vertical-align: middle;}

div.pdt-box-no-desc{float:left; width: 227px; height:258px; margin: 1px; overflow: hidden; border-right: 2px solid #ccc; border-left: 2px solid #ccc; border-top: 2px solid #ccc;}
div.pdt-box-no-desc .max227height{height: 227px; overflow: hidden;}
div.pdt-box-no-desc .image{height:227px; overflow: hidden; position:relative; display: table-cell; vertical-align: middle;}
div.pdt-box-no-desc h3.titre{text-transform: uppercase; margin: 0px;  background-color: #ccc; font-weight: bolder; padding:10px 3px; overflow: hidden; font-size: 0.85em; line-height: 1em;}
div.pdt-box-no-desc h3.titre a{color: #333;}
div.pdt-box-no-desc h3.titre a:hover{color: #000;}
div.pdt-box-no-desc .info{ padding:5px; font-size: 0.85em; line-height: 1.25em; }



div.pdt-box-small{border:2px solid #9a8780; float:left; width: 168px; height:250px; margin: 1px; overflow: hidden;}
div.pdt-box-small .max168height{height: 168px; overflow: hidden;}
div.pdt-box-small .image{height:150px; overflow: hidden; position:relative; display: table-cell; vertical-align: middle;}
div.pdt-box-small .thumb{position:absolute; margin-left:100px; margin-top:5px; z-index: 95}
div.pdt-box-small .titre{text-transform: uppercase; color:#fff; background-color: #9a8780; font-size: 0.85em;  padding:3px; height: 34px; overflow: hidden;}
div.pdt-box-small .titre a{color: #fff;}
div.pdt-box-small .titre a:hover{color: #ccc;}
div.pdt-box-small .info{padding:4px; font-size: 0.85em; line-height: 1.25em;}


div#pdt-highlight {height: 275px;}
div#pdt-highlight div.image{height: 252px; width: 252px; float:left; margin-right: 23px; overflow: hidden;}
div#pdt-highlight div.image img{border:1px solid #ccc;}
div#pdt-highlight div.texte{float:left; width: 425px; height: 275px;}

div#pdt-highlight div.titre{height:30px; text-transform:uppercase; font-weight:bolder; font-size:1.5em; line-height: 1em;}
div#pdt-highlight div.titre a {color: #9a8780; text-decoration: none;}
div#pdt-highlight div.titre a:hover {color:#333}
div#pdt-highlight div.chapo{height:135px;}
div#pdt-highlight div.extra{height:64px; border-top: 1px solid #ddd; padding: 10px 0px;}
div#pdt-highlight div.prix{float:right; width:150px; height: 64px;  margin-top: 10px;}
div#pdt-highlight div.prix div{padding-top:10px; padding-right: 15px; text-align:right;}
div#pdt-highlight div.bouton{height:24px; border-top: 1px solid #ddd; padding-top: 4px; text-align: right;}

ul#menu-y{padding-left: 0px; margin-top:10px;}
ul#menu-y li {list-style-type: none; padding-left: 0px; text-transform: uppercase; font-weight: bold;}
ul#menu-y li a{color:#9a8780; text-decoration: none; padding: 2px;}
ul#menu-y li a:hover{background-color: #9a8780; color:#fff;}
ul#menu-y li a.selection{background-color: #9a8780; color:#fff;}
ul#menu-y li span.supsel{color:#F60;}
ul#menu-y ul{padding-left: 0px; margin-bottom: 20px; margin-top: 5px;}
ul#menu-y li li {padding-left: 5px; text-transform:none; font-weight: normal; font-size: 0.85em;}
ul#menu-y li li a{color:#666; text-decoration: none; padding: 2px;}
ul#menu-y li li a:hover{background-color: #fff; color:#9a8780; text-decoration: underline;}
ul#menu-y li li a.selection{background-color: #fff; color:#F60;}

ul#menu-y .n3{padding-left: 5px;}
ul#menu-y .n2{list-style-type: none; padding-left: 0px; text-transform: uppercase; font-weight: bold; margin-bottom: 2px}
ul#menu-y .n2 a{color:#9a8780; text-decoration: none; padding: 2px;}
ul#menu-y .n2 a:hover{background-color: #9a8780; color:#fff; text-decoration: none;}
ul#menu-y .n2 a.selection{background-color: #9a8780; color:#fff;}

.titre-fond-gris {color:#fff; text-transform: uppercase; background-image:url(../gfx/sous-titre-fond-gris.png); font-size: 1.3em; padding:5px;}

/* plan du site */
div#plan-du-site h3{text-transform: uppercase; font-size: 1.3em; margin-top: 20px;}
div#plan-du-site ul {}
div#plan-du-site ul.no-style{list-style-type: none; padding-left: 0px;}
div#plan-du-site ul.rub{list-style-type: disc; padding-left: 15px;}
div#plan-du-site ul.rub li{margin-top: 10px;}
div#plan-du-site ul.rub ul li {margin-top: 0px;}
div#plan-du-site ul.rub ul{list-style-type: none;}




/* confirmation commande */
div#confirmation h2, div#plan-du-site, div#mot-de-passe h2{margin-top: 0px;}

div#confirmation .fond-gris{background-color: #F1F1F3; padding: 10px;}
div#confirmation ul{padding-left: 15px;}
div#confirmation ul li{margin: 10px 0px;}

/* mon compte */
h4#detail-commande-titre{text-transform: uppercase; color:#fff; padding-left: 100px; font-size: 1em; height: 24px; line-height: 24px; margin-top: 0px; background-image:url(../gfx/fond-adresse-facturation.jpg);}
table#detail-commande{width: 100%; margin-top: 20px;}
table#detail-commande thead tr td{font-weight: bold; text-align: center; background-color: #F1F1F3; padding:10px 5px;}
table#detail-commande tbody tr td{padding:15px 5px;}
table#detail-commande tfoot tr td{padding:2px 5px;}
table#detail-commande .br{border-right: 1px solid #999;}
table#detail-commande .bt{border-top: 1px solid #999;}
table#detail-commande #total{background-color: #9E8378; color: #fff; font-weight: bold;}
table#detail-commande #total td{background-color: #9E8378; color: #fff; font-weight: bold;}
table#detail-commande #statut{color: #9E8378; font-weight: bold;}

.grd-titre{background-repeat:no-repeat; padding-left: 90px; height: 60px; line-height: 60px; font-weight: normal;}
.homme{background-image:url(../gfx/fond-grand/compte.jpg);}
.oiseau{background-image:url(../gfx/fond-grand/oiseau.jpg);}
.camion{background-image:url(../gfx/fond-grand/camion.jpg);}
.paiement-secu{background-image:url(../gfx/fond-grand/paiement-secu.jpg);}
.panier{background-image:url(../gfx/fond-grand/panier.jpg);}
.recap{background-image:url(../gfx/fond-grand/recap.jpg);}
.bonplan{background-image:url(../gfx/fond-grand/bonplan.jpg);}

.rub-titre{color : #9A8780; margin-top: 10px; font-weight: normal; font-size: 2.2em;}

h2.ico-compte{background-image:url(../gfx/ico_compte.png); background-repeat:no-repeat; height: 30px; margin: 0px 0px 10px 0px; padding:15px 0px 0px 40px;}
div.left-box-700-logo-left{float:right; width: 490px;  text-align: left; padding-left: 210px; background-image:url(../gfx/fond-logo-grand.jpg);  background-repeat: no-repeat;}
div.left-box-700-logo-center{float:left; width: 700px; text-align: left; margin-top: 100px; text-align: center; background-image:url(../gfx/fond-logo-grand.jpg);  background-repeat: no-repeat; background-position: center;}
div.avantage{margin-bottom: 20px;}
div.avantage h4{text-transform: uppercase; color: #9E8378; font-size: 1em;}
div.avantage ul li{list-style-type: disc; margin-left: 30px; margin-bottom: 2px;}

form.compte p {border-bottom:1px solid #CCCCCC;clear:both;float:left;font-size:12px;margin:0;overflow:hidden;padding:4px 0;width:100%;}


form.compte p label {float:left;line-height:24px;margin:0;padding:0 10px 0 0;width:340px;} 

form.compte p input, form.compte p select, form.compte p textarea {border:1px solid #A9ABAD;color:#626164;float:right;font-weight:bold;margin:0;padding:3px;width:190px;} 

form.compte p select {width:198px;}
form.compte p textarea {width:300px;}

.obligatoire {clear:both;color:#BC1220;font-size:12px;margin:10px 0;}




table#table-decli{width: 100%;}
table#table-decli thead tr {}
table#table-decli thead tr td{background-image:url(../gfx/fond-beige/simple.png); text-transform: uppercase;  margin-bottom: 10px; font-size: 0.85em; font-weight: bolder; color:#fff; white-space: nowrap;padding: 5px 10px; text-align: center;}
table#table-decli tr td{padding: 5px 10px; vertical-align: middle; border-bottom: 1px dotted #ddd; font-size: 0.85em; text-align: center;}
table#table-decli tr td img.echantillon{width: 50px; height: 50px;}

h5.paiement{padding:7px 55px;  background-repeat:no-repeat; margin-left: 5px; font-size: 1.1em;}
h5.paiement a{text-decoration:none;}
h5.paiement_cheque{background-image:url('../gfx/paiement/cheque.png'); }
h5.paiement_cic_1{background-image:url('../gfx/paiement/cic_1.png'); }
h5.paiement_cic_3{background-image:url('../gfx/paiement/cic_3.png'); }
h5.paiement_cheque_3{background-image:url('../gfx/paiement/cheque_3.png'); }
h5.paiement_virement{background-image:url('../gfx/paiement/virement.png'); }
h5.paiement_paypal{background-image:url('../gfx/paiement/paypal.png'); }

.ask{padding-left: 15px; margin-top: 5px; font-size: 1.1em;}
.ask a{ color: #1C1C1C; }
.ask a:hover{color: #9A8479;}
.answer{padding:5px 0 15px 30px; color: #666; font-size: 1em; font-style: italic;}


.pagination{clear:both; text-align:center;}
.pagination a{text-decoration:none;}
.pagination a:hover{text-decoration:underline;}
.pagination span, .pagination a{margin:5px;}
.pagination span.page_current{font-weight:bolder; color:#242424;}



.couleur-canape-lz img{border:1px solid #ccc; padding:2px; float:left; margin-right: 10px;}
.couleur-canape-lz div{clear:both; padding: 10px 0;  font-weight: bolder;}