/* Rend invisible tout notre bloc span */

a img{border:0px;vertical-align:middle;}




a.info span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  0px solid orange; /* Définition des bordures */
	margin-left:250px;
	margin-top: 0px;
} 

a.info
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info:hover span, a.info:focus span, a.info:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  200px;
    height     :  150px;
    overflow   :  visible;
}