@import url("../reset.css");

/*--LES ELEMENTS HTML--*/
	body { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color:#FFF; }
	p {	font-size:1em; }
	h1 { font-size:1em; }
	h2 { font-size:1.2em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1em; }
	h5{ font-size:0.8em; }
	h6 { font-size:0.8em; font-weight:normal; }
	a:link { color:#000; text-decoration:underline; } /* unvisited link */
	a:visited { color:#000; text-decoration:underline; } /* visited link */
	a:hover { text-decoration:none; color:#c00; } /* mouse over link */
	a:active { text-decoration:none; color:#c00; } /* selected link */ 
	img a { border:0; }
	
/*--DIV PRINCIPALE DU SITE--*/
	#conteneur_site {
	position:relative;
	background-color:#FFF;
	z-index:1;
	height:auto;
/*	border: solid 1px #A42220;
*/	}
	#ombre_haut { background: url(../images/fr/ombre_site_haut.jpg) no-repeat center top; height:11px;}
	#ombre_centre {  background: url(../images/fr/ombre_site_centre.jpg) repeat-y center top;}
	#ombre_bas { background: url(../images/fr/ombre_site_bas.jpg) no-repeat center top; height:25px;}


/*--STYLES GENERAUX--*/
	#entete_site_print{
	display:inline;
	}
	#conteneur_site h1 {
	font-size:10px;
	color:#878787;
	padding-bottom:20px;
	background:url(../images/fr/border_bottom_h1.jpg) repeat-x bottom left;
	margin:0 15px 10px 15px;
	font-weight:normal;
	text-transform:lowercase;
	}
	#conteneur_site h1 a {
	font-size:10px;
	font-weight:normal;
	color:#878787;
	text-decoration:none;
	text-transform:lowercase;	
	}
	#conteneur_site h1 a:hover {
	color:#333333;
	font-size:10px;
	}	
	#conteneur_site h1 a.page_focus {
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;	
	}
	#conteneur_site h2 {
	color:#4E4E4E;
	padding-bottom:5px;
	background:url(../images/fr/border_bottom_h2.jpg) repeat-x bottom left;
	}	
	.champ-recherche{
	display:none;
	}

	#date-recherche{
	position:relative;
	margin:0;
	padding: 0 0 0 15px;
	vertical-align:middle;
	height:35px;
	}
	#date-recherche b{
	display:block;
	font-size:13px;
	color:#FFF;
	padding-top:8px;
	}


/*--ENTETE DU SITE--*/
	#entete_site {
	display:none;
	}
	#nav_gen_site{
	display:none;
	}
	#menu_mairie_gen{
	display:none;
	}
	#menu_vivre_gen{
	display:none;
	}
	#menu_eco_gen{
	display:none;
	}
	#conteneur_onglet{
	display:none;
	}

	
	/*------------------------------------------------------------------*/
	#logo {
	display:none;
	}
	#logo h6 {
	display:none;
	}
	#adresse_print {
	color:#000;
	font-size:11px;
	line-height:13px;
	padding:15px;
	}
	#adresse_print h5 {
	background: url(../images/fr/picto_mail_adresse.jpg) no-repeat left top; /*fond  menu*/
	padding: 0 0 0 35px;
	color:#000;
	height:19px;
	font-size:12px;
	}
	#adresse_print p {
	padding: 0 0 0 25px;
	}
	#adresse_print a {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	}
	#adresse_print a:hover {
	color: #000;
	font-weight:bold;
	text-decoration: inherit;
	}
	/*onglet  recherche*/
	#onglet_recheche{
	display:none;
	}
	
	#onglet_lien_rapide{
	display:none;
	}


/*--LES 3 BLOCS PRINCIPAUX POUR LE CONTENU--*/
	#cl_centre_site {
	float:left;
	background-color:#ffffff; /*couleur de fond du centre*/
	}
	#cl_gauche_site {
	display:none;
	}
	#cl_gauche_site_2cl{
		display:none;
	}
	#cl_droite_site {
	display:none;
	}
	
	div.haut-page {
	display:none;
	}


/*pop mail*/
	div.pop-mail {
	display:none;
	}
	.clear-position {
	clear:both;
	width:100%;
	margin: 30px 0 30px 0;
	}
	#picto-article {
	position:absolute;
	top:40px;
	left:15px;
	width:50px;
	z-index:12;
	height:250px;
	}
		/*---nav multi page----*/
	.nav_page{
	display:none;
	}

/*--LE PIED DE PAGE--*/
	#pied_de_page_site {
	display:none;
	}
/*------------------------------------------------
actu
------------------------*/
	#cl_gauche_site_2cl {
	display:none;
	}
	#cl_centre_site_2cl {
	position:relative;
	}

/*-----*/
#liste_themes{
padding:5px;
text-align:left;

}
#liste_themes select{
background-color:#FFF;
border:none;
width:98%;
border: solid 1px #666;
}
#liste_themes input.decal_bt{
padding: 5px 10px 0 115px;
}
/*----*/

/*-------Centre site actu------------*/
.cache_photo_actu{
display:none;
}
.photo_actu{
position:relative;
float:left;
width:160px;
height:60px;
padding:10px;
}
#annuaires_liste{
width:367px; 
height:77px; 
float:left; 
background: url(../../images/ete/07_annuaire/fds_mini_fiche.jpg) no-repeat top left; 
margin-left:15px; 
margin-top:10px; 
margin-bottom:10px; 
position:relative;
}
#cl_desc_actu{
float:left;
padding: 5px 0 10px 0;
text-align:justify;
line-height:1.3em;
font-size:11px;
width:267px;
height:77px;
vertical-align:top;
}
#cl_desc_actu h3.s_titre_actu{
color:#77A41D;
background:none;
text-align:left;
padding:0;
font-size:15px;
font-weight:bold;
}
#cl_desc_actu span {
color:#999;
display:block;
padding: 0 2px 0 15px;
}
#cl_desc_actu span.desc_actu{
color:#000;
}
/*------fiche------*/
.cache_photo_actu_fiche{
	display:none;
	}
.photo_actu_fiche{
position:relative;
float:left;
width:160px;
height:60px;
margin:10px;
padding:1px;
}
.legende_actu_fiche{
padding:3px;
color:#77A41D;
font-size:11px;
}
#annuaires_fiche{
position:relative;
padding:15px;
}
#cl_desc_actu_fiche{
float:left;
padding: 5px 10px 10px 50px;
text-align:justify;
line-height:1.5em;
font-size:11px;
width:430px;
vertical-align:top;
font-size:12px;
height:auto;
mini-height:180px;
}
#cl_desc_actu_fiche h3.s_titre_actu_fiche{
color:#77A41D;
background:none;
text-align:left;
padding:0 0 10px 0;
font-size:17px;
font-weight:bold;
}
#cl_desc_actu_fiche span {
color:#999;
display:block;
padding: 0 2px 0 0px;
}
#cl_desc_actu_fiche span.desc_actu_fiche{
color:#000;
}
	#cl_desc_actu_fiche h6 a{
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#84AD33;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 520px 50%;
	}
	#cl_desc_actu_fiche h6 a:hover{
	font-size:11px;
	color:#306363;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 530px 50%;
	}
	
/*--------------------------------------------------------------------------
annuaire
-------------------------------------------------------------------------------*/

/*-------------colonnne gauche---------------------*/
.rub_gauche_accueil{ 
display:none; 
}
#date_jour{
color:#A3C166;
text-align:center;
padding:10px 5px 10px 5px;
font-size:12px;
}


/*----*/

/*-------Centre site actu------------*/
.cache_photo_actu{
display:none;
}
.photo_actu{
position:relative;
float:left;
width:200px;
height:120px;
padding:10px;
}
#actualites_liste{
position:relative;
padding:15px;
}
#cl_desc_actu{
float:left;
padding: 5px 0 10px 0;
text-align:justify;
line-height:1.3em;
font-size:11px;
width:520px;
vertical-align:top;
}
#cl_desc_actu h3.s_titre_actu{
color:#77A41D;
background:none;
text-align:left;
padding:0;
font-size:15px;
font-weight:bold;
}
#cl_desc_actu span {
color:#999;
display:block;
padding: 0 2px 0 15px;
}
	#cl_desc_actu h6 a{
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#84AD33;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 520px 50%;
	}
	#cl_desc_actu h6 a:hover{
	font-size:11px;
	color:#306363;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 530px 50%;
	}
#cl_desc_actu span.desc_actu{
color:#000;
}
#filet_liste{
clear:both; 
border-bottom: dotted 1px #77A41D;
padding-top:15px;
}
/*------fiche------*/

.legende_actu_fiche{
padding:3px;
color:#77A41D;
font-size:11px;
}
#actualites_fiche{
position:relative;
padding:15px;
}
#cl_desc_actu_fiche{
float:left;
padding: 5px 10px 10px 50px;
text-align:justify;
line-height:1.5em;
font-size:11px;
width:430px;
vertical-align:top;
font-size:12px;
height:auto;
min-height:180px;
}
#cl_desc_actu_fiche h3.s_titre_actu_fiche{
color:#77A41D;
background:none;
text-align:left;
padding:0 0 10px 0;
font-size:17px;
font-weight:bold;
}
#cl_desc_actu_fiche span {
color:#999;
display:block;
padding: 0 2px 0 0px;
}
#cl_desc_actu_fiche span.desc_actu_fiche{
color:#000;
}

/*--------------------------------------------------------------------------
annuaire
-------------------------------------------------------------------------------*/

/*-------Centre site actu------------*/
.cache_photo_actu{
position:absolute;
top:0;
left:0;
z-index:15px;
}
.photo_actu{
position:relative;
float:left;
width:200px;
height:120px;
}
#actualites_liste{
position:relative;
padding:15px;
}
#cl_desc_actu{
float:left;
padding: 5px 0 10px 0;
text-align:justify;
line-height:1.3em;
font-size:11px;
width:520px;
vertical-align:top;
}
#cl_desc_actu h3.s_titre_actu{
color:#77A41D;
background:none;
text-align:left;
padding:0;
font-size:15px;
font-weight:bold;
}
#cl_desc_actu span {
color:#999;
display:block;
padding: 0 2px 0 15px;
}
	#cl_desc_actu h6 a{
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#84AD33;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 520px 50%;
	}
	#cl_desc_actu h6 a:hover{
	font-size:11px;
	color:#306363;
	font-weight:normal;
	text-align:right;
	padding: 0 0 0 40px;
	background: url(../../images/ete/accueil/puce_lien.gif) no-repeat 530px 50%;
	}
#cl_desc_actu span.desc_actu{
color:#000;
}
#filet_liste{
clear:both; 
border-bottom: dotted 1px #77A41D;
padding-top:15px;
}
/*--------------------------------------------------------------------------
vie éco
-------------------------------------------------------------------------------*/
	#cl_gauche_site_mairie {
	display:none;
	}
/*--PAGE FICHE--*/
	#cl_centre_site_mairie {
	}

	#conteneur-article {
	padding:0 10px 5px 0;
	}
	#cache-photo-article {
	display:none;
	}
	#photo-article {
	position:relative;
	float:left;
	padding:0 10px 5px 0;
	width:255px;
	}
	#photo-article span{
	width:255px;
	display:block;
	}
	#zoom-article {
	display:none;
	}	
	#article {
	float:left;
/*	width:400px;
*/	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:#77A41D;
	line-height:1.5em;
	text-align:left;
	}
	#article h2 b{
	padding: 5px 0 15px 30px;
	display:inline;
	background: url(../../images/ete/05_actualites/puce_verte.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 {
display:none;
/* 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:#77A41D;
	}
	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:#77A41D;
	}
	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;
	}
	


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

	
/*-- collonne CENTRE--*/
	#cl_centre_site_mairie_liste {

	}
/*	#conteneur-article_liste {
	position:relative;
	padding-bottom:15px;
	}*/
	#cache-photo-article_liste {
	display:none;

	}
	#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:#77A41D;
	}
	#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:250px !important;
	height:auto;
	min-height:250px; 
	}
	#menu_accueil_liste h3{
	color:#77A41D;
	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: #77A41D;
	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;
	}
	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;


	}
	#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;
	}
	#conteneur-commentaire {
	display:none;
	}