body
{
	margin: 0; padding: 0; text-align: center ; font-family: Arial, sans-serif; font-size:62.5%; background-color: #a1d3fa;
}

div#conteneur
{  
 width: 960px; margin: 0 auto; text-align: left; background: #ffffff ;
	/*border: 2px solid #ab4 ;*/	
}

div.bloc_entete_et_pied
{
float:left;
/*border: 2px solid #ab4 ;*/
}
div.bloc_entete_et_pied2
{
float:right;
/*border: 2px solid #ab4 ;*/
}


#entete_centre
{
background: url(../images/fd_entete_centre.jpg) no-repeat left top; width:635px; height:122px;}

#barre_menu_entete
{
clear:both;
background:url(../images/fd_barre_menu_entete.gif) no-repeat left top;
width:960px; height:25px;
/*border:#000000 solid 1px;*/
}

/*DEBUT==========MENU HORIZONTAL==========*/
ul#menu {margin:0 ; padding:0; list-style-type: none;}
ul#menu li{float: left; text-align: center ; }
ul#menu li a
{
display:block;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #3333FF;
text-decoration: none ;
/*border:#000000 solid 1px;*/
}

#decalage_office {width:132px;}
#villeneuve{width:186px;}
#agenda{ width:210px;}
#annuaire{ width:96px;}
/*FIN==========MENU HORIZONTAL ===========*/
#moteur{ padding:0px;}
ul#menu li a:hover{}
.invisible{display: none;}

/*========FORMULAIRE DU MOTEUR DE RECHERCHE========*/
form#moteur_recherche{ padding:0px; margin:0px;/*border:#000000 solid 1px;*/}
input#champs_moteur{ margin:2px 0 0 140px; width:150px; font-size:1em;}
#btn_ok {width:20px;padding:0;margin:-6px 0 0 0;background-color:#ee7900;cursor:pointer;color:#ffffff;border:none;}

/*FIN=========FORMULAIRE DU MOTEUR DE RECHERCHE=========*/

#arc_bleu_haut{ clear:both; margin:0; padding:1em 0 0 0; background: url(../images/fd_arc_bleu_haut.gif) no-repeat left top;}

div#corps{float:right;  width: 756px; /*border: 2px solid #ab4 ;*/	}

div#col_centre{float:left;  width: 542px; font-size:1.2em; /*border: 2px solid #ab4 ;*/ }
div#fil_d_ariane{ padding:0.6em 0; margin:0 0 0.8em 0;background-image:url(../images/pointille_oranges.gif);background-position:bottom;background-repeat:no-repeat; color:#458fc4}
div#col_droite{float: right; margin:0; padding-top:27px;  width: 200px; background: url(../images/titre_e_citoyennete.gif) no-repeat left top;
/* background-color:#CC0000;*/ }

div#col_gauche{float:left; margin:0; padding-top:27px; width: 190px;  background: url(../images/titre_vie_municipale.gif) no-repeat left top;
/*background-color:#CC0000;*//*border: 2px solid #000 ;	*/}

/*DEBUT==========MENUS VERTICAUX==========*/
ul.menu_avec_puce_bleu,ul.menu_avec_puce_jaune,ul.menu_avec_puce_jaune_col_droite,ul.menu_avec_puce_orange
{margin:0 ; padding:0 ; list-style-type:none;}
ul.menu_avec_puce_bleu li,ul.menu_avec_puce_jaune li,ul.menu_avec_puce_jaune_col_droite li,ul.menu_avec_puce_orange li {text-align: left ;}
ul.menu_avec_puce_bleu li a
{
    display: block;
	height: 2em;
	font-size:1.2em;
	color: #008cce ;
	line-height: 1.6em;
	background: url(../images/puce_bleue.gif)  no-repeat 0.8em 0.6em ;
	padding:0 0 0 2em;
	margin:0;
	text-decoration: none;
}
ul.menu_avec_puce_jaune li a,ul.menu_avec_puce_jaune_col_droite li a,ul.menu_avec_puce_orange li a
{
    display: block;
	height: 2em;
	font-size:1.2em;
	color: #000000 ;
	line-height: 1.6em;
	background: url(../images/puce_jaune.gif)  no-repeat 0.8em 0.6em ;
	padding:0 0 0 2em;
	margin:0;
	text-decoration: none;
}
ul.menu_avec_puce_bleu li a:hover,ul.menu_avec_puce_jaune a:hover,ul.menu_avec_puce_jaune_col_droite li a:hover{ text-decoration:underline;}

/*===========================================TRAIT DE SEPARATION==========*/
/*
div.spacer {margin:0 0 5px 0 ; padding:0; height:10px; border-bottom: #ee7900 solid 1px; border-top:none;}
div.spacer hr {display: none;}
*/

/*==========================================MENU SPECIAL PICTOS DANS COLONNES DE DROITE==========*/
ul#menu_avec_pictos
{margin:0 0 0.4em 0 ; padding:0 ; list-style-type:none; /*background: #FF9900;*/}

#menu_avec_pictos li{text-align: center;}

#menu_avec_pictos li a
{
    display: block;
	height: 3.6em;
	font-size:1.2em;
	letter-spacing:-0.05em;
	color: #000000 ;
	line-height: 1.6em;	
	margin:0; padding:0;
	text-decoration: none;	
}

#fond_picto_grenouille{background:url(../images/fd_grenouille.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.1em;}
#fond_picto_tlp{background:url(../images/fd_tlp.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.1em;}
#fond_picto_newsletter{background: url(../images/fd_newsletter.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.1em;}
#fond_picto_carte_postale{background: url(../images/fd_cartepostale.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.1em;}
#fond_picto_vote {background: url(../images/fd_vote.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.1em;}
#fond_picto_blog{background: url(../images/fd_blog.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.05em;}
#fond_picto_toutinfos{background: url(../images/toutinfos.gif) no-repeat left 0.3em;border-bottom: #ee7900 solid 0.05em;}

ul.menu_avec_puce_jaune_col_droite li a
{background: url(../images/puce_jaune.gif)  no-repeat 0.4em 0.6em ;padding:0 0 0 1.5em;}

ul.menu_avec_puce_orange li a
{background: url(../images/puce_orange.gif)  no-repeat 0.4em 0.6em ; padding:0 0 0 1.5em;}

/*FIN=========MENU VERTICAUX========*/



/*==========PIED DE PAGE==========*/
#anim_coin_inf_droit{ margin:2.3em 0 0 0; width:20em; height:15.1em;}

div#pied{clear:both;margin:0; padding:0;height:5.3em;}
/*=================================MENU PIED DE PAGE==========*/
div#barre_menu_en_pied{margin:0; padding:0; height:5.3em; width:760px;  background:url(../images/fd_pied.gif) no-repeat left top;}

ul#menu_en_pied{ margin:3.4em 0 0 0; padding:0; list-style-type: none;}
ul#menu_en_pied li{float: left; text-align: center ; }
ul#menu_en_pied li a
{
display:block;
padding:0 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
text-decoration: none ;
border-right:#FFFFFF solid 1px;
}
ul#menu_en_pied li a:hover{text-decoration:underline;}
/*================================GIF ANIME COIN INFERIEUR GAUCHE DE PIED DE PAGE==========*/
div#anim_gif{ float:right; margin:0; padding:0; height:5.3em; width:200px; background: url(../images/coeur-bas.gif) no-repeat left top;  }