html {
	height : 100%;
	width : 100%;
}

body {
	margin : 0;
	padding : 0;
	background-image : url(../img/fond.gif);
	height : 100%;
	width : 100%;
	font : 10px Verdana;
	color : #646464;
}

h1 { 
  font : bold 14px Verdana;
	text-indent:70px;
  background: url(../img/bouton_fleche.gif) 0 3px no-repeat;
  margin : 0;
	padding : 0;
	float : left;
	position : relative;
	left : 35px;
	top : -10px;
	height:34px;
 }
h2 { font : bold 11px Verdana; margin : 5px 0 5px 35px;color : #e43420;}
h3 {
	font : bold 10px Verdana;
	color : #e43420;
	margin : 0;
	padding : 0;
}
h4 {
	font : bold 10px Verdana;
	color : #e43420;
	margin : 20px 0 10px 35px;
	padding : 0;
}
/*h3:hover { color : #646464; }*/
a { text-decoration : none; }
a:hover { text-decoration : none; }
a img { border : none; }
.lienRouge { color : #e43420; }
.lienRouge:hover { color : #646464; font-weight : bold; }
.lienGris { color : #646464; }
.lienGris:hover { color : #e43420; font-weight : bold; }
.lienBlanc { color : #ffffff; }
.lienBlanc:hover { color : #646464; font-weight : bold; }
.rouge { color : #e43420; }
.spacer { clear : both; visibility : hidden; }
.clearLeft { clear : left; }
.clearRight { clear : right; }
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearFix{clear:both;}
ul{list-style:none;padding:0;margin:0;}



div#container {
	background-image: url(../img/fond_degrade.gif);
	background-repeat: repeat-x;
	height: 100%;
	min-height: 100%;
	width: 100%;
	margin: 0;
	padding : 0;
	clear : both;
}

#head {
	width: 823px;
	height : 102px;
	position : relative;
	margin: 0 auto 0 auto;
	/*padding-top : 37px;*/
}

div#logo {
	width: 181px;
	text-align: center;
	float : left;
}

div#banniere {
	margin : 0;
	padding : 0;
	float : left;
	width : 642px;
	height:14px;
	background: url(../img/banniere.gif) top left no-repeat;
	padding-top:88px;
}
div#banniere img {
	vertical-align : top;
}
div#actu {
	margin : 0 106px 0 74px;
	vertical-align : top;
	position : relative;
}
#actuG{
float:left
}
#actuD{

}
#actu_droite {
	float : right;
	position : relative;
	right : 33px;
}
/********** texte défilant **********/
#conteneur_defil { 
	width:459px; 
	overflow:hidden;
}
#cadre_defil {
	position:relative; 
	width:459px;
	overflow:hidden;
	background-color : White;
}
#defile { 
	position:absolute;
	font : 10px arial;
	color : #646464;
}
#defile .liens {
	text-decoration:underline;
	color:#e43420;
}
/************************************/

/******************************* page accueil *************************/
#contenu {
	background-image : url(../img/fond_haut_accueil.gif);
	width : 823px;
	height : 160px;
	margin: 0 auto 0 auto;
	padding : 0;
	position : relative;
}
#/img/ {
	margin : 0;
	padding : 0;
	position : absolute;
	top : 105px;
	left : 70px;
}
#intro {
	margin : 0;
	padding : 0;
	position : absolute;
	top : 22px;
	left : 555px;
	color : #e43420;
	text-align : justify;
	width : 237px;
}

#milieu {
	width : 823px;
	height : 274px;
	margin: 0 auto 0 auto;
	padding : 0;
	position : relative;
	background-color : #f2f2f2;
}
#contour_gauche {
	float : left;
	background : url(../img/bordure.gif) repeat-y;
	height : 274px;
	width : 7px
}
#contour_droit {
	float : right;
	background : url(../img/bordure.gif) repeat-y;
	height : 274px;
	width : 7px
}
.cadre {
	background-image : url(../img/cartouche.gif);
	width : 221px;
	height : 242px;
	position : absolute;
}
.photo_cadre {
	padding : 7px 0 0 7px;
}
./img/_cadre {
	position : absolute;
	left : 12px;
}
#/img/Cadre1 { top : 85px; }
#/img/Cadre2 { top : 97px; }
#/img/Cadre3 { top : 92px; }
.txt_cadre {
	padding : 10px;
	margin : 0;
}
.lienMenuAccueil {
	position : absolute;
	bottom : 5px;
	right : 50px;
	text-align : right;
}
.boutonFleche {
	position : absolute;
	float : right;
	bottom : -4px;
	right : -49px;
}
/*#bouton_fleche_1 {
	right: -59px;
	right : -49px !important;
}*/
#cadre_1 { top : 16px; left : 40px; }
#cadre_2 { top : 16px; left : 300px; }
#cadre_3 { top : 16px; left : 560px; }

#bas {
	width : 811px;
	height : 63px;
	margin: 0 auto;
	padding : 10px 0 0 12px;
	position : relative;
	background : url(../img/bas_logos.gif);
	text-align : center;
}
#bas li{
float:left;
}
.logo { padding : 20px 18px 0 21px; }

#footer {
	width : 823px;
	height : 23px;
	margin: 0 auto 0 auto;
	padding : 0;
	position : relative;
}
#txt_contact {
	margin-left : 15px;
	font : bold 10px Verdana;
	position : relative;
	top : 5px;
}
#onglet { position : absolute; left : 180px; }
#lien {
	position : relative;
	color : White;
	font-weight : bold;
	font-size : 9px;
	top : 5px;
	left : 27px;
}
.puceTriangleBlanc { padding : 0 8px 0 20px; }


/*********************** pages intro amont + aval + GE ****************************/
#contenuPage {
	background-image : url(../img/haut_contenu.gif);
	width : 823px;
	height : 122px;
	margin: 0 auto 0 auto;
	padding : 0;
	position : relative;
}
#milieuPage {
	width : 823px;
	margin: 0 auto 0 auto;
	padding : 0 0 0 0;
	position : relative;
	background : #f2f2f2 url(../img/fond_contenu.gif) repeat-y;
}
#milieuPage p{
	background-color : #ffffff;
	text-align : justify;
	margin : 5px 35px 10px 35px;
	padding :  0px 0 0px 0 !important;
	padding : 0;
	position : relative;
}
#titrePage {
	margin : 0;
	padding : 0;
	position : absolute;
	top : 52px;
	left : 70px;
	 font : bold 12px Verdana;

}
p#morLink {
clear:both;
padding:0;
margin:15px 35px 0  35px;
}
#morLink a{
color : #646464;
padding:0;
margin:0;
}
#accesRubrique {
	position : absolute;
	top : 20px;
	left : 370px;
	font-weight : bold;
	margin : 0;
	padding : 0;
}
ul#menu{
  padding:0;
  margin:0;
  list-style:none;
}
ul#menu li {
  font : bold 10px Verdana;
	color : #e43420;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 55px;
	text-align : center;
}
ul#menu li a{
  font : bold 10px Verdana;
	color : #e43420;
}
ul#menu li a:hover{
  color : #646464; 
  font-weight : bold;
}
.rubriqueTexte{

}
#rubrique1 { left : 390px; }
#rubrique2 { left : 530px; }
#rubrique3 { left : 675px; }
#bonhomme1 { position : absolute; left : 421px; top : 38px; }
#bonhomme2 { position : absolute; left : 566px; top : 38px; }
#bonhomme3 { position : absolute; left : 711px; top : 38px; }



#milieuBas {
	background-image : url(../img/bas_contenu.gif);
	height : 33px;
	width : 823px;
}
.flecheTitre {

}
.titrePage {
	float : left;
	position : relative;
	left : 60px;
	top : -10px;
	margin : 0;
	padding : 0;
}
#contenuDroit {
	float : right;
	position : relative;
	top : -7px;
	right : 40px;
	padding-left : 55px;
	width : 276px;
	z-index : 10;
	height : 100%;
}
.cartoucheGris {
	position : relative;
	background : url(../img/cartouche_gris.jpg) no-repeat;
	width : 270px;
	height : 136px;
	margin : 30px 0 0 0;
	padding : 0;
}
.cartoucheGris2 {
	position : relative;
	background : url(../img/cartouche_gris_2.jpg) no-repeat;
	width : 270px;
	height : 86px;
	margin : 30px 0 0 0;
	padding : 0;
}
.txtCartouche {
	margin : 0;
	padding : 0;
	position : relative;
	width : 243px;
	left : 10px;
	top : 10px;
	text-align : justify;
}
.introSousMenu {
	position : relative;
	left : 70px;
	font-weight : bold;
	margin : 25px 0 0 0;
	padding : 0;
	width : 420px;
	text-align : justify;
}
.sousMenu {
	position : relative;
	left : 55px;
	margin : 0 0 0 15px;
	padding : 0;
	list-style : none;
	text-align : justify;
	width : 420px;
}
.sousMenu li {
	padding : 3px 0;
	margin : 0;
}
.puceFlecheGrise { margin-right : 5px; }
.puceFlecheRouge { margin : 0 5px 0 0; }
.pointille {
	position : relative;
	left : 60px;
}
.lienEnseigne { text-align : right; margin : 0; padding : 0; }

/********** pages contenu photo gauche **********/
#contenuGauche {
	position : absolute;
	width : 276px;
	z-index : 10;
	left : 35px;
	top : 35px;
}
#cadrePageDetail {
	text-align : justify;
	margin : 0 35px 0 35px;
	padding : 0;
	position : relative;
	width : 450px;
	left : 300px;
	clear : left !important;
	clear : none;
}
.introSousMenuDetail {
	position : relative;
	left : 370px;
	font-weight : bold;
	margin : 25px 0 0 0;
	padding : 0;
}
.sousMenuDetail {
	position : relative;
	left : 355px;
	margin : 0;
	padding : 0 0 0 15px;
	list-style : none;
}
.sousMenuDetail li {
	padding : 3px 0;
	margin : 0;
}

.pointilleDetail {
	position : relative;
	left : 360px;
}
.puceListeMenu {
	margin : 0 5px 0 0; 
}

/********** pages details **********/
.photoGauche {
	float : left;
	margin : 0 10px 10px 0;
}
.photoDroite {
	float : right;
	margin : 10px 0 10px 0 !important;
	margin : 10px 0 10px 65px;	
	padding-right : 0;
}
.photoDroite2 {
	float : right;
	margin : 10px 70px 10px 0 !important;
	margin : 10px 0 10px 65px;	
	padding-right : 0;
}
#cadrePageDetail2 {
	text-align : justify;
	margin : 10px 35px 0 35px;
	padding : 0;
	position : relative;
	clear : left;
}
p.callAction {
  clear:both;
  display:block;
	position : relative;
	font-weight : bold;
	margin :30px 0  0 0  ;
	padding : 30px 0  0 0 ;
	left : 35px;
	text-align : justify;
	background: url(../img/puce_fleche_rouge.gif) 0 10px no-repeat;
	text-indent:10px;
	font-size:12px;
	width:600px;
	height:25px;
	line-height:25px;
}
.callAction a{
	font-size:12px;
	text-decoration:underline;
}
.callAction a:hover{
	text-decoration:none;
}
.introSousMenuDetail3 {
	position : relative;
	font-weight : bold;
	margin : 25px 35px 0 0;
	padding : 0;
	left : 70px;
	text-align : justify;
	width : 430px;
}
.sousMenuDetail2 {
	position : relative;
	margin : 0 90px 0 15px;
	padding : 0;
	list-style : none;
	left : 55px;
	text-align : justify;
}
.sousMenuDetail2 li {
	padding : 3px 0;
	margin : 0;
}

.pointilleDetail2 {
	position : relative;
	left : 55px;
}
.lienCandidature {
	text-align : right;
	position : relative;
	top : 40px;
	right : 40px;
	margin : 0;
	padding : 0;
}
.lienCandidature2 {
	text-align : center;
	position : relative;
	top : 20px;
	right : 40px;
	margin : 0;
	padding : 0;
}
.listeDetail{
	margin : 10px 35px 30px 20px;
	padding : 0 0 0 15px;
	list-style : none;
	text-align : justify;
}
#cadrePageDetail3 {
	text-align : justify;
	margin : 0 35px 0 35px;
	padding : 0;
	position : relative;
}

/********** pages candidature (formulaire) **********/
#form {
	padding : 0;
	margin: 20px 35px 0 35px;
}
input {
	padding: 0;
	margin: 5px 0 5px 0;
}
input[type=text] {
	border : 2px inset #646464 !important;
	border : 1px inset #646464;
}
.txtCivilite {
	position: relative;
	bottom: 3px !important;
	bottom: 7px !important!;
	bottom: 7px;
	padding: 0;
	margin: 0 10px 0 5px;
}
.txtEx {
	position: relative;
	bottom: 7px;
	padding: 0;
	margin: 0 10px 0 5px;
}
#boutonValid {
	text-align: center;
	padding: 0;
	margin: 0;
}
#valider {border : 2px outset #646464;}
.erreur {
	padding : 0;
	margin: 20px 35px 20px 35px;
	font-weight: bold;
	color: #e43420;
}
.noBorder {border: none;}
.btnSpe {margin-left: 50px;}
/*#listeRegions {display: none;}*/

/***** mentions légales *****/
.listeML {
	margin: 5px 75px 10px 75px;
	padding: 0 0 0 0;
}