body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#365568;
	background: #fff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #e6e8dd url(images/fond_site.gif) repeat-x;
}

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


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

#banniere{
	width: 100%;
	height: 211px;
	background-position: center;
}

/****** outils  *****/

#bloc_outils{
	padding: 6px 12px 0px 0px;
	height: 19px;
}

#bloc_outils a.outils,p.outils{
	display: block;
	color: #fff;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#bloc_outils a.outils:hover{
	color: #6ef8fe;
}

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


#super_conteneur{
	width: 908px;
	margin: auto;
	/*border: #0f0 solid 1px;*/
}


#conteneur{
	background: url(images/fond_conteneur.gif) repeat-y ;
	padding: 0px 0px 0px 0px;
	/*border: #00f solid 1px;*/
}

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

#contenu p{
	color:#365568;
}

#contenu h1{
	color: #004375;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	background: url(images/fond_sous_titre.gif) no-repeat;
}

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

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

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

#colonne_droite{
	width: 173px;
	background: url(images/fond_colonne_droite.jpg) no-repeat top ;
	float: right;
	padding: 10px 0px 0px 20px;
	/*border: #f0f solid 1px;*/
}

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

#bloc_menu{
	padding: 0px 12px 0px 12px;
	/*border: #f0f solid 1px;*/
}

.menu1{
	display: block;
	font-size: 14px;
	color: #004375;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
}

.menu1:hover{
	color: #007cd8;
}

.menu1_actif{
	display: block;
	font-size: 14px;
	color: #008c91;
	font-weight: bold;
	background: url(images/fond_menu1.gif) no-repeat;
	padding: 0px 0px 0px 16px;
}


.ligne_menu{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 8px 0px 8px 15px;
	overflow: hidden;
	background: url(images/fond_pointille_menu.gif) repeat-x center;
	/*border: #0000ff solid 1px;*/
}

.ligne_menu2{
	height: 2px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 8px 4px 12px 4px;
	overflow: hidden;
	background: url(images/fond_pointille_menu.gif) repeat;
	/*border: #0000ff solid 1px;*/
}


/******/

.menu2{
	display: block;
	font-size: 13px;
	color: #008c91;
	padding: 0px 0px 6px 12px;
	margin: 6px 0px 0px 15px;
	background: url(images/fond_menu2.gif) no-repeat  ;
}

.menu2:hover{
	color: #00c4cd;
}

.menu2_actif{
	display: block;
	font-size: 13px;
	color: #004375;
	font-weight: bold;
	background: url(images/fond_menu3.gif) no-repeat  ;
	padding: 0px 0px 6px 12px;
	margin: 6px 0px 0px 15px;
}

/******/

.menu3{
	display: block;
	font-size: 12px;
	color: #004375;
	padding: 0px 0px 6px 12px;
	margin: 0px 0px 0px 30px;
	background: url(images/fond_menu3.gif) no-repeat  ;
}

.menu3:hover{
	color: #009cd8;
}

.menu3_actif{
	display: block;
	font-size: 12px;
	color: #008c91;
	font-weight: bold;
	padding: 0px 0px 6px 12px;
	margin: 0px 0px 0px 30px;
	background: url(images/fond_menu3.gif) no-repeat  ;
}


/******/

.menu4{
	display: block;
	font-size: 11px;
	color: #006395;
	padding: 0px 0px 4px 12px;
	margin: 0px 0px 0px 45px;
	background: url(images/fond_menu4.gif) no-repeat  ;
}

.menu4:hover{
	color: #009cf8;
}

.menu4_actif{
	display: block;
	font-size: 11px;
	color: #004375;
	font-weight: bold;
	/*font-style: italic;*/
	padding: 0px 0px 4px 12px;
	margin: 0px 0px 0px 45px;
	background: url(images/fond_menu4.gif) no-repeat  ;
}


/******/

.menu5{
	display: block;
	font-size: 11px;
	color: #006395;
	padding: 0px 0px 4px 12px;
	margin: 0px 0px 0px 60px;
	background: url(images/fond_menu5.gif) no-repeat  ;
}

.menu5:hover{
	color: #009cf8;
}

.menu5_actif{
	display: block;
	font-size: 11px;
	color: #004375;
	font-weight: bold;
	/*font-style: italic;*/
	padding: 0px 0px 4px 12px;
	margin: 0px 0px 0px 60px;
	background: url(images/fond_menu5.gif) no-repeat  ;
}


/******/


#bloc_noactus{
	padding: 0px 12px 0px 12px;
	margin: 0px 2px 0px 5px;
	color: #365568;
	font-size:11px;
	/*background: url(images/fond_noactus.jpg) repeat-x top ;*/
	/*border: #0f0 solid 1px;*/
}


#bloc_actus{
	padding: 32px 12px 0px 12px;
	margin: 16px 2px 0px 5px;
	color: #365568;
	font-size:11px;
	/*border: #0f0 solid 1px;*/
}

#bloc_actus p{
	color: #365568;
/*	border: #0f0 solid 1px;*/
}

#bloc_actus img{
	float: left;
	padding: 0px 5px 4px 0px;
}


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

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

.ligne{
	height: 12px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	background: url(images/fond_ligne.jpg) no-repeat center;
	/*border: #0000ff solid 1px;*/
}


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

#footer{
	width: 848px;
	height: 20px;
	background: url(images/fond_footer.jpg) no-repeat ;
	margin: auto;
	padding: 20px 30px 0px 30px;
	/*border: #ff0 solid 1px;*/
}

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


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

#accueil{
	position: absolute;
	width: 100%;
	top: 50%;
	height: 527px;
	background: url(images/fond_accueil.gif) repeat-x;
	margin: -264px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
	text-align:center;
}

#bloc_accueil{
	width: 900px;
	height: 527px;
	margin: auto;
	/*border: #f0f solid 1px;*/
}


#ligne_haut_accueil{
	padding: 41px 0px 04px 0px;
	height: 21px;
	background: url(images/fond_accueil_haut.jpg) no-repeat;
	/*border: #f0f solid 1px;*/
}
*html #ligne_haut_accueil{
	padding: 41px 0px 05px 0px;
} 

#flash_accueil{ 
	padding: 0px 02px 0px 0px;
	width: 899px;
	height: 433px;
	/*border: #f0f solid 1px;*/
}


/*** BAS ACCUEIL ***/

#ligne_bas{
	width: 100%;
	padding: 0px 0px 0px 0px;
	height: 134px;
	clear: both;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil{
	width: 200px;
	padding: 12px 0px 0px 60px;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a{
	display: block;
	width: 150px;
	color: #908b6b;
	font-size: 11px;
	background: url(images/fond_outils.gif) no-repeat ;
	padding: 0px 0px 4px 8px;
	margin: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a:hover{
	color: #bda722;
}



#footer_accueil{
	clear: both;
	height: 10px;
	margin: auto;
	padding: 7px 15px 0px 15px;
	/*border: #ff0 solid 1px;*/
}

#footer_accueil a{
	color: #9dd6d6;
	font-size: 10px;  
	/*border: #0ff solid 1px;*/
}


.mois{
	color: #365568;
	font-size: 10px;
}

.sousTitre{
  color:#01ABB3;
}