span.info {
   position: relative;
   color: black;

   border-bottom: 1px gray dotted; /* on souligne le texte */
}
span.info p {
   display: none; /* on masque l'infobulle */
}
span.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */

   /*cursor: help;  on change le curseur par défaut en curseur d'aide */
}
span.info:hover p {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -20px; /* on positionne notre infobulle */
   left: width + 5px;

   background: white;

   color: #9D132C;
   padding: 3px;

   border: 1px solid #9D132C;
   border-left: 6px solid #9D132C;
   z-index: 10;
}
span.info a {
text-decoration:none;
border-bottom:1px dotted #9D132C;
}