/*Styles du site mairiedevalbonnais*/
/* dernière mise à jour 2020-02-29 */
html, body {
        margin: 0; padding: 0;
        height: 100%;
		width:100%;
}
 body {
 background-color: #D3D9FA;/* bleu clair du menu secondaire*/
 /*background-color: #86A7D0;/* bleu foncé du menu principal*/
 color:#000000; /* on écrit en noir */
 font-family: TrebuchetMS;
 font-size: medium; /*xx-small xsmall small large x-large xx-large */
 font-weight: normal;
 text-decoration: none; /* pas deligne dessus dessous ou en travers texte */
 text-align: left;
 font-style: normal;
}

header {
position: fixed; /* menu du haut fixé */
width: 100%;
top: 0; /* en haut */
left: 0;  right: 0;  /*centré */
height: 3rem; /* sa place reservé en hauteur */
z-index: 10; /* au dessus de section qui ne doit pas le cacher */
min-height: 60px;  /* pour etre sur qu'il soit assez haut pour cliquer 80px avant*/
border: 0px solid black;/* 0 sans bordure */	
 background-color: #D3D9FA;/* bleu clair du menu secondaire*/
 /*background-color: #86A7D0;/* bleu foncé du menu principal*/
 }
 
 section {
border: 0px solid black;/* 0 sans bordure */
padding: 80px 20px 0px 20px; /*marges interieures : haute avant 110 pour header- droite 20 - bas - gauche 20 pour marge à gauche*/
top: 3rem; /* pour ne pas interferer avec la hauteur reservée de header */
}

footer {
border-top: 1px solid grey; /*ligne séparative en haut */
padding-top: 2px;  /* marge interieure haute */
margin-top: 0px; /* marge exrterieure haute */
background: #D3D9FA;/* bleu clair du menu secondaire*/
 /*background: #86A7D0;/* bleu foncé du menu principal*/
text-align: center; /* centrer */
}


 strong { /* Pour souligner un paragraphe ou une phrase */
 font-weight: bold;
 font-style: Italic;
 font-size: large;
 /* text-decoration: underline;*/
}
h1 {
 font-size: 200%; /*Titre gros centré */
 color:#000000; /* on écrit en noir */
 text-align: center;
 font-family: Arial;
 font-style: Italic;
 font-weight: normal;
  }
h2 {
 font-size: 160%; /*Sous-Titre mi-gros centré */
 color:#000000; /* on écrit en noir */
 text-align: center; 
 font-weight: normal;
 }
h3 {
 font-size: 120%; /*Sous-Sous-Titre Italic centré  */
 padding-left: 15px;
 font-weight: normal;
 color:#000000; /* on écrit en noir */
  text-align: center; 
 font-style: Italic;
 }
 h4 {
 font-size: 120%; /* Sous-Sous-Titre Italic décalé  */
 padding-left: 15px;
 font-weight: normal;
 color:#000000; /* on écrit en noir */
 font-style: Italic;
 }
h5 {
 font-size: 130%; /*avant 100% Sous-Sous-Titre  avant décalé en noir */
 padding-left: 15px;
 font-weight: normal;
 color:#000000; /* on écrit en noir */
 text-align: center; 
  font-style: Italic;
 }
h6 {
 font-size: 120%; /*avant 80% ligne italic blanche à gauche  */
 font-weight: normal;
 /*font-style: Italic;*/
 text-align: left;
 color:#000000; /* on écrit en noir */
 }
 
h7 {  /* s'arrête à h6...*/
 font-size: medium; /*Sous-Sous-Sous-Titre Arial  medium gras décalé  */
 font-weight: bold;
 font-family: Arial;
   }
   
h8 { /* s'arrête à h6...*/
 font-size: medium; /*Sous-Titre medium normal italic centré */
 text-align: center; 
 font-family: Arial;
 /* font-weight: bold; */
 font-style: Italic;
 }
 
 .texte1 { /* font-size large / font-weight: bold; centre */
 /*width: 5%;*/
  font-size: large;  
  font-weight: bold; 
  text-align: center; 
 }
  .texte2 { /* font-size large / font-weight: bold; left */
 /*width: 5%;*/
  font-size: 120%;  
  font-weight: bold; 
  text-align: left; 
 }
 
   .texte2Red { /* font-size large / font-weight: bold; left  / rouge*/
 /*width: 5%;*/
  font-size: 120%;  
  font-weight: bold; 
  text-align: left; 
   color:#FF0000; /* on écrit en rouge */
 }

p {   /* paragraphe classique comme body */
   }
                                                        /* marquage des liens */  
a:link {  
  color: #0000FF; /* #0000FF Blue; marquage des liens non survolés*/
 }
a:visited {
  color: #0000FF; /*pas differenciés*/
  }
a:hover {
 color: #00BFFF; /*00BFFF DeepSkyBlueBlue  marquage lien quand souris dessus */
}
a:active {
 color: #1E90FF; /*1E90FF DodgerBlue  active : au moment du clic */
}
a:focus {
 color: #00CED1; /*00CED1 DarkTurquoise; marquage des liens selectionnés*/
}
  
 
											/* Menu principal dans HEADER */
 
.logo { 
 /*width: 5%;*/
 border-width:0px;  /* pas de bordures */
 border-style:solid; 
 border-color:black;
 }
 .cellule { 
 /* width: 18%; */
 border-width:0px;  /* pas de bordures */
 border-style:solid; 
 border-color:black;
  vertical-align: top;
 }
 .loupe { 
 /* width: 5%; */
 border-width:0px;  /* pas de bordures */
 border-style:solid; 
 border-color:black;
 }
 
/* Tableau ou se trouve le logo Valbonnais, le menu principal et le logo recherche */
#table-deroulant {
text-align: center; 
width: 100%;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 list-style: none;

}
/* menu principal et menu secondaire  : occupent bien toute la place des cellules*/
.menu-deroulant, .menu-deroulant ul {
 padding:0; /* pas de marge interieur : les menus occupent toute la place des cellule*/

 }
 
/* Configuration du menu principal : son aspect et ses transitions*/ 
 .menu-deroulant ul{
position:absolute;
z-index: 1000;   /*Au dessus de tous les blocks */
max-height:0; /* on cache le menu secondaire */ 
overflow:hidden; /* on cache le texte qui dépasse les limites : le menu secondaire n'apparait pas*/ 
left: 0;
right: 0;
/*le .3s permet au menu ne pas remonter de suite quand on quitte le survol.*/
-moz-transition: .8s all .3s; /* firefox */
-webkit-transition: .8s all .3s; /*Chrome*/
transition: .8s all .3s; /* IE*/

}

/* Configuration des liens du Menu principal */
 .menu-deroulant li {
    display: inline-block; /* on place les liens du menu bien centré horizontal  en block */
	width:100%; /* largeur des rectangles verts */
    position:relative; 
    border-radius:8px;/*une alternative : 8px 8px 0 0 pour des coins arrondis des rectangles verts*/
	background-color:#000000; /* 32CD32 LIMEGREEN; Non visible ????*/
    background-image:-webkit-linear-gradient(top, #CAE1FF 0%, #4682B4 100%); /*vert claire LightSteelBlue1 #CAE1FF  au bleu foncé 4682B4 SteelBlue */
    background-image:linear-gradient(to bottom, #CAE1FF 0%, #4682B4 100%); /*vert claire LightSteelBlue1 #CAE1FF  au bleu foncé 4682B4 SteelBlue */
}
/* Configuration des liens du Menu principal niveau 1 */
/* Configuration des href du menu principal */ 
.menu-deroulant a{
text-decoration:none;
display:block;
padding:10px 20px; /* Avant : 15px 40px marge interieur : taille des rectanglesdans les le menu principal deroulant */
font-family: Arial;
font-size: medium;
color:WHITE; 
}

/*Transition : Couleur du menu principal a son survol*/
.menu-deroulant li:hover a{
color:#000000; /* EN Noir */
}

/* Configuration de l'aspect du menu secondaire lorsque on survol le menu principal */
.menu-deroulant li:hover ul{
/* Au survol du menu principal, hauteur max du menu secondairepour fixer la hauteur maximale*/
max-height: 30em; /* a augmenter si beaucoup de sous-menus 30emau départ*/
} 

/* Configuration des blocs du menu secondaire */ 
.menu-deroulant li li{
background:#4682B4; /* couleur menu secondaire bleu foncé 4682B4 SteelBlue */	
}

/* les a href du menu secondaire apres survol du menu principal*/
.menu-deroulant li:hover li a{
color:#FFFFFF; /* En blanc */
text-transform:inherit;
}

/*les aref du menu secondaire au survol du menu secondaire*/
.menu-deroulant li li:hover a{
color:#000000; /* en noir*/
}

/* les a href du menu secondaire lorsque menu principal n'est plus survolé*/
.menu-deroulant ul a{
/*padding:10px 20px; /* Semble inutile puisqu'herités : taille des rectangles dans les le menu seconadaire deroulant */
font-size: small;
font-family: Arial;
color:#FFFFFF; /* En blanc */
}


/* Special Intranet Tableau ou se trouve le logo Valbonnais, le menu principal et le logo recherche */
.menu-deroulant-intranet {
text-align: center; 
width: 100%;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 list-style: none;

}
/* menu principal et menu secondaire  : occupent bien toute la place des cellules*/
.menu-deroulant-intranet, .menu-deroulant-intranet ul {
 padding:0; /* pas de marge interieur : les menus occupent toute la place des cellule*/

 }
 
/* Configuration du menu principal : son aspect et ses transitions*/ 
 .menu-deroulant-intranet ul{
position:absolute;
z-index: 1000;   /*Au dessus de tous les blocks */
max-height:0; /* on cache le menu secondaire */ 
overflow:hidden; /* on cache le texte qui dépasse les limites : le menu secondaire n'apparait pas*/ 
left: 0;
right: 0;
/*le .3s permet au menu ne pas remonter de suite quand on quitte le survol.*/
-moz-transition: .8s all .3s; /* firefox */
-webkit-transition: .8s all .3s; /*Chrome*/
transition: .8s all .3s; /* IE*/

}

/* Configuration des liens du Menu principal */
 .menu-deroulant-intranet li {
    display: inline-block; /* on place les liens du menu bien centré horizontal  en block */
	width:100%; /* largeur des rectangles verts */
    position:relative; 
    border-radius:8px;/*une alternative : 8px 8px 0 0 pour des coins arrondis des rectangles verts*/
	background-color:#000000; /* 32CD32 LIMEGREEN; Non visible ????*/
    background-image:-webkit-linear-gradient(top, #F3D3F9 0%, #AB94B0 100%); /*violet claire #F3D3F9  au violet foncé AB94B0 SteelBlue */
    background-image:linear-gradient(to bottom, #F3D3F9 0%, #AB94B0 100%); /*vert claire LightSteelBlue1 #F3D3F9  au bleu foncé AB94B0v SteelBlue */
}
/* Configuration des liens du Menu principal niveau 1 */
/* Configuration des href du menu principal */ 
.menu-deroulant-intranet a{
text-decoration:none;
display:block;
padding:10px 20px; /* Avant : 15px 40px marge interieur : taille des rectanglesdans les le menu principal deroulant */
font-family: Arial;
font-size: medium;
color:WHITE; 
}

/*Transition : Couleur du menu principal a son survol*/
.menu-deroulant-intranet li:hover a{
color:#000000; /* EN Noir */
}

/* Configuration de l'aspect du menu secondaire lorsque on survol le menu principal */
.menu-deroulant-intranet li:hover ul{
/* Au survol du menu principal, hauteur max du menu secondairepour fixer la hauteur maximale*/
max-height:30em; /* a augmenter si beaucoup de sous-menus 30emau départ*/
} 

/* Configuration des blocs du menu secondaire */ 
.menu-deroulant-intranet li li{
background:#AB94B0; /* couleur menu secondaire violet foncé AB94B0 */	
}

/* les a href du menu secondaire apres survol du menu principal*/
.menu-deroulant-intranet li:hover li a{
color:#FFFFFF; /* En blanc */
text-transform:inherit;
}

/*les aref du menu secondaire au survol du menu secondaire*/
.menu-deroulant-intranet li li:hover a{
color:#000000; /* en noir*/
}

/* les a href du menu secondaire lorsque menu principal n'est plus survolé*/
.menu-deroulant-intranet ul a{
/*padding:10px 20px; /* Semble inutile puisqu'herités : taille des rectangles dans les le menu seconadaire deroulant */
font-size: small;
font-family: Arial;
color:#FFFFFF; /* En blanc */
}






                                      /* Les formats dans le bloc SECTION */
 
/*Image flottante */
.imageflottante {
	float: left;
}
/* Picto photo */
.picto {
	vertical-align: middle;
}
/* Indenter un paragraphe*/

.indenter {
	text-indent: 40px;
}

.indenter2 {
	text-indent: 80px;
}

.italique {
	font-style: Italic;
	
}
.gras {
	font-weight: bold;
	
}

/* PHOTO ALEATOIRE AVEC TITRE*/

section div {
		text-align: center; /* centrer */
}

#bandeauImg2   /* pour image aleatoire non etires */
{
 position: relative;
 /* width: 100%; */
 text-align: center;
 vertical-align: top;

 /*font-size:13px;*/
 /*color:#FFFFFF;*/
}

#bandeauTxt2  /* pour texte inscrit dans image non etirée */
{
 width: 100%;
 position: absolute;
 top: 10%;
 left: 0px;
 /* text-shadow: 1px 1px cyan;*/
 text-align: center;
 /*font-family: "Segoe Script", Arial, Sans-serif;*/
 font-family: "Arial Black", Sans-serif;
 font-size: xx-large;
 color: #FFFFFF; /* blanc*/
}	

							
 							
 
                                         /* DESCRIPTION chemins, patrimoine, commerces tableau2 mieux travaillé*/
 .fenetre {   /* Fenetre pouir photo ouverte par clic */
border: 0px solid black;/* 0 sans bordure */
padding: 0px 0px 0px 0px; /*marges interieures : haute 110 pour header- droite 20 - bas - gauche 20 pour marge à gauche*/
text-align: center; /* centrer */
}

										
.tableau {   /* Tableau centré avac bordures */
text-align: center; 
width: 100%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
/* cellespadding et cellspacing n'existe pas, j'enleve le 04/04/26 */
/*
cellpadding: "0";
cellspacing: "2"; 
*/
	vertical-align: middle;  /* pas dans table-chemins ? */
}

.tableau th {                     
	 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 /* dans table-chemins ? : 	vertical-align: top; */
}
.tableau td {
		 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
}

.tableauSize {   /* Tableau centré avac bordures */
text-align: center; 
width: 100%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
/* cellespadding et cellspacing n'existe pas, j'enleve le 04/04/26 */
/*
cellpadding: "0";
cellspacing: "2"; 
*/
	vertical-align: middle;  /* pas dans table-chemins ? */
}


.tableauSize th {  /*Taille police modifiable gras centré avec bordure*/
font-size: 110%;                   
	 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 /* dans table-chemins ? : 	vertical-align: top; */
}

.tableauSize td {/*Taille police modifiable */
	font-size: 110%;
		 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
}

.tableau2 {                /* Tableau non centré  avac bordures */
/*text-align: center; */
width: 100%;
/*min-width: 800px;*/
border-collapse: collapse; /* bordure collées et non séparées */
/*cellspacing: "2"; */
vertical-align: middle;  

}

.tableau2 th {
text-align: center;
 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 padding:0; /* pas de amrge */
 /*margin-left: auto;
 margin-right: auto;*/
 }
.tableau2 td {
 text-align: left;
 border-width:1px; /* bordures */
 border-style:solid; 
 border-color:black;
 padding:3px; /* dela marge */
/*margin-left: 0px;*/
 }
 
 .tableau3 {  /* Tableau non centré sans bordures */
/*text-align: center; */
width: 100%;
/*min-width: 800px;*/
border-collapse: collapse; /* bordure collées et non séparées */
/*cellspacing: "2"; */
vertical-align: middle;  
padding: 2px 0; /* 2px haut et bas rien gauche droite */
}

.tableau3 tr td:first-child {    /*1ere colonne a gauche les autres centrées */
 text-align: left;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
/*margin-left: 0px;*/
 }
 
 .tableau3 td {
 text-align: center;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
/*margin-left: 0px;*/
 }
 
.tableau3 th:first-child {   /*1ere colonne a gauche les autres centrées */
 text-align: left;
 border-width:0px; /* pas de bordures */ 
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
 font-weight: bold;
/*margin-left: 0px;*/
 }
 
 .tableau3 th{
 text-align: center;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
  font-weight: bold;
/*margin-left: 0px;*/
 }

 
 .tableau4  {   /* tableau centré sans bordure */
text-align: center; 
width: 100%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
cellpadding: "0";
cellspacing: "2"; 
	vertical-align: middle;  /* pas dans table-chemins ? */
}

.tableau4 th {
	 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 /* dans table-chemins ? : 	vertical-align: top; */
}
.tableau4 td {
		 border-width:0px; /* non bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}
.tableau4C td {
		 border-width:1px; /* Ouibordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}


 .tableau4a  {   /* tableau centré td à gauche sans bordure */

width: 100%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
cellpadding: "0";
cellspacing: "2"; 
	vertical-align: middle;  /* pas dans table-chemins ? */
}
.tableau4a th {
	text-align: center; 
	 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 /* dans table-chemins ? : 	vertical-align: top; */
}
.tableau4a tr td:first-child { /* 1ere colonne a gauche */
text-align: left; 
		 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}
.tableau4a td {/*2eme colonne centrée*/
text-align: center; 
		 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}

 .tableau4B {   /* tableau à gauche sans bordure */
/*text-align: center; */
width: 100%;
/*min-width: 800px;*/
/*margin-left: auto;
margin-right: auto;*/
border-collapse: collapse;
cellpadding: "0";
cellspacing: "2"; 
	vertical-align: middle;  /* pas dans table-chemins ? */
}

.tableau4B th {
	 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
 font-weight: bold;
 /* dans table-chemins ? : 	vertical-align: top; */
}
.tableau4B td {
		 border-width:0px; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}
/* Page accueil (actualites) Tableau centré */
 .tableau55  {   /* tableau centré  bordure invisible */
text-align: center; 
/*width: 100%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
padding: 0; /*au lieu de "0" le 3/326 */
border-width:0px; 
vertical-align: middle;  /* pas dans table-chemins ?; vertical-align: middle */
border-style:None;
border-color:#86A7D0;/* bleu foncé du menu principal*/
}
.tableau55 td {
 border-width:0px;  
border-style:solid;
 border-color:#86A7D0;/* bleu foncé du menu principal*/
  vertical-align: top;  /* pour la legende des actualites de la page accueil */
   padding: 5px; /* Marge intérieure de 5px */
}
.tableau55 td img {  /* pas de bordures */
vertical-align : top;
	border-width: 0px;
	border-style: None;
	border: 0px;
}

/* Page accueil (actualites) Tableau centré */
 .tableau5  {   /* tableau centré avec bordure */
text-align: center; 
/*width: 100%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
padding: 0; /*au lieu de "0" le 3/326 */
border-width:2px; 
vertical-align: middle;  /* pas dans table-chemins ?; vertical-align: middle */
border-style:solid;
border-color:#86A7D0;/* bleu foncé du menu principal*/
}

.tableau5 th {
width:300px;
 border-width:2px;  
 border-style:solid; 
 border-color:#86A7D0;/* bleu foncé du menu principal*/
 font-weight: bold;
  vertical-align: top;  /* top  pour la legende des actualites de la page accueil */
   padding: 10px; /* Marge intérieure de 10px */
 }
 
.tableau5 td {
 border-width:2px;  
 border-style:solid; 
 border-color:#86A7D0;/* bleu foncé du menu principal*/
  vertical-align: middle;  /* top pour la legende des actualites de la page accueil */
   padding: 5px; /* Marge intérieure de 5px */
    /* font-weight: bold; ajouter le 17/03/26 */
	 font-size: 140%;/* ajouter le 17/03/26 */
}
.tableau5 td img {
vertical-align : top;
}

  .EnDirect {
 font-size: 110%; /*Sous-Sous-Titre  décalé  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#FFFFFF; /* on écrit en klanc */	 
 }
 
 /* Rubrique en direct ecriture en noir*/
 .tableau6  {   /* tableau centré sans bordure */
text-align: center; 
width: 80%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2"; 
vertical-align: middle;  /* pas dans table-chemins ? */
}

  .tableau6 td {
 font-size: 110%; /*Sous-Sous-Titre  décalé  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 text-align: left;
 vertical-align: middle;
 }
  /* Tableau centré mais cellule à gauche ecriture en noir gestion des déchets*/
 .tableau6A  {   /* tableau centré sans bordure */
text-align: center; 
width: 100%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2"; 
vertical-align: middle;  /* pas dans table-chemins ? */
}

  .tableau6A td {
 font-size: 110%; /*Sous-Sous-Titre  décalé  */
 padding-left: 15px;
 font-weight: normal;
 /*font-syle: Italic;*/
 color:#000000; /* on écrit en noir */	 
 text-align: left;
 vertical-align: middle;
 }

 /* Tableau pour plan du site */
.tableau7 {  /* Tableau centré sans bordures */
text-align: center;
width: 80%;
/*min-width: 800px;*/
border-collapse: collapse; /* bordure collées et non séparées */
/*cellspacing: "2"; */
vertical-align: middle;  
}

.tableau7 th:first-child {   /*1ere colonne centré bleu foncé */
text-align: center;
 border-width:0px; /* pas de bordures */ 
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
 font-weight: bold;
/*margin-left: 0px;*/
color:#86A7D0;/* bleu foncé du menu principal*/
font-size: 120%;
 }
 
 .tableau7 th{  /*2eme colonne  à gauche blanc */
 text-align: left;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
  font-weight: bold;
/*margin-left: 0px;*/
color:#FFFFFF; /* on écrit en klanc */
 }

.tableau7 tr td:first-child {    /*1ere colonne centré */
 text-align: center;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
/*margin-left: 0px;*/
 }
 
 .tableau7 td { /*deuxième colonne noir à gauche */
 text-align: left;
 border-width:0px; /* pas de bordures */
 border-style:solid; 
 border-color:black;
 padding:2px; /* dela marge */
/*margin-left: 0px;*/
color:#000000; /* on écrit en noir */
 }
 
 /* Rubrique espace reserve et associations et economie */
 .tableau8  {   /* tableau centré avec bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
}
  .tableau8 th {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 110%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 }

  .tableau8 td {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 100%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 padding: 15px; /*Marge haute dans cellule */
 }
 .tableau8 td:first-child {   /*1ere colonne en gras et 110% */
 font-weight: bold;
font-size: 110%;
 }
 
  /*  .tableau8B td:first-child img{
   width: 100%;
 }*/
 
  /* Rubrique espace reserve et associations et economie */
 .tableau8A  {   /* tableau centré avec bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
}
  .tableau8A th {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 110%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 }

  .tableau8A td {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 100%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 padding: 15px; /*Marge haute dans cellule */
 }
 
   /* Rubrique espace reserve et associations et economie  avec img s'adapte a td*/
 .tableau8AC  {   /* tableau centré avec bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
}
  .tableau8AC th {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 110%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 }

  .tableau8AC td {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 100%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 padding: 15px; /*Marge haute dans cellule */
 }
  .tableau8AC td img{
   width: 100%;
 }
    /* Rubrique pratiquer  avec img s'adapte a td  pas de bordure*/
 .tableau8ACD  {   /* tableau centré avec bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
vertical-align: middle;  /* pas dans table-chemins ? */
/*cellpadding: "20"; /*espace entre cellule et contenu*/
/*cellspacing: "20"; /*espace entre cellule */
}
  .tableau8ACD td {
	   vertical-align: middle;

 }
  .tableau8ACD td img{
   width: 90%;
 }
 
/* Rubrique randonner */
 .tableau8B  {   /* tableau centré sans bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
/*cellpadding: "2";*/
/*cellspacing: "2";*/
vertical-align: middle;  /* pas dans table-chemins ? */
}

  .tableau8B td {
  border-width:1px; /* bordures */
  border-style:solid; 
 /*font-size: 100%; *//*Sous-Sous-Titre  centre  */
 /*padding-left: 15px;*/
/* font-weight: normal;*/
 /*font-style: Italic;*/
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
/* padding:2px;*//*Marge haute dans cellule 15 px avant */
 margin-left: auto;
 margin-right: auto;
 }
   .tableau8B th {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 100%; 
 padding-left: 15px;
 font-weight: bold;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 }
 /*  .tableau8B td:first-child img{
   width: 100%;
 }*/
 /*.tableau8B  td:first-child {    /*1er sans bordure*/
/*	   border-width:0px;
	   border-right-width:1px;
	   margin-left: auto;
margin-right: auto;
 }*/
 
  /* Rubrique espace reserve et associations et economie */
 .tableau8C  {   /* tableau centré avec bordure  img s'adapte a la taille de td*/
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
}
  .tableau8C th {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 110%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 }

  .tableau8C td {
	   border-width:1px; /* avec bordures */
	    border-style:solid; 
 font-size: 100%; /*Sous-Sous-Titre  centre  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
 vertical-align: middle;
 padding: 15px;/*Marge haute dans cellule */
 }
 .tableau8C td:first-child {   /*1ere colonne en gras et 110% */
 font-weight: bold;
font-size: 110%;
 }
 
  .tableau8C td img{
   width: 100%;
 }
 
 /* Rubrique Les élus */
 .tableau9  {   /* tableau centré sans bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
 font-size: 120%; /*Sous-Sous-Titre  centre  */
  font-weight: bold;
}
  .tableau9 th {
 border-width:1px; /* pas de bordures */
 border-style:solid; 
 color:#2F1D8A; /* on écrit en bleu foncé */	 
 /*text-align: left;*/
  /*padding-left: 15px;*/
  padding: 15px; /*Marge haute dans cellule */
 }

  .tableau9 td {
border-width:1px; /* pas de bordures */
 border-style:solid; 
 /*padding-left: 15px;*/
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
padding: 15px; /*Marge haute dans cellule */
 }
  .tableau9 td:nth-child(2n) {   /*1ere colonne en gras et 110% */
padding: 2px; /*Marge basse dans cellule photo*/
 }
 
 /* Rubrique Les élus New */
 .tableau9A  {   /* tableau centré sans bordure */
 border-collapse: collapse; /* bordure collées et non séparées */
text-align: center; 
/*width: 80%;*/
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2";
vertical-align: middle;  /* pas dans table-chemins ? */
 font-size: 120%; /*Sous-Sous-Titre  centre  */
  font-weight: bold;
}
  .tableau9A th {
 border-width:1px; /* pas de bordures */
 border-style:solid; 
 color:#2F1D8A; /* on écrit en bleu foncé */	 
 /*text-align: left;*/
  /*padding-left: 15px;*/
  padding: 15px;/*Marge haute dans cellule */
 }

  .tableau9A td {
border-width:1px; /* pas de bordures */
 border-style:solid; 
 /*padding-left: 15px;*/
 color:#000000; /* on écrit en noir */	 
 /*text-align: left;*/
padding: 15px;/*Marge haute dans cellule */
 }
  .tableau9A td:nth-child(2n) {   /*2eme colonne moins de marge */
padding:2px ;/*Marge basse dans cellule photo*/
 }
   .tableau9A td:nth-child(4n) {   /*4eme colonne à 80% */
font-size: 80%; /*plus petit  */
 }
    .tableau9A td:nth-child(5n) {   /*5eme colonne à 80% */
font-size: 80%; /*plus petit  */
 }

 


								/* Dans FOOTER */

			
.centrage {text-align: center;}

#menu-footer li {
/* on place les liens du menu horizontalement*/
    display: inline-block; /* bien centré horizontal et vertical */
    width: 200px;
	position:relative; 
}


#menu-footer, #menu-footer ul {
/* menu principal */
	list-style: none;
    text-align:center;
}