document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('.Style10 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}')
document.write('.Style11 { color:#FFFFFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A.menudyn3 {color:#000000; font-size: 11px; font-family: Arial, Helvetica, sans-sherif; text-decoration:none;}');
document.write('A:hover.menudyn3 {color:#333333;font-size: 11px; font-family: Arial, Helvetica, sans-sherif;, sans-serif; font-weight: bold; text-decoration:none;}');
document.write('A.navigation {color:#FFFFFF;font-size: 15px;font-family: Arial, Helvetica, sans-sherif;border-left: 1px #FFFFFF solid;text-decoration: none; border-left: 10px}');
document.write('A:hover.navigation {color:#CCCCCC; border-left: 1px #CCCCCC solid; text-decoration: none; border-left: 10px}');
document.write('A.navigation2 {color:#FFFFFF;font-size: 15px;font-family: Arial, Helvetica, sans-sherif;text-decoration: none;}');
document.write('A:hover.navigation2 {color: #CCCCCC;text-decoration: none}');
document.write('</style>')
document.write('<div style="position:relative;"><DIV class=popper id=topdeck></DIV>');

/*
LIENS
*/
xlien = new Array;
xlien[2] = ''

xlien[2] += '<A HREF="annonces.php" CLASS=menudyn3>Ateliers et stages</A>';
xlien[2] += '<span class=Style11> | </span>' ;
xlien[2] += '<A HREF="agenda.php" CLASS=menudyn3>L\'agenda des régions</A>';
xlien[2] += '<span class=Style11> | </span>' ;
xlien[2] += '<A HREF="concourspda.php" CLASS=menudyn3>Le concours</A>';
xlien[2] += '<span class=Style11> | </span>' ;
xlien[2] += '<A HREF="videosguide.php" CLASS=menudyn3>Bonus Vidéo</A>';
xlien[2] += '<span class=Style11> | </span>' ;
xlien[2] += '<A HREF="redaction.php" CLASS=menudyn3>Contact</A>';
xlien[2] += '<span class=Style11> | </span>' ;
xlien[2] += '<A HREF="carnetadressesPDA.pdf"target=_blank CLASS=menudyn3>Carnet d\'adresses</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 = 20;

function pop(msg,pos)
{
//alert("ca passe : pop");	
skn.visibility = "hidden";
skn.left = pos;
var content ="<div id='Layer1' style='width:650px; height:20px;  z-index:1;'><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 width=100% height=100% BGCOLOR=#FFFFFF>";
	content += "<TR height=100%><TD height=100% COLSPAN="+(xlien.length)+" BGCOLOR=#CCCCCC 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='#666666';
			document.all.td0.style.color='#CCCCCC';
			document.all.td1.style.background='#666666';
			document.all.td1.style.color='#CCCCCC';
			document.all.td2.style.background='#666666';
			document.all.td2.style.color='#CCCCCC';
			document.all.td3.style.background='#666666';
			document.all.td3.style.color='#CCCCCC';
			document.all.td4.style.background='#666666';
			document.all.td4.style.color='#CCCCCC';
			document.all.td5.style.background='#666666';
			document.all.td5.style.color='#CCCCCC';
			tditem.style.background='#666666';
			tditem.style.color='#CCCCCC';
		}
else if(document.getElementById)
	{
			//alert("ca passe : colorIt getby");			
			document.getElementById("td0").style.background='#666666';
			document.getElementById("td0").style.color='#CCCCCC';
			document.getElementById("td1").style.background='#666666';
			document.getElementById("td1").style.color='#CCCCCC';
			document.getElementById("td2").style.background='#666666';
			document.getElementById("td2").style.color='#CCCCCC';
			document.getElementById("td3").style.background='#666666';
			document.getElementById("td3").style.color='#CCCCCC';
			document.getElementById("td4").style.background='#666666';
			document.getElementById("td4").style.color='#FFFFFF';
			document.getElementById("td5").style.background='#666666';
			document.getElementById("td5").style.color='#FFFFFF';
			tditem.style.background='#666666';
			tditem.style.color='#CCCCCC';
	}
}



function kill()
{
	skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 BGCOLOR=#FFFFFF WIDTH=960 HEIGHT=20><TR>')
document.write('<TD ID=td0 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:colorIt(this);" onMouseOut="javascript:kill(this)"><a href="index.php" class="navigation2">Accueil</a></TD>')
document.write('<TD ID=td1 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:colorIt(this);" onMouseOut="javascript:kill(this)"><a href="numencours.php" class="navigation">Le dernier numéro</a></TD>')
document.write('<TD ID=td2 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:colorIt(this);" onMouseOut="javascript:kill(this)"><a href="http://www.boutiquedesartistes.fr/abonnements/pratique-des-arts.html" class="navigation" target="_blank">Abonnements</span></a></TD>')
document.write('<TD ID=td3 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:colorIt(this);" onMouseOut="javascript:kill(this)"><a href="http://www.boutiquedesartistes.fr/anciens-numeros/pratique-des-arts.html" class="navigation" target="_blank" >Anciens numéros</a></TD>')
document.write('<TD ID=td4 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:colorIt(this);" onMouseOut="javascript:kill(this)"><a href="http://www.boutiquedesartistes.fr" class="navigation" target="_blank">Boutique des Artistes</a></TD>')
document.write('<TD ID=td5 style=cursor:hand; WIDTH=160 ALIGN=center VALIGN=middle onMouseOver="javascript:pop(xlien[2],309);colorIt(this);" ><span class="Style10">Espace services</span></TD>')

document.write('</TR></TABLE></div>')
colorIt(document.getElementById("td0"));