a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px #218B28 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: help; /* on change le curseur par défaut en curseur d'aide */
}
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: 20px; /* on positionne notre infobulle */
   left: 20px;
   background: #FBFEAE;
   color: #218B28;
   padding: 3px;
   border: 1px solid #FFCC00;
   border-left: 4px solid #FFCC00;
}


.infobulle{
	display: inline;
	position: absolute;	
	/*white-space: nowrap;*/
	visibility : hidden;
	border: 1px solid #FFCC00;
	border-left: 4px solid #FFCC00;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #218B28;
	background-color: #FBFEAE;
}