@charset "utf-8";
/* CSS Document */

/*
Beige du menu	e4c8ab
Vert pale		c6ff90
vert foncé		4D712B
brun foncé		64431f
bleu			005192
*/

html
{
    height: 100%;
}
body
{
    min-height: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px; /*background: url(images/fond.jpg) no-repeat;*/
    font-size: .8em;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    text-align: left;
	color:#FFFFFF;
	background-color:#996600;
}

h1, h2, h3, h4, h5, h6 { font-weight:bold; margin:0px; padding:0px; border: none; color:#c6ff90; text-align:left;}
h1 { font-size:22px;}
h2 { font-size:18px; border-bottom: 3px solid #c6ff90; padding-bottom:2px; margin-top:30px; text-align:left; color:#c6ff90;}
h3 { font-size:14px; color:#ffffff; margin-top:20px;}
h4 { font-size:12px;}
h5 { font-size:10px;}
h6 { font-size:8px;}

a { color:#ffffff; text-decoration: none; outline-style:none;} /* outline-style:none enleve le pontillé dans firefox */
a:hover { text-decoration: underline;}



p{ text-align: left; margin-top:2px;}

ul { text-align:left; padding:0px; margin:0px; color:#c6ff90; margin-top:10px; font-weight:bold; padding-left:20px; font-size:16px;}
ul li { list-style-type: disc; padding:0px; margin:0px; margin-top:10px; color:#ffffff; font-weight: normal; font-size:14px;}
	
ul ul, ul ul li {margin-top:0px; font-size:100%; font-size:12px;}

img { border:none;} /* enlever la bordure des images */

/* CONTIENT TOUTE LA ZONE CENTRALE*/
#contenu {margin:auto; text-align:center; position:absolute; top:50px; z-index:2; width:100%;}
#flash {position: fixed; z-index:1; height:100%; width:100%; text-align:center; margin:auto;}
#arriereplan {z-index:0; width:100%; height:100%; position: fixed;} /* IMAGE d'arriere plan différente dans chaque section */

/*  -------------------------zone menu dans le HAUT (BOUTON PHOTO - MENU DE LA BANDE BRUNE)------------------------------*/
#logo { position: fixed; top: 0; left:0; z-index:1; width:100%;} /* logo a gauche FIXE */
#sousmenubrun { z-index:3; position: fixed; top:0px; left:200px; width:100%; height:24px; background-image: url(../../images/menuetire.gif); background-repeat:repeat-x;} /* BANDE BRUNE */
#coinbrun {z-index:5; position: fixed; top:0px; left:135px; width:67px; height:24px; } /* left:-60px;  border: 1px solid red; */

#menuhaut { color:#e4c8ab; font-size:12pt; position: fixed; z-index:3; top:0px; left:230px; margin:0px; padding:0px; width:761px; text-transform:uppercase;} /* meme largeurw que la boite verte */
#menuhaut a {color:#e4c8ab; text-decoration:none;}
#menuhaut a:hover  {color:#ffffff; text-decoration:underline;}
/* -------------------------------------------------------------------------------------------------------------------------*/


/* BOUTON cacher/montrer les photos */
.photovisible {z-index:13; position: fixed; top:0px; left:162px; width:35px; height:25px; margin:0; padding:0; background-image: url(../../images/photos.gif);}
.photovisible:hover{ background-position:0 -25px;}
.photoinvisible {z-index:13; position: fixed; top:0px; left:162px; width:35px; height:25px; margin:0; padding:0; background-image: url(../../images/photos.gif); background-position: 0 -25px;}
.photoinvisible:hover{ background-position:0 0px;}
/*.photoinvisible {background-image: url(../../images/photos.gif);width:35px; height:25px;  background-position: 0 -25px;}*/

.txtmontrerphoto {z-index:13; position:fixed; top:2px; left:205px; color:#FFFFFF; text-decoration:none;}
.txtmontrerphoto:hover {z-index:13; position:fixed; color:#e4c8ab; text-decoration:underline;}
#imagedoubleclick {z-index:3; position: fixed; bottom:10px; right: 10px; visibility: hidden;}

/* -------------------------------------------------------------------------------------------------------------------------*/

/*---------------- zone milieu (MENU et IMAGE) ------------------------------- */
#boiteverte {border: 1px solid yellow; position: relative; z-index:2; bottom:0px; margin: auto; width:761px; text-align:left; border:none; padding:0px; margin-bottom:0; height:246px; }/* CHANGER LE BACKGROUND*/

	#menuvert {  color:#ffffff; font-size:13pt; position: absolute; top:5px; left:17px; margin:0px; padding:0px; width:761px; line-height:25px;}
	#menuvert a {color:#ffffff; text-decoration: none;}
	#menuvert a:hover {color:#c6ff90;}

	#imagecentrale { position:absolute; z-index:3; top:80px; left:11px; width:748px; height:161px; background-color: #996600;}
/* -------------------------------------------------------------------------------------------------------------------------*/
 

/*---------------- zone milieu ( NOUVELLE et TEXTE) ------------------------------- */
		/* Utilisé pour la fiche de la municipalité */
/*		ul { text-align:left; padding:0px; margin:0px; color:#c6ff90; margin-top:10px; font-weight:bold; margin-left:20px; font-size:16px;}
		ul li { list-style-type: circle; padding:0px; margin:0px;  color:#ffffff; font-weight: normal;font-size:14px;}
		
		ul ul, ul ul li {margin-top:0px; font-size:100%;font-size:12px;}

*/

#boiteBas { position: relative; text-align:center; margin:auto; width:761px; height: 100%;}/* contient le DIV avec le fond vert */
	#boitevertebas { position: relative; background-image: url(../../images/zoneverteetire.png); background-repeat:repeat-y; text-align:center; margin:auto; width:761px; height: 100%; float:left;}/* DIV avec fond vert */

		#titrenouvelle { position:absolute; top: 250px; left:40px; z-index:3; width:112px; height:41px;}
		#titrecontenu { position: absolute; top: 250px; left:200px; z-index:3; width:492px; height:41px;}

		#nouvelle { margin-top:55px; margin-left: 45px; width:20%; float:left; text-align:left; }
		#nouvelle ul li { list-style-type:none;} /* pour que le sous-menu à gauche n'aie pas de 'bullets' */
		
		#contenutexte { /*margin-top:55px;*/ width:492px; float: left; min-height:533px; text-align:left;} /* pour les sections avec le gros panneau la zone de texte est plus petite */
		#contenutexte a { color:#ffffff; text-decoration:underline;} /* Liens du texte principal */
		#contenutexte a:hover { color:#ffffff; text-decoration: none;}
		#contenutexte ul li { font-size:.8em;}
		#contenutexte h1 span {display: none;}
		.nouvelle_date { color:#c6ff90; font-size: 10pt; display:block;}
		.nouvelle_txt { color:#ffffff; font-size: 10pt; display:block; margin-bottom:5px;}
		
		/* Page petit panneau */
		#titrecontenuLarge { position:absolute; top: 250px; left:235px; z-index:3; width:492px; height:41px;}
		#contenutextelarge {margin-top:55px; width:55%; float: left; min-height:470px;} /* Pour les section avec le petit panneau -- min-height pour que la zone verte touche en bas si le texte est court*/
		#contenutextelarge a { color:#ffffff; text-decoration:underline;} /* Liens du texte principal */
		#contenutextelarge a:hover { color:#ffffff; text-decoration: none;}

		/* SOUSMENU DE GAUCHE */
		ul#menunew { list-style-type: none; position:relative; z-index:3; top: 0px; left:-10px; width:140px; margin-left:-20px; margin-top:-40px; padding:0px;} /*  ÉTAIT EN ABSOLUTE */
		
		ul#menunew li {margin:0px;}
		
		ul#menunew a {
			 margin: 0 2px;
			 width: 100%; 
			 display: block;
			 text-align: left;
			 border-bottom: 1px solid #4D712B;
			 /*border-bottom: 1px solid #c6ff90;*/
			 text-decoration: none;
			 color: #c6ff90;
			 padding-bottom: 5px;
			 padding-top: 5px;
			 padding-left: 5px;
			 }
		ul#menunew a:hover {
			 background: #c6ff90;
			 color: #4D712B;		
			 }
			 
			/* ----- mise en forme  TABLEAU ----- */
			/*
			table {
			border: medium solid #c6ff90;
			border-collapse: collapse;
			width: 50%;
			}
			
			th {
			font-family: monospace;
			font-weight: bold;
			border: thin solid #c6ff90;
			width: 50%;
			padding: 5px;
			background-color: #c6ff90;
			color: #4D712B;
			}
			
			td {
			border: thin solid #c6ff90;
			width: 50%;
			padding: 5px;
			text-align: center;
			background-color: #4D712B;
			}
			
			#titredutableau  { padding:20px; font-size:130%;}	
			*/
			/* ----- FIN mise en forme  TABLEAU-----  */
			
			/* CONSEIL DES MAIRES */
			#conseil ul li {margin:0; padding:0; margin-top:10px; clear:both; list-style-type: none; vertical-align: text-top;}
			#conseil ul li img {float: left; margin-right:10px; margin-bottom:5px; border: 1px #c6ff90 solid;}
			.nomdumaire { font-weight: bold; display:block;}

			#equipe ul li {margin:0; padding:0; margin-top:10px; clear:both; list-style-type: none; vertical-align: text-top;}
			#equipe ul li img {float: left; margin-right:10px; margin-bottom:5px; border: 1px #c6ff90 solid;}


			/* FIN CONSEIL DES MAIRES */
	
/* -------------------------------------------------------------------------------------------------------------------------*/

/* ----------------ONGLETS--------------------------------------------------------------------------*/
/* boite contenant les onglets, avec un overflow pour cacher ce qui dépasse */
#boiteonglets { z-index:0; width: 115px; height: 426px; position:absolute; left:-108px; top:-200px; overflow:hidden; border: none; margin:0; padding:0;} /* -108px pour voir au complet */

#onglet1 {position: absolute; top:0px;  right:-20px;}
	#onglet1:hover {position: absolute; top:0px;  right:0px;}
	
#onglet2 {position: absolute; top:72px;  right:-20px;}
	#onglet2:hover {position: absolute; top:72px;  right:0px;}

#onglet3 {position: absolute; top: 142px;  right:-20px;}
	#onglet3:hover {position: absolute; top:142px;  right:0px;}

#onglet4 {position: absolute; top: 210px;  right:-20px;}
	#onglet4:hover {position: absolute; top:210px;  right:0px;}

#onglet5 {position: absolute; top: 280px;  right:-20px;}
	#onglet5:hover {position: absolute; top:280px;  right:0px;}
	
#onglet6 {position: absolute; top: 350px;  right:-20px;}
	#onglet6:hover {position: absolute; top:350px;  right:0px;}
	
/* -------------------------------------------------------------------------------------------------------------------------*/



/* ------------------ PANNEAU--------------------------------------------------------*/
#panneau {position: fixed; bottom:0px; z-index:3;} /*  right:26px; */
.panneaugros {right:-111px; width:425px; height:544px;}
.panneaumini {right:178px; width:141px; height:180px; display: none;}

a.curseurmain{cursor: pointer;}  /* pour mettre une main comme curseur */


/* -------------CARTE CHESTERVILLE --------------------*/
/*#carte { width:370px; height:331px;}*/
#titremunicipalites {position: relative; top: 0px; left:30px; z-index:3; width:492px; height:41px;}

/* Correction IE */
#fondvertIE { display:none;}

/* --------- FICHE MUNICIPALITÉS ----------------------- */
#arrieregris {background-image:url(../../images/arrieregristransparent.png); width: 100%; height:100%; margin:0; padding:0; z-index:13; position: fixed; top:0; left:0;}
#fiche { z-index:14; margin:auto; width: 787px; position: relative; vertical-align:text-top; /*text-align:center;*/}
	#fichehaut { background-image:url(../../images/fichehaut.png); background-repeat:no-repeat; height: 115px; text-align:left; margin:0px; padding:0px; position: relative;}
		#boutonfermer { position:absolute; bottom: 15px; right:15px; margin:0; padding:0; width: 99px; height: 26px; background-image: url(../../images/boutonfermer.png);}
		#zonetitremuni {position:absolute; top:22px; left:45px; height:75px; vertical-align: text-bottom;}
			#logomuni {float: left;}
			#titremuni { float: left; margin-top:55px; margin-left: 20px;}
			
	#fichemilieu {background-image: url(../../images/fichearriererepete.png); background-repeat:repeat-y; margin:0px; padding:0px;}
			#ficheimage  { float:right; margin-right:10px; margin-top:0px; width: 384px; position: relative;}

			/* ----- mise en forme  TABLEAU ----- */
			.tableauFiche 
			{
			    margin-left:40px;
			    margin-top:0px;
			    border: none;
			    border-collapse: collapse;
			    /*width: 350px;*/
			    width: auto;
			    text-align: left;
			    position: relative;
			    /*border: solid 1px red;*/
			}
			
			.tableauFiche th {
			    font-weight: bold;
			    font-size:130%;
			    border: none;
			    padding: 5px;
			    background:none;
    		    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
			    color:#ffffff;
			    padding-top:30px;
			}
			
			.tableauFiche td {
			    /*width: 50%;*/
			    padding: 5px;
			    font-weight: normal;
			    border: none;
			    text-align:left;
   			    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
			    color:#ffffff;
			}
            .tableauFicheGauche
            {
                vertical-align: text-top;
                white-space:nowrap;
            }
            
			/* rollover sur le bouton WWW */			
			.rollOver
			{
				display: block;
				background-repeat: no-repeat;
				background-position: 0 0;
				float: left;
			}
			.rollOver:hover
			{
				background-position: bottom right;
			}
			.rollOver span
			{
				display: none;
			}
			
			#boutonwww{margin:0; padding:0; margin-left:0px; width: 76px; height: 22px; background-image: url(../../images/btnwww.png);}
			#bandeboutonimage { position:absolute; top:344px; left:40px; padding:0; height:33px;}	
			#bandeboutonimage a { margin-right:5px; }	
			#bandeboutonimage a img{ border: 2px solid #c6ff90; height:33px; width: 33px; }
			#bandeboutonimage a:hover img{ border: 2px solid #4D712B; }	
			
            .aPhoto{float:left;}
	#fichebas { height: 46px; margin:0; padding:0;  }
	
#footer{clear: both; /*padding-top: 10px;*/}

.aMoyen { font-size: .6em; }
.aGros { font-size: .9em; }