body
 {background:url("images/fondpage.jpg");} /*Couleur de l'arrière plan*/

 
#page                        
 {margin:auto;      /*Centrage automatique de la page*/
 width:950px;}           /*Largeur de la page*/
 
 

/*Section*/ 

section             /*Corps principal de la page*/
 {width:950px;
 position:absolute;
 top:10px;} 



h1                          /*Les signaux périodiques*/
 {font-size:2em;
 color:rgb(130,70,40);
 font-family:times new roman;}
 
 

h2
 {font-size:1.8em;
 color:rgb(50,60,130);}
  
  
 
p              
 {text-align:justify;
 font-size:1.5em;
 color:rgb(90,40,40);
 font-family:times new roman;} 
 
 


.ext
 {background:linear-gradient(rgb(240,60,50) 0%, rgb(150,30,40) 100%);  /*Bouton rouge*/
 padding-left:8px;
 padding-right:8px;
 border-radius:15px;
 text-decoration:none;
 color:white;} 
 
a b:hover    /*Aspect des boutons au survol de la souris*/
 {background:linear-gradient(rgb(120,210,120) 0%, rgb(40,110,40) 100%); /*Couleur verte*/
 padding-left:8px;
 padding-right:8px;
 border-radius:15px;
 text-decoration:none;
 color:white;}
 
 
 
.info                      /*Infobulles*/
 {position:relative;
 text-decoration:underline;
 color: rgb(70,80,190);}
.info span 
 {display:none;}      /*On masque l'infobulle*/
.info:hover 
 {background:none;    /*Correction d'un bug d'Internet Explorer*/
 z-index:500;
 color:rgb(190,70,30);}        
.info:hover span
 {display:inline-block;    /*On affiche l'infobulle*/
 position:absolute; 
 top:-20px;                /*Position de l'infobulle*/
 left:120px;
 width:600px;             /*Largeur de l'infobulle*/
 text-align:justify;
 background:rgb(215,215,225); 
 font-weight:normal;           /*Supprime l'effet de la balise strong*/
 font-size:0.9em;
 color:rgb(40,40,130);
 padding:15px;
 padding-top:10px;
 box-shadow:2px 4px 7px rgb(130,120,100);} 
 
.info img 
 {width:278px;
 position:relative;
 top:5px;}




figcaption
 {text-align:center;
 font-size:1.2em;
 color:rgb(100,70,40);
 font-family:times new roman;}
 
.titrexos
 {position:relative;
 font-size:1.6em;
 color:rgb(150,60,40);
 top:0px;
 left:0px;}
 
.exos
 {position:relative;
 top:0px;
 left:200px;
 box-shadow:3px 3px 8px rgb(110,110,110);}
 


 
.document
 {position:relative;
 top:0px;
 left:0px;
 box-shadow:3px 3px 8px rgb(110,110,110);}
 













 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 