/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /* ==================================================================== exep. -------------------------------------------------------------------- */ .intro { color:#e68200;font-size:120%;} .cadre { padding:8px;font-size:180%;text-align:center;color:#62453f;background:url(../img/site_style/203/etoile.jpg) repeat 50% 50% #fcede7;border-top:1px solid #ab250c;border-bottom:1px solid #ab250c;} .cadre strong { font-size:110%;color:#9a1800;} .tel { color:#811400;font-size:160%;text-align:center;} .tel strong { padding:4px 8px;background:#fcede7;border:1px solid #ab250c;} #bx-C .cntl { float:left;width:45%;} #bx-C .cntr { float:right;width:45%;} /* google map ===== */ #ggmap { margin:8px 0 0 0;width:500px;height:350px;left:10px;} .maptxt { font-size:90%;width:500px; padding:0 0 0 10px;} /* ==================================================================== -------------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;height:100%;} html>body #main { height:auto;} html { background:url(../img/site_style/203/fond.gif) repeat-y 50% 0 #E7E7E7;} body { text-align:center;font-size:12px;font-family:Arial,Helvetica,Sans-Serif;background:url(../img/site_style/203/fond2.jpg) repeat-x 50% 0;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:760px;height:100%;min-height:100%;display:block;text-align:left; background:#fff;border-left:1px solid #000;border-right:1px solid #000;} html>#main { height:auto;} #horizon { position:absolute;top:0px;left:0px;height:100%;width:100%;} #b1 { float:left;width:75%;margin-left:25%;position:relative;z-index:4;} * html #b1 { display:inline;} #b2 { float:left;width:0%;} #b3 { float:left;width:25%;margin-left:-100%;} #wrapper { margin:0 0 14px 0;width:760px;} #d1 { position:absolute;top:0px;left:0px;height:100%;width:100%;background:url(../img/site_style/203/fond3.jpg) no-repeat 50% 0;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#C95F00;text-decoration:underline;} a:visited { color:#6F2B0C;} a:hover { color:#A20000;} 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:144px;width:100%;border-bottom:1px solid #000;background:url(../img/site_style/203/mh.jpg);} #mh-d1 { display:block;height:144px;width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/header.png',sizingMethod='scale');} #mh-av>#mh-d1 { background:url(../img/site_style/203/header.png) no-repeat;} #logo { position:absolute;top:28px;left:18px;z-index:900;display:block;cursor:pointer;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { position:absolute;top:160px;left:26px;z-index:2000;} /* =====menu utilisateur -- */ #mu { position:absolute;top:1px;right:10px;z-index:800;color:#000;font-size:10px;} #mu a { color:#000;text-decoration:none;} #mu a:visited { color:#000;} #mu a:hover { color:#776277;text-decoration:underline;} /* ==================================================================== chemin -------------------------------------------------------------------- */ #bx-P { color:#4B4B6F;padding:4px 0 10px 0;} #bx-P a { color:#8888A7;text-decoration:none;} #bx-P a:hover { color:#000;text-decoration:underline;} /* ==================================================================== content -------------------------------------------------------------------- */ #b1-av { float:left;width:520px;display:block;} /* ===b1-ct-1*/ #bx-C h1 { color:#AB250C;font-size:160%;padding:2px 0 6px 22px;margin:0; background:url(../img/site_style/203/h1.png) no-repeat left 50%;} #bx-C h2 { color:#000;font-size:130%;padding:4px 0 2px 20px;margin:8px 0 8px 0; background:url(../img/site_style/203/h2.png) no-repeat left 50%;border-bottom:2px solid #f8d9ca;} #bx-C h3 { color:#000;font-size:120%;padding:2px 0 2px 17px;margin:12px 0 2px 0; background:url(../img/site_style/203/h3.png) no-repeat left 50%;} #bx-C h4 { color:#000;font-size:110%;padding:4px 0 4px 15px;margin:4px 0 2px 0; background:url(../img/site_style/203/h4.png) no-repeat left 50%;} #bx-C h5 { color:#000;font-size:100%;padding:4px 0 4px 13px;margin:2px 0 2px 0; background:url(../img/site_style/203/h5.png) no-repeat left 50%;} #bx-C table { border:1px solid #314F65;border-collapse:collapse;margin:8px 0 20px 0;width:100%;} #bx-C td { border:1px solid #314F65;} #bx-C th { background-color:#F3ECE9;border:1px solid #000;} #bx-C img { border:1px solid #f8d9ca;} #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:#F3ECE9;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:#F3ECE9;border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { background:#F3ECE9;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;} /* ==================================================================== sous-menu (O) -------------------------------------------------------------------- */ #bx-O { position:relative;top:10px;width:520px;margin:8px 0;border-top:1px solid #D3A38D;border-bottom:1px solid #D3A38D;} #bx-O ul { padding:4px 30px 6px 30px;margin:0;text-align:center;width:auto;list-style:none;} #bx-O li { display:inline;margin:0;padding:0;border-left:1px solid #D3A38D;height:1em;} #bx-O a { padding:4px 10px 6px 10px;text-decoration:none;} #bx-O a:hover { background-color:#FBF0EA;color:#000;} #bx-O li#lio-0 { background:transparent;border-left:0;} #bx-O span { padding:4px 10px 6px 10px;} /* ==================================================================== menu principal (M) -------------------------------------------------------------------- */ #b2-av { position:absolute;top:110px;left:0px;z-index:600;display:block;height:auto;width:100%;padding:0 0 6px 0;} #bx-M { width:640px;height:auto;position:relative;top:0px;left:120px;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0;padding:0 15px;background:url(../img/site_style/203/mp_li.gif) no-repeat 100% 4px;} #bx-M li { float:left;position:relative;} #bx-M ul a { float:left;padding:8px 0 11px 0;text-decoration:none;color:#000;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { background:url(../img/site_style/203/mp_a_ov.gif) repeat-x 0 84%;color:#A20000;} #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/203/mp_do_p.gif) repeat-x 0 84%;color:#C95F00;} #bx-M #m-do-p:hover { background:url(../img/site_style/203/mp_a_ov.gif) repeat-x 0 84%;color:#A20000;} #bx-M li div { width:150px;position:absolute;right:-12px;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;top:100%;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:134px;height:auto;padding:4px 14px 4px 2px;text-align:right;display:block;cursor:pointer;} #bx-M ul ul a { width:150px;height:auto;padding:0;color:#000;display:block;} #bx-M ul ul a:hover { background:#A20000;color:#fff;} #bx-M #m-do-s { background-color:#F7BF78;color:#000;} #bx-M #m-do-s:hover { background-color:#A20000;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/203/subms.gif) no-repeat 100% 0;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/203/subms.gif) no-repeat 100% -200px #A20000;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:40px 0 0 20px;width:140px;} #bx-N { width:140px;position:relative;} #bx-N-ct { float:left;background:url(../img/site_style/203/ms.gif) no-repeat 0 0 #F8D9CA;margin-bottom:0;} #bx-N ul { list-style:none;margin:0;padding:18px 0 15px 0;float:left;background:url(../img/site_style/203/ms_2.gif) no-repeat 0 100%;} #bx-N li { width:140px;height:auto;background:url(../img/site_style/203/_.gif) repeat;display:block; float:left;text-align:left;} #bx-N a { width:102px;height:auto;background:url(../img/site_style/203/ms_a.gif) no-repeat -588px 52%; color:#6F2B0C;display:block;padding:4px 4px 4px 17px;margin:0 6px;text-decoration:none;} #bx-N a:visited { color:#994B28;background-position:0 52%;} #bx-N a:hover { color:#BB1915;background-position:-194px 52%;text-decoration:underline;} #bx-N span { width:102px;height:auto;background:url(../img/site_style/203/ms_a.gif) no-repeat -388px 52%; display:block;padding:4px 4px 4px 17px;margin:0 6px;text-decoration:underline;color:#C95F00;} #bx-N-av { width:140px;height:13px;display:block;background:url(../img/site_style/203/ms_1.gif) no-repeat top left;font-size:0;line-height:0;} #bx-N-ap { position:absolute;top:0px;left:7px;width:46px;height:30px;display:block;background:url(../img/site_style/203/Ndeco2.gif);} #bx-N #ms-rt { width:1px;height:14px;display:block;} #bx-N #ms-rt a { width:31px;height:19px;display:block;background:url(../img/site_style/203/msrt.gif) no-repeat 0px 0px;padding:0;margin:0;position:absolute;top:0px;left:11px;z-index:300;} #bx-N #ms-rt a:hover { background-position:-31px 0;} #bx-N #ms-rt span { width:31px;height:19px;display:block;background:url(../img/site_style/203/msrt.gif) no-repeat -62px 0;padding:0;margin:0;position:absolute;top:0px;left:11px;z-index:300;} #bx-N #ms-rt span.nocss { display:none;} /* ==================================================================== encart -------------------------------------------------------------------- */ .bx-E { padding:6px 4px;margin:0;clear:both;} .bx-E p { padding:5px 2px;margin:0;font-size:85%;} .bx-E p strong { font-size:110%;} .bx-E p.tel { color:#811400;font-size:130%;text-align:center;} .bx-E h3 { padding:2px 0;margin:6px 0 2px 0;border-bottom:1px solid #f8d9ca;} /* ==================================================================== footer -------------------------------------------------------------------- */ #cleaner-ft { position:relative;bottom:0px;clear:both;display:block;height:100px;font-size:0;line-height:0;} #ft { position:absolute;bottom:0px;left:0px;width:100%;font-size:11px;display:block;background:url(../img/site_style/203/foot.jpg) repeat-y;} #ft-av { float:left;width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/footer.png',sizingMethod='scale');} #ft>#ft-av { background:url(../img/site_style/203/footer.png) repeat;} #ft-ct { float:left;width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/fdeco2.png',sizingMethod='crop');padding:8px 0;} #ft-av>#ft-ct { background:url(../img/site_style/203/fdeco2.png) no-repeat 100% 0;} #ft-d1 { position:absolute;top:-53px;right:0px;width:140px;height:53px;display:block;background-color:#DE4B06; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/fdeco1.png',sizingMethod='crop');} #ft-av>#ft-d1 { background:url(../img/site_style/203/fdeco1.png) no-repeat #DE4B06;} #ft p { color:#6C2300;padding:4px 8px;margin:0;text-align:left;width:744px;position:relative;z-index:400;} #ft a { color:#6C2300;} #ft a:visited { color:#000;} #ft a:hover { color:#BB1402;} /* ==================================================================== 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/203/li6.gif) no-repeat -792px 50%;width:100%;display:block;} #pds ul a:hover { background:url(../img/site_style/203/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;}