body { font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 13px;  margin: 0; padding: 0; text-align: center; color: #70676b; background-color: white; }
a, a:visited, a:active, a:hover, input.text, input.text2, select, textarea { color: #70676b; }
a, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
img { border: 0; }
form { padding: 0; margin: 0; }
table, td, th { border-collapse: collapse; }   
.nettoyeur { clear: both; }

#container { background-color: white; background: url(../images/fond_volcan.png) right 110px no-repeat; width: 1002px; margin: 20px auto; text-align: left; box-shadow: 1px 1px 22px #70616a; }

/* Header */
#header { height: 140px; background: url(../images/fond_header.png) top left no-repeat; position: relative; }
#header #logolpev { position: absolute; }
#header #logolpev a { display: block; width: 220px; height: 120px; }
#header #menu-top { margin-left: 220px; height: 65px; width: 782px; }   
#header #menu-top ul#navtop { margin: 0; padding: 0; list-style: none; }
#header #menu-top ul#navtop li { float: left; padding: 0; }
#header #accespro { position: absolute; left: 822px; top: 95px; }

/* Footer */
#footer { height: 90px; font-size: 11px; background: url(../images/fond_footer.png) top left no-repeat; position: relative; }     
#footer, #footer a, #footer a:hover, #footer a:active, #footer a:visited { color: white; }                                          
#footer #datelastupdate { position: absolute; top: 25px;; left: 50px; height: 25px; width: 320px; font-size: 13px; color: #d0c9c5; }
#footer #qscroller { position: absolute; top: 50px; left: 50px; height: 40px; width: 320px; text-align: left; }
#footer .hide { visibility: hidden;position: absolute;	top: -400px; }
#footer #liens { position: absolute; top: 15px; left: 565px; height: 70px; width: 120px; text-align: right; }        
#footer #fevad { position: absolute; top: 20px; left: 705px; height: 70px; width: 120px; text-align: left; }                          
#footer #insc_newsletter { position: absolute; top: 20px; left: 830px; height: 70px; width: 120px; text-align: left; }

/* Middle */
#middle { padding-top: 15px; position: static; background: url(../images/fond_middle.png) bottom left no-repeat; }

/* Left */
#menu-left { width: 220px; float: left; }
#menu-left .space { height: 15px; }
                                                              
#menu-left #recherche { margin-left: 15px; background: url(../images/fond_recherche.png) top left no-repeat; }
#menu-left #recherche table { width: 100%; height: 28px; }      
#menu-left #recherche table td#celrech1 { padding: 0 0 0 10px; }
#menu-left #recherche table td#celrech1 input.text { width: 140px; height: 16px; border: 0; background-color: transparent; padding: 2px; margin: 0; font-size: 11px; }                                                    
#menu-left #recherche table td#celrech2 { padding: 0; text-align: right; width: 33px; }  

#menu-left table td { width: 221px; height: 27px; padding-left: 37px; text-transform: uppercase; font-size: 11px; }
#menu-left table td a, #menu-left table td a:visited, #menu-left table td a:active, #menu-left table td a:hover { text-decoration: none; color: #3c3035; }          
#menu-left table td.gamme_impair { background: url(../images/fond_gamme_impair.png) top left no-repeat; }
#menu-left table td.gamme_pair { background: url(../images/fond_gamme_pair.png) top left no-repeat; }

/* Right */                                        
#right { width: 177px; float: left; padding-bottom: 50px; margin-top: 113px; } 

/* Contenu */
#contenu, #contenuXL { float: left; margin-left: 20px; position: relative; min-height: 500px; text-align : justify; padding-top: 100px; } 
#contenu { width: 577px; margin-right: 8px; }
#contenuXL { width: 742px; }

/* Divers */
#chemindefer { height: 18px; padding: 9px 0 0 20px; font-size: 11px; background: url(../images/fond_cdf.png) top left no-repeat; }
h1 { color: #755e67; font-size: 22px; font-weight: bold; margin: 12px 0; padding: 8px 0 0 35px; text-transform: uppercase; background: url(../images/puce_grise.png) top left no-repeat; }
h2 { font-size: 20px; font-weight: bold; color: #ca6397; margin-top: 0; }
#texte { padding: 10px 20px 50px 20px; }
.desc { color: #755e67; font-size: 14px; }
.bouton { text-align: center; margin-top: 20px; }         
.bouton2 { text-align: left; margin-top: 20px; }
.rq { margin-top: 30px; font-size: 11px; }
.mention { text-align: justify; margin-top: 15px; font-size: 11px; }
.intro { margin-bottom: 20px; }
.info2 { color: gray; font-style: italic; }           
#trouverconseiller td { width: 50%; vertical-align: top; }
#trouverconseiller td#cel1 { padding-right: 10px; }
#trouverconseiller td#cel2 { padding-left: 10px; }
.bold { font-weight: bold; }      
.barre { text-decoration: line-through; } 
.erreur {color: red; }

/* Formulaires */
table.form td, table.form th { padding: 3px; }
table.form th { font-weight: normal; text-align: right; }
table.form input.text, table.form select.liste { width: 270px; }
table.form input.text { height: 16px; }
table.form th.intro { font-weight: bold; color: #83ac46; text-align: left; margin: 10px 0; }
table.form input.text2 { width: 180px; }
table.form textarea { width: 270px; }    

/* Blocs de droite */                                                    
#right table td { width: 221px; height: 27px; padding: 0; padding-left: 10px; text-transform: uppercase; font-size: 11px; }    
#right table td.ligne_impaire { padding-left: 30px; background: url(../images/fond_ligne_impair.png) top left no-repeat; }
#right table td.ligne_paire { padding-left: 30px; background: url(../images/fond_ligne_pair.png) top left no-repeat; }
#right #bloc_moncompte { background: url(../images/bloc_moncompte.png) top left no-repeat; padding-top: 27px; margin-bottom: 15px; } 
#right #bloc_monpanier { background: url(../images/bloc_monpanier.png) top left no-repeat; padding-top: 27px; margin-bottom: 15px; }
#right #bloc_codeprivilege { background: url(../images/bloc_codeprivilege.png) top left no-repeat; padding-top: 27px; margin-bottom: 15px; }
#right #bloc_codeprivilege .text { width: 120px; }  
#right #bloc_codeprivilege .erreur { font-style: italic; color: red; padding-left: 30px; }       
#right #bloc_moncompte { background: url(../images/bloc_moncompte.png) top left no-repeat; padding-top: 27px; margin-bottom: 15px; }  
#right #bloc_offrespromos table { margin-bottom: 10px; } 
#right #bloc_offrespromos table .ok { text-align: center; font-weight: bold; color: #83ac46; }
#right #bloc_offrespromos table td { padding-left: 0; }

/* Item produit */
.itempdt { width: 100%; text-align: center; border: 1px solid #d7d7d7; margin-bottom: 10px; height: 100px; }
.itempdt td { padding: 0; }
.itempdt .itempdt-img { width: 120px; }
.itempdt .itempdt-img div { position: relative; width: 120px; }
.itempdt .itempdt-titre-desc { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.itempdt .itempdt-titre { font-weight: bold; font-size: 13px; margin: 10px 0; }
.itempdt .itempdt-desc { margin-bottom: 5px; padding: 10px 15px; }
.itempdt .itempdt-fiche, .itempdt .itempdt-prix { height: 48px; width: 145px; background-color: #f4f3f4; }
.itempdt .itempdt-fiche { font-size: 10px; border-bottom: 1px solid #d7d7d7; }
.itempdt .itempdt-fiche a { font-size: 13px; padding-left: 18px; background: url(../images/fleche.png) top left no-repeat; }
.itempdt img.itempdt-rupture, .itempdt img.itempdt-nouveaute { position: absolute; right: 0; bottom: 0; }

/* Fiche produit */
#fichepdt { padding: 0 5px 20px 35px; }
#fichepdt #soustitre { font-size: 14px; margin: 10px 0 10px 0; }
#fichepdtgauche { width: 200px; text-align: center; float: left; }
#fichepdtdroite { float: left; margin-left: 10px; width: 280px; }
#fichepdtgauche #image { text-align: center; height: 230px; position: relative; }
#fichepdtgauche #image img.nouveaute, #fichepdtgauche #image img.rupture { position: absolute; top: 0; left: 0; }
#accordion .toggler { cursor: pointer; border-bottom: 1px solid #707173; text-transform: uppercase; font-weight: bold;	font-size: 12px; padding: 3px 10px; margin: 2px ; background: url(../images/puce_ronde_grise.png) top left no-repeat; }
#fichepdtdroite #prixpanier { margin-top: 25px; font-size: 28px; text-align: center; }
#fichepdtdroite #prixpanier table td { width: 50%; }

/* Navig pages */
#navigpages { margin-top: 15px; text-align: right; }
#navigpages, #navigpages * { font-weight: bold; }
#navigpages, #navigpages a, #navigpages a:visited, #navigpages a:active, #navigpages a:hover { text-decoration: none; }

/* Listes */
ul.uneliste { margin: 0; padding: 0; }
ul.uneliste li { margin: 0 0 10px 15px; }
ul#deuxlistes, ul#deuxlistes ul { margin: 0; padding: 0; list-style: none; }
ul#deuxlistes li { padding: 5px 0; }
ul#deuxlistes ul { padding: 0 30px; }
ul#deuxlistes ul li { border: none; padding: 0; list-style-type: disc; }
ul#deuxlistes li a.titre, ul#deuxlistes li span.titre { color: #83ac46; font-size: 12px; font-weight: bold; }
div#texte ul, div#texte ol { margin-top: 0; margin-bottom: 0; }

/* Panier */                                                 
#panier { width: 100%; text-align: center; }
#panier, #panier td { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#panier td, #panier th { padding: 5px; }   
#panier .panier-img, #panier .panier-nbart, #panier .panier-code, #panier .panier-vide { border-left: 1px solid #e7e7e7; } 
#panier .panier-prixtotal, #panier .panier-prixtotal, #panier .panier-code, #panier .panier-total { border-right: 1px solid #e7e7e7; }
#panier .panier-nbart { text-align: left; }
#panier .panier-img { width: 120px; height: 100px; }      
#panier .panier-titre, #panier .panier-prixunitaire, #panier .panier-prixtotal, #panier .panier-code { font-size: 13px; }
#panier .panier-prixunitaire, #panier .panier-prixtotal { width: 80px; }
#panier .panier-qte .text { width: 50px; margin: 0; }   
#panier .panier-code .text { width: 70px; margin: 0; }
#panier .panier-code, #panier .panier-total { height: 70px; }                      
#panier .panier-total span { font-size: 15px; color: #ca6397; }
#panier .panier-code input { vertical-align: middle; }       
#panier .panier-code .erreur { font-style: italic; color: red; }               
#panier .panier-titre, #panier .panier-prixunitaire, #panier .panier-prixtotal, #panier .panier-code, #panier .panier-total { font-weight: bold; }

/* Livraison, paiement */
#adresselivraison, #modelivraison, #adressepaiement, #modepaiement { border: 1px solid #e7e7e7; margin-bottom: 10px; width: 100%; }
#modelivraison td.titre, #modelivraison td.tarif, #modepaiement td.titre { font-size: 13px; font-weight: bold; }
#adresselivraison th, #modelivraison th, #adresselivraison td, #modelivraison td, #adressepaiement th, #modepaiement th, #adressepaiement td, #modepaiement td { padding: 2px; }
#adresselivraison th, #modelivraison th, #adressepaiement th, #modepaiement th { font-size: 13px; color: #ca6397; padding: 5px; }
#adresselivraison td.vide, #modelivraison td.vide, #adressepaiement td.vide, #modepaiement td.vide { width: 5px; }
#modelivraison td.radio, #modepaiement td.radio, #modepaiement td.logo { width: 20px; }
#modelivraison td.logo { width: 150px; }
#modelivraison td.titre { width: 150px; }
#adresselivraison td.last, #modelivraison td.logo, #adressepaiement td.last, #modepaiement td.logo { padding-bottom: 10px; }

/* Commandes detail */
#commandes { width: 100%; text-align: center; }
#commande1, #commande2 { margin-bottom: 20px; }
#commande2 { width: 100%; }
#commandes, #commandes td, #commandes th { border: 1px solid #e7e7e7; }
#commandes th { font-size: 13px; padding: 5px; }
#commandes td, #commande1 td, #commande2 td { padding: 2px; }   
#print { margin-top: 15px; }
#print * { font-size: 14px; font-weight: bold; }

/* Homepage et commanderligne */
#homepage, #commanderligne { margin-top: 48px; height: 350px; font-size: 14px; position: relative; }
#homepage #go-prev, #commanderligne #go-prev { position: absolute; top: 0; left: 0; width: 30px; height: 44px; padding: 140px 0 156px 0; display: block; }
#homepage #go-next, #commanderligne #go-next { position: absolute; top: 0; left: 710px; width: 30px; height: 44px; padding: 140px 0 156px 0; display: block; }  
#commanderligne #go-next { left: 545px; }  
#homepage #qscrollerhp, #commanderligne #qscrollerhp { position: absolute; top: 0; left: 50px; width: 640px; height: 400px; text-align: left; }
#commanderligne #qscrollerhp { width: 475px; }
#homepage .hide, #commanderligne .hide { visibility: hidden; position: absolute;	top: -400px; }
#homepage .slidehp .texte, #commanderligne .slidehp .texte { height: 280px; text-align: justify; }         
#homepage .slidehp .texte h1, #commanderligne .slidehp .texte h1 { background: none; padding: 0; margin: 0; }
#homepage .slidehp .lien, #commanderligne .slidehp .lien { height: 21px; margin-top: 19px; border-bottom: 1px solid #d1ccd0; }
#homepage .slidehp .points, #commanderligne .slidehp .points { margin-top: 10px; text-align: center; }