/*===================================================================================== //==( Copyright 2004 - titre du Site - Author Alain Chalet )======== //===================================================================================*/ /* ==================================================================== SQUELETTE -------------------------------------------------------------------- */ html, body { height:100%; } body { margin:0; padding:0; text-align:center; } html>body #container { height:auto; } #container { position:relative; z-index:0; left:0; top:0; margin:0 auto; width:730px; height:99.8%; min-height:100%; } html>#container { position:relative; height:auto; } #mainheaderfr { position:absolute; z-index:1; left:0; top:0; height:171px; width:100%; } #mainheaderen { position:absolute; z-index:1; left:0; top:0; height:171px; width:100%; } #header { position:relative; z-index:2; left:0; top:0; height:171px; width:100%; } #mainnav { position:relative; z-index:2; left:0; top:0; height:19px; width:100%; clear:left; } #content { position:relative; z-index:4; top:0; left:0; height:auto; width:500px; float:left; } #sidebar { position:relative; z-index:4; top:0; right:0; width:160px; height:auto; float:right; } #footer { position:absolute; z-index:6; bottom:0; left:0; width:100%; height: 24px; } #clearfooter { height:27px; width:100%; clear:both; } #blank , #blank2 { position:absolute; left:547px; width:7px; height:0px; overflow:hidden; } #blank { top:-1px; } #blank2 { bottom:-1px; } /* ==================================================================== DESIGN -------------------------------------------------------------------- */ body { font: 1em arial, hevetica, sans-serif; color: #505367; background: url("img/design2/f_1.gif") repeat-x top left #000; } td { font-size:14px; color:#000; } #container { text-align: left; background: url("img/design2/f_5.jpg") no-repeat bottom left #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } #mainheaderfr { background: url("img/design2/b_1_fr.gif") no-repeat top left; } #mainheaderen { background: url("img/design2/b_1_en.gif") no-repeat top left; } #header { background: url("img/design2/b_2.jpg") no-repeat top right; } #sidebar { } #content { clear:left; margin-left:30px; } #content p, #sidebar p, #mainnav p, #header p,#footer p { margin:0px; } #footer { background: url("img/design2/f_2.gif") no-repeat top right #7A3C0A; } #footer p { position:relative; margin:2px 0px 0px 0px; padding-left:24px; font-size:10px; color:#B7967B; } #footer a { font-size:10px; color:#B7967B; text-decoration:none; } #footer a:hover { color:#fff; } #footer .copy { position:absolute; top:0px; right:10px;color:#fff;} #footer-d { background: #000; height: 4px; width:100%; font-size:0pt; line-height:0pt;} #clearfooter { } #blank , #blank2 { } /* ==================================================================== Barre de navigation1 site -------------------------------------------------------------------- */ #mainnav { background: url("img/design2/m_1.gif") no-repeat top left #7A3C0A; height:19px; font-size:12px; line-height:1.1em; padding:0px; margin:0px; display:block; clear:both; } #mainnav ul { list-style:none; margin:0px; padding:0px; clear:both; } #mainnav li { padding:0px 4px 0px 4px; height:19px; margin:0px; float:right; } #mainnav li a { text-decoration:none; color:#fff; padding:2px 4px 4px 12px; line-height:1.1em; height:19px; display:inline; } #mainnav li a:hover { background: url("img/design2/n_o.gif") no-repeat top left #350000; } #mainnav li span { position:relative; top:+1px; background: url("img/design2/n_d.gif") no-repeat top left #fff; color:#000; padding:2px 4px 5px 12px; line-height:1em; height:19px; } #mainnavdeco { background: url("img/design2/m_2.gif") no-repeat top left; height:26px; margin-bottom:30px; clear:both; } /* ==================================================================== Barre de navigation sous menu -------------------------------------------------------------------- */ #lang { position:absolute; z-index:4; top:135px; left:130px; font-size: 12px; padding:0px; margin:0px; background: url("img/design2/lang.gif") no-repeat bottom left #000; width:78px; height:15px; } #lang ul { margin:0px; padding:0px 0px 0px 4px; list-style:none; width:78px; } #lang li { margin:0px; padding:0px 0px 0px 8px; float:left;} #lang li a { height:14px; width:22px; display:block; } #lang li span { height:14px; width:22px; display:block; } #lang-fr a { background: url("img/design2/fr_up.gif"); } #lang-fr a:hover { background: url("img/design2/fr_do.gif"); } #lang-fr span { background: url("img/design2/fr_do.gif"); } #lang-en a { background: url("img/design2/en_up.gif"); } #lang-en a:hover { background: url("img/design2/en_do.gif"); } #lang-en span { background: url("img/design2/en_do.gif"); } #css { position:absolute; z-index:4; top:150px; right:0px; font-size: 12px; padding:0px; margin:0px; width:25px; height:13px;} #css ul { margin:0px; padding:0px; list-style:none; width:25px; } #css li { margin:0px; padding:0px 4px 0px 0px; float:left;} #css li a { height:13px; width:13px; display:block; } #css1 a { background: url("img/d1_up.gif") no-repeat; } #css1 a:hover { background: url("img/d1_ov.gif") no-repeat; } #css2 a { background: url("img/d2_up.gif") no-repeat; } #css2 a:hover { background: url("img/d2_ov.gif") no-repeat; } #smenu { font-size: 12px; padding:0px 10px; margin:0px; width:130px; height:auto; } #smenu ul { list-style:none; margin:0px; padding:0px; height:auto; width:130px; } #smenu li { padding:8px 0px;margin:0px; height:auto; width:130px; display:block; } #smenu li a { background: url("img/design2/bt_vi.gif") no-repeat left center ; color: #8D7474; text-decoration:none; padding: 2px 0px 2px 24px; height:auto; width:130px; display:block; } #smenu li a:visited { background: url("img/design2/bt_up.gif") no-repeat left center ; color: #000; } #smenu li a:hover { background: url("img/design2/bt_ov.gif") no-repeat left center ; color: #850000; } #smenu li span { background: url("img/design2/bt_do.gif") no-repeat left center ; color: #850000; padding: 2px 0px 2px 24px; height:auto; width:130px; display:block; } /* ==================================================================== affichage Contenu -------------------------------------------------------------------- */ #content h1 { margin:0px; padding:6px 80px 6px 10px; background: url("img/design2/h_1.gif") repeat-y center right #7A3C0A; font-size:14px; height:18px; color:#fff; line-height:18px; float:left; margin-bottom:20px;} #content h2 { margin:0px; padding:6px 80px 0px 20px; font-size:14px; height:18px; color:#000; line-height:18px; } #content p { font-size:14px; color:#000; text-align:justify; padding:0px; margin:0px; display:block; clear:left} #ci { margin-left:20px;margin-bottom:10px; float:right; } .lnkr { margin-left:10px;margin-bottom:10px; float:right; border:0px;clear:both; } .lnkl { margin-right:10px;margin-bottom:10px; float:left;border:0px;clear:both; } #txt-deco { border-bottom:1px solid #000; clear:left; display:block; margin:20px 0px;} #gal { position:relative; top:0px; left:0px; width:480px; background: url("img/design2/gal_f2.gif") repeat; border:1px solid #000; margin-bottom:20px; clear:left; } #gal p { top:0px; text-align:center; margin: 0px; } #gal img { padding: 0px; margin:20px; border:0px ; } #gal-txt { position:relative; top:0px; left:0px; background: url("img/design2/gal_f.jpg") repeat-y top right #D3CFCB; padding: 0px 0px 10px 0px; margin:0px 0px 0px 0px; border-bottom:1px solid #000; } #gal-txt p { text-align:left; color:#000; padding: 8px 0px 0px 20px ; } #gal-deco { position:absolute; z-index:5; top:1px; right:0px; background: url("img/design2/gal_deco.jpg") no-repeat top right; height:52px; width:69px; display:block; } /* ==================================================================== lien -------------------------------------------------------------------- */ #lien { font-size:12px; color:#000; text-align:justify; padding:0px 120px 0px 0px; margin:0px; clear:left;} #lien ul { list-style:none; font-size: 12px; padding:0px; margin:0px; } #lien li { padding-bottom:20px; margin:0px; } #content a { padding:0px; margin:0px; color:#CC0000;text-decoration:none;} #content a:visited { color:#7A3C0A;text-decoration:underline;} #content a:hover { color:#CC0000;text-decoration:underline;} #lien li img { margin-bottom:4px; }