/*Styles du site patrimoinedevalbonnais*/
/* dernière mise à jour 2019-01-27 */
html, body {
        margin: 0; padding: 0;
        height: 100%;
		width:100%;
}
 body {
 background-color: #F0FFF0; /* #F0FFF0 HONEYDEW  #98FB98 PALEGREEN*/ /* #B0F2B6 VERT D'EAU */ /*origine #c1faa9; vert clair PPV */
 color:#000000; /* on écrit en noir */
 font-family: Trebuchet MS;
 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: 80px;  /* pour etre sur qu'il soit assez haut pour cliquer */
border: 0px solid black;/* 0 sans bordure */	
background-color: #F0FFF0; /* #F0FFF0 HONEYDEW  #98FB98 PALEGREEN*/ /* #B0F2B6 VERT D'EAU */ /*origine #c1faa9; vert clair PPV */
 }
 
 section {
border: 0px solid black;/* 0 sans bordure */
padding: 110px 20px 0px 20px; /*marges interieures : haute 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-color: #F0FFF0; /* #F0FFF0 HONEYDEW  #98FB98 PALEGREEN*/ /* #B0F2B6 VERT D'EAU */ /*origine #c1faa9; vert clair PPV */
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: xx-large; /*Titre xx-large Arial Black gras Italic centré */
 text-align: center;
 font-family: Arial Black;
 font-style: Italic;
 font-weight: bold;
  }
h2 {
 font-size: x-large; /*Sous-Titre Italic Arial xx-large centré */
 text-align: center; 
 font-family: Arial;
 font-weight: bold;
 font-style: Italic;
 }
h3 {
 font-size: large; /*Sous-Titre Italic Arial xx-large centré */
 text-align: center; 
 font-family: Arial;
 font-weight: bold;
 font-style: Italic;
 }
h4 {
 font-size: x-large; /*Sous-Sous-Titre Arial x-large gras décalé  */
 font-weight: bold;
 font-family: Arial;
   }
h5 {
 font-size: large; /*Sous-Sous-Sous-Titre Arial  large gras décalé  */
 font-weight: bold;
 font-family: Arial;
  }
  h6 {
 font-size: medium; /*Sous-Sous-Sous-Titre Arial  medium gras décalé  */
 font-weight: bold;
 font-family: Arial;
   }
  .h7 {
 font-size: medium; /*Sous-Titre medium normal italic centré */
 text-align: center; 
 font-family: Arial;
 /* font-weight: bold; */
 font-style: Italic;
 }
  
    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: #1E90FF; #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;
 }
 .loupe { 
 /* width: 5%; */
 border-width:0px;  /* pas de bordures */
 border-style:solid; 
 border-color:black;
 }
/* Tableau ou se trouve le logo PPV, 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, #90EE90 0%, #3CB371 100%); /*vert claire LIGHTGREEN #90EE90  au vert foncé 3CB371 MEDIUMSEAGREEN  /* /* du  7ef44d au 3CB371 MEDIUMSEAGREEN  */
    background-image:linear-gradient(to bottom, #90EE90 0%, #3CB371 100%); /*vert claire LIGHTGREEN #90EE90  au vert foncé 3CB371 MEDIUMSEAGREEN  /* /* du  7ef44d au 3CB371 MEDIUMSEAGREEN  */
}
/* 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 */
} 

/* Configuration des blocs du menu secondaire */ 
.menu-deroulant li li{
background:#3CB371; /* couleur menu secondaire#3CB371 MEDIUMSEAGREEN; */	
}

/* 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 */
}



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

.indenter {
	text-indent: 40px;
}

.italique {
	font-style: Italic;
	
}

/* 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;
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; */
}
.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:2px; /* 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;  
}

.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; /* bordures */
 border-style:solid; 
 border-color:black;
  /* dans table-chemins ?: 	vertical-align: top; */
  vertical-align: top;
}

/* Rubrique en direct */
 .tableau5  {   /* tableau centré sans bordure */
text-align: center; 
width: 70%;
/*min-width: 800px;*/
margin-left: auto;
margin-right: auto;
cellpadding: "2";
cellspacing: "2"; 
vertical-align: middle;  /* pas dans table-chemins ? */
}

  .tableau5 td {
 font-size: 110%; /*Sous-Sous-Titre  décalé  */
 padding-left: 15px;
 font-weight: normal;
 font-style: Italic;
 color:#000080; /*#000080 navy  */	 
 text-align: left;
 vertical-align: middle;
 }

								/* 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;
}