/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ html, body { padding:0;margin:0;border:0;} html { background:url(http://www.pension-cheval-nature.fr/img/fond_ciel.jpg) repeat;} body { text-align:center;font-size:12px;font- family:Arial,Helvetica,Sans-Serif; background:url(../img/site_style/220/ombre3.gif) no-repeat 50% 100%;height:auto;width:auto;display:block;margin-bottom:10px;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:760px;display:block;text-align:left; background:url(../img/site_style/220/bb.gif) no-repeat #FFFFCC;} #horizon { background:url(../img/site_style/220/ombre.gif) repeat-y 50% 0;width:100%;height:100%;display:block;} #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;width:760px;} #d1 { background:url(../img/site_style/220/ombre2.gif) no-repeat 50% 0;height:200px;width:100%;position:absolute;left:0px;} body>#d1 { height:100%;width:100%;display:block;position:absolute;} #d3 { height:18px;width:100%;display:block;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#696969;text-decoration:none;} a:visited { color:#000;} a:hover { color:#000;text-decoration:underline;} p { padding:8px 4px;margin:8px 0;text-align:justify;} .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:192px;width:100%;position:relative;background:url(../img/site_style/220/mh.gif) no-repeat 0 100%;} #mh-ct { display:block;height:192px;width:100%;background:url(../img/site_style/220/logo.jpg) no-repeat 2px 45px ;} #logo { position:absolute;top:50px;left:22px;z-index:900;display:block;cursor:pointer;} /* ==================================================================== menu accessibilité / menu langue / menu utilisateur -------------------------------------------------------------------- */ /* =====menu accessibilité -- */ #ma { display:none;} /* =====menu langue -- */ #lg { position:absolute;top:50px;right:8px;z-index:2000;float:left;} #lg a, #lg span { border:1px solid #fff;} /* =====menu utilisateur -- */ #mu { position:absolute;top:139px;right:2px;z-index:800;padding:2px 0px 2px 1px;color:#545454;font-size:10px; I:url(../img/site_style/220/mu.gif) no-repeat 0 0;} #mu-ct { background:url(../img/site_style/220/mu2.gif) no-repeat 0 0;padding: 2px 8px 2px 28px;} #mu a { color:#545454;} #mu a:visited { color:#000;} #mu a:hover { color:#B90000;text-decoration:none;} /* ==================================================================== chemin -------------------------------------------------------------------- */ #bx-P { color:#D1DBE4;padding:0;font-size:0.9em;position:absolute;top:26px;left:10px;clear:both;} #bx-P a { color:#D1DBE4;} #bx-P a:hover { color:#fff;} /* ==================================================================== content -------------------------------------------------------------------- */ #wrapper { float:left} #b1-av { width:540px;display:block;float:left;} #b1-d1 { background:url(../img/site_style/220/b1.gif) no-repeat 0 0;width:760px;height:10px;display:block;position:absolute;top:0;left:-190px;} /* ===bx-C*/ #bx-C { color:#3F3E39;} #bx-C a { text-decoration:underline;} #bx-C a:hover { text-decoration:none;} #bx-C h1 { font-size:2.2em;padding:4px 0 4px 10px;margin:20px 0 0 0;border-bottom:1px solid #75746D;background:url(../img/site_style/220/h1.gif) no-repeat 100% 0;} #bx-C h1 span { padding:4px 14px 4px 0;font-family:times new roman,Arial;} #bx-C h2 { font-size:1.6em;padding:4px 0 2px 0;margin:16px 0 2px 0;border-bottom:1px solid #908F83;font-family:times new roman,Arial} #bx-C h3 { font-size:1.4em;padding:4px 0 1px 0;margin:14px 0 2px 0;border-bottom:1px solid #908F83;display:inline;font-family:times new roman,Arial} #bx-C h4 { font-size:1.2em;padding:4px 0 1px 0;margin:10px 0 2px 0;border-bottom:1px solid #908F83;display:inline;font-family:times new roman,Arial} #bx-C h5 { font-size:1em;padding:0 0 0 0;margin:0;font-family:times new roman,Arial} #bx-C table { border:1px solid #314F65;border-collapse:collapse;margin:20px 0;width:100%;} #bx-C th { border:1px solid #314F65;background-color:#e7e6dc;} #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:180px;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;} /* ==================================================================== sous-menu (O) -------------------------------------------------------------------- */ #bx-O { position:relative;top:10px;width:520px;margin:10px 0;border-top:1px solid #BCB892;border-bottom:1px solid #BCB892;} #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 #BCB892;height:1em;} #bx-O a { padding:4px 10px 6px 10px;text-decoration:none;} #bx-O a:hover { background-color:#E7E6DC;color:#800000;} #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:160px;left:0px;z-index:600;display:block;height:auto;width:760px;padding:0;} #bx-M { width:756px;height:auto;float:left;position:relative;top:0px;left:2px;background:#B3AD8D;} #bx-M ul { float:left;width:auto;list-style:none;margin:0;padding:0} #bx-M li { float:left;position:relative;padding:0;border-left:1px solid #fff;} #bx-M #ul0 li { border:0px;} #bx-M a { float:left;padding:6px 8px 7px 8px;text-decoration:none;color:#3F3E39;background:#B3AD8D;position:relative;display:block;} #bx-M ul li>a { float:none;} /*--pour Opera prb IE6--*/ #bx-M a:hover { color:#fff;background:url(../img/site_style/220/menu.gif) repeat-x;} #bx-M li:hover { background:url(../img/site_style/220/menu.gif) no-repeat -300px 0; } #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:#3F3E39;} #bx-M #m-do-p:hover { color:#fff;background:url(../img/site_style/220/menu.gif) repeat-x;} #bx-M li div { width:151px;position:absolute;left:0px;top:100%;padding:0;margin:0;background:url(../img/site_style/220/mp_div.gif) no-repeat 1px bottom transparent;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #bx-M ul ul { width:150px;height:auto;position:relative;top:0px;left:0px;display:none;margin-bottom:6px;padding:14px 0 0 0;float:left; background:url(../img/site_style/220/mulul.gif) no-repeat 0 0 #B3AD8D;border-right:1px solid #fff;border-left:1px 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;} #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:0;color:#3F3E39;display:block;background:transparent;border-top:1px solid #989275;} #bx-M ul ul a:hover { background:#6F0000;color:#fff;} #bx-M ul ul li #m-do-s { background-color:#3F3E39;color:#fff;z-index:10;} #bx-M ul ul li #m-do-s:hover { background-color:#6F0000;color:#fff;} #bx-M ul ul li .subm-s { background:url(../img/site_style/220/subms.gif) no-repeat 100% 0px;} #bx-M ul ul li .subm-s:hover { background:url(../img/site_style/220/subms.gif) no-repeat 100% -200px #6F0000;} #bx-M ul ul li #m-do-s.subm-s { background:url(../img/site_style/220/subms.gif) no-repeat 100% -200px #3F3E39;} #bx-M ul ul li #m-do-s.subm-s:hover { background-position:100% -200px;} #bx-M ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;padding:0;margin:0;background:#B3AD8D;border:1px solid #fff;} #bx-M ul ul ul ul { float:left;position:absolute;top:4px;left:100%;z-index:400;} #bx-Mff ul ul li>ul { float:left;position:absolute;top:4px;left:138px;} #bx-Mff ul ul ul li>ul { float:left;position:absolute;top:4px;left:92%;} /* ==================================================================== menu secondaire (N) -------------------------------------------------------------------- */ #b3-av { padding:20px 0 0 20px;width:150px;} #bx-N { width:150px;padding:0;margin:0 0 20px 0;position:relative;top:4px; background:url(../img/site_style/220/mn.gif) repeat-y;} #bx-N-ct { background:url(../img/site_style/220/mn3.gif) no-repeat bottom;padding:0 0 14px 0;} #bx-N ul { list-style:none;margin:0;padding:0;position:relative;background:url(../img/site_style/220/mn2.gif) no-repeat;} #bx-N li { width:150px;height:auto;display:block;text-align:left;} #bx-N a { width:128px;height:auto;display:block;padding:4px 4px 4px 4px;margin:0 0 0 7px;text-decoration:none;color:#3F3E39; border-top:1px solid #494532;clear:both;background:#E7E6DC} #bx-N a:visited { color:#000;} #bx-N a:hover { color:#fff;background-color:#6F0000;} #bx-N span { width:128px;height:auto;display:block;padding:4px 4px 4px 4px;margin:0 0 0 7px;border-top:1px solid #494532; background:#3F3E39;color:#fff;} #bx-N #ms-rt { padding:0;line-height:0;font-size:0;position:relative;top:7px;left:7px;height:26px;} #ms-rt a { width:136px;height:19px;display:block;background:url(../img/site_style/220/msrt.gif) no-repeat 0 0;padding:0;margin:0;border:0;} #ms-rt a:hover { background:url(../img/site_style/220/msrt.gif) no-repeat -136px 0;} #ms-rt span { width:136px;height:19px;display:block;background:url(../img/site_style/220/msrt.gif) no-repeat -272px 0;padding:0;margin:0;border:0;} #ms-rt span.nocss { display:none;} /* ==================================================================== encart -------------------------------------------------------------------- */ #b3 .bx-E { float:left;padding:12px 0 0 0;position:relative;margin:0;z-index:400;width:100%; border-top:3px dotted #3F3E39;margin:0 0 6px 0;} #b3 .bx-E p { padding:2px;margin:0;} #b3 .bx-E-ct { padding:0 10px 10px 10px;} /* ==================================================================== footer -------------------------------------------------------------------- */ #cleaner-ft { clear:both;height:0px;font-size:0px;line-height:0px;} #ft { position:relative;top:0px;left:0px;width:760px;font-size:10px;display:block; background:url(../img/site_style/220/footer.gif) repeat-x 0 100% #fff;} #ft-ct { width:760px;padding:10px 0 10px 0;background:url(../img/site_style/220/footer2.gif) no-repeat 0 0;} #ft p { width:744px;padding:2px 8px;margin:0;text-align:left;color:#000;text-align:center;} /* ==================================================================== pages plan du site (pds) et derniers changements (dch) -------------------------------------------------------------------- */ #pds { width:100%;display:block;} #pds ul { padding:0;margin:6px 0;width:100%;} #pds li { padding:4px 0 4px 6px;margin:6px 0;width:auto;list-style:none;} #pds ul ul { padding:0 0 0 20px;width:auto} #pds ul ul li { padding:0;list-style:decimal;} #pds ul a { padding:0 0 6px 0;margin:0 0 10px 0;font-weight:bold;width:100%;border-bottom:1px solid #000;display:block;} #pds ul ul a { font-weight:normal;padding:0;margin:0;border:0;display:inline;} #dch h3 { border-bottom:1px solid #000;} #dch ul { padding:2px 0 0 0;margin:0 0 12px 12px;list-style:none;} #dch li { padding:2px 0 0 0;margin:0 0 0 12px;} /* ==================================================================== espace client -------------------------------------------------------------------- */ #m-EClt { border-bottom:1px solid #AEADA4;background:transparent;} #m-EClt li { background:url(../img/site_style/220/x_clt_li2.gif) no-repeat 100% 0 #fff;} #clt-inscr a { background:url(../img/site_style/220/x_clt_inscr.gif) no-repeat 0 -23px;} #clt-connect a { background:url(../img/site_style/220/x_clt_connect.gif) no-repeat 0 -23px;} #clt-modif a { background:url(../img/site_style/220/x_clt_modif.gif) no-repeat 0 -23px;} #clt-voir a { background:url(../img/site_style/220/x_clt_voir.gif) no-repeat 0 -23px;} #clt-quit a { background:url(../img/site_style/220/x_clt_quit.gif) no-repeat 0 -23px;} #clt-inscr2 span { background:url(../img/site_style/220/x_clt_inscr.gif) no-repeat 0 0;} #clt-connect2 span { background:url(../img/site_style/220/x_clt_connect.gif) no-repeat 0 0;} #clt-modif2 span { background:url(../img/site_style/220/x_clt_modif.gif) no-repeat 0 0;} #clt-voir2 span { background:url(../img/site_style/220/x_clt_voir.gif) no-repeat 0 0;} #m-EClt li#clt-inscr2 { background:url(../img/site_style/220/x_clt_li.gif) no-repeat 100% 0;} #m-EClt li#clt-connect2 { background:url(../img/site_style/220/x_clt_li.gif) no-repeat 100% 0;} #m-EClt li#clt-modif2 { background:url(../img/site_style/220/x_clt_li.gif) no-repeat 100% 0;} #m-EClt li#clt-voir2 { background:url(../img/site_style/220/x_clt_li.gif) no-repeat 100% 0;}