#entete_site {
background: url(../../images/ete/vie_eco/fond_vie_eco.jpg) no-repeat left top; /*fond image entete site*/
}

#conteneur_site {
background: url(../../images/ete/mairie/filet_vert.jpg) repeat-y left top;
}

#accueil_nav {
 background: url(../images/fr/accueil/fond_nav_accueil.jpg) no-repeat 0 top;
 height:184px;
}
#flash_info {
 background: url(../images/fr/accueil/fond_flash_info.jpg) no-repeat 0 top;
 height:36px;
}

#larecherche{
position:absolute;
right:0;
top:0;
width:180px;
}
#larecherche form{
vertical-align:middle;
}

	#cl_gauche_site_mairie {
	float:left;
	height:100%;
	width:155px; /*largeur de la div gauche*/
	height:auto !important;
	height:450px;
	min-height:450px;
	}
/*--PAGE FICHE--*/
	#cl_centre_site_mairie {
	float:left;
	width:625px; /*largeur de la div gauche*/
	/*background-color:#ffffff; couleur de fond du centre*/
/*	border: solid 1px #c00;
*/	height:auto !important;
	height:450px;
	min-height:450px;
	padding-left:10px;
	}

	#conteneur-article {
	position:relative;
/*	float:left;
	padding:0 10px 5px 0;
*/	}
	#cache-photo-article {
	position:absolute;	
	top:0;
	left:0;
	width:255px;
	z-index:18;
	}
	#photo-article {
	position:relative;
	float:left;
	padding:0 10px 5px 0;
	width:255px;
	}
	#photo-article span{
	width:255px;
	display:block;
	}
	#zoom-article {
	float:left;
	width:27px;
	height:182px;
	margin-top:15px;
	margin-right:15px;
	z-index:11;
	}
	#zoom-article img{
	padding-bottom: 5px;
	}	
	#article {
/*	float:left;
	width:250px;*/
	margin:12px 0 0 0;
	text-align:justify;
	line-height:1.2em;
	}
	#article p {
	color:#000;
	font-size:11px;
	padding:0 10px 0 10px;
/*	line-height:.8em;
*/	}
	#article h3{
	color:#000;
	padding:0 10px 0 10px;
	text-align:justify;
	line-height:1.5em;
	}
	#article h2{
	padding: 0 10px 5px 10px;
	font-size:20px;
	color:#AD34AD;
	line-height:1.5em;
	text-align:left;
	}
	#article h2 b{
	padding: 5px 0 15px 30px;
	display:inline;
	background:  url(../../images/ete/vie_eco/puce_rouge.gif) no-repeat 0 0;
	}
	
	
/*--------annuaire galerie agenda-------------*/
	#conteneur_aga{
	position: relative;
/*	padding : 10px 0 0 15px;
*/	font-size:11px;
	background: url(../../images/ete/mairie/3cl_annu_actu_agenda.jpg) no-repeat 0 10px;
	}

	/*-----menu annuaire-------*/
	#annuaire {
	position: relative;
	float:left;
	padding:75px 0 0 20px; 
	height:auto !important;
	height:150px;
	min-height:150px;
	width:225px;
	}
	#galerie {
	position: relative;
	float:left;
	padding:75px 0 0 20px; 
	height:auto !important;
	height:150px;
	min-height:150px;
	width:155px;
	background: transparent;
	}
	#cal_agenda {
	position: relative;
	float:left;
	padding:75px 0 0 30px; 
	height:auto !important;
	height:150px;
	min-height:150px;
	width:160px;
	background:none;
	}
	h5.titre_aaa_fiche{
	color:#77A41D;
	text-decoration: none;
	font-size:11px;
	}
	p.desc_aaa_fiche{
	color:#000;
	text-decoration: none;
	font-size:10px;
	}
	h5.titre_aaa_fiche a {
	color:#77A41D;
	text-decoration: none;
	font-size:11px;
	}
	h5.titre_aaa_fiche a:hover {
	color:#77A41D;
	text-decoration: underline;
	font-size:11px;
	}
	p.desc_aaa_fiche a{
	color:#651F65;
	text-decoration: none;
	font-size:10px;
	}
	p.desc_aaa_fiche a:hover {
	color:#000;
	text-decoration: underline;
	font-size:10px;
	}
	

/*-- collonne droite--*/

#cl_droite_site_mairie {
position:relative;
width:170px;
float:right;
margin: 0 15px 0 0;
/* margin-right:10px;
*/}
	#conteneur-savoir_plus{
	padding: 0 0 10px 15px;
	width:155px;
	background: url(../../images/ete/vie_eco/cl_d_savoir_plus.jpg) no-repeat 0 top;
 	padding-top:90px;
	background-color:#AD34AD;
	}
	a.lien_svp{
	display:block;
	color:#fff;
	padding: 0 5px 0 0;
	}
	a.lien_svp:hover{
	color:#651F65;
	text-decoration:none;
	padding: 0 5px 0 0;
	}
	#menu_savoir_plus{
	position: relative;
	height:auto !important;
	height:150px;
	min-height:150px; 
	}
/*	#menu_savoir_plus ul {
	padding:10px 0 0 20px; 
	}*/
	#menu_savoir_plus ul li {
	text-align: left;
	}
	#menu_savoir_plus ul li a {
	display: block;
	padding: 2px 0 2px 17px;
	color: #fff;
	text-decoration: none;
	background: url(../../images/ete/mairie/puce_savoirplus.gif) no-repeat 2px 4px;
	}
	#menu_savoir_plus ul li a:hover {
	padding: 2px 0 2px 17px;
	background: url(../../images/ete/mairie/puce_savoirplus.gif) no-repeat 2px 4px;
	color:#651F65;
	}
	#conteneur-reac{
	padding: 0 0 10px 15px;
	width:155px;
/*	background: url(../../images/ete/mairie/cl_d_savoir_plus.jpg) no-repeat 0 top;
*/ 	padding-bottom:10px;
	background-color:#AD34AD;
	}
	a.lien_reac{
	display:block;
	color:#fff;
	text-decoration:none;
	padding: 0 5px 0 0;
	}
	a.lien_reac:hover{
	color:#651F65;
	text-decoration:none;
	padding: 0 5px 0 0;
	}
	

/*-- reaction--*/

#module-reaction{
padding: 0 0 10px 15px;
background: url(../../images/ete/vie_eco/puce_savoirplus.gif) no-repeat 0 0;
}
#module-reaction h6{
color:#AD34AD;
padding-bottom:5px;
font-size:12px;
font-weight:bold;
}
p.desc-reac{
font-size:11px;
line-height:1em;
text-align:justify;
}
p.desc-reac span{
display:block;
color:#AD34AD;
}
input.champ-reac{
border: solid 1px #ccc;
color:#666;
width:98%;
}
textarea.champ-reac{
border: solid 1px #ccc;
color:#666;
width:98%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
input.btn-reac{
color:#FFF;
background-color:#AD34AD;
}
table h3{
	padding:5px;
	color:#C063C0;
}
table.fond-reac{
	background: url(../../images/ete/vie_eco/fond_degrade_rouge.jpg) repeat-x 0 0;
}

/*###################################
		LISTE ACCUEIL
###################################*/

	
/*-- collonne CENTRE--*/
	#cl_centre_site_mairie_liste {
	float:right;
	width:774px; /*largeur de la div gauche*/
/*	border: solid 1px #c00;
*/	height:auto !important;
	height:450px;
	min-height:450px;
	margin-right:20px;
	}
/*	#conteneur-article_liste {
	position:relative;
	padding-bottom:15px;
	}*/
	#cache-photo-article_liste {
	position:absolute;	
	top:0;
	left:0;
	width:774px;
	}
	#photo-article_liste {
	position:relative;
/*	float:left;
	padding:0 10px 5px 0;*/
	width:774px;
	padding-bottom:15px;
	}
	#article_liste {
	position:relative;
	float:left;
	width:516px;
	padding:0 0 15px 15px;
	}
	#article_liste h2{
	padding: 10px 0 5px 0;
	font-size:20px;
	color:#AD34AD;
	}
	#article_liste h2 b{
	padding: 5px 0 15px 30px;
	display:inline;
	background:  url(../../images/ete/vie_eco/puce_rouge.gif) no-repeat 0 0;
	}
	#article_liste p.desc_liste_accceuil{
	text-align:justify;
	line-height:12px;
	color:#000;
	padding-bottom:15px;
	line-height:1.5em;
	}
	#menu_accueil_liste {
	position: relative;
	float:left;
	background: url(../../images/ete/vie_eco/fond_ul_liste_accueil.jpg) no-repeat 0 20px;
	width:505px;
	height:170px !important;
	height:auto;
	min-height:170px; 
	}
	#menu_accueil_liste h3{
	color:#AD34AD;
	font-size:12px;
	padding-botttom: 10px;
	}
	#menu_accueil_liste ul {
	padding:10px 0 0 20px; 
	}
	#menu_accueil_liste ul li {
	text-align: left;
	}
	#menu_accueil_liste ul li a {
	display: block;
	padding: 2px 0 2px 17px;
	color: #AD34AD;
	text-decoration: none;
	background: url(../../images/ete/accueil/puce_liste_eco.gif) no-repeat 2px 4px;
	}
	#menu_accueil_liste ul li a:hover {
	padding: 2px 0 2px 17px;
	background: url(../../images/ete/accueil/puce_liste_eco.gif) no-repeat 5px 3px;
	color:#651F65;
	}
	
	/*----- cl actu annuaire agenda-------*/
	#conteneur_aga_vertical{
	position: relative;
	float:right;
	font-size:11px;
	width:217px;
	}
	#menu_annuaire_liste {
	position: relative;
	float:left;
	padding:40px 0 0 0px; 
	background: url(../../images/ete/mairie/actu_agenda_f3.png) no-repeat 0 top;
	width:216px;
	min-height:180px;
	height: auto !important;
	height:180px;
	}
	h5.titre_aaa_acc a {
	color:#77A41D;
	text-decoration: none;
	font-size:11px;
	}
	h5.titre_aaa a:hover {
	color:#77A41D;
	text-decoration: underline;
	font-size:11px;
	}
	p.desc_aaa_acc a{
	color:#000;
	text-decoration: none;
	font-size:10px;
	}
	p.desc_aaa_acc a:hover {
	color:#000;
	text-decoration: underline;
	font-size:10px;
	}
	#menu_annuaire_liste ul {
	padding: 5px 0 5px 0;
	}
	#menu_annuaire_liste ul li {
	text-align: left;
	padding-left: 15px;
	}
	#menu_annuaire_liste ul li a {
	display: block;
/*	width:172px;
*/	padding: 2px 0 2px 0;
	color:#000;
	text-decoration: none;
	}
	#menu_annuaire_liste ul li a:hover {
	padding: 2px 0 2px 0;
	color:#306363;
	text-decoration: underline;
	}	
	#galerie_liste {
	position: relative;
	float:left;
	padding:40px 0 0 0; 
	width:216px;
	background: url(../../images/ete/mairie/actu_agenda.png) no-repeat 0 top;
	min-height:180px;
	height: auto !important;
	height:180px;

	}
	#cal_agenda_liste {
	position: relative;
	float:left;
	padding:40px 0 0 0; 
	width:216px;
	background: url(../../images/ete/mairie/actu_agenda_f2.png) no-repeat 0 top;
	min-height:180px;
	height: auto !important;
	height:180px;
	}