/*================================================================================================================== //==( Copyright © 2004 - Lucy - Author Alain Chalet , Patrice Bridoux )========== //================================================================================================================*/ /* ================================================================================= SQUELETTE --------------------------------------------------------------------------------- */ html, body { height:100%;} body { margin:0; padding:0; text-align:center;} html>body #container { height:auto; } #container { position:relative; margin:0 auto; width:731px; height:99.8%; min-height:100%; display:block;} html>#container { height:auto;} #mainheader-fr, #mainheader-en { position:absolute; z-index:3; left:0; top:0; height:171px; width:731px;} #header { position:relative; z-index:3; left:0; top:0; height:180px; width:731px;} #deconav { position:absolute; z-index:3; left:0; top:146px; height:45px; width:731px;} #mainnav { position:relative; z-index:3; left:0; top:0; width:731px; height:45px; margin-bottom:0px;} #content { position:relative; z-index:1; width:576px; padding-top:200px;} #sidebar { position:absolute; z-index:5; left:590px; top:180px; width:144px; height:auto;} #clearfooter { height:27px; width:731px; display:block; clear:both;} #footer { position:absolute; left:0; bottom:0; width:731px; height:21px; display:block;} #blclear { display:block;clear:both;} /* ================================================================================= DESIGN --------------------------------------------------------------------------------- */ body { font: 1em arial, hevetica, sans-serif; color:#505367; background:url(img/css1/f_1.gif) repeat-y top center #E1C6BB;} #container { text-align:left; background:url(img/css1/f_3.gif) no-repeat bottom left; } #mainheader-fr { background:url(img/css1/b_1_fr.jpg) no-repeat top left;} #mainheader-en { background:url(img/css1/b_1_en.jpg) no-repeat top left;} #header { background:url(img/css1/b_2.jpg) no-repeat top right;} #content { margin-bottom:20px;} #content p, #sidebar p, #mainnav p, #header p,#footer p { margin:0;} #footer { background:url(img/css1/f_2.gif) no-repeat top right #850000;} #footer p { position:relative; left:0;top:0; margin:1px 0 0 0; padding:0 0 0 24px; font-size:10px; color:#999999;} #footer a { font-size:10px; color:#999999; text-decoration:none;} #footer a:hover { color:#fff;} #footer .copy { position:absolute; top:0; right:10px; color:#fff;} #footer-d { background-color:#000; height:4px; width:100%; font:0/0;} /* ==================================================================== Barre de navigation1 site -------------------------------------------------------------------- */ #deconav { background:url(img/css1/m_1.gif) no-repeat top left;} #mainnav ul { padding:0; margin:0 0 0 70px;height:45px;width:auto;list-style:none;} #mainnav li { margin:0; height:45px;width:auto;display:inline;} #mainnav li a { padding:0px 10px 0 46px;margin:0;height:45px;width:auto;color:#000;text-decoration:none;font-size:12px;line-height:30px;vertical-align:middle;float:left} #mainnav li span { padding:0px 10px 0 48px;margin:0;height:45px;width:auto;color:#000;} #bt1 a { background:url(img/css1/bt1.png) no-repeat 0 0;} #bt1 a:hover { background-position: 0 -45px;} #bta1 a { background:url(img/css1/bt1.png) no-repeat 0 -45px;} #bt2 a { background:url(img/css1/bt2.png) no-repeat 0 0;} #bt2 a:hover { background-position: 0 -45px;} #bta2 a { background:url(img/css1/bt2.png) no-repeat 0 -45px;} #bt3 a { background:url(img/css1/bt3.png) no-repeat 0 0;} #bt3 a:hover { background-position: 0 -45px;} #bta3 a { background:url(img/css1/bt3.png) no-repeat 0 -45px;} #bt4 a { background:url(img/css1/bt4.png) no-repeat 0 0;} #bt4 a:hover { background-position: 0 -45px;} #bta4 a { background:url(img/css1/bt4.png) no-repeat 0 -45px;} #bt5 a { background:url(img/css1/bt5.png) no-repeat 0 0;} #bt5 a:hover { background-position: 0 -45px;} #bta5 a { background:url(img/css1/bt5.png) no-repeat 0 -45px;} #bt6 a { background:url(img/css1/bt32.png) no-repeat 0 0;} #bt6 a:hover { background-position: 0 -45px;} #bta6 a { background:url(img/css1/bt32.png) no-repeat 0 -45px;} #lang { position:absolute; z-index:8; top:-173px; left:-580px; padding:0; margin:0; width:50px; height:14px;} #lang ul { margin:0; padding:0; list-style:none; height:14px;display:block;float:left;} #lang li { margin:0 4px 0 0; padding:0; display:block;float:left;height:14px;} #lang li a { height:14px; width:20px; display:block;float:left;} #lang li span { height:14px; width:20px; display:block;float:left;} #lang-fr a { background:url(img/css1/fr_up.gif) no-repeat;} #lang-fr a:hover { background:url(img/css1/fr_ov.gif) no-repeat;} #lang-fr2 { background:url(img/css1/fr_ov.gif) no-repeat;} #lang-en a { background:url(img/css1/en_up.gif) no-repeat;} #lang-en a:hover { background:url(img/css1/en_ov.gif) no-repeat;} #lang-en2 { background:url(img/css1/en_ov.gif) no-repeat;} #lang li .nocss { display:none;} /* ==================================================================== Barre de navigation1 site -------------------------------------------------------------------- */ #zat-en, #zat-fr, #lat-en, #lat-fr, #pat-en, #pat-fr, #cat-en, #cat-fr, #dat-en, #dat-fr { height:70px;width:122px;text-align:right;padding:0;color:#9A736C;font-size:10px;} #zat-en { background:url(img/css1/zat_en.gif) no-repeat top left;} #zat-fr { background:url(img/css1/zat_fr.gif) no-repeat top left;} #zat-fr div, #zat-en div, #lat-fr div, #lat-en div, #pat-fr div, #pat-en div, #cat-fr div, #cat-en div, #dat-fr div, #dat-en div { padding:44px 4px 0 0;} #lat-en { background:url(img/css1/lat_en.gif) no-repeat top left;} #lat-fr { background:url(img/css1/lat_fr.gif) no-repeat top left;} #pat-en { background:url(img/css1/pat_en.gif) no-repeat top left;} #pat-fr { background:url(img/css1/pat_fr.gif) no-repeat top left;} #cat-en { background:url(img/css1/cat_en.gif) no-repeat top left;} #cat-fr { background:url(img/css1/cat_fr.gif) no-repeat top left;} #dat-en { background:url(img/css1/dat_en.gif) no-repeat top left;} #dat-fr { background:url(img/css1/dat_fr.gif) no-repeat top left;} #dt { font-size:11px; width:110px; color:#999999; position:absolute;bottom:27px;right:50px;} #nv { font-size:12px; padding:0; padding-top:50px; width:auto;} #nv ul { list-style:none; margin:0; padding:0; width:120px;} #nv li { padding:0 0 10px 0; margin:0; display:inline; clear:both;} #nv li a { background:url(img/css1/fl_u.gif) no-repeat left top ; color: #CE8579; padding:0px 0 6px 18px; text-decoration:none;display:block;clear:both;} #nv li span { background:url(img/css1/fl_d.gif) no-repeat left top ; color: #B11F07; padding:0px 0 8px 18px; display:block;clear:both;} #nv li a:hover { background:url(img/css1/fl_o.gif) no-repeat left top ; color: #B11F07; } #nv ul ul { position:relative; top:0; left:6px; margin:0 0 20px 0; padding:0 0 10px 10px; width:100px; float:left; border-left:1px solid #DFC9C3; border-bottom:1px solid #DFC9C3; background:url(img/css1/fl_f.gif) no-repeat left bottom;} #nv ul ul li { margin:0; padding:1px;height:18px;width:18px;float:left;clear:none;} #nv ul ul a { background:url(img/css1/gal_bt_up.gif) no-repeat top;padding:0;margin:0;height:auto;width:auto;display:block} #nv ul ul span { background:url(img/css1/gal_bt_do.gif) no-repeat top;padding:0;margin:0;height:auto;width:auto;display:block} #nv ul ul a:visited { background:url(img/css1/gal_bt_vi.gif) no-repeat top;} #nv ul ul a:hover { background:url(img/css1/gal_bt_ov.gif) no-repeat top;} #nv ul ul img { border:0; padding:0; margin:0} #nv2 { font-size:12px; padding-left:15px; padding-top:50px; width:auto;} #nv2 ul { list-style:none; margin:0; padding:0; width:120px;} #nv2 li { padding:0 0 10px 0; margin:0; display:inline; clear:both;} #nv2 li a { background:url(img/css1/fl_u.gif) no-repeat left top ; color: #CE8579; padding:0px 0 8px 18px; text-decoration:none; display:block;clear:both;} #nv2 li span { background:url(img/css1/fl_o.gif) no-repeat left top ; color: #B11F07; padding:0px 0 8px 18px; display:block;clear:both;} #nv2 li a:hover { background:url(img/css1/fl_o.gif) no-repeat left top ; color: #B11F07;} /* ==================================================================== affichage Contenu -------------------------------------------------------------------- */ @font-face { font-family:Monotype Corsiva; src:url(MONOTYP0.eot);;} @font-face { font-family:Monotype Corsiva; src:local(MTCORSVA.TTF), url(MTCORSVA.TTF) format(TrueType); } #content { font-size:14px;} #content h1 { font-family:arial;font-size:16px; margin:0 0 20px 30px; padding:0 0 0 10px; background:url(img/css1/h_1b.gif) repeat-x top left; width:auto; height:43px; line-height:43px; color:#000;} #content h2 { margin-left:30px; padding:4px 6px; font-size:14px; color:#000; background:url(img/css1/h2.jpg) repeat-y; height:100%; width:100%;} #content h3 { font-size:12px; color:#000; padding:0; margin:4px 0;} .patch { margin:0 0 0 30px; padding:0 20px 10px 0; background-color:#FBF9F8; float:left;} .patch2 { margin:20px 0 0 30px; padding:0 0 8px 0;border-bottom:1px solid #E0D7D6;} #content .obli { font-family:Monotype Corsiva;font-style:oblique;font-size:13pt} #cdeco { background:url(img/css1/h_2b.gif) no-repeat top right;width:100%;height:100%; display:block;} #content p { text-indent:15px; margin:0 0 20px 0; padding:0 30px 0 30px; color:#000; text-align:justify;font-family:Monotype Corsiva;font-style:oblique;font-size:13pt} #content p a { color:#000;} #content p a:hover { color:#BE5C4C;} #lien { } #lien p { text-indent:0; margin-top:8px; font-size:14px; color:#000; text-align:left;} #lien .patch2 p { margin:0 0 10px 0; padding:0;} #lien a { font-size:14px; color:#CE8579;} #lien a:visited { color:#000;} #lien a:hover { color:#A23624;} #lien img { border:0;margin:6px 0;} #lien .trait { border-top:1px solid #A68980; margin:30px 0 20px 30px;} #lnk { margin-top:20px;float:left;clear:both;} #lnk img { padding:0;margin:0;border:0;} #lnk blockquote { margin:4px 0 20px 47px; padding:4px; background-color:#F4ECEA; border: 2px dotted #A68980;} #lnk blockquote p { font-style:normal;text-indent:0;font-size:11px; margin:0; padding:4px;font-family:arial;} /* ==================================================================== affichage Contenu -------------------------------------------------------------------- */ #gal { position:relative; z-index:2; margin:30px 0 10px 30px; width:390px; background:url(img/css1/gal_d.gif) repeat-y top right #F4ECEA; clear:left;} #gal-txt { padding-left:4px; font-size:12px; color:#000; width:100px;} #gal-txt2 { position:absolute; left:120px; top:18px; padding-left:20px; font-size:12px; color:#000; border-left:1px solid #000; width:240px;} #gal-desc { position:relative; font-size:12px; color:#000; text-align:justify; margin-top:10px; padding:10px 20px 0 4px;} #gal-bt { margin:8px 20px 0 10px; padding:8px 0; border-bottom:1px solid #000; height:31px; font-size:12px;} #gal-bt a { background:url(img/css1/gal_co_up.gif) no-repeat; line-height:29px; color:#000; font-weight:bold; padding-left:28px; text-decoration:none; height:31px; width:90px; display:block;} #gal-bt a:hover { background:url(img/css1/gal_co_ov.gif) no-repeat; color:#C5250B;} #gal-ha { height:10px; background-color:#F4ECEA;} #gal-ha2 { position:relative; top:10px; height:10px; background-color:#F4ECEA;} #gal-cgh { position:relative; width:10px; height:10px; background-color: #F4ECEA; float:left; font:0/0;} #gal-cdh { position:relative; width:10px; height:10px; background:url(img/css1/gal_hd.gif) no-repeat top right; float:right; font:0/0;} #gal-cont { padding:8px;} #gal-ba, #gal-ba2 { height:15px; background:url(img/css1/gal_b.gif) repeat-x;} #gal-cgb { width:10px; height:15px; background:url(img/css1/gal_bg.gif) no-repeat bottom left; float:left; font:0/0;} #gal-cdb { width:10px; height:15px; background:url(img/css1/gal_bd.gif) no-repeat bottom right; float:right; font:0/0;} #navph { padding-left:24px; font-size:10px; clear:left;} #navph ul { margin:0; padding:0 10px 10px 10px; clear:left;} #navph li { margin:0; padding:1px; list-style:none; width:26px; height:26px; float:left;} #navph a { background:url(img/css1/gal_ph_up.gif) no-repeat; width:26px; height:26px; color:#fff; padding-top:5px; display:block; text-align:center; text-decoration:none;} #navph a:visited { background:url(img/css1/gal_ph_vi.gif) no-repeat;} #navph a:hover { background:url(img/css1/gal_ph_ov.gif) no-repeat;} #navph span { background:url(img/css1/gal_ph_do.gif) no-repeat; width:26px; height:26px; color:#fff; padding-top:4px; display:block; text-align:center; font-size:12px;} #gal-pho1 { margin:0 20px 0 30px; clear:left;} #gal-pho2 { position:relative; top:0; left:0; background:url(img/css1/gal_d.gif) repeat-y right top; clear:left; text-align:center;} #gal-ph { position:relative; top:0; margin-right:10px; background:url(img/css1/gal_1.gif); text-align:center; border:1px solid #000;} #gal-ba2 { position:relative; top:0; left:0; padding:0; margin:0;} #gal-cache { position:absolute; z-index:4; top:-10px; right:0; background-color:#FBF9F8; height:10px; width:10px; font-size:0pt; line-height:0pt;} #gal-ph a { padding:0; margin:0; border:0;} #gal-ph img { padding:0; margin:20px 10px 20px 10px; padding-right:10px; border:0;} #content #ptxt { clear:both; padding-top:10px; } /* ==================================================================== Formulaire -------------------------------------------------------------------- */ #fo-form { position:relative; left:30px; margin:30px 0 20px 0; font-size:12px; color:#000;} #fo-form div { position:relative; top:0; left:0; margin:8px 0; padding:0; width:500px;} #fo-form label { position:relative; display:block; width:130px; text-align:right; padding:0; margin:0;} #fo-form input { position:absolute; top:0; left:140px; font-size:12px; background:#F4ECEA; padding:0; margin:0; width:300px;} #fo-form button { position:relative; top:0; left:140px; font-size:12px; padding:2px; margin:0; width:60px; text-align:center; cursor:pointer;} #fo-form textarea { position:relative; top:-14px; left:140px; font-size:12px; background:#F4ECEA; padding:0; margin:0; } #fo-txt { font-size:10px; line-height:auto; width:304px; text-indent:0; display:block;margin:0 0 0 140px;}