<style type="text/css">
* {
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
	position: relative;
	text-decoration: underline;
	;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background-image: url(image_index/info-pan.jpg);
	color: #FFCC00;
}
a.info span {
	display: none;
	background-image: url(image_index/info-pan.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
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 {
   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: 30px; /* on positionne notre infobulle */
   left: 20px;

   color: #FFFFFF;
   padding: 3px 3px;

   border: #0000CC inset;
   border-left: 4px solid green;
; background-color: #66CCCC
; clip:    rect(   )
; border-width: 2px 1px 1px
}
</style> 
