body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#5e5e5e;
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #d9d9d9;
	/*overflow-x:hidden;
	overflow-y:auto;*/
}

img{
	border: none;
}


a{
	text-decoration: none;
}

p{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-align: justify;
}

#contenu td, div, li{
	text-align: justify;
}

h1,h2,h3{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: lighter;
}

.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}

/******  CONTENEUR  *****/


#super_conteneur{
	width: 100%;
	background: #fff url(images/fond_contenu.jpg) repeat-x center top;
	/*border: #0f0 solid 1px;*/
}


#conteneur{
	width: 960px;
	margin: auto;
	padding: 40px 0px 0px 0px;
	/*border: #00f solid 1px;*/
}

#contenu{
	width: 530px;
	padding: 0px 30px 0px 30px;
	float: left;
	/*border: #00f solid 1px;*/
}

#contenu h1{
	
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}


/******  BANNIERE  *****/

#banniere{
	width: 960px;
	height: 179px;
	font-size: 0px;
	margin: auto;
	overflow: hidden;
}

/******  COLONNE GAUCHE  *****/

#colonne_gauche{
	width: 190px;
	float: left;
	padding: 10px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

/******  COLONNE DROITE  *****/

#colonne_droite{
	width: 168px;
	float: right;
	padding: 0px 0px 0px 4px;
	/*border: #f0f solid 1px;*/
}

/******  MENU  *****/

.menu_droite{
	font-size: 14px;
	font-weight: bold;
	color: #989898;	
	text-align: left;
	display: block;
	background: url(images/fond_menu_droite_off.gif) no-repeat top left;
	padding: 5px 0px 8px 28px;
}

.menu_droite:hover{
	background: url(images/fond_menu_droite_on.gif) no-repeat top left;
	color: #6c9d0f;
}
.menu_droite_actif{
	font-size: 14px;
	font-weight: bold;
	color: #6c9d0f;
	text-align: left;
	display: block;
	background: url(images/fond_menu_droite_off.gif) no-repeat top left;
	padding: 5px 0px 8px 28px;
}

.menu_droite_actif:hover{
	background: url(images/fond_menu_droite_on.gif) no-repeat top left;
	color: #6c9d0f;
}
.sous_menu_droite{
	font-size: 12px;
	font-weight: bold;
	color: #989898;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu_droite_off.gif) no-repeat 23px 1px;
	padding: 2px 0px 6px 42px;
}

.sous_menu_droite:hover{
	background: url(images/fond_sous_menu_droite_on.gif) no-repeat 23px 1px;
	color: #6c9d0f;
}
.sous_menu_droite_actif{
	font-size: 12px;
	font-weight: bold;
	color: #6c9d0f;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu_droite_off.gif) no-repeat 23px 1px;
	padding: 2px 0px 6px 42px;
}

.sous_menu_droite_actif:hover{
	background: url(images/fond_sous_menu_droite_on.gif) no-repeat 23px 1px;
	color: #6c9d0f;
}


/******  MENU GAUCHE  *****/
/*.menu_gauche{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_menu_gauche_off.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche:hover{
	background: url(images/fond_menu_gauche_on.gif) no-repeat top left;
	color: #6c9d0f;
}*/

.menu_gauche1{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_menu1_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche1:hover{
	background: url(images/fond_menu1_gauche_off.gif) no-repeat top left;
	color: #90CE23;
}

.menu_gauche1_actif{
	font-size: 14px;
	font-weight: bold;
	color: #90CE23;	
	text-align: left;
	display: block;
	background: url(images/fond_menu1_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche1_actif:hover{
	background: url(images/fond_menu1_gauche_off.gif) no-repeat top left;
	color: #90CE23;
}







.sous_menu_gauche1{
	font-size: 12px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu1_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 8px 42px;
}

.sous_menu_gauche1:hover{
	background: url(images/fond_sous_menu1_gauche_off.gif) no-repeat 20px 4px;
	color: #90CE23;
}

.sous_menu_gauche1_actif{
	font-size: 12px;
	font-weight: bold;
	color: #90CE23;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu1_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 8px 42px;
}

.sous_menu_gauche1_actif:hover{
	background: url(images/fond_sous_menu1_gauche_off.gif) no-repeat 20px 4px;
	color: #90CE23;
}








.menu_gauche2{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_menu2_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche2:hover{
	background: url(images/fond_menu2_gauche_off.gif) no-repeat top left;
	color: #eb6a0a;
}

.menu_gauche2_actif{
	font-size: 14px;
	font-weight: bold;
	color: #eb6a0a;	
	text-align: left;
	display: block;
	background: url(images/fond_menu2_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche2_actif:hover{
	background: url(images/fond_menu2_gauche_off.gif) no-repeat top left;
	color: #eb6a0a;
}





.sous_menu_gauche2{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu2_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 12px 28px;
}

.sous_menu_gauche2:hover{
	background: url(images/fond_sous_menu2_gauche_off.gif) no-repeat 20px 4px;
	color: #eb6a0a;
}

.sous_menu_gauche2_actif{
	font-size: 14px;
	font-weight: bold;
	color: #eb6a0a;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu2_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 12px 28px;
}

.sous_menu_gauche2_actif:hover{
	background: url(images/fond_sous_menu2_gauche_off.gif) no-repeat 20px 4px;
	color: #eb6a0a;
}





.menu_gauche3{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_menu3_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche3:hover{
	background: url(images/fond_menu3_gauche_off.gif) no-repeat top left;
	color: #01509B;
}

.menu_gauche3_actif{
	font-size: 14px;
	font-weight: bold;
	color: #01509B;	
	text-align: left;
	display: block;
	background: url(images/fond_menu3_gauche_on.gif) no-repeat top left;
	padding: 5px 0px 12px 28px;
}

.menu_gauche3_actif:hover{
	background: url(images/fond_menu3_gauche_off.gif) no-repeat top left;
	color: #01509B;
}





.sous_menu_gauche3{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu3_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 12px 28px;
}

.sous_menu_gauche3:hover{
	background: url(images/fond_sous_menu3_gauche_off.gif) no-repeat 20px 4px;
	color: #01509B;
}

.sous_menu_gauche3_actif{
	font-size: 14px;
	font-weight: bold;
	color: #01509B;	
	text-align: left;
	display: block;
	background: url(images/fond_sous_menu3_gauche_on.gif) no-repeat 20px 4px;
	padding: 5px 0px 12px 28px;
}

.sous_menu_gauche3_actif:hover{
	background: url(images/fond_sous_menu3_gauche_off.gif) no-repeat 20px 4px;
	color: #01509B;
}

/****** TITRE PAGE  *****/

#titre_page{
margin: 0px 0px 0px 0px;
/*border: #ff0 solid 1px;*/
}


/******  FOOTER  *****/

#bloc_footer{
	width: 100%;
	
	height: 200px;
	background: url(images/fond_footer.gif) repeat-x ;
	padding: 0px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
}


#footer{
	width: 990px;	
	margin: auto;
	padding: 0px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

#footer a{
	font-size: 10px;
	color: #fff;
}


/******  credit  *****/

#credit{
	width: 960px;
	
	margin: auto;
	padding: 30px 0px 3px 0px;
	/*border: #ff0 solid 1px;*/
}

#credit a{
	font-size: 10px;
	color: #d0d0d0;
}

/******  ACCUEIL  *****/

#bloc_edito{
	/*height: 230px;*/
	width: 422px;
	padding: 10px 20px 0px 20px;
	background: url(images/fond_edito.gif) no-repeat;
	overflow: hidden; 
}

#bloc_edito h1{
	padding: 10px 0px 10px 0px;
}

#bloc_actus{
	/*height: 500px;*/
	width: 422px;
	padding: 45px 20px 0px 20px;
	background: url(images/fond_actus.gif) no-repeat;
}

#bloc_actus a{
	color:#5e5e5e;
}

.colonne_actus{
	float: left;
	width: 180px;
	padding: 0px 15px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

.colonne_actus h1{
	color: #86ca0f;
}

#bloc_actus a.plus{
  font-style: italic;
  font-weight: bold;
	color:#86ca0f;
}

#colonne_carte{
	width: 294px;
	float: right;
	padding: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.date_act{
  float: right;
  font-size: 9px;
}

.titre_simple{
  font-weight: bold;
  color: #00488C;
  font-size: 14px;  
}

.description_act{
  margin: 8px 12px 0px 12px;
}

.suite_act{
  margin: 4px 12px 4px 12px;
}

.titreEvenement{
  margin: 8px 0px 12px 0px; 
  font-weight: bold;
  color: #00488C;
  font-size: 16px;   
}

.sousTitreEvenement{
  font-weight: bold;  
  margin: 6px 0px 0px 0px; 
}

.detailEvenement{
  margin: 4px 12px 8px 12px;  
}

/* div d'alerte */
#div_alerte_fond {
  position:absolute;
  top:0px;
  margin: 0px;
  background-color : #000000;
  width: 100%;
  height: 100%;
  
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
  
}

#div_alerte {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-150px;
  margin-left:-320px;
  height: 330px;
  width: 640px;
  background-color : #ffffff;
  border: 5px solid #ED7610;
  overflow-y: auto;
  
}

#div_alerte_message {
  position:relative;
  text-align:justify;
  display:block;
  width:100%;
  height:100%;
}
#div_alerte_fermer {
  position:absolute;
  top:50%;
  left:50%;
  margin: 0px;
  margin-top:-150px;
  margin-left:330px;
  width:20px;
  height:20px;
  text-align:center;
}

/* forms */
/**forms**/
input,textarea,select {
  border:1px solid #777777;
  color: #000000;
  background: #E0E2E9;
  font-size:11px;
  font-family: verdana;
}
.saisie {
  border:1px solid #777777;
  color: #000000;
  background: #E0E2E9;
  font-size:11px;
  font-family: verdana;
}
input.submit {
  border:1px solid #CFCFCF;
  font-family: verdana;
  font-size:12px;
  background:#00569F;
  color: #FFFFFF;
  font-weight:bold;
  cursor:pointer;
}

.menuCat{	
	text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.lien_plandusite0{
  font-size:14px;
  margin: 04px 0px 0px 0px;
  font-weight:bold;
  display:block;
  
}

.lien_plandusite1{
  font-weight:bold;
  font-size:13px;
  margin: 03px 0px 0px 20px;  
  display:block;
}

.lien_plandusite2{
  font-size:12px;
  margin: 02px 0px 0px 40px;  
  display:block;
}

.lien_plandusite3{
  font-size:12px;
  margin: 01px 0px 0px 60px;  
  font-style: italic;
  display:block;
}