.ref_resa_liste {
	background-color:#FF99FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:11px;
}

.ref_resa_liste:hover {
	background-color:#660000;
    color: white;
}


.critere-tri_bas {
	background: #FFCCFF;
}


.critere-tri:hover {
	background: #D8E9F0;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 3; /* 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: 40px; /* on positionne notre infobulle */
   left: 10px;

   background: #F9F0F7;

   color: #000000;
   padding: 5px;

   border: 2px solid #FF99FF;
   border-left: 2px solid #FF99FF;
}

a.info2 {
   position: relative;
   color: black;
   text-decoration: none;
   
}
a.info2 span {
   display: none; /* on masque l'infobulle */
}
a.info2:hover {
	background: none;
	z-index: 500;
	cursor: pointer;

}
a.info2:hover span {
	display: inline-table;
	position: absolute;
	white-space: nowrap;
	
	top: 12px;
	left: 80px;
	background: #FFCCFF;
	color: #000000;
	padding: 5px;
	border: 2px solid #FF99FF;
	border-left: 2px solid #FF99FF;

}