/* CSS Document */

	body{
		font-family:arial;
		font-size:11px;
		color:#000;
		margin:0;
		padding:0;
		/*background-image:url(images/motif-bandeau.gif);
		background-repeat:repeat-x;
		background-color:#fff;*/
	}
	
	body.recherche{
		background-image:none;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:0;
	}
	
	#global{
		width:995px;
		margin:auto;
	}
	
	#globalCentre{
		width:995px;
		height:642px;
		margin:auto;
		/*background-image:url(images/motif-bandeau.gif);
		background-repeat:repeat-x;
		background-color:#fff;*/
	}
	
	#repere{
		position:absolute;
		z-index:20;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	


/* ===================================== ENTETE */
	#entete{
		width:995px;
		height:75px;
		/*height:57px;*/
		position:relative;
	}
	
	/*#logo{
		float:left;
		width:363px;
		padding:10px 0 0 15px;
	}*/

	#logo{
		width:276px;
		padding:0;
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		margin-left:150px;
		margin-top:8px;
	}

	
	/*#carres{
		float:left;
		width:101px;
		padding:8px 0 0 40px;
	}*/
	
	#votreAvisContact{
		float:left;
		width:232px;
		/*padding:36px 0 0 16px;
		color:#fff;*/
		padding:54px 0 0 535px;
		color:#9aa23b;
		font-weight:bold;
	}
	
	#votreAvisContact a{
		/*color:#fff;*/
		color:#9aa23b;
		text-decoration:none;
	}
	
	#votreAvisContact a:hover{
		text-decoration:underline;
	}
	
	#recherche{
		float:left;
		/*width:228px;
		height:21px;
		padding:34px 0 0 0;*/
		width:228px;
		height:23px;
		padding:34px 0 0 0;
		margin:18px 0 0 0;
		background-image:url(images/fond-moteur-recherche2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#labelRecherche{
		float:left;
		width:96px;
		padding:3px 4px 0 0;
		text-align:right;
		/*color:#296798;*/
		color:#fff;
	}
	
	#champRecherche{
		float:left;
		width:101px;
	}
	
	#champRecherche input{
		width:89px;
		height:13px;
		padding:1px 3px 1px 3px;
		border:1px solid #8e8f8f;
		background-color:#fff;
		font-family:arial;
		font-size:11px;
		color:#00679e;
	}
	
	#okRecherche{
		float:left;
		width:17px;
		padding:5px 0 0 0;
	}
/* ===================================== ENTETE */


/* ===================================== GAUCHE */
	#gauche{
		float:left;
		width:199px;
		padding:0px 0 10px 0;
		/*padding:27px 0 10px 0;
		background-image:url(images/ombre-logo.gif);
		background-repeat:no-repeat;
		background-position:16px 0;*/
	}
	
	#motMaireMagazine{
		margin:0;
		padding:0 0 4px 19px;
		list-style:none;
	}
	
	#motMaireMagazine li{
		margin:0;
		padding:0;
	}
	
	#motMaireMagazine li a{
		display:block;
		width:140px;
		height:17px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-mot-maire.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#7da9bb;
		font-size:100%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#motMaireMagazine li a:hover{
		background-position:0 -30px;
		color:#97bac9;
	}
	
	#lienVotreMairie{
		display:block;
		width:159px;
		height:29px;
		padding:3px 0 0 33px;
		background-image:url(images/fond-votre-mairie.gif);
		background-repeat:no-repeat;
		background-position:0 -32px;
		color:#fff;
		font-size:120%;
		font-weight:bold;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienVotreMairie:hover{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#lienDomaineVarye{
		display:block;
		width:159px;
		height:29px;
		margin:3px 0 0 0;
		padding:3px 0 0 33px;
		background-image:url(images/fond-votre-mairie.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#fff;
		font-size:120%;
		font-weight:bold;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienDomaineVarye:hover{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	.ouvert{
		display:block;
	}
	
	.ferme{
		display:none;
	}
	
	#menuVotreMairie, #menuQuotidien{
		margin:-5px 0 0 0;
		padding:0 0 18px 0;
		width:194px;
		background-image:url(images/fond-sous-menu.gif);
		background-repeat:no-repeat;
		background-position:0 bottom;
		list-style:none;
	}
	
	#menuVotreMairie li, #menuQuotidien li{
		margin:0 0 3px 0;
		padding:0 0 0 18px;
	}
	
	#menuVotreMairie li a{
		display:block;
		width:133px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-sous-menu-gauche2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#8c8c8c;
		text-decoration:none;
	}
	
	#menuQuotidien li a{
		display:block;
		width:133px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-sous-menu-gauche.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#8c8c8c;
		text-decoration:none;
	}
	
	#menuQuotidien li a.lienMenuQuotidienActif{
		display:block;
		width:133px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-sous-menu-gauche.gif);
		background-repeat:no-repeat;
		background-position:0 -30px;
		color:#caae32;
		text-decoration:none;
		font-weight:bold;
	}
	
	#menuVotreMairie li a.lienMenuVotreMairieActif{
		display:block;
		width:133px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-sous-menu-gauche2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#7aa7b8;
		text-decoration:none;
		font-weight:bold;
	}
	
	#menuVotreMairie li a:hover{
		background-position:0 -30px;
		color:#7aa7b8;
	}
	
	 #menuQuotidien li a:hover{
	 	background-position:0 -30px;
		color:#caae32;
	 }
	
	#conteneurLienQuotidien{
		margin:3px 0 0 0;
		width:194px;
		
	}
	
	#lienQuotidien{
		display:block;
		width:167px;
		height:44px;
		background-image:url(images/fond-quotidien.gif);
		background-repeat:no-repeat;
		background-position:0 -47px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
		color:#fff;
		font-weight:bold;
		font-size:120%;
		text-decoration:none;
		text-align:right;
		padding:3px 25px 0 0;
	}
	
	#lienQuotidien:hover{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}

	#demarches{
		margin:3px 0 0 0;
		padding:0 0 4px 19px;
		list-style:none;
	}
	
	#demarches li{
		margin:0;
		padding:0;
	}
	
	#demarches li a{
		display:block;
		width:140px;
		height:17px;
		padding:0 0 0 15px;
		background-image:url(images/fleche-mot-maire.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		color:#7da9bb;
		font-size:100%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#demarches li a:hover{
		background-position:0 -30px;
		color:#97bac9;
	}
/* ===================================== GAUCHE */


/* ===================================== ACCUEIL */
	#contenuAccueil{
		margin:0 0 0 0;
		width:763px;
		height:289px;
		padding:28px 0 0 30px;
		background-image:url(images/fond-accueil.jpg);
		background-repeat:no-repeat;
		background-position:right bottom;
	}

	#caSePasse{
		float:left;
		width:13px;
		padding:0 0 0 0;
		margin:3px 7px 0 0;
	}
	
	#accueilActualites{
		float:left;
		width:438px;
		height:219px;
		margin:0 41px 0 0;
	}
	
	#accueilActualites h1{
		height:23px;
		margin:0;
		padding:0;
		font-size:120%;
		font-weight:normal;
		color:#6e6e6e;
	}
	
	#zoneActu{
		width:436px;
		height:196px;
		border:1px solid #cbcac4;
		overflow:auto;
		scrollbar-face-color:#cfced2;
		scrollbar-track-color:#e1e1e1;
		scrollbar-highlight-color:#f6f6f7;
		scrollbar-shadow-color:#333;
		scrollbar-arrow-color:#464646;
		scrollbar-3dlight-color:#b5b5b5;
		scrollbar-darkshadow-color:#b3b3b3;
	}
	
	.zoneActuVisuel{
		float:left;
		width:137px;
		padding:17px 0 17px 25px;
		margin:0 10px 17px 0;
		background-color:#f6f6f4;
	}
	
	.zoneActuTexte{
		float:left;
		width:230px;
		margin:16px 0 17px 0;
	}
	
	.zoneActuTexte h2{
		margin:0;
		font-size:140%;
		font-weight:bold;
		color:#5f8bae;
	}
	
	.zoneActuTexte p{
		margin:0 0 18px 0;
		padding:0;
		font-size:110%;
		color:#14181b;
	}
	
	.zoneActuTexte p a{
		font-size:90%;
		text-decoration:none;
		color:#82aec0;
	}
	
	.zoneActuTexte p a:hover{
		font-size:90%;
		text-decoration:underline;
		color:#82aec0;
	}
	
	#accueilLienAgenda{
		float:left;
		width:228px;
		height:196px;
		margin:23px 0 0 0;
		border:1px solid #cbcac4;
	}
	
	#accueilLienAgenda a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilLienAgenda a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
/* ===================================== ACCUEIL */


/* ===================================== DROITE */
	#droite{
		float:left;
		width:791px;
		padding:0 0 0 0;
		margin:0;
	}
	
	#menu{
		margin:-17px 0 0 88px;
		padding:0;
		list-style:none;
		height:31px;
	}
	
	#menu1{
		float:left;
		width:129px;
		margin:0 13px 0 0;
		position:relative;
	}
	
	#menu2{
		float:left;
		width:166px;
		margin:0 13px 0 0;
		position:relative;
	}
	
	#menu3{
		float:left;
		width:108px;
		margin:0 13px 0 0;
		position:relative;
	}
	
	#menu4{
		float:left;
		width:229px;
		margin:0 0 0 0;
		position:relative;
	}
	
	#lienMenu1, #lienMenu2, #lienMenu3, #lienMenu4{
		display:block;
		height:23px;
		padding:8px 0 0 0;
		text-align:center;
		font-size:120%;
		color:#fff;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienMenu1:hover, #lienMenu2:hover, #lienMenu3:hover, #lienMenu4:hover{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#lienMenu1{
		background-image:url(images/fond-menu1.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#lienMenu1.lienMenu1Actif{
		background-image:url(images/fond-menu1.gif);
		background-repeat:no-repeat;
		background-position:0 -31px;
	}
	
	#lienMenu2{
		background-image:url(images/fond-menu2.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#lienMenu2.lienMenu2Actif{
		background-image:url(images/fond-menu2.gif);
		background-repeat:no-repeat;
		background-position:0 -31px;
	}
	
	#lienMenu3{
		background-image:url(images/fond-menu3.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#lienMenu3.lienMenu3Actif{
		background-image:url(images/fond-menu3.gif);
		background-repeat:no-repeat;
		background-position:0 -31px;
	}
	
	#lienMenu4{
		background-image:url(images/fond-menu4.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#lienMenu4.lienMenu4Actif{
		background-image:url(images/fond-menu4.gif);
		background-repeat:no-repeat;
		background-position:0 -31px;
	}
	
	#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4{
		position:absolute;
		top:31px;
		left:10px;
		margin:0;
		padding:4px 0 4px 0;
		list-style:none;
		z-index:50;
		display:none;
		border-right:1px solid #c9c9c9;
		border-bottom:1px solid #c9c9c9;
	}
	
	#sousMenu1{
		width:109px;
		background-color:#b8374b;
	}
	
	#sousMenu1.sousMenuActif{
		width:109px;
		background-color:#a3a149;
	}
	
	#sousMenu2{
		width:146px;
		background-color:#b8374b;
	}
	
	#sousMenu2.sousMenuActif{
		width:146px;
		background-color:#952b3b;
	}
	
	#sousMenu3{
		width:88px;
		background-color:#b8374b;
	}
	
	#sousMenu3.sousMenuActif{
		width:88px;
		background-color:#b2a07b;
	}
	
	#sousMenu4{
		width:209px;
		background-color:#b8374b;
	}
	
	#sousMenu4.sousMenuActif{
		width:209px;
		background-color:#d89516;
	}
	
	#sousMenu1 li, #sousMenu2 li, #sousMenu3 li, #sousMenu4 li{
		margin:0;
		padding:0;
	}
	
	#sousMenu1 a{
		display:block;
		padding:2px 8px 2px 8px;
		width:93px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #952b3b;
	}
	
	#sousMenu1.sousMenuActif a{
		display:block;
		padding:2px 8px 2px 8px;
		width:93px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #89873d;
	}
	
	#sousMenu2 a{
		display:block;
		padding:2px 8px 2px 8px;
		width:130px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #952b3b;
	}
	
	#sousMenu2.sousMenuActif a{
		display:block;
		padding:2px 8px 2px 8px;
		width:130px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #722334;
	}
	
	#sousMenu3 a{
		display:block;
		padding:2px 8px 2px 8px;
		width:72px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #952b3b;
	}
	
	#sousMenu3.sousMenuActif a{
		display:block;
		padding:2px 8px 2px 8px;
		width:72px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #8d766f;
	}
	
	#sousMenu4 a{
		display:block;
		padding:2px 8px 2px 8px;
		width:193px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #952b3b;
	}
	
	#sousMenu4.sousMenuActif a{
		display:block;
		padding:2px 8px 2px 8px;
		width:193px;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		border-bottom:1px solid #c47618;
	}
	
	#sousMenu1 a.dernierLien, #sousMenu2 a.dernierLien, #sousMenu3 a.dernierLien, #sousMenu4 a.dernierLien{
		border-bottom:0;
	}
	
	#sousMenu1 a:hover{
		background-color:#952b3b;
	}
	
	#sousMenu1.sousMenuActif a:hover{
		background-color:#89873d;
	}
	
	#sousMenu2 a:hover{
		background-color:#952b3b;
	}
	
	#sousMenu2.sousMenuActif a:hover{
		background-color:#722334;
	}
	
	#sousMenu3 a:hover{
		background-color:#952b3b;
	}
	
	#sousMenu3.sousMenuActif a:hover{
		background-color:#8d766f;
	}
	
	#sousMenu4 a:hover{
		background-color:#952b3b;
	}
	
	#sousMenu4.sousMenuActif a:hover{
		background-color:#c47618;
	}
	
	#flashAccueil{
		margin:0 0 0 0;
	}
	
	#chemin{
		margin:12px 0 0 30px;
		color:#464646;
	}
	
	#chemin a{
		color:#464646;
		text-decoration:none;
	}
	
	#chemin a:hover{
		text-decoration:underline;
	}
	
	#contenu{
		margin:20px 0 20px 0;
		padding:0 32px 0 88px;
		background-image:url(images/liseret-page.gif);
		background-repeat:no-repeat;
		background-position:30px 12px;
		font-size:110%;
	}
	
	#contenuMaire{
		margin:20px 0 20px 0;
		padding:0 32px 0 88px;
		font-size:110%;
	}
/* ===================================== DROITE */



/* ===================================== PIED */
	#pied{
		margin:0;
		width:995px;
		border-top:1px solid #a5d7d7;
		padding:5px 0 0 0;
		color:#8c8c8c;
	}
	
	#pied a{
		color:#89a8a8;
		text-decoration:none;
	}
	
	#pied a:hover{
		text-decoration:underline;
	}
	
	#piedGauche{
		float:left;
		width:483px;
		padding:0 0 0 199px;
	}
	
	#piedDroite{
		float:left;
		width:308px;
		text-align:right;
		padding-right:5px;
	}
/* ===================================== PIED */