body 
{
	margin: 0px;
	padding: 0px;
	background-image: url(images_v1/fond-de-page.jpg);
}
/* =========================== Balise Générale ================================*/
/* Niveau 0 */
#conteneur 
{
	/*height: 600px;*/
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}
/*============= Balise qui contient le bandeau de navigation  ==================*/
/* Niveau 0-1 */
#zone_haut 
{
	height: 120px;
	width: 900px;
	margin: 0px;
	/*padding: 25px 0px 0px;*/
	padding: 0px;
	background-image: url(images_v1/header.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/*======== Balise qui contient le milieu de page entre le haut et bas  =========*/
/* Niveau 0-2 */
#zone_milieu 
{
	width: 900px;
	margin: 0px;
	padding: 0px;
	height: 430px;
	display: block;
}
/*================ Balise qui contient la bordure du bas  ======================*/
/* Niveau 0-3 */
#zone_bas 
{
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 900px;
	background-image: url(images_v1/brd_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*================ Balise qui contient la bordure de gauche  ======================*/
/* Niveau 0-2-1 */
#zone_gauche {
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 35px;
	overflow: hidden;
	background-image: url(images_v1/brd_gauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
/*========== Balise qui est entre la bordure de gauche et de droite ==============*/
/* Niveau 0-2-2 */
#zone_corps {
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 830px;
	display: block;
	float: left;
}
/*================ Balise qui contient la bordure de droite  ======================*/
/* Niveau 0-2-3 */
#zone_droite {
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 35px;
	overflow: hidden;
	background-image: url(images_v1/brd_droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
/*========== Balise qui contient le titre et la description de l'article ==============*/
/* Niveau 0-2-2-1 */
#zone_page {
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 620px;
	float: left;
	overflow: hidden;
}
/*====== Balise qui contient la liste des articles, la derniere manifestation,...etc. ==========*/
/* Niveau 0-2-2-2 */
#zone_accesrapide {
	margin: 0px;
	padding: 0px;
	height: 430px;
	width: 210px;
	float: right;
	overflow: hidden;
	background-color: #FFFFFF;
}
/*========== Balise qui contient le titre de l'article ==============*/
/* Niveau 0-2-2-1-1 */
#zone_titre2page {
	background-image: url(images_v1/fond_titre2page.jpg);
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 620px;
	font-size: 14px;
	overflow: hidden;
	display: block;
}
#zone_titre2page h1 {
	font-size: 14px;
	color: #4A601C;
	font-weight: bold;
	margin: 0px;
	padding: 22px 0px 0px 25px;
	width: 500px;
	display: block;
	float: left;
}
#bouton_imprimer {
	margin: 0px;
	padding: 20px 0px 0px 40px;
	float: right;
	height: 25px;
	width: 50px;
}
/*========== Balise qui contient la description de l'article ==============*/
/* Niveau 0-2-2-1-2 */
#zone_corps2page { /* pour l'image d'arriere plan */
	margin: 0px;
	padding: 3px 15px 0px 25px;
	height: 382px;
	width: 580px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(images_v1/fond_corps.jpg);
}
#contenu_corps2page { /* pour la barre de défilement */
	margin: 0px;
	padding: 0px 15px 0px 0px;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	line-height: 20px;
	height: 360px;
	overflow: auto;
	width: 565px;
	/*barre de défilement*/
	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #BCE18D; 
	SCROLLBAR-ARROW-COLOR: #BCE18D; 
	SCROLLBAR-TRACK-COLOR: #BCE18D; 
	SCROLLBAR-DARKSHADOW-COLOR: #BCE18D;
}

#contenu_corps2page a {
	color: #4A601C;
	font-weight: bold;
	text-decoration: none;
}

/*====== Balise qui contient la liste des articles ==========*/
/* Niveau 0-2-2-2-1 */
/* Zone articles avec une hauteur normale ---------------------------*/
#zone_articles_image {
	margin: 0px;
	padding: 16px 0px 0px;
	height: 145px;
	overflow: hidden;
	width: 210px;
}
/* Zone articles avec une hauteur plus grande ---------------------------*/
#zone_articles {
	margin: 0px;
	padding: 16px 0px 0px;
	height: 224px;
	overflow: hidden;
	width: 210px;
}
#zone_articles a {
	margin: 0px;
	padding: 0px;
	color: #4A601C;
	text-decoration: none;
	display: block;
	line-height: 14px;
}
#zone_articles a:hover {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4F8A10;
	display: block;
	line-height: 14px;
}

#zone_menu-sscat {
	margin: 0px;
	padding: 0px;
	/*height: 120px; avec contact*/
	height: 199px;
	overflow: auto;
	width: 210px;
	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #BCE18D; 
	SCROLLBAR-ARROW-COLOR: #BCE18D; 
	SCROLLBAR-TRACK-COLOR: #BCE18D; 
	SCROLLBAR-DARKSHADOW-COLOR: #BCE18D;
}
.dossier_select {	
	border-bottom: 1px solid #BCE18D;
	color: #4F8A10;
}
#zone_menu-sscat #fond_menu-sscat_select h1.sscat_select {}
#zone_menu-sscat h1 {
	margin: 0px;
	padding: 0px 0px 0px 22px;
	font-weight: bold;
	font-size: 9px;
	line-height: 14px;
	display: block;
}

#zone_menu-sscat #fond_menu-sscat_noselect h1 a {
	display: list-item;
	list-style-image: url(images_v1/puce_sscat_off.gif);
}
#zone_menu-sscat #fond_menu-sscat_noselect h1 a:hover {
	display: list-item;
	list-style-image: url(images_v1/puce_sscat_off.gif);
}
#zone_menu-sscat #fond_menu-sscat_select h1 a {
	display: list-item;
	list-style-image: url(images_v1/puce_sscat_on.gif);
}
#zone_menu-sscat #fond_menu-sscat_select h1.sscat_select {}
#zone_menu-sscat #fond_menu-sscat_select h1 a:hover {
	display: list-item;
	list-style-image: url(images_v1/puce_sscat_on.gif);
}
#zone_articles li {
	list-style-position: outside;
	list-style-image: url(images_v1/puce_article.gif);
	font-size: 9px;
	font-weight: bold;
	color: #4A601C;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}
#zone_articles #dossiers_racine ul {
	margin: 0;
	padding: 0px 5px 0px 22px;
	color: #4A601C;
}
#zone_articles #fond_menu-sscat_select ul {
	margin: 0;
	padding: 0px 5px 0px 32px;
	color: #4A601C;
}


/*====== Balise qui contient la derniere manifestation ==========*/
/* Niveau 0-2-2-2-2 */
#zone_manifestation {
	margin: 0px;
	padding-top: 5px;
	height: 79px;
	width: 210px;
	overflow: auto;
}
/*====== Balise qui contient le zone rechercher ==========*/
/* Niveau 0-2-2-2-3 */
#zone_rechercher {
	margin: 0px;
	padding-top: 5px;
	height: 56px;
	width: 210px;
	overflow: auto;
}
#contenu_rechercher {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 20px;
	width: 205px;
	font-size: 9px;
	display: block;
}
#contenu_rechercher form{
	margin: 0px;
	padding: 0px;
}
.champ2saisie {
	font-size: 9px;
	text-align: left;
	color: #666666;
	margin: 0px;
	padding: 0px;
	border: thin solid #BCE18D;
	line-height: 15px;
	height: 15px;
}
.boutonrechercher {
	font-size: 8px;
	text-align: center;
	color: #4A601C;
	font-weight: bold;
	background-color: #BCE18D;
	width: 30px;
	height: 19px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: thin solid #BCE18D;
}

/*====== Balise qui contient les coordonnées de la mairie ==========*/
/* Niveau 0-2-2-2-4 */
#zone_contact {
	margin: 0px;
	padding-top: 5px;
	width: 210px;
	clear : both ;
	/*overflow: hidden;
	height: 115px;*/
	/*###################################################background-color: #BCE18D;*/
}
#contenu_contact {
	display: block;
	width: 210px;
}
#contact_adresse {
	font-size: 9px;
	font-weight: bold;
	color: #4A601C;
	display: block;
	width: 100%;
}
#contact_adresse img {
	float: left;
}
#contact_telfax {

	font-size: 9px;
	font-weight: bold;
	color: #4A601C;
	display: block;
	margin: 5px 0px 0px;
	width: 100%;
}
#contact_telfax img {
	float: left;
}
#contact_email {
	font-size: 9px;
	font-weight: bold;
	color: #4A601C;
	margin: 5px 0px 0px;
	width: 100%;
	display: block;
}
#contact_email a {
	color: #4A601C;
	text-decoration: none;
}

#contact_email img {
	float: left;
}
#contact_email a:hover {
	color: #4A601C;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4A601C;
}
/*====== Balise qui contient les liens vers accueil, contact, plan, mentions ==========*/
/* Niveau 0-2-2-2-5 */
#zone_lien2base
{
	width: 210px;
	overflow: auto;
	clear: both  ;
	padding-top: 10px;
	/*###################################################background-color: #BCE18D;*/
}


/*====== Balise qui contient le lien vers Annuaire ==========*/
/* Niveau 0-2-2-2-5-1 */
#bouton_annuaire {
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	font-size: 9px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 27px;
}
#bouton_annuaire a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_annuaire a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}

/*====== Balise qui contient le lien vers Agenda ==========*/
/* Niveau 0-2-2-2-5-1 */
#bouton_agenda {
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	font-size: 9px;
	font-weight: bold;
	line-height: 20px;
}
#bouton_agenda a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_agenda a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}

/*====== Balise qui contient le lien vers Accès à la gestion du site ==========*/

#bouton_acces {
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	font-size: 9px;
	font-weight: bold;
	line-height: 20px;
}
#bouton_acces a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_acces a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}

/*====== Balise qui contient le lien vers accueil ==========*/
/* Niveau 0-2-2-2-5-1 */
#bouton_accueil {
	clear: both  ;
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	font-size: 9px;
	font-weight: bold;
	line-height: 20px;
}
#bouton_accueil a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_accueil a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
/*====== Balise qui contient le lien vers contact ==========*/
/* Niveau 0-2-2-2-5-2 */
#bouton_contact {
	margin: 0px;
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	line-height: 20px;
	font-size: 9px;
	font-weight: bold;
}
#bouton_contact a {

	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_contact a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
/*====== Balise qui contient le lien vers plan ==========*/
/* Niveau 0-2-2-2-5-3 */
#bouton_plan {
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	line-height: 20px;
	font-size: 9px;
	font-weight: bold;
}
#bouton_plan a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_plan a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
/*====== Balise qui contient le lien vers mentions ==========*/
/* Niveau 0-2-2-2-5-4 */
#bouton_mentions {
	height: 20px;
	width: 52px;
	text-align: center;
	float: left;
	line-height: 20px;
	font-size: 9px;
	font-weight: bold;
}
#bouton_mentions a {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
#bouton_mentions a:hover {
	height: 20px;
	width: 52px;
	background-image: url(images_v1/bouton_bas_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	color: #4A601C;
	text-decoration: none;
}
/*====== Balise qui contient la derniere manifestation (sans image) ==========*/
/* Niveau 0-2-2-2-2-1 */
#zone_derniere_manifestation {
	display: block;
	border: thin solid #BCE18D;
	width: 197px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 45px;
}
/*-----------     titre de la manifestation     ---------------*/
#titre_derniere_manifestation {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	width: 197px;
	font-size: 9px;
	background-color: #BCE18D;
	color: #4A601C;
	overflow: hidden;
	height: 15px;
	text-align: left;
	line-height: 15px;
}
/*----------- dates de la manifestation dans titre ---------------*/
#titre_derniere_manifestation h6 {
	font-size: 8px;
	display: block;
	float: left;
}
/*-----------   description de la manifestation    ---------------*/
#description_derniere_manifestation {
	font-size: 9px;
	color: #4A601C;
	text-align: justify;
	display: block;
	height: 28px;
	width: 194px;
	margin: 0px;
	padding: 1px;
	overflow: hidden;
}
#description_derniere_manifestation a:hover {
	font-size: 9px;
	color: #FFFFFF;
	text-align: justify;
	display: block;
	height: 28px;
	width: 194px;
	margin: 0px;
	padding: 1px;
	overflow: hidden;
	background-color: #4F8A10;
	text-decoration: none;
}
#description_derniere_manifestation a {
	font-size: 9px;
	color: #4A601C;
	text-align: justify;
	display: block;
	height: 28px;
	width: 194px;
	margin: 0px;
	padding: 1px;
	overflow: hidden;
	text-decoration: none;
}
#zone_boutons_menu {
	display: block;
	margin: 0px 0px 0px 40px;
	padding: 55px 0px 0px 0px;
	height: 35px;
	width: 675px;
}
/* ================= Class =================  */
/* Gestion de la transparence des images PNG  */
#zone_boutons_menu img 
{
	/*behavior: url("win_png.htc");*/
}
/* =========== Zone Analyse du site =========  */
#zone_control 
{
	height:0px;
	overflow: hidden;
}
#zone_control p
{
	text-align: center;
	display: block;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}
#zone_control img
{
	margin: 0px;
	padding: 0px;
}


/*==================================*/
/*======   SOUS-CATEGORIES   =======*/
/*==================================*/

/*----- Balise encapsule le menu Sous-cat -------*/
#zone_menu-sscat {}

/*----- Balise encapsule la sous-catégorie et ses dossiers avec dossier sélectionné -------*/
#fond_menu-sscat_select {}
#fond_menu-sscat_noselect {}

/*---------- Titre des sous-catégorie ------------*/
#zone_menu-sscat h1 {}
#zone_menu-sscat h1 a {}
#zone_menu-sscat #fond_menu-sscat_noselect h1 a {}
#zone_menu-sscat #fond_menu-sscat_select h1 a {}
.sscat_select {}
.sscat_noselect {}