/*================================================================================================================== //===( Copyright 2009 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ .video {position:relative;left:50%;margin-left:-230px;background:#fff;width:460px;display:block;} /* ==================================================================== form_btn_pan -------------------------------------------------------------------- */ #bx-C #pan button { overflow:hidden ;} #bx-C #pan button .btpan1 { overflow:hidden ;} #bx-C #pan button .btpan2 { overflow:hidden ;} #boxcam {display:block;margin:0;padding:0;background:url(../img/boxcamc.gif) repeat-y;} #bx-C #boxcam h2 {height:40px;display:block;border:0;margin:0;padding:25px 30px 0px 40px;background:url(../img/boxcamh.gif) no-repeat;} #bx-C #boxcam #ct-log {padding: 0 0 8px 40px;margin:0;} #bx-C #boxcam form {margin:0;pading:0;} #bx-C #boxcam .blk1bt {padding: 0 0 0 130px;} #bx-C #boxcam .boxcamb {padding: 4px 60px 20px 50px;background:url(../img/boxcamb.gif) no-repeat 0 100%;} #galerie { width:100%;texte-align:center;} #galflash { border:1px solid red;} /* ==================================================================== Home -------------------------------------------------------------------- */ #colleft {width:344px;float:left;display:block;background:url(../img/page/144/espace_fleur.gif) no-repeat;padding:44px 0 10px 0;} #colright {width:344px;float:right;display:block;background:url(../img/page/144/espace_deco.gif) no-repeat;padding:44px 0 10px 0;} #diap1 {width:342px;height:276px;display:block;margin:0;padding:0;border:1px solid #e0e0e0;background:url(../img/page/144/dia1.jpg) no-repeat;} #diap2 {width:342px;height:276px;display:block;margin:0;padding:0;border:1px solid #e0e0e0;background:url(../img/page/144/dia2.jpg) no-repeat;} .diatxt {padding:2px 6px;margin:0;color:#87898a;font-size:90%;} .diatxt a {color:#87898a;} .diatxt a:hover {color:#000;} #bx-C .bandeau { padding:2px 0;margin:0;} #bx-C .bandeau img { border:0;padding:0;margin:0;} /* ==================================================================== Boite colonne de gauche -------------------------------------------------------------------- */ #b3 #ec--11 { background:url(../img/site_style/203/newsletter.gif) no-repeat;padding-top:14px;} #b3 #ec--11 .newsli { background:#e8e8e8;padding:8px;margin:0;} #b3 #ec--11 .newsli p { Font-size:80%;padding:0 0 2px 0;margin:0;} #b3 #ec--20 .bx-E-av,#b3 #ec--21 .bx-E-av,#b3 #ec--22 .bx-E-av,#b3 #ec--23 .bx-E-av,#b3 #ec--24 .bx-E-av, #b3 #ec--19 .bx-E-av { background:url(../img/site_style/203/Eboxh.gif) no-repeat;width:173px;height:7px;display:block;font-size:0;} #b3 #ec--20 .bx-E-ct,#b3 #ec--21 .bx-E-ct,#b3 #ec--22 .bx-E-ct,#b3 #ec--23 .bx-E-ct,#b3 #ec--24 .bx-E-ct, #b3 #ec--19 .bx-E-ct { background:url(../img/site_style/203/Eboxc.gif) repeat-y;} #b3 #ec--20 .bx-E-ap,#b3 #ec--21 .bx-E-ap,#b3 #ec--22 .bx-E-ap,#b3 #ec--23 .bx-E-ap,#b3 #ec--24 .bx-E-ap, #b3 #ec--19 .bx-E-ap { background:url(../img/site_style/203/Eboxb.gif) no-repeat;width:173px;height:7px;display:block;font-size:0;} #b3 #ec--20 p,#b3 #ec--21 p,#b3 #ec--22 p,#b3 #ec--23 p,#b3 #ec--24 p, #b3 #ec--19 p { Font-size:12px;padding:0 10px 5px 34px;margin:0;} #b3 #ec--20 h2,#b3 #ec--21 h2,#b3 #ec--22 h2,#b3 #ec--23 h2,#b3 #ec--24 h2, #b3 #ec--19 h2 { Font-size:12px;padding:13px 2px 2px 34px;margin:-7px 0 0 0;position:relative;} #b3 #ec--19 h2 { background:url(../img/site_style/203/Ebox_7.gif) no-repeat;} #b3 #ec--20 h2 { background:url(../img/site_style/203/Ebox_tel.gif) no-repeat;} #b3 #ec--21 h2 { background:url(../img/site_style/203/Ebox_mail.gif) no-repeat;} #b3 #ec--22 h2 { background:url(../img/site_style/203/Ebox_livr.gif) no-repeat;} #b3 #ec--23 h2 { background:url(../img/site_style/203/Ebox_news.gif) no-repeat;} #b3 #ec--24 h2 { background:url(../img/site_style/203/Ebox_plan.gif) no-repeat;} #b3 #ec--20 p.bxtel { font-weight:bold;font-size:140%;padding:0 10px 0 34px;} #b3 #ec--20 a,#b3 #ec--21 a,#b3 #ec--22 a,#b3 #ec--23 a,#b3 #ec--24 a, #b3 #ec--19 a { color:#000;} #b3 #ec--20 a:hover,#b3 #ec--21 a:hover,#b3 #ec--22 a:hover,#b3 #ec--23 a:hover,#b3 #ec--24 a:hover, #b3 #ec--19 a:hover { color:#337be6;} #b3 #ec--23 input,#b3 #ec--23 button { margin:0 0 0 18px;} #b3 #ec--23 p { Font-size:10px;padding:2px 10px 5px 18px;margin:0;} /* ==================================================================== Panier dans menu Rubrique 5 --------------------------------------------------------------------*/ /* #bx-M ul#ul5 a { background:url(../img/site_style/203/nav_buy2.gif) no-repeat 0 0;padding-left:24px;font-weight:bold;} #bx-M ul#ul5 a:hover { background:url(../img/site_style/203/nav_buy2.gif) no-repeat 0 -61px;} #bx-M ul#ul5 a#m-do-p { background:url(../img/site_style/203/nav_buy2.gif) no-repeat 0 -121px #fff;} #bx-M ul#ul5 a#m-do-p:hover { background:url(../img/site_style/203/nav_buy2.gif) no-repeat 0 -121px #fff;} #bx-M ul#ul5 ul a { padding-left:0px;background:transparent;font-weight:normal;} #bx-M ul#ul5 ul a:hover { background:#474747;} #bx-M ul#ul5 ul a#m-do-p { background:#fff;} #bx-M ul#ul5 ul a#m-do-p:hover { background:#fff;} */ #bx-M ul#ul0 a { font-weight:bold;} #bx-M ul#ul1 a { font-weight:bold;} #bx-M ul#ul2 a { font-weight:bold;} #bx-M ul#ul3 a { font-weight:bold;} #bx-M ul#ul0 ul a { font-weight:normal;} #bx-M ul#ul1 ul a { font-weight:normal;} #bx-M ul#ul2 ul a { font-weight:normal;} #bx-M ul#ul3 ul a { font-weight:normal;} /* ==================================================================== lstecom, lstecom2 -------------------------------------------------------------------- */ .lstecom { width:695px; display:block; } .lstecom img { margin:0; } .lstecom { width:695px; display:block; } .lstecom a { width:164px; float:left;margin:0 3px; Font-weight:bold;color:#A4A8AE;} .lstecom a:hover { color:#a21935;} #bx-C .lstecom a img { border:1px solid #A4A8AE;} #bx-C .lstecom a:hover img { border:1px solid #000;} .lgnMB { background:url(../img/site_style/203/lgnMurielleBailet.gif) no-repeat;width:695px;padding:0 4px;margin:4px 0;display:block;float:left;} .lstecom2 { width:695px; display:block; } .lstecom2 img { margin:0; } .lstecom2 { width:695px; display:block; } .lstecom2 a { width:78px; float:left;margin:0 3px; Font-weight:bold;color:#A4A8AE;text-align:center;} .lstecom2 a:hover { color:#a21935;} #bx-C .lstecom2 a img { border:1px solid #A4A8AE;} #bx-C .lstecom2 a:hover img { border:1px solid #000;} /* ==================================================================== Box -------------------------------------------------------------------- */ .box { background-color:#e8e8e8;padding:0 15px 12px 15px; color:#000; margin-bottom:10px;position:relative;font-size:90%;width:665px;overflow:hidden;} .box p { margin:0; padding:4px 0;} #bx-C .box h1 { background:#a4a8ae; color:#fff;width:665px;display:block;position:relative;top:0px;left:-15px;padding:4px 15px;border-bottom: 3px solid #fff;} #bx-C .box h2 { background:#a4a8ae; color:#fff;width:665px;display:block;position:relative;top:0;left:-15px; padding:4px 15px;border-bottom: 3px solid #fff;margin:0;} .boxpre {font-size:110%;font-weight:bold;} .box a { padding:0; color:#000;} .box a:hover { color:#a21935;} .box .lstlft { float:left;width:45%;} .box .lstrgt { float:right;width:45%;} .box ul { list-style:none;margin:6px 0 0 0;padding:0;position:relative;} .box ul ul { width:auto;} .box li { font-weight:bold;position:relative;} .box li li { font-weight:normal; padding:4px 8px 4px 15px;margin:0;border-bottom:1px solid #fff;background:url(../img/site_style/203/box_a.gif) no-repeat 5px 8px #f4f4f4;} .box li li strong {} /* ==================================================================== panier 1234 -------------------------------------------------------------------- */ #bx-C .blk1 img {border:0;} /* ==================================================================== Specification wikixhtml -------------------------------------------------------------------- */ p.txtgros { font-size:130%; text-align:center; } .w2x-left { float:left; margin: 10px 20px 10px 0; } .w2x-right { float:right; margin: 10px 0 10px 20px; } .w2x-center { display:block; margin:0 auto; } #webcam { background:url(../img/site_style/203/webcam.gif) no-repeat; padding:30px 10px 10px 10px; margin:0;display:block;width:702px;height:500px;} #webcam img { background-color:#000;width:640px;height:480px;} #webcam #cam { background-color:#000;padding:6px;margin:0;width:640px;height:480px;} .info { background:#e8e8e8;padding:20px 30px;margin:20px 80px;text-align:center; border-top:1px solid #a7a9ab;border-bottom:1px solid #a7a9ab;} /* class wiki ---------------------------------------------------------- */ #bx-C .hdp { text-align:center;} #bx-C .hdp a { color:#7C878C;text-decoration:none;} #bx-C .hdp a:hover { color:#000;} #bx-C .portrait { float:left;width:150px;text-align:center;padding:0 auto;margin:0 2px;} #bx-C .portrait2 { float:left;width:150px;text-align:center;padding:0 auto;margin:0 40px;} #bx-C .colimg { text-align:center;text-decoration:none;} #bx-C .colimg img { margin:0 8px;} #bx-C .colimg a { text-decoration:none;color:#272f35;} #bx-C .colimg a:hover { color:#a21935;} #bx-C .colimg a:hover img { background:#dee0e2;} #bx-C .colimg2 { float:left;width:49%;text-align:center;padding:0;margin:0;} #bx-C .colimg2 a { text-decoration:none;color:#272f35;} #bx-C .colimg2 a:hover { color:#a21935;} #bx-C .colimg2 a:hover img { background:#dee0e2;} #bx-C .colimg3 { float:left;width:32%;text-align:center;padding:0;margin:0;} #bx-C .colimg3 a { text-decoration:none;color:#272f35;} #bx-C .colimg3 a:hover { color:#a21935;} #bx-C .colimg3 a:hover img { background:#dee0e2;} #bx-C .clrimg img { border:0;} #bx-C .clrimgct { text-align:center;} #bx-C .clrimgct img { border:0;} #ggmc { width:686px;height:466px;padding:6px;background:#e8e8e8;margin-left:10px;} #ggmap { width:680px;height:460px;left:0px;border:2px solid #000;} #bx-C .clrimg2 img { padding:0 4px 0 0;margin:-4px 0 0 0;border:0;} #bx-C .webcamic { float:right;margin:0 0 0 50px;padding:0;position:relative;top:-8px;} #bx-C .webcamic img { margin:0;padding:0;border:0;} .note { font-size:80%;} .lst { list-style:none;padding:0;margin:8px 0 8px 12px;text-align:left;overflow:hidden;} .lst li { padding:4px;margin:0 4px;border-bottom:1px solid #e7e7e7;text-align:left;} .lstprod { list-style:none;margin:8px 0 4px 4px;padding:0;clear:both;position:relative;} .lstprod ul { list-style:none;margin:6px 0 0 0;padding:0;} .lstprod li { font-size:100%;font-weight:normal;position:relative;} .lstprod li li { font-size:80%;font-weight:normal; padding:4px 8px 4px 170px ;margin:0;border-bottom:1px solid #fff;background:url(../img/site_style/203/lstprod.gif) repeat-y -30px 0 #f4f4f4;} .lstprod li li strong { position:absolute;left:8px;padding:0 4px ;} .lstville { list-style:none;padding:0;margin:8px 0;float:left;display:block;text-align:left;width:158px;} .lstville li { font-size:80%;padding:4px;margin:0 4px;border-bottom:1px solid #fff;font-weight:bold;text-align:left;background:#efefef;} .lstville li a { text-decoration:underline;} .lstphR { width:295px;float:right;padding:0;margin:0;} .lstphL { width:295px;float:left;padding:0;margin:0;} .attn { width:210px;height:60px;padding:6px 10px 6px 80px;border:1px solid #cccccc;font-size:70%;background:url(../img/site_style/203/attention.jpg) no-repeat 6px 6px #f4f4f4;float:right;clear:both;} .attn strong { font-size:120%} .att { width:210px;height:60px;padding:6px 10px 6px 80px;border:1px solid #cccccc;position:absolute;right:0px;top:-55px;font-size:70%;background:url(../img/site_style/203/attention.jpg) no-repeat 6px 6px #f4f4f4;} .att strong { font-size:120%} .attention { width:210px;height:60px;padding:6px 10px 6px 80px;border:1px solid #cccccc;font-size:70%;background:url(../img/site_style/203/attention.jpg) no-repeat 6px 6px #f4f4f4;} .attention strong { font-size:120%} .attdef { width:auto;height:60px;padding:6px 10px 6px 80px;border:1px solid #cccccc;font-size:90%;background:url(../img/site_style/203/attention.jpg) no-repeat 6px 6px #f4f4f4;} .attdef strong { font-size:140%} /* UN PRODUIT =========================================================== {{{ */ /* ========================================================================== */ #ec-prt { padding:20px 0 10px 0;} #ec-prt .clr { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} #ec-prt .ec-bkcol1 { float:left;padding:0 10px 10px 0;width:340px;} #ec-prt .ec-bkcol2 { float:left;padding:0;width:343px;position:relative;} #ec-prt .ec-prtx .clr { clear:both;display:inline;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} #ec-prt .ec-bkcol2 .e-buybt { float:left;} #ec-prt .ec-img { float:left;} #ec-prt .ec-img img { display:block;border:0;} #ec-prt .ec-inf { margin:0 0 16px 0;} #ec-prt .ec-ajt form { margin:0;padding:0;} #ec-prt .ec-ajt input { width:30px;} #ec-prt .ec-ajt button { cursor:pointer;} #ec-prt .ec-pht { display:none;} #ec-prt .ec-prtx { } #ec-prt .ec-img a { border:1px solid #cccccc;padding:4px;display:bloc;float:left;position:relative;} #ec-prt .ec-img a:hover { border:1px solid #000;} #ec-prt .ec-img a span { position:absolute;bottom:0px;right:-15px;width:14px;height:16px;z-index:9999;display:block;background:url(../img/site_style/203/pzoom.gif) no-repeat 0 0;} #ec-prt .ec-img a:hover span { background-position:-14px 0;} #ec-prt .ec-prtlst { display:block;clear:both;margin:8px 0;} #ec-prt .ec-lstn0 { display:block;position:relative;} #ec-prt .ec-lstn1 { display:block;position:relative;} #ec-prt .ec-prtlst .ec-prx { float:left;padding:5px 0;} #ec-prt .ec-prtlst .ec-pdet { float:left;padding:5px 0 5px 8px;font-size:90%;} #ec-prt .ec-prtlst .ec-pht { float:right;text-align:right;font-size:100%;padding:1px 0 0 8px;} #ec-prt .ec-prtlst .ec-pht span { font-size:60%;} #ec-prt .ec-prtlst .ec-pttc { float:right;text-align:right;font-size:130%;padding:0 130px 0 8px;} #ec-prt .ec-prtlst .ec-pttc span { font-size:60%;} #ec-prt .ec-prtlst .ec-ajt { float:right;text-align:right;} /* deco -------------------------------------------------------------------- */ #ec-prt .ec-img { padding:0;border:0;background:#fff;} #ec-prt .ec-bktxtcrt { padding: 10px 15px 4px 15px ;margin:0;color:#fff;background:#a4a8ae;} #ec-prt .ec-bktxtcrt p { padding:0;margin:0;} #ec-prt .ec-prx { } #ec-prt .ec-pttc { padding: 5px 15px 5px 15px;font-size:140%;color:#000;background:#e8e8e8;} #ec-prt .ec-prtlst .ec-pttc { background:transparent;} #ec-prt .ec-pttc span { font-size:80%;color:#000;} #ec-prt .ec-mrq { padding: 4px 15px 8px 15px ;margin:0;color:#fff;background:#a4a8ae;} #ec-prt .ec-prtlst { border-bottom:1px solid #ccc;float:left;vertical-align:bottom ;} #ec-prt .ec-lstn0 { border-top:1px solid #ccc;float:left;background:url(../img/site_style/203/lst0.gif) no-repeat 100% 50% #f4f4f4;} #ec-prt .ec-lstn1 { border-top:1px solid #ccc;float:left;background:url(../img/site_style/203/lst1.gif) no-repeat 100% 50% #fff} #ec-prt .ec-bktxtlg { position:relative;} #ec-prt #cxcoul { padding: 5px 15px 5px 15px; color:#000 ;background:#e8e8e8;} #ec-prt #cxcoul p { padding:0;font-size:80%;} #ec-prt #cxcoul img { border:2px solid #fff;padding:0;margin:0 2px;cursor:pointer;} #ec-prt #cxcoul img:hover { border:2px solid #000;} #ec-prt #cxcoul .pc-border { padding:0;margin:0 2px;cursor:pointer;border:2px solid #000;} #ec-prt #cxcoul .pc-no-border { padding:0;margin:0 2px;cursor:pointer;} #ec-prt .choixcoul { position:relative;padding:0;} #ec-prt .choixcoul span { font-size:80%;color:#000;} #ec-prt .choixcoul img { padding:0;margin:0;border:1 px solid #000;} #ec-prt .ec-prtlst img { padding:0;margin:-10px 2px 0 2px;border:1px solid #000;position:relative;top:5px;} /*----- "BOUTON BUY" dans liste de produit */ #ec-prt .ec-ajt { position:relative;top:0px;left:0px;float:none;} #ec-prt .ec-ajt .e-buybt2 { position:relative;z-index:900;} #bx-C-ct .ec-ajt-lst .ec-ajt { position:absolute;top:50%;left:584px;margin:-16px 0 0 0;padding:0;} #bx-C-ct .ec-ajt-lst .ec-ajt .e-buybt2 { position:absolute;top:0px;left:0px;} #bx-C-ct .ec-ptxt { position:relative;} /* ====================================================================== }}} */ /* BOUTON BUY 2 ========================================================= {{{ */ /* ========================================================================== */ .e-buybt2 { height:33px;width:104px;background:url(../img/site_style/203/buy_fd2.gif) no-repeat 100% 6px;padding:0;} /* block buy */ #ec-prt .ec-lstn0 .e-buybt2 { background:url(../img/site_style/203/buy_fd2lst.gif) no-repeat 100% 6px;} /* block buy */ .e-buybth2 { display:none;} .e-buybtb2 { display:none;} .e-buybtc2 { background:transparent;height:auto;width:auto;} .e-buybt2 form { margin:0;padding:0;} #bx-C .ec-ajt .e-buybt2 .e-moins { margin:11px 3px 0 9px;padding:0;border:0;height:13px;width:13px;display:block;background:url(../img/site_style/203/buy_p_m2.gif) no-repeat 0 0;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .ec-ajt .e-buybt2 .e-moins:hover { background-position:0 -13px;} #bx-C .ec-ajt .e-buybt2 .e-plus { margin:11px 0 0 3px;padding:0;border:0;height:13px;width:13px;display:block;background:url(../img/site_style/203/buy_p_m2.gif) no-repeat -13px 0;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .e-buybt2 .e-plus:hover { background-position:-13px -13px;} #bx-C .e-buybt2 input.e-qtsie { margin:9px 0 0 0;height:auto;width:30px;padding:0;border:0;background:#f6f6f6;font-size:14px;text-align:center;font-weight:bold;float:left;line-height:120%;} .e-buybt2 .e-buy-vide { background:url(../img/site_style/203/buy_pan2.gif) no-repeat 0 0;height:32px;width:27px;margin:0;float:left;padding:0;} .e-buybt2 .e-buy-vide:hover { background-position:-27px 0 ;} #ec-prt .ec-lstn0 .e-buybt2 .e-buy-vide { background:url(../img/site_style/203/buy_pan2lst.gif) no-repeat 0 0;} #ec-prt .ec-lstn0 .e-buybt2 .e-buy-vide:hover { background-position:-27px 0 ;} .e-buybt2 .e-buy-plein { background:url(../img/site_style/203/buy_pan2.gif) no-repeat 0 -32px;height:32px;width:27px;margin:0;float:left;padding:0;} .e-buybt2 .e-buy-plein:hover { background-position:-27px -32px;} #ec-prt .ec-lstn0 .e-buybt2 .e-buy-plein { background:url(../img/site_style/203/buy_pan2lst.gif) no-repeat 0 -32px;} #ec-prt .ec-lstn0 .e-buybt2 .e-buy-plein:hover { background-position:-27px -32px;} .e-buybtc2 .buyclr { height:0px;width:90px;clear:both;font-size:0px;line-height:0px;display:block;} /* ====================================================================== }}} */ /* BOUTON BUY =========================================================== {{{ */ /* ========================================================================== */ .e-buybt { height:33px;width:101px;background:url(../img/site_style/203/buy_fd.gif) no-repeat 100% 100%;padding:0;position:relative;} /* block buy */ .e-buybth { display:none;} .e-buybtb { display:none;} .e-buybtc { background:transparent;height:auto;width:auto;} .e-buybt form { margin:0;padding:0;} #bx-C .e-buybt .e-moins { margin:15px 3px 0 9px;padding:0;border:0;height:13px;width:13px;display:block;background:url(../img/site_style/203/buy_p_m2.gif) no-repeat 0 0;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .e-buybt .e-moins:hover { background-position:0 -13px;} #bx-C .e-buybt .e-plus { margin:15px 0 0 3px;padding:0;border:0;height:13px;width:13px;display:block;background:url(../img/site_style/203/buy_p_m2.gif) no-repeat -13px 0;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .e-buybt .e-plus:hover { background-position:-13px -13px;} #bx-C .e-buybt input.e-qtsie { margin:13px 0 0 0;height:auto;width:30px;padding:0;border:0;background:#f6f6f6;font-size:14px;text-align:center;font-weight:bold;float:left;line-height:120%;} .e-buybt .e-buy-vide { background:url(../img/site_style/203/buy_pan2.gif) no-repeat 0 0;height:32px;width:27px;margin:0;float:left;padding:0;} .e-buybt .e-buy-vide:hover { background-position:-27px 0 ;} .e-buybt .e-buy-plein { background:url(../img/site_style/203/buy_pan2.gif) no-repeat 0 -32px;height:32px;width:27px;margin:0;float:left;padding:0;} .e-buybt .e-buy-plein:hover { background-position:-27px -32px;} .e-buybtc .buyclr { height:0px;width:90px;clear:both;font-size:0px;line-height:0px;display:block;} /* ====================================================================== }}} */ /* LE PANIER : pan_resum ================================================ {{{ */ /* ========================================================================== */ #pan-resume { width:173px;height:82px;display:block;font-size:90%;position:relative; background:url(../img/site_style/203/pan1.gif) no-repeat 100% 0;padding:0;} #pan-resume .pan-r-h { display:none;} #pan-resume .pan-r-b { display:none;} #pan-resume .pan-r-cg { margin:0;padding:0;width:100%;background:none;} #pan-resume .pan-r-cd { margin:0;padding:0;width:100%;display:block;background:none;} #pan-resume .pan-resume-lnk { position:absolute;top:0px;left:0px;padding:0;} #pan-resume .pan-resume-lnk a { background-image:url(../img/site_style/203/pan_bt.gif);background-repeat:no-repeat;background-color:transparent;display:block;width:113px;height:12px;padding:70px 0 0 60px;margin:0;font-weight:bold;text-align:left;text-decoration:none;color:#849096;} #pan-resume .pan-resume-lnk a:hover { color:#000;} #pan-resume .p-r-lnk1 { background-position: 0 0;} #pan-resume .p-r-lnk1:hover { background-position: 0 -82px;;} #pan-resume .p-r-lnk2 { background-position: 0 -164px;} #pan-resume .p-r-lnk2:hover { background-position: 0 -246px;} #pan-resume .pan-resume-nbr { padding:16px 4px 0 0 ;text-align:right;font-size:90%;margin:0;color:#000;} #pan-resume .pan-resume-nbr span { color:#849096;font-size:90%;} #pan-resume .pan-resume-nba { padding:0 4px 0 0;text-align:right;font-size:90%;color:#000;} #pan-resume .pan-resume-nba span { color:#849096;font-size:90%;} #pan-resume .pan-resume-tot { padding:6px 4px 0 2px;text-align:right;font-weight:bold;font-size:130%;color:#fff;margin:0;border:0px ;background:transparent;} #pan-resume .pan-resume-tot span { font-size:90%;color:#fff;font-weight:normal;} /* ====================================================================== }}} */ /* LES PRODUITS ========================================================= {{{ */ /* ========================================================================== */ .e-pdlg { clear:both;margin-bottom:15px;float:left;width:100%;} .e-pdbk1 { float:left;} /* block produit niv1 */ .e-pdbk2 { float:left;position:relative;top:0px;left:0px;overflow:hidden;} /* block produit nv2 */ .e-pdcdr { border:1px solid #ccc;padding:4px;} /* cadre */ .e-pdph { text-align:center;display:block;position:relative;} /* block photo */ .e-pdph .e-pdimg img { display:block;margin:0 auto;} /* photo */ .e-pdlk { width:100%;height:100%;display:block;position:absolute;top:0px;left:0px;z-index:80;clear:both;} /* block lien vers produit */ .e-pd-etq1, .e-pd-etq2, .e-pd-etq3, .e-pd-etq4, .e-pd-etq5 { text-align:right;} /* block étiquette */ .e-pd-prx { text-align:right;padding:4px 0 0 0;} /* block prix */ .ec-ajt-decal { height:25px;display:block;position:relative;} /* block décalage */ /* deco -------------------------------------------------------------------- */ .e-pdbk2 { width:204px;margin:0;padding:0 10px;} /* block produit nv2 */ .e-pdph { background:#cccccc;padding:6px;} /* block photo */ .e-pdph .e-pdimg { padding:3px;} /* block photo */ .e-pdds { padding:8px 8px 4px 8px;} /* block titre et marque */ .e-pdds .e-pd-ttr { font-size:100%;padding:0 0 2px 0;border-bottom:1px solid #ccc;position:relative;font-weight:bold;height:1em;overflow:hidden;} /* block titre*/ .e-pdds .e-pd-mrq { font-size:90%;padding:2px 0 2px 0;height:1em; overflow:hidden;} /* block marque*/ .e-pd-txt { font-size:90%;text-align:justify;padding:4px 8px;} /* block texte */ .e-pd-etq1, .e-pd-etq2, .e-pd-etq3, .e-pd-etq4, .e-pd-etq5 { font-weight:bold;background:#000;margin:0;padding:2px 5px;position:absolute;top:5px;left:15px;color:#fff;border:0;border-right:2px solid #fff;border-bottom:2px solid #fff;} /* block étiquette */ .e-pd-etq2 span { text-transform:uppercase;color:#fff;} /* block étiquette promo */ .e-pd-lg1 { font-size:90%;padding:0 8px 0 8px;color:#000;text-align:right;height:1em;float:left;} /* ligne prix */ .e-pd-lg2 { font-size:110%;padding:0 8px 2px 8px;font-weight:bold;color:#000;height:1em;text-align:right;float:right;} /* ligne prix */ .e-pdup .e-pdcdr { border:1px solid #ccc;} .e-pdov .e-pdcdr { border:1px solid #000;} #bx-C .e-pdimg img { border:0;} /* border autour des img */ #bx-C .e-pdlk img { border:0;} /* border autour des img */ .e-pdlg { clear:both;margin-bottom:15px;float:left;width:100%; font-size:80%;} .e-pdph { text-align:center;display:block;position:relative;overflow:hidden;} /* block photo */ .e-pd-prx { text-align:right;padding:4px 0 0 0;height:1em;} /* block prix */ .ec-ajt-decal { height:30px;display:block;position:relative;bottom:-5px;right:-5px;clear:both;background:url(../img/site_style/203/angle.gif) no-repeat 100% 100%;} /* block décalage */ /*-----position "BOUTON BUY" dans le cadre */ #bx-C-ct .ec-ajt-posi { position:absolute;bottom:0px;right:10px;z-index:900;background:url(../img/site_style/203/buy_fnd.gif) no-repeat 100% 100%;padding:0 1px 1px 0;} #bx-C-ct .ec-ajt-posi .ec-ajt form { margin:0;padding:0;} /* ==================================================================== Exception Question -------------------------------------------------------------------- */ #bx-C #question h1 { font-size:1.2em;padding:4px 0 2px 0;margin:16px 0 0 0;border-bottom:1px solid #ccc;} #bx-C #question h2 { font-size:1.2em;padding:4px 0 2px 0;margin:6px 0 20px 0;border-bottom:1px solid #ccc;} #bx-C #question h3 { font-size: 1em;padding:4px 0 2px 0;margin:6px 0 20px 0;border-bottom:1px solid #ccc;} #bx-C #question h4 { font-size: 1em;padding:4px 0 2px 0;margin:6px 0 20px 0;border-bottom:1px solid #ccc;} #bx-C #question h5 { font-size: 1em;padding:2px 0 2px 0;margin:6px 0 20px 0;border-bottom:1px solid #ccc;} #bx-C #question form { margin:10px 0;} #bx-C #question form div { margin:0 0 6px 0;clear:none;background:#efefef;} #bx-C #question form span { width:160px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #bx-C #question form input { width:200px;padding:3px;margin-right:10px;} #bx-C #question form input.radio { width:20px;margin-right:0;border:none;} #bx-C #question form select { border:1px solid #000;padding:0px;margin-right:10px;} #bx-C #question form textarea { border:1px solid #000;width:280px;padding:3px;} #bx-C #question form button { cursor:pointer;} #bx-C #question button span { width:auto;padding:0;margin:0px;float:none;text-align:center;} #bx-C #question form p { margin:0 0 6px 0;padding:2px 6px 2px 174px;background:#efefef;} #bx-C #question .question-btn { background:none;} #bx-C #question .separat { margin:0;} /* ==================================================================== Structure -------------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;} html { background:#a8a8a8;} body { text-align:center;font-size:13px;font-family:Arial;height:auto;width:auto;display:block;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:990px;display:block;text-align:left; background:url(../img/site_style/203/ombre.gif) repeat-y 50% 0;} #horizon { } #b1 { float:right;width:695px;position:relative;right:40px;} #b2 { float:left;width:978px;height:29px;display:block;margin-right:-100%;position:relative;top:-120px;left:0px;z-index:999;} #b3 { float:left;width:174px;padding:10px 0 0 0;position:relative;left:35px;} #b4 { float:left;width:174px;clear:left;display:none;} #m-d1 { background:url(../img/site_style/203/main.gif) no-repeat;position:absolute;top:0px;left:0px;width:990px;height:12px;display:block;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#384249;text-decoration:none;} a:hover { color:#a21935;} p { padding:8px 4px; margin:4px 0;text-align:justify;} .clr { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .cleaner { clear:both;display:block;height:10px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .nocss { display:none;} .nohr { display:none;clear:both;} .code { background:#E8E8E8;padding:6px;border:1px solid #A7A9AB} /* ==================================================================== header -------------------------------------------------------------------- */ #mh { display:block;height:240px;width:968px;position:relative;top:12px;left:11px;background:url(../img/site_style/203/mh.gif) repeat-x;} #logo { position:absolute;top:24px;left:24px;z-index:9999;display:block;cursor:pointer;} #mh-d1 { display:block;height:58px;width:149px;background:url(../img/site_style/203/azur.gif) no-repeat;position:absolute;top:20px;right:18px;} #mh-d2 { display:block;height:79px;width:545px;background:url(../img/site_style/203/citation.gif) no-repeat 20px 50%;position:absolute;bottom:0px;right:1px;} #mh p { padding:0;margin:0;} .logo { position:absolute;top:24px;left:24px;z-index:9999;display:block;} .moncmpt { position:absolute;top:87px;right:53px;z-index:900;display:block;color:#63696d;font-size:80%;} .moncmpt a { color:#b6b5b5;} .moncmpt a:hover { color:#fff;text-decoration:none;} .mofh { display:block;height:81px;width:97px;position:absolute;bottom:0px;right:0px;} .moftxt { display:block;height:27px;width:205px;position:absolute;top:205px;left:4px;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { position:absolute;top:100px;right:14px;z-index:2000;float:left;} #lg a, #lg span { border:1px solid #fff;} /* =====menu utilisateur -- */ #mu { display:none;position:absolute;top:126px;right:10px;z-index:800;color:#545454;font-size:10px;} #mu a { color:#545454;} #mu a:visited { color:#000;} #mu a:hover { color:#B90000;text-decoration:none;} /* ===== chemin -- */ #bx-P { position:absolute;top:12px;left:0px;color:#b7b7b7;padding:0;font-size:80%;z-index:900;} #bx-P a { color:#b7b7b7;text-decoration:none;} #bx-P a:hover { color:#000;text-decoration:underline;} #bx-P-ct { height:1em;overflow:hidden;background:transparent;padding:5px;} #bx-P-ct:hover { height:auto;overflow:visible;display:block;background:#fff;} /* ==================================================================== content -------------------------------------------------------------------- */ /* ===bx-C*/ #bx-C { color:#536371;font-size:100%;} #bx-C .sanscdr { padding:8px 0;} #bx-C .sanscdr img { border:0;padding:0;marin:0;} #bx-C img { padding:6px;} #bx-C ul { text-align:justify;} #bx-C ol { text-align:justify;} #bx-C h1 { font-size:160%;padding:14px 0 8px 0;margin:16px 0 0 0;} #bx-C h2 { font-size:140%;padding:4px 0 2px 0;margin:12px 0 2px 0;border-bottom:1px solid #536371;} #bx-C h3 { font-size:120%;padding:4px 0 2px 0;margin:10px 0 2px 0;} #bx-C h4 { font-size:110%;padding:4px 0 2px 0;margin:8px 0 2px 0;} #bx-C h5 { font-size:100%;padding:2px 0 2px 0;margin:6px 0 2px 0;} #bx-C table { border:1px solid #314F65;border-collapse:collapse;margin:20px 0;width:100%;} #bx-C th { border:1px solid #314F65;background-color:#e8e8e8;} #bx-C td { border:1px solid #314F65;} #bx-C form { margin:20px 0;} #bx-C form div { margin:0 0 6px 0;clear:both;} #bx-C form span { width:120px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #bx-C form input { border:1px solid #000;width:160px;padding:3px;margin-right:10px;} #bx-C form input.radio { width:20px;margin-right:0;} #bx-C form select { border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { border:1px solid #000;width:280px;padding:3px;} #bx-C form button { cursor:pointer;} #bx-C button span { width:auto;padding:0;margin:0px;float:none;text-align:center;} #ct-form div { margin:0 0 6px 0;} #ct-form span { width:80px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} /* ==================================================================== menu principal (M) -------------------------------------------------------------------- */ #bx-M { float:left;width:769px;height:auto;position:relative;top:0px;left:210px;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0} #bx-M li { float:left;position:relative;padding:0;} #bx-M #ul0 li { border:0px;} #bx-M ul a { float:left;height:29px;line-height:29px;padding:0 10px 0 10px;text-decoration:none;color:#000;position:relative;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6-- */ #bx-M a:hover { color:#fff;background-color:#474747;} #bx-M li:hover { background:url(../../img/site_style/203/menu.gif) no-repeat 0 21px; } #bx-M li:hover div>ul { display:block; } /*--pour moz prb IE6-- */ #bx-M li:hover>ul { display:block; } /*--pour moz prb IE6-- */ #bx-M #m-do-p { color:#000;background:#fff;} #bx-M #m-do-p:hover { color:#fff;background-color:#474747;} #bx-M li div { width:150px;position:absolute;left:0px;top:100%;background:url(../img/site_style/319/mp_div.gif) no-repeat 1px bottom transparent;padding:0;margin:0;z-index:999999;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #bx-M ul ul { position:relative;top:0px;left:0px;width:150px;height:auto;display:none;float:left;margin-bottom:0;padding:0;background:#a8a8a8;;border:1px solid #a8a8a8;font-size:90%;} #bx-M ul ul li { width:150px;height:auto;padding:0;position:relative;left:0px;top:-1px;border:0;background:transparent;float:left;} #bx-M ul ul a { width:134px;height:auto;padding:2px 14px 2px 2px;line-height:1em;display:block;background:transparent;color:#fff;} #bx-M ul ul a:hover { background:#474747;color:#fff;} #bx-M ul ul span { width:134px;height:auto;padding:2px 14px 2px 2px;line-height:1em;display:block;text-align:left;cursor:pointer;} #bx-M ul ul li #m-do-s { background-color:#000;color:#fff;} #bx-M ul ul li #m-do-s:hover { background-color:#474747;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/203/subms.gif) no-repeat 100% -202px;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/203/subms.gif) no-repeat 100% -202px #474747;} #bx-M ul ul li #m-do-s.subm-s { background:url(../img/site_style/203/subms.gif) no-repeat 100% -202px #000;} #bx-M ul ul li #m-do-s.subm-s:hover { background:url(../img/site_style/203/subms.gif) no-repeat 100% -202px #474747;} #bx-M ul ul ul { float:left;position:absolute;top:4px;left:100%;padding:0;margin:0;} #bx-M ul ul ul ul { float:left;position:absolute;top:4px;left:100%;} #bx-M ul#ul5 li div ,#bx-M ul#ul6 li div ,#bx-M ul#ul7 li div { width:150px;position:absolute;left:-100%;top:100%;} #bx-M ul#ul5 ul ,#bx-M ul#ul6 ul ,#bx-M ul#ul7 ul { position:relative;top:0px;right:0px;} #bx-M ul#ul5 ul ul ,#bx-M ul#ul6 ul ul ,#bx-M ul#ul7 ul ul { position:absolute;top:4px;left:-100%;} #bx-M ul#ul5 ul ul ul,#bx-M ul#ul6 ul ul ul,#bx-M ul#ul7 ul ul ul { position:absolute;top:4px;left:-100%;} /* ==================================================================== menu secondaire (N) -------------------------------------------------------------------- */ #b3-av { padding:0;width:174px;position:relative;left:0px;} #bx-N { width:auto;padding:0 0 12px 0;margin:0 0 6px 0;} #bx-N ul { list-style:none;margin:0;padding:0;position:relative;} #bx-N li { width:174px;height:auto;display:block;text-align:left;padding:0;} #bx-N a { width:166px;height:auto;display:block;padding:3px 0px 3px 10px;text-decoration:none;color:#8c8c8c;clear:both;background:url(../img/site_style/203/N_bt.gif) no-repeat 0 10px;texte-align:justify;font-size:90%;} #bx-N a:hover { color:#000;background:url(../img/site_style/203/N_bt.gif) no-repeat -200px 10px;} #bx-N span { width:166px;height:auto;display:block;padding:3px 0px 3px 10px;background:url(../img/site_style/203/N_bt.gif) no-repeat -400px 10px;texte-align:justify;font-size:90%;} #bx-N li#ms-rt { padding:0;line-height:0;font-size:0;background:transparent;} #ms-rt li { } #ms-rt a { width:174px;height:24px;display:block;background:url(../img/site_style/203/msrt.gif) no-repeat 0 50% #e8e8e8;padding:0;margin:0;border:0;} #ms-rt a:hover { background:url(../img/site_style/203/msrt.gif) no-repeat -174px 50% #F7F7F7;} #ms-rt span { width:174px;height:24px;display:block;background:url(../img/site_style/203/msrt.gif) no-repeat -348px 50% #E8E8E8;padding:0;margin:0;border:0;} #ms-rt span.nocss { display:none;} /* ==================================================================== sous-menu (O) -------------------------------------------------------------------- */ #bx-O { width:174px;padding:0;margin:0px 0 10px 0px;clear:both;} #bx-O-ct { border-top:1px solid #ccc;background:url(../img/site_style/203/o.gif) no-repeat;padding-top:9px;} #bx-O ul { padding:5px;margin:0;text-align:left;width:auto;list-style:none;} #bx-O li { margin:0;padding:0;display:block;} #bx-O a { padding:3px 4px;margin:0;width:auto;display:block;text-decoration:none;color:#7C878C;font-size:90%;} #bx-O a:hover { background-color:#B5C1C6;color:#000;} #bx-O li#lio-0 { background:transparent;} #bx-O span { padding:1px 6px;display:block;} /* ==================================================================== encart -------------------------------------------------------------------- */ #b3 .bx-E { margin:8px 0 6px 0;} #b3 .bx-E p { padding:8px;margin:0;} #b3 .bx-E img { border: 0px;} /* ==================================================================== footer -------------------------------------------------------------------- */ #cleaner-ft { clear:both;height:0px;font-size:0px;line-height:0px;} #ft { position:relative;top:0px;left:0px;width:990px;font-size:12px;display:block; background:url(../img/site_style/203/footer.gif) no-repeat 0 0 #A4A8AE;} #ft-ct { width:100%;padding:10px 0 10px 0;} #ft p { padding:2px 20px;margin:0;color:#E7E8E9;position:relative;z-index:400;text-align:center;} #ft a { color:#E7E8E9;text-decoration:underline;} #ft a:hover { color:#fff;text-decoration:underline;} /* ==================================================================== pages plan du site (pds) et derniers changements (dch) -------------------------------------------------------------------- */ #pds { width:100%;display:block;} #pds ul { padding:0;margin:6px 0;width:100%;} #pds li { padding:4px 0 4px 6px;margin:6px 0;width:auto;list-style:none;} #pds ul ul { padding:0 0 0 20px;width:auto} #pds ul ul li { padding:0;list-style:decimal;} #pds ul a { padding:0 0 6px 0;margin:0 0 10px 0;font-weight:bold;width:100%;border-bottom:1px solid #000;display:block;} #pds ul ul a { font-weight:normal;padding:0;margin:0;border:0;display:inline;} #dch h3 { border-bottom:1px solid #000;} #dch ul { padding:2px 0 0 0;margin:0 0 12px 12px;list-style:none;} #dch li { padding:2px 0 0 0;margin:0 0 0 12px;} /* ==================================================================== Exception Calendar -------------------------------------------------------------------- */ #mycalend { padding:0 0 6px 3px;} #mycalend .calend-hier { background:url(../img/site_style/203/calend.gif) no-repeat 0 0;color:#B4B3B3;} #mycalend .calend-today { background:url(../img/site_style/203/calend.gif) no-repeat 0 -20px;} #mycalend .calend-event { background:url(../img/site_style/203/calend.gif) no-repeat 0 -40px;} #mycalend .calend-event-d { background:url(../img/site_style/203/calend.gif) no-repeat 0 -80px ;} #mycalend .calend-vide { background:url(../img/site_style/203/calend.gif) no-repeat 0 -120px ;}