a.infoBulle {
	position:relative!important;
	background:none!important; /* Important pour le fonctionnement sur IE */
	display:block!important;
}
a.infoBulle img {
	border:1px solid #B30E16;
	z-index:10;
}
a.infoBulle:hover {
	border:0!important;
    position:relative; 
    z-index:500; 
    text-decoration:none;
}
a.infoBulle span.bulle {
	display:none;
}
a.infoBulle:hover span.bulle {
	position:absolute;
	display:block;
	top:60px; 
	left:60px;
	width:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#B30E16;
	text-decoration:none;
	text-align:justify;
	cursor: default; /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
	z-index:1000;   /* Positionne au premier plan l'info-bulle en cas de chevauchement */  
}
a.infoBulle:hover span.bulle span.enTete {
	display: block; 
	height: 32px;  /* Hauteur correspondant à celle de notre image */
	line-height:220%;  /* Propriété qui centrera le texte verticalement */
	background:transparent url('/images/site/bulleH.gif') no-repeat 0 0; 
	font-size:12px;
	font-weight: bold;
	padding:10px 24px 0px 32px;
}
a.infoBulle:hover span.bulle span.info {
	display: block; 
	background: transparent url('/images/site/bulleM.gif') repeat-y;
	padding:5px 24px 5px 32px;
}
a.infoBulle:hover span.bulle span.finBulle {
	display: block; 
	height: 24px; 
	background: url('/images/site/bulleB.gif') no-repeat bottom left; 
	font-size: 0; /* Corrige l'espacement inutile sous IE */
}