/***************************/ 
/*** div ecran d'accueil ***/
/***************************/ 
 div#general {
	border-right:1px solid #b0c0d9;
	border-bottom:1px solid #b0c0d9;
	background: #fff url(/php/images/fond_menu_accueil.gif) left top  repeat-y; 	
}
 
 div#entete_h1 {
	background:url(/php/images/bandeau-mairie.jpg) 0 0 no-repeat;	
}


 /**********************************/
/* *** mise en page centrale *** */
/**********************************/

  	h2.entete_rubrique {
  	font:normal 1.4em Arial,Helvetica;
	color:#8B8B8B;
  	margin:0 0 1em 0;
  	padding:0;
  	border-bottom:1px solid #8B8B8B;
  }	
  
  div#contenu2 h3 {
	color:#209740;	
}
  
	div#evenement {
  	border:0;
  	margin: 0 148px 0.5em 0;
  	padding:0;
	/* height:200px; */
  } 
  
   .evenement_img {
   	position:relative;
 	float:left;
 	margin:0 0.5em 0.5em 0;
	border:0;
  }
     
   
  div#evenement h3 {
  	font:bold 14px Arial,Helvetica;
	color:#2254A0;
  	margin:0 0 0.5em 0;
  	padding-left:0.5em;
  	border:0;
  }
  

  .evenement_date {
  	font: italic bold 14px Arial, Helvetica;
	color:#2254A0;
  	margin:0 0 0.5em 0;
  	padding-left:0.5em;
  	border:0;
  }
  
	.evenement_lieu {
  	font: italic bold 14px Arial, Helvetica;
	color:#2254A0;
  	margin:0;
  	padding-left:0.5em;
  	border:0;
  }
  
  .evenement {
  	font: normal 14px Arial, Helvetica;
	color:#2254A0;
  	margin:0;
    padding-left:190px;
	padding-right:0.5em;
  	border:0;
  }
  
  .evenement_special {
  	font: normal 1.1em Arial, Helvetica;
  	margin:0.5em 0 0.5em 0;
  	padding-left:0.5em;
	padding-right:0.5em;
  	border:0;
  }
   .evenement ul {;
  	margin:0;
  	 padding-left:190px;
	padding:0;
  	border:0;
  }
	a.evenement {
  	 font: normal 1.1em Arial, Helvetica;
	color:#767678;
  	margin:0;
   padding-left:190px;
  	border:0;
	text-decoration:underline;
  }
	
	 a.evenement:hover {
  	font: normal 1.1em Arial, Helvetica;
	color:#C4002C;
  	margin:0;
    padding-left:190px;
  	border:0;
	text-decoration:underline;
  }

/***************************************/ 
/****  texte image evenement ***/
/***************************************/ 

div#texte-image p, div#texte-image ul{
  padding-left:190px;
}

div#contenu2 h3.titre {
	font:bold 1.3em Arial,Helvetica;
	color:#2254A0;
  	margin:0;
  	padding-left:0.5em;
  	border:0;
}

div#contenu2 h3.titre_elections {
	font:bold 1.3em Arial,Helvetica;
	color:#2254A0;
  	margin:0;
  	padding-left:0.5em;
  	border:0;
}
/************************/
/********************************/	
/*** evénements secondaires *** */
/********************************/

	.left {
	FLOAT: left;
	WIDTH: 48%;
	MARGIN-LEFT: 0;
	BACKGROUND: #c3c8c3;
	 border:1px solid #00c;
	PADDING: 0px
	}

	UNKNOWN {
	MARGIN-LEFT: 12px
}
	.right {
	FLOAT: right; 
	padding:0;
	BACKGROUND: #c3c8c3; 
	WIDTH: 48%; 
	MARGIN-RIGHT:0px;
	border:1px solid #00c;
}
	UNKNOWN {
	MARGIN-RIGHT: 12px
}
	div#gauche {
	float: left;
	margin:0; 
	padding:0;
	width:57%;
	 border-right:1px solid #ccc; 
	 border:0;
  	}
			
   div#gauche img {
   	float:left;
  	margin:0 0 1em 0;
  	padding:0;
  	border:1;
	width:150px;
	vertical-align:baseline;
  	}
  
   div#gauche h3 {
  	clear:both; 
  	font: normal 1.2em Arial, Helvetica;
	color:#C4002C;	
  	margin:0 0 0.2em 0;
  	padding:2px;
	border:0;
	/* border-bottom:1px solid #C4002C;  */
	width:100%;
  	}
		
	div#gauche  p {
   	font:normal 1em Arial, Helvetica;
  	margin:0px;
  	padding:0;
  	border:0;
  	}
	
	div#gauche  p.date_lieu {
   	font:bold 1em Arial, Helvetica;
	color:#2254A0;
  	margin:0 0 0 2px;
  	padding-bottom:0.2em;
  	border:0;
  	}
	
	div#gauche a {
   	font:normal 1em Arial, Helvetica;
	color:#2254A0;
  	margin:5px 0 0 5px;
  	padding:0;
  	border:0;
	text-decoration:none;
  	}
	
	div#gauche a:hover {
   	font:normal 1em Arial, Helvetica;
	color:#C4002C;
  	margin:5px 0 0 5px;
  	padding:0;
  	border:0;
	text-decoration:underline;
  	}
	
	div#gauche  p.description{
	clear:both;
   	font:normal 1em Arial, Helvetica;
	color:#306A8F;	
  	margin:0 0 0 2px;
  	padding-bottom:0.2em;
  	border:0;
  	}
	
	div#gauche  hr {
	color: #2254A0;;
	background-color:#2254A0;;
	border: 0;
	font-size:1px;
	width:95%;
	margin:0 0 20px 0;
	padding:0;	
	
	}
	
	fieldset.accueil {
	clear:both;
	padding:2px;
	margin:0 0 1em 0;
	}



/* *** informations pratiques, diverses, etc.. *** */

	/* div#infos_diverses {	
  	margin:0;
	border:0;
	padding:0 0 0 245px;
	background: url(/php/images/fond_infodiverses.gif) 245px 70% no-repeat;
  	} */
	
	.right {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; BACKGROUND: #c3c8c3; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 43%; MARGIN-RIGHT: 6px; PADDING-TOP: 5px
}

div#droit {
	float: right;
	margin: 0;
	padding:0; 
	border-left:1px dotted #2254A0;
	border-bottom:1px dotted #2254A0;
	width:41%;
  	}

	div#droit h3 {
  	font: normal 1.1em Arial, Helvetica;
	color:#000;	
	background-color:#F7E9D4;
  	margin:0;
  	padding:0 0 0 0.5em;
	border:0;
  	}
	
div#droit h4 {
  	font: bold 1em Arial, Helvetica;
	color:#2254A0;
  	margin:0;
  	padding:0 0 0 0.5em;
	border-top:1px dotted #2254A0;
	border-bottom:1px dotted #2254A0;
  	}
	
	
	 div#droit img {
   	float:center;
  	margin:0.2em;
  	padding:0;
  	border:0;
	width:140px;
  	}
	
	
	div#droit ul.divers {
  	margin:0 0 0.5em 0;
  	padding:0 0 0 0.5em;
  	border:0;
	
  	}
		
  div#droit li.divers {
   	font:normal 1em Arial, Helvetica;
	color:#000;
  	margin:0 0 2px 0;
  	padding:0;
  	border:0;
  	}
	
	div#droit a {
   	font:normal 1em Arial, Helvetica;
	color:#2254A0;
  	margin:0;
  	padding:0;
  	border:0;
	text-decoration:none;
  	}
	
	 div#droit a:hover {
   	font:normal 1em Arial, Helvetica;
	color:#C4002C;
  	margin:0;
  	padding:0;
  	border:0;
	text-decoration:underline;
  	}
	
	div#droit hr {
	margin:0;
	padding:0;
	border-bottom:1px solid #000;
	border-top:0;
	border-left:0;
	border-right:0;
	}

	

	
/*************************/ 
/**   menu de droite    **/
/*************************/ 
div#liste_liens {
	 background-color: #b0c0d9;
	 border:1px solid #b0c0d9;
	
	 /* background: #b0c0d9 url(/php/images/fond_liste_liens.gif) 0% 100% no-repeat; */
 }

 div#liens img.accueil {
 float:left;
 margin:0px 0px 0px 2px;
 border:0px;
 padding:0;
 width:auto; 
 }
 
  div#liens h3, div#liens h3 a {
 background-color:#DEE5F1;
 }



/*************************/ 
/****   bas de page    ***/
/*************************/ 
div#basdepage {
	background: transparent url(/php/images/basdepage_accueil_test.gif) left top no-repeat;	
	border:0;
	height:226px;
	padding:0 ;
	margin:0;
 }
 
 h4.gras {
	font-weight:bold;
	}