/*================================================================================================================== //===( Copyright 2007 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /* ==== Laap box =========================================================== */ #laap { position:absolute;top:100px;left:0px;z-index:9900;width:18px;height:48px;background:none;display:block;cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/204/laap.png',sizingMethod='scale');} .rub-any>#laap { background:url(../img/site_style/204/laap.png);} /* class wiki ---------------------------------------------------------- */ #bx-C .cntl { float:left;width:250px;} #bx-C .cntr { float:right;width:250px;} #bx-C .clrmg img { border:0;padding:0;} #b3 .bx-E { clear:both;} #b3 .bx-E p.stre { border-bottom: 1px solid #eee8f4;padding:4px 2px 2px 2px;} #b3 .bx-E p.puce { background:url(../img/site_style/204/puce.gif) no-repeat 3px 8px;padding-left:22px;} /* google map ===== */ #ggmap { margin:8px 0 0 0;width:460px;height:300px;left:40px;} /* ==================================================================== Exception Question -------------------------------------------------------------------- */ #bx-C #question form { margin:20px 0 10px 0;} #bx-C #question form div { margin:0 0 6px 0;clear:both;} #bx-C #question form span { width:120px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #bx-C #question form input { order:1px solid #000;width:160px;padding:3px;margin-right:10px;} #bx-C #question form input.radio { width:20px;margin-right:0;} #bx-C #question form select { border:1px solid #000;padding:0px;margin-right:10px;} #bx-C #question form textarea { border:1px solid #000;width:300px;height:150px;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;} /* --------------------------------------------------------------------- */ html, body { padding:0;margin:0;border:0;} html { background:url(../img/site_style/204/fond.gif);} body { text-align:center;font-size:12px;font-family:Arial,Helvetica,Sans-Serif;height:auto;width:auto; display:block;background:url(../img/site_style/204/fond2.gif) repeat-x;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:772px;display:block;text-align:left; background:url(../img/site_style/204/ombre2.gif) no-repeat 50% 0;} #horizon { background:url(../img/site_style/204/ombre.gif) repeat-y 50% 0; position:relative;top:0px;left:0px;margin:0 auto;width:772px;display:block;} #b1 { float:left;width:530px;position:relative;left:220px;top:0px;z-index:4;} #b2 { float:left;width:0%;} #b3 { float:left;width:173px;padding:10px 0 0 0;position:relative;left:-505px;} #wrapper { margin:0;width:772px;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#8e42e5;} a:hover { color:#ac0505;text-decoration:underline;} p { padding:8px 4px; margin:8px 0;text-align:justify;} hr { border: 1px solid #eee8f4;} .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;} /* ==================================================================== header -------------------------------------------------------------------- */ #mh { display:block;height:200px;width:772px;background:url(../img/site_style/204/mh.gif) no-repeat;} #logo { position:absolute;top:0px;left:8px;z-index:900;display:block;cursor:pointer;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { display:none;position:absolute;top:32px;right:10px;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;} /* =====menu chemin -- */ #bx-P { color:#c9bad8;padding:0px 0 0 0;font-size:0.9em;position:absolute;top:180px;left:204px;z-index:200;clear:both;} #bx-P a { color:#c9bad8;} #bx-P a:hover { color:#ac0505;} /* ==================================================================== content -------------------------------------------------------------------- */ /* ===bx-C*/ #bx-C { } #bx-C img { border:1px solid #777c8c;padding:6px;} #bx-C h1 { font-size:1.4em;padding:4px 0 4px 0;margin:4px 0 0 0;color:#47216a;border-bottom:1px solid #47216a;} #bx-C h2 { font-size:1.2em;padding:2px 0 2px 2px;margin:10px 0 2px 0;color:#a516aa;border-bottom:1px solid #c7bcd2;} #bx-C h3 { font-size:1.2em;padding:2px 0 2px 0;margin:10px 0 2px 0;color:#a516aa;} #bx-C h4 { font-size:1.1em;padding:2px 0 2px 0;margin:10px 0 2px 0;color:#672b9e;} #bx-C h5 { font-size:1em;padding:2px 0 2px 2px;margin:10px 0 2px 0} #bx-C table { border:1px solid #314F65;border-collapse:collapse;margin:20px 0;} #bx-C th { border:1px solid #314F65;background-color:#eee8f4;} #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) -------------------------------------------------------------------- */ #b2-av { position:absolute;top:137px;left:0px;z-index:600;display:block;height:auto;width:772px;padding:0;} #bx-M { width:548px;height:auto;float:left;position:relative;top:0px;left:203px;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0;} #bx-M li { float:left;position:relative;top:0px;left:0px;padding:0 8px;} #bx-M a { float:left;padding:0 0 10px 0; text-decoration:none;color:#000;position:relative;height:31px;line-height:31px;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { background:url(../img/site_style/204/a_ov.gif) repeat-x 0 26px;} #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/204/mp_do_p.gif) no-repeat 50% 100%;} #bx-M #m-do-p:hover { background:url(../img/site_style/204/a_ov.gif) repeat-x 0 26px;} #bx-M .m-do-ul { position:relative;z-index:900;} #bx-M .m-do-ul-p { position:relative;z-index:800;} #bx-M li div { width:150px;position:absolute;left:-2px;top:100%;padding:0;margin:0;} #bx-M #ul6 li div { left:100%;} #bx-M #ul6 li div ul { left:-100%;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #bx-M ul ul { width:auto;height:auto;position:relative;left:0px;top:-10px;background:#eee8f4;display:none;float:left;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;} #bx-M ul ul li { width:150px;height:auto;padding:0;position:relative;left:0px;top:0px;border:0;background:transparent;float:left;margin:0;} #bx-M ul ul span { width:132px;height:auto;padding:4px 14px 4px 4px;text-align:left;display:block;cursor:pointer;} #bx-M ul ul a { width:150px;height:auto;padding:2px 0;line-height:1em;color:#000;display:block;background:transparent;border-bottom:1px solid #ddd0e9;} #bx-M ul ul a:hover { background:#c2aad8;color:#000;} #bx-M ul ul li #m-do-s { background-color:#672b9e;color:#fff;z-index:10;} #bx-M ul ul li #m-do-s:hover { background-color:#c2aad8;color:#000;} #bx-M ul ul li .subm-s { background:url(../img/site_style/204/subms.gif) no-repeat 100% -200px;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/204/subms.gif) no-repeat 100% 0px #c2aad8;} #bx-M ul ul li #m-do-s.subm-s { background:url(../img/site_style/204/subms.gif) no-repeat 100% -400px #672b9e;} #bx-M ul ul li #m-do-s.subm-s:hover { background:url(../img/site_style/204/subms.gif) no-repeat 100% -600px #672b9e;color:#fff;} #bx-M ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;padding:0;margin:0;} #bx-M ul ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;} /* ==================================================================== 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 18px 0;float:left;background:url(../img/site_style/204/m_deco.gif) no-repeat left bottom #eee8f4;} #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 0 0 0;border-bottom:1px solid #f7f4fa;} #bx-N a { width:162px;height:auto;display:block;padding:8px 4px 8px 8px;text-decoration:none;color:#672b9e;clear:both;} #bx-N a:visited { color:#7943a9;} #bx-N a:hover { color:#000;background:#f7f4fa;} #bx-N span { width:162px;height:auto;display:block;padding:8px 4px 8px 8px;background:#fff;} #bx-N li#ms-rt { padding:0;line-height:0;font-size:0;background:transparent;} #ms-rt li { } #ms-rt a { width:174px;height:21px;display:block;background:url(../img/site_style/204/msrt.gif) no-repeat 0 0;padding:0;margin:0;border:0;} #ms-rt a:hover { background:url(../img/site_style/204/msrt.gif) no-repeat -174px 0 #F7F7F7;} #ms-rt span { width:174px;height:21px;display:block;background:url(../img/site_style/204/msrt.gif) no-repeat -348px 0 #E8E8E8;padding:0;margin:0;border:0;} #ms-rt span.nocss { display:none;} /* ==================================================================== sous-menu (O) -------------------------------------------------------------------- */ #bx-O { width:130px;padding:0;margin:58px 0 10px 20px;float:right;position:relative;} #bx-O-ct { border-left:3px solid #fff;background:#f7f3f9;font-size:11px;} #bx-O ul { padding:16px 0 10px 0;margin:0;text-align:center;width:110px;list-style:none;} #bx-O li { margin:0;padding:0;display:block;} #bx-O a { padding:3px 8px;margin:0 auto;width:112px;display:block;text-decoration:none;color:#8c7b9c;} #bx-O a:hover { background-color:#e7ddef;color:#672b9e;} #bx-O li#lio-0 { background:transparent;} #bx-O span { padding:3px 6px;display:block;} #bx-O-av { width:22px;height:20px;display:block;background:url(../img/site_style/204/o_fd.gif) no-repeat; position:absolute;top:-7px;right:-3px;} /* ==================================================================== encart -------------------------------------------------------------------- */ #b3 .bx-E { } #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:772px;font-size:11px;display:block; background:url(../img/site_style/204/ft.gif) no-repeat 6px 100%;} #ft-ct { width:100%;padding:2px 0 14px 0;background:url(../img/site_style/204/ft2.gif) no-repeat 6px 0;} #ft p { width:732px;padding:2px 20px;margin:0;position:relative;z-index:400;text-align:center;color:#fff;} #ft a { color:#E7E8E9;text-decoration:underline;} #ft a:hover { color:#fff;text-decoration:underline;} #ft p.footer { color:#672b9e;} #ft p.footer a { color:#672b9e;text-decoration:underline;} #ft p.footer a:hover { color:#fff;text-decoration:underline;} #ft-d3 { width:772px;height:8px;display:block;background:url(../img/site_style/204/ft3.png) no-repeat;position:absolute;bottom:-8px;left:0px;font-size:0px;} #ft-d3 { width:772px;height:8px;display:block;position:absolute;bottom:-8px;left:0px;font-size:0px;background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/204/ft3.png',sizingMethod='image');} #ft-av>#ft-d3 { background:url(../img/site_style/204/ft3.png) no-repeat;filter:none;} /* ==================================================================== pages plan du site (pds) et derniers changements (dch) -------------------------------------------------------------------- */ #pds { } #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 30px;} #pds ul ul li { padding:0;margin:0;list-style:decimal;} #pds ul a { padding:0 0 6px 0;margin:0 0 10px 0;font-weight:bold;border-bottom:1px solid #000;display:block;text-indent:3p;text-decoration:none;} #pds ul ul a { padding:3px 0;margin:0;width:100%;font-weight:normal;border-bottom:1px solid #ccc;} #pds ul ul a:hover { background:#f4eff7;} #dch ul { padding:2px 0 0 0;margin:0;list-style:none;} #dch h3 { border-bottom:1px solid #000;} #dch li { padding:0;margin:0 0 0 20px;} #dch a { padding:3px 0;margin:0;width:100%;display:block;border-bottom:1px solid #ccc;text-decoration:none;} #dch ul ul a { font-weight:normal;margin:0;border:0;} #dch a:hover { background:#f4eff7;} /* ==================================================================== Specification wikixhtml -------------------------------------------------------------------- */ .w2x-left { float:left; margin: 10px 10px 10px 0; } .w2x-right { float:right; margin: 10px 0 10px 10px; } .w2x-center { display:block; margin:0 auto; } /* ==================================================================== Exception Calendar -------------------------------------------------------------------- */ #mycalend { padding:0 0 6px 3px;margin:0 0 0 20px;} #mycalend .calend-hier { background:url(../img/site_style/204/calend.gif) no-repeat 0 0;color:#B4B3B3;} #mycalend .calend-today { background:url(../img/site_style/204/calend.gif) no-repeat 0 -20px;} #mycalend .calend-event { background:url(../img/site_style/204/calend.gif) no-repeat 0 -40px;} #mycalend .calend-event-d { background:url(../img/site_style/204/calend.gif) no-repeat 0 -80px ;} #mycalend .calend-vide { background:url(../img/site_style/204/calend.gif) no-repeat 0 -120px ;}