body#splash{
	background: #231F20;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body#main{
	background: #FFF url(gx/m/bg.gif) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 20px 31px;
}
html{
	font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 0.7em;
}

/* enlever le scroll bar pour le splash IE seulement */
* html body#splash{
  overflow-y: hidden;
  height: 100%;
}

.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/***************************/
/*          splash        */
/**************************/
#containerSplash{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0 0 -50px 0;
}
/* top navigation */
#topNav{
	text-align: right;
	border-bottom: 1px solid #EBAB00;
	padding: 4px 10px 4px 0;
	background: #000;
	font-size: 11px;
	color: #E3E3E3;
}
#topNav img{
	margin: 0 0 0 0;
}
#topNav img.sep{
	margin: 0 6px 0 6px;
}
#topNav a{
	text-decoration: none;
	color: #fff;
}
#topNav a:hover{
	text-decoration: none;
	color: #EBAB00;
}

h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ margin: 0 0 0 0; padding: 0 0 0 0; }

a, a:link, a:visited{
	color: #000;
	text-decoration: underline;
}
a:hover, a:visited:hover{
	color: #fff;
	background: #000;
}


a.btnAction, a.btnAction:visited{
	display: block;
	background: #EBAB00;
	color: #fff;
	border: 2px outset #FFC324;
	font-size: 10px;
	font-family: Tahoma;
	font-weight: bold;
	float: left;
	margin: 4px 4px 4px 0;
	padding: 2px 6px 2px 20px;
	text-decoration: none;
}

a.btnAction:hover{
	background: #000;
	border: 2px outset #717171;
}

a.popUp, a.popUp:visited{
	background: #EBAB00 url(Gx/bg_a_popUp.gif) no-repeat left center;
}
a.popUp:hover{
	background: #000 url(Gx/bg_a_popUp.gif) no-repeat left center;
}
a.document, a.document:visited{
	background: #EBAB00 url(Gx/bg_a_doc.gif) no-repeat left center;
}
a.document:hover{
	background: #000 url(Gx/bg_a_doc.gif) no-repeat left center;
}
a.back, a.back:visited{
	background: #EBAB00 url(Gx/bg_a_back.gif) no-repeat left center;
}
a.back:hover{
	background: #000 url(Gx/bg_a_back.gif) no-repeat left center;
}
a#lienDroite{margin-left:15px;}

.lienSurPhoto{text-decoration:none; display:block; width:150px;height:113px; float:left; }
.lienSurPhoto:hover{text-decoration:none; border:none; background:none; }
.labelPhoto{margin:50px 25px 0 10px; float:left;}

h1{
	margin: 0 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #EBAB00;
	font-family: Helvetica, Arial;
}
h2{
	margin: 0 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #EBAB00;
	font-family: Helvetica, Arial;
}
h4{
	font-size: 11px;
	color: #000;
	border-top: 1px solid #EBAB00;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
}


#contenu_1{
	background: url(gx/m/bg_1.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_2{
	background: url(gx/m/bg_2.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_3{
	background: url(gx/m/bg_31.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_31{
	background: url(gx/m/bg_31.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_4{
	background: url(gx/m/bg_4.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_5{
	background: url(gx/m/bg_5.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_6{
	background: url(gx/m/bg_6.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_7{
	background: url(gx/m/bg_7.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_8{
	background: url(gx/m/bg_8.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}
#contenu_9{
	background: url(gx/m/bg_8.jpg) no-repeat top;
	height: 340px;
	min-height: 340px;
}

#btSousPhoto{
	float:left;
	margin:185px 0 0 20px;	
}


/* 31_Photo  */

#btGalleriePhoto{float:left; margin:0 0 15px 200px;}
.galPhotoThumb{float:left; margin:10px 10px 0 0; border:1px solid #000; }

/* PIED DE PAGE */
#piedPage{
	color: #2E2E2E;
	height: 40px;
	font-size: 10px;
	padding: 0 0 0 0;
	border-top: solid 1px #E3E3E3;
}
#piedPage a{ color: #EBAB00; border-bottom: none;}
#piedPage a:hover{ color: #fff; }
#piedPage div.copyrights{ float: left; margin: 0 0 0 0; text-align: left;}
#piedPage div.copyrights a{ font-weight: bold; }


/* TEXTE*/
.texte{
	/*margin: 0 0 0 0;*/
	margin: 0 20px 0 195px;
	font-size: 12px;
	line-height: 150%;
	color: #231F20;
}

.texte u{
	text-decoration: none;
	border-bottom: solid 2px #EBAB00;
}

.texte ul{
	padding: 10px 0 10px 25px;
	margin: 5px 0 5px 0;
	list-style: square;
}
	border-bottom: 1px solid #EBAB00;
	border-top: 1px solid #EBAB00;

.texte ul li{
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	color: #000;
}

.textePetit{
	color: #333333;
	font-size: 10px;
}

div.boiteTexte{
	border: 1px solid #E3E3E3;
	margin: 0 0 10px 0;
	padding: 13px 10px 10px 13px;
	background: url(Gx/bg_boite.gif) no-repeat top left;
}
div.boiteTexte h2{
	border-bottom: 1px solid #E3E3E3;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

div.sep{
	font-size: 1%;
	height: 1px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #E3E3E3;
}

div.communiques{
	text-align: left;
}


/* sousSousMenu */
#main #sousMenu ul li ul{
	margin: 0 0 1px 9px;
	padding: 0 0 4px 0;
	list-style: none;
	border-bottom: 1px solid #E4D7D1;	
}
#main #sousMenu ul li ul li a{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #B74C14;
	padding: 0 0 0 12px;
	font-weight: regular;
}
#printImg{
	float:right;
	margin:-10px 10px 0 0;
}
#btnArchive{
	float:right;
	margin:-25px 10px 0 0;
}

/* formulaires */
form{
	margin: 0;
	line-height: 150%;
	/* bug avec Internet Explorer des font size relative au parent */
	font-size: 0.7em;
	/* font-size: 100%; */
}
form label{
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0;
}
input, textarea, select{	
	color: #43449C;
	border: 1px solid #23248B;
	background: #fff;
	margin: 2px 0 2px 0;
	padding: 1px;
	font-weight: regular;
}
input.search{
	border: 1px solid #FFC324;
	font-size: 10px;
	font-family: Tahoma;
	font-weight: bold;
	color: #000;
	line-height: 15px;
	height: 20px;
	width: 155px;
}
form .inputBouton{
	background-color: #F3DFB5;
	color: #000;
	font-size: 80%;
	border: 1px solid #B75928;
}


/* 33 LISTING EMPLOI */

.blocEmploi{float:left; border:1px solid #000; margin-bottom:5px; padding:10px;}
#blocEmploiDetail{}


/* 34 Temoignage */

.btTemoignage{float:left;}
.btTemoignage img{float:right; padding:0 0 20px 20px;}


