bgcolor='#AD8800';
bgcolor2='#FFD74A';

document.write('<style type="text/css">');
document.write('A:hover.menu{color:#FF6600; text-decoration:none;}')
document.write('A.menu{color:#66CCFF; text-decoration:none;}')
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute;  z-index:10; }')

document.write('</style>')

document.write('<div style="position:relative;height:30"><DIV class=popper id=topdeck></DIV>');

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="accueil.htm" CLASS=menu>Qui sommes-nous?</A>';
zlien[0][1] = '<A HREF="infos.htm" CLASS=menu>Infos pratiques</A>';

zlien[1][0] = '<A HREF="compet.htm" CLASS=menu>Saison 2009-2010</A>';
zlien[2][0] = '<A HREF="stage.htm" CLASS=menu>Stages 2009</A>';
zlien[2][1] = '<A HREF="even.htm" CLASS=menu>Les 24 h de karaté</A>';
zlien[3][0] = '<A HREF="photos.htm" CLASS=menu>Les 24 h en images</A>';
zlien[3][1] = '<A HREF="articles.htm" CLASS=menu>Articles et interview</A>';
zlien[3][2] = '<A HREF="mani.htm" CLASS=menu>Autres manifestations</A>';
zlien[4][0] = '<A HREF="liens1.htm" CLASS=menu>Nos partenaires</A>';
zlien[4][1] = '<A HREF="liens2.htm" CLASS=menu>Nos sites favoris</A>';
zlien[5][0] = '<A HREF="mailto:karate@clt-tourlaville.org" CLASS=menu>Ecrivez-nous ! </A>';
if(document.getElementById)
	{
	skn = document.getElementById("topdeck").style
	skn.left = 99;
	}

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0  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\"><B>&nbsp;&nbsp;"+msg[pass]+"</B></FONT></TD></TR>";
	pass++;
	}
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
	if(document.getElementById)
		skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
	{
	document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0  WIDTH=100 HEIGHT=120><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=120>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>Le dojo</B></FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>Palmarès</B></FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],40)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>Stages</B></FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],60)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>En image</B></FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],80)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>Liens</B></FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],100)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=menu><FONT SIZE=2 color="#FFFFFF" FACE="Verdana"><B>Contact</B></FONT></TD></tr>')
	document.write('</TABLE></TD></TR></TABLE></DIV>')
	}
document.write('</div>');