/*================================================================================================================== //===( Copyright 2008 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ #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 .box { background:url(../img/page/1/fond_home.jpg) no-repeat;padding:5px 426px 4px 15px; width:284px;height:200px; display:block;font-size:120%;margin:8px 0;} #bx-C .box h2 { border-bottom:3px dotted #fff;color:#fff;} #bx-C .box p { color:#000;} #cxcoul{} .w2x-left { float:left; padding: 0 20px 20px 0;margin:0;} .w2x-right { float:right; padding: 0 0 20px 20px;margin:0;} .w2x-center { display:block; margin:0 auto;} #bx-C .e-pdbk2 { margin:0 4px;} /* block produit niv1 */ /* ====================================================================== }}} */ /* BOUTON BUY =========================================================== {{{ */ /* ========================================================================== */ .pc-border { border:1px solid white; cursor:pointer;} .pc-no-border { border:1px solid black;cursor:pointer; } .e-buybt { height:auto;width:auto;} /* 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 { display:none;} #bx-C .e-buybt .e-moins:hover { display:none;} #bx-C .e-buybt .e-plus { margin:0;padding:0;border:0;height:27px;width:90px;display:block;background:url(../img/site_style/2/buy_p_m.gif) no-repeat 0 2px #000;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .e-buybt .e-plus:hover { background-position:0 -25px;} #bx-C .e-buybt input.e-qtsie { display:none;} .e-buybt .e-buy-vide { background:url(../img/site_style/2/buy_pan.gif) no-repeat 0 0;height:27px;width:24px;margin:0;float:left;padding:0px;} .e-buybt .e-buy-vide:hover { background-position:-24px 0;} .e-buybt .e-buy-plein { background:url(../img/site_style/2/buy_pan.gif) no-repeat 0 -27px;height:27px;width:24px;margin:0;float:left;padding:0px;} .e-buybt .e-buy-plein:hover { background-position:-24px -27px;} .e-buybtc .buyclr { height:0px;width:95px;clear:both;font-size:0px;line-height:0px;display:block;} /* ====================================================================== }}} */ /* BOUTON BUY 2 ========================================================= {{{ */ /* ========================================================================== */ .e-buybt2 { height:auto;width:auto;} /* block buy 2*/ .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 .e-buybt2 input.e-moins { display:none;} #bx-C .e-buybt2 .e-moins:hover { display:none;} #bx-C .e-buybt2 input.e-plus { margin:0;padding:0;border:0;height:27px;width:90px;display:block;background:url(../img/site_style/2/buy_p_m.gif) no-repeat 0 2px #000;float:left;cursor:pointer;font-size:0;line-height:600px;} #bx-C .e-buybt2 .e-plus:hover { background-position:0 -25px;} #bx-C .e-buybt2 input.e-qtsie { display:none;} .e-buybt2 .e-buy-vide { background:url(../img/site_style/2/buy_pan.gif) no-repeat 0 0;height:27px;width:24px;margin:0;float:left;padding:0px;} .e-buybt2 .e-buy-vide:hover { background-position:-24px 0;} .e-buybt2 .e-buy-plein { background:url(../img/site_style/2/buy_pan.gif) no-repeat 0 -27px;height:27px;width:24px;margin:0;float:left;padding:0px;} .e-buybt2 .e-buy-plein:hover { background-position:-24px -27px;} .e-buybtc2 .buyclr { height:0px;width:95px;clear:both;font-size:0px;line-height:0px;display:block;} #pan-resume .pan-resume-lnk a { background-image:url(../img/site_style/2/panresumelnk.gif);} #pan-resume .pan-resume-nbr { padding:0 3px;text-align:right;font-weight:bold;font-size:100%;margin:-8px 0 0 0;color:#000;} #pan-resume .pan-resume-nbr span { color:#717171;font-size:80%;} #pan-resume .pan-resume-nba { padding:0 3px;text-align:right;font-weight:bold;font-size:100%;color:#000;} #pan-resume .pan-resume-nba span { color:#717171;font-size:80%;} .logm { float:left;width:33%;text-align:center;padding:0;margin:0;} #ec--10 { padding:10px 0;} #ec--10 p { padding:4px 6px;margin:0;text-align:center;font-weight:bold;font-size:90%} #ec--10 p.tel { font-size:150%;} #ec--10 p.tel strong { color:#9caed5;} #ec--10 p.mag { text-align:center;padding:0;} #ec--10 p.mag strong { color:#9caed5;} #ec--10 p.cont { text-align:center;padding:0;} #ec--10 p.cont strong { color:#9caed5;} #laap { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/div/laap2.png',sizingMethod='scale');} .rub-any>#laap { background:url(../../img/div/laap2.png) no-repeat;filter:none} #laapBL { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/div/laapbl2.png',sizingMethod='scale');} body>#laapBL { background:url(../../img/div/laapbl2.png) no-repeat;filter:none} /* -ecom ----------------------------------------------------------- */ #pan { color:#000;} #pan #ligne a { color:#c8c8c7;} #pan #ligne a:hover span { color:#fff;} #pan #ligne div span { color:#fff;} #ligne1a, #ligne1b, #ligne1a-, #ligne1b- { height:62px;width:66px;display:block;position:absolute;left:0px;top:0px;} #ligne1a { background:url(../img/site_style/2/ligne1.gif) no-repeat 0 0 ;} #ligne1a:hover, #ligne1a- { background:url(../img/site_style/2/ligne1.gif) no-repeat 0 -62px;} #ligne1b { background:url(../img/site_style/2/ligne1.gif) no-repeat 0 -124px;} #ligne1b:hover, #ligne1b- { background:url(../img/site_style/2/ligne1.gif) no-repeat 0 -186px;} #ligne2a, #ligne2b, #ligne2a-, #ligne2b- { height:62px;width:66px;display:block;position:absolute;left:150px;top:0px;} #ligne2a { background:url(../img/site_style/2/ligne2.gif) no-repeat 0 0 ;} #ligne2a:hover, #ligne2a- { background:url(../img/site_style/2/ligne2.gif) no-repeat 0 -62px;} #ligne2b { background:url(../img/site_style/2/ligne2.gif) no-repeat 0 -124px;} #ligne2b:hover, #ligne2b- { background:url(../img/site_style/2/ligne2.gif) no-repeat 0 -186px;} #ligne3a, #ligne3b, #ligne3a-, #ligne3b- { height:62px;width:66px;display:block;position:absolute;left:300px;top:0px;} #ligne3a { background:url(../img/site_style/2/ligne3.gif) no-repeat 0 0 ;} #ligne3a:hover, #ligne3a- { background:url(../img/site_style/2/ligne3.gif) no-repeat 0 -62px;} #ligne3b { background:url(../img/site_style/2/ligne3.gif) no-repeat 0 -124px;} #ligne3b:hover, #ligne3b- { background:url(../img/site_style/2/ligne3.gif) no-repeat 0 -186px;} #ligne4a, #ligne4b, #ligne4a-, #ligne4b- { height:62px;width:66px;display:block;position:absolute;left:450px;top:0px;} #ligne4a { background:url(../img/site_style/2/ligne4.gif) no-repeat 0 0 ;} #ligne4a:hover, #ligne4a- { background:url(../img/site_style/2/ligne4.gif) no-repeat 0 -62px;} #ligne4b { background:url(../img/site_style/2/ligne4.gif) no-repeat 0 -124px;} #ligne4b:hover, #ligne4b- { background:url(../img/site_style/2/ligne4.gif) no-repeat 0 -186px;} .e-pd-lg1 { text-align:right} /* ligne prix */ .e-pd-lg2 { text-align:right} /* ligne prix */ .e-pd-etq1, .e-pd-etq2, .e-pd-etq3, .e-pd-etq4, .e-pd-etq5 { border-top:1px solid #232323;border-bottom:1px solid #232323;font-weight:bold;background:#2a2a2a;margin:0 6px;padding:2px 0;position:relative;} /* block étiquette */ .e-pdcdr { border:1px solid #2e2e2e;} .e-pdup .e-pdcdr { border:1px solid #2e2e2e;} .e-pdov .e-pdcdr { border:1px solid #fff;} #ec-prt .ec-lstn0 { border-top:1px solid #ccc;float:left;background:transparent;} /* ----------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;height:100%;} body { text-align:center;font-size:12px;font-family:Arial,Helvetica,Sans-Serif;background:url(../img/site_style/2/fond.gif) repeat 50% 0 #000;color:#fff;} #main { position:relative;top:0px;left:0px;margin:0 auto 10px auto;width:990px;display:block;text-align:left;background:url(../img/site_style/2/main.gif) repeat-y 50% 0;} #b1 { float:right;width:790px;} #b2 { float:left;width:990px; height:34px; margin-right:-990px;position:relative;top:-49px;left:0px;z-index:9999;} #b3 { float:left;width:200px;margin-right:-990px;} #wrapper { margin:0 0 24px 0;width:990px;} .rub-any { background:url(../img/site_style/2/effect.gif) no-repeat 50% 233px;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#fff;text-decoration:underline;} a:hover { color:#f6d98c;} p { padding:8px 4px; margin:8px 0;text-align:justify;} .cleaner { clear:both;display:block;height:20px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .nocss { display:none;} .nohr { display:none;clear:both;} /* ==================================================================== header -------------------------------------------------------------------- */ #mh { display:block;height:283px;width:100%;background:url(../img/site_style/2/head.jpg) no-repeat;} #mh p { padding:0;margin:0;} #mh p.moncmpt { padding:0 6px 0 25px;margin:0;background:url(../img/site_style/2/mon_compte.gif) no-repeat;position:absolute;top:216px;right:9px;z-index:900;line-height:17px;height:17px;font-size:90%;} #mh .moncmpt a { color:#c8c8c7;text-decoration:none;} #mh .moncmpt a:hover { color:#fff;} .logo { position:absolute;top:36px;left:9px;z-index:900;display:block;cursor:pointer;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { display:none;} /* =====menu utilisateur -- */ #mu { position:absolute;top:274px;right:16px;z-index:800;color:#000;font-size:10px;} #mu a { color:#4f4f4f;text-decoration:none;} #mu a:hover { color:#fff;text-decoration:underline;} /* ==================================================================== chemin -------------------------------------------------------------------- */ #bx-P { color:#4f4f4f;padding:0 0 4px 10px;font-size:90%} #bx-P a { color:#4f4f4f;text-decoration:none;} #bx-P a:hover { color:#fff;text-decoration:underline;} /* ==================================================================== content -------------------------------------------------------------------- */ #bx-C { padding:0 49px 0 10px;font-size:110%;} /* ===b1-ct-1*/ #bx-C h1 { color:#fff;font-size:130%;padding:2px 0 8px 0;margin:0;border-bottom:1px solid #666e82;} #bx-C h1 strong, #bx-C h1 b { font-weight:normal;font-size:80%;} #bx-C h2 { color:#fff;font-size:120%;padding:8px 0 8px 0;margin:8px 0 2px 0;border-bottom:1px solid #666e82;} #bx-C h2 strong { font-weight:normal;font-size:80%;} #bx-C h3 { color:#fff;font-size:110%;padding:6px 0 6px 0;margin:6px 0 2px 0;} #bx-C h4 { color:#fff;font-size:100%;padding:4px 0 4px 0;margin:4px 0 2px 0;} #bx-C h5 { color:#fff;font-size:100%;padding:4px 0 4px 0;margin:2px 0 2px 0;} #bx-C table { border:1px solid #afafaf;border-collapse:collapse;margin:20px 0;width:100%;} #bx-C td { border:1px solid #afafaf;} #bx-C th { background-color:#8a8989;border:1px solid #afafaf;} #bx-C form { margin:20px 0;} #bx-C form div { margin:0 0 6px 0;clear:both;} #bx-C form span { width:160px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #bx-C form input { background:#b8b8b8;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 { background:#b8b8b8;border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { background:#b8b8b8;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;} #ct-form div.btpan1 { line-height:1em;height:auto;width:auto;margin:auto;padding:auto;border:auto;background:transparent;} #ct-form div.btpan2 { line-height:1em;height:auto;width:auto;margin:auto;padding:3px 0;border:auto;background:transparent;} /* ==================================================================== menu principal (M) -------------------------------------------------------------------- */ #bx-M { width:972px;height:auto;position:relative;top:0px;left:9px;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0;padding:0 8px;} #bx-M li { float:left;position:relative;} #bx-M a { float:left;height:38px;line-height:38px;padding:0 6px;text-decoration:none;color:#bebebe;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { color:#fff;} #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 { background:url(../img/site_style/2/menu_p_down.gif) no-repeat 50% 100%;color:#f6d98c;} #bx-M #m-do-p:hover { background:url(../img/site_style/2/menu_p_down.gif) no-repeat 50% 100%;color:#fff;} #bx-M li div { width:150px;position:absolute;left:0px;top:100%;padding:0;margin:0;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #bx-M ul ul { width:150px;height:auto;position:relative;top:0px;left:0px;float:left; border:1px solid #000;border-top:1px solid #fff;background:#fff;display:none;padding:0;} #bx-M ul ul li { width:150px;height:auto;padding:0;position:relative;left:0px;top:0px;border:0;background:transparent;float:left;} #bx-M ul ul span { width:130px;height:auto;padding:4px 14px 4px 6px;text-align:left;display:block;cursor:pointer;} #bx-M ul ul a { width:150px;height:auto;line-height:1em;padding:0;color:#000;display:block;} #bx-M ul ul a:hover { background:#efc145;color:#fff;} #bx-M #m-do-s { background-color:#f6d98c;color:#000;} #bx-M #m-do-s:hover { background-color:#efc145;color:#fff;} #bx-M ul ul #m-do-p { background-color:#f6d98c;color:#000;} #bx-M ul ul #m-do-p:hover { background-color:#efc145;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/2/subms.gif) no-repeat 100% 0;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/2/subms.gif) no-repeat 100% -200px #efc145;color:#fff;} #bx-M ul ul li #m-do-s.subm-s { background-position:100% 0;} #bx-M ul ul li #m-do-s.subm-s:hover { background-position:100% -200px;color:#fff;} #bx-M ul ul ul { border:1px solid #000;position:absolute;top:3px;left:150px;z-index:800;} #bx-M ul ul ul ul { border:1px solid #000;position:absolute;top:3px;left:150px;} /* ==================================================================== menu secondaire (N) -------------------------------------------------------------------- */ #b3-av { padding:4px 0 0 9px;width:150px;} #bx-N { width:170px;position:relative;} #bx-N ul { width:170px;list-style:none;margin:0;padding:10px 0 10px 0;} #bx-N li { width:170px;height:auto;display:block;} #bx-N a { width:138px;height:auto;color:#bebebe;display:block;padding:4px 0 4px 22px;margin:0;text-decoration:none;} #bx-N a:hover { color:#fff;} #bx-N span { width:138px;height:auto;background:url(../img/site_style/2/menu_s_down.gif) no-repeat 0 50%; display:block;padding:4px 0 4px 22px;margin:0;color:#f6d98c;} #bx-N a.mn-d { width:138px;height:auto;background:url(../img/site_style/2/menu_s_down.gif) no-repeat 0 50%; display:block;padding:4px 0 4px 22px;margin:0;color:#f6d98c;} #bx-N #ms-rt { display:none;} #bx-N ul li#ms-rt { width:25px;height:25px;} #bx-N #ms-rt a { width:25px;height:25px;display:block;background:url(../img/site_style/2/msrt.gif) no-repeat 0 0;padding:0;margin:0;position:relative;top:-2px;left:107px;z-index:200;} #bx-N #ms-rt a:hover { background-position:-25px 0;} #bx-N #ms-rt span { width:25px;height:25px;display:block;background:url(../img/site_style/2/msrt.gif) no-repeat -50px 0;padding:0;margin:0;position:relative;top:-2px;left:107px;z-index:200;} #bx-N #ms-rt span.nocss { display:none;} /* ==================================================================== sous-menu (O) -------------------------------------------------------------------- */ #bx-O { padding:0 0 0 9px;width:150px;background:url(../img/site_style/2/menu_o.gif) repeat-y ;margin-bottom:15px;} #bx-O ul { width:150px;list-style:none;margin:0;padding:10px 0 10px 0;} #bx-O li { width:150px;height:auto;display:block;} #bx-O a { width:93px;height:auto;color:#bebebe;display:block;padding:4px 10px 4px 13px;margin:0;text-decoration:none;} #bx-O a:hover { color:#fff;} /* ==================================================================== encart -------------------------------------------------------------------- */ .bx-E { padding:0 0 0 8px;margin:6px 0 0 0;clear:both;background:url(../img/site_style/2/encart_fd.gif) repeat-y;} .bx-E p { padding:10px 4px;margin:0;} #ec--2 { background:none;padding:0 0 0 10px;} /* ==================================================================== footer -------------------------------------------------------------------- */ #ft { position:relative;width:100%;display:block;background:url(../img/site_style/2/footer_fd.gif) repeat-y 9px 0;} #ft-av { width:100%;background:url(../img/site_style/2/footer_fd2.jpg) no-repeat 9px 0;font-size:80%;padding:8px 0;} #ft p { color:#c9c9c9;padding:2px 50px;margin:0;text-align:center;width:890px;position:relative;z-index:400;} #ft a { color:#c9c9c9;} #ft a:hover { color:#f6d98c;} #ft .copy { position:absolute;top:-25px;} #ft-d1 { position:absolute;bottom:-8px;width:990px;height:8px;background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/2/footer_deco.png',sizingMethod='image');} #ft-av>#ft-d1 { background:url(../img/site_style/2/footer_deco.png) no-repeat;filter:none;} /* ==================================================================== pages plan du site (pds) et derniers changements (dch) -------------------------------------------------------------------- */ #pds ul { padding:0;margin:6px 0;list-style:none;} #pds li { padding:4px 0 4px 10px;margin:6px 0;} #pds ul ul { padding:0 0 0 20px;} #pds ul ul li { padding:0 0 0 10px;} #pds ul a { padding:0 0 0 10px;margin:0;background:url(../img/site_style/2/li6.gif) no-repeat -792px 50%;width:100%;display:block;} #pds ul a:hover { background:url(../img/site_style/2/li6.gif) no-repeat 0px 50%;} #pds ul a { font-weight:bold;} #pds ul ul a { font-weight:normal;padding:0 0 0 10px;} #dch ul { padding:2px 0 0 0;margin:0;list-style:none;} #dch li { padding:0 0 2px 0;margin:0 0 0 24px;}