/*================================================================================================================== //===( Copyright 2008 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ .hp-enc-menu { float:right;width:380px;padding:10px;margin:0; border:1px solid black; } .search-titre { font-size:1.2em; } .search-paths { text-align:right;border-bottom:1px solid #DDDDDD; } .search-paths a { color:#777777; } .search-paths a:visited { color:#CCCCCC; } .search-paths a:hover { color:#000000; } #search-brands { float:right;border:1px solid black;background-color:#DDFFFF;padding:10px;width:320px; } /* ==================================================================== Structure -------------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;} body { text-align:center; font-size:12px; font-family: Arial, Helvetica, Sans-Serif;height:auto;width:auto;color:#000000;display:block;;background:url(css2/fond.gif) repeat 50% 0;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:990px;display:block;text-align:left;background:url(css2/fond_page.gif) repeat-y 50% 0;} #block-1 { float:right;padding:0 25px 0 0;} #block-2 { float:left;display:block;} #block-3 { float:left;width:230px;padding:0 0 0 15px;} #wrapper { width:auto;} .cleaner { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .clr { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .nocss { display:none;} /* ==================================================================== header -------------------------------------------------------------------- */ #mh { position:relative;top:0px;left:0;z-index:10;background:url(css2/head2.jpg) no-repeat 10px 14px;display:block;height:250px;width:100%;} #head_ombr { position:absolute;left:0;top:0px;background:url(css2/head_ombr.gif) no-repeat 0 0;display:block;height:21px;width:100%;} #header { position:relative;z-index:10;height:110px;} #logo { position:absolute;z-index:999;top:14px;left:10px;} #imgbd { position:absolute;z-index:99;top:14px;right:10px;} /* ==================================================================== menu accessibilité / menu langue -------------------------------------------------------------------- */ #ma { display:none;} #ml { display:none;} /* ==================================================================== Bandeau -------------------------------------------------------------------- */ #bandeau { position:absolute;top:194px;left:10px;z-index:100;background:url(css2/bandeau.gif) no-repeat;display:block;height:33px;width:970px;} /* Search ----------------- */ #search { width:174px;height:27px;display:block;position:absolute;top:2px;left:130px;z-index:99999;} #search #sch-saisie input { font-size:10px;margin:6px 0 0 4px;padding:1px;height:12px;width:120px;} #search #sch-ok { width:27px;height:27px;display:block;position:absolute;top:1px;left:134px;} #search #sch-ok input { border:0;padding:0;margin:0;} #search .ok { width:27px;height:27px;display:block;background:url(css2/ok.gif) no-repeat 0 0;cursor:pointer;} #search .ok-ov { width:27px;height:27px;display:block;background:url(css2/ok.gif) no-repeat -27px 0;cursor:pointer;} /* ligne login ----------------- */ #lg { position:absolute;left:350px;top:8px;z-index:600;color:#fff;font-size:10px;width:360px;;} #lg a { color:#fff;text-decoration:underline;padding:0 10px;} #lg a:hover { color:#fff08e;text-decoration:none;} #idcli { float:left;;width:230px} #Newcli { float:right;width:90px;text-align:right;} /* panier ----------------- */ #pa { position:absolute; right:0px;top:10px;z-index:900;width:140px;height:20px; text-align:center;color:#ffffff;font-size:12px;font-weight:bold;} .pa-art { float:left; } .pa-prix { float:right;padding:0 6px 0 0} #paniercli { position:absolute; right:0px;top:-4px;z-index:900;width:185px;height:24px;display:block;background:url(css2/panier.gif) no-repeat 0 0;} #paniercli:hover { background-position:0 -24px;} /* ==================================================================== Menu Secondaire -------------------------------------------------------------------- */ #ms { float:left;width:230px;color:#000;display:block;background:url(css2/ms_fond.gif) repeat-y 0 0;} #ms div { background:url(css2/ms_fond3.gif) no-repeat 0 0;padding:24px 0 8px 21px;color:#fff;font-size:14px;font-weight:bold;} #ms div a { width:160px;} #ms ul { width:auto;list-style:none;margin:0;padding:0 0 15px 0;clear:both;background:url(css2/ms_fond2.gif) no-repeat 0 100%;} #ms ul ul { background:none;padding:0;} #ms ul li { } #ms ul li p { width:180px;padding:6px 0 2px 26px;} ms ul ul li { border:0px;} #ms li { display:block;clear:both;} #ms a { width:210px;padding:4px 0 4px 0;margin:0 0 0 11px;text-decoration:none;display:block;color:#fff;font-weight:bold;font-size:12px;color:#000;display:block;clear:both;} #ms a:hover { background:#ff7900;color:#fff;} #ms ul a { width:198px;padding:4px 0 4px 10px;background:#005699;border-bottom:1px solid #fff;color:#fff;font-weight:bold;} #ms ul ul a { width:178px;padding:4px 0 4px 30px;background:url(css2/ms_a.gif) repeat-x 0 100% #f9cf5e;border:0;color:#000;font-weight:normal;} #ms ul ul ul a { width:158px;padding:4px 0 4px 50px;} #ms ul ul ul ul a { width:138px;padding:4px 0 4px 70px;} #ms a.down { background:#d66600;color:#fff;} /* ==================================================================== Boite -------------------------------------------------------------------- */ #edito { width:230px;color:#000;display:block;background:url(css2/edito.gif) repeat-y 0 0;float:left;} #editoh { width:230px;display:block;padding:80px 0 0 0;background:url(css2/editoh.gif) no-repeat 0 0;} #editob { width:230px;display:block;padding: 0 0 10px 0;background:url(css2/editob.gif) no-repeat 0 100%;} #editoct {padding: 0 20px 0 20px;} #garantie { width:230px;color:#000;display:block;float:left;} #garantieh { width:230px;display:block;padding:32px 0 0 0;background:url(css2/garantieh.gif) no-repeat 0 0;} #garantieb { width:230px;display:block;padding: 0 0 21px 0;background:url(css2/garantieb.gif) no-repeat 0 100%;} #garantiect { width:230px;display:block;height:152px;;background:url(css2/garantiect.jpg) no-repeat ;} #garantiect object { position:relative;left:11px;} /* ==================================================================== Menu Principal -------------------------------------------------------------------- */ #mp { position:absolute;top:162px;left:10px;z-index:100;height:30px;width:970px;} #mp ul { float:left;width:auto;list-style:none;margin:0;padding:0;} #mp li { float:left;position:relative;top:0px;left:0px;} #mp a { float:left;text-decoration:none;background:url(css2/menup_a.gif) no-repeat 0 0;height:24px;display:block;padding:3px 3px 3px 3px;color:#fff;font-weight:bold;text-align:center;line-height:25px;font-size:12px;} #mp #li1 a { background-position: 0 0 ;width:67px;color:#ad0f00;font-weight:bold} #mp #li1 a:hover { background-position: 0 -30px;} #mp #li2 a { background-position: -73px 0 ;width:101px;line-height:10px;padding:6px 3px 0 3px;} #mp #li2 a:hover { background-position: -73px -30px;} #mp #li3 a { background-position:-180px 0 ;width:74px;} #mp #li3 a:hover { background-position:-180px -30px;} #mp #li4 a { background-position:-260px 0 ;width:84px;line-height:10px;padding:6px 3px 0 3px;} #mp #li4 a:hover { background-position:-260px -30px;} #mp #li5 a { background-position:-350px 0 ;width:64px;} #mp #li5 a:hover { background-position:-350px -30px;} #mp #li6 a { background-position:-420px 0 ;width:74px;} #mp #li6 a:hover { background-position:-420px -30px;} #mp #li7 a { background-position:-500px 0 ;width:64px;} #mp #li7 a:hover { background-position:-500px -30px;} #mp #li8 a { background-position:-570px 0 ;width:64px;} #mp #li8 a:hover { background-position:-570px -30px;} #mp #li9 a { background-position:-640px 0 ;width:94px;} #mp #li9 a:hover { background-position:-640px -30px;} #mp #li10 a { background-position:-740px 0 ;width:64px;} #mp #li10 a:hover { background-position:-740px -30px;} #mp #li11 a { background-position:-810px 0 ;width:84px;} #mp #li11 a:hover { background-position:-810px -30px;} #mp #li12 a { background-position:-900px 0 ;width:64px;} #mp #li12 a:hover { background-position:-900px -30px;} #mp #li13ssssssssssss a { background-position:-970px 0 ;width:64px;} #mp #li1ssssss3 a:hover { background-position:-970px -30px;} /* ==================================================================== content -------------------------------------------------------------------- */ #ct { padding:0;width:700px;} #ct-page1, #ct-page2, #ct-page3, #ct-page4 {;} img { border:0;} a { color:#F30A6D;text-decoration:none;} a:visited { color:#A73063;} a:hover { color:#000000;text-decoration:underline;} p { padding:10px 0;margin:0;text-align:justify;} form { padding:0;margin:0;} h2 { background:url(img/css1/h2.gif) no-repeat 0 50%;padding:0 0 0 19px;font-size:1.4em;} h3 { background:url(img/css1/h3.gif) no-repeat 0 50%;padding:0 0 0 13px;font-size:1.3em;} h4 { background:url(img/css1/h4.gif) no-repeat 0 50%;padding:0 0 0 9px;font-size:1.2em;} h5 { background:url(img/css1/h5.gif) no-repeat 0 50%;padding:0 0 0 9px;font-size:1.1em;} #ct-page2 h2 { background:url(img/css1/h2-2.gif) no-repeat 0 50%;} #ct-page2 h3 { background:url(img/css1/h3-2.gif) no-repeat 0 50%;} #ct-page2 h4 { background:url(img/css1/h4-2.gif) no-repeat 0 50%;} #ct-page2 h5 { background:url(img/css1/h5-2.gif) no-repeat 0 50%;} #ct-page3 h2 { background:url(img/css1/h2-3.gif) no-repeat 0 50%;} #ct-page3 h3 { background:url(img/css1/h3-3.gif) no-repeat 0 50%;} #ct-page3 h4 { background:url(img/css1/h4-3.gif) no-repeat 0 50%;} #ct-page3 h5 { background:url(img/css1/h5-3.gif) no-repeat 0 50%;} #ct-page4 h2 { background:url(img/css1/h2-4.gif) no-repeat 0 50%;} #ct-page4 h3 { background:url(img/css1/h3-4.gif) no-repeat 0 50%;} #ct-page4 h4 { background:url(img/css1/h4-4.gif) no-repeat 0 50%;} #ct-page4 h5 { background:url(img/css1/h5-4.gif) no-repeat 0 50%;} /* chemin ----------------- */ #ch { padding:4px 12px 12px 20px;margin:0;position:absolute;top:227px;left:10px;z-index:40;background-color:#fff;} #ch a { color:#737070;} #ch a:hover { color:#870C07;} div.ch-ov { border-bottom:1px solid #000;border-right:1px solid #000;overflow:visible;background:url(img/css1/chm.gif) no-repeat 4px 6px #fff;cursor:pointer;} div.ch-out { height:0px;border:0px;width:auto;overflow:hidden;background:url(img/css1/ch.gif) no-repeat 4px 6px #fff;cursor:pointer;} /* ==================================================================== Formulaire contact -------------------------------------------------------------------- */ #ct-form { margin:20px 0 4px 0;} #ct-form div { margin:0 0 6px 0;display:block;} #ct-form span { width:100px;display:block;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #ct-form input { background-color:#FDF9F6;border:1px solid #000000;width:260px;padding:3px;} #ct-form textarea { background:url(img/css1/form.gif) no-repeat right bottom #FDF9F6;border:1px solid #000000;width:380px;padding:3px;} #ct-form p { text-align:justify;margin-top:30px;border-top:1px solid #ccc;} #ct-form #env { height:31px;width:74px;border:0;padding:0;cursor:pointer;margin:20px 0 0 0; background:url(img/css1/u_cmpt_env.gif) no-repeat 0 0;} #ct-form #env span { display:none;} /* ==================================================================== pages texte -------------------------------------------------------------------- */ h1 { font-size:1.2em;font-weight:normal;padding:4px 0 4px 0;margin:0 0 10px 0;position:relative;display:block;} h1 #titre { padding:0 0 0 65px;font-size:1.3em;font-weight:bold;letter-spacing:normal;} h1 #pict-h1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_h1-p1.png',sizingMethod='scale'); width:66px;height:51px;display:block;position:absolute;top:5px;left:0px;} #titre>#pict-h1 { background:url(img/css1/prd_h1-p1.png) no-repeat;filter:none;} h1 #coul-h1 { border-top: 1px solid #000000;padding:4px 0 4px 40px;font-size:1.2em;margin:2px 0 0 30px;display:block;} h1 #pict-h2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_h1-p2.png',sizingMethod='scale'); width:68px;height:66px;display:block;position:absolute;top:0px;left:0px;} #titre>#pict-h2 { background:url(img/css1/prd_h1-p2.png) no-repeat;filter:none;} h1 #coul-h2 { border-top: 1px solid #000000;padding:4px 0 4px 40px;font-size:1.2em;margin:2px 0 0 30px;display:block;} h1 #pict-h3 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_h1-p4.png',sizingMethod='scale'); width:66px;height:51px;display:block;position:absolute;top:5px;left:0px;} #titre>#pict-h3 { background:url(img/css1/prd_h1-p4.png) no-repeat;filter:none;} h1 #coul-h3 { border-top: 1px solid #000000;padding:4px 0 4px 40px;font-size:1.2em;margin:2px 0 0 30px;display:block;} h1 #pict-h4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_h1-p4.png',sizingMethod='scale'); width:57px;height:56px;display:block;position:absolute;top:5px;left:0px;} #titre>#pict-h4 { background:url(img/css1/prd_h1-p4.png) no-repeat;filter:none;} h1 #coul-h4 { border-top: 1px solid #000000;padding:4px 0 4px 40px;font-size:1.2em;margin:2px 0 0 30px;display:block;} #coul-h1 { background:url(img/css1/pag_h1-1.gif) repeat-y 100% 0;} #coul-h2 { background:url(img/css1/pag_h1-2.gif) repeat-y 100% 0;} #coul-h3 { background:url(img/css1/pag_h1-4.gif) repeat-y 100% 0;} #coul-h4 { background:url(img/css1/pag_h1-4.gif) repeat-y 100% 0;} /* ==================================================================== liste produit -------------------------------------------------------------------- */ .lst { width:670px;height:auto;display:block;position:relative;left:50%;margin:0 0 20px -335px;padding:10px 0 0 0; border-bottom:1px solid #BAC1CC;border-top:1px solid #BAC1CC;float:left;} .tlst { margin:0;height:30px;position:relative;top:12px;left:8px;z-index:20;} #lstm { background-color:#FEF7EF;} .lgn { width:640px;height:auto;display:block;padding:0;position:relative;left:15px;} .lst>.lgn { float:left;} h2#lstmenu { background:url(img/css1/lstmenu.jpg) no-repeat 552px;} .roue1 { background:url(img/css1/roue1.gif) no-repeat;width:47px;height:52px;display:block;position:absolute;top:-4px;right:-4px;} .colx { width:160px;text-align:center;display:block;float:left;} .ph40 { width:149px;text-align:center;} .ph40 a { display:block;margin:0 auto 5px auto;padding:4px;} .ph40 a:hover { border-left:2px solid #ECD2BF;border-top:2px solid #ECD2BF;border-right:2px solid #D18F65;border-bottom:2px solid #D18F65;} .ph40 img { display:block;} .smenu-img-c1 { border:2px solid #FEF7EF;display:block;margin:0 auto 3px auto;padding:4px;} .smenu-img-c2 { border-left:2px solid #ECD2BF;border-top:2px solid #ECD2BF;border-right:2px solid #D18F65;border-bottom:2px solid #D18F65;} .smenu-txt-c1 { color:#F30A6D;text-decoration:none;font-weight:bold;} .smenu-txt-c2 { color:#000000;text-decoration:underline;font-weight:bold;} .phtxt2 { width:100%;height:auto;display:block;text-align:center;float:left;margin:0 0 10px 0;} #ct-page1 .phtxt2 h2, #ct-page2 .phtxt2 h2, #ct-page3 .phtxt2 h2, #ct-page4 .phtxt2 h2 { font-size:1.1em;padding:4px 4px 12px 4px;margin:0 4px;font-weight:normal;background:red;background:url(img/css1/phtxt2h2.gif) repeat-x;} .phtxt2 a { border:0;color:#F25C01;/*#0000000EE A15115*/} .phtxt2 a:visited { color:#A15115;/*#551A8B*/} .phtxt2 a:hover { color:#F25C01;/*#EC6909*/} .lgn2 { width:640px;height:auto;display:block;padding:0;position:relative;left:15px;} .lst>.lgn2 { float:left;} h2#lstprod { background:url(img/css1/lstprod.jpg) no-repeat 560px;} .roue2 { background:url(img/css1/roue2.gif) no-repeat;width:47px;height:52px;display:block;position:absolute;top:-4px;right:-4px;} #lstp { background-color:#EBF1FB;} .col1 { padding:6px 0 4px 0;width:310px;margin:0;float:left;} .col2 { padding:6px 0 4px 0;width:310px;margin:0;float:right;} .ph100 { width:112px;height:112px;margin:0 12px 6px 0;float:left;} .ph100 a { border:1px solid #BEC2C8;width:112px;height:112px;display:block;float:left;background-color:#ffffff;position:relative;} .ph100 a:hover { border-left:1px solid #A1ADC3;border-top:1px solid #A1ADC3;border-right:1px solid #000000;border-bottom:1px solid #000000;} .ph100 img { margin:6px;display:block;} .phtxt { width:160px;height:auto;float:left;} #ct-page1 .phtxt h2, #ct-page2 .phtxt h2, #ct-page3 .phtxt h2, #ct-page4 .phtxt h2 { font-size:1em;margin:0;border-bottom:1px solid #8797B1;background:url(img/css1/h3.gif) no-repeat 0 2px;padding:0 0 2px 15px;} .phtxt a { color:#4A96EA;} .phtxt a:visited { color:#567CA7;} .phtxt a:hover { color:#000000;} .phtxt p { padding:0;margin:4px 0;text-align:left;} .choisir { height:31px;width:120px;float:left;background:url(img/css1/choisir.gif) no-repeat 0 0;margin:4px 0 4px 0;} .choisir:hover { background-position:0 -31px;} .ajouter { height:35px;width:160px;float:left;background:url(img/css1/ajouter.png) no-repeat 0 0;margin:4px 0 4px 0;border:0;cursor:pointer;padding:0;} .ajouter1 { height:35px;width:160px;float:left;background:url(img/css1/ajouter1.gif) no-repeat 0 0;margin:0;border:0;cursor:pointer;padding:0;} .ajouter2 { height:35px;width:160px;float:left;background:url(img/css1/ajouter2.gif) no-repeat 0 0;margin:0;border:0;cursor:pointer;padding:0;} .ajouterbig { height:52px;width:178px;float:left;background:url(img/css1/prd_pan.png) no-repeat 0 0;margin:4px 0 4px 60px;border:0;cursor:pointer;padding:0;} .ajouterbig2 { height:52px;width:179px;float:left;background:url(img/css1/prd_mod.png) no-repeat 0 0;margin:4px 0 4px 60px;border:0;cursor:pointer;padding:0;} .dspan { height:35px;width:160px;float:left;background:url(img/css1/ds_pan.png) no-repeat 0 0;margin:4px 0 4px 0;border:0;cursor:pointer;padding:0;} .dspan:hover { background-position:0 -35px;} .dspan1 { height:35px;width:160px;float:left;background:url(img/css1/ds_pan1.gif) no-repeat 0 0;margin:0;border:0;cursor:pointer;padding:0;} .dspan1:hover { background-position:0 -35px;} .dspan2 { height:35px;width:160px;float:left;background:url(img/css1/ds_pan2.gif) no-repeat 0 0;margin:0;border:0;cursor:pointer;padding:0;} .dspan2:hover { background-position:0 -35px;} .dspanbig { height:52px;width:178px;float:left;background:url(img/css1/prd_ds_pan.png) no-repeat 0 0;margin:4px 0 4px 60px; border:0;cursor:pointer;padding:0;} .dspanbig:hover { background-position:0 -52px;} .promo { position:absolute;top:0px;left:0px;width:100px;height:68px;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/promo.png',sizingMethod='scale');} a>.promo { background:url(img/css1/promo.png) no-repeat;filter:none;} p>.promo { background:url(img/css1/promo.png) no-repeat;filter:none;} .nouv { position:absolute;top:0px;left:0px;width:100px;height:68px;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/nouveau.png',sizingMethod='scale');} a>.nouv { background:url(img/css1/nouveau.png) no-repeat;filter:none;} p>.nouv { background:url(img/css1/nouveau.png) no-repeat;filter:none;} .coupde { position:absolute;bottom:0px;right:0px;width:79px;height:52px;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/coupde.png',sizingMethod='scale');} a>.coupde { background:url(img/css1/coupde.png) no-repeat;filter:none;} p>.coupde { background:url(img/css1/coupde.png) no-repeat;filter:none;} .destock { position:absolute;top:0px;left:0px;width:111px;height:80px;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/destock.png',sizingMethod='scale');} a>.destock { background:url(img/css1/destock.png) no-repeat;filter:none;} p>.destock { background:url(img/css1/destock.png) no-repeat;filter:none;} .indispo { position:absolute;top:0px;left:0px;width:111px;height:80px;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/indispo.png',sizingMethod='scale');} a>.indispo { background:url(img/css1/indispo.png) no-repeat;filter:none;} p>.indispo { background:url(img/css1/indispo.png) no-repeat;filter:none;} /* ====== sous menu*/ .sousmenu ul { padding:0;margin:0 10px;list-style:none;border-top:2px solid #FEECD8;} .sousmenu ul li { border-bottom:2px solid #FEECD8;} .sousmenu ul a { padding:2px 2px;display:block;border-right:1px solid #FEF7EF;border-left:1px solid #FEF7EF;} .sousmenu ul a:hover { padding:2px 2px;color:#F25C01;text-decoration:none;background-color:#FDF1E4;display:block;} .sousmenu ul a:hover { padding:2px 2px;color:#F25C01;text-decoration:none;background-color:#fff;display:block;border-right:1px solid #FEECD8;border-left:1px solid #FEECD8;} .sousmenut0d { background-color:#FDF1E4;} .sousmenut1d { background-color:#FEECD8;} /* ==================================================================== Produit -------------------------------------------------------------------- */ #right { width:56%;display:block;float:right;padding:0 10px 0 0;} #right p { padding:10px 0px 10px 15px;} #right h1 { margin:0 0 10px 0;padding:4px 0;width:400px;} #right h1 #titre { padding:0;width:335px;} #right h1 #decat { position:relative;left:65px;display:block;width:335px;} #right h1 #admlk { font-size:0.9em;font-weight:normal;letter-spacing:0.1em;} #right #coul-h1 { background:url(img/css1/prd_h1-1.gif) repeat-y 100% 0;} #right #coul-h2 { background:url(img/css1/prd_h1-2.gif) repeat-y 100% 0;} #right #coul-h3 { background:url(img/css1/prd_h1-3.gif) repeat-y 100% 0;} #right #coul-h4 { background:url(img/css1/prd_h1-4.gif) repeat-y 100% 0;} #cons { height:40px;width:71px;float:right;display:block;margin:2px 0 0 0;} #cons a { height:40px;width:71px;float:right;background:url(img/css1/prd_cons.gif) no-repeat 0 0;} #cons a:hover { background:url(img/css1/prd_cons.gif) no-repeat 0 -40px;} #ajou { height:52px;width:162px;display:block;margin:0 0 0 10px;} #prd-pan { background:url(img/css1/prd_pan.gif) no-repeat 0 0;height:52px;width:162px;display:block;float:left;border:0;padding:0;cursor:pointer;} /* photo produit + zoom*/ #left { width:40%;padding:0 0 0 10px;float:left;} #prd-img2 { position:relative;float:left;margin:25px 0 5px 0;padding:0px; } #prd-img { position:relative;float:left;margin:25px 0 5px 0;border:1px solid #C9D4E5;padding:10px;} #prd-img img { float:left;} #prd-a { border:1px solid #C9D4E5;padding:10px;float:left;width:240px;height:240px;display:block;} #promo { margin:15px 0 0 15px;padding:0;text-align:center;vertical-align:center;line-height:69px;color:#ffffff; font-size:1.8em;font-weight:bold;background:url(img/css1/promo2.png) no-repeat;width:102px;height:78px;float:left;} #destock { margin:15px 0 0 15px;padding:0 65px 0 0 ;text-align:right;vertical-align:center;line-height:62px;color:#ffffff; font-size:1.8em;font-weight:bold;background:url(img/css1/destock2.png) no-repeat;width:65px;height:78px;float:left;} #indispo { margin:15px 0 0 15px;padding:0;background:url(img/css1/indispo2.png) no-repeat;width:129px;height:78px;float:left;} #nouveau { margin:15px 0 0 15px;padding:0;background:url(img/css1/nouveau2.png) no-repeat;width:102px;height:78px;float:left;} #coupde { margin:15px 0 0 15px;padding:0;background:url(img/css1/coupde2.png) no-repeat;width:102px;height:78px;float:left;} #infprod { width:100%;height:78px;} #zoom { width:13px;height:47px;display:block;background:url(img/css1/zoom.gif) no-repeat;position:absolute;right:-13px;bottom:0px;float:left;} /* aller au nuancier*/ #goto-nuancier a { width:355px;height:71px;display:block;background:url(img/css1/btnuancier.png) no-repeat 0 0;float:right; } #goto-nuancier a:hover { background-position:0 -71px; } /* ==================================================================== Taille -------------------------------------------------------------------- */ #tail { width:670px;margin:20px 0 0 0;padding:0;position:relative;left:10px;float:left;} #tail-m { float:left;padding:0 0 0 30px; width:650px;background:url(img/css1/tail-m.gif) repeat-x 0 7px;position:relative;} #tail-m ul { float:left;padding:0;margin:0;list-style:none;} #tail-m li { float:left;padding:0;margin:6px 0 0 0;} #tail-m #tl-do { padding:3px 10px;border-bottom:1px solid #ffffff;color:#000000;margin:0;clear:both;float:left; position:relative;background:url(img/css1/tl-2.gif) no-repeat right -50px;height:16px;} #tail-m a { padding:3px 10px;border-bottom:1px solid #000000;color:#686C74;margin:0;clear:both;float:left; position:relative;background:url(img/css1/tl-2.gif) no-repeat right 0;height:16px;} #tail-m a:hover { padding:3px 10px;border-bottom:1px solid #ffffff;color:#000000;text-decoration:none;background:url(img/css1/tl-2.gif) no-repeat right -50px;} .tl-1 { background:url(img/css1/tl-1.gif) no-repeat;width:9px;height:22px;display:block;position:absolute;top:0px;left:0px;cursor:pointer;} #pict-tl { background:url(img/css1/prd_tl.gif) no-repeat;width:35px;height:36px;display:block;position:absolute;top:9px;left:-20px;} #tail-t2 { } #tail-t2 ul { margin:0 0 0 15px; padding:20px 0 10px 0;list-style:none;} #tail-t2 ul li { padding:4px 12px; text-align:justify;background:url(img/css1/prd_li.gif) no-repeat 0 7px;} #tail-t { clear:both;width:700px;} #tail-t ul { margin:0 390px 0 0; padding:20px 0 10px 0;list-style:none;} #tail-t ul li { padding:4px 12px; text-align:justify;background:url(img/css1/prd_li.gif) no-repeat 0 7px;} #tail-t ul li p { padding:0; margin:0; } .bt-info { width:360px;height:auto;display:block;position:relative;right:18px;margin:30px 0 15px 0;float:right;} .bt-infpct { background:url(img/css1/pict-info.gif) no-repeat;width:48px;height:44px;display:block;position:absolute;top:-20px;left:-20px;} .bt-inf1 { background:url(img/css1/bt-inf1.gif) no-repeat;width:360px;height:5px;display:block;line-height:0;font-size:0;} .bt-inf2 { background:url(img/css1/bt-inf2.gif) repeat-y;padding:8px 10px 8px 35px;} .bt-inf2 p { margin:0;padding:0;} .bt-inf2 ol { margin:0 0 10px 20px;padding:0;font-weight:bold;} .bt-inf2 li { margin:0 0 8px 0;padding:0;} .bt-inf3 { background:url(img/css1/bt-inf3.gif) no-repeat;width:360px;height:5px;display:block;line-height:0;font-size:0;} /* ==================================================================== Nuancier -------------------------------------------------------------------- */ #nuancier { width:700px;margin:0;position:relative;left:10px;float:left;} #nuancier h2 { font-size:1em;padding:4px 12px;background:url(img/css1/prd_li.gif) no-repeat 0 7px;font-weight:normal;position:relative;} .sct { width:19px;height:18px;display:block;background:url(img/css1/select.gif) no-repeat;position:absolute;top:6px;left:6px; cursor:pointer;} .nosct { display:none;} .inf { background-color:#BFCEE2;border:1px solid #000000;padding:4px;display:block;width:130px;text-align:center;position:absolute;border:0;z-index:300;border:1px solid #000000;} .noinf { display:none;} #tab { width:700px;margin:0 0 20px 0;padding:0;position:relative;float:left;} #tab li { padding:4px;list-style:none;margin:0 13px 8px 0;float:left;position:relative;z-index:10;left:11px;border:1px solid #ccc;} #tab li input { display:none;} #tab .coul { display:block;position:relative;z-index:10;border:1px solid #ccc;cursor:pointer;} #legend { padding:30px 0 0 0;clear:both;position:relative;} #legend h3 { font-size:1.1em;border-bottom:1px solid #7D7D7D;padding:0 0 2px 20px;color:#7D7D7D;background:none;margin:0 0 30px 0;} #legend h4 { font-size:1em;padding:0;margin:10px 0 0 0;background:none;} #legend ul { list-style:none;padding:0 0 0 20px;margin:10px 0 0 20px;} #legend li { padding:2px 0;} #legend #pict-tl { position:absolute;top:28px;left:-20px;} /* ==================================================================== Produit Sans Nuancier -------------------------------------------------------------------- */ #psn { clear:both;border-collapse:collapse;width:100%;} #psn td { border-bottom:3px solid #fff;} .psd-lgn1 { background:#fff;} .psd-lgn2 { background:#F7F9FD;} .psd-img { width:auto;padding:5px;} .psd-img img { float:left;} .psd-prx div { padding:8px;margin:0 0 0 20px;} .psd-prx div ul { margin:0; padding:0;list-style:none;} .psd-prx div ul li { padding:2px 12px; text-align:justify;background:url(img/css1/prd_li.gif) no-repeat 0 4px;} .psd-prx div ul li p { padding:0; margin:0; } /* photo produit + zoom*/ .prd-imgb { float:left;position:relative;padding:8px;margin:0;border:1px solid #7D92B9;background:#fff;} .prd-img2b { float:left;position:relative;padding:0;margin:0;} .prd-ab { float:left;border:1px solid #7D92B9;padding:8px;background:#fff;} .prd-zoom { width:13px;height:47px;display:block;background:url(img/css1/zoom.gif) no-repeat 0 0;position:absolute;right:-13px;bottom:0px;float:left;} #tail2 { width:700px;margin:20px 0 20px 0;padding:0;position:relative;left:10px;float:left;display:block;border-bottom:1px solid #000;} #pict-tl2 { background:url(img/css1/prd_tl.gif) no-repeat;width:35px;height:36px;display:block;position:absolute;top:-18px;left:-20px;} #blk-zoomimg { height:0px;display:none;position:absolute;top:0px;left:0px;z-index:999999;cursor:pointer;} #blk-zoomfd { height:0px;display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/blk-zoomimg.png',sizingMethod='scale');} #blk-zoomimg>#blk-zoomfd { background:url(img/css1/blk-zoomimg.png) repeat;filter:none;} #blk-za { border:1px solid #777;position:absolute;padding:20px;background:#000;cursor:pointer;} #blk-za img { border:0px;margin:0;padding:0;display:block;} /* ==================================================================== footer -------------------------------------------------------------------- */ #clearfooter { position:relative;clear:both;display:block;height:40px;width:auto;} #ft { position:relative;bottom:0px;left:0px;height:auto;padding:8px 0 ;width:990px;background-color:#FFBA00;font-size:0.9em;color:#000000;background:url(css2/footer_fond.jpg) no-repeat 50% 0;} #ft-deco { position:absolute;bottom:-17px;left:0px;height:17px;width:990px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css2/footer_deco.png',sizingMethod='image');} #ft>#ft-deco { background:url(css2/footer_deco.png) no-repeat 50% 0;filter:none;} #ft p { padding:2px 20px 0 0;margin:0; text-align:right;color:#fff;} #ft p a { color:#fff;padding:0 2px;} #ft #rtop { position:absolute;top:-24px;right:0px;text-align:center;width:730px;} #ft #rtop a { color:#636363;height:12px;display:block;background:url(img/css1/rtop.gif) no-repeat 50% 0px;padding: 4px 0 4px 0 ;} #ft #rtop a:hover { color:#636363;} .w2x-left { float:left; margin: 10px 10px 10px 0; border:0; } .w2x-right { float:right; margin: 10px 0 10px 10px; border:0; } .w2x-center { display:block; margin:0 auto; border:0; }