/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ .newsli form { text-align:center; } html, body { padding:0;margin:0;border:0;height:100%;} html>body #main { height:auto;} html { background:url(../img/site_style/3/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/3/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/3/fond3.jpg) no-repeat 50% 0;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#0D4C80;text-decoration:underline;} a:visited { color:#000;} a:hover { color:#1371BE;} 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/3/mh.jpg);} #mh-d1 { display:block;height:144px;width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/3/header.png',sizingMethod='scale');} #mh-av>#mh-d1 { background:url(../img/site_style/3/header.png) no-repeat;} #logo { position:absolute;top:35px;left:16px;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:2px;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;} #bx-P a:hover { color:#000;} /* ==================================================================== content -------------------------------------------------------------------- */ #b1-av { float:left;width:520px;display:block;} /* ===b1-ct-1*/ #bx-C h1 { color:#13548A;font-size:2em;padding:0 0 8px 0;margin:0;font-family:arial;} #bx-C h2 { color:#000;font-size:1.4em;padding:10px 0 10px 30px;margin:16px 0 2px 0;;font-family:arial; background:url(../img/site_style/3/h2.png) no-repeat left 50%;} #bx-C h3 { color:#000;font-size:1.2em;padding:6px 0 6px 24px;margin:14px 0 2px 0;font-family:arial; background:url(../img/site_style/3/h3.png) no-repeat left 50%;} #bx-C h4 { color:#000;font-size:1.1em;padding:4px 0 4px 14px;margin:10px 0 2px 0;font-family:arial; background:url(../img/site_style/3/h4.png) no-repeat left 50%;} #bx-C h5 { color:#000;font-size:1em;padding:0;margin:0;font-weight:normal;} #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:#E5EDF3;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:#F0F8FF;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:#F0F8FF;border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { background:#F0F8FF;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;left:0px;width:520px;margin:10px 0;border-top:1px solid #BFCBD5;border-bottom:1px solid #BFCBD5;} #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 #BFCBD5;height:1em;} #bx-O a { padding:4px 10px 6px 10px;text-decoration:none;color:#13548A;} #bx-O a:hover { background-color:#EFF4F9;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:570px;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/3/mp_li.gif) no-repeat 100% 4px;} #bx-M li { float:left;padding:0 1px 0 0;position:relative;} #bx-M ul a { float:left;padding:8px 0 11px 0;text-decoration:none;color:#000;cursor:pointer;display:block;position:relative;} #bx-M a:hover { background:url(../img/site_style/3/mp_a_ov.gif) repeat-x 0 84%;color:#0D4C80;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #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/3/mp_do_p.gif) repeat-x 0 84%;color:#0D4C80;} #bx-M #m-do-p:hover { background:url(../img/site_style/3/mp_a_ov.gif) repeat-x 0 84%;} #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;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:#6BA4D8;color:#fff;} #bx-M #m-do-s { background-color:#D5E4F2;color:#000;} #bx-M #m-do-s:hover { background-color:#6BA4D8;} #bx-M ul ul li .subm-s { background:url(../img/site_style/3/subms.gif) no-repeat 100% 0;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/3/subms.gif) no-repeat 100% -200px #6BA4D8;} #bx-M ul ul li #m-do-s.subm-s { background-position:100% -200px;} #bx-M ul ul li #m-do-s.subm-s:hover { background-position:100% -200px;} #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/3/ms_1.gif) no-repeat #D5E4F2;margin-bottom:10px;} #bx-N ul { list-style:none;margin:0;padding:10px 0 20px 0;float:left;background:url(../img/site_style/3/ms_2.gif) no-repeat 0 100%;} #bx-N li { width:140px;height:auto;background:url(../img/site_style/3/_.gif) repeat ;display:block;position:relative;top:0px;left:0px; float:left;text-align:left;} #bx-N a { width:88px;height:auto;background:url(../img/site_style/3/ms_a.gif) no-repeat 4px 50%; color:#0D4C80;display:block;padding:4px 10px 4px 17px;margin:0 10px;text-decoration:none;} #bx-N a:visited { color:#000;} #bx-N a:hover { color:#1371BE;text-decoration:underline;} #bx-N span { width:88px;height:auto;background:url(../img/site_style/3/ms_a.gif) no-repeat -390px 50%; display:block;padding:4px 10px 4px 17px;margin:0 10px;text-decoration:underline;color:#0D4C80;} #ms-rt a { width:26px;height:26px;display:block;background:url(../img/site_style/3/msrt.png) no-repeat 0 0 ;padding:0;margin:0 0 6px 6px;} #ms-rt a:hover { background:url(../img/site_style/3/msrt.png) no-repeat -26px 0;} #ms-rt span { width:26px;height:26px;display:block;background:url(../img/site_style/3/msrt.png) no-repeat -52px 0;padding:0;margin:0 0 6px 6px;} #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%;font-size:10px;display:block;border-top:1px solid #000;} #ft-av { float:left;width:100%;background-color:#D5E4F2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/3/footer.png',sizingMethod='scale');} #ft>#ft-av { background:url(../img/site_style/3/footer.png) repeat #D5E4F2;} #ft-ct { float:left;width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/3/fdeco2.png',sizingMethod='crop');} #ft-av>#ft-ct { background:url(../img/site_style/3/fdeco2.png) no-repeat 100% 0;} #ft-d1 { position:absolute;top:-201px;right:0px;width:222px;height:200px;display:block;background-color:#D5E4F2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/3/fdeco1.png',sizingMethod='crop');} #ft-av>#ft-d1 { background:url(../img/site_style/3/fdeco1.png) no-repeat #D5E4F2;} #ft p { padding:2px 8px;margin:0;text-align:left;color:#0D4C80;width:744px;position:relative;z-index:400;} #ft a { color:#000;} #ft a:visited { color:#000;} #ft a:hover { color:#0D4C80;text-decoration:underline;} /* ==================================================================== 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/3/li6.png) no-repeat left 50%;width:100%;display:block;} #pds ul a:hover { background:url(../img/site_style/3/li6.png) no-repeat -792px 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;}