a.info {position: relative;text-decoration: none;color: black;border-bottom: 1px gray dotted; /* on souligne le texte */}
a.info span {   display: none; /* on masque l'infobulle */}
a.info:hover {background: none; /* correction d'un bug IE */; z-index: 500; /* on définit une valeur pour l'ordre d'affichage */;   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */}
.quotecontent a.info:hover span { 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: 30px; /* on positionne notre infobulle */
   left: -160px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   
}
.bul a.info:hover span { 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: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: green;
   padding: 3px;
   border: 11px solid green;
   
}