a.info{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info:hover{z-index:41; background-color:#000078}

a.info span {display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-50px; left:100px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

a.info2{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info2:hover{z-index:41; background-color:#000078}

a.info2 span {display: none}

a.info2:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:5px; left:40px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

a.info3{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info3:hover{z-index:41; background-color:#000078}

a.info3 span {display: none}

a.info3:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-50px; left:-150px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

 a.info4{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info4:hover{z-index:41; background-color:#000000}

a.info4 span {display: none}

a.info4:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-100px; left:-100px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

  a.info5{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info5:hover{z-index:41; background-color:#000000}

a.info5 span {display: none}

a.info5:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-500px; left:-500px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

   a.info6{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info6:hover{z-index:41; background-color:#000000}

a.info6 span {display: none}

a.info6:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-100px; left:-500px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

a.info7{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info7:hover{z-index:41; background-color:#000000}

a.info7 span {display: none}

a.info7:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-300px; left:200px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

   a.info8{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info8:hover{z-index:41; background-color:#000000}

a.info8 span {display: none}

a.info8:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-300px; left:-500px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }

 a.info9{
    position:relative; 
    z-index:40;
    text-decoration:underline}

a.info9:hover{z-index:41; background-color:#000000}

a.info9 span {display: none}

a.info9:hover span{
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:-400px; left:-100px; width:1px;
 border:0px solid #6699cc;
 padding:1px;
 }