@charset "windows-1252";  

p
{
  font-size       : 1.5em; /* Définition de la taille de la police de nos paragraphes */
}

a.info_bulle span
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle
{				
  color           : #2F368A;  
  text-decoration : none;   
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

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     : #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
  border         : 1px solid #6699FF; /* Définition des bordures */  
  padding        : 6px;       /* Définition des marges intérieures */	  
  font-size      : 12px;  
  width          : 325px;     /* On fixe une largeur par défaut */  
  color          : #000;      /* Réinitialisation de la couleur du texte */  
  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 */
  
  /* Positionnement de notre info-bulle */
  top            : 2.6em;     
  left           : -100px;  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}