html,body
{
 padding:0px;
 font-family: Trebuchet ms;
 color : black;  
}

p,ul,li,td {
font-size : 100%; 
font-family : Trebuchet ms;
color : black;
}

a:link {color: blue;}
a:visited {color: purple;}
a:hover {color:green;}

a.info {
   position: relative;   
   color: navy;
   text-decoration: none;
   border-bottom: 1px navy 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 {
    width: 300px;
    font-size: 15px;
    display: inline; /* on affiche l'infobulle */
    position: absolute;
    top: 30px; /* on positionne notre infobulle */
    left: 20px;
    background: aliceblue;
    color: navy;
    padding: 3px;
    border: 1px solid navy;
    border-left: 4px solid navy;   
}

div#contour {
   width: 32px;
   height: 22px;
   border: 1px solid navy;
}