//sav
/*
<div class="texte_survol" <!-- #admin -->style="display:block;"<!-- admin# -->>
	<!-- #tpl_paragraphe_titre -->
	<h2>(TPL_PARAGRAPHE_TITRE)</h2>
	<!-- tpl_paragraphe_titre# -->
	<p class="principal premier">(TPL_PARAGRAPHE_TEXTE)</p>
</div>
*/

function load()
{
	var tab_objs=document.getElementById('contenu').getElementsByTagName('LI');
	for(var cpt=0;cpt<tab_objs.length;cpt++)
	{
		tab_objs[cpt].onmouseover=function(){this.className='over';}
		tab_objs[cpt].onmousemove=mousemove;
		tab_objs[cpt].onmouseout=function(){
			var bulle1=this.parentNode.parentNode.getElementsByTagName('div')[0];
			var bulle2=this.parentNode.parentNode.getElementsByTagName('div')[1];
			var bulle3=this.parentNode.parentNode.getElementsByTagName('div')[2];
			var bulle4=this.parentNode.parentNode.getElementsByTagName('div')[3];
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
	
		}
	}
}
function mousemove(e)
{
	if(document.all)
	{
		mouseX=event.x+document.getElementById('contenu').offsetLeft;
		mouseY=event.y+document.getElementById('contenu').offsetTop;
	}
	else
	{
		mouseX=e.pageX;
		mouseY=e.pageY;
	}

	//sav
			//var bulle=this.parentNode.parentNode.getElementsByTagName('div')[0];
			//bulle.style.display='block';
	//provisoir
	var bulle1=this.parentNode.parentNode.getElementsByTagName('div')[0];
	var bulle2=this.parentNode.parentNode.getElementsByTagName('div')[1];
	var bulle3=this.parentNode.parentNode.getElementsByTagName('div')[2];
	var bulle4=this.parentNode.parentNode.getElementsByTagName('div')[3];
	
	
	
	//bulle3.style.display='block';
	//bulle4.style.display='block';
	if(document.all)
	{
		//ie
		/*
		bulle.style.top=(mouseY+10)+'px';
		if(mouseX>270)
			bulle.style.left=(mouseX-250)+'px';
		else
			bulle.style.left=(mouseX+25)+'px';
		*/
		bulle1.style.top=(mouseY+10)+'px';
		bulle2.style.top=(mouseY+10)+'px';
		bulle3.style.top=(mouseY+10)+'px';
		bulle4.style.top=(mouseY+10)+'px';
		
		if(mouseX<100)
		{
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX>100&&mouseX<200)
		{
			bulle1.style.left=(mouseX+25)+'px';
			bulle1.style.display='block';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX>200&&mouseX<300)
		{
			bulle2.style.left=(mouseX+25)+'px';
			bulle1.style.display='none';
			bulle2.style.display='block';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX>300&&mouseX<400)
		{
			bulle3.style.left=(mouseX-250)+'px';
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='block';
			bulle4.style.display='none';
		}
		else if(mouseX>400)
		{
			bulle4.style.left=(mouseX-250)+'px';
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='block';
		}
	}
	else
	{
		//ff
		this.parentNode.parentNode.style.position='relative';
		//sav  bulle.style.top=(mouseY-get_top(this)+10)+'px';
		bulle1.style.top=(mouseY-get_top(this)+10)+'px';
		bulle2.style.top=(mouseY-get_top(this)+10)+'px';
		bulle3.style.top=(mouseY-get_top(this)+10)+'px';
		bulle4.style.top=(mouseY-get_top(this)+10)+'px';
		
		if(mouseX-get_left(this)<100)
		{
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX-get_left(this)>100&&mouseX-get_left(this)<200)
		{
			//sav bulle.style.left=(mouseX-get_left(this)-250)+'px';
			bulle1.style.left=(mouseX-get_left(this)+25)+'px';
			bulle1.style.display='block';
			bulle2.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX-get_left(this)>200&&mouseX-get_left(this)<300)
		{
			bulle2.style.left=(mouseX-get_left(this)+25)+'px';
			bulle2.style.display='block';
			bulle1.style.display='none';
			bulle3.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX-get_left(this)>300&&mouseX-get_left(this)<400)
		{
			bulle3.style.left=(mouseX-get_left(this)-250)+'px';
			bulle3.style.display='block';
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle4.style.display='none';
		}
		else if(mouseX-get_left(this)>400)
		{
			//sav bulle.style.left=(mouseX-get_left(this)+25)+'px';
			bulle4.style.left=(mouseX-get_left(this)-250)+'px';
			bulle4.style.display='block';
			bulle1.style.display='none';
			bulle2.style.display='none';
			bulle3.style.display='none';
		}
	}
}

function get_top(element)
{
	if(element.offsetParent&&element.offsetParent.nodeName!='BODY')
		return get_top(element.offsetParent)+element.offsetTop;
	else
		return element.offsetTop;
}
function get_left(element)
{
	if(element.offsetParent&&element.offsetParent.nodeName!='BODY')
		return get_left(element.offsetParent)+element.offsetLeft;
	else
		return element.offsetLeft;
}