
function getPositionBulle(e)
{
    if(navigator.appName!="Microsoft Internet Explorer")
	{
    	document.getElementById("Bulle").style.left=e.pageX+15+"px";
    	document.getElementById("Bulle").style.top=e.pageY+10+"px";
    }
    else
	{
		var checkIE = navigator.appVersion;
		var reg = new RegExp("(MSIE 8)", "g");
		
		if(!checkIE.match(reg))
		{
			if(document.documentElement.clientWidth>0)
			{
				document.getElementById("Bulle").style.left = 15+event.x+document.documentElement.scrollLeft+"px";
				document.getElementById("Bulle").style.top = 10+event.y+document.documentElement.scrollTop+"px";
			}
			else
			{
				document.getElementById("Bulle").style.left = 15+event.x+document.body.scrollLeft+"px";
				document.getElementById("Bulle").style.top = 10+event.y+document.body.scrollTop+"px";
		    }
		}
		else
		{
			document.getElementById("Bulle").style.left = 15+event.x+"px";
			document.getElementById("Bulle").style.top = 10+event.y+"px";
		}
    }
}

function showBulle(titre, texte)
{
	var bulle = "";
	bulle+= "<table cellpadding='2' cellspacing='0'>";
		bulle+= "<tr>";
			bulle+= "<td style='background-color:#ED8832; width:10px; text-align:center;'><strong>?</strong></td>";
			bulle+= "<td style='background-color:#000000; width:190px;'><font color='#FFFFFF'><strong>&nbsp;"+titre+"</strong></font></td>";
		bulle+= "</tr>";
		bulle+= "<tr>";
			bulle+= "<td colspan='2' style='width:200px; text-align:justify;'>"+texte+"</td>";
		bulle+= "</tr>";
	bulle+= "</table>";
	document.getElementById("Bulle").style.visibility = "visible";
	document.getElementById("Bulle").innerHTML = bulle;
}

function hideBulle()
{
	document.getElementById("Bulle").style.visibility = "hidden";
}
document.getElementById("bloc_de_droite").onmousemove = getPositionBulle;
