posYmenu = 0;
bgcolor='#FEEECD';
bgcolor2='#E0CC98';
needcenter =true;
if(!needcenter)
	posXmenu = 0;
else
	{	if (document.all)
		posXmenu = (document.body.clientWidth/2)-(600/2);
	else
		posXmenu = (window.innerWidth/2)-(600/2); 
	}
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}')
document.write('A.ejsmenu {color:#000000; text-decoration:none;}')
document.write('</style>')
document.write('<DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
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[0][0] = '<A HREF="sf.htm" CLASS=ejsmenu>Accueil</A>';
zlien[0][1] = '<A HREF="site.htm" CLASS=ejsmenu>Le site stéphanois</A>';
zlien[0][2] = '<A HREF="http://pchapelin.free.fr" CLASS=ejsmenu>L\'auteur : Philippe Chapelin</A>';
zlien[0][3] = '<A HREF="http://www.vieux-saint-etienne.com" CLASS=ejsmenu>Musée et Amis du Vieux Saint-Etienne</A>';
zlien[1][0] = '<A HREF="topose1.htm" CLASS=ejsmenu>Historique</A>';
zlien[1][1] = '<A HREF="indar.htm" CLASS=ejsmenu>La métallurgie ...</A>';
zlien[1][2] = '<A HREF="indar.htm#passementerie" CLASS=ejsmenu>La passementerie ...</A>';
zlien[2][0] = '<A HREF="topose2.htm" CLASS=ejsmenu>Naissance de la ville industrielle</A>';
zlien[2][1] = '<A HREF="arch_ind.htm" CLASS=ejsmenu>Urbanisme et essor industriel</A>';
zlien[3][0] = '<A HREF="acteurs.htm" CLASS=ejsmenu>Quelques pionniers ... J. Jackson, Et. Mimard, G. guichard, ...</A>';
zlien[3][1] = '<A HREF="acteurs.htm#ouvriers" CLASS=ejsmenu>Culture du travail ...</A>';
zlien[3][2] = '<A HREF="acteurs.htm#classe" CLASS=ejsmenu>Le monde ouvrier ...</A>';
zlien[4][0] = '<A HREF="chemfer.htm" CLASS=ejsmenu>Premier chemin de fer ...</A>';
zlien[4][1] = '<A HREF="invent.htm" CLASS=ejsmenu>Innovations ... roue libre, machine à coudre, Fourneyron et la turbine, ...</A>';
zlien[4][2] = '<A HREF="ruban.htm" CLASS=ejsmenu>Le jeu de la mode ... le ruban</A>';
zlien[4][3] = '<A HREF="mine.htm" CLASS=ejsmenu>La mine</A>';
zlien[4][4] = '<A HREF="reconv.htm" CLASS=ejsmenu>L\'esprit de reconversion ...</A>';
zlien[5][0] = '<A HREF="sanquer.htm" CLASS=ejsmenu>Immeubles de rubanier</A>';
zlien[5][1] = '<A HREF="michau1.htm" CLASS=ejsmenu>Les crassiers ...</A>';
zlien[5][2] = '<A HREF="mineurs.htm" CLASS=ejsmenu>Mineurs du puits Ferrouillat</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 = posYmenu+39;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
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=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=600><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Intro - Pratique</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Naissance (XVIe - XVIIIe s.)</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Berceau de la Révolution Industrielle</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Acteurs d\'une révolution</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Patchwork</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Zoom sur ...</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')