a.info {
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */   
}

a.info span {
   display: none;/* on masque l'infobulle */
}

a:hover .info {
   background: #FFFFFF;

/*   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 */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   width:250px;
   height:100px;
/*   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 */
   background: #FFFFFF;
   color: #006699;
   padding: 3px;
   border: 1px solid #6495ed;
   border-left: 4px solid #006699;
}