/*================================================================================================================== //===( Copyright 2007 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /*------------------ CSS galerie photo 1 ---------------------------*/ #gph1 { text-align:center;} #bx-C table#gphoto { width:100%;border:0px;margin:0;padding:0;display:block;background:transparent} #bx-C table#gphoto th { } #bx-C table#gphoto td { border:0px;margin:0;padding:0;background:transparent} #gph1 .blkboite { padding:10px 0;} #gph1 .boite1 { margin:0 auto;} #gph1 .boite1h { height:15px;width:100%;position:relative;background:#86916e;} #gph1 .boite1hl { height:15px;width:15px;position:absolute;left:0px;top:0px;background:#86916e;} #gph1 .boite1hr { height:15px;width:6px;position:absolute;right:0px;top:0px;background:#86916e;} #gph1 .boite1c { position:relative;left:0px;top:0px;display:block;height:100%;width:100%;} #gph1 .boite1cl { height:auto;width:auto;padding:0 0 0 15px;background:#86916e;} #gph1 .boite1cr { height:auto;width:auto;padding:0 15px 15px 0;background:#86916e;position:relative;} #gph1 .boite1b { height:14px;width:auto;position:relative;background:url(../img/site_style/203/MC_img4.jpg) no-repeat 50% 100% #86916e;clear:both;} #gph1 .boite1bl { height:14px;width:18px;position:absolute;left:0px;top:0px;background:transparent;} #gph1 .boite1br { height:14px;width:18px;position:absolute;right:0px;top:0px;background:transparent;} #gph1 .boite1ph { padding:7px 9px 9px 7px;margin:0;background:#000;position:relative;left:0px;top:0px;} #gph1 .boite1ph a { padding:0;margin:0;display:block;border:1px solid #000;background:#000;position:relative;left:0px;top:0px;} #gph1 .boite1ph a img { padding:0;margin:0;border:0;} #gph1 .boite1ph a:hover { border:1px solid #fff;} #gph1 .boite1d2 { display:none;} #gph1 .boite1txt { text-align:center;clear:both;} #gph1 .boite1txt p { display:block;margin:0;text-align:center;padding:0 10px;font-size:10px;} #bx-C table#gminit { padding:0;margin:0 auto;width:550px;border:0px;background:url(../img/site_style/203/MC_img4.jpg) no-repeat 50% 100% #86916e;} #bx-C table#gminit td { padding:8px 6px 22px 6px ;margin:0px;border:0px;background:transparent;} #bx-C table#gminit p { padding:0;margin:0;} #bx-C table#gminit td img { display:block;padding:0;margin:0;border:0;background:#c3cfa9;} #bx-C table#gminit td a { padding:4px;margin:0 auto;background:#c3cfa9;display:block;border:0;} #bx-C table#gminit td a:hover { background:#fff;} #bx-C table#gminit td span { padding:4px;margin:0 auto;background:#000;display:block;border:0;} #bx-C table#gminit td.gph1p { width:20px;background:transparent;text-align:left;border:0px;} #bx-C table#gminit td.gph1p a { height:23px;width:12px;background:url(../img/site_style/203/gph1p.gif) no-repeat 0 0;display:block;padding:0;border:0px;} #bx-C table#gminit td.gph1p a:hover { height:23px;width:12px;background:url(../img/site_style/203/gph1p.gif) no-repeat -12px 0;display:block;} #bx-C table#gminit td.gph1p span { height:23px;width:12px;background:url(../img/site_style/203/gph1p.gif) no-repeat -24px 0;} #bx-C table#gminit td.gph1s { width:20px;background:transparent;text-align:right;border:0px;} #bx-C table#gminit td.gph1s a { height:23px;width:12px;background:url(../img/site_style/203/gph1s.gif) no-repeat 0 0;display:block;float:right;padding:0;border:0px;} #bx-C table#gminit td.gph1s a:hover { height:23px;width:12px;background:url(../img/site_style/203/gph1s.gif) no-repeat -12px 0;display:block;} #bx-C table#gminit td.gph1s span { height:23px;width:12px;background:url(../img/site_style/203/gph1s.gif) no-repeat -24px 0;} #bx-C table#gminit td span.nocss { display:none;} #bx-C table#gminit td.gphho { padding:12px 0;width:0px;border:0;display:block;background:transparent;} #bx-C table#gminit td.gphho img { padding:0;border:0;background:transparent;} /* class wiki ---------------------------------------------------------- */ #bx-C .lst li { padding-top:2px;padding-bottom:2px} #bx-C .lst a { text-decoration:none;} #bx-C .lst img { background:transparent;padding:0;border:0;} .intro { color:#c85812;} #bx-C .cntl { float:left;width:270px;} #bx-C .cntr { float:right;width:270px;} #bx-C .clrmg img { border:0;padding:0;} #bog { background:url(../img/site_style/203/bog.gif) no-repeat;} #laap { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/laap.png',sizingMethod='scale');} .rub-any>#laap { background:url(../img/site_style/203/laap.png) no-repeat;filter:none} #laapBL { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/site_style/203/laapbl.png',sizingMethod='scale');} body>#laapBL { background:url(../img/site_style/203/laapbl.png) no-repeat;filter:none} #dch a:hover { background:#dce4ce;} #ec--2 { background:url(../img/site_style/203/ec2.gif) no-repeat transparent; color:#fff;} #ec--2 .bx-E-ct { padding:30px 0 0 0;} #ec--2 .planacc { position:relative;bottom:0px;left:0px;width:235px;height:31px;display:block;margin:0;padding:0;} #ec--2 .planacc a { background:url(../img/site_style/203/plan.gif) no-repeat #86916e; width:235px;height:31px;display:block;font-size:0%;line-height:0pt;color:#86916e;} #ec--2 .planacc a:hover { background-position:-235px 0;} /* google map ===== */ #ggmap { margin:8px 0 0 0;width:530px;height:350px;left:40px;} .maptxt { font-size:80%;} /* ==================================================================== espace client -------------------------------------------------------------------- */ #m-EClt-cl { border-top:1px solid #dddedb; border-bottom:1px solid #dddedb; background:#f3f7ec;padding-left:4px;} /* ==== structure =========================================================== */ html, body { padding:0;margin:0;border:0;} body { text-align:center;font-family:arial;color:#333430;background: url(../img/site_style/203/fond.jpg) repeat-x 0 0 #334411;height:auto;width:auto;display:block;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:901px;display:block;text-align:left;padding:0 20px;background: url(../img/site_style/203/fond_deco.jpg) no-repeat 0 357px;} #b1 { float:right;width:640px;margin-top:10px;} * html #b1 { display:inline;} #b2 { float:left; width:903px; height:30px; display:block; margin-right:-100%; background:url(../img/site_style/203/bxM.jpg) no-repeat; position:relative; top:-60px;left:0px;z-index:9999;} #b3 { float:left;width:250px;margin-top:10px;} #b4 { float:left;width:250px;clear:left;} #ft { clear:left;width:100%;} #wrapper { background:transparent;margin:30px 0 0 0;} /* ==== ini / base ========================================================== */ img { border:0;} a { color:#e15600;} a:visited { color:#e15600;} a:hover { color:#ed5b00;text-decoration:none;} p { padding:8px 4px; margin:4px 0;text-align:justify;} blockquote { font-style: italic;} .nocss { display:none;} .nohr { display:none;clear:both;} .cleaner { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} #m-d1 { background:url(../../img/site_style/203/M_deco.gif) no-repeat;height:36px;width:903px;display:block;position:absolute;top:313px;left:0px;} /* ==== header ============================================================== */ #mh { height:283px;width:903px;background:#000;margin-bottom:60px;position:relative;} #mh-d1 { height:283px;width:573px;background:url(../img/site_style/203/head_ph1.jpg) no-repeat;position:absolute;right:0px;top:0px;} #mh-d2 { height:283px;width:307px;background:url(../img/site_style/203/head_ph2.jpg) no-repeat;position:absolute;left:0px;top:0px;} #mh-ct { height:283px;width:903px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/203/head_effect.png',sizingMethod='scale');position:absolute;left:0px;top:0px;} #mh-av>#mh-ct { background:url(../img/site_style/203/head_effect.png) no-repeat;filter:none;} #logo { height:283px;width:400px;position:absolute;top:0px;left:0px;z-index:900;display:block;cursor:pointer;margin:0;padding:0 1px;text-align:center;} #logopng { margin:0;padding:0;display:block;position:absolute;top:95px;right:0px;} #mh-d3 { height:51px;width:280px;position:absolute;left:0px;top:5px;z-index:880;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site_style/203/Club_hippique_bonnery.png',sizingMethod='image');} #mh-av>#mh-d3 { background:url(../img/site_style/203/Club_hippique_bonnery.png) no-repeat;filter:none;} #mh-d4 { height:1px;width:903px;border-top:1px solid #b9bfae;position:absolute;left:0px;top:32px;z-index:890;} /* ==== menu accessibilité / menu langue / menu utilisateur ================= */ /* ..... menu accessibilité .... */ #ma { display:none;} /* ..... menu langue ........... */ #lg { position:absolute;top:8px;right:20px;z-index:2000;float:left;} /* ..... menu utilisateur ...... */ #mu { position:absolute;top:300px;right:0px;z-index:99;color:#666666;font-size:10px;width:25%;height:40px;clear:both;overflow:hidden;} #mu-ct { padding:20px;text-align:right;} #mu a { color:#77845c;padding:8px;text-decoration:none;} #mu a:hover { color:#fff;} /* ..... chemin ................ */ #bx-P { position:absolute;top:300px;left:0;z-index:99;font-size:70%;color:#77845c;padding:0;clear:both;} #bx-P-ct { padding:20px;} #bx-P a { color:#77845c;padding:0 2px;text-decoration:none;} #bx-P a:hover { color:#fff;} /* ==== Menu principal ====================================================== */ #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0 0 0 20px} #bx-M li { float:left;position:relative;padding:0;} #bx-M ul a { float:left;height:28px;padding:0 10px 0 10px;line-height:28px;text-decoration:none;color:#9ea392;top:1px;font-size:80%;position:relative;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { color:#ff8400;} #bx-M li:hover { background:url(../../img/site_style/203/menu.gif) no-repeat 0 21px; } #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;background:#000;} #bx-M #m-do-p:hover { color:#ff8400;} #bx-M li div { width:160px;position:absolute;left:0px;top:100%;z-index:999999;padding:2px 0 0 0;margin:0;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #bx-M ul ul { position:relative;top:0px;left:0px;width:160px;height:auto;display:none;margin-bottom:0px;padding:0;float:left; background:url(../img/site_style/203/M_ul.gif) repeat-x 0 0 #86916e;border:1px solid #f5f5f4;border-top:0px;} #bx-M ul ul li { width:160px;height:auto;padding:0;position:relative;left:0px;top:-1px;border:0;background:transparent;float:left;} #bx-M ul ul a { width:160px;height:auto;padding:0;line-height:18px;color:#151c07;display:block;background:transparent;} #bx-M ul ul span { width:142px;height:auto;padding:4px 14px 4px 4px;text-align:left;display:block;cursor:pointer;} #bx-M ul ul a:hover { background:#e46415;color:#fff;} #bx-M ul ul li #m-do-s { background-color:#27350e;color:#fff;z-index:10;} #bx-M ul ul li #m-do-s:hover { background-color:#e46415;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/203/subms.gif) no-repeat 100% 0px;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/203/subms.gif) no-repeat 100% -200px #e46415;} #bx-M ul ul li #m-do-s.subm-s { background:url(../img/site_style/203/subms.gif) no-repeat 100% -200px #27350e;} #bx-M ul ul li #m-do-s.subm-s:hover { background:url(../img/site_style/203/subms.gif) no-repeat 100% -200px #e46415;} #bx-M ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;padding:0;margin:0;background:#86916e;border:1px solid #fff;} #bx-M ul ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;} /* ==== Contenu (C) ========================================================= */ #b1 { background: url(../img/site_style/203/b1_fond.gif) repeat-y 100% 0;position:relative;top:0px; left:0px;font-size:90%;} #b1-av { overflow:hidden;} #bx-C-ct { padding: 20px 20px 20px 40px;} #b1 img { background: #fff;padding:8px;} #b1 p { line-height:1.2em;} #b1 h1 { float:left;width:603px;display:block;margin:0 -100% 0 0;padding:10px 10px;background:url(../img/site_style/203/h1.gif) no-repeat right 0 #c85812; position:relative; top:-20px; left:-23px; font-size:180%; font-weight:normal; color:#f2d7c6;} #b1 h1 #titre { width:auto;float:left;} #b1 h2 { font-size:115%;border-bottom:1px solid #b7bcad;} #b1 h3 { font-size:110%;} #b1 h4 { font-size:105%;} #b1 h5 { font-size:100%;} #b1 .ct-page-xxx,#b1 .ct-msg-xxx { clear:left;} #bx-C table { border:1px solid #000;border-collapse:collapse;margin:20px 0;width:100%;} #bx-C th { border:1px solid #000;background-color:#727e59;color:#fff;} #bx-C td { border:1px solid #000;background-color:#dce4ce;} #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:200px;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:380px;height:240px;padding:3px;} #bx-C form button { cursor:pointer;} #bx-C button span { width:auto;padding:0;margin:0px;float:none;text-align:center;} /* ==== Menu secondaire (N) ================================================= */ #b3 { position:relative;} #bx-N-ct { padding:0px;color:#909585;} #bx-N ul { margin:0 0 30px 0;padding:0;list-style:none;font-size:90%;} #bx-N li { margin:0;padding:0;background:url(../img/site_style/203/N_li.gif) repeat-y;width:100%;display:block;clear:left;} #bx-N a { padding:6px 4px 6px 30px;background:url(../img/site_style/203/N_a.gif) no-repeat 6px 8px;color:#909585;height:100%;display:block;text-decoration:none;position:relative;top:10px;} #bx-N a:hover { background-position: 6px -92px;color:#fff;} #bx-N span { padding:6px 4px 6px 30px;background:url(../img/site_style/203/N_a.gif) no-repeat 6px -92px;color:#909585;height:100%;display:block;text-decoration:none;position:relative;top:10px;} #bx-N #ms-rt { width:29px;height:29px;display:block;float:left;} #ms-rt a { width:29px;height:29px;display:block;background:url(../img/site_style/203/ms-rt.gif) no-repeat 0 0 ;padding:0;margin:0;font-size:0px;position:relative;top:0px;} #ms-rt a:hover { background-position:-29px 0;} #ms-rt span { width:29px;height:29px;display:block;background:url(../img/site_style/203/ms-rt.gif) no-repeat -58px 0;padding:0;margin:0;top:0;color:#fff;} #ms-rt span.nocss { display:none;} /* ==== sous-menu (O) ======================================================= */ #bx-O { width:139px;padding:0;margin:80px 20px 10px 20px;float:right;background:url(../img/site_style/203/O_.gif) repeat-y;} #bx-O-av { width:139px;height:10px;display:block;background:url(../img/site_style/203/O_av.gif) repeat-y;font-size:0px;} #bx-O-ap { width:139px;height:10px;display:block;background:url(../img/site_style/203/O_ap.gif) repeat-y;font-size:0px;} #bx-O-ct { font-size:90%} #bx-O ul { padding:4px 10px 4px 10px;margin:0;text-align:center;list-style:none;} #bx-O li { margin:0;padding:0;display:block;} #bx-O a { padding:3px 0px 3px 10px;margin:0 auto;width:95px;display:block;text-decoration:none;color:#346270;background:url(../img/site_style/203/O_li.gif) no-repeat 0 50%;text-align:left;} #bx-O a:hover { background:url(../img/site_style/203/O_li.gif) no-repeat -195px 50%;color:#c85812;} #bx-O span { padding:3px 6px;display:block;} /* ==== Encart ============================================================== */ .bx-E { overflow:hidden;color:#000;font-size:80%;line-height:110%;background:url(../img/site_style/203/E_.gif) repeat-x #86916e;padding:30px 0 0 0;width:235px;position:relative;left:10px;margin-bottom:20px;} .bx-E-ct { padding:0 10px 0 0;position:relative;} .bx-E p { padding:6px 10px;} .bx-E a { color:#2f4010;} .bx-E a:hover { color:#fff;text-decoration:underline;} .bx-E h2 { font-size:115%;padding:0 0 4px 0px;margin:0 0 0 10px;color:#f0f4e9;border-bottom:2px dotted #f0f4e9;} .bx-E h3 { font-size:110%;padding:0 0 4px 0px;margin:0 0 0 10px;color:#f0f4e9;border-bottom:1px solid #f0f4e9;} .bx-E h4 { font-size:105%;padding:0 0 4px 0;margin:0 0 0 10px;color:#f0f4e9;} .bx-E h5 { font-size:100%;padding:0 0 4px 0;margin:0 0 0 10px;color:#f0f4e9;} .bx-E p.progr { float:left;width:30%;display:block;padding:6px 8px;text-align:center;} /* ==== Footer ============================================================== */ #ft { background:url(../img/site_style/203/footer.gif) no-repeat;color:#b5bfa3;font-size:80%;margin-top:20px;} #ft-av { background:url(../img/site_style/203/img14.gif) repeat-y 0 0;padding:20px 0;height:100%;position:relative;top:0px;left:0px;} #ft p { margin:0;padding:0 4px;text-align:left;} #ft a { padding:0 4px;color:#b5bfa3;text-decoration:none;} #ft a:hover { color:#fff;} #ft p.copyr { margin:0;padding:0 10px;color:#77845c;font-size:90%} #ft .copyr a { color:#77845c;} #ft .copyr a:hover { color:#fff;} #ft .adr { color:#77845c;font-size:90%;padding:0 10px;} /* ==================================================================== 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:visited { color:#702b00;} #pds ul ul a:hover { background:#dce4ce;} #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:#dce4ce;} #dch a:visited { color:#702b00;}