p
{
  font-size       : 1.1em; /* 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('../images/infobulle/comment.gif') no-repeat right center;
  
  position: relative /*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 */
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
  						 /* et fonctionne avec MSIE et FireFox*/
} 

a.info_bulle:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  
  position: absolute  ; /*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          : 300px;     /* 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:0.8em;     
  left           : 1px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}            


a.info_bulle_Accueil span
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle_Accueil
{				
  color           :  #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  position: relative /*relative => Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle_Accueil:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
  						 /* et fonctionne avec MSIE et FireFox*/
} 

a.info_bulle_Accueil:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  
  position: absolute  ; /*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 #000000; /* Définition des bordures */
  
  padding        : 6px;       /* Définition des marges intérieures */	  
  font-size      : 12px;
  
  width          : 100px;     /* On fixe une largeur par défaut */
  
  color          : #000;      /* Réinitialisation de la couleur du texte */
  
  text-align: center;   /* 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:0.8em;     
  left           : 1px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}