/* TABLE DES MATIÈRES:
- Générale (body, html, h1, h2, ...)
- Conteneur
- Menu
- Textes
- Pieds de page
- Formulaires
----------------------------------------------------------------------------------------*/
/* Ie PNG Fix
--------------------------------------------------------------------------------------- */
#FlashOver img, div {behavior: url(inc/iepngfix.htc)}
/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
margin: 0;
padding: 0;
text-align:center;
}
body#main{
background: #3e515c;
margin: 0;
padding: 0;
text-align:center;
}
html{
color: #717172;
font-size: 11px;
/* Garder 3 fontes seulement */
font-family: Arial, verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
h1{
color: #C21527;
font-size:18px;
}
h1 a, h1 a:link, h1 a:visited{
color:#C21527;
}
h2{
color: #3a8dcb;
font-size:15px;
font-weight:bold;
float:left;
text-transform:uppercase;
}
h3{
color: #15578a;
font-size:11px;
font-weight:bold;
float:right;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
margin: 0 auto 0 auto;
text-align:left;
width:1000px;
background:url(gx/bg.gif) repeat-y;
}
#haut{position:relative;background:url(gx/m/bg_menu_Haut.gif) repeat-x;height:41px;/*background: #000 url(_canvas/menuHaut.jpg) no-repeat;*/}
#logoCtn{width:1000px;height:64px;background:url(gx/logo.jpg) no-repeat;}
#logoBtn a, #logoBtn a:link, #logoBtn a:visited, #logoBtn a:hover{width:530px;height:64px;display:block;text-decoration: none;}
#ColDroite{float:right;width:245px;background:#5e707a url(gx/wSquare.gif) repeat-y right;}
/*#contenuLateral{overflow-y:auto;overflow-x:hidden;color:white;background:#4d5f69 url(gx/wSquare.gif) repeat-y right;}*/
#ColGauche img{display:block;}
#ColDroite img{display:block;}
#ContenuOuter{float:left;width:570px;background:url(gx/bg_contenu.gif) repeat-y;}
#ContenuInner{padding:0px 10px 10px 18px;}
#resultatCtn fieldset{padding-left:10px;width:520px;font-size: 11px;border:1px solid #d1d5d8;}
#resultatCtn fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
#resultatCtn fieldset label{font-familly:verdana;font-weight:bold;font-size:12px;color:#333;float:left;}
#resultatCtn a, #ContenuInner a:link, #ContenuInner a:visited{color:#4d5f69;font-size:10px;text-decoration:none;}
#resultatCtn a:hover, #ContenuInner a:hover:visited{text-decoration:underline;color:#fe6800;}
#contenuLateral{}
/*#ResultatLateral{
Typical fixed height and fixed width example
overflow-y:auto;overflow-x:hidden;*/
/* IE overflow fix, position must be relative or absolute
position: relative;background:#4d5f69 url(gx/wSquare.gif) repeat-y right;
}
#contenuLateral{}*/
#ResultatLateral{
overflow:hidden;
position: relative;background:#4d5f69 url(gx/wSquare.gif) repeat-y right;_height:796px;
}
/* Flash
--------------------------------------------------------------------------------------- */
#FlashOverCtn{position:relative;}
#FlashOver{height:70px;width:200px;position:absolute;z-index:1;top:0px;left:0px;}
#flashInner{z-index:-1;}
/* Col Droite
--------------------------------------------------------------------------------------- */
#login{height:120px;margin-top:5px;font-size:11px;padding-right:8px;}
#login p{color:#c0ced7;font-weight:bold;}
#login p.erreur{color:red;}
#login a, #login a:link, #login a:visited{color:#9ccaed;padding-right:10px;margin-top:5px;font-size:12px;color:orange;font-weight:bold;}
#login a:hover, #login a:visited:hover{color:#fff;}
#login input.champTexte{
background: #9ea9af;
border: 1px solid #8a9eab;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
padding:5px 0 5px 0;
_height:26px;
width:100%;
}
#login input.champTexte.erreur{background:white;color: red;}
#login input.champTexte:hover{background: #b3bbc0;}
#meteo{width:241px;height:65px;display:block;}
#nouveaute{background:#4d5f69;width:238px;_width:244px;padding:12px 0 12px 6px;}
#ResultatLateral .Categorie{color:#fe6800;font-size:11px;font-weight:bold;}
/*#meteo a, #meteo a:link, #meteo a:visited{background:url(gx/meteo.gif);display:block;width:166px;height:47px;_width:241px;_height:65px;font-size:28px;color:#fff;text-decoration:none;padding:18px 0 0 75px;}
#meteo a:hover, #meteo a:visited:hover{background:url(gx/meteo_over.gif);}*/
/* Col Droite Résultat
--------------------------------------------------------------------------------------- */
.resultat img{margin:3px 0 0 3px;_margin:3px 0 0 1px;float:left;}
.resultat{float:left;background-color:#3e4f59;width:223px;display:block;padding:5px 0;margin-bottom:10px;}
.photoListeAgent{float:left;width:110px;margin-left:2px;background:white;}
.photoListeAgent a, .photoListeAgent a:link, .photoListeAgent a:visited{float:left;padding-bottom:3px;}
.contenuListenoPhoto{float:left;width:223px;text-align:left;padding:10px 0 10px 5px;}
.contenuListenoPhoto a, .contenuListenoPhoto a:link, .contenuListenoPhoto a:visited{color:#fe641a;font-size:11px;font-size:bold;}
.contenuListenoPhoto a:hover, .contenuListenoPhoto a:hover:visited{color:#fff;}
.contenuListenoPhoto ul{list-style-type:none;padding:0px;margin:0px;}
.contenuListenoPhoto ul li{list-style-type:none;padding:0px;margin:0px;color:#fff;font-size:11px;font-size:bold;text-transform:uppercase;}
.contenuListenoPhoto ul li a, .contenuListenoPhoto ul li a:link, .contenuListenoPhoto ul li a:visited{color:#fe641a;font-size:11px;font-size:bold;}
.contenuListenoPhoto ul li a:hover, .contenuListenoPhoto ul li a:hover:visited{color:#fff;}
.contenuListeAgent{float:right;text-align:left;margin-right:0px;width:106px;}
.contenuListeAgent a, .contenuListeAgent a:link, .contenuListeAgent a:visited{color:#fe641a;font-size:11px;font-size:bold;}
.contenuListeAgent a:hover, .contenuListeAgent a:hover:visited{color:#fff;}
.contenuListeAgent ul{list-style-type:none;padding:0px;margin:0px;}
.contenuListeAgent ul li{list-style-type:none;padding:0px;margin:0px;color:#fff;font-size:11px;font-size:bold;text-transform:uppercase;}
/* Col Gauche
--------------------------------------------------------------------------------------- */
#ColGauche{float:left;width:185px;/*background:#5e707a url(gx/wSquare.gif) repeat-y left;*/padding-top:75px;}
#ColGauche ul{margin:0px;padding:0;margin-left:10px;}
#ColGauche ul li{padding:0; margin:0; list-style: none;border-bottom:1px solid #88959c;}
#ColGauche ul li a, #ColGauche ul li a:link, #ColGauche ul li a:visited{margin-left:0px;;padding:0 0px 0 10px;text-decoration:none;color:#fff;line-height:30px;font-size:11px;font-weight:bold;text-transform:uppercase;background:url(Gx/bullet.gif) no-repeat 1px 49%;}
#ColGauche ul li a:hover, #ColGauche ul li a:visited:hover{background:#4d5f69 url(Gx/bullet_over.gif) no-repeat 1px 49%;;display:block;}
#ColGauche ul li a.actif, #ColGauche ul li a.actif:visited{background:#f57b20;display:block;}
#ColGauche ul li.last{border:none;_float:left;_width:175px;}
.publiciteGauche{margin:5px 0 0 4px;width:180px;/*height:180px;*/}
.premier{margin-top:30px;}
#newsLetter{margin:5px 0 0 10px;}
/* Contenu
--------------------------------------------------------------------------------------- */
#contenu{/*background:#5e707a url(gx/wSquare.gif) repeat-y left;*/}
/* Recherche */
#rechercheCtn{margin-top:7px;}
#rechercheEntete{position:relative;height:47px;width:536px;background:#161616;}
#rechercheEntete span.tabLeft{background:url(gx/recherche/titreTabGauche.gif) no-repeat right top;display:block;height:47px;width:5px;float:left;}
#rechercheEntete span.tabRight{background:url(gx/recherche/titreTabDroite.gif) no-repeat right top;display:block;height:47px;width:5px;float:right;}
#rechercheEntete img{position:absolute;top:17px;left:13px;}
#rechercheCtn fieldset{padding: 5px; border-left:1px solid #d1d5d8;font-size: 11px;border-right:1px solid #d1d5d8;background:#f8fcff;}
#rechercheCtn input{float:right;}
#rechercheEntete a.ajoutItem,#rechercheEntete a.ajoutItem:link,#rechercheEntete a.ajoutItem:visited{position:absolute;top:-7px;right:240px;}
/* Publicités */
#publiciteContenu{position:relative;background:url(gx/pubCtnmilieu.gif) repeat-x;height:97px;width:536px;margin-top:10px;}
#publiciteContenu span.gauche{background:url(gx/pubCtnGauche.gif) no-repeat right top;display:block;height:97px;width:5px;float:left;}
#publiciteContenu span.droite{background:url(gx/pubCtnDroite.gif) no-repeat right top;display:block;height:97px;width:5px;float:right;}
#publiciteContenu #publiciteContenuInner{position:absolute;top:6px;left:6px;background:#7b8f9a;height:85px;width:524px;}
/* NEWS */
#nouvelles{/*background:orange;*/display:block;margin-top:10px;width:536px;}
#nouvelles a.ajoutEvenement,#nouvelles a.ajoutEvenement:link,#nouvelles a.ajoutEvenement:visited{float:right;}
#nouvelles #newsCtn a,#nouvelles #newsCtn a:link,#nouvelles #newsCtn a:visited{color:#4496d2;font-weight:bold;}
#nouvelles img{float:left;}
hr.ligne{background-color:#c9ced1;height:1px;clear:both;width:536px;}
.newsCtn{/*background:silver;*/display:block;margin-top:10px;padding:10px;}
.newsCtn p{color:#000;font-size:11px;}
.newsCtn .newsImgCtn{float:right;width:214px;font-size:0px;/*background:pink;*/}
.newsImgCtn .cadreHaut{float:left;width:214px;height:9px;background:url(gx/nouvelles/imgCadreHaut.gif) no-repeat;}
.newsImgCtn .cadreCentre{float:left;width:214px;background:url(gx/nouvelles/imgCadreCentre.gif) repeat-y;}
.newsImgCtn .cadreBas{float:left;width:214px;height:9px;background:url(gx/nouvelles/imgCadreBas.gif) no-repeat;}
.newsImgCtn a, .newsImgCtn a:link, .newsImgCtn a:visited{float:left;margin-left:9px;_margin-left:6px;}
#colonephoto{
float: right;
width: 214px;
margin-right: 10px;
}
.ajoutCtn .newsImgCtn{float:right;width:214px;font-size:0px;/*background:pink;*/}
/* MENU
--------------------------------------------------------------------------------------- */
#menuPrincipale{position:absolute;top: 0px;right: 32px;height:41px; margin:0; padding:0;}
#menuPrincipale ul{margin:0;padding:0;}
#menuPrincipale ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuPrincipale ul li a, #menuPrincipale ul li a:link, #menuPrincipale ul li a:visited{float:left;background:url(gx/m/menu_HautGauche.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;background-position:0% -84px;color:#fff;cursor: hand;line-height: 41px;font-family:Arial;font-weight:bold;font-size:12px;}
#menuPrincipale ul li a span{float:left;background:url(gx/m/menu_HautDroite.gif) no-repeat right top;padding: 0px 12px 0px 7px;height:41px;background-position:100% -84px;}
#menuPrincipale ul li a:hover, #menuPrincipale ul li a:visited:hover{background-position:0% 0px;}
#menuPrincipale ul li a:hover span, #menuPrincipale ul li a:visited:hover span{background-position:100% 0px;}
#menuPrincipale ul li a.actif, #menuPrincipale ul li a.actif:visited{background-position:0% -42px;}
#menuPrincipale ul li a.actif span, #menuPrincipale ul li a.actif:visited span{background-position:100% -42px;}
#menuQuick{position:absolute;top: 0px;left: 15px;height:41px; width:263px;margin:0; padding:0;background:#000 url(gx/m/bg_menu_Quick.gif) no-repeat left top;}
#menuQuick ul{margin-left:20px;padding:0;}
#menuQuick ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuQuick ul li a, #menuQuick ul li a:link, #menuQuick ul li a:visited{margin:0;padding:0 15px 0 15px;text-decoration:none;background-position:0% -84px;color:#fff;cursor: hand;line-height: 41px;font-size:Arial;font-size:12px;}
#menuQuick ul li a:hover, #menuQuick ul li a:visited:hover{color:#f57b20;}
#menuQuick ul li a.actif, #menuQuick ul li a.actif:visited{color:#f57b20;}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}
.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}
/*
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/
.lienRSS{
background: url(Gx/rss.gif) no-repeat left;
padding:5px 0 5px 20px;
}
.lienPDF{
background: url(Gx/icone_PDF.gif) no-repeat left;
padding:5px 0 5px 20px;
}
.both{clear: both;}
.img{font-size:0px;}
.clearall{clear: all;font-size:0px;padding:0;margin:0;height:0px;/*background:orange;*/}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#8f9aa0; font-family:Arial; font-size:12px; height:76px; padding:0;background:url(gx/bg_pieddepage.gif) repeat-y;}
#piedPage a{color:#8f9aa0; text-decoration:underline;}
#piedPage a:hover{color:#fff;}
#piedPage #copyrights{float:left; margin:0; text-align:left;padding:22px 15px 0 15px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #link{float:right;padding:30px 15px 0 15px;}
#piedPage #link a{font-size:11px;color:#fff;text-decoration:none;}
#piedPage #link a:hover{font-size:11px;color:#8f9aa0;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basDePage{height:76px;background:url(gx/bg.gif) repeat-y;}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
/*fieldset{padding: 5px; border:1px solid #d1d5d8;font-size: 11px;border-bottom:none;background:#f8fcff;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}*/
.noframe{border:0px;background:transparent;}
#assurances dl p{font-size:12px;color:#333;}
#assurances dl a, #assurances dl a:link, #assurances dl a:visited{font-size:12px;color:#006d9b;}
#assurances dl a:hover, #assurances dl a:visited:hover{font-size:12px;color:#333;}
#assurances{
background-color: #f8fcff;
float:left;
width:524px;
_width:534px;
text-align: left;
padding: 5px;
}
.clear{clear: both;line-height:0px;}
#assurances dt{
/*background: red;*/
float: left;
width: 254px;
overflow: hidden;
margin-top: 5px;
}
#assurances dd{
/*background: blue;*/
float: right;
overflow: hidden;
width: 255px;
margin-top: 5px;
}
#assurances dd input{float: left;}
#assurances fieldset{padding: 5px; border:1px solid #d1d5d8;font-size: 11px;background:#f8fcff;}
#assurances fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
#rechCtn dt{
/*background: red;*/
float: left;
width: 254px;
overflow: hidden;
margin-top: 5px;
}
#rechCtn dd{
/*background: blue;*/
float: right;
overflow: hidden;
width: 235px;
margin-top: 5px;
}
#rechCtn fieldset{padding: 5px; font-size: 11px;background:#f8fcff;}
#rechCtn fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
#rechCtn fieldset label{font-familly:verdana;font-weight:bold;font-size:12px;color:#333;float:left;}
#rechCtn input.champTexte{ float:right;
background: #fff;
border: 1px solid #8a9eab;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}
#rechCtn select.listeDeroulante{
float:right;
background: #fff;
border: 1px solid #C9D0D6;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
width:130px;
}
/*.champTexte{
background: #9ea9af;
border: 1px solid #8a9eab;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}*/
.champTexte{
float:left;
background: #fff;
border: 1px solid #8a9eab;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}
.listeDeroulante{
background: #EEF3F7;
border: 1px solid #C9D0D6;
color: #4E677A;
font-size: 11px;
margin:2px 0 2px 0;
}
.boiteTexte{
background: #EEF3F7;
border: 1px solid #C9D0D6;
color: #4E677A;
font-family: "Trebuchet MS";
font-size: 11px;
margin:2px 0 2px 0;
}
.bouton{
background-color: #EEF3F7;
border: 1px solid #C9D0D6;
color: #498ECB;
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;color:#fff;} /* FF seulement */
.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}
#overlay2 {
position:fixed;
z-index:99;
top: 0;
left: 0;
background-color:#FFFFFF;
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
height:100%;
width:100%;
}
* html #overlay2 { /* ie6 hack */
position: absolute;
margin-top: expression((TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#X_HideSelect{
z-index:98;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #X_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}