function MouseOver(ev, idContent)
{
  var Xdoc, Xfen, Ydoc, Yfen, htDiv, lgDiv, dX, dY;
  var Ybulle;
  var el=document.getElementById("Bulle_"+idContent);

  if(el==null) return;
  
  //on affiche la boite de dialogue pour evaluer ses dimensions.
  if (el.style.display!="inline")
      el.style.display="inline";
 
  //hauteur et largeur de la bulle
  htDiv = el.offsetHeight;
  lgDiv = el.offsetWidth;
 
  //delta de la bulle sous la souris
  dY=5;
  dX=5;
 
  //window.alert("top="+document.body.scrollTop+ "left="+document.body.scrollLeft);
  //window.alert("clientHeight="+document.body.clientHeight+ " width="+document.body.clientWidth)

    var scrOfX = 0, scrOfY = 0;
    if (typeof(window.pageYOffset) == 'number' ) {
       //Netscape compliant
       scrOfY = window.pageYOffset;
       scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
       //DOM compliant
       scrOfY = document.body.scrollTop;
       scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
       //IE6 standards compliant mode
       scrOfY = document.documentElement.scrollTop;
       scrOfX = document.documentElement.scrollLeft;
    }

  //position de la souris :
  Xfen = ev.clientX;
  Xdoc = Xfen + scrOfX;//document.body.scrollLeft;
 
  Yfen = ev.clientY;
  Ydoc = Yfen + scrOfY;//document.body.scrollTop;
 
  //position de la bulle dans la page :
  if ((Xfen + lgDiv + dX) > document.body.clientWidth)
    el.style.left = document.body.clientWidth + /*document.body.scrollLeft*/scrOfX - lgDiv+"px";
  else
    el.style.left = Xdoc + dX+"px";
 
  if ((Yfen + htDiv + dY) > document.body.clientHeight)
  {
     Ybulle = document.body.clientHeight + /*document.body.scrollTop*/scrOfY - htDiv-5;
     if (parseInt(Ybulle)>parseInt(Ydoc))
     {
       el.style.top = Ybulle+"px";
     }
     else
     {
       el.style.top = Ydoc - htDiv-dY+"px";
     }
  }
  else
  {
     el.style.top = Ydoc + dY-5+"px";
  }
     
  //contenu de la bulle :
  /*
  el.innerHTML = " Xdoc= "+Xdoc+" px ; Ydoc= "+Ydoc+" px<br>";
  el.innerHTML+= " Xfen= "+Xfen+" px ; Yfen= "+Yfen+" px";
  */

}//Fin MouseOver(...)
 
function MouseOut(idContent)
{
 //on cache la bulle
 document.getElementById("Bulle_"+idContent).style.display = "none";
}//Fin MouseOut();