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";
		}
	}



function barreau()
	{
	document.write
		('<div class=\"barreau\">'
			+ '<a class=\"frouge\" href=\"pages/cours.php\"> Les cours </a>'
			+ '<a class=\"fvert\" href=\"pages/stages.php\"> Les stages </a>'
			+ '<a class=\"fbleu\" href=\"pages/atelier.php\"> L’atelier </a>'
			+ '<a class=\"fjaune\" href=\"pages/ou_est_ce.php\"> Où est-ce ? </a>'
			+ '<a class=\"fcyan\" href=\"pages/plan.php\"> Plan du site </a>'
			+ '<a class=\"retour\" href=\"#haut\"> haut de page </a>'
		+ '</div>'
		);
	}