/*================================================================================================================== //===( Copyright 2008 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ .p2 #bx-M ul { padding:0;background:url(../img/site_style/7/p2_a1.jpg) no-repeat 0 18px transparent;} .p2 #bx-M ul a { padding:0 10px 0 0;font-size:120%;background-color:transparent;} .p2 #bx-M #ul0 {position:absolute;top:254px;left:144px;} .p2 #bx-M #ul1 {position:absolute;top:286px;left:209px;} .p2 #bx-M #ul2 {position:absolute;top:322px;left:265px;} .p2 #bx-M #ul3 {position:absolute;top:335px;left:455px;} .p2 #bx-M #ul4 {position:absolute;top:338px;left:581px;} .p2 #bx-M #ul5 {position:absolute;top:323px;left:711px;} .p2 #bx-M #ul6 {position:absolute;top:303px;left:814px;} .p2 #bx-M #ul7 {position:absolute;top:260px;left:907px;} .p2 #bx-M #ul8 {position:absolute;top:213px;left:920px;} .p2 #bx-M #ul9 {position:absolute;top:173px;left:894px;} #bx-C-ct .Hch { float:left;margin:4px 6px;background:#000; padding:0 0 6px 0;color:#fff;text-align:center;border:1px solid #000;overflow:hidden;width:160px;border-bottom:3px solid #71767c;} #bx-C-ct .Hch img { padding:0 0 10px 0;margin-bottom:2px;} #bx-C-ct .cdrn { padding:0 20px 20px 0;} #bx-C-ct .cdrn img { border:1px solid #000;padding:0;margin:0 20px 20px 0;} #bx-C-ct .cdrt { border-bottom:3px solid #b6bccc;} .intro { color:#790625;} .lst { list-style:none;margin:4px 0;padding:4px 0;} .lst li { border-bottom:1px solid #b6bccc;text-align:left;position:relative;padding:5px 3px;background:#edf0f4;} .lst li strong { position:absolute;right:4px;} .lstdt { list-style:none;margin:4px 0;padding:4px 0;} .lstdt li { border-bottom:1px solid #b6bccc;text-align:left;position:relative;padding:5px 3px;background:#edf0f4;} .lstspl { list-style:none;margin:4px 0;padding:4px 0;} .lstspl li { text-align:left;position:relative;padding:5px 3px;} .cdr { text-align:center;} .cdr img { border-bottom:6px solid #000;} .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;} /* ----------------------------------------------------------------- */body.gif #laap { filter:http://www.leroy-equitation.com/bog/enreg.php?t=site_style&id=7progid: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} /* ----------------------------------------------------------------- */body.gif html, body { padding:0;margin:0;border:0;height:100%;} html { background:url(../img/site_style/7/fd.gif) repeat-x 50% 0 #2c2a2b;} body { text-align:center;font-size:12px;font-family:Arial,Helvetica,Sans-Serif;} #main { background:url(../img/site_style/7/fdmain.jpg) no-repeat 50% 0;} #horizon { position:relative;top:0px;left:0px;margin:0 auto;width:990px;height:auto;display:block;text-align:left;background:url(../img/site_style/7/main.gif) repeat-y 50% 0;} #b1 { float:right;width:790px;} #b2 { width:990px; height:24px;position:absolute;top:14px;left:0px;z-index:9999;} #b3 { float:left;width:200px;margin-right:-990px;padding:0 0 210px 0;} #wrapper { float:left;width:990px;background:url(../img/site_style/7/h1.gif) no-repeat 8px 0 ;} .p2 #b1 { display:none;} .p2 #b2 { width:990px;height:400px;position:absolute;top:0px;left:0px;z-index:990;} .p2 #b3 { display:none;} .p2 #wrapper { width:990px;background:transparent;position:absolute;top:65px;left:50%;margin-left:-495px;} #rub-0 .p2 { height:400px;min-height:100%;display:block;background:transparent;} #rub-0 .p2-hz { height:400px;min-height:100%;display:block;margin:0 auto;width:100%;text-align:left;background:url(../img/site_style/7/fd3.jpg) no-repeat 50% 0;text-align:center;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#6d071a;text-decoration:underline;} a:hover { color:#000;} p { padding:8px 0; margin:4px 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 position:absolute;left:50%;top:0px;margin-left:-495px; -------------------------------------------------------------------- */ #mh { display:block;height:300px;width:100%;background:url(../img/site_style/7/mh.jpg);} .logo { position:absolute;top:88px;left:41px;z-index:900;display:block;} #mh p { padding:0;margin:0;} .headph { position:absolute;top:41px;left:426px;height:258px;width:488px;z-index:999;display:block;background:url(../img/site_style/7/head.jpg) no-repeat 0 0;} .p2 #mh { position:relative;width:990px;height:400px;display:block;background:url(../img/site_style/7/head2.jpg) no-repeat 207px 86px;margin:0 auto;} .p2 .headph { display:none;} .p2 .logo { position:absolute;top:132px;left:11px;height:192px;width:287px;z-index:9999;} .p2 .logo a { position:relative;height:192px;width:287px;display:block;background:url(../img/site_style/7/logo2.jpg) no-repeat;} .p2 .logo img { display:none;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { position:absolute;top:50px;left:15px;z-index:2000;display:none;} /* =====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:hover { color:#776277;text-decoration:underline;} /* ==================================================================== chemin -------------------------------------------------------------------- */ #bx-P { color:#8f4b5e;padding:4px 0;position:absolute;top:278px;left:18px;font-size:10px;z-index:999;} #bx-P a { color:#8f4b5e;text-decoration:none;} #bx-P a:hover { color:#c78295;text-decoration:underline;} /* ==================================================================== content -------------------------------------------------------------------- */ #b1-av { float:left;width:700px;position:relative;left:40px;display:block;clear:both;} .ct-page-xxx { font-size:120%;} /* ===b1-ct-1*/ #bx-C h1 { color:#fff;font-size:160%;padding:5px 0 30px 0;margin:0;} #bx-C h2 { color:#000;font-size:130%;padding:4px 0;margin:6px 0 3px 0; border-bottom:1px solid #898d96;} #bx-C h3 { color:#000;font-size:120%;padding:4px 0;margin:6px 0 3px 0;; border-bottom:1px dotted #898d96;} #bx-C h4 { color:#000;font-size:110%;padding:4px 0;margin:6px 0 3px 0;;} #bx-C h5 { color:#000;font-size:100%;padding:4px 0;margin:6px 0 3px 0;;} #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 img { background-color:#fff;border:0;} #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:#fff;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:#fff;border:1px solid #000;padding:0px;margin-right:10px;} #bx-C form textarea { background:#fff;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 { width:178px;} #bx-O ul { width:178px;list-style:none;margin:0;padding:0;} #bx-O li { width:178px;height:auto;display:block;} #bx-O a { width:138px;height:auto;color:#83374c;display:block;padding:4px 10px 4px 30px;margin:0;text-decoration:none;} #bx-O a:hover { color:#000;text-decoration:underline;} /* ==================================================================== menu principal (M) -------------------------------------------------------------------- */ .p2 #bx-M li div {display:none;} #bx-M { width:990px;height:auto;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0;padding:0 13px;} #bx-M li { float:left;position:relative;} #bx-M a { float:left;height:26px;line-height:26px;padding:0;text-decoration:none;color:#b37782;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { color:#dbb6bd;} #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 { color:#fff;} #bx-M #m-do-p:hover { ;color:#dbb6bd;} #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:0px;background:#cac8c9;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:#700b27;color:#fff;} #bx-M #m-do-s { background-color:#71777f;color:#fff;} #bx-M #m-do-s:hover { background-color:#700b27;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/7/subms.gif) no-repeat 100% 0;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/7/subms.gif) no-repeat 100% -200px #700b27;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 0;width:178px;} #bx-N { width:178px;position:relative;} #bx-N-ct { margin-bottom:10px;} #bx-N ul { width:178px;list-style:none;margin:0;padding:10px 0;} #bx-N li { width:178px;height:auto;display:block;} #bx-N a { width:148px;height:auto;color:#000;display:block;padding:4px 3px 4px 27px;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:148px;height:auto;display:block;padding:4px 3px 4px 27px;text-decoration:underline;color:#6e061a;background:url(../img/site_style/7/mn.gif) no-repeat 20px 50%;} #bx-N ul li#ms-rt { width:178px;height:15px;position:relative;top:0px;left:0px;display:block;background:url(../img/site_style/7/mn_fd.gif) no-repeat 8px 0;padding:0 0 8px 0;} #bx-N #ms-rt a { width:17px;height:15px;display:block;background:url(../img/site_style/7/msrt.gif) no-repeat 0 0;padding:0;margin:0;position:absolute;top:0px;right:0px;z-index:200;} #bx-N #ms-rt a:hover { background-position:-17px 0;} #bx-N #ms-rt span { width:17px;height:15px;display:block;background:url(../img/site_style/7/msrt.gif) no-repeat -34px 0;padding:0;margin:0;position:absolute;top:0px;right:0px;z-index:200;} #bx-N #ms-rt span.nocss { display:none;} /* ==================================================================== encart -------------------------------------------------------------------- */ .bx-E { width:160px; padding:0 0 0 18px;clear:both;} .bx-E h3 { border-bottom:1px solid #000;padding:4px 0 4px 0;margin:0;} .bx-E h4 { border-bottom:1px solid #000;padding:4px 0 4px 0;margin:0;} .bx-E h5 { border-bottom:1px solid #000;padding:4px 0 4px 0;margin:0;} .bx-E p { padding:4px 4px;margin:0;font-size:90%;} /* ==================================================================== footer -------------------------------------------------------------------- */ .p2 #ft { display:none;} #ft { position:relative;bottom:0px;left:0px;width:990px;background:url(../img/site_style/7/footer.jpg) no-repeat 0 0;display:block;} #ft p { color:#adadad;padding:4px 0px;margin:0;text-align:left;width:990px;position:relative;z-index:400;} #ft-d1 { position:absolute;top:-113px;left:8px;width:192px;height:113px;display:block;background:url(../img/site_style/7/footerdc.gif) no-repeat 0 0;} #ft p.ftm { color:#e8e1e3;padding:8px 0 14px 0 ;margin:0;text-align:center;width:990px;position:relative;z-index:400;} #ft p.ftm a { color:#e8e1e3;text-decoration:none;} #ft p.ftm a:hover { color:#fff;} #ft p.copy { color:#adadad;padding:4px 0 8px 0;margin:0;text-align:center;width:990px;position:absolute;bottom:-20px;z-index:400;} #ft p.copy a { color:#adadad;text-decoration:none;} #ft p.copy a:hover { color:#fff;} #ft p.cont { position:absolute;top:-180px;z-index:400;color:#000;padding:2px 2px 8px 8px;margin:0;text-align:right;width:168px;background:url(../img/site_style/7/cont.gif) no-repeat 100% 0;color:#fff;font-size:90%;} #ft p.cont strong { font-size:160%;color:#000;} #ft p.cont a { color:#6d071a;} #ft p.cont a:hover { color:#000;} /* ==================================================================== 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:3px;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:#6d071a;color:#fff;} #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 3px;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:#6d071a;color:#fff;}