/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Redefinitions des balises HTML */ /*html{ overflow:-moz-scrollbars-vertical; }*/ *{margin:0;padding:0;} body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#47515c;} img{border:0} *{margin:0;padding:0;} body{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#47515c; background:url(../images/background/fond.jpg) repeat-x center top;} td{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#47515c;} a{text-decoration:none; color:#5e4039;} a:hover{color:#E2E2E2;} img{border:none;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV HAUT*/ #Globale{width:975px; margin:0 auto; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Heauder*/ #header{width:968px; height:96px;} #header .divLogo{width:180px; height:96px; float:left; display:inline; } #header .gaucheLogo{width:788px; height:96px; float:left; display:inline; } #header .gaucheLogo .recheche{width:788px; height:66px; position:relative;} *html #header .gaucheLogo .recheche{width:788px; height:62px; position:relative;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Slogan*/ #header .gaucheLogo .recheche .slogan{position:absolute; left:136px; top:45px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Slogan*/ #header .gaucheLogo .recheche .TopRecherche{ position:absolute; right:0px; top:4px;} #header .gaucheLogo .recheche .TopRecherche .zoneTxt{width:400px; text-align:right; float:right;} #header .gaucheLogo .recheche .TopRecherche .zoneTxt .zoneRecehrche{width:115px; height:15px !important; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:1px!important;font-size:10px; color:#b3b3b3;} *+html #header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;} *html #header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;} #header .gaucheLogo .recheche .TopRecherche .zoneTxt input.zoneRecehrche{width:115px; height:18px; background:#F5F0E6; border:0; padding:2px 0 0 6px; margin-top:-4px;font-size:10px; color:#b3b3b3;} #header .gaucheLogo .recheche .TopRecherche .zoneTxt .ok{width:15px; height:16px; background:url(../images/bouton/ok.gif); border:0; cursor:pointer;} #header .gaucheLogo .recheche .TopRecherche .elementCle{float:right; text-align:right;padding:0 10px 0 37px;} #header .gaucheLogo .recheche .TopRecherche .elementCle ul{list-style:none;} #header .gaucheLogo .recheche .TopRecherche .elementCle ul li{ display:block; float:left;} #header .gaucheLogo .recheche .TopRecherche .elementCle ul li .sep{margin:0 5px 0 5px;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Menu*/ #header .gaucheLogo .menu{width:788px; height:30px; position:relative; z-index:9;} #header .gaucheLogo .menu ul{list-style:none; text-align:right; padding-right:10px; } #header .gaucheLogo .menu ul li{display:inline; } #header .gaucheLogo .menu ul li li{display:block;} #header .gaucheLogo .menu ul li li a{display:block; } #header .gaucheLogo .menu ul li.separateur{padding:0 13px 0 9px; width:5px;} #header .gaucheLogo .menu ul li.dernier{} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SOUS MENU*/ #header .gaucheLogo .menu ul.Smenu{position:absolute;opacity: 0.8;filter: alpha(opacity = 80); background:#fff;display:none;text-align:left;} #header .gaucheLogo .menu ul.Smenu_0{top:30px;left:138px; } #header .gaucheLogo .menu ul.Smenu_1{top:30px;left:238px; } #header .gaucheLogo .menu ul.Smenu_2{top:30px;left:345px; } #header .gaucheLogo .menu ul.Smenu_3{top:30px;left:493px; } #header .gaucheLogo .menu ul.Smenu_4{top:30px;left:642px; } #header .gaucheLogo .menu ul.Smenu1_5{top:30px;right:10px;} #header .gaucheLogo .menu ul.Smenu li {display:block; text-align:left; display:block; clear:both;} #header .gaucheLogo .menu ul.Smenu li a{color:#3A3A38; display:block;padding:6px 0 6px 11px;white-space:nowrap} #header .gaucheLogo .menu ul.Smenu li a:hover{color:#2caadd;} #header .gaucheLogo .menu ul.Smenu1{position:absolute;opacity: 0.8;filter: alpha(opacity = 80);background:#fff;display:none;text-align:right;} #header .gaucheLogo .menu ul.Smenu1 li {display:block; text-align:right; display:block; clear:both;} #header .gaucheLogo .menu ul.Smenu1 li a{color:#3A3A38; display:block;padding:6px 2px 6px 11px;} #header .gaucheLogo .menu ul.Smenu1 li a:hover{color:#2caadd;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~bandeau*/ #bandeau{width:975px; } /*****************M***********/ #bandeau .bandeauG{width:966px; height:295px; float:left; float:left; padding:6px 0 0 0;} #bandeau .bandeauD{width:212px; height:313px; float:left; position:relative;} #bandeau .bandeauD .fondCordonne{position:absolute; left:0px; top:0;} #bandeau .bandeauD .cordonne{position:absolute; left:9px; top:8px; width:204px; height:293px;} #bandeau .bandeauD .cordonne h2{ margin:6px 0 11px 0; font-size:12px;} #bandeau .bandeauD .cordonne h3{width:195px; height:15px; background:#b1ab9a; color:#FFF; padding:2px 0 0 9px; font-size:11px; margin:0 0 6px 0;} #bandeau .bandeauD .cordonne h3 a{color:#FFF; text-decoration:underline; font-weight:bold;} #bandeau .bandeauD .cordonne h3 a:hover{text-decoration:overline;} #bandeau .bandeauD .cordonne .adresse{width:204px; padding:0 0 12px 9px; line-height:15px; color:#47515c;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Le groupe + Animation Flash*/ #milieu{width:943px; padding:15px 0 25px 25px; font-size:11px; clear:both; } #milieu .notreGroupe{width:233px; background:url(../images/background/separateur.gif) right 10px no-repeat; float:left; display:inline; padding:8px 0 25px 0;} #milieu .notreGroupe p{width:214px; margin:5px 0 0 0; line-height:15px;} #milieu .notreGroupe ul{text-align:left; list-style:none; margin:8px 0 0 4px; } #milieu .notreGroupe ul li{ padding-right:0px; margin-bottom:2px; clear:left; margin:4px 0 0 0;} #milieu .notreGroupe ul li a{color:#2caadd; background:url(../images/pictos/puce2.gif) right 4px no-repeat; padding:0 14px 0 0; font-size:11px; } #milieu .notreGroupe ul li a strong{font-weight:bold;} #milieu .notreGroupe ul li a:hover{text-decoration:underline;} #milieu .notreGroupe span{color:#174F9A; font-weight:bold; font-size:10px;} #milieu div.tousSavoir{ margin:10px 0 0 0;} #milieu div.alignRight{ text-align:right; margin-right:20px;} #milieu div.alignRight1{ text-align:right; margin-right:13px;} #milieu div.tousSavoir a{color:#5e4039; background:url(../images/pictos/puce2.gif) right 4px no-repeat; padding:0 14px 0 0; font-size:10px; text-transform:uppercase } #milieu div.tousSavoir a:hover{text-decoration:underline;} #milieu .notreActualites{width:218px; float:left; display:inline; padding:8px 0 0 13px;} #milieu .notreActualites .blocActu{width:197px; background:url(../images/background/separateur-bas.gif) bottom left no-repeat; padding:6px 0 2px 0; line-height:14px; } #milieu .notreActualites .blocActu .lirePlus{ text-align:right; text-transform:uppercase;} #milieu .notreActualites .blocActu .lirePlus a{font-size:10px; color:#5e4039} #milieu .notreActualites .blocActu .lirePlus a:hover{ text-decoration:underline;} #milieu .informations{width:235px; float:left; display:inline;} #milieu .informations .blocInfo{width:210px; margin:0 0 0 12px;} #milieu .informations .blocInfo .top{width:210px; height:9px; background:url(../images/background/top-info.gif) no-repeat; overflow:hidden} #milieu .informations .blocInfo .top1{background:url(../images/background/top-info1.gif) no-repeat;} #milieu .informations .blocInfo .milieu{width:210px;background:url(../images/background/milieu-info.gif) top repeat-y;} #milieu .informations .blocInfo .milieu1{background:url(../images/background/milieu-info1.gif) top repeat-y;} #milieu .informations .blocInfo .milieu a.lienClub{font-weight:bold; margin:2px 0 3px 12px; color:#1697cc;} #milieu .informations .blocInfo .milieu h2{margin:0 0 0 10px;} #milieu .informations .blocInfo .milieu p{padding:6px 6px 6px 12px} #milieu .informations .blocInfo .bas{width:210px; height:12px; background:url(../images/background/bas-info.gif) no-repeat; overflow:hidden} #milieu .informations .blocInfo .bas1{background:url(../images/background/bas-info1.gif) no-repeat;} #milieu .informations .titreClub{ margin:8px 0 5px 23px} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV FOOTER*/ #GlobaleFooter{width:100%; height:25px; background:#D3D0C7; clear:both;position:fixed; bottom:0px;} *html #GlobaleFooter {position:absolute;width:100%; height:25px; background:#D3D0C7; clear:both;} *html #GlobaleFooter {width:100%; height:25px; background:#D3D0C7; clear:both; top: expression(offset = 0 + parseInt(document.body.currentStyle.paddingBottom) + parseInt(document.body.currentStyle.marginBottom), document.documentElement.clientHeight - this.offsetHeight - offset + document.documentElement.scrollTop + 'px');} #GlobaleFooter #Footer{ width:975px; height:25px; margin:0 auto; padding-left:12px;} #GlobaleFooter #Footer ul{list-style:none; } #GlobaleFooter #Footer ul li{display:inline;} #GlobaleFooter #Footer ul li .sep1{margin:0 5px 0 5px;} #GlobaleFooter #Footer ul li .mention{margin-left:570px;} #GlobaleFooter #Footer ul li .argaze{margin-left:0px;} .bleuCiel{color:#2BBCEF}