document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('.Style10 { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}')
document.write('.Style11 { color:#003366; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A.menudyn3 {color:#003366; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}');
document.write('A:hover.menudyn3 {color:#CC0000;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none;}');
document.write('</style>')
document.write('<div style="position:relative;height:77"><DIV class=popper id=topdeck></DIV>');


/*
LIENS
*/

xlien = new Array;
xlien[0] = ''
xlien[1] = ''

xlien[0] += '<A HREF="legroupe.php" CLASS=menudyn3>Le groupe</A>';
xlien[0] += '<span class=Style11> | </span>' ;
xlien[0] += '<A HREF="commercial.php" CLASS=menudyn3>Service des ventes</A>';
xlien[0] += '<span class=Style11> | </span>' ;
xlien[0] += '<A HREF="recrutement.php" CLASS=menudyn3>Recrutement</A>';


xlien[1] += '<A HREF="http://www.megastarjeux.fr" CLASS=menudyn3>les jeux Megastar</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 = 77;

function pop(msg,pos)
{
//alert("ca passe : pop");	
skn.visibility = "hidden";
skn.left = pos;
var content ="<div id='Layer1' style='width:500px; height:31px;  z-index:1;'><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 width=100% height=100% BGCOLOR=#000000>";
	content += "<TR height=100%><TD height=100% COLSPAN="+(xlien.length)+" BGCOLOR=#CCCCFF VALIGN=center ALIGN=center>"+msg+"</TD></TR></TABLE></div>";

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 colorIt(tditem)
{
	if(document.all)
		{
			//alert("ca passe : colorIt all");
			document.all.td0.style.background='#666699';
			document.all.td0.style.color='#FFFFFF';
			document.all.td1.style.background='#666699';
			document.all.td1.style.color='#FFFFFF';
			tditem.style.background='#CCCCFF';
			tditem.style.color='#003366';
		}
else if(document.getElementById)
	{
			//alert("ca passe : colorIt getby");			
			document.getElementById("td0").style.background='#CCCCFF';
			document.getElementById("td0").style.color='#666699';
			document.getElementById("td1").style.background='#CCCCFF';
			document.getElementById("td1").style.color='#666699';
			tditem.style.background='#666699';
			tditem.style.color='#FFFFFF';
	}
}



function kill()
{
	skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<TABLE BORDER=0 CELLPADDING=6 CELLSPACING=1 BGCOLOR=#000000 WIDTH=333 HEIGHT=78><TR>')
document.write('<TD ID=td0 style=cursor:hand; WIDTH=166 ALIGN=center VALIGN=center onMouseOver="javascript:pop(xlien[0],0);colorIt(this);"><div style="position:relative; height:40px;"><div id="menuLayer1" style="position:absolute; width:96px; height:22px; z-index:1; left: 10px; top: 0px;"><span class="Style10">Le groupe </span></div><div id="menuLayer2" style="position:absolute; width:67px; height:19px; z-index:2; left: 62px; top: 25px;"><span class="Style10">MEGASTAR</span></div></div></TD>')
document.write('<TD ID=td1 style=cursor:hand; WIDTH=167 ALIGN=center VALIGN=center onMouseOver="javascript:pop(xlien[1],166);colorIt(this);"><div style="position:relative; height:40px;"><div id="menuLayer3" style="position:absolute; width:96px; height:22px; z-index:1; left: 10px; top: 0px;"><span class="Style10">Nos revues</span></div><div id="menuLayer4" style="position:absolute; width:100px; height:19px; z-index:2; left: 42px; top: 25px;"><span class="Style10">et magazines</span></div></div></TD>')

document.write('</TR></TABLE></div>')
colorIt(document.getElementById("td0"));
