var IsVisible = 0;
	var TimeoutFlag = 0;
	var TitleClipHeight = 0;

	// A01
	xMax = document.all.ECRAN.offsetWidth;
	yMax = document.all.ECRAN.offsetHeight;
	xMax2 = Math.round((100 * xMax) / 105);
	yMax2 = Math.round((100 * yMax) / 105);
	// A02
	xBord = Math.round(xMax - xMax2);
	yBord = Math.round(yMax - yMax2);

	//ARECA
	//** document.all("ARECA").style.top = yBord;
	//** document.all("ARECA").style.left = xMax2 - document.LOGOARECA.width;
	document.all("ARECA").style.top = 0;
	document.all("ARECA").style.left = xMax - document.LOGOARECA.width;

	// A1 
	document.all("L1").style.top = yBord;
	document.all("L1").style.left = xBord + (document.IMAGE.width / 2) - (document.TITRE.width / 2);

	// A4
	document.all("L4").style.top = yBord + document.all.L1.offsetHeight;
	document.all("L4").style.left = xBord;


	// A3
	document.all("L3").style.top = yBord + document.all.L1.offsetHeight;
	document.all("L3").style.left = xBord + document.IMAGE.width + ((xMax2 - (200 + xBord + document.IMAGE.width)) / 2);
	// 200 : largeur du tableau "Page accueil"


	// A6
	document.all("L6").style.left = document.all.L3.offsetLeft + document.all.L3.offsetWidth/2 - document.all.L6.offsetWidth;  
	document.all("L6").style.top = yBord + document.all.L1.offsetHeight + document.all.L4.offsetHeight + ((yMax - document.all.L1.offsetHeight - document.all.L4.offsetHeight - yBord) / 2);

	// A7
	document.all("L7").style.left = document.all.L1.offsetLeft;
	document.all("L7").style.top = document.all.L6.offsetTop + document.all.L6.offsetHeight - + document.all.L7.offsetHeight

	// A8
	document.all.CH.style.top = (yMax - document.all.CH.offsetHeight) / 2;
	document.all.CH.style.visibility = 'visible';

	//A9
	function MakeTitleVisible()
	{
		if (TitleClipHeight < document.all.L1.offsetHeight)
		{
			TitleClipHeight += 5;
			var TitleClip = "rect(" + 0 + "px " + document.IMAGE.width + "px " + TitleClipHeight + "px " + 0 + "px)";
			document.all.L1.style.clip = TitleClip;
			setTimeout("MakeTitleVisible()",100);
		}
	}



	//A10
	document.all.L1.style.visibility = 'visible';
	// A11 : var TitleClip = "rect(" + 0 + "px " + document.IMAGE.width + "px " + document.all.L1.offsetHeight + "px " + 0 + "px)";
	var TitleClip = "rect(" + 0 + "px " + document.IMAGE.width + "px " + 0 + "px " + 0 + "px)";
	document.all.L1.style.clip = TitleClip;


	//A12
	window.document.onmousemove=PosMouse;
	var YMouse = yBord + document.all.L1.offsetHeight + (document.all.L4.offsetHeight / 2);
	var XMouse = xBord + (document.IMAGE.width / 2) + 40; // 
	document.all.L4.style.width = document.IMAGE.width;
	document.all.L4.style.height = document.all.L4.offsetHeight;
	document.all.C3.style.width = document.SPOT.width;
	document.all.C3.style.height = document.SPOT.height;



	//A13
	function changeVisibility()
	{
		if (IsVisible == 0)
		{
			document.all.L3.style.visibility = 'visible';
			document.all.L6.style.visibility = 'visible';
			document.all.L7.style.visibility = 'visible';
			TitleClip = "rect(" + 0 + "px " + document.IMAGE.width + "px " + document.all.L4.offsetHeight + "px " + 0 + "px)";
			document.all.L4.style.clip = TitleClip;
			document.all.L4.style.visibility = 'visible';
			document.all.C3.style.visibility = 'hidden';
			document.all.ARECA.style.visibility = 'visible';
			IsVisible = 1;
			TimeoutFlag = 1;
		}
		else
		{
			if (!(((XMouse > document.all("ARECA").style.posLeft)&&(XMouse < xMax2))&&((YMouse > document.all("ARECA").style.posTop)&&(YMouse < (document.all("ARECA").style.posTop + document.LOGOARECA.height)))))
			{
				document.all.L3.style.visibility = 'hidden';
				document.all.L6.style.visibility = 'hidden';
				document.all.L7.style.visibility = 'hidden';
				document.all.L4.style.visibility = 'hidden';
				document.all.ARECA.style.visibility = 'hidden'
				document.all.C3.style.visibility = 'visible';
				IsVisible = 0;
				MoveSpotImage('L4','C3',document.IMAGE,document.SPOT,Math.round((document.all.ECRAN.offsetWidth-document.IMAGE.width)/2),100);
			}
		}
	}
	
	

	function MakeVisible()
	{
		if (TimeoutFlag == 0)
		{
			document.all.L3.style.visibility = 'visible';
			document.all.L6.style.visibility = 'visible';
			document.all.L7.style.visibility = 'visible';
			TitleClip = "rect(" + 0 + "px " + document.IMAGE.width + "px " + document.all.L4.offsetHeight + "px " + 0 + "px)";
			document.all.L4.style.clip = TitleClip;
			document.all.L4.style.visibility = 'visible';
			document.all.C3.style.visibility = 'hidden';
			document.all.ARECA.style.visibility = 'visible';
			IsVisible = 1;
			TimeoutFlag = 1;
		}
	}



	// A14
	function StartAll()
	{
		document.onclick = changeVisibility;
		MakeTitleVisible();
		MoveSpotImage('L4','C3',document.IMAGE,document.SPOT,Math.round((document.all.ECRAN.offsetWidth-document.IMAGE.width)/2),100);
		setTimeout("MakeVisible()",20000);
	}


	// A15
	var ChargingClipHeight = 0;

	function RemoveCharging()
	{
		if (ChargingClipHeight < document.all.CH.offsetHeight)
		{
			ChargingClipHeight += 2;
			var ChargingClip = "rect(" + ChargingClipHeight + "px " + document.all.CH.offsetWidth + "px " + (document.all.CH.offsetHeight + 1)+ "px " + 0 + "px)";
			document.all.CH.style.clip = ChargingClip;
			setTimeout("RemoveCharging()",50);
		}
		else
		{
			document.all.CH.style.visibility = 'hidden';
			StartAll();
		}
	}