a.info_bulle span
{								   
  display          : none; /* Rend invisible tout notre bloc span */

} 
 
a.info_bulle
{				
  color:#FFFFFF;
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
   
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 


a.info_bulle:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  
  background     : none;   /* Définition du fond, sinon on a le même que notre lien */  
  	  
  font-size      : 12px;
   
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
 
  top            : 0em;     
  left           : 400px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}