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:0px;} 

 
h1                          /*L'atome de ...*/
 {font-family:'Mystery Quest', cursive;
 font-size:2em;
 color:rgb(130,70,40);}
 
 
h2                         /*Sous-titres*/
 {font-family:'Mystery Quest', cursive;
 font-size:1.5em;
 color:rgb(50,80,160);}


 
p
 {text-align:justify;
 font-size:1.3em;
 color:rgb(90,40,40);
 font-family:times new roman;}
 
 
.int                             /*Aspect des boutons-liens*/
 {background:linear-gradient(rgb(80,120,250) 0%, rgb(30,30,100) 100%);  /*Couleur bleue*/
 padding-left:8px;
 padding-right:8px;
 border-radius:15px;
 text-decoration:none;
 color:white;}
.ext
 {background:linear-gradient(rgb(240,60,50) 0%, rgb(150,30,40) 100%);  /*Couleur 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:40px;                /*Position de l'infobulle*/
 left:-80px;
 width:280px;             /*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.8em;
 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;}



.amasglob                            /*Amas globulaire M 80*/
 {position:relative;
 top:0px;
 left:225px;
 box-shadow:3px 3px 8px rgb(80,80,80);} 
 
 
.arfwedson                          /*Johan August Arfwedson*/
 {position:relative;
 top:0px;
 left:310px;
 box-shadow:3px 3px 8px rgb(80,80,80);}


.lithium                                /*Echantillon de lithium*/
 {position:relative;
 top:0px;
 left:235px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 

.salar                                        /*Salar*/
 {position:relative;
 top:0px;
 left:160px;
 box-shadow:3px 3px 8px rgb(80,80,80);}


.pile2                                      /*Pile bouton au lithium*/
 {position:relative;
 top:0px;
 left:335px;
 box-shadow:3px 3px 8px rgb(80,80,80);} 
 

.keck                                      /*Observatoire de Keck*/
 {position:relative;
 top:0px;
 left:185px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 

.davy                                     /*Humphry Davy*/
 {position:relative;
 top:0px;
 left:235px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
 
.natron                                      /*Dépôt de natron*/
 {position:relative;
 top:0px;
 left:185px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.sodium                                      /*Echantillon de sodium*/
 {position:relative;
 top:0px;
 left:310px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.lampe                                      /*Lampe au sodium*/
 {position:relative;
 top:0px;
 left:160px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.sel                             /*Chlorure de sodium*/
 {position:relative;
 top:0px;
 left:215px;
 box-shadow:3px 3px 8px rgb(80,80,80);} 
 
 
.bicarbonate                             /*Bicarbonate de sodium*/
 {position:relative;
 top:0px;
 left:215px;
 box-shadow:3px 3px 8px rgb(80,80,80);} 
 

.berzelius                                      /*Jöns Jacob Berzelius*/
 {position:relative;
 top:0px;
 left:285px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.chocolat                                     /*Chocolat*/
 {position:relative;
 top:0px;
 left:210px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.sylvine                                    /*Cristaux de sylvinite*/
 {position:relative;
 top:0px;
 left:210px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 

.bromure                                    /*Bromure de potassium*/
 {position:relative;
 top:0px;
 left:260px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 

.dichromate                       /*Dichromate de potassium*/
 {position:relative;
 top:0px;
 left:210px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.bunsen                       /*Gustav Kirchhoff et Robert Bunsen*/
 {position:relative;
 top:0px;
 left:285px;
 box-shadow:3px 3px 8px rgb(80,80,80);} 
 
 
.rubidium                       /*Rubidium*/
 {position:relative;
 top:0px;
 left:260px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 

.pollucite                      /*Echantillon de pollucite*/
 {position:relative;
 top:0px;
 left:235px;
 box-shadow:3px 3px 8px rgb(80,80,80);}


.cesium                      /*Cristaux de césium*/
 {position:relative;
 top:0px;
 left:260px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
.statfjord                      /*Plateforme pétrolière de Statfjord A*/
 {position:relative;
 top:0px;
 left:205px;
 box-shadow:3px 3px 8px rgb(80,80,80);}
 
 
 
 

.mentions                                       /*Mentions légales*/
 {text-decoration:none;  /*Supprime le soulignage*/
 color:rgb(160,140,110);} 
 
.mentions:hover              /*Aspect au passage de la souris*/
 {color:rgb(90,40,30);}  


.separation
 {width:950px;
 color:rgb(220,200,160);
 position:relative;
 top:30px;}
.pied
  {text-align:justify;
 font-size:1.3em;
 color:rgb(160,140,110);
 font-family:times new roman;
 position:relative;
 top:30px;}