.alerte2 { margin:40px 0 20px 20px; padding:20px; font-size:1.2em; float:right; width:40%; border:3px solid red; } #main p.actu-titre { font:bold 14px Arial; padding:0; margin:0; } #main p.actu-date { border-top:1px solid black; color:#999; font-size:0.7em; padding:0; margin:25px 0 0 0; text-align:right; } #ggmap { left:0px;width:760px;height:400px;border:1px solid #888888; } #main p.encart__d { padding:0 0 10px 20px;margin:0;font-size:.8em;font-color:red;text-align:center;display:block;width:270px;float:right; } #main p.trombi-d { text-align:right; } #main p.trombi-g { text-align:left; } /*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /* ==================================================================== FILTER_IE6 -------------------------------------------------------------------- */ #mh-d1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/10/header.png',sizingMethod='scale');} #ft-av { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/10/footer.png',sizingMethod='scale');} #ft-ct { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/10/fdeco2.png',sizingMethod='crop');} #ft-d1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/10/fdeco1.png',sizingMethod='crop');} /* ----------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;height:100%;} html>body #main { height:auto;} html { background:url(../img/site_style/10/fond.gif) repeat-y 50% 0 #E7E7E7;} body { text-align:center;font-size:13px;font-family:Arial,Helvetica,Sans-Serif;background:url(../img/site_style/10/fond2.jpg) repeat-x 50% 0;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:990px;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:800px;margin-left:190px;position:relative;z-index:4;} * html #b1 { display:inline;} #b2 { float:left;width:0%;} #b3 { float:left;width:190px;margin-left:-100%;} #wrapper { margin:0 0 14px 0;width:990px;} #d1 { position:absolute;top:0px;left:0px;height:100%;width:100%;background:url(../img/site_style/10/fond3.jpg) no-repeat 50% 0;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#688A40;text-decoration:underline;} a:visited { color:#000;} 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/10/mh.jpg);} #mh-d1 { display:block;height:144px;width:100%;} #mh-av>#mh-d1 { background:url(../img/site_style/10/header.png) no-repeat;filter:none;} #logo { position:absolute;top:7px;left:40px;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:770px;display:block;} /* ===b1-ct-1*/ #bx-C h1 { color:#688A40;font-size:2em;padding:10px 0 8px 0;margin:0;} #bx-C h2 { color:#000;font-size:1.8em;padding:8px 0 10px 18px;margin:8px 0 2px 0; background:url(../img/site_style/10/h2.png) no-repeat left 50%;} #bx-C h3 { color:#000;font-size:1.6em;padding:6px 0 6px 16px;margin:6px 0 2px 0; background:url(../img/site_style/10/h3.png) no-repeat left 50%;} #bx-C h4 { color:#000;font-size:1.4em;padding:4px 0 4px 12px;margin:4px 0 2px 0; background:url(../img/site_style/10/h4.png) no-repeat left 50%;} #bx-C h5 { color:#000;font-size:1.2em;padding:4px 0 4px 10px;margin:2px 0 2px 0; background:url(../img/site_style/10/h5.png) no-repeat left 50%;} #bx-C table { border:1px solid #314F65;border-collapse:collapse;margin:20px 0;width:100%;} #bx-C td { border:1px solid #314F65;} #bx-C th { background-color:#F0F7E9;border:1px solid #000;} #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:#F0F7E9;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:#F0F7E9;border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { background:#F0F7E9;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:100%;margin:8px 0;border-top:1px solid #CCD8BE;} #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 #CCD8BE;height:1em;} #bx-O a { padding:4px 10px 6px 10px;text-decoration:none;} #bx-O a:hover { background-color:#EEF2EA;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:790px;height:auto;position:relative;top:0px;left:190px;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0;padding:0 15px;background:url(../img/site_style/10/mp_li.gif) no-repeat 100% 4px;} #bx-M li { float:left;position:relative;} #bx-M 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/10/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/10/mp_do_p.gif) repeat-x 0 84%;color:#506B39;} #bx-M #m-do-p:hover { background:url(../img/site_style/10/mp_a_ov.gif) repeat-x 0 84%;color:#A20000;} #bx-M li div { width:150px;position:absolute;left:-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;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;padding:0;color:#000;display:block;} #bx-M ul ul a:hover { background:#A20000;color:#fff;} #bx-M #m-do-s { background-color:#CCD8BE;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/10/subms.gif) no-repeat 100% 0;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/10/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:60px 0 0 20px;width:140px;} #bx-N { width:140px;position:relative;} #bx-N-ct { background:url(../img/site_style/10/ms_1.gif) no-repeat #CCD8BE;margin-bottom:10px;} #bx-N ul { width:140px;list-style:none;margin:0;padding:10px 0 20px 0;background:url(../img/site_style/10/ms_2.gif) no-repeat 0 100%;} #bx-N li { width:140px;height:auto;background:url(../img/site_style/10/_.gif) repeat;display:block;} #bx-N a { width:88px;height:auto;background:url(../img/site_style/10/ms_a.gif) no-repeat 4px 50%; color:#597A33;display:block;padding:4px 10px 4px 17px;margin:0 10px;text-decoration:none;} #bx-N a:visited { color:#000;} #bx-N a:hover { color:#A20000;text-decoration:underline;background-position:-190px 50%;} #bx-N span { width:88px;height:auto;background:url(../img/site_style/10/ms_a.gif) no-repeat -390px 50%; display:block;padding:4px 10px 4px 17px;margin:0 10px;text-decoration:underline;color:#597A33;} #bx-N-av { position:absolute;top:-20px;left:-10px;width:84px;height:56px;display:block;background:url(../img/site_style/10/Ndeco.jpg) no-repeat 0 0;} #bx-N-ap { position:absolute;top:5px;right:0px;width:39px;height:34px;display:block;background:url(../img/site_style/10/Ndeco2.gif);} #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/10/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/10/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;} /* ==================================================================== encart -------------------------------------------------------------------- */ .bx-E { padding:0 4px;margin:0;clear:both;} .bx-E p { padding:10px 4px;margin:0;} /* ==================================================================== 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%;display:block;border-top:1px solid #000;} #ft-av { float:left;width:100%;background-color:#CCD8BE;} #ft>#ft-av { background:url(../img/site_style/10/footer.png) repeat #CCD8BE;filter:none;} #ft-ct { float:left;width:100%;padding:8px 0;} #ft-av>#ft-ct { background:url(../img/site_style/10/fdeco2.png) no-repeat 100% 0;filter:none;} #ft-d1 { position:absolute;top:-125px;right:0px;width:216px;height:124px;display:block;background-color:#CCD8BE;} #ft-av>#ft-d1 { background:url(../img/site_style/10/fdeco1.png) no-repeat #CCD8BE;filter:none;} #ft p { color:#486132;padding:2px 8px;margin:0;text-align:left;width:974px;position:relative;z-index:400;} #ft a { color:#486132;} #ft a:visited { color:#000;} #ft a:hover { color:#A20000;} /* ==================================================================== 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/10/li6.gif) no-repeat -792px 50%;width:100%;display:block;} #pds ul a:hover { background:url(../img/site_style/10/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;} #main .video { text-align:center; }