bgcolor='#9D0074';
bgcolor2='#C438A0';
bgcolorbis='#E479C8';
bgcolorbis2='#C438A0';

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:174px ')
document.write('#topgauche { position:absolute;  z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><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="index.php" style="text-decoration:none;">Pr&eacute;sentation</A>';
zlien[0][1] = '<A HREF="/pdf/plaquette.pdf" style="text-decoration:none;">Saison culturelle</A>';
zlien[0][2] = '<A HREF="forum_centre_culturel_tarif.php" style="text-decoration:none;">Tarifs spectacles</A>';
zlien[1][0] = '<A HREF="mediatheque_presentation.php" style="text-decoration:none;">Pr&eacute;sentation</A>';
zlien[1][1] = '<A HREF="mediatheque_abonnement.php" style="text-decoration:none;">Abonnements et tarifs</A>';
zlien[1][2] = '<A HREF="mediatheque_animation.php" style="text-decoration:none;">Animations</A>';
zlien[1][3] = '<A HREF="mediatheque_agenda.php" style="text-decoration:none;">Agenda des manifestations</A>';
zlien[2][0] = '<A HREF="ecole_de_musique_presentation.php" style="text-decoration:none;">Pr&eacute;sentation</A>';
zlien[2][1] = '<A HREF="ecole_de_musique_formation.php" style="text-decoration:none;">Formations</A>';
zlien[2][2] = '<A HREF="ecole_de_musique_audition.php" style="text-decoration:none;">Agenda des auditions et concerts</A>';
zlien[2][3] = '<A HREF="ecole_de_musique_examens.php" style="text-decoration:none;">Agenda des &eacute;valuations et examens</A>';
zlien[3][0] = '<A HREF="musee_presentation.php" style="text-decoration:none;">Pr&eacute;sentation</A>';
zlien[3][1] = '<A HREF="musee_archive.php" style="text-decoration:none;">Archives municipales</A>';
zlien[5][0] = '<A HREF="animation_sortir.php" style="text-decoration:none;">Sortir &agrave; Chauny</A>';
zlien[5][1] = '<A HREF="/pdf/plaquette.pdf" target="_blank" style="text-decoration:none;">plaquette</A>';
zlien[5][2] = '<A HREF="animation_agenda_assoc.php" style="text-decoration:none;">Agenda des associations</A>';
zlien[5][3] = '<A HREF="animation_agenda_fetes.php" style="text-decoration:none;">Agenda des fêtes officielles</A>';
zlien[5][4] = '<A HREF="animation_films.php" style="text-decoration:none;">Films &agrave; l\'affiche</A>';


if(document.getElementById)
	{
	skn = document.getElementById("topdeck").style
	skn.left = 174;
	}





function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content="";
pass = 0

if (msg.length!=0)
	{
	content +="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 style=\"border: 1px solid "+bgcolor+"\"><TR><TD><TABLE BORDER=0 CELLPADDING=2 CELLSPACING=0 width=150px>";
	//content += "<TR><TD class=\"menu_gauche_niveau2\" BGCOLOR="+bgcolorbis+">&nbsp;</TD></TR>";
	}

while (pass < msg.length)
	{
	content += "<TR><TD class=\"menu_gauche_niveau2\" BGCOLOR="+bgcolorbis+" onMouseOver=\"this.style.background='"+bgcolorbis2+"'\" onMouseOut=\"this.style.background='"+bgcolorbis+"'\">"+msg[pass]+"</TD></TR>";
	pass++;
	}
if (msg.length!=0)
	{
	content += "<TR><TD class=\"menu_gauche_niveau2\" BGCOLOR="+bgcolorbis+">&nbsp;</TD></TR>";
	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=174px><TR><TD><TABLE CELLPADDING=8 CELLSPACING=0 BORDER=0 WIDTH=100% class="menu_gauche_niveau1">')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="index.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>Forum centre culturel</b></FONT></a></TD></tr>')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],30)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="mediatheque_presentation.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>M&eacute;diath&egrave;que</b></FONT></a></TD></tr>')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],61)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="ecole_de_musique_presentation.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>Ecole de musique</b></FONT></a></TD></tr>')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],92)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="musee_presentation.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>Mus&eacute;e</b></FONT></a></TD></tr>')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="maison_communication.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>Maison de la communication</b></FONT></a></TD></tr>')
	document.write('<tr><TD BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],154)" onMouseOut="this.style.background=\''+bgcolor+'\'" style="border-bottom: 1px solid #D661B7"><a href="animation_sortir.php" style="text-decoration:none;"><FONT color="#FFFFFF"><b>Animations</b></FONT></a></TD></tr>')
	document.write('</TABLE></TD></TR></TABLE></DIV>')
	}

