$(function(){
	$(".afficheurInfoBulle").mouseover(function(){
		$("body").append("<span class='infobulle'></span>");
		var bulle = $(".infobulle:last");
		bulle.append($(this).attr('title'));
		$(this).attr("title", "");
		var posTop = $(this).offset().top - $(this).height() - bulle.height() - 10;
		var posLeft = $(this).offset().left + $(this).width() / 2 - bulle.width() / 2;
		bulle.css({
			top: posTop + 10,
			left: posLeft,
			opacity: 0
		});
		
		bulle.animate({
			top: posTop,
			opacity: 0.99
		}, 500);
	});
	
	
	$(".afficheurInfoBulle").mouseout(function(){
		var bulle = $(".infobulle:last");
		$(this).attr("title", bulle.text());
		bulle.animate({
			top : bulle.offset().top + 10,
			opacity: 0
		}, 500, "linear", function(){bulle.remove()});
		
	});
	
});