*{margin:0px; font-family: Arial, Helvetica, sans-serif; } body{text-align:center; /* background-color:#999999;*/ background-image:url(images/fond.jpg); background-repeat:repeat-x; background-position:bottom;} a:link, a:visited{color:#ffffff; text-transform:lowercase;} /******* MISE EN PAGE *******/ #global {position:relative; width:940px; margin-left:auto; margin-right:auto; text-align:left; /*background-image:url(images/fond_centre.png);*/} #banniere {position:relative; width:940px; height:253px; background-image:url(images/banniere.jpg);} #barrehaut{position:relative; width:940px; height:32px; background-image:url(images/barre_haut.jpg);} #centre {position:relative; width:940px; background-image:url(images/centre.png); background-repeat:repeat-y; background-position:center;} #gauche {position:relative; width:180px; float:left;} #contenu {position:relative; width:554px; float:left; margin-left:13px;} #droite {position:absolute; width:180px; top:0px; right:0px;} #pied {position:relative; width:940px; height:150px; clear:both; background-image:url(images/barre_bas.jpg);} #chemin-cmd {position:relative; text-align:center;} #masquottehaut img{display:none;} /****** BARRE HAUT *******/ a.lienbarre{font-size:12px; font-weight:bold; color:#000000;} a.lienbarre:hover{color:#336699;} /******* BLOCS GAUCHE *******/ #rechrapide {width:150px; height:72px; margin-left:30px; margin-top:10px; background-image:url(images/recherche_rapide.gif);} #menunavig {width:150px; margin-left:30px; } #lesservices{position:relative; width:150px; height:170px; margin-left:30px; margin-top:10px; background-image:url(images/services.gif);} /******* BLOCS DROITE *******/ #panier {position:relative; width:150px; height:102px; margin-right:30px; margin-top:10px; background-image:url(images/panier.gif);} #espacecpt {width:150px; margin-right:30px; } #bloccontact{position:relative; width:150px; height:156px; margin-right:30px; background-image:url(images/bloccontact.jpg); } /******* CENTRE DE LA PAGE *****/ .bloccentral{width:554px; margin-top:10px;} .entetebloc {width:554px; height:25px; text-align:right;} .cadreprod {width:552px; border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; border-bottom:1px solid #B8B8B8; background-image:url(images/fond-cadreprod.jpg); background-repeat:repeat-x; } .cadreprodblanc {width:552px; border:1px solid #B8B8B8; background-repeat:repeat-x; } .pagesprod {width:552px; text-align:center;} a.lienentbloc{font-size:12px; font-weight:bold; color:#ffffff; text-decoration:underline; display:block; line-height:20px; margin-right:40px;} a.lienentbloc:hover{color:#336699;} /******* ESPACE DE PRELOAD D'IMAGES *******/ #preload img{display:none;} /******* LES BOUTONS DU MENU *******/ a.bout01 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout1-1.gif); text-decoration:none; } a.bout01:hover {background-image:url(images/bout1-2.gif); } a.liencat01 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#92171d; } a.liencat01:hover{color:#fb051d;} a.bout02 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout2-1.gif); text-decoration:none; } a.bout02:hover{background-image:url(images/bout2-2.gif);} a.liencat02 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#336699; } a.liencat02:hover{color:#0099ff;} a.bout03 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout3-1.gif); text-decoration:none; } a.bout03:hover{background-image:url(images/bout3-2.gif);} a.liencat03 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#006666; } a.liencat03:hover{color:#00cccc;} a.bout04 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout4-1.gif); text-decoration:none; } a.bout04:hover{background-image:url(images/bout4-2.gif);} a.liencat04 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#339966; } a.liencat04:hover{color:#33cc33;} a.bout05 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout5-1.gif); text-decoration:none; } a.bout05:hover{background-image:url(images/bout5-2.gif);} a.liencat05 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#cc6600; } a.liencat05:hover{color:#f58808;} a.bout06 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout6-1.gif); text-decoration:none; } a.bout06:hover{background-image:url(images/bout6-2.gif);} a.liencat06 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#aa1e1a; } a.liencat06:hover{color:#e31f19;} a.bout07 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout7-1.gif); text-decoration:none; } a.bout07:hover{background-image:url(images/bout7-2.gif);} a.liencat07 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#cc6600; } a.liencat07:hover{color:#f58808;} a.bout08 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout8-1.gif); text-decoration:none; } a.bout08:hover{background-image:url(images/bout8-2.gif);} a.liencat08 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#336600; } a.liencat08:hover{color:#66cc00;} a.bout09 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout9-1.gif); text-decoration:none; } a.bout09:hover{background-image:url(images/bout9-2.gif);} a.liencat09 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#cc3366; } a.liencat09:hover{color:#ff0066;} a.bout10 {display:block; width:150px; height:30px; margin-bottom:1px; background-image:url(images/bout10-1.gif); text-decoration:none; } a.bout10:hover{background-image:url(images/bout10-2.gif);} a.liencat10 {display:block; width:140px; margin-bottom:5px; margin-left:10px; text-decoration:none; font-size:11px; color:#666699; } a.liencat10:hover{color:#9999cc;} /******* COMMUN TOUTES PAGES **********/ input, select{font-size: 12px} input.boutconn{font-size:11pt; background-color:#666666; color:#ffffff; text-align:center;} h1{font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase;} .h1bir{font-size:15px; font-weight:bold; color:#000000;} .label1{font-size:12px; text-align:right; font-weight:bold; width:30%; } .label2{font-size:12px; text-align:center; font-weight:bold; color:#ffffff; background-color:#007b7f; border-color:#ffffff; } .label3{font-size:12px; text-align:right; font-weight:bold; color:#ffffff; background-color:#007b7f; border-color:#ffffff; } .label4{font-size:12px; text-align:right; font-weight:bold; } .label5{font-size:12px; text-align:left; font-weight:bold; color:#ffffff; background-color:#007b7f; border-color:#ffffff; } table#tabblanc{width:98%; margin-right:auto; margin-left:auto; border:1px solid #cccccc; } table#tabblanc td{border:1px solid #ffffff;} .textnormal{font-size:12px;} .br5{line-height:5px;} .erreur{font-size:12px; color:red; } .err{font-size:12px; color:red; } a.retour1{font-size:12px; font-weight:bold; text-decoration:underline; color:#000000;} a.retour1:hover{color:#336699;} a.recapmodif{font-size:12px; font-weight:bold; text-decoration:underline; color:#ffffff;} a.recapmodif:hover{color:#336699;} /****** SPECIAL RECHERCHE ************/ input.boutrech{ height:20px; background-color:#666666; font-size:11px; font-weight:bold; color:#ffffff; text-align:center; border:1px solid #cccccc; margin-top:2px;} input.champrech{width:120px; font-size:11px; border:1px solid #cccccc; } /******* NEWSLETTER *******/ input.news_email{ width:150px; font-size:12px; line-height:18px; border:1px solid #666666; } input.boutnews{ background-color:#666666; font-size:11px; font-weight:bold; color:#ffffff; text-align:center; border:1px solid #666666; } /******* SPECIAL SERVICES *************/ a.lienserv{font-size:12px; color:#ffffff; text-decoration:none; line-height:15px;} a.lienserv:hover{color:#336699;} #cadreprodserv {position:relative; width:552px; border:1px solid #B8B8B8;} h3{font-size:14px; color:#004060; font-size:bold;} .prghserv{margin: 10px; font-size:12px; line-height:16px; text-align:justify;} /******* SPECIAL LISTE PRODUITS ******/ a.lientitreprod{font-size:11px; font-weight:bold; color:#000000; text-decoration:none; text-transform:uppercase;} a.lientitreprod:hover{color:#666666;} a.lienpages{font-size:12px; font-weight:bold; color:#666666; text-decoration:none;} a.lienpages:hover{color:#336699;} a.lienpages2{font-size:20px; font-weight:bold; color:#000000; text-decoration:none;} a.lienpages2:hover{color:#336699;} .apartir1 {font-size:11px; color:#ffffff;} .prix1 {font-size:14px; color:#ffffff; font-weight:bold;} .apartir3 {font-size:11px; color:#cc0000;} .prix3 {font-size:14px; color:#cc0000; font-weight:bold;} .ref1 {font-size:11px; color:#666666; margin-top:5px;} .encartprix01 {background-image:url(images/encartprix1.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin01 {border:1px solid #cc3333; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix02 {background-image:url(images/encartprix2.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin02 {border:1px solid #3399cc; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix03 {background-image:url(images/encartprix3.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin03 {border:1px solid #339999; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix04 {background-image:url(images/encartprix4.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin04 {border:1px solid #669966; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix05 {background-image:url(images/encartprix5.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin05 {border:1px solid #cc9933; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix06 {background-image:url(images/encartprix6.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin06 {border:1px solid #cc3333; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix07 {background-image:url(images/encartprix7.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin07 {border:1px solid #cc9933; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix08 {background-image:url(images/encartprix8.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin08 {border:1px solid #669933; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix09 {background-image:url(images/encartprix9.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin09 {border:1px solid #cc3366; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprix10 {background-image:url(images/encartprix10.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .photomin10 {border:1px solid #666699; width:80px; height:80px; text-align:center; vertical-align:middle;} .encartprixpromo3{background-image:url(images/encartprixpromo.gif); background-repeat:no-repeat; text-align:right; vertical-align:middle;} .fourn01{font-size:11px; font-style:italic; font-weight:bold; color:#92171d; } .fourn02{font-size:11px; font-style:italic; font-weight:bold; color:#336699; } .fourn03{font-size:11px; font-style:italic; font-weight:bold; color:#006666; } .fourn04{font-size:11px; font-style:italic; font-weight:bold; color:#339966; } .fourn05{font-size:11px; font-style:italic; font-weight:bold; color:#cc6600; } .fourn06{font-size:11px; font-style:italic; font-weight:bold; color:#aa1e1a; } .fourn07{font-size:11px; font-style:italic; font-weight:bold; color:#cc6600; } .fourn08{font-size:11px; font-style:italic; font-weight:bold; color:#336600; } .fourn09{font-size:11px; font-style:italic; font-weight:bold; color:#cc3366; } .fourn10{font-size:11px; font-style:italic; font-weight:bold; color:#666699; } /******* SPECIAL DETAIL PRODUIT *******/ .cadrephotogd{width:250px; height:250px; border:1px solid #999999; text-align:center; vertical-align:middle; background-repeat:no-repeat; background-position:center;} .cadrephotomin{width:80px; height:80px; border:1px solid #999999; text-align:center; vertical-align:middle;} .cadrephotomin2{width:80px; height:80px;} .prdlib{font-family: arial, Helvetica, sans-serif; text-align: justify; line-height: 15px; font-size:11px; color:#000000; margin-bottom:0px;} .tdprix{font-family: arial, Helvetica, sans-serif; text-align:right; } .ecotaxe1{font-size:11px; color:#666666;} .promocomment{font-size:12px; font-weight:bold; } .ancienprix{font-size:14px; color:#ff0000;} .promoqte{font-size:12px;} a.fichvid{font-size:11px; font-weight:bold; text-decoration:underline; color:#000000;} a.fichvid:hover{color:#336699;} .prixprod01 {font-size:18px; color:#cc3333; font-weight:bold;} .prixprod02 {font-size:18px; color:#3399cc; font-weight:bold;} .prixprod03 {font-size:18px; color:#339999; font-weight:bold;} .prixprod04 {font-size:18px; color:#669966; font-weight:bold;} .prixprod05 {font-size:18px; color:#cc9933; font-weight:bold;} .prixprod06 {font-size:18px; color:#cc3333; font-weight:bold;} .prixprod07 {font-size:18px; color:#cc9933; font-weight:bold;} .prixprod08 {font-size:18px; color:#669933; font-weight:bold;} .prixprod09 {font-size:18px; color:#cc3366; font-weight:bold;} .prixprod10 {font-size:18px; color:#666699; font-weight:bold;} .titreconn{height:55px;vertical-align:top; padding:5px; font-size:11px; color:#000000; font-weight:bold; background-color:#cccccc;} .bordconn01 {background-color:#ffffff; border:2px solid #cc3333; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn02 {background-color:#ffffff; border:2px solid #3399cc; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn03 {background-color:#ffffff; border:2px solid #339999; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn04 {background-color:#ffffff; border:2px solid #669966; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn05 {background-color:#ffffff; border:2px solid #cc9933; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn06 {background-color:#ffffff; border:2px solid #cc3333; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn07 {background-color:#ffffff; border:2px solid #cc9933; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn08 {background-color:#ffffff; border:2px solid #669933; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn09 {background-color:#ffffff; border:2px solid #cc3366; width:156px; height:160px; text-align:center; vertical-align:middle;} .bordconn10 {background-color:#ffffff; border:2px solid #666699; width:156px; height:160px; text-align:center; vertical-align:middle;} .prixconn01 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc01.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn02 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc02.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn03 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc03.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn04 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc04.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn05 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc05.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn06 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc06.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn07 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc07.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn08 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc08.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn09 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc09.gif); color:#ffffff; font-size:13px; font-weight:bold;} .prixconn10 {height:30px; text-align:right; vertical-align:middle; background-image:url(images/cc10.gif); color:#ffffff; font-size:13px; font-weight:bold;} /****** SPECIAL ESPACE PROMO ******/ .promocomment2{text-align:center; font-size:13px; font-weight:bold; color:#ffffff; display:block; background-color:#cc0000;} .promocomment3{text-align:right; font-size:11px; font-weight:bold; color:#cc0000;} .encartprixpromo{position:relative; height:71px; text-align:right; background-image:url(images/prix-promo.gif); background-repeat:no-repeat; background-position:right;} .encartprixpromo2{position:relative; height:37px; text-align:right; background-image:url(images/prix-promo2.gif); background-repeat:no-repeat; background-position:right;} .promoqte2{text-align:right; font-size:12px; font-weight:bold; color:#336699;} .promoqte3{text-align:right; font-size:12px; font-weight:bold; color:#336699;} .ancienprix2 {position:absolute; top:12px; right:10px; font-size:14px; color:#000000; font-weight:bold; text-decoration:line-through;} .ancienprix3 {text-align:right; font-size:13px; color:#000000; font-weight:bold; text-decoration:line-through;} .prixprom {position:absolute; top:37px; right:10px; font-size:18px; color:#cc0000; font-weight:bold;} .prixprom2 {position:absolute; top:8px; right:10px; font-size:18px; color:#cc0000; font-weight:bold;} /******* SPECIAL PANIER & RECAP-CMD*******/ .ref2 {font-size:11px; color:#666666; } .prdtitre1{font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase;} .prdmodel{font-size:11px; font-weight:bold; color:#666666;} .prix2{font-size:11px; font-weight:bold; color:#000000;} .ecotaxe{font-size:10px; color:#000000;} .qtepanier{font-size:11px; font-weight:bold; width:25px; } .qtefixe{vertical-align:middle; text-align:center; width:25px; font-size:12px;} .panier-label1{font-size:12px; text-align:center; font-weight:bold; color:#ffffff; background-color:#007b7f; border-color:#ffffff; } .panier-label2{font-size:14px; text-align:center; font-weight:bold; color:#ffffff; background-color:#009999; border:1px solid #cccccc; } .panier-label3{font-size:12px; text-align:center; font-weight:bold; color:#ffffff; background-color:#009999; border:1px solid #cccccc; } .panier-totalttc{font-size:20px; margin-right:5px;} a.lienpanier{font-size:11px; font-weight:bold; text-decoration:underline; color:#000000;} a.lienpanier:hover{color:#336699;} /******* SPECIAL ESPACE PRIVE ******/ a.accpriv{font-size:12px; font-weight:bold; text-decoration:underline; color:#000000;} a.accpriv:hover{color:#336699;} /******* SPECIAL ESPACE PRIVE adresses ET CMD-ADRESSES ******/ a.ajoutadr{font-size:12px; font-weight:bold; text-decoration:underline; color:#000000;} a.ajoutadr:hover{color:#336699;} /*******SPECIAL RESEAU DCM ******/ .lienmag{font-size:11px; text-decoration:none; color:#ffffff; width:90px; text-align:center; display:block; border:1px solid #666666; background-color:#335074; float:left; margin:7px;} .lienmag:hover{background-color:#1e273e;} .lienmagprom{font-size:11px; text-decoration:none; color:#cc0000; width:90px; text-align:center; display:block; border:1px solid #666666; background-color:#ffff00; float:left; margin:7px;} .lienmagprom:hover{background-color:#1e273e;} .titrpromloc{font-size:11px; font-weight:bold; color:#000000; text-transform:uppercase;} .qtepromloc{ font-size:11px; text-align:right;} .prixpromloc{font-size:16px; text-align:right; font-weight:bold; color:#cc0000;} .ancienprixpromloc{font-size:12px; text-align:right; color:#000000; text-decoration:line-through;} .descpromloc{font-size:11px; color:#000000; } .commpromloc{font-size:13px; text-align:center; font-weight:bold; line-height:20px; background-color:#cc0000; color:#ffffff; display:block;} /***** SPECIAL BB CODE ******/ a.bblien:active{text-decoration:underline; } a.bblien:visited{text-color: red} a.bblien:hover{} a.bblien:link{} .bbtitre { font-size:14px; color:#004060; font-weight:bold; } .bbtitre1 { font-size: 12px; font-weight: bold; color: rgb(255, 51, 0); } .bbgras { font-weight:bold; } .bbsouligne { text-decoration:underline; } .bbitalic { font-style:italic; } .bbemail { text-decoration:underline; color:blue; } .bburl { text-decoration:underline; color:purple; } .bbimage { color:red; } .bbtextalign { text-align:center; } .bbjustifie { text-align:justify; } .bbjustify { text-align=center; color=SaddleBrown; } .bbtxtcouleur { color=blue; } .bbind { text-align=center; color=green; border-style: double; border-top-color: aqua; border-right-color: aqua; border-bottom-color: aqua; border-left-color: aqua; padding: 10px; } .bbentete { text-align=center; font-weight:bold; } .bbresultat { color=crimson; } /****** SPECIAL LIGHTBOX ******/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }