/* CSS Document */

#info {
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
   position: relative;
   color: #5C743D;
   text-decoration: none;
   border-bottom: 0px 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: 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: -30px; /* on positionne notre infobulle */
   left: 100px;

   background: #5C743D;

   color: #F4FFE4;
   padding: 5px;

   border: 2px solid #99CC66;
   border-left: 15px solid #99CC66;

}