Demo

a {font-variant: small-caps;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} .forumline{ background-color: #transp; border: 1px #939191 dotted; } .cattitle{ font-variant: small-caps; font-size: 10px ; letter-spacing: 1px; color :#99A69E} a.cattitle{ text-decoration: none; color :#99A69E; } a.cattitle:hover{ text-decoration: none; } .forumlink{ font-variant: small-caps; font-size: 11px; color : #99A69E; } a.forumlink { text-decoration: none; color : #99A69E; border-bottom: 1px dotted #99A69E; } a.forumlink:hover{ text-decoration: none; color : #99A69E; border-bottom: 1px dotted#99A69E; } a:hover { font-style: italic } .bodyline { border-left: 10px #000000 solid; border-right: 10px #000000 solid; border-top: 0px #000000 solid; border-bottom: px #000000 solid;} * { font-family: Verdana; } a.info { position: relative; color: #A3A3A3; text-decoration: none; } a.info span { display: none; /* on masque l'infobulle */ font-size: 12px; } a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* 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: 15px; /* on positionne notre infobulle */ left: 15px; background: #A3A3A3; color: #576186; padding: 3px; border: 3px solid #FFFFFF; }