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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	margin: 0px;
	padding: 0px;
	text-align:center;
}
body#main{
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: url(Gx/I/conteneur_bg.jpg) repeat-y center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #aea814;
	font-size:18px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}
h2{
	color: #231f20;
	font-size:14px;
}
h2 a, h1 a:link, h1 a:visited{
	color:#231f20;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{	
	
	margin: 0px auto 0px auto;
	text-align:center;
	width:940px;
	/*background:orange;*/
}
#contenant{
	float:left;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(gx/I/top_bg.jpg) no-repeat top;
	text-align:left;
	width:939px;
	/*background:orange;*/
}
#contenu{	
	float:left;
	text-align:left;
	/*background:orange;*/
}
#haut{	
	float:left;
	/*background:blue;*/
	text-align:left;
	height:175px;	
	width:939px;
}
#logoCtn{
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px;		
	text-align:left;
	width:217px;
	height:132px;
	/*background:navy;*/
}
#logo{
	float:left;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 28px;		
	text-align:left;
	width:159px;
	height:112px;
	/*background:orange;*/
}
#lienlangue{
	float:right;
	margin:0px;
	padding: 18px 30px 0px 0px;		
	text-align:left;
	width:160px;	
	/*background:silver;*/
}
#lienlangue a{color:#1e98d8; text-decoration: none;}
#lienlangue a:hover, #lienlangue a.actif{color:#89c8f3;}
#menuespaceur{float:left;width:722px;height:73px; margin:0; padding:0;/*background:yellow;*/
}
#ColGauche{
	float:left;
	/*background:red;*/
	width:212px;
}
#ColDroite{
	float:right;
	/*background:red;*/
	width:150px;
	height:100%;
}
#ColGaucheBgCtn{
	float:left;
	border-left:solid 1px #b2b2b2;
	/*background:red;*/
	width:197px;
	_width:198px;
	background: url(gx/m/colonebg.jpg) repeat-x top;
}
#BtnColGauche{
	/*background:red;*/
	width:211px;
	height:60px;
	float:left;
	margin:0px;
	padding:0px;
	font-size:0px;	
	border-left:solid 1px #b2b2b2;
}
#ColDroiteBgCtn{
	float:left;		
	/*background:yellow;*/
	width:150px;
	height:685px;
	background: url(gx/m/colonebg.jpg) repeat-x top;
	background-position: 0px 255px;
}
#BanniereGaucheCtn{
	padding:16px 0px 0px 16px;
	float:left;
	width:181px;
	_width:197px;
	height:385px;
	/*background:gold;*/
}
#BanniereGauche{
	border:solid 1px #a4a3a3;
	float:left;	
	/*background:yellow;*/
	width:168px;
	height:292px;	
}

#BanniereDroiteCtn{
	padding:0px 0px 0px 16px;
	float:left;
	width:134px;	
	_width:150px;
	height:685px;
	/*background: gold;*/
}
#BanniereDroite{
	border:solid 1px #686f5c;
	float:left;	
	/*background:yellow;*/
	width:120px;
	height:606px;	
}
#PageConteneur{width:541px;_width:577px;padding:5px 25px 0px 11px;}
#nouvelleCtn{width:541px;height:140px;/*background:silver;*/}
#nouvelleGauche{float:left;width:335px;height:140px;overflow:hidden;/*background:yellow;*/}
#nouvelleGauche p{font-size: 12px;color:#231f20;}
#nouvelleGauche a{font-size: 11px;color:#246db5;font-weight:bold;text-decoration: none;}
#nouvelleDroite{float:left;width:200px;height:140px;border-left:solid 1px #cac9c5;padding-left:5px;overflow:hidden;/*background:lime*/;}
#nouvelleDroite p{font-size: 12px;color:#231f20;}
#nouvelleDroite a{font-size: 11px;color:#246db5;font-weight:bold;text-decoration: none;}

#NewsBtn{
	float:left;
	padding:0px 0px 10px 0px;
	margin: 17px 0px 0px 0px;
	text-align:left;
	width:500px;
	/*background:pink;*/	
}
#NewsBtn a, #NewsBtn a:link, #NewsBtn a:visited {color: #246db5; text-decoration: none;  text-align: left; }
#NewsBtn a:hover, #NewsBtn a:visited:hover{
	color:#246db5; text-decoration:underline;
}
#imgNouvelle{
	float:left;
	border:solid 1px #b2b2b2;
	width:130px;
	height:112px;
	margin:10px;
	_margin:5px;	
}
#BannerMid{float:left;height:82px;background:#f4f1e3;width:541px;overflow:hidden;}
#texteBannerMid{float:left;width:381px;_width:391px;height:82px;padding:10px 0px 0px 10px;}
#imgBannerMid{float:left;width:150px;height:82px;}
#promotion{padding:20px 0px 0px 12px;height:272px;width:540px;_width:552px;float:left;}
#promotionImg{height:270px;width:260px;border:solid 1px #b2b2b2;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{float:left;width:708px;height:25px; margin:0; padding:0;background:black;}
#menu ul{margin:0;padding:4px 0px 0px 0px;}
#menu ul li{padding:0px; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border-right: solid 1px #504f53;
	color: #fff;
	font-size: 14px;	
	line-height: 14px;
	padding: 0px 17px 0px 18px;
	text-decoration: none;
}
#menu ul li.last a{ border:none;}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#89c8f3;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#89c8f3;}

#sousmenu{float:right;height:25px; margin:0; padding:0;}
#sousmenu ul{margin:0;padding:4px 0px 0px 0px;}
#sousmenu ul li{padding:0px; margin:0; display:inline; list-style-type:none;}
#sousmenu ul li a, #sousmenu ul li a:link, #sousmenu ul li a:visited{
	border-right: solid 1px #504f53;
	color: #343022;
	font-size: 12px;	
	line-height: 12px;
	padding: 0px 18px 0px 18px;
	font-weight:bold;
	text-decoration: none;
}
#sousmenu ul li.last a{ border:none;}
#sousmenu ul li a:hover, #sousmenu ul li a:visited:hover{color:#343022;text-decoration: underline;}
#sousmenu ul li a.actif, #sousmenu ul li a.actif:visited{color:#343022;text-decoration: underline;}



/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 120%; color: #000;}
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;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{float:left;width:600px;color:#c4aa70; font-family:Arial; font-size:10px; height:50px; padding-top:10px;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;padding-left:220px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#c4aa70;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
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}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	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;
}
.boutonsubmit{
	background: #fff;
	border: none;
	color: #000;
	font-family: Arial;
	font-size: 14px;	
	font-weight: bold;
}
.boutonsubmit:hover{
	color: #000;
	background: #efefef;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}