posYmenu = 160;//position du menu principal par rapport au haut de la page
posXmenu = 10
bgcolor='#ccffcc';
/*
couleur des cases
*/
bgcolor2='#ffff33';
/*
couleur des cases onmouseover
*/
needcenter =false;
if(!needcenter)
	posXmenu = 10;//position de gauche a droite du menu principal
else
	{	if (document.all)
		posXmenu = (document.body.clientWidth/2)-(500/2);
	else
		posXmenu = (window.innerWidth/2)-(500/2); 
	}
	
	

	/*position horizontale du tableau qui contient les titres du menu*/
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute;  VISIBILITY: hidden; z-index: 11 }')
document.write('#topgauche { position:absolute; top:"500";  z-index:10; }')//les deux lignes précédentes fixent le tableau qui apparait quand on place la souris sur le menu
document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}')//couleur du texte onmouseover
document.write('A.ejsmenu {color:#6666cc; text-decoration:none;}')//couleur des lettres des menus
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');
dom = document.getElementById;
if(dom)
document.getElementById("cadremenu").style.top = posYmenu+24


/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;

zlien[0][0] = '<A HREF="./fichiers/siteweb.htm" CLASS=ejsmenu>Création de Site</A>';
zlien[0][1] = '<A HREF="./fichiers/autour_d_une_bouteille2/index.htm" CLASS=ejsmenu>un site à voir</A>';
zlien[0][2] = '<A HREF="http://www.le-clos-de-tiffanie.com/" CLASS=ejsmenu target="_blank">une location de vacances</A>';
zlien[0][3] = '<A HREF="fichiers/siteriole/index.html" CLASS=ejsmenu target="_blank">le site d\'une artiste </A>';
zlien[0][4] = '<A HREF="fichiers/tarif_web2007.htm" CLASS=ejsmenu>les tarifs 2007</A>';
zlien[0][5] = '<A HREF="./index2.htm" CLASS=ejsmenu>La vraie page d\'accueil</A>';
zlien[0][6] = '<A HREF="../index.htm" CLASS=ejsmenu>Accueil</A>';
zlien[0][7] = '<A HREF="http://www.google.fr/" CLASS=ejsmenu target="_blank">Google</A>';

zlien[1][0] = '<a href="./fichiers/fc.htm" class=ejsmenu>La Formation continue</a>';
zlien[1][1] = '<a href="./fichiers/formations.html" class=ejsmenu>Les formations</a>';
zlien[1][2] = '<a href="http://www.centre-inffo.fr/" CLASS=ejsmenu target="_blank">le centre d\'information<br>sur la formation continue</a>';
zlien[1][3] = '<a href="http://www.opcib-ipco.com/homepage.php?id=2&pg=10&lng=1" CLASS=ejsmenu target="_blank">La formation continue<br>par l\'OPCIB</a>';



zlien[2][0] = '<A HREF="./fichiers/soucimatique.htm" CLASS=ejsmenu>Assistance informatique</A>';
zlien[2][1] = '<A HREF="./fichiers/telechargement.htm" CLASS=ejsmenu>Logiciels libres</A>';
zlien[2][2] = '<a href="./fichiers/les_bases.html" class=ejsmenu>formation de base</a>';
zlien[2][3] = '<a href="./fichiers/navigation.htm" class=ejsmenu>la navigation sur internet</a>';
zlien[2][4] = '<A HREF="./index2.htm" CLASS=ejsmenu>Accueil</A>';
zlien[2][5] = '<A HREF="http://www.google.fr/" CLASS=ejsmenu target="_blank">Google</A>';



zlien[3][0] = '<A HREF="./fichiers/multimedia.htm" CLASS=ejsmenu>Une entreprise multimédia?</A>';
zlien[3][1] = '<A HREF="./index2.htm" CLASS=ejsmenu>Accueil</A>';
zlien[3][2] = '<A HREF="http://www.google.fr/" CLASS=ejsmenu target="_blank">Google</A>';


zlien[4][0] = '<A HREF="./fichiers/cequejefais.htm" CLASS=ejsmenu>quelques réalisations</A>';
zlien[4][1] = '<A HREF="./fichiers/enseigne.htm" CLASS=ejsmenu>L\'enseigne pour devanture</A>';
zlien[4][2] = '<A HREF="./fichiers/adhesifs.htm" CLASS=ejsmenu>Les adhésifs pour véhicules et autres supports</A>';
zlien[4][3] = '<a href="./fichiers/cequejefais.htm#retouche">La retouche d\'image</a>';
zlien[4][4] = '<a href="./fichiers/diplome.htm">La retouche photo</a>';
zlien[4][5] = '<a href="./fichiers/animdessins4.html">Le poster</a>';
zlien[4][6] = '<a href="./fichiers/prospectus.htm">prospectus,lettres, e-mail...</a>';
zlien[4][7] = '<a href="./fichiers/tarifs_imprimerie.htm">les tarifs 2007</a>';
zlien[4][8] = '<A HREF="./index2.htm" CLASS=ejsmenu>Accueil</A>';
zlien[4][9] = '<A HREF="http://www.google.fr/" CLASS=ejsmenu target="_blank">Google</A>';


zlien[5][0] = '<A HREF="./fichiers/contact2.htm" CLASS=ejsmenu>pour m\'écrire</A>';
zlien[5][1] = '<A HREF="./fichiers/contact2.htm#cartevisite" CLASS=ejsmenu>Mes coordonnées</A>';
zlien[5][2] = '<A HREF="./index2.htm" CLASS=ejsmenu>Accueil</A>';
zlien[5][3] = '<A HREF="http://www.google.fr/" CLASS=ejsmenu target="_blank">Google</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 = 190 ;


//skn est le style de topdeck qui est le tableau principal du menu

if(dom)
document.getElementById("cadremenu").style.top = 290;    //on place l'élément cadremenu à 24 pixels sous le haut du menu fixe


	 
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
skn.top =  posYmenu+30;
var content ="<TABLE BORDER=3 CELLPADDING=0 CELLSPACING=0 BGCOLOR='#ffccff' WIDTH='200' align='left' ><TR><TD><TABLE WIDTH='200' BORDER=2 border-color='#ffffff' CELLPADDING=0 CELLSPACING=1 align='left'>";//mise en forme du second tableau: celui qui apparait onmouseover
pass = 0
while (pass < msg.length)
	{
	content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></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('<DIV id="sousmenu" style="position:absolute; z-index: 10; top:'+posYmenu+'px; left:'+posXmenu+'px;"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#800080 WIDTH=900><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=2 WIDTH=900 HEIGHT=30><TR>')

document.write('<tr width=900><TD WIDTH=16% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[0],0%)" href=http://www.infodyssee.fr/fichiers/siteweb.htm CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">Site web</FONT></a></TD>')
document.write('<TD WIDTH=17% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],150)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[1],15%)" href=http://www.infodyssee.fr/fichiers/formations.html CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">LES FORMATIONS</FONT></a></TD>')
document.write('<TD WIDTH=16% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[2],30%)" href=http://www.infodyssee.fr/fichiers/soucimatique.htm CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">Assistance</FONT></a></TD>')
document.write('<TD WIDTH=16% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],450)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[3],45%)" href=http://www.infodyssee.fr/fichiers/multimedia.htm CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">Multimédia</FONT></a></TD>')
document.write('<TD WIDTH=16% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[4],60%)" href=http://www.infodyssee.fr/fichiers/cequejefais.htm CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">Publicité</FONT></a></TD>')
document.write('<TD WIDTH=16% ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],750)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[5],80%)" href=http://www.infodyssee.fr/fichiers/contact2.htm CLASS=ejsmenu><FONT SIZE=3 FACE="Arial">contact</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')  