/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{background: #FFFFFF; margin: 0; padding: 0; text-align:center;}
html{color: #000000; font-size: 11px; font-family:Arial, Helvetica Light, Verdana; font-weight:normal;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
div a {cursor:pointer;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited {color:#231f20; text-decoration:none;}
a:hover {color:#d72323;}

h1 {font-family: Arial, Helvetica, Verdana; color: #d72323; font-size:18px; font-weight:bold; margin:23px 0px 17px 0px;}
h2 {font-family: Arial, Helvetica, Verdana; color: #000000; font-size:12px; font-weight:bold; margin:0px 0px 19px 0px;}

p {font-family: Arial, Helvetica, Verdana; font-size:12px; line-height:15px; color: #000000;}
p.slogan {font-family:Helvetica Light, Arial, Verdana; color: #000000; font-size:18px; font-weight:bold; margin-bottom:14px;}
p.tiNouvelle {font-family:Helvetica Light, Arial, Verdana; color: #000000; font-size:16px; font-weight:bold; width:350px; border-bottom:1px solid #bec0c2; margin-bottom:18px; padding-bottom:4px;}

ul li {color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px; margin-bottom:2px;}
ol li {color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

table.formation {font-size:12px;}
table.formation ul li {font-size:12px; list-style:none; margin:0px; padding:0px; line-height:15px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto; text-align:left; width:982px; min-height:580px; height:auto; border:1px solid #b0b2b4; margin-top:23px;}

.left {position:relative; float:left; width:200px;}

.right {position:relative; float:left; width:776px;}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menuFR {width:761px; height:63px; margin:37px 0px 0px 0px; padding:0;}
#menuFR ul{ border-top:1px solid #bec0c2; height:37px; margin:0; padding:0px;}
	#menuFR ul li {font-family:Helvetica Light, Arial, Verdana; font-size:12px; font-weight:bold; float:left; height:35px; padding-top:13px; margin:0px 33px 0px 0px; display:inline; list-style-type:none;}
		#menuFR ul li.last {margin:0px 0px 0px 4px;}
	#menuFR ul li a, #menuFR ul li a:link, #menuFR ul li a:visited {padding-top:15px; color:#000000; line-height:12px; text-decoration:none;}
		#menuFR ul li a:hover, #menuFR ul li a:visited:hover {color:#d72323; background:url(gx/m/bg_menu.gif) top left repeat-x;}
		#menuFR ul li a.actif, #menuFR ul li a.actif:visited {color:#d72323; background:url(gx/m/bg_menu.gif) top left repeat-x;}

#sousMenu {width:158px; margin-top:25px; padding:0px 22px 0px 20px;}
	#sousMenu ul {margin:0px; padding:0px;}
		#sousMenu ul li {list-style-image:url(gx/ic_list.gif); border-bottom:1px solid #bec0c2; margin-bottom:0px; padding:7px 0px 7px 0px; line-height:15px;}
			#sousMenu ul li.last {border-bottom:0px solid #bec0c2;}
			#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited {color:#000000; font-size:12px; text-decoration:none;}
			#sousMenu ul li a:hover, #sousMenu ul li a.actif:visited {color:#d72323;}
		
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.flash {background:#EEEEEE;position:relative; clear:both; width:761px; height:223px; margin-bottom:23px;}
.txtLeft {position:relative; float:left; width:380px; min-height:280px; height:auto; margin:0px; padding:0px 26px 0px 0px;}
.news {position:relative; float:left; width:355px;}
	.newsBloc {position:relative; clear:both; width:355px; font-family:Arial, Helvetica, Verdana; font-size:12px;}
		.newsBloc .date {position:relative; float:left; width:40px; height:35px; color:#FFFFFF; text-transform:uppercase; text-align:center; padding:15px 0px 0px 0px; background:#d72323; border-bottom:1px solid #FFFFFF;}
			.newsBloc .date a {color:#FFFFFF;}
		.newsBloc .txtNews {position:relative; float:left; width:180px; height:34px; color:#dd2d2d; font-weight:bold; padding:15px 96px 0px 10px; border-bottom:1px solid #d9dbdd;}
			.newsBloc .txtNews a {color:#dd2d2d;}
		.newsBloc .btPlus {position:relative; float:left; height:34px; color:#231f20; text-decoration:underline; padding:15px 0px 0px 0px; border-bottom:1px solid #d9dbdd;}
			.newsBloc .btPlus a {text-decoration:underline;}
.note {position:relative; float:right; font-size:10px; font-weight:normal; margin:0px 14px 14px 0px; padding-top:80px;}

/* PAGE GENERALE
--------------------------------------------------------------------------------------- */	
.generalTxt {padding-right:20px;}

/* PAGE PLAN DU SITE
--------------------------------------------------------------------------------------- */
ul.map {float:left; width:370px; height:auto; margin:0px; padding:0px;}
	ul.map li {font-size:12px; font-weight:bold; list-style:none; margin:0px 30px 0px 0px; padding:0px;}
		ul.map li ul {margin-bottom:15px;}
			ul.map li ul li {font-weight:normal; margin-left:15px;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
.txtRight {position:relative; float:left; width:325px;}
#map {float:left; width:380px; height:300px; margin-bottom:20px; border:1px solid #bec0c2;}

.contactDroite{float:right;}
.contactGauche{float:left;}

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_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{margin: 0 auto 0 auto; color:#000000; font-size:11px; height:50px; margin-top:10px; width:978px;}
#piedPage a{color:#000000; text-decoration:none;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#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 #menuBas{float:right;text-align:right;}
#piedPage #menuBas a:hover, #piedPage #menuBas a.actif {color:#d72323;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; color:#000000; text-align:right; margin-bottom:25px;}
#bookmarker a{color:#000000; text-decoration:none;}
#bookmarker a:hover{color:#000000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend{border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	background: #eeeeee;
	border: 1px solid #b0b2b4;
	color: #000000;
	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: #eeeeee;
	border: 1px solid #b0b2b4;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #000000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#d72323; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}