html{
	background-color:#e6e6e0;
}
body *{ margin:0; padding:0;}
body{
	position:relative;
	width:1024px; /*19/08/09 : 980px*/
	margin:20px auto;	
	background-color:white;	
	font:0.8em arial;
	color:#737373;	
}
body a{
	text-decoration:none;
	color:#737373; /*A PRECISER MEME SI DEJA INDIQUE DANS LE CSS DU BODY*/
}
/*----------------------------------------------------------------------EN TETE------------------------------------------------------------------------------------------------------------------*/
div#en_tete{ line-height:0;}
/*----------------------------------------------------------------------MENU HORIZONTAL------------------------------------------------------------------------------------------------------------------*/
div#menu_horizontal{	
	font-size:0.85em;	
	background-color: #b22222;
	color: white;
}
div#menu_horizontal a{
	color: white;
}
	ul.liste_menu_horizontal{
		text-align:center; 
	}
		ul.liste_menu_horizontal li{ 
			display:inline; 
			margin: 0 5px 0 0;
		}
/*--------------------------------------------------------------------------LIGNE MAJ-----------------------------------------------------------------------------------------------------------------*/
div.maj{
		float:left;
		width:200px;	
}
div.connectes{
		float:right;
		width:200px;
		text-align:right;	
}
/*----------------------------------------------------------------------------MENU FLOTTANT DE GAUCHE--------------------------------------------------------------------------------------------------*/
div#menu{	
	width:130px;
	float:left;
	margin-top:15px;
}
	div.element_menu img{		
		margin:5px 0 0 2px;
		border:1px solid #737373;
}
	div.element_menu a:hover{
		font-weight:bold;
}
	div.element_menu h4{	
		font:bold 1em arial; /*1 em a laisser pour IE*/		
		color:#c70f0b;
		padding-left:5px;		
		border-bottom:1px #C71008 dashed;
}
	div.element_menu ul{
		margin:0 0 0 3px;	
}
		div.element_menu li{		
			font-size:0.85em;
			list-style-type:none;
			background-color:#F0F0EA;
			margin:0 0 3px 0;				
}
			div.element_menu li a:hover{
				text-decoration:underline;
}




/*----------------------------------------------------------------------------MENU  ABSOLU DROIT--------------------------------------------------------------------------------------------------*/
div#menu_droit{	
	width:130px;
	position:absolute;
	right:0; /*19/08/09 : left:850px;*/
	top:223px;	
}

	div.element_menu_droit a:hover{
		font-weight:bold;
}

	div.element_menu_droit img{
		margin:5px 0 0 2px;
		border:1px solid #737373;
}

	div.element_menu_droit h4{	
		font:bold 1em arial; /*1em a laisser pour IE*/
		color:#c70f0b;
		padding-left:5px;
		border-bottom:1px #C71008 dashed;
}
	div.element_menu_droit ul{
		margin:0 0 0 3px;	
}
		div.element_menu_droit li{		
			font-size:0.85em;
			list-style-type:none;
			background-color:#F0F0EA;
			margin:0 0 3px 0;
}
			div.element_menu_droit li a:hover{
				text-decoration:underline;
}

/*----------------CONTENEUR BOITES PRINCIPALES   (IMAGE PRINCIPALE + PARAGRAPHE PRINCIPAL) PAGE INDEX--------------*/
#conteneur_boites_principales{     
	width:725px; /*19/08/09 : 685px*/
	height:245px;
	margin:30px 0 0 150px;
	border: 1px dashed #c70f0b;	
}
	div.boite_image_principale{
		float:left;
		width:327px;
		height:245px;	
}
		div.boite_image_principale a img{
			border:none;
}
	div.boite_paragraphe{
		width:377px;/*19/08/09 : 333px*/
		height:245px;
		float:left;
		overflow:auto;
}
		div.boite_paragraphe h4 {
			font-size:1em;  /* pour IE*/
			margin:10px 0 0 12px;
}
		div.boite_paragraphe p{		
			margin:10px 0 0 12px;
			text-align:justify;	
}



/*--------------------CONTENEUR RANGEE-----------------------------------*/
div.conteneur_tableau_rubriques{
	width:725px; /*19/08/09 : 685px*/	
	margin:10px 0 0 150px;
	border:1px dashed #c70f0b;	
	font-size:0.8em;
}
/*--------------------TABLEAU-------------------------------------------------*/
table ul{
	padding-left:0; margin-left:5px;list-style-type:none;
}
table tr td ul li a:hover{
	text-decoration:underline;
}
table tr td span.tdtitre{
color:#C71008; font-weight:bold;
}


/*--------------------COMMUNAUTE-------------------------------------------------*/
div.communaute{
	width:685px;
	margin: 5px 0 0 150px;	
	padding-left:8px;	
}
	p.fiches a{
		text-decoration:underline;
}
h4.communaute{
	
	font-weight:bold;
	font-size:1em; /*a laisser pour IE*/
	color:#c70f0b;
	padding-left:5px;
	margin:20px 0 0 152px ;
	
}
h4.communaute a.hrs{
	font-weight:bold;
	font-size:0.9em;
	text-decoration:underline;
		
}	
span.communaute	a{	  /* retrouver oł ils sont dans le html*/
	text-decoration:none;   
}
/*---------------------BOITE COPYRIGHT---------------------------------------*/
div#conteneur_par_pied_de_page{
	width:575px;
	margin:15px 0 0 155px;		
	font-size:0.85em;
}
	p.copyright{
		width:468px;
		margin:0 auto;
		text-align:center;		
		font-family:'Comic Sans MS';
}
		p.copyright span.nom_du_site{
		color:#c70f0b;
}

/*---------------------------- REGLES GENERALES---------------------------------*/

div.spacer{
	clear:left;
}