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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background-color: #d5f2f6;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#index{
	background: #FFF url(Gx/bg_index.gif) repeat-x top left;
	text-align: center;
	padding: 139px 0 0 0;
	margin: 0px;
	overflow: hidden;}	
#login{
	background: Transparent url(Gx/bg_form.gif) no-repeat top left;	
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 540px;
	height: 281px;}
#logosplash{
	position: absolute;
	top: 31px;
	left: 47px;}
#gestion{
	background: Transparent url(Gx/bg_lock.gif) no-repeat top left;	
	position: absolute;
	top: 156px;
	left: 42px;
	color: #006BB7;
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	padding: 0 0 10px 35px;}
#gestion strong{
	color: #000;
	font-size: 12px;}
#infos{
	position: absolute;
	top: 232px;
	left: 35px;}
.inputlogin{
	float: left;
	width: 185px;
	background: #F8F6E0;
	color: #7D7A53;
	border: 1px solid #E0DECE;
	margin: 5px 10px 0 0;}
#btnlogin{
	background: transparent url(Gx/btn_login_off.gif) no-repeat top left;
	border:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	width:90px;
	height:31px;
	outline:none;}
label{
	font-size: 11px;
	font-weight: bold;
	color:#666;
}
	
html{
	color: #717172;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Verdana, Arial, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color: #005288;font-size:22px;font-weight:normal;margin-bottom:8px;}
h1 a, h1 a:link, h1 a:visited{color:#005288;}

h2{color: #196394;font-size:17px;font-weight:normal;margin-bottom:6px;}
h2 a, h2 a:link, h2 a:visited{color:#196394;}
h2 a:hover, h2 a:visited:hover{color:#ffc423;}

h3{color: #196394;font-size:15px;font-weight:normal;margin-bottom:3px;}
h3 a, h3 a:link, h3 a:visited{color:#196394;}
h3 a:hover, h3 a:visited:hover{color:#ffc423;}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto;text-align:left;width:1000px; background: #fff url(gx/m/menu_bg.gif) repeat-y;}
#haut{
	background: url(gx/m/haut_bg.gif) repeat-y top left;
	height:34px;
	width:1000px;
}
#haut #boiteFormulaireRecherche{
	float:right;
	padding: 6px 51px 0 12px;
}

#hautSep{
	background: url(gx/m/hautSep_bg.gif) repeat-y top left;
	height:17px;
	width:1000px;
}
#menuSep{
	background: url(gx/m/menuSep2_bg.gif) repeat-y top left;
	height:91px;
	width:208px;
}
#contenuMenu{
	margin-left: 35px;
	font-weight:bold;
	font-size:12px;
	color: #3a2d10;
}
#milieu{
	background:#FFF url(gx/m/milieu_bg.gif) no-repeat top left;
	display:block;
	height:270px;

}
#basPage{
	background: url(Gx/M/bas.gif) no-repeat top left;
	height:70px;
	width:1000px;
}

#milieu #colMenuSec{
	float:left;
	width: 208px;
}

#colContenu{
	float:left;
	margin: 0;
	width:590px;
	/*background: url(Gx/M/contenu_bg.gif) no-repeat top left;*/

}
#hautContenu{
	float:left;
	width:780px;
	border-bottom: 1px solid #dee9f0;
}
#hautContenuInt{
	margin:15px 20px;;
}
#intContenu{
	margin:35px 20px;
}

#colMenuSec .menuSousHaut{
	background: url(gx/m/menuSousHaut_bg.gif) repeat-y top left;
	color:#FFF;
	display: block;
	float:left;
	font-weight:bold;
	font-size:12px;
	/*height:34px;*/
	padding:8px 0 8px 35px;
	width: 208px;
}
#colMenuSec .menuSecHaut{
	background: url(gx/m/menuSecHaut_bg.gif) repeat-y top left;
	color:#FFF;
	display: block;
	float:left;
	font-weight:bold;
	font-size:12px;
	/*height:34px;*/
	padding:8px 0 8px 35px;
	width: 208px;
}

.boiteResultat{
	background:#dee9f0;
	border-bottom:1px solid #a7c3d6;
	display:block;
	margin-bottom:17px;
	padding:17px;
	width:500px;
}
.blocPhoto{float:left; width:180px;}
.blocPhoto p{
	font-size:10px;
	padding-right:10px;
}
.cadrePhoto{
	/*background:#dee9f0;
	padding:6px;
	text-align:center;*/
	border:1px solid #dee9f0;
}


/* MENU PRINCIPAL
--------------------------------------------------------------------------------------- */
#menu{ display:block; margin:0; padding:0; width:208px;float:left;}
#menu ul{float:right;margin:0 37px 0 0; padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 51px;
	padding: 20px 8px 18px 8px;
	margin:0 2px 0 2px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#ffc423; background:url(gx/m/menu_over_bg.png);}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#FFF; background:#b79022;}

/* MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
.menuSec{display:block; float:left; margin:0 0 15px 0; padding:0; width:208px;}
.menuSec a, .menuSec a:link, .menuSec a:visited{
	color: #3a2d10;
	display: block;
	float:right;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 4px 5px 18px;
	margin: 3px 0 4px 0;
	text-decoration: none;
	width:169px;
}
.menuSec a:hover, .menuSec a:visited:hover{color:#FFF;background:url(gx/m/menuSous_over_bg.png);}
.menuSec a.actif, .menuSec a.actif:visited{color: #3a2d10;background-color:#dec650;}




/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{ display:block; margin:0; padding:0; width:190px;float:right; }
#menuu ul{float:right;margin:35px 15px 0 0; padding:0;}
#menuu ul li{padding:0; margin:0; display:block; list-style-type:none;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	background:#006b96;
	color: #FFF;
	width:155px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 8px 5px 8px;
	margin:2px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{background:#006b96; text-decoration:underline;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{background:#005375;}
/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuHaut{margin:0; padding:8px 0 0 51px; float:left;}
#menuHaut a, #menuHaut a:link, #menuHaut a:visited{
	color: #005288;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#menuHaut a:hover, #menuHaut a:visited:hover{color:#FFF;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #4b5a65;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #4b5a65; 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:#ffc423; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; color:#4b5a65; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#4b5a65; 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.lettrine:first-letter{background:url(gx/m/lettrine_bg.gif); color:#FFF; font-size:34px; float:left; font-weight:bold; margin:6px 4px 0 0; padding:11px 15px 10px 15px; 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;
}

/* BLOGUE
--------------------------------------------------------------------------------------- */
#boitecommentaire{
	width: 564px;
	float: left;
	border-top: 1px #e5e9e9 solid;
	position: relative;
}
#boitecommentaire h3{
	font: 19px Arial;
	color: #6b6b6b;
	padding-top: 25px;
	padding-bottom: 15px;
}
#boitecommentaire h4{
	font: bold 17px Arial;
	color: #6b6b6b;
	padding-bottom: 10px;

}
#boitecommentaire a#btnajoutercommentaire{
	color: #515151;
	position: absolute;
	display: block;
	top: 30px;
	right: 0;
}
#boitecommentaire a#btnvoircommentaire{
	color: #515151;
	position: absolute;
	display: none;
	top: 30px;
	right: 0;
}
#boitecommentaire .commentaire{
	background-color: #e9eaec;
	float: left;
	text-align: left;
	padding: 20px;
	width: 524px;_width: 564px;
}
.commentaire{
	background-color: #f4f5f6;
	float: left;
	width: 564px;
	text-align: right;
}
.commentaire a{
	color: #64a1bf;
	padding: 20px 20px 20px 0;
	display: block;
}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background:#d5f2f6;color:#528aae; font-size:10px; line-height:16px; padding:0; text-align:center;}
#piedPage a{color:#528aae; text-decoration:underline;}
#piedPage a:hover{color:#005288;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #9cbcd2;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#005288; padding:3px;}
fieldset label{font-size: 12px; color:#005288;margin:2px 0 2px 0;float:left; display:block;}

.champTexte{	
	background: #dee9f0;
	color: #005288;
	font-size: 12px;
	margin:2px 0 2px 0;
	border:1px solid #9cbcd2;
	float:left; display:block;
}
.listeDeroulante{
	background: #dee9f0;
	color: #005288;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #dee9f0;
	border: 1px solid #9cbcd2;
	color: #005288;
	font-family: Verdana;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #005288;
	color: #dee9f0;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color: #17b8ce;color:#fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;float:left;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'antiSpam */