bgcolor='#FFFFCC';
bgcolor2='#9966FF';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu {color:#9900FF; text-decoration:none;}')
document.write('a {  color: #9900FF;  text-decoration: none;}')
document.write('.ejsmenu {color:#9900FF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');


/*
LIENS
*/
/*tableau pour les sous-menus*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[9] = new Array;

zlien[0][0] = '<A HREF="liens.htm" CLASS=ejsmenu>mes liens favoris</A>';
zlien[0][1] = '<A HREF="http://www.webmasteroo.com/livre/?login=8459" CLASS=ejsmenu>mon livre d\'or</A>';
zlien[0][2] = '<A HREF="mailto:jonjonquille@msn.com" CLASS=ejsmenu>m\'écrire</A>';

zlien[1][0] = '<A HREF="pageg.htm" CLASS=ejsmenu>mes pages 30*30</A>';
zlien[1][1] = '<A HREF="pagep.htm" CLASS=ejsmenu>mes pages 15*15</A>';
zlien[1][2] = '<A HREF="swap.htm" CLASS=ejsmenu>swap</A>';
zlien[1][3] = '<a href="cj.htm">circle journaling</a>';
zlien[1][4] = '<a href="album.htm">mes albums </a>';
zlien[1][5] = '<a href="divers.htm">divers creation scrap</a>';

zlien[2][0] = '<A HREF="pdc.htm" CLASS=ejsmenu>mes points de croix</A>';
zlien[2][1] = '<A HREF="crochet.htm" CLASS=ejsmenu>crochet</A>';
zlien[2][2] = '<a href="Tricot.htm">tricot</a>';
zlien[2][3] = '<a href="couture.htm">couture</a>';
zlien[2][4] = '<a href="crochetmaman.htm">maman aussi crochète</a>';

zlien[3][0] = '<a href="carterie.htm">Les cartes d anniversaires</a>';
zlien[3][1] = '<a href="felic.htm">Les cartes de félicitations</a>';
zlien[3][2] = '<a href="noel.htm">Les cartes de voeux</a>';

zlien[9][0] = '<a href="fcartonnage.htm">porte courrier</a>';
zlien[9][1] = '<a href="falbum.htm">album en carton</a>';
zlien[9][2] = '<a href="3D.htm">technique du 3D</a>';
zlien[9][3] = '<a href="fpokemon.htm">classeur pokemon</a>';


if(document.getElementById)
	{
	skn = document.getElementById("topdeck").style
	skn.left = 120;
	}

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=180><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>";
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>";
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 BGCOLOR=#000000 WIDTH=120 HEIGHT=160><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=160>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="index.html">Accueil</a></FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],17)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">scrapbooking</FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],34)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">avec des aiguilles...</FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],51)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Carterie</FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],68)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="serviettage.htm">serviettage</a></FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],85)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="perlage.htm">avec des perles...</a></FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],102)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="verre.htm">peinture sur verre</a> </FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[7],119)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="cartonnage.htm">avec du carton...</FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[8],136)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana"><a href="relooking.htm">relooking</FONT></TD></tr>')
document.write('<tr><TD WIDTH=120 ALIGN=left BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[9],153)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Les fiches pas à pas</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
	}
document.write('</div>');