bgcolor='#999999';
bgcolorstjo='#0000ff';
bgcolorecole='#00cc00';
bgcolorcollege='#ff9900';
bgcolorlycee='#ff0099';
bgcolorlyceepro='#ff0000';
bgcolorcontacts='#0000ff';

bgcolorstjo1='#6666ff';
bgcolorecole1='#33ff33';
bgcolorcollege1='#ffcc66';
bgcolorlycee1='#ff66cc';
bgcolorlyceepro1='#ff6666';
bgcolorcontacts1='#6666ff';



bgcolor0='#E9967A'; //CC0000';
bgcolor1='#FF69B4'; //CC0000';
bgcolor2='#FF6347'; //CC0000';
bgcolor3='#48D1CC'; //CC0000';
bgcolor4='#FFA500'; //CC0000';
bgcolor5='#BC8F8F'; //CC0000';
bgcolor6='#00FF00'; //CC0000';
bgcolor7='#FFB6C1'; //CC0000';
bgcolor8='#D2691E'; //CC0000';
bgcolor9='#ADFF2F'; //CC0000';

zgcolor = new Array;
zgcolor[0] = '#6666ff'; //CC0000';
zgcolor[1] = '#6666ff'; //CC0000';
zgcolor[2] = '#6666ff'; //CC0000';
zgcolor[3] = '#6666ff'; //CC0000';
zgcolor[4] = '#6666ff'; //CC0000';
zgcolor[5] = '#6666ff'; //CC0000';
zgcolor[6] = '#6666ff'; //CC0000';
zgcolor[7] = '#6666ff'; //CC0000';
zgcolor[8] = '#6666ff'; //CC0000';
zgcolor[9] = '#6666ff'; //CC0000';



document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.menu {color:#FFFFFF; text-align:center;}')
document.write('A.menu {color:#000000;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><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[6] = new Array;

zlien[0][0] = '<A HREF="nos_racines.html" CLASS=menu>. Nos racines</A>';
zlien[0][1] = '<A HREF="projet_educatif.html" CLASS=menu>. Projet éducatif</A>';
zlien[0][2] = '<A HREF="pastorale.html" CLASS=menu>. Projet pastorale</A>';
zlien[0][3] = '<A HREF="formations.html" CLASS=menu>. Formations</A>';
zlien[0][4] = '<A HREF="apel.html" CLASS=menu>. APEL</A>';
zlien[0][5] = '<A HREF="ogec.html" CLASS=menu>. OGEC</A>';
zlien[0][6] = '<A HREF="infos.html" CLASS=menu>. Infos pratiques</A>';
zlien[0][7] = '<A HREF="documents/Charte-informatique.pdf" CLASS=menu>. Charte Informatique</A>';
zlien[0][8] = '<A HREF="liens.html" CLASS=menu>. Liens</A>';
zlien[0][9] = '<A HREF="resultats.html" CLASS=menu>. Les résultats</A>';
zlien[0][10] = '<A HREF="inscriptions.html" CLASS=menu>. Inscriptions</A>';



zlien[1][0] = '<A HREF="enseignants_ecole.html" CLASS=menu>. Equipe pédagogique</A>';
zlien[1][1] = '<A HREF="equipements_ecole.html" CLASS=menu>. Des espaces adaptés</A>';
zlien[1][2] = '<A HREF="projet_ecole.html" CLASS=menu>. Une pédagogie active et différenciée</A>';
zlien[1][3] = '<A HREF="animation_ecole.html" CLASS=menu>. Animation et créativité</A>';
zlien[1][4] = '<A HREF="pastorale_ecole.html" CLASS=menu>. Animation pastorale</A>';
zlien[1][5] = '<A HREF="formations_ecole.html" CLASS=menu>. Les formations</A>';
zlien[1][6] = '<A HREF="eps_ecole.html" CLASS=menu>. Education Physique et Sportive</A>';
zlien[1][7] = '<A HREF="infos_ecole.html" CLASS=menu>. Infos Pratiques</A>';
zlien[1][8] = '<A HREF="agenda_ecole.html" CLASS=menu>. L\'agenda</A>';
zlien[1][9] = '<A HREF="ptite_gazette.html" CLASS=menu>. La P\'tite Gazette</A>';
zlien[1][10] = '<A HREF="formulaire_ecole.html" CLASS=menu>. Inscription</A>';


zlien[2][0] = '<A HREF="formations_col.html" CLASS=menu>. Formations</A>';
zlien[2][1] = '<A HREF="enseignants_col.html" CLASS=menu>. Equipe pédagogique</A>';
zlien[2][2] = '<A HREF="accompagnement_col.html" CLASS=menu>. Accompagnement de l\'élève</A>';
zlien[2][3] = '<A HREF="outils_pedago_col.html" CLASS=menu>. Outils pédagogiques</A>';
zlien[2][4] = '<A HREF="animation_college.html" CLASS=menu>. Animation et créativité</A>';
zlien[2][5] = '<A HREF="pastorale.html" CLASS=menu>. Animation pastorale</A>';
zlien[2][6] = '<A HREF="unss.html" CLASS=menu>. UNSS</A>';
zlien[2][7] = '<A HREF="cdb.html" CLASS=menu>. Le CDB</A>';
zlien[2][8] = '<A HREF="journal.html" CLASS=menu>. Le journal</A>';
zlien[2][9] = '<A HREF="resultats_college.html" CLASS=menu>. Les résultats</A>';
zlien[2][10] = '<A HREF="formulaire_college.html" CLASS=menu>. Inscription</A>';

zlien[3][0] = '<A HREF="formations_lyc.html" CLASS=menu>. Formations</A>';
zlien[3][1] = '<A HREF="enseignants_lyc.html" CLASS=menu>. Equipe pédagogique</A>';
zlien[3][2] = '<A HREF="accompagnement_lycee.html" CLASS=menu>. Accompagnement de l\'élève</A>';
zlien[3][3] = '<A HREF="outils_pedago_lycee.html" CLASS=menu>. Outils pédagogiques</A>';
zlien[3][4] = '<A HREF="animation_lycee.html" CLASS=menu>. Animation et créativité</A>';
zlien[3][5] = '<A HREF="pastorale.html" CLASS=menu>. Animation pastorale</A>';
zlien[3][6] = '<A HREF="unss.html" CLASS=menu>. UNSS</A>';
zlien[3][7] = '<A HREF="cdi.html" CLASS=menu>. Le CDI</A>';
zlien[3][8] = '<A HREF="journal.html" CLASS=menu>. Le journal</A>';
zlien[3][9] = '<A HREF="resultats_bac.html" CLASS=menu>. Les résultats</A>';
zlien[3][10] = '<A HREF="formulaire_lycee.html" CLASS=menu>. Inscription</A>';

zlien[4][0] = '<A HREF="formations_lyc_pro.html" CLASS=menu>. Formations</A>';
zlien[4][1] = '<A HREF="enseignants_lyc_pro.html" CLASS=menu>. Equipe pédagogique</A>';
zlien[4][2] = '<A HREF="accompagnement_lycee_pro.html" CLASS=menu>. Accompagnement de l\'élève</A>';
zlien[4][3] = '<A HREF="outils_pedago_lycee_pro.html" CLASS=menu>. Outils pédagogiques</A>';
zlien[4][4] = '<A HREF="animation_lycee_pro.html" CLASS=menu>. Animation et créativité</A>';
zlien[4][5] = '<A HREF="unss.html" CLASS=menu>. UNSS</A>';
zlien[4][6] = '<A HREF="cdi.html" CLASS=menu>. Le CDI</A>';
zlien[4][7] = '<A HREF="journal.html" CLASS=menu>. Le journal</A>';
zlien[4][8] = '<A HREF="resultats_bac_pro.html" CLASS=menu>. Les résultats</A>';
zlien[4][9] = '<A HREF="formulaire_lycee_pro.html" CLASS=menu>. Inscription</A>';

zlien[5][0] = '<A HREF="contacts_administratif.html" CLASS=menu>. Services administratifs</A>';
zlien[5][1] = '<A HREF="contacts_ecole.html" CLASS=menu>. Ecole</A>';
zlien[5][2] = '<A HREF="contacts_college.html" CLASS=menu>. Collège</A>';
zlien[5][3] = '<A HREF="contacts_lycee.html" CLASS=menu>. Lycée Général et Technologique</A>';
zlien[5][4] = '<A HREF="contacts_lycee_pro.html" CLASS=menu>. Lycée Professionnel</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 = 24;

function pop(msg,pos)
{
	skn.visibility = "hidden";
	a=true
	skn.left = pos;
	var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=160><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='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=25><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
			pass++;
		}
	content += "</TABLE></TD></TR></TABLE>";
	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 kill()
{
	skn.visibility = "hidden";
}

document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=960><TR><TD><TABLE CELLPADING=0 CELLSPACING=0 BORDER=0 WIDTH=100% HEIGHT=25><TR>')

document.write('<TD WIDTH=100 BGCOLOR='+bgcolorstjo+' onMouseOver="this.style.background=\''+bgcolorstjo1+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolorstjo+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=index.html CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>ST JOSEPH</b></center></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolorecole+' onMouseOver="this.style.background=\''+bgcolorecole1+'\';pop(zlien[1],160)" onMouseOut="this.style.background=\''+bgcolorecole+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],160)" href=# CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>ECOLE</b></center></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolorcollege+' onMouseOver="this.style.background=\''+bgcolorcollege1+'\';pop(zlien[2],320)" onMouseOut="this.style.background=\''+bgcolorcollege+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],320)" href=# CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>COLLEGE</b></center></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolorlycee+' onMouseOver="this.style.background=\''+bgcolorlycee1+'\';pop(zlien[3],480)" onMouseOut="this.style.background=\''+bgcolorlycee+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],480)" href=# CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>LYCEES</b></center></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolorlyceepro+' onMouseOver="this.style.background=\''+bgcolorlyceepro1+'\';pop(zlien[4],640)" onMouseOut="this.style.background=\''+bgcolorlyceepro+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],640)" href=# CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>LYCEE PRO</b></center></FONT></a></TD>')

document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolorcontacts+' onMouseOver="this.style.background=\''+bgcolorcontacts1+'\';pop(zlien[5],800)" onMouseOut="this.style.background=\''+bgcolorcontacts+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],800)" href=# CLASS=menu><FONT SIZE=2 FACE="Verdana"><center><b>CONTACTS</b></center></FONT></a></TD>')

document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')