body {
	font-size: 19px;
	font-family:  arial, verdana, sans-serif;	
	color : #CBCCC1;
	background-color : #2B2B2B;
	text-align: justify;
	scrollbar-face-color : #A7AE17;
	scrollbar-arrow-color : white;
	scrollbar-track-color : #d5c4a8;
	scrollbar-darkshadow-color : #A7AE17;
	scrollbar-shadow-color : #A7AE17;z
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a span {
	visibility:hidden;
}

#ensemble {
	
position : absolute;
left:50%;
margin-left:-512px;
 width:1024px;
}

#background
{ position : absolute;
 }
 
#menu
{
   position : absolute;
   margin-top : 242px;
   z-index : 200;
}



/* BOITE DU DIAPORAMA */
#cadre{ 
 position:absolute;
        top:330px;
		left : 90px;
		z-index : 70; }
 #boite_diapo {    
     z-index : 60; 
     position:absolute;
        top:348px;
		left : 105px;
        background-color:none;
        background-image:url(diapo1.jpg);} /* IL FAUT IMPERATIVEMENT QUE LE NOM DE L'IMAGE SOIT IDENTIQUE A CELUI DANS LE SCRIPT : tab_img[0]
                            
        /* image dans la boite du diaporama */                            
        #img_diapo  {       
		width:458px;
        height:342px;
        filter: alpha(opacity=0);   /* fondu pour internet explorer */
        -moz-opacity:0; /* fondu pour mozilla, phoenix, firebird, firefox*/
        opacity:0;   /* fondu pour mozilla firefox */
        -khtml-opacity:0.5;         /* fondu pour konqueror et safari */
        background-color:none;
		}
		

/*---------- onglet accueil ----------*/
#accueil a img {
	border : none;
	outline:none;
}
#accueil a {
	outline:none;
}
#accueil
{
   width:93px;
   height:95px;
   position:absolute; 
   left : 928px;
   top : 673px;
   z-index : 30;
   outline:none;
}
#texte
{
position:absolute; 
left : 50%;
margin-left: 71px;
margin-top : 375px;
z-index : 10;
  }
  

/*------------------- Textes -----------------*/
/*---------- Actualite ----------*/
#news {
font-size : 17px;
position:absolute;
left: 50%; 
margin-left: -400px;
margin-top : 325px;
z-index : 10;
line-height : 30px;
width : 450px;
height : 420px;
overflow : auto;
padding-right : 155px;
}
h3{font-size : 19px;
color : #A7AE17;
text-decoration:underline;}

/*---------- Commandes Publiques ----------*/
#commandes_publiques {
font-size : 17px;
position:absolute;
 
margin-left: 400px;
margin-top : 325px;
z-index : 10;
line-height : 30px;
width : 450px;
height : 420px;
overflow : auto;
padding-right : 155px;
}
/*---------- Compte-rendu ----------*/
#compte_rendu {
font-size : 17px;
position:absolute;
margin-left: 350px;
margin-top : 325px;
z-index : 10;
line-height : 30px;
width : 500px;
height : 390px;
overflow : auto;
padding : 10px;
}
/*----------Ordre du jour ----------*/
#ordre{
font-size : 17px;
position:absolute;
margin-left: 400px;
margin-top : 385px;
z-index : 10;
line-height : 23px;
width : 350px;
height : 420px;
overflow : auto;
padding : 10px;
}
#texteordre
{font-size : 17px;
position:absolute;
margin-left: 400px;
margin-top : 325px;
z-index : 10;
width : 400px;}


/*----------CONSEILMUNICIPAL ----------*/

#texteconseil{
position:absolute;
margin-left: 350px;
margin-top : 325px;
z-index : 1;
font-size : 15px;
}



/*---------- Horaires mairie ----------*/


#textehoraires1 /* Ma liste aura des puces en forme de  */
{

   position:absolute; 
   margin-left: 720px;
   margin-top : 355px; 
   z-index : 1;
   font-size: 14px;
   padding-right : 15px;
   padding-bottom :0px;
text-align : justify;
width : 80px;
color : #A7AE17;
line-height : 30px; 
}
#textehoraires2 /* Ma liste aura des puces en forme de  */
{

   position:absolute; 
   margin-left: 820px;
   margin-top : 355px; 
   z-index : 1;
   font-size: 14px;
   padding-right : 15px;
   padding-bottom :0px;
border-right : 1px solid white;
text-align : justify;
width : 93px;
line-height : 30px;
height : 203px;
}

#textecontact /* Ma liste aura des puces en forme de  */
{
position:absolute; 
margin-left: 425px;
margin-top : 635px; 
z-index : 1;
font-size: 14px;
padding-right : 15px;
border-right : 1px solid white;
text-align : justify;
}
#textecontact a /* Ma liste aura des puces en forme de  */
{
color : #A7AE17;
}
#texterespecthoraires
{
position:absolute; 
margin-left: 720px;
margin-top : 585px; 
z-index : 1;
font-size: 12px;
color : #A7AE17;
}

/*---------- Numéros utiles ----------*/


#numéros1 /* Ma liste aura des puces en forme de  */
{

   position:absolute; 
   margin-left: 100px;
   margin-top : 302px; 
   z-index : 1;
   font-size: 15px;
   padding-left : 15px;
   padding-bottom :0px;
border-left : 1px solid white;
}
#numéros2 /* Ma liste aura des puces en forme de  */
{

   position:absolute; 
   margin-left: 450px;
   margin-top : 302px; 
   z-index : 1;
   font-size: 15px;
   padding-left : 15px;
   padding-bottom :0px;
border-left : 1px solid white;
}
 #numéros2 a
{ color : #A7AE17;}
h2{

   font-size: 15px;
 color : #A7AE17;
text-decoration:underline;
}
/*---------- Journée du patrimoine ----------*/

#textejpatrimoine
{
margin-left: 620px;
margin-top : 390px;
position:absolute;
width : 300px;
font-size : 17px;
z-index : 10;}
/*---------- Peche ----------*/

#textepeche
{ text-align : right;
margin-left: 720px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 23px;
z-index : 10;}

#textepeche1
{
position:absolute; 
left : 50%;
margin-left: 151px;
margin-top : 445px;
z-index : 10;
font-size: 17px;
width : 310px;
  }


#textepeche2
{
font-size: 13px;
position:absolute; 
margin-left: 415px;
margin-top : 675px;
height : 50px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  
/*---------- sportives----------*/  
   #textesportives
{
position:absolute; 
margin-left: 720px;
margin-top : 390px;
z-index : 10;
font-size: 17px;
width : 250px;  }

/*----------Culturelles----------*/  
   #texteculturelles
{
position:absolute; 
margin-left: 720px;
margin-top : 390px;
z-index : 10;
font-size: 17px;
width : 250px;  }
  /*---------- entreprises----------*/  
#textebourgin
{
position:absolute; 
margin-left: 101px;
margin-top : 345px;
z-index : 10;
font-size: 17px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textebourgin a
{color : #A7AE17;}
/*---------- foot----------*/  
#textefoot
{
position:absolute; 
margin-left: 801px;
margin-top : 345px;
z-index : 10;
font-size: 20px;
  }
#textefoot1
{
position:absolute; 
margin-left: 751px;
margin-top : 415px;
z-index : 10;
font-size: 17px;
width : 250px;
  }


#textefoot2
{
font-size: 13px;
position:absolute; 
margin-left: 365px;
margin-top : 575px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
/*---------- chasse----------*/
#textechasse1
{
position:absolute; 
left : 50%;
margin-left: 201px;
margin-top : 355px;
z-index : 10;
font-size: 17px;
width : 280px;
  }
#textechasse2
{
font-size: 13px;
position:absolute; 
margin-left: 315px;
margin-top : 615px;
z-index : 10;
  }
  #textechasse3
{
font-size: 13px;
position:absolute; 
margin-left: 485px;
margin-top : 615px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  /*---------- yoga----------*/
#texteyoga1
{
position:absolute; 
left : 50%;
margin-left: 161px;
margin-top : 390px;
z-index : 10;
font-size: 17px;
width : 310px;
  }


#texteyoga2
{
font-size: 12px;
position:absolute; 
margin-left: 320px;
margin-top : 590px;
z-index : 10;
z-index : 10;
padding-right : 14px;
padding-top : 10px;
border-right : 1px solid white;
  }

  #texteyoga3
{
font-size: 12px;
position:absolute; 
margin-left: 590px;
margin-top : 595px;
z-index : 10;
z-index : 10;
padding-right : 14px;
border-right : 1px solid white;
  }
  #texteyoga4
{
font-size: 17px;
position:absolute; 
margin-left: 870px;
margin-top : 350px;
z-index : 10;
color : #A7AE17;
  }
  #texteyoga2 a {color : #A7AE17;}
  
   /*---------- yoga----------*/
#texteosteo1
{
position:absolute; 
margin-left: 461px;
margin-top : 390px;
z-index : 10;
font-size: 22px;
width : 450px;
color : #A7AE17;
text-align : right;
  }


#texteosteo2
{
font-size: 12px;
position:absolute; 
margin-left: 320px;
margin-top : 600px;
z-index : 10;
z-index : 10;
padding-right : 14px;
padding-top : 10px;
border-right : 1px solid white;
  }
#texteosteo2 a {color : #A7AE17;}
/*---------- Marche ----------*/
#textemarche1
{
position:absolute; 
left : 50%;
margin-left: 151px;
margin-top : 415px;
z-index : 10;
font-size: 17px;
width : 310px;
  }

#textemarche2
{
font-size: 13px;
position:absolute; 
margin-left: 350px;
margin-top : 580px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  
/*---------- aubergechateau ----------*/
#texteaubergechateau1
{
position:absolute; 
left : 50%;
margin-left: 151px;
margin-top : 405px;
z-index : 10;
font-size: 17px;
width : 300px;
  }

#texteaubergechateau2
{
font-size: 13px;
position:absolute; 
left : 50%;
margin-left: -170px;
margin-top : 603px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }

/*---------- chanterelle ----------*/
#textechanterelle1
{
position:absolute; 
left : 50%;
margin-left: 100px;
margin-top : 360px;
z-index : 10;
font-size: 17px;
width : 300px;
  }

#textechanterelle2
{
font-size: 13px;
position:absolute; 
left : 50%;
margin-left: 260px;
margin-top : 651px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
/*---------- elevage des oules ----------*/
#texteelevage1
{
position:absolute; 
margin-left: 720px;
margin-top : 340px;
z-index : 10;
font-size : 17px;
width : 250px;
text-align : justify;
  }

#texteelevage2
{
font-size: 13px;
position:absolute; 
margin-left: 360px;
margin-top : 621px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
height : 80px;
  }
 #texteelevage2 a
{
color : #A7AE17;
  }
#texteelevage3
{
font-size: 14px;
position:absolute; 
margin-left: 720px;
margin-top : 505px;
z-index : 10;
height : 65px;
padding-right : 15px;
border-right : 1px solid white;
width : 230px;
color : #A7AE17;
  }
  
/*---------- atelier de poterie ----------*/
#texteatelierpoterie1
{
position:absolute; 
margin-left: 680px;
margin-top : 450px;
z-index : 10;
font-size : 17px;
width : 300px;
text-align : justify;
  }

#texteatelierpoterie2
{
font-size: 13px;
position:absolute; 
margin-left: 360px;
margin-top : 681px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }

#texteatelierpoterie3
{
font-size: 25px;
position:absolute; 
margin-left: 828px;
margin-top : 385px;
z-index : 10;
color : #A7AE17;
  }
#texteatelierpoterie4
{
font-size: 13px;
position:absolute; 
margin-left: 872px;
margin-top : 547px;
z-index : 10;

  }
/*---------- mazuel ----------*/
#textemazuel1
{
position:absolute; 
margin-left: 720px;
margin-top : 370px;
z-index : 10;
font-size : 17px;
width : 250px;
text-align : justify;
  }

#textemazuel2
{
font-size: 13px;
position:absolute; 
margin-left: 330px;
margin-top : 580px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
 #textemazuel2 a
{
color : #A7AE17;
  }
#textemazuel3
{
font-size: 14px;
position:absolute; 
margin-left: 690px;
margin-top : 570px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 230px;
color : #A7AE17;
  }
 /*---------- Santé ----------*/
#textesanté
{ 
text-align : justify;
margin-left: 690px;
margin-top : 410px;
position:absolute;
width : 250px;
font-size : 17px;
z-index : 10;}
#textemedecin2
{ 
text-align : justify;
margin-left: 500px;
margin-top : 410px;
position:absolute;
width : 320px;
font-size : 17px;
z-index : 10;}

#textemedecin1
{ 
margin-left: 710px;
margin-top : 340px;
position:absolute;
width : 320px;
color : #A7AE17;
font-size : 22px;
z-index : 10;}
#texteinfirmier1
{
position:absolute; 
margin-left: 710px;
margin-top : 340px;
z-index : 10;
font-size: 27px;
text-align : right;
color : #A7AE17;
  }
#texteinfirmier2
{ 
text-align : justify;
margin-left: 400px;
margin-top : 550px;
position:absolute;
font-size : 17px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;}

#texteadapté1
{
position:absolute; 
margin-left: 550px;
margin-top : 340px;
z-index : 10;
font-size: 24px;
text-align : right;
color : #A7AE17;
width : 400px;
  }
#texteadapté2
{ 
text-align : justify;
margin-left: 400px;
margin-top : 560px;
position:absolute;
font-size : 17px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;}
  

/*---------- CHATEAUX ----------*/
#textechateau1 a {color:#A7AE17;}
#textechateau1
{
position:absolute; 
margin-left: 350px;
margin-top : 310px;
z-index : 10;
font-size: 19px;
text-align : right;
color : #A7AE17;}
#textechateau2 a {color:#A7AE17;}
#textechateau2
{
position:absolute; 
margin-left: 540px;
margin-top : 640px;
z-index : 10;
font-size: 19px;
color : #A7AE17;}
   /*---------- Garde enfants ----------*/
#textegarde1
{
position:absolute; 
margin-left: 710px;
margin-top : 310px;
z-index : 10;
font-size: 24px;
width : 200px;
text-align : right;
color : #A7AE17;
  }
#textegarde2
{
position:absolute; 
margin-left: 335px;
margin-top : 680px;
z-index : 10;
font-size: 15px;
padding-right : 15px;
border-right : 1px solid white;
  }
  /*---------- epicerie fine ----------*/
#texteepicerie1
{
position:absolute; 
left : 50%;
margin-left: 120px;
margin-top : 350px;
z-index : 10;
font-size: 16px;
width : 300px;
  }

#texteepicerie2
{
font-size: 13px;
position:absolute; 
margin-left: 300px;
margin-top : 640px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;

  }
  
 #texteepicerie2 a
{ color : #A7AE17;}

  /*---------- alimentation ----------*/
#textealimentation
{
position:absolute; 
margin-left: 670px;
margin-top : 400px;
z-index : 10;
font-size: 17px;
width : 300px;
  }
  /*---------- Le gite et le couvert ----------*/
  #textegiteauberge
{
position:absolute; 
margin-left: 640px;
margin-top : 350px;
z-index : 10;
font-size: 17px;
width : 300px;
  }


  }
/*---------- musee ----------*/
#textemusee1
{
position:absolute; 
margin-left: 500px;
margin-top : 360px;
z-index : 10;
  }

#textemusee2
{
font-size: 13px;
position:absolute; 
margin-left: 360px;
margin-top : 575px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  #textemusee3
{
font-size: 12px;
position:absolute; 
margin-left: 625px;
margin-top : 565px;
width : 250px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  
#textemusee2 a
{color : #A7AE17;}
 
 /*---------- Syndicat agricole----------*/
#texteagricole1
{
position:absolute; 
margin-left: 640px;
margin-top : 360px;
z-index : 10;
font-size : 27px;
color : #A7AE17;
  }

#texteagricole2
{
font-size: 13px;
position:absolute; 
margin-left: 580px;
margin-top : 565px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 220px;
  }
  
 /*---------- ANCIENS COMBATTANTS----------*/
#textecombattants1
{
position:absolute; 
margin-left: 500px;
margin-top : 360px;
z-index : 10;
font-size : 17px;
width : 390px;
text-align : right;
  }
#textecombattants1 h2
{font-size : 19px;

  }
#textecombattants2
{
font-size: 13px;
position:absolute; 
margin-left: 400px;
margin-top : 605px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 220px;
  }
  /*---------- Batiment ----------*/
#textebatiment
{
position:absolute; 
margin-left: 680px;
margin-top : 355px;
z-index : 10;
font-size : 17px;
width : 280px;

  }
  
  /*----------chateaux ----------*/
#textepatrimoine
{
position:absolute; 
margin-left: 590px;
margin-top : 365px;
z-index : 10;
font-size : 17px;
width : 280px;
  }  

  /*----------chateaux ----------*/
#textemusée
{
position:absolute; 
margin-left: 590px;
margin-top : 365px;
z-index : 10;
font-size : 17px;
width : 300px;
  }  
  /*----------chateaux ----------*/
#texteéglises
{
position:absolute; 
margin-left: 590px;
margin-top : 365px;
z-index : 10;
font-size : 17px;
width : 300px;
  }  
   /*----------chateaux ----------*/
#texteproduitsfermiers
{
position:absolute; 
margin-left: 640px;
margin-top : 365px;
z-index : 10;
font-size : 17px;
width : 280px;
  }  
#texteproduitsfermiers1
{
position:absolute; 
margin-left: 440px;
margin-top : 625px;
z-index : 10;
font-size : 14px;
color : #A7AE17;
padding-right : 15px;
border-right : 1px solid white;
  } 
  /*----------chateaux ----------*/
#textecroix
{
position:absolute; 
margin-left: 590px;
margin-top : 365px;
z-index : 10;
font-size : 17px;
width : 300px;
  }  
  /*----------chateaux ----------*/
#textechateaustbo
{
position:absolute; 
margin-left: 600px;
margin-top : 325px;
z-index : 10;
font-size : 15px;
width : 350px;
  }  
    /*----------chateaux ----------*/
#textechateauvigie
{
position:absolute; 
margin-left: 630px;
margin-top : 325px;
z-index : 10;
font-size : 15px;
width : 350px;
  } 
/*---------- vie à st bo ----------*/
#textevie
{ 
text-align : justify;
margin-left: 690px;
margin-top : 450px;
position:absolute;
width : 300px;
font-size : 17px;
z-index : 10;}

/*---------- Don quichotte ----------*/
#textedon1
{ 
text-align : justify;
margin-left: 590px;
margin-top : 410px;
position:absolute;
width : 300px;
font-size : 17px;
z-index : 10;}
#textedon2
{ 
text-align : justify;
margin-left: 675px;
margin-top : 350px;
position:absolute;
width : 300px;
font-size : 25px;
z-index : 10;
color : #A7AE17;}

#textedon3
{
font-size: 13px;
position:absolute; 
margin-left: 330px;
margin-top : 660px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
text-align : right;
  }
/*---------- Balades ----------*/

#textebalades
{ 
margin-left: 50px;
margin-top : 350px;
position:absolute;
width : 400px;
font-size : 17px;
z-index : 10;}

#titrebalades
{ 
color : white;
margin-left: 50px;
margin-top : 320px;
position:absolute;
font-size : 20px;
z-index : 10;
 }

#titrebalade1 a
{ 
color : #A7AE17;
margin-left: 330px;
margin-top : 700px;
position:absolute;
font-size : 21px;
z-index : 10;}

#titrebalade2 a
{ 
color : #A7AE17;
margin-left: 780px;
margin-top : 350px;
position:absolute;
font-size : 21px;
z-index : 10;}

#textebalades1
{ 
margin-left: 540px;
margin-top : 330px;
position:absolute;
width : 450px;
font-size : 13px;
z-index : 10;}

#textebalades11
{ 
margin-left: 290px;
margin-top : 672px;
position:absolute;
font-size : 13px;
z-index : 10;
border-right : 1px solid white;
padding-right : 15px;}

#textebalades22
{ 
margin-left: 835px;
margin-top : 592px;
position:absolute;
font-size : 13px;
z-index : 10;
border-right : 1px solid white;
padding-right : 15px;}

#textebalades2
{ 
margin-left: 25px;
margin-top : 330px;
position:absolute;
width : 480px;
font-size : 12.9px;
z-index : 10;}
/*---------- Kermesse ----------*/

#textekermesse
{ 
margin-left: 640px;
margin-top : 400px;
position:absolute;
width : 300px;
font-size : 17px;
z-index : 10;}
/*---------- école ----------*/

#texteécole
{ text-align : right;
margin-left: 640px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 23px;
z-index : 10;}

#texteécole1
{
position:absolute; 
margin-left: 630px;
margin-top : 425px;
z-index : 10;
font-size : 17px;
width : 250px;
  }

#texteécole2
{
font-size: 13px;
position:absolute; 
margin-left: 250px;
margin-top : 660px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
text-align : right;
height : 75px;
  }
  #texteécole2 a
{
color :  #A7AE17;
  }

   /*---------- Jardin ----------*/
#textejardin
{
position:absolute; 
margin-left: 651px;
margin-top : 400px;
z-index : 10;
font-size: 17px;
width : 310px;
  }
  
  /*---------- guillarme ----------*/
#texteguillarme1
{
position:absolute; 
left : 50%;
margin-left: 151px;
margin-top : 320px;
z-index : 10;
font-size: 16px;
width : 310px;
  }

#texteguillarme2
{
position:absolute; 
margin-left: 100px;
margin-top : 540px;
z-index : 10;
font-size: 15px;
height :  185px;
padding-right : 10px;
border-right : 1px solid white;
line-height : 15px;
  }

  #texteloire2
{
position:absolute; 
margin-left: 555px;
margin-top : 540px;
z-index : 10;
font-size: 15px;
height :  185px;
padding-right : 10px;
border-right : 1px solid white;
line-height : 15px;
  }
  #texteloire2 a
{  color :#A7AE17; }
h6
{ 
color :#A7AE17;
font-size : 15px;
text-align: right; }


/*---------- GYM ----------*/
#textegym3
{
position:absolute; 
margin-left: 320px;
margin-top : 355px;
width : 300px;
z-index : 10;
font-size: 14px;
  }
#textegym2
{
position:absolute; 
margin-left: 340px;
margin-top : 525px;
z-index : 10;
font-size: 13px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textegym1
{ text-align : right;
margin-left: 620px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}  

/*---------- GYM ----------*/
#textegymloisir2
{
position:absolute; 
margin-left: 320px;
margin-top : 555px;
z-index : 10;
font-size: 16px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textegymloisir1
{ text-align : right;
margin-left: 620px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}  

#textegymloisir
{ 
margin-left: 340px;
margin-top : 400px;
position:absolute;
width : 320px;
font-size : 17px;
z-index : 10;}  
/*---------- Moto ----------*/
#textemoto2
{
position:absolute; 
margin-left: 320px;
margin-top : 625px;
z-index : 10;
font-size: 16px;
width : 300px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textemoto1
{ text-align : right;
margin-left: 620px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}  
/*---------- Club des jeunes ----------*/
#texteclubdesjeunes2
{
position:absolute; 
margin-left: 320px;
margin-top : 575px;
z-index : 10;
font-size: 16px;
width : 300px;
padding-right : 15px;
border-right : 1px solid white;
  }
#texteclubdesjeunes1
{ text-align : right;
margin-left: 620px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}  
/*---------- Boulangerie ----------*/
#texteboulangerie2
{
position:absolute; 
margin-left: 270px;
margin-top : 535px;
z-index : 10;
font-size: 16px;
width : 300px;
height : 100px;
padding-right : 15px;
border-right : 1px solid white;
  }
#texteboulangerie1
{ text-align : right;
margin-left: 620px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}

/*---------- GAILARD GILLES ----------*/
#textebois1
{ text-align : right;
margin-left: 690px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 250px;
font-size : 22px;
z-index : 10;}

#textebois2
{
position:absolute; 
margin-left: 540px;
margin-top : 585px;
z-index : 10;
font-size: 14px;
height : 85px;
padding-right : 15px;
border-right : 1px solid white;
  }
  
   #textebois3
{
position:absolute; 
margin-left: 640px;
margin-top : 390px;
z-index : 10;
font-size: 17px;
width : 300px;  }
/*---------- Petite Auberge ----------*/
#textepetiteauberge2
{
position:absolute; 
margin-left: 315px;
margin-top : 570px;
z-index : 10;
font-size: 16px;
width : 250px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textepetiteauberge1
{ text-align : right;
margin-left: 650px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 27px;
z-index : 10;}


/*---------- Gilibert ----------*/
#textegilibert2
{
position:absolute; 
margin-left: 315px;
margin-top : 628px;
z-index : 10;
font-size: 16px;
height :  73px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textegilibert1
{ text-align : right;
margin-left: 650px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
font-size : 27px;
z-index : 10;}

/*---------- Kozic ----------*/
#textekozic2
{
position:absolute; 
margin-left: 315px;
margin-top : 592px;
z-index : 10;
font-size: 16px;
height :  110px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textekozic1
{ text-align : right;
margin-left: 650px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 27px;
z-index : 10;}


/*---------- Jeune ----------*/
#textejeune2
{
position:absolute; 
margin-left: 350px;
margin-top : 587px;
z-index : 10;
font-size: 16px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textejeune1
{ text-align : right;
margin-left: 650px;
margin-top : 350px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 27px;
z-index : 10;}

/*----------Moulard ----------*/
#textemoulard2
{
position:absolute; 
margin-left: 315px;
margin-top : 607px;
z-index : 10;
font-size: 16px;
height :  110px;
padding-right : 15px;
border-right : 1px solid white;
  }
#textemoulard1
{ text-align : right;
margin-left: 710px;
margin-top : 340px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 27px;
z-index : 10;}

/*----------Michard----------*/
#texteplomberie
{
position:absolute; 
margin-left: 660px;
margin-top : 350px;
z-index : 10;
font-size: 14px;
height :  335px;
padding-right : 15px;
border-right : 1px solid white;
  }
  





/*----------mettalerie serrurerie----------*/
#texteserrurerie
{
position:absolute; 
margin-left: 660px;
margin-top : 357px;
z-index : 10;
font-size: 14px;
height :  250px;
padding-right : 15px;
border-right : 1px solid white;
  }
  
/*----------Menuiserie----------*/
#textemenuiserie
{
position:absolute; 
margin-left: 660px;
margin-top : 357px;
z-index : 10;
font-size: 14px;
height :  250px;
padding-right : 15px;
border-right : 1px solid white;
  }




/*---------- Amicale Boules ----------*/
#texteboule1
{
position:absolute; 
margin-left: 715px;
margin-top : 367px;
z-index : 10;
font-size: 17px;
width : 250px;

  }
#texteboule2
{ 
margin-left: 475px;
margin-top : 565px;
position:absolute;
font-size : 13px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;}


/*---------- Musique ----------*/
#textemusique1
{
position:absolute; 
margin-left: 715px;
margin-top : 337px;
z-index : 10;
font-size: 17px;
width : 250px;

  }
#textemusique2
{ 
margin-left: 340px;
margin-top : 615px;
position:absolute;
font-size : 12px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;}

#textemusique3
{ 
margin-left: 575px;
margin-top : 640px;
position:absolute;
font-size : 13px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;}
/*---------- Foire poterie ----------*/
#textepoterie1
{
position:absolute; 
margin-left: 605px;
margin-top : 367px;
z-index : 10;
font-size: 17px;
width : 350px;

  }
#textepoterie2
{ 
margin-left: 205px;
margin-top : 645px;
position:absolute;
font-size : 13px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 300px;
}

/*---------- Bibliothèque ----------*/
#textebibliotheque1
{
position:absolute; 
margin-left: 605px;
margin-top : 387px;
z-index : 10;
font-size: 17px;
width : 350px;

  }
#textebibliotheque2
{ 
margin-left: 205px;
margin-top : 665px;
position:absolute;
font-size : 13px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 300px;
}

/*---------- Espace Sylvestre ----------*/
#texteespacesylvestre1
{
position:absolute; 
margin-left: 605px;
margin-top : 387px;
z-index : 10;
font-size: 17px;
width : 350px;

  }
#texteespacesylvestre2
{ 
margin-left: 255px;
margin-top : 665px;
position:absolute;
font-size : 13px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 250px;
height : 80px;
}
/*---------- Petit Marché ----------*/

#textepetitmarche1
{position:absolute; 
margin-left: 600px;
margin-top : 380px;
z-index : 10;
font-size: 17px;
width : 298px;}

/*---------- Accueil ----------*/

#texteaccueil
{position:absolute; 
margin-left: 600px;
margin-top : 350px;
z-index : 10;
font-size: 17px;
width : 380px;
}

#texteaccueil2
{position:absolute; 
margin-left: 770px;
margin-top : 515px;
z-index : 10;
font-size: 13px;
}
/*---------- Transport ----------*/

#textetaxis1
{position:absolute; 
margin-left: 280px;
margin-top : 320px;
z-index : 10;
font-size: 22px;
width : 250px;
color : #A7AE17;}
#textetaxis2
{
font-size: 13px;
position:absolute; 
margin-left: 180px;
margin-top : 590px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 230px;
  }
   
#texteramassage1
{position:absolute; 
margin-left: 575px;
margin-top : 320px;
z-index : 10;
font-size: 22px;
color : #A7AE17;}
#texteramassage2
{
font-size: 13px;
position:absolute; 
margin-left: 553px;
margin-top : 630px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  
  /*---------- Paroisse ----------*/

#texteparoisse1
{position:absolute; 

margin-left: 693px;
margin-top : 350px;
z-index : 10;
font-size: 17px;
width : 300px;}
#texteparoisse2
{
font-size: 13px;
position:absolute; 
margin-left: 683px;
margin-top : 515px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
width : 190px;
  }
#texteparoisse3
{
font-size: 13px;
position:absolute; 
margin-left: 393px;
margin-top : 350px;
z-index : 10;
padding-right : 51px;
border-right : 1px solid white;
width : 210px;

  }
/*---------- Tennis ----------*/

#textetennis1{
position:absolute; 
margin-left: 690px;
margin-top : 330px;
z-index : 10;
font-size: 17px;
width : 250px;
}
h4{text-align : right;}
#textetennis2
{
font-size: 13px;
position:absolute; 
margin-left: 383px;
margin-top : 610px;
z-index : 10;
padding-right : 15px;
border-right : 1px solid white;
  }
  /*---------- coiffure ----------*/
#textecarrement1
{
position:absolute; 
margin-left: 400px;
margin-top : 465px;
z-index : 10;
font-size: 16px;
width : 300px;

  }

#textecarrement2
{
font-size: 13px;
position:absolute; 
margin-left: 500px;
margin-top : 610px;
z-index : 10;
text-align: right;
color : #A7AE17;
padding-right : 10px;
border-right : 1px solid white;
  }

  #textecathy1
{
position:absolute; 
margin-left: 650px;
margin-top : 345px;
z-index : 10;
font-size: 16px;
width : 300px;

  }
  #textecathy2
{
font-size: 14px;
position:absolute; 
margin-left: 655px;
margin-top : 450px;
z-index : 10;
text-align: right;
color : #A7AE17;
padding-right : 10px;
border-right : 1px solid white;
  }
    #textecoiffure1
{
position:absolute; 
margin-left: 65px;
margin-top : 330px;
z-index : 10;
font-size: 24px;
color : white;
text-align: right;
  }
  
  
/*---------- Savoir vivre ----------*/

#textesavoirvivre1
{ text-align : right;
margin-left: 240px;
margin-top : 305px;
color : #A7AE17;
position:absolute;
width : 240px;
font-size : 25px;
z-index : 10;
text-align : left;
}

#textesavoirvivre2
{
position:absolute; 
margin-left: 240px;
margin-top : 402px;
z-index : 10;
font-size: 13px;
height :  110px;
width : 280px;
text-align : justify;
  }
  
    #textesavoirvivre3
{
position:absolute; 
margin-left: 600px;
margin-top : 400px;
z-index : 10;
font-size: 13px;
height :  110px;
width : 360px;
text-align : justify;
  }
  
  
/*------------------cadres -----------------*/
  #cadremazuel{ 
 position:absolute;
   margin-left: 318px;
   margin-top : 330px;
  z-index : 70; }
    #cadreargile{ 
 position:absolute;
margin-left: 337px;
margin-top : 373px;
  z-index : 70; }
    #cadreculturelles{ 
 position:absolute;
margin-left: 370px;
margin-top : 355px;
  z-index : 70; }
  
/*------------------ Photos -----------------*/
#imgproduitsfermiers {
   position:absolute; 
   margin-left: 263px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}
#cadreproduitsfermiers {
   position:absolute; 
   margin-left: 253px;
   margin-top : 348px;
   z-index : 10;
   outline:none;
}

#imgclubamitie {
   position:absolute; 
   margin-left: 353px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}
#cadreclubamitie {
   position:absolute; 
   margin-left: 343px;
   margin-top : 338px;
   z-index : 10;
   outline:none;
}

#imgjpatrimoine {
   position:absolute; 
   margin-left: 50px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}
#cadrejpatrimoine {
   position:absolute; 
   margin-left: 38px;
   margin-top : 333px;
   z-index : 10;
   outline:none;
}

#imgcroix{
   position:absolute; 
   margin-left: 255px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#cadrecroix{
   position:absolute; 
   margin-left: 247px;
   margin-top : 322px;
   z-index : 10;
   outline:none;
}

#imgargile  {
   position:absolute; 
   margin-left: 351px;
   margin-top : 380px;
   z-index : 10;
   outline:none;
}
#imgculturelles  {
   position:absolute; 
   margin-left: 381px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}
#imgmazuel  {
   width:350px;
   height:247px;
   position:absolute; 
   margin-left: 331px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgparoisse  {
   position:absolute; 
   margin-left: 120px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}

#imgagricole  {
   position:absolute; 
   margin-left: 70px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}
#imgcombattants  {
   position:absolute; 
   margin-left: 70px;
   margin-top : 300px;
   z-index : 10;
   outline:none;
}
#imgloire  {
   position:absolute; 
   margin-left: 640px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}

#imgguillarme  {
   position:absolute; 
   margin-left: 140px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}
#imgjardin  {
   position:absolute; 
   margin-left: 340px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}

#imgbatiment  {
   position:absolute; 
   margin-left: 340px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}

#imgespacesylvestre  {
    width:449px;
   height:311px;
   position:absolute; 
   margin-left: 80px;
   margin-top : 310px;
   z-index : 10;
   outline:none;
}

#imgvie  {
   position:absolute; 
   margin-left: 300px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}

#imgnounou  {
   position:absolute; 
   margin-left: 300px;
   margin-top : 300px;
   z-index : 10;
   outline:none;
}

#imgbois  {
   position:absolute; 
   margin-left: 95px;
   margin-top : 345px;
   z-index : 10;
   outline:none;
}

#imgplan {
   position:absolute; 
   margin-left: 165px;
   margin-top : 297px;
   z-index : 10;
   outline:none;
}
#imgplan a img{
  border : none;}
  
#texteplan a img{
  border : none;}
  
#texteplan {
   width:224px;
   height:438px;
   position:absolute; 
   margin-left: 695px;
   margin-top : 300px;
   z-index : 10;
   outline:none;
   border : none;
}
#texteplanzoom {
   position:absolute; 
   z-index : 80;
   outline:none;
   border : none;
}

#imgtaxis {
   position:absolute; 
   margin-left: 140px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}

#imgbus {
   position:absolute; 
   margin-left: 540px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}

#imgmarché  {
   width:438px;
   height:337px;
   position:absolute; 
   margin-left: 100px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}

#imgchasse  {
   position:absolute; 
   margin-left: 355px;
   margin-top : 315px;
   z-index : 10;
   outline:none;
}
#imgchateaustbo2  {
   position:absolute; 
   margin-left: 255px;
   margin-top : 335px;
   z-index : 10;
   outline:none;
}
#imgvigie  {
   position:absolute; 
   margin-left: 255px;
   margin-top : 335px;
   z-index : 10;
   outline:none;
}
#imgpuits  {
   position:absolute; 
   margin-left: 255px;
   margin-top : 335px;
   z-index : 10;
   outline:none;
}
#imgeglise2{
   position:absolute; 
   margin-left: 255px;
   margin-top : 335px;
   z-index : 10;
   outline:none;
}
#imgfoot  {
   position:absolute; 
   margin-left: 355px;
   margin-top : 315px;
   z-index : 10;
   outline:none;
}
#imgtennis  {
   position:absolute; 
   margin-left: 315px;
   margin-top : 335px;
   z-index : 10;
   outline:none;
}
#imgmusique  {
   position:absolute; 
   margin-left: 385px;
   margin-top : 315px;
   z-index : 10;
   outline:none;
}
#imgpeche  {
   width:283px;
   height:200px;
   position:absolute; 
   margin-left: 345px;
   margin-top : 400px;
   z-index : 10;
   outline:none;
}
#imgserrurerie  {
   position:absolute; 
   margin-left: 325px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}

#imgpoterie  {
   width:449px;
   height:311px;
   position:absolute; 
   margin-left: 80px;
   margin-top : 310px;
   z-index : 10;
   outline:none;
}
#imgsante  {
   position:absolute; 
   margin-left: 400px;
   margin-top : 360px;
   z-index : 10;
   outline:none;
}

#imgplomberie  {
   position:absolute; 
   margin-left: 325px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}

#imgmenuiserie {
   position:absolute; 
   margin-left: 340px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}

#imgtravaux {
   position:absolute; 
   margin-left: 360px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}

#imgbibliotheque  {
   width:447px;
   height:347px;
   position:absolute; 
   margin-left: 80px;
   margin-top : 310px;
   z-index : 10;
   outline:none;
}

#imgyoga  {
   width:297px;
   height:230px;
   position:absolute; 
   margin-left: 350px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imggilibert  {
   position:absolute; 
   margin-left: 335px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}
#cadregilibert  {
   position:absolute; 
   margin-left: 325px;
   margin-top : 339px;
   z-index : 10;
   outline:none;
}

#imgkozic  {
   position:absolute; 
   margin-left: 350px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#cadrekozic  {
   position:absolute; 
   margin-left: 340px;
   margin-top : 329px;
   z-index : 10;
   outline:none;
}

#imgsportives  {
   position:absolute; 
   margin-left: 350px;
   margin-top : 382px;
   z-index : 10;
   outline:none;
}
#cadresportives  {
   position:absolute; 
   margin-left: 340px;
   margin-top : 370px;
   z-index : 10;
   outline:none;
}
#imgcouverts  {
   position:absolute; 
   margin-left: 350px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}
#imgmairie  {
   width:283px;
   height:201px;
   position:absolute; 
   left: 50%; 
   margin-left: -170px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgalimentation  {
   position:absolute; 
   margin-left: 270px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgepicerie  {
   width:287px;
   height:266px;
   position:absolute; 
   margin-left: 300px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}

#imgboule  {
   width:371px;
   height:227px;
   position:absolute; 
   margin-left: 320px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}

#imgmarche {
   width:283px;
   height:200px;
   position:absolute; 
   left: 50%; 
   margin-left: -170px;
   margin-top : 370px;
   z-index : 10;
   outline:none;
}

#imgaubergechateau {
   width:283px;
   height:200px;
   position:absolute; 
   left: 50%; 
   margin-left: -170px;
   margin-top : 370px;
   z-index : 10;
   outline:none;
}


#imgchanterelle {
   position:absolute; 
   left: 50%; 
   margin-left: -170px;
   margin-top : 350px;
   z-index : 10;
   outline:none;
}
#imgelevage  {
   width:350px;
   height:247px;
   position:absolute; 
   margin-left: 340px;
   margin-top : 330px;
   z-index : 10;
   outline:none;
}
#imgmazuel  {
   width:350px;
   height:247px;
   position:absolute; 
   margin-left: 331px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgmusee  {
   width:251px;
   height:356px;
   position:absolute; 
   left: 50%; 
   margin-left: -420px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}
#imgécole  {
   width:283px;
   height:200px;
   position:absolute; 
   margin-left: 100px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgdon  {
   position:absolute; 
   margin-left: 100px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgcoiffure  {
   position:absolute; 
   margin-left: 100px;
   margin-top : 390px;
   z-index : 10;
   outline:none;
}
#imgchateaustbo  {
   position:absolute; 
   margin-left: 600px;
   margin-top : 300px;
   z-index : 10;
   outline:none;
}
#imgchateauvigie {
   position:absolute; 
   margin-left: 250px;
   margin-top : 500px;
   z-index : 10;
   outline:none;
}
#imgbalade1 {
   position:absolute; 
   margin-left: 50px;
   margin-top : 480px;
   z-index : 10;
   outline:none;
}
#imgbalade1zoom {
   position:absolute; 
   margin-left: 50px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}
#imgbalade2zoom {
   position:absolute; 
   margin-left: 545px;
   margin-top : 320px;
   z-index : 10;
   outline:none;
}
#imgcadrebalade2zoom {
   position:absolute; 
   margin-left: 538px;
   margin-top : 300px;
   z-index : 10;
   outline:none;
}
#imgcadrebalade1 {
   position:absolute; 
   margin-left: 42px;
   margin-top : 467px;
   z-index : 10;
   outline:none;
}

#imgcadrebalade1zoom {
   position:absolute; 
   margin-left: 41px;
   margin-top : 303px;
   z-index : 10;
   outline:none;
}


#imgbalade2 {
   position:absolute; 
   margin-left: 580px;
   margin-top : 340px;
   z-index : 10;
   outline:none;
}
#imgcadrebalade2 {
   position:absolute; 
   margin-left: 576px;
   margin-top : 327px;
   z-index : 10;
   outline:none;
}
/* Calendrier */
#calendrier {
   z-index : 100;
   color : #A7AD17;
   border: 4px solid #A7AD17;

}

caption /*Nos évènements */
{
   text-align : left; /* Centre le titre du tableau, ça rend mieux */
   font-family: Arial;
   font-size: 20px; /* taille de la police */
   color: #ABAEA0; /* Couleur du texte */
   margin-bottom: 10px; /* Marge avec le tableau */
   cursor : default;
   position:absolute; 
   margin-top : -40px;
   z-index : 100;
   
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centrons notre tableau */
   border: 4px solid #A7AD17; /* Bordure verte effet 3D */
   border-collapse: separate; /* Rend les cellules indépendantes les unes des autres */
   background-color : #404040;
   cursor : default;
   text-align : center;
   font-family: Arial;
   position:absolute; 
   margin-left : 200px;
   margin-top : 345px;
}

a 
{  text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #ABAEA0;
   outline : none;
}  
a img
{ 
   outline : none;
} 

table#calendrier th {
	color: #ABAEA0;
	width : 50px;
    height : 30px;
	text-align : center;
	margin: auto;
}


table#calendrier td {
	border: 1px solid #A7AD17;
	width: 50px;
	height: 50px;
	border-collapse: separate;
}

table#calendrier td div {
	width : 50px;
    height : 50px;
text-align : center;
}

.jourEvenement {
	background-color: #A7AD17;
	width : 50px;
    height : 50px;
	color: #404040;
	text-align : center;
	margin: auto;
}

.lienCalendrierJour {
	border: 1px solid white;
	color: white;
	text-align : center;
	empty-cells: show ; /* Révèle les cellules vides */
    empty-cells:1px solid black; 
	width : 60px;
    height : 60px;

}



/* Administration */
#tabAjoutEvent {
	margin: auto;
	width : 60px;
    height : 60px;

}
#tabAjoutEvent td {
	text-align:center;
	width : 60px;
    height : 60px;

}


/* Infobulles */
a.info {
	position: relative;
	color: #404040;
	text-decoration: none;
	display: block;
	z-index : 40;
	outline:none;
}
a.info span {
	display: none; /* on masque l'infobulle */
	z-index : 40;
	outline:none;
}
a.info:hover {
	background: none; /* correction d'un bug IE */
	z-index: 40; /* on définit une valeur pour l'ordre d'affichage */
display: inline; /* on affiche l'infobulle */
	outline:none;

}
a.info:hover span {
	display: inline; /* on affiche l'infobulle */
	position: absolute;
    color : #A7AD17;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
     visibility : visible;
	top: 30px; /* on positionne notre infobulle */
	left: 20px;
	padding : 10px;
	text-align: center;
	background: #464646;
	height : 30px;
	border: 2px solid  #A7AD17;
	z-index : 200;
	outline:none;
}

/* Liste des événements à supprimer */

table.listeEvent {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

table.listeEvent td {
	padding: 5px;
}



/*---------- Niveau 1 ----------*/
.niveau1 {	
	float: left;	
}
.niveau1 > li {
	float: left;
	width: auto;
	height:30px;
	margin: 0 ;		
outline:none
}
.niveau1 li a {
	display: block;	
	padding: 0;
	height:30px;
	text-decoration: none;
	text-align: center;
outline:none
	/*border: 1px solid #fff;*/
}
.niveau1 li a:hover { 
	outline:none
}

/*---------- Niveau 2 ----------*/
.niveau1 .niveau2 {
	display: none;	
	margin:0;
	border: 0;
	outline:none;
}
.niveau1 .niveau2 li {	
	border: 0;
	width: auto;
	position: relative;
	outline:none;
}
.niveau1 .niveau2 li a {
	display: block;
	height:33px;
	text-decoration: none;	 
	outline:none;
	/*border: 1px solid #FFF;*/
}

.niveau1 li:hover > .niveau2 { 
	display: block; 
}


/*---------- Images de fond des liens ----------*/
.actualite { 
	background-image:url(ongletactualite1.jpg);
	width:152px;	
	cursor : pointer;
}
.actualite:hover { 
	background-image:url(actualite1.jpg);
    width:152px;
	cursor : pointer;

}

.commerce { 
	background-image:url(ongletcommerce1.jpg);
	width:161px;	
	cursor : default;
}
.commerce:hover { 
	background-image:url(commerce1.jpg); 
	width:161px;
	cursor : default;
}
	.alimentation { 
		background-image:url(onglet2alimentation1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.alimentation:hover { 
		background-image:url(alimentation1.jpg);
		width:161px;
		cursor : pointer;
	}
		
	
	.gites { 
		background-image:url(onglet2giteauberge1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.gites:hover { 
		background-image:url(auberge1.jpg);
		width:161px;
		cursor : pointer;		
	}
	.coiffure { 
		background-image:url(onglet2coiffure1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.coiffure:hover { 
		background-image:url(coiffure1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.garage { 
		background-image:url(onglet2garage1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.garage:hover {
		background-image:url(garage1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.jardinerie { 
		background-image:url(onglet2jardinerie1.jpg);
		width:161px;
		cursor : pointer;
	}
	.jardinerie:hover { 
		background-image:url(jardinerie1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.batiment { 
		background-image:url(onglet2batiment1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.batiment:hover { 
		background-image:url(batiment1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.bois { 
		background-image:url(onglet2bois1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.bois:hover { 
		background-image:url(bois1.jpg); 
		width:161px;
		cursor : pointer;
	}
    .entreprises { 
		background-image:url(onglet2entreprises1.jpg); 
		width:161px;
		cursor : pointer;
	}
	.entreprises:hover { 
		background-image:url(entreprises1.jpg); 
		width:161px;
		cursor : pointer;
	}
.activites { 
	background-image:url(ongletactivite1.jpg); 
	width:119px;
	cursor : default;
}
.activites:hover { 
	background-image:url(activite1.jpg);
	width:119px;	
	cursor : default;
}
	.sportives { 
		background-image:url(onglet3sportive1.jpg); 
		width:119px;
		cursor : pointer;
	}
	.sportives:hover { 
		background-image:url(sportive1.jpg); 
		width:119px;
		cursor : pointer;
	}
	.culturelles { 
		background-image:url(onglet3culturelle1.jpg); 
		width:119px;
		cursor : pointer;
	}
	.culturelles:hover { 
		background-image:url(culturelle1.jpg); 
		width:119px;
		cursor : pointer;
	}


.evenements { 
	background-image:url(ongletevenement1.jpg);
	width:181px;	
	cursor : default;
}
.evenements:hover { 
	background-image:url(evenement1.jpg);
	width:181px;	
	cursor : default;
}
	.foire { 
		background-image:url(onglet4foirepoterie1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.foire:hover { 
		background-image:url(foirealapoterie1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.marche { 
		background-image:url(onglet4petitmarche1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.marche:hover { 
		background-image:url(petitmarche1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.kermesse { 
		background-image:url(onglet4kermesse1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.kermesse:hover { 
		background-image:url(kermesse1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.don { 
		background-image:url(onglet4donquichotte1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.don:hover { 
		background-image:url(donquichotte1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.patrimoine { 
		background-image:url(onglet4patrimoine1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.patrimoine:hover { 
		background-image:url(patrimoine1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.calendrier { 
		background-image:url(onglet4calendrier1.jpg); 
		width:181px;
		cursor : pointer;
	}
	.calendrier:hover { 
		background-image:url(calendrier1.jpg); 
		width:181px;
		cursor : pointer;
	}


.faire { 
	background-image:url(ongletafaireavoir1.jpg);
	width:180px;
	cursor : default;	
	
}
.faire:hover { 
	background-image:url(afaireavoir1.jpg);	
	width:180px;	
	cursor : default;
}
	.musees { 
		background-image:url(onglet6musee1.jpg); 
		width:180px;
		cursor : pointer;
	}
	.musees:hover { 
		background-image:url(musee1.jpg); 
		width:180px;
		cursor : pointer;
	}
	.monuments { 
		background-image:url(onglet6monument1.jpg); 
		width:180px;
		cursor : pointer;
	}
	.monuments:hover { 
		background-image:url(monument1.jpg); 
		width:180px;
		cursor : pointer;
	}
	.balades { 
		background-image:url(onglet6balade1.jpg); 
		width:180px;
		cursor : pointer;
	}
	.balades:hover { 
		background-image:url(balade1.jpg); 
		width:180px;
		cursor : pointer;
	}
 
.infos { 
	background-image:url(ongletinfopratique1.jpg);
	width:228px;	
	cursor : default;
	
}
.infos:hover { 
	background-image:url(infopratique1.jpg);	
	width:228px;	
	cursor : default;
}
	.mairie { 
		background-image:url(onglet7mairie1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.mairie:hover { 
		background-image:url(mairie1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.ecole { 
		background-image:url(onglet7ecole1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.ecole:hover { 
		background-image:url(ecole1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.bibliotheque { 
		background-image:url(onglet7bibliotheque1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.bibliotheque:hover { 
		background-image:url(bibliotheque1.jpg); 
		width:228px;
		cursor : pointer;		
	}
	
	.espace { 
		background-image:url(onglet7espacesylvestre1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.espace:hover { 
		background-image:url(espacesylvestre1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	
	.eglise { 
		background-image:url(onglet7eglise1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.eglise:hover { 
		background-image:url(eglise1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	
	.transport { 
		background-image:url(onglet7transport1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.transport:hover { 
		background-image:url(transport1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.vie { 
		background-image:url(onglet7vieastbonnet1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.vie:hover { 
		background-image:url(vieastbonnet1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.syndicat{ 
	background-image:url(onglet7syndicatagricole1.jpg); 
	width:228px;	
	cursor : pointer;
	}
	.syndicat:hover { 
		background-image:url(syndicatagricole1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.combattants{ 
	background-image:url(onglet7ancienscombattants1.jpg); 
	width:228px;	
	cursor : pointer;
	}
	.combattants:hover { 
		background-image:url(ancienscombattants1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.soins { 
		background-image:url(onglet7soins1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.soins:hover { 
		background-image:url(soins1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	
	.numero { 
		background-image:url(onglet7numeroutile1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.numero:hover { 
		background-image:url(numeroutiles1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	
	.plan { 
		background-image:url(onglet7plan1.jpg); 
		width:228px;	
		cursor : pointer;
	}
	.plan:hover { 
		background-image:url(plan1.jpg); 
		width:228px;	
		cursor : pointer;
	}

	
	


	

/*---------- Alimentation ----------*/
#sous_menualimentation{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:212px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 345px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
#sous_menualimentation li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menualimentation a{
text-decoration:none;  /* on enlève le soulignement */ 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menualimentation a:hover{
outline : none;
}
#sous_menualimentation a:focus{ 
outline : none;
}
#sous_menualimentation a:active{ 
outline : none;
}


a span {
	visibility:hidden;
}
.boulangerie { 
	background-image:url(boulangerie1.jpg); 
	width:212px;
}
.boulangerie:hover { 
	background-image:url(aboulangerie1.jpg); 
	width:212px;
}
.boulangerie:focus { 
	background-image:url(aboulangerie1.jpg); 
	width:212px;
}
.boulangerie:active { 
	background-image:url(aboulangerie1.jpg); 
	width:212px;
}

.produitsfermiers{ 
	background-image:url(produitsfermiers1.jpg); 
	width:212px;
}
.produitsfermiers:hover {
	background-image:url(aproduitsfermiers1.jpg); 
	width:212px;
}
.produitsfermiers:focus {
	background-image:url(aproduitsfermiers1.jpg); 
	width:212px;
}
.produitsfermiers:active {
	background-image:url(aproduitsfermiers1.jpg); 
	width:212px;
}
.epiceriefine{ 
	background-image:url(epiceriefine1.jpg); 
	width:212px;
}
.epiceriefine:hover {
	background-image:url(aepiceriefine1.jpg); 
	width:212px;
}
.epiceriefine:focus {
	background-image:url(aepiceriefine1.jpg); 
	width:212px;
}
.epiceriefine:active {
	background-image:url(aepiceriefine1.jpg); 
	width:212px;
}



/*---------- Gites auberges ----------*/


#sous_menugites{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:283px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 333px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}

}
#sous_menugites li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menugites a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menugites a:hover{
outline : none;
}
#sous_menugites a:focus{
outline : none;
}
#sous_menugites a:active{
outline : none;
}

a span {
	visibility:hidden;
}

.titreauberge { 
	background-image:url(auberges1.jpg); 
	width:283px;
	cursor : default;
}
.titreauberge:hover { 
	background-image:url(auberges1.jpg); 
	width:283px;
	cursor : default;
}
.titreauberge:focus{ 
	background-image:url(auberges1.jpg); 
	width:283px;
	cursor : default;
}
.titreauberge:active { 
	background-image:url(auberges1.jpg); 
	width:283px;
	cursor : default;
}




.chateau { 
	background-image:url(aubergeduchateau1.jpg); 
	width:283px;
}
.chateau:hover {
	background-image:url(aaubergeduchateau1.jpg); 
	width:283px;
}

.chanterelle { 
	background-image:url(aubergedelachanterelle1.jpg); 
	width:283px;
}
.chanterelle:hover {  
	background-image:url(aaubergedelachanterelle1.jpg);
	width:283px;		
}
.petite { 
	background-image:url(lapetiteauberge1.jpg); 
	width:283px;
}
.petite:hover { 
	background-image:url(alapetiteauberge1.jpg); 
	width:283px;
}



.titregite { 
	background-image:url(gites1.jpg); 
	width:283px;
	cursor : default;
}
.titregite:hover { 
	background-image:url(gites1.jpg); 
	width:283px;
	cursor : default;
}

.elevage { 
	background-image:url(elevagedesoules1.jpg); 
	width:283px;

}
.elevage:hover { 
	background-image:url(aelevagedesoules1.jpg); 
	width:283px;

}

.chambre { 
	background-image:url(chambre1.jpg); 
	width:283px;
	cursor : default;
}
.chambre:hover { 
	background-image:url(chambre1.jpg); 
	width:283px;
	cursor : default;
}

.mazuel { 
	background-image:url(mazuel1.jpg); 
	width:283px;

}
.mazuel:hover { 
	background-image:url(amazuel1.jpg); 
	width:283px;

}




/*---------- Jardinerie ----------*/
#sous_menuJardinerie{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:275px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 345px;
z-index : 10;
border-right : 1px solid #CBCCC1;


}
#sous_menuJardinerie li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menuJardinerie a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menuJardinerie a:hover{
outline : none;
}
#sous_menuJardinerie a:focus{
outline : none;
}
#sous_menuJardinerie a:active{ 
outline : none;
}
a span {
	visibility:hidden;
}
.jeune{ 
	background-image:url(jeune1.jpg); 
	width:275px;
	cursor : pointer;
}
.jeune:hover{ 
	background-image:url(ajeune1.jpg); 
	width:275px;
	cursor : pointer;
}


.gilibert{ 
	background-image:url(gilibert1.jpg); 
	width:275px;
	cursor : pointer;
}
.gilibert:hover{ 
	background-image:url(agilibert1.jpg); 
	width:275px;
	cursor : pointer;
}
.kozic{ 
	background-image:url(kozic1.jpg); 
	width:275px;
	cursor : pointer;
}
.kozic:hover{ 
	background-image:url(akozic1.jpg); 
	width:275px;
	cursor : pointer;
}



/*---------- Batiment ----------*/
#sous_menuBatiment{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
border-right : 1px solid #CBCCC1;
width:285px;
position:absolute; 
margin-left: 10px;
margin-top : 350px;
z-index : 10;

}

#sous_menuBatiment li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menuBatiment a{
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:45px;
outline : none;
}
#sous_menuBatiment a:hover{
outline : none;
}
#sous_menuBatiment a:focus{; 
outline : none;
}
#sous_menuBatiment a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.serrurerie{ 
	background-image:url(serrurerie.jpg); 
	width:275px;
	cursor : pointer;
}
.serrurerie:hover { 
	background-image:url(aserrurerie.jpg); 
	width:275px;
	cursor : pointer;
}


.plomberie{ 
	background-image:url(plomberie1.jpg); 
	width:275px;
	cursor : pointer;
}
.plomberie:hover { 
	background-image:url(aplomberie1.jpg); 
	width:275px;
	cursor : pointer;
}
.menuiserie{ 
	background-image:url(menuiserie1.jpg); 
	width:275px;
	cursor : pointer;
}
.menuiserie:hover { 
	background-image:url(amenuiserie1.jpg); 
	width:275px;
	cursor : pointer;
}

.travaux{ 
	background-image:url(travaux1.jpg); 
	width:275px;
	cursor : pointer;
}
.travaux:hover { 
	background-image:url(atravaux1.jpg); 
	width:275px;
	cursor : pointer;
}



/*---------- sportives ----------*/
#sous_menusportives{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:283px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 357px;
z-index : 10;
border-right : 1px solid #CBCCC1;


}
#sous_menusportives li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menusportives a{
text-decoration:none;  /* on enlève le soulignement */ 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menusportives a:hover{ 
outline : none;
}
#sous_menusportives a:focus{
outline : none;
}
#sous_menusportives a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.foot { 
	background-image:url(foot1.jpg); 
	width:283px;
}
.foot:hover { 
	background-image:url(afoot1.jpg); 
	width:283px;
}


.tennis { 
	background-image:url(tennis1.jpg); 
	width:283px;
}
.tennis:hover {
	background-image:url(atennis1.jpg); 
	width:283px;
}

.gym { 
	background-image:url(gym1.jpg); 
	width:283px;
}
.gym:hover { 
	background-image:url(agym1.jpg);
	width:283px;		
}

.moto { 
	background-image:url(moto1.jpg); 
	width:283px;
}
.moto:hover { 
	background-image:url(amoto1.jpg); 
	width:283px;
}



.boules { 
	background-image:url(boules1.jpg); 
	width:283px;
}
.boules:hover { 
	background-image:url(aboules1.jpg); 
	width:283px;
}

.marches { 
	background-image:url(marches1.jpg); 
	width:283px;
}
.marches:hover { 
	background-image:url(amarches1.jpg); 
	width:283px;
}

.peche{ 
	background-image:url(peche1.jpg); 
	width:283px;
}
.peche:hover { 
	background-image:url(apeche1.jpg); 
	width:283px;
}


.chasse { 
	background-image:url(chasse1.jpg); 
	width:283px;
} 
.chasse:hover { 
	background-image:url(achasse1.jpg); 
	width:283px;
}


.yoga { 
	background-image:url(yoga1.jpg); 
	width:283px;
}
.yoga:hover { 
	background-image:url(ayoga1.jpg); 
	width:283px;
}



/*---------- culturelles ----------*/
#sous_menuculturelles{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:283px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 335px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
}
#sous_menuculturelles li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menuculturelles a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menuculturelles a:hover{
outline : none;
}
#sous_menuculturelles a:focus{
outline : none;
}
#sous_menuculturelles a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.musique { 
	background-image:url(ecolemusique1.jpg); 
	width:283px;
}
.musique:hover { 
	background-image:url(aecolemusique1.jpg); 
	width:283px;
}


.gymbis { 
	background-image:url(gymbis1.jpg); 
	width:283px;
}
.gymbis:hover {
	background-image:url(agymbis1.jpg); 
	width:283px;
}


.atelier { 
	background-image:url(atelierpoterie.jpg); 
	width:283px;
}
.atelier:hover {
	background-image:url(aatelierpoterie.jpg); 
	width:283px;
}

.club { 
	background-image:url(club.jpg); 
	width:283px;
}
.club:hover {
	background-image:url(aclub.jpg); 
	width:283px;
}
/*---------- mairie ----------*/
#sous_menumairie{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:288px;
position:absolute; 
margin-left: 10px;
margin-top : 345px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
}
#sous_menumairie li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menumairie a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:36px;
outline : none;
}
#sous_menumairie a:hover{
outline : none;
}
#sous_menumairie a:focus{
outline : none;
}
#sous_menumairie a:active{
outline : none;
}


a span {
	visibility:hidden;
}


.conseil { 
	background-image:url(conseil1.jpg); 
	width:288px;
}
.conseil:hover{ 
	background-image:url(aconseil1.jpg); 
	width:288px;
}

.reunions { 
	background-image:url(reunions1.jpg); 
	width:288px;
}
.reunions:hover{ 
	background-image:url(areunions1.jpg); 
	width:288px;
}

.compte-rendu { 
	background-image:url(compterendu1.jpg); 
	width:288px;
}
.compte-rendu:hover{ 
	background-image:url(acompterendu1.jpg); 
	width:288px;
}

.commandes { 
	background-image:url(commandespubliques1.jpg); 
	width:288px;
}
.commandes:hover { 
	background-image:url(acommandespubliques1.jpg); 
	width:288px;
}





/*---------- santé ----------*/
#sous_menusanté{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:283px;
position:absolute; 
left: 50%; 
margin-left: -500px;
margin-top : 305px;
z-index : 10;
border-right : 1px solid #CBCCC1;
}

#sous_menusanté li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menusanté a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menusanté a:hover{
outline : none;
}
#sous_menusanté a:focus{
outline : none;
}
#sous_menusanté a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.medecin { 
	background-image:url(medecin1.jpg); 
	width:283px;
}
.medecin:hover { 
	background-image:url(amedecin1.jpg); 
	width:283px;
}

.infirmier { 
	background-image:url(infirmier1.jpg); 
	width:283px;
}
.infirmier:hover {
	background-image:url(ainfirmier1.jpg); 
	width:283px;
}
.osthéopathie { 
	background-image:url(ostheopathie1.jpg); 
	width:283px;
}
.osthéopathie:hover {
	background-image:url(aostheopathie.jpg); 
	width:283px;
}
.pharmacie { 
	background-image:url(pharmacie1.jpg); 
	width:283px;
}
.pharmacie:hover {
	background-image:url(apharmacie1.jpg); 
	width:283px;
}

.transportadapte { 
	background-image:url(transportadapte1.jpg); 
	width:283px;
}
.transportadapte:hover {
	background-image:url(atransportadapte1.jpg); 
	width:283px;
}



/*---------- Monuments ----------*/
#sous_menumonuments{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:150px;
position:absolute; 
margin-left: 20px;
margin-top : 335px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
}
#sous_menumonuments li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menumonuments a{
text-decoration:none;  /* on enlève le soulignement */ 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:34px;
outline : none;
}
#sous_menumonuments a:hover{
outline : none;
}
#sous_menumonuments a:focus{ 
outline : none;
}
#sous_menumonuments a:active{ 
outline : none;
}

a span {
	visibility:hidden;
}
.chateaux{ 
	background-image:url(chateau.jpg); 
	width:150px;
}
.chateaux:hover {
	background-image:url(achateau.jpg); 
	width:150px;
}


.église{ 
	background-image:url(eglise.jpg); 
	width:150px;
}
.église:hover {
	background-image:url(aeglise.jpg); 
	width:150px;
}

.puits{ 
	background-image:url(puits.jpg); 
	width:150px;
}
.puits:hover {
	background-image:url(apuits.jpg); 
	width:150px;
}

.croix{ 
	background-image:url(croix.jpg); 
	width:150px;
}
.croix:hover {
	background-image:url(acroix.jpg); 
	width:150px;
}

/*---------- vie st bonnet les oules ----------*/
#sous_menuvie{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:203px;
position:absolute; 
left: 50%; 
margin-left: -490px;
margin-top : 335px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
}
#sous_menuvie li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menuvie a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menuvie a:hover{
outline : none;
}
#sous_menuvie a:focus{
outline : none;
}
#sous_menuvie a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.savoir-vivre { 
	background-image:url(savoirvivre1.jpg); 
	width:193px;
}
.savoir-vivre:hover { 
	background-image:url(asavoirvivre1.jpg); 
	width:193px;
}


.garde{ 
	background-image:url(gardeenfants1.jpg); 
	width:193px;
}
.garde:hover {
	background-image:url(agardeenfants1.jpg); 
	width:193px;
}


/*---------- Balades ----------*/
#sous_menubalades{
list-style-type:none; /* on enlève la puce */ 
padding:0; 
border-bottom: none; /* et on retire celle du bas */
width:195px;
position:absolute; 
left: 50%; 
margin-left: -490px;
margin-top : 335px;
z-index : 10;
border-right : 1px solid #CBCCC1;

}
}
#sous_menubalades li{
margin: 0; /* on retire les marges intérieures et extérieures */
padding: 0; 
outline : none;
 /* ici on affiche  une bordure uniquement en bas */
}

#sous_menubalades a{
text-decoration:none;  /* on enlève le soulignement */
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
height:35px;
outline : none;
}
#sous_menubalades a:hover{
outline : none;
}
#sous_menuvie a:focus{
outline : none;
}
#sous_menuvie a:active{
outline : none;
}

a span {
	visibility:hidden;
}
.balades1 { 
	background-image:url(exbalade1.jpg); 
	width:175px;
}
.balades1:hover { 
	background-image:url(aexbalade1.jpg); 
	width:175px;
}


.balades2{ 
	background-image:url(exbalade2.jpg); 
	width:175px;
}
.balades2:hover {
	background-image:url(aexbalade2.jpg); 
	width:175px;
}