/*======================================================================================================================= //==( Copyright 2004 - Eliette - Author Alain Chalet ) et Patrice Bridoux )======== //=====================================================================================================================*/ /* ==================================================================== pre-load -------------------------------------------------------------------- */ /* ==================================================================== SQUELETTE -------------------------------------------------------------------- */ html, body { height:100%;} body { margin:0; padding:0; text-align:center;} 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;} #content { position:relative; z-index:1; top:0; left:10px; height:auto; padding:100px 0 0 0;width:540px;} #menu-p { position:absolute; z-index:2; top:120px; right:30px; height:auto; width:auto;} #logo { position:absolute; z-index:2; top:10px; left:8px; height:49px; width:108px; display:block;} #clearfooter { position:relative; height:80px; width:680px; display:block; clear:both;} #footer { position:absolute; z-index:4; left:16px; bottom:0; height:60px; width:680px; display:block;} #prelude { display:none;} .nocss { display:none;} /* ==================================================================== ini base -------------------------------------------------------------------- */ body { font:14px arial, hevetica, sans-serif; color:#000; background:url(img/design1/f1.jpg) no-repeat top center;} #logo { background:url(img/design1/logo.gif) no-repeat top left;} #content { text-align:left} img { border:0;} h1, h2, h3 { padding:0; margin:0;} h3 { font-size:1.2em; padding:10px 0 6px 0; color:#4C4C4C;} li, ul, a { padding:0; margin:0; text-decoration:none;} p { padding:0; margin:0 0 10px 0; color:#4C4C4C; text-align:justify;} table { padding:0; margin:0; border:0; width:540px;background:url(img/design1/t_f.gif);border-collapse:collapse} tr { padding:0;margin:0;border:0;} td { padding:14px 0;margin:0;border:0px solid #fff;border-bottom:8px solid #fff;text-align:center; } blockquote { background:#F5F5F9;border-top:1px solid #D8D9DD;border-bottom:1px solid #D8D9DD;padding:8px;} code { font-size:0.9em;text-align:left;} /* ==================================================================== Content -------------------------------------------------------------------- */ h1 { position:relative;top:0;left:0;font-size:1em;padding:0;margin:0;height:62px;} h1 #t-t { font-size:1.3em;padding:0 4px 20px 0;margin:0 8px 0 187px;background:#E3E5EA;text-align:right;width:130px; border-top:1px solid #000;background:url(img/design1/t_info.gif) repeat-x -8px;font-weight:normal;} h1 span { font-size:0.8em;margin:0;color:#000;width:21px;height:21px;line-height:18px;text-align:center;float:left; background:url(img/design1/nv_bdo.gif) no-repeat top left;} h1 a { font-size:0.8em;margin:0;color:#000;width:21px;height:21px;line-height:18px;text-align:center;float:left;background:url(img/design1/nv_b.gif) no-repeat top left;} h1 .deco { position:absolute;top:-27px;left:0;z-index:4;width:187px;height:62px;border:0;} #d0, #d1 { background:url(img/design1/t1.jpg) no-repeat left top;} #d2 { background:url(img/design1/t2.jpg) no-repeat left top;} #d3 { background:url(img/design1/t3.jpg) no-repeat left top;} #d4 { background:url(img/design1/t4.jpg) no-repeat left top;} #d5 { background:url(img/design1/t5.jpg) no-repeat left top;} #d6 { background:url(img/design1/t6.jpg) no-repeat left top;} #d7 { background:url(img/design1/t7.jpg) no-repeat left top;} #d8 { background:url(img/design1/t8.jpg) no-repeat left top;} #pa-1 { width:240px;padding:0 0 8px 0;color:#000;float:left;} #pa-1 p { text-indent:1em; width:auto; margin:0 0 0 20px; background:#E9EBEE; padding:20px;} #pa-img { float:left;padding:8px 0 0 14px} #pa-11 { width:230px;margin:0;padding:0 40px 140px 0; float:right; background:url(img/design1/sign.jpg) no-repeat right bottom;} #pa-11 p { text-indent:1em;width:230px;margin:0 0 10px 0;float:right;} #pb-1 { font-size:0.9em;padding:0 40px 20px 40px;display:block} #pb-11 { font-size:0.9em;padding:0 40px 20px 40px;display:block} #nouv { text-align:center; margin:40px 0 80px 0;} /* ==================================================================== formulaire -------------------------------------------------------------------- */ form { position:relative; font-size:0.9em; color:#4C4C4C; padding:0 20px 20px 40px;} form div { position:relative; margin:0 0 10px 0;height:20px} form label { position:relative; padding:0 450px 0 0;} form label span { position:absolute; width:100px; top:0; left:0;text-align:right;background:#E9EBEE;border-top:1px solid #D8D9DD; } form input { position:absolute; left:110px; width:200px;} form textarea { position:absolute; left:110px; width:200px; height:60px;} form button { position:absolute; left:110px; cursor:pointer;} form .f-ta { height:80px} #form-deco { position:absolute; bottom:200px; right:0;background:url(img/design1/form.gif) no-repeat right bottom;width:175px; height:247px;} /* ==================================================================== navbar -------------------------------------------------------------------- */ #navb { padding:0;margin:0;line-height:1em;height:auto;width:auto;} .nb { margin-right:3px} .nb-2 { margin-right:3px} .nb-3 { margin-right:3px} .nb-4 { margin-right:3px} .nb-5 { margin-right:3px} .nb-6 { margin-right:3px} .nb-2:visited { background:url(img/design1/nv_bvi.gif) no-repeat top left;margin-right:3px} .nb-2:hover { background:url(img/design1/nv_b2.gif) no-repeat top left;margin-right:3px} .nb-3:visited { background:url(img/design1/nv_bvi.gif) no-repeat top left;margin-right:3px} .nb-3:hover { background:url(img/design1/nv_b3.gif) no-repeat top left;margin-right:3px} .nb-4:visited { background:url(img/design1/nv_bvi.gif) no-repeat top left;margin-right:3px} .nb-4:hover { background:url(img/design1/nv_b4.gif) no-repeat top left;margin-right:3px} .nb-5:visited { background:url(img/design1/nv_bvi.gif) no-repeat top left;margin-right:3px} .nb-5:hover { background:url(img/design1/nv_b5.gif) no-repeat top left;margin-right:3px} .nb-6:visited { background:url(img/design1/nv_bvi.gif) no-repeat top left;margin-right:3px} .nb-6:hover { background:url(img/design1/nv_b6.gif) no-repeat top left;margin-right:3px} #nb-bank { clear:both;} /* ==================================================================== tableau -------------------------------------------------------------------- */ h2 { font-size:1em;} h2 span { font-size:1.4em; font-weight:normal;} #content #t-titre { margin:30px 10px 4px 10px;padding:0;} #content #t-titre span { font-size:1em;padding:0 0 0 6px;} #t-tabl { padding:0;margin:0;text-align:center;display:block;} #t-info { position:relative;} #t-info p { margin:0 10px 30px 10px;padding:6px;background:url(img/design1/t_info.gif) repeat-x left top;border-top:1px solid #000;} #t-info a { position:absolute;top:1px;right:10px;background:url(img/design1/com_up.gif) no-repeat left top;width:47px;height:43px;display:block;} #t-info a:hover { background:url(img/design1/com_ov.gif) no-repeat left top;} /* ==================================================================== Footer -------------------------------------------------------------------- */ #footer { border-top:1px solid #C7C7C7;margin-bottom:1px;} #footer p { font-size:0.7em;color:#A8A8A8;padding-top:2px;} #footer a { color:#A8A8A8;} #footer a:hover { color:#AD0005;} #foot-client { position:absolute;top:0px;left:0px;} #foot-atom { position:absolute;top:0px;right:0px;padding:0 10px 0 0;text-align:right;} #f1 { position:absolute;right:-61px;top:-27px;background:url(img/design1/f1.gif) no-repeat left top;height:59px;width:61px;display:block;} /* ==================================================================== menu p -------------------------------------------------------------------- */ #menu-p { font-size:11px;display:block;width:118px;} #menu-p ul { list-style:none;} #menu-p li { padding:0; margin:0;} #menu-p li a { color:#465A8B;padding:5px 2px 4px 32px;display:block;border-top:1px solid #C0C5DA;} #menu-p li a:hover { color:#1E3671;} #menu-p li span { color:#1E3671;padding:5px 2px 4px 32px;display:block;border-top:1px solid #C0C5DA;} #m-blank { height:2px; width:118px; border-top:1px solid #C0C5DA; font-size:0; line-height:0; } #m1 { background:url(img/design1/m1_up.gif) no-repeat left center;} #m1:hover { background:url(img/design1/m1_ov.gif) no-repeat left center #CED2DF;} #m1do { background:url(img/design1/m1_do.gif) no-repeat left center;} #m2 { background:url(img/design1/m2_up.gif) no-repeat left center;} #m2:hover { background:url(img/design1/m2_ov.gif) no-repeat left center #D5D9E6;} #m2do { background:url(img/design1/m2_do.gif) no-repeat left center;} #m3 { background:url(img/design1/m3_up.gif) no-repeat left center;} #m3:hover { background:url(img/design1/m3_ov.gif) no-repeat left center #DCE1EA;} #m3do { background:url(img/design1/m3_do.gif) no-repeat left center;} #m4 { background:url(img/design1/m4_up.gif) no-repeat left center;} #m4:hover { background:url(img/design1/m4_ov.gif) no-repeat left center #E3E6ED;} #m4do { background:url(img/design1/m4_do.gif) no-repeat left center;} #m5 { background:url(img/design1/m5_up.gif) no-repeat left center;} #m5:hover { background:url(img/design1/m5_ov.gif) no-repeat left center #E6E9F0;} #m5do { background:url(img/design1/m5_do.gif) no-repeat left center;} #m6 { background:url(img/design1/m6_up.gif) no-repeat left center;} #m6:hover { background:url(img/design1/m6_ov.gif) no-repeat left center #E7EAF1;} #m6do { background:url(img/design1/m6_do.gif) no-repeat left center;} #m7 { background:url(img/design1/m7_up.gif) no-repeat left center;} #m7:hover { background:url(img/design1/m7_ov.gif) no-repeat left center #E8EBF1;} #m7do { background:url(img/design1/m7_do.gif) no-repeat left center;} #m8 { background:url(img/design1/m8_up.gif) no-repeat left center;} #m8:hover { background:url(img/design1/m8_ov.gif) no-repeat left center #E8EBF1;} #m8do { background:url(img/design1/m8_do.gif) no-repeat left center;}