posY = 150;
couleurtexte='#FFFFFF';
couleurcategorie='#3860c0';
couleurlien='#009642';
couleursurvolcategorie='#6A93F3';
couleursurvollien='#33C975';
hauteur=25;
if (document.all) {
	// IE
	posX = (document.body.clientWidth/2)-(600/2);
	cellwidth = document.body.clientWidth/10;
} else {
      // Firefox
	posX = (window.innerWidth/2)-(600/2); 
	cellwidth = window.innerWidth/10 - 2;
}

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posY+'px; left:0px; z-index:10; }')
document.write('A:hover.menu {color:'+couleurtexte+'; text-decoration:none;}')
document.write('A.menu {color:'+couleurtexte+'; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');

zcat = new Array; 
zcat[0] = '<A HREF="http://www.montgolfiere.com" CLASS=menu> &nbsp; Accueil &nbsp; </A>'; 
zcat[1] = 'Voyager'; 
zcat[2] = 'Animer';
zcat[3] = 'Communiquer';
zcat[4] = 'Etudier';
zcat[5] = 'Rêver';
zcat[6] = 'Télécharger';
zcat[7] = 'Jouer';

zlien = new Array;
zlien[0] = new Array; /* Accueil */
zlien[1] = new Array; /* Voyager */
zlien[2] = new Array; /* Animer */
zlien[3] = new Array; /* Communiquer (communication dans l'entreprise : séminaires, colloques etc...)*/
zlien[4] = new Array; /* Etudier (constitution d'un ballon, météo)*/
zlien[5] = new Array; /* Rêver */
zlien[6] = new Array; /* Télécharger */
zlien[7] = new Array; /* Jouer */
/* Voyager */
zlien[1][0] = '<A HREF="/voyager/presentation.php" CLASS=menu> &nbsp; Présentation d\'un vol &nbsp; </A>';
zlien[1][1] = '<A HREF="/voyager/ou.php" CLASS=menu> &nbsp; Où ? &nbsp; </A>';
zlien[1][2] = '<A HREF="/voyager/quand.php" CLASS=menu> &nbsp; Quand ? &nbsp; </A>';
zlien[1][3] = '<A HREF="/voyager/conseils.php" CLASS=menu> &nbsp; Quelques conseils &nbsp; </A>';
zlien[1][4] = '<A HREF="/voyager/serviceregu.php" CLASS=menu> &nbsp; Services réguliers &nbsp; </A>';
zlien[1][5] = '<A HREF="/voyager/serviceparti.php" CLASS=menu> &nbsp; Services particuliers &nbsp; </A>';
zlien[1][6] = '<A HREF="/voyager/servicemesure.php" CLASS=menu> &nbsp; Services sur mesure &nbsp; </A>';
/*zlien[1][7] = '<A HREF="/voyager/reservation.php" CLASS=menu> &nbsp; Réservations &nbsp; </A>';*/
/* Animer */
zlien[2][0] = '<A HREF="/animer/fetesfam.php" CLASS=menu> &nbsp; Fêtes familiales &nbsp; </A>';
zlien[2][1] = '<A HREF="/animer/collectloc.php" CLASS=menu> &nbsp; Collectivités locales &nbsp; </A>';
zlien[2][2] = '<A HREF="/animer/assocetce.php" CLASS=menu> &nbsp; Associations et comités d\'entreprise &nbsp; </A>';
zlien[2][3] = '<A HREF="/animer/reglementation.php" CLASS=menu> &nbsp; Réglementation &nbsp; </A>';
/* Communiquer */
/*zlien[3][0] = '<A HREF="/communiquer/presse.php" CLASS=menu> &nbsp; Revue de presse &nbsp; </A>';
zlien[3][1] = '<A HREF="/communiquer/livredor.php" CLASS=menu> &nbsp; Livre d\'or &nbsp; </A>';*/
/* Etudier */
/*zlien[4][0] = '<A HREF="/etudier/histoire.php" CLASS=menu> &nbsp; Histoire &nbsp; </A>';*/
zlien[4][0] = '<A HREF="/etudier/structure.php" CLASS=menu> &nbsp; Structure &nbsp; </A>';
/*zlien[4][2] = '<A HREF="/etudier/physique.php" CLASS=menu> &nbsp; Physique &nbsp; </A>';*/
/*zlien[4][3] = '<A HREF="/etudier/meteo.php" CLASS=menu> &nbsp; Météo &nbsp; </A>';*/
zlien[4][1] = '<A HREF="/etudier/reglementation.php" CLASS=menu> &nbsp; Règlementation &nbsp; </A>';
/* Rêver */
zlien[5][0] = '<A HREF="/rever/verne.php" CLASS=menu> &nbsp; Jules Verne &nbsp; </A>';
zlien[5][1] = '<A HREF="/rever/photos/galerie.php" CLASS=menu> &nbsp; Galerie Photos &nbsp; </A>';
/*zlien[5][2] = '<A HREF="/rever/panoramiques.php" CLASS=menu> &nbsp; Panoramiques &nbsp; </A>';*/
/* Télécharger */
zlien[6][0] = '<A HREF="/telecharger/brochures.php" CLASS=menu> &nbsp; Brochures &nbsp; </A>';
/*zlien[6][1] = '<A HREF="/telecharger/fondsdecran.php" CLASS=menu> &nbsp; Fonds d\'écran &nbsp; </A>';*/
/* Jouer */
/*zlien[7][0] = '<A HREF="/jouer/concours2005.php" CLASS=menu> &nbsp; Concours 2005 &nbsp; </A>';*/
/*zlien[7][1] = '<A HREF="/jouer/concours2004.php" CLASS=menu> &nbsp; Concours 2004 &nbsp; </A>';*/
zlien[7][0] = '<A HREF="/jouer/memory/memory_php.php" CLASS=menu> &nbsp; Memory &nbsp; </A>';
zlien[7][1] = '<A HREF="/jouer/montgolfiere/montgolfiere.php" CLASS=menu> &nbsp; Montgolfière &nbsp; </A>';
zlien[7][2] = '<A HREF="/jouer/cache/cache.php" CLASS=menu> &nbsp; Mots cachés &nbsp; </A>';
zlien[7][3] = '<A HREF="/jouer/pendu/pendu.php" CLASS=menu> &nbsp; Pendu &nbsp; </A>';
zlien[7][4] = '<A HREF="/jouer/pouspous/pouspous.php" CLASS=menu> &nbsp; Pouspous &nbsp; </A>';

var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = posY+hauteur;

function pop(msg,pos)
{

skn.visibility = "hidden";
a=true
skn.left =pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+couleurlien+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";
pass = 0
while (pass < msg.length)
	{
	content += "<TR><TD id=\"SousMenu\" BGCOLOR="+couleurlien+" onMouseOver=\"this.style.background='"+couleursurvollien+"'\" onMouseOut=\"this.style.background='"+couleurlien+"'\" HEIGHT=20>"+msg[pass]+"</TD></TR>";
	pass++;
	}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
  {
    skn.document.write(content);
	  skn.document.close();
	  skn.visibility = "visible";
  }
    else if (dom)
  {
	  document.getElementById("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
    else if (iex)
  {
	  document.all("topdeck").innerHTML = content;
	  skn.visibility = "visible";
  }
}
function kill()
{
	skn.visibility = "hidden";
}

document.onclick = kill;

document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT='+hauteur+' BGCOLOR='+couleurcategorie+' STYLE="POSITION:ABSOLUTE; TOP:'+posY+'px; LEFT:0px;"><TR><TD></TD></TR></TABLE>')


for (i = 0; i < 8; i++) {

var toWrite = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+couleurcategorie+" STYLE=\"POSITION:ABSOLUTE; TOP:"+posY+"px; LEFT:"+cellwidth*(i+1)+"px;\" WIDTH="+cellwidth+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD id=\"Menu\" BGCOLOR="+couleurcategorie+" onMouseOver=\"this.style.background='"+couleursurvolcategorie+"'; pop(zlien["+i+"],"+cellwidth*(i+1)+")\" onMouseOut=\"this.style.background='"+couleurcategorie+"'\" HEIGHT="+hauteur+">"+zcat[i]+"</TD></TR></TABLE></TD></TR></TABLE>";

document.write(toWrite);

};