a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci 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é */

  width: 73px;
  height: 73px;
 
  top: -67px; /* on positionne notre infobulle */
  left: 0px;

  background: #0B0B0B; /* arrière-plan de l'infobulle */

  color: #8A644C; /* texte dans l'infobulle */
  padding: 3px;
  font-size: 10px;

  /* bordures de votre infobulle*/
  border: 1px solid #191919;
}