a:link       { color: #DFF2FF; text-decoration: none}
a:visited    {  color: #83A697; text-decoration: none}
a:hover      {  color:#FDF1B8; text-decoration: none}
a:active     {  color: #DFF2FF; text-decoration: none}


#anims {
     position:relative;
     left: 50%; 
     width: 1000px;
     height: 580px;
    
     margin-left: -500px;
    
     }
#tr {
     position:relative;
     left: 50%; 
    
     width: 800px;
     height: 600px;
    
     margin-left: -400px; /* moitié de la largeur */
    
     }

a.info {
   position: relative;
   color: transparent;
   text-decoration: none;
 	
}
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 */

   
}
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: 10px; /* on positionne notre infobulle */
   left: 5px;

   background: none;
   border : none;
}