.scrolling {
   overflow: scroll;
      }
p{
/*height: 1900px;*/
text-align: justify;
font-size: 15px;
color: black;
font-family: Footlight MT Light;
/*opacity: 0.6;*/
} 
h1{
color: red;
text-align: center;
margin-top: 0px;
}
body {
background-color: rgba(209,209,209,0.5);; 
/*opacity: 0.6;*/

}
h3{
color: red;
text-align: center;
margin-top: 0px;
}

h4{
color: blue;
font-size:20px
}	
.accueil
{
    position: fixed;
    right: 60px;
    bottom: 2px;
}
.onde figure {
  display: inline-block;
    float: right;
    width: 100px;
    text-align: center;
    margin: 0px;
    padding: 4px;
    border: 1px solid #cfcfcf;
}
 


.onde figcaption 
{ margin-top: 10px; 
font-size: 13px; 
font-family: sans-serif; 
color: green 
}
 


hr
{
    margin-top: 0px;
	height: 10px;
    border: 6px red ridge;
    width: 100%;
}
a.cnoir {

   position: relative;
   color: black;
   text-decoration: none;
   color: red
  /* border-bottom: 3px green solid; *//* On souligne le texte. */
  }


	
a.cnoir span {
   display: none; /* On masque l'infobulle. */
}

a.cnoir:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}

a.cnoir:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: relative;
  white-space: nowrape; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 0px; /* On positionne notre infobulle. */
   right: 0px;
   background: aqua;
   color: black;
   padding: 1px;

}	

.photon figure {
  display: inline-block;
    float: right;
    
}
 


.photon figcaption 
{ margin-top: 10px; 
font-size: 11px; 
font-family: sans-serif; 
color: green 
}
.telep figure {
  display: block;
    float: right;
    width: 300px;
    text-align: center;
    margin: 0px;
    padding: 5px;
    border: 5px solid #cfcfcf;
}
 
.telep figure img {
    width: 100%;
    padding: 5px;
}
.telep figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}
	
.recap figure {
  display: block;
    float: left;
    width: 390px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap figure img {
    width: 100%;
    margin: 0px;
	 padding: 0px;
}
.recap figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}
	
.recap2 figure {
  display: block;
    float: left;
    width: 120px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap2 figure img {
    width: 100%;
   margin: 0px;
	 padding: 0px;
}
.recap2 figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}
.recap3 figure {
  display: block;
    float: left;
    width: 300px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap3 figure img {
    width: 100%;
    margin: 0px;
	 padding: 0px;
}
.recap3 figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}	
 .recap4 figure {
  display: block;
    float: left;
    width: 100px;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap4 figure img {
    width: 100%;
    margin: 0px;
	 padding: 0px;
}
.recap4 figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}	
  
  
 .recap5 figure {
  display: block;
    float: right;
    width: 380px;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap5 figure img {
    width: 100%;
    margin: 0px;
	padding: 0px;
}
.recap5 figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}	
	
.recap6 figure {
  display: block;
    float: left;
    width: 500px;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.recap6 figure img {
    width: 100%;
   margin: 0px;
   padding: 0px;
}
.recap6 figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}	
/*div {
  width: 100%;
  max-width: 1366px;
  min-width: 640px;
}	*/

a.affich {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.affich {
  text-decoration: none; 
  background: none;
}
a.affich span {display: none;}
a:hover.affich span {
  display: inline; 
  position: absolute;  
  top: -60px; 
  left: 10px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

.lampion
	{
	   float:left;
	   margin:0 10px; /* 10px a droite et a gauche de l image */
	   padding:0;
	   width: 130px;
	   height: 120px;
	}
.gravit figure {
  display: block;
    float: right;
    width: 400px;
    text-align: center;
    margin: 0px;
    padding: 4px;
    border: 1px solid #cfcfcf;
}
 
.gravit figure img {
    width: 100%;
    padding: 0px;
}
.gravit figure figcaption {
    font-family: Arial Narrow;
    font-size: 12px;
	color: green;
	}			
a.affich2 {
  position: relative;
  border-bottom: 1px dashed #808080; 
  text-decoration: none;
  
}
a:hover.affich2{
  text-decoration: none; 
  background: none;
}
a.affich2 span {display: none;}
a:hover.affich2 span {
  display: inline; 
  position: absolute;  
  top: -60px; 
  left: -60px; 
  z-index: 20; 
  width:348px; 
  padding:2px 4px;
}

a.affich3 {
  position: relative;
  border-bottom: 1px dashed #808080; 
  text-decoration: none;
  
}
a:hover.affich3{
  text-decoration: none; 
  background: none;
}
a.affich3 span {display: none;}
a:hover.affich3 span {

  display: inline; 
  position: absolute;  
  top: -60px; 
  left: -60px; 
  z-index: 20; 
  width: 130px; 
  padding:2px 4px;
}

.met figure {
  display: block;
    float: left;
    width: 390px;
    text-align: center;
    margin: 40px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.met figure img {
    width: 100%;
    margin: 0px;
	 padding: 0px;
}
.met figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}
	
.ibm figure {
  display: block;
    float: right;
    width: 390px;
    text-align: center;
    margin: 45px;
    padding: 5px;
    border: 2px solid #cfcfcf;
}
 
.ibm figure img {
    width: 100%;
    margin: 0px;
	 padding: 0px;
}
.ibm figure figcaption {
    font-family: Arial Narrow;
    font-size: 13px;
	color: green;
	}	