/* ################################################################################ ## Copyright © 2004-2007 Atomprod - Author Patrice Bridoux & Alain Chalet ## ################################################################################ */ .w2x-left { float:left; margin: 10px 10px 10px 0; border:0; } .w2x-right { float:right; margin: 10px 0 10px 10px; border:0; } .w2x-center { display:block; margin:0 auto; border:0; } #content p.tariftxt { font-size:10px;width:300px;padding-right:20px;float:right;} /* ==================================================================== SQUELETTE -------------------------------------------------------------------- */ html, body { height:100%;} body { margin:0;padding:0;text-align:center;background:#77564A;} html>body #main { height:auto;} #main { position:relative; top:0; left:0;margin:0 auto;width:760px;height:100%;min-height:100%;display:block;text-align:left;} html>#main { height:auto;} #mainheader { position:relative;padding-top:24px;height:154px;} #header { height:154px;} #logo { margin:11px 0 0 23px;} #login { position:absolute;top:10px;left:20px;} #menu-l { position:absolute;top:10px;left:680px;} #menu-p { position:relative;top:10px;clear:both;} #content-tr { width:760px;display:block;margin-top:20px} #calend { } #menu-s { float:left;width:150px;} #content { float:left;width:610px;} #cont1 { } #cont2 { padding:10px;} #cleaner { clear:both;height:1px;font-size:1px;border:none;padding:0;margin:0;background:transparent;} #clearfooter { position:relative;height:0;width:auto;font:0/0;display:block;clear:both;} #footer { position:relative;height:auto;width:auto;display:block;padding-top:42px;} #prelude { display:none;} .nocss { display:none;} /* ==================================================================== ini base -------------------------------------------------------------------- */ body { font:14px arial, hevetica, sans-serif; } table { margin:0; padding:0;} img { border:0;} a { text-decoration:none;} .decal { margin-bottom:20px;} #main { background:url(img/css1/f_main.gif) repeat-x ;} #header { background:url(img/css1/header.jpg) no-repeat top left;} #login { color:#fff; font-size:12px;} #login a { color:#fff; font-weight:bold;} #login a:hover { color:#fff; font-weight:bold;} #menu-p { border-top:1px solid #A35F59;border-bottom:1px solid #A35F59;background:#78130A; font-size:0.9em;} #content-tr { background:url(img/css1/menus.gif) repeat-y top left #fff;} #menu-s { background:#D3D3D3; } #content { } h1, h2, h3, h4 { margin:0;font-weight:normal;} #content h1 { font-size:1.6em; color:#000; margin:0 0 20px 0;padding:4px 0 4px 30px;border-bottom:1px solid #837E72;font-weight:bold; background:url(img/css1/h1.gif) no-repeat center left} #content h2 { font-size:1.3em; color:#58554D; padding:14px 0 10px 28px;margin:16px 0 10px 0; background:url(img/css1/h2.gif) no-repeat center left;} #content h2 a { text-decoration:underline; color:#58554D;} #content h2 a:hover { color:#78130A;} #content h3 { font-size:1.1em; color:#69665C; padding:0 0 0 30px; margin:0 0 20px 0;display:inline;clear:both; background:url(img/css1/h3.gif) no-repeat center left;} #content h4 { font-size:1em; color:#837E72;} #content p { margin:0; padding:10px 0 8px 0; text-align:justify;} #content hr { clear:both;border:0;border-top:1px solid #837E72;margin:4px 0; _margin:-3px 0; padding:0; height:1px; display:block;} /* _margin pour bug IE */ #texte { color:#44423B;} #texte a { color:#853108;} #texte a:hover { } #texte ul { list-style-position:inside;list-style-image:url(img/css1/liste.gif);margin:0 0 0 20px;padding:0;} #texte li { margin:0;padding:0;} #footer { font-size:0.8em;color:#000;text-align:center;background:url(img/css1/footer.jpg) no-repeat top left;} #footer p { margin:0;padding:8px 0 10px 0;} #footer a:link { color:#000;} #footer a:visited { color:#4F0701;} #footer a:hover { color:#fff;} #footer a:active { color:#fff;} #galien { position:absolute; top:20px; right:20px;font-size:1.1em;} #footer #galien a { color:#78130A;} #footer #galien a:hover { color:#000;} /* ==================================================================== menu l - langue -------------------------------------------------------------------- */ #menu-l ul { list-style:none; margin:0; padding:0; height:auto;width:67px;} #menu-l li { margin:0;font-size:1em;height:auto;width:auto;display:inline;float:right;margin:0 2px;} #menu-l li a { float:left;} #menu-l li span { float:left;} #lang-fr, #lang-en, #lang-es, #lang-cur-fr, #lang-cur-en,#lang-cur-es { background:url(img/css1/lang.gif) no-repeat;height:11px;width:18px;display:block;} #lang-fr { background-position: 0 -11px;} #lang-en { background-position: -18px -11px;} #lang-es { background-position: -36px -11px;} #lang-fr:hover { background-position: 0 0;} #lang-en:hover { background-position: -18px 0;} #lang-es:hover { background-position: -36px 0;} #lang-cur-en { background-position: -18px 0;} #lang-cur-es { background-position: -36px 0;} /* ==================================================================== menu p -------------------------------------------------------------------- */ #menu-p ul { height:auto;width:auto;list-style:none;margin:0;padding:3px 8px;text-align:right;} #menu-p li { height:auto;width:auto;display:inline;margin:0;padding: 0;} #menu-p li a { height:auto;width:auto;display:inline;padding:3px 6px;color:#fff;} #menu-p li a:hover { background:#360F08;} #menu-p li span { height:auto;width:auto;display:inline;padding:3px 6px 14px 6px;color:#000;background:url(img/css1/menup.gif) no-repeat center bottom #E2CDCB; } #menu-p li span a { height:auto;width:auto;display:inline;padding:0px 0px;color:black; } #menu-p li span a:hover { background:#E2CDCB; } /* ==================================================================== menu s -------------------------------------------------------------------- */ #menu-s ul { list-style:none; margin:10px 0; padding:0;background:#D9D3BE;border-top:1px solid #000;} #menu-s li { margin:0;border-bottom:1px solid #000;display:block;font-size:0.9em;} #menu-s li a { padding:4px 8px;display:block;color:#000;} #menu-s li a:hover { background:#F2F1EA;} #menu-s li span { padding:4px 8px;display:block;color:#fff;background:#78130A;} #menu-s h4 { font-size:0.9em;padding:0 4px 0 4px} #menu-s h4.dif { padding:10px 4px 0 4px;} .decot { border-top:1px solid #000;} #deco1 { height:99px;width:150px;display:block;background:url(img/css1/d1.gif) no-repeat top left;} #deco2 { height:99px;width:150px;display:block;background:url(img/css1/d2.gif) no-repeat top left;} #deco3 { height:99px;width:150px;display:block;background:url(img/css1/d3.gif) no-repeat top left;} #deco4 { height:99px;width:150px;display:block;background:url(img/css1/d4.gif) no-repeat top left;} #deco5 { height:200px;width:150px;display:block;background:url(img/css1/d5-2.gif) no-repeat top left #D9D3BE;} #deco6 { height:99px;width:150px;display:block;background:url(img/css1/d6.gif) no-repeat top left;} #deco7 { height:200px;width:150px;display:block;background:url(img/css1/d7-2.gif) no-repeat top left #D9D3BE;} /* ==================================================================== tableau réservation -------------------------------------------------------------------- */ /*#tab-reserv { padding:0 0 10px 0;border-bottom:1px solid #837E72;clear:both;margin-top:20px;} */ #tab-reserv { padding:0 0 10px 0;clear:both;margin-top:20px;} #tab-nav { height:15px; width:140px;background:#EDEAE0;color:#7C7A75;display:block;text-align:center;padding:4px;font-size:0.8em;float:left;} #tab-nav p { height:15px; width:140px;text-align:center;padding:0;margin:0;} #tab-nav a { height:15px; width:12px;display:block;padding:0;margin:0;} #prev { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -64px 0;float:left;} #prev:hover { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -64px -15px;float:left;} #next { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -56px 0;float:right;} #next:hover { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -56px -15px;float:right;} #prev-cur { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -75px -15px; height:15px; width:12px;display:block;float:left;} #next-cur { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -75px 0; height:15px; width:12px;display:block;float:right;} #tab-calend { background:#EDEAE0;font-size:0.8em;border:0;border-top:1px solid #fff;clear:both;} #tab-calend td { padding:0;cursor:default;} .cham { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 0 0; height:15px; width:28px;display:block;border-right:1px solid #fff;} .cham:hover { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 0 -15px; } .even { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -28px 0; height:15px; width:28px;display:block;border-right:1px solid #fff;} .even:hover { background:url(img/css1/picto1.gif) no-repeat #D3CBB6 -28px -15px; } .c-, .c-we, .c-pa, .c-vt, .c-1, .c-2, .c-3, .c-4, .c-5 { height:15px; width:18px; display:block;} .c-pa { background:#DAD8CE;} .c-vt { background:#BE9F84; color:#000;} a.c-vt:hover { background:#9E7759; color:#fff;} .c-we { background:#F8F6F0;} a.c-:hover { background:#BEBBB3;} a.c-we:hover { background:#BEBBB3;} .c-1 { background:#8E8C86;} .c-2 { background:#BEBBB3;} .c-3 { background:#8E8C86;} .c-4 { background:#E2CDCB;} .c-5 { background:#8E8C86;} .tcenter, .tcenter-t { text-align:center;} .tcenter-t { border-top:1px solid #fff;} .tright { text-align:right;} .tleft, .tleft-2, .tleft-pa { text-align:left;width:18px;color:#7C7A75;border-bottom:1px solid #fff;} .tleft { background:#EDEAE0;} .tleft-2 { background:#F8F6F0;} .tleft-pa { background:#DAD8CE;} #even-etat { padding:10px 0 20px 0;margin-top:6px;} #even-etat a { padding:4px 6px;border:2px dotted #DAD8CE;color:#78130A;} #even-etat a:hover { color:#000;} #even-etat span { padding:4px 6px;border:2px dotted #DAD8CE;color:#7C7A75;} #even-eta2 { padding:10px 0 20px 0;margin-top:6px;} #even-eta2 span { padding:4px 6px;border:2px dotted #DAD8CE;color:#78130A;} /* ==================================================================== legend -------------------------------------------------------------------- */ #bt-legend { height:23px; width:19px;float:left;} #bt-legend a { height:23px; width:19px;display:block;float:left;background:url(img/css1/picto1.gif) no-repeat -87px 0;margin-left:1px;} #bt-legend a:hover { background:url(img/css1/picto1.gif) no-repeat -106px 0;} #legend { color:#7C7A75;background:#fff;padding:2px 0 2px 2px; margin: 0;text-align:center;display:block;width:400px;float:right;} #legend span { height:auto; width:auto;display:inline;margin:0 4px 0 0;padding:0;text-align:center;font-size:0.7em;float:left;word-spacing:0;letter-spacing:0;} #legend span span { height:14px; width:16px;display:block;font-size:1.1em;line-height:1.2em;margin:0 1px 0 0;padding:0;text-align:center;color:#000;} #legend span div { height:14px; width:16px;display:block;font-size:1.1em;line-height:1.2em;margin:0 1px 0 0;padding:0;text-align:center;float:left;} #l1 { background:url(img/css1/picto1.gif) no-repeat -6px 0; } #l2 { background:url(img/css1/picto1.gif) no-repeat -34px 0;} #spc { height:14px;width:10px;display:block;padding:0 0 0 10px;float:left;} /* hack pour IE Mac parce qu'il n'accepte pas text-align:center dans un span \*//*/ #legend span span { width:8px;padding:0 4px;} /**/ /* ==================================================================== formulaire -------------------------------------------------------------------- */ form div { margin:0 0 4px 30px; height:auto; width:auto;background:#F2EFE8;clear:both;} form div.cll { background:#FAF8F4;} form div.cl2 { background:white;} form span { width:170px;display:block;float:left;padding:2px 0 0 4px;} form #bt-ident { background:url(img/css1/bt-ident.gif) no-repeat center left #F2EFE8; padding:12px 4px 10px 60px;} form #bt-ident a { text-decoration:underline; color:#58554D;} form #bt-ident a:hover { color:#78130A;} form #bt-ident2 { background:url(img/css1/bt-ident.gif) no-repeat center left #F2EFE8; padding:12px 4px 10px 60px;} #login-form { clear:both;} #login-form form { margin:10px 0;clear:both;} #passwd-form { clear:both;padding:0 0 40px 0;} #passwd-form h2 { height:1em;} #passwd-form form { display:block;} #login-form span, #passwd-form span { width:auto;padding:0 8px 0 0;margin:0;} #login-form input, #passwd-form input { width:80px;} /* ==================================================================== tableau dossiers -------------------------------------------------------------------- */ .dossiers { font-size:0.9em;border:1px solid #7E7967;} .dossiers td { border:1px solid #7E7967;} /* 7E7967 */ #conflit { background-color:#FFDDDD; } .notlogged { font-size:0.9em; padding:10px; border-bottom:1px solid #000; } #les_fotos { width:580px; text-align:center;} #pds ul { font-weight:bold; } #pds ul ul { font-weight:normal; } #pds li { padding:2px 0; }