/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #143B5B;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Helvetica, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{color:#363636; font-size:18px; margin:5px 0 4px 0;}

h1.vieVert{
	color: #000;
	font:18px Arial;
	margin:0 0 5px 0;
}

h2{color:#4C4C4C; font-size:15px;}
h2 a, h2 a:link{color:#4C4C4C; font-size:15px; text-decoration:none;}
h2 a:hover, h2 a:visited:hover{
	text-decoration:underline;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 10px auto 0 auto;
	text-align:left;
	width:966px;
}
#haut{
	width:966px;
	height:191px;
}
#milieu{
	width:966px;
	background: #FFF;
}

#milieu.milieuVieVert{
	width:966px;	
	background: #FFF url(gx/10/bg.jpg) no-repeat 165px top;
}


#milieu #colGauche{
	width:167px;
	float:left;
	background: #FFF url(gx/m/colGauche_bg.gif) no-repeat;
}
#milieu #colSousMenu{
	background: #FFF url(gx/m/sousMenu_bg.gif) no-repeat;
	float:left;
	width:146px;
	height: 433px;
}
#milieu #contenu{
	float:left;
	margin:23px 0 0 20px;
	width:598px;

}
#milieu #colDroite{
	width:159px;
	float:right;
	background: url(gx/m/ligne_bg.gif) no-repeat left top;
	height: 533px;
}

#boiteLogoLien{
	text-align:center;
	display: block;
}
#boiteLogoLien a{
	margin:0 10px 0 10px;
}

.titreFormulaire{background:#075B87; font-size:12px; font-weight: bold; color:#FFF; padding:10px; border:none;margin-bottom:10px;display:block;}
.titreFormulaire a, .titreFormulaire a:link{color:#FFF;text-decoration: none;}
.titreFormulaire a:hover, .titreFormulaire a:visited:hover{color:#FFF;text-decoration: underline;}

.boiteContenu{
	background: #F5F7F7;
	border:1px solid #BAD0DB;
	padding: 5px;
}

.onglet{/* pour les h2 des boiteContenu */
	border-top:1px solid #BAD0DB;
	border-left:1px solid #BAD0DB;
	border-right:1px solid #BAD0DB;
	padding:5px;
}

/* Navigation secondaire a gauche sous les menus */
#navSec{width:164px; display:block; float:right; margin:12px 0 12px 0;line-height:10px;}
#navSec a, #navSec a:link, #navSec a:visited{color:#47A9DD;display:block;font-size:10px;padding:2px 12px 7px 2px;text-align:right;text-decoration:none;}
#navSec a:hover, #navSec a:visited:hover{color:#B5DDF1; text-decoration: none;}
#navSec  a.actif, #navSec a.actif:visited{color:#FFF; text-decoration: none;}

/* Boite avec les 3 boutons couleur sous le menu */
#boiteBtn{width:157px;float:right;}
#boiteBtn img{margin-bottom:6px;}


#boite{
	width:616px;
	background: url(gx/10/contenu_bg.gif) repeat-y;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{width:164px; float: right; margin-top:21px; padding:0;}
#menu ul{width:164px;margin:0;padding:0;}
#menu ul li{padding:0; margin:0; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border-bottom: solid 1px #FFF;
	color: #FFF;
	display:block;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 12px 8px 9px;
	text-align:right;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color: #1A80B6;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color: #2795CC;}

/* Sous-menu */
#menu ul li ul{
	border-bottom: solid 1px #FFF;
	background: #09547B;
	padding:3px 0 7px 0;
	width:164px;
}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	border: none;
	color: #FFF;
	display:block;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 12px 2px 9px;
	text-align:right;
	text-decoration: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{
	text-decoration:underline;
	background: #09547B;
}
#menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{
	font-weight:bold;
	background: #09547B;
	text-decoration: none;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#8EA3A9; font-size:11px; padding:0 10px 0 10px;}
#piedPage a{color:#8EA3A9; text-decoration:none;}
#piedPage a:hover{color:#FFF; text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 160%; color: #4C4C4C;}
p strong{font-size: 14px;}
p sup{font-size: 10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #1A80B6; 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:12px; line-height:150%; color:#4C4C4C; list-style:square; margin-left:26px;}
ol li{font-size:12px; line-height:150%; color:#4C4C4C; margin-left:25px;}

ol#vieVert li{font-size:11px; line-height:140%; color:#1F1F1F; margin:0 0 3px 30px;}

/* Pour les tableaux */
.textePetit{ font-family: Arial; font-size:11px; color:#4C4C4C;}
.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;}

.lienRSS{background: url(Gx/rss.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienWMV{background: url(Gx/icone_WMV.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px;}
.lienBouton{background: #C8DBE0; border:1px solid #0E6B9C; font-weight: bold; padding:5px;}

.rowUn{width:130px;}
.rowDeux{width:400px;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
#lightbox{background:#1A80B6;} /* couleur de la bordure de l'image */
#overlay{background-color: #000;} /* couleur du fond tranparent */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form{background: #FFF url(gx/form_bg.gif) no-repeat top left;}
fieldset{margin-bottom:10px; padding:10px; font-size:11px; border:1px solid #CADADF; background: url(gx/fieldset_bg.gif) no-repeat bottom right;}
fieldset legend{font-size:13px; font-weight: bold; color:#4C4C4C; padding:0 2px 0 2px; border:none;margin:0;}
fieldset label{font-size: 12px; color:#4C4C4C;margin:2px 0 2px;}

.champTexte{	
	background: #F5F7F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.listeDeroulante{
	background: #F5F7F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #F5F7F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #0E6B9C;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	height: 30px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;}/* FF seulement */
.boutonRadio{
	background: #EEF3F7;
	color: #4E677A;
	font-size: 11px;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #FF0000;
}