var letitre=document.getElementsByTagName('h1');	// le titre

// valeurs initiales
var retard=3000; // tempo avant le départ de l’animation
var ho=120;		// top initial de h1
var hoo=54;		// top final de h1
var pas=2;		// pas des déplacements
var diff=32;		// différence de top entre h1
var esp=28;		// hauteur de ligne initiale de h1
var bas=140;		// top final de h1

// var plettre=document.getElementsByTagName('strong');	// et tous les strong

// création des tableaux des différentes propriétés à modifier pour l’animation
// jaune en premier (exclure du texte)
var coulr=["#006633", "#FF3300", "#006699", "#330099",	"#006633", "#006699", "#330099", "#006633"];



// lancement différé de l’animation
function titreindex()
	{
	setTimeout("titre1()", retard);
	}


// animation des titres
function titre1()
	{
	letitre[0].style.top= ho + "px";		// position verticale de la boîte
	letitre[0].style.zIndex=1;			// et son index calque
	letitre[0].style.lineHeight=esp + "px";	// interligne du titre
	titre2();
	}


// montée des titres
function titre2()
	{
	if(ho > hoo)							// si on n’est pas
		{								// encore en haut
		letitre[0].style.top= (ho - diff) + "px";
		ho -= pas;
		setTimeout("titre2()", 50);
		}
	else
		{
		letitre[0].style.zIndex=3;		// passe au 1er plan
		titre3();
		}
	}


// descente des titres
function titre3()
	{
	if(ho < bas)							// si on n’est pas
		{								// encore en bas
		letitre[0].style.top= (ho - diff) + "px";
		ho += pas;
		setTimeout("titre3()", 50);
		}
	else
		{
		document.getElementById('alatelier').style.visibility="visible";
		}
	}