div#links {
position: absolute; 
/*top: 10px;*/
/*left: 10; */ 
width: 145px; 	
height: 300px; 
font: 16px Verdana, sans-serif; 
z-index: 100;
}

div#links a {
display: block; 
text-align: right; /*align dans block*/ 
font: bold 1em sans-serif; 
padding: 3px 5px; 
margin: 0 0 1px; 
border-width: 10; /*largeur bordure*/
text-decoration: none; 
color: #FFC; 
background: #297DD7;
border-right: 5px solid #B2D2EF; /*info bordure*/
/*border-top: 1px  #297DD7;
border-bottom: 1px  #297DD7;*/
}

div#links a:hover {
color: #297DD7;
background: #FFF;
border-right: 5px double #297DD7;
/*border-top: 0.5px double #B2D2EF;
border-bottom: 0.5px double #B2D2EF;*/
}

div#links a span {
display: none;
}

div#links a:hover span {
display: block;
position: absolute; 
top: 180px; /*position haut description */
left: 0; 
width: 125px;
padding: 5px; 
margin: 10px; 
z-index: 100;
color: #297DD7; 
background: white;
font: 14px Verdana, sans-serif; 
text-align: center;
font-weight: bold;
}