<!--

function largeur_fenetre()
{
 if (window.innerWidth) return window.innerWidth;
 else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
 else return 0;
}

function hauteur_fenetre()
{
 if (window.innerHeight) return window.innerHeight;
 else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
 else return 0;
}

/*Placer le span sur la page */

document.write("<span id='spirale' style='position:absolute;z-index:0 top=400;left=900;visibility:hidden;'><img border='0' src='images/demilune.jpg' height='231' width='121' ></span>");

/* arrivée de la spirale sur bodyonLoad*/
l=900;
function avance(){
    spi=document.getElementById("spirale");
	spi.style.visibility="visible";
	l=l-5;  /*********** 5 est la taille du "bond" en pixel **********/
    spi.style.left=l;
    spi.style.top=200;/****************** 200 est la distance par rapport au bord supérieur de la page ******************/
    appel();
			
}


function appel(){
 if (l > largeur_fenetre()-121)    /******** 600 détermine la position d'arrivée  ***********/
 	setTimeout('avance()',5);
 else spi.innerHTML="<img border='0' src='images/demilune.jpg' height='231' width='121'>";//place l'image en filigrane à la place de spirale_anim
 
 }


/*Est appelée lors du redimmensionnement de la fenêtre */
/************** on peut aussi utiliser hauteur_fenetre() et largeur_fenetre() pour mettre
la taille de l'image en rapport avec la taille de la fenêtre ********************/

function reconstruction()
{
 spi=document.getElementById("spirale");
 if (largeur != largeur_fenetre())
	spi.style.left=largeur_fenetre()-121;
}

/*initialiser la surveillance de Netscape*/
if(!window.largeur && window.innerWidth)
  {
   window.onresize = reconstruction;
   largeur = largeur_fenetre();
   hauteur= hauteur_fenetre();
  }


//-->