/* Mise en forme du texte */
/* Paragraphe */

p {font-family: "Times New Roman",arial, verdana, sans-serif;}

h1 
  {
    font-family: "Times New Roman",arial, verdana, sans-serif;
    font-size: 18pt;
    font-style: bold;
  }

h2
  {
    font-family: "Times New Roman",arial, verdana, sans-serif;
    font-size: 14pt;
    font-style: bold;
  }

h3
  {
    font-family: "Times New Roman",arial, verdana, sans-serif;
    font-size: 13pt;
    font-style: italic;
  }
h4
  {
    font-family: "Times New Roman",arial, verdana, sans-serif;
    font-size: 12pt;
  }
 
/* mise en forme des images du diaporama 
page index uniquement */

#diaporama img 
  {
    border: 20px ;
    border-style : ridge; 
    border-color: orange;
  }

#photo img 
  {
    border: 15px;
    border-style : ridge; 
    border-color: orange; 
  }
  

/* Mise en forme des liens */
a {
    color:blue; 
    font-family: "Times New Roman",arial, verdana, sans-serif;
    text-decoration: none;
  }
  
a:hover 
  {
	 font-weight: bold;
	 color: green;
	 background-color: yellow;
  }
  
a:active 
  {
    color: red
  }
  
  
#detruit a:hover 
  {
	 font-weight: bold;
	 color: black;
	 background-color: red;
  }
     
th 
  {
	 text-align: center;
  }
 
 /* Pour afficher des infos bulle*/   
a.bulle 
  {
   position: relative;
   color:blue;
   text-decoration: none;
  }

a.bulle span 
  {
  display: none; /*pour cacher le span*/
  }

a.bulle:hover
  {
    color: green;
  }
  

a.bulle:hover span 
  {
  display: inline;/*pour afficher le span*/
  position: absolute; /*pour pas que ça parte en live */
  left: 100px; /*à régler suivant vos désirs*/
  top: 20px; /*à régler suivant vos désirs*/
  background-color: #ffd; /* couleur jaune pas trop agressive*/
  border: 3px solid black; /*à changer absolument */
  white-space: nowrap;
  color:black;
  font-size: small;
  text-decoration: none;
  font-family: Trebuchet MS;
  padding: 3px;
  border: 3px outset gray;
  z-index: 5;
  }