document.write('<div align="center" style="width: 250; height: 503">&nbsp;<table width="150" border="1" cellspacing="1" bgcolor="#555555" height="463">');
document.write('<tr><td height="38">&nbsp;');
document.write('<td valign="middle" align="center" height="38"><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF"><b>SOMMAIRE</b></font></td>');
document.write('<td height="38"><br> </tr><tr><td height="383">&nbsp;<br><td height="383" align="center" valign="top" bgcolor="#8080FF">');
                  
document.write('<table width="148" border="0" cellspacing="0"><tr><td>&nbsp;<br><td width="10">&nbsp;&nbsp;</td>');
document.write('<td><br><td width="129" valign="top">');
document.write('<table width="150" cellpadding=3 border=1 bordercolor="#FFFFFF" bgcolor="#FFFFFF" cellspacing=0 bordercolorlight="#000000" bordercolordark="#C0C0C0">');
document.write('<tr>');
document.write('<a href ="../index.htm"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';"><font face=verdana size=1>Home<br></font></td></a>');
document.write('</tr><tr>');
document.write('<a href ="../tourisme.htm"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';"><font face=verdana size=1>Tourisme<br></font></td></a>');
document.write('</tr><tr>');
document.write('<td width=105 STYLE="cursor: hand; color: #FFFFFF; background-color: #004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';controle(2);montre(2)">');
document.write('  <p align="right"><font face=verdana size=1>photos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('  <img src="../images/fleches/menu.gif" width="18" height="17"></font></p>');
document.write('</td></tr><tr>');
document.write('<a href ="../environnement.htm"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';"><font face=verdana size=1>Environnement<br></font></td></a>');
document.write('</tr><tr>');
document.write('<a href ="#"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';"><font face=verdana size=1>Ateliers<br></font></td></a>');
document.write('</tr><tr>');
document.write('<a href ="../histoire.htm"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';;"><font face=verdana size=1>Histoire<br></font></td>');
document.write('</tr><tr>');
document.write('<a href ="#"><td width=100 STYLE="cursor:hand;color:#FFFFFF;background-color:#004080" onmouseout="this.style.background=\'#004080\'" onmouseover="this.style.background=\'#B8C8FE\';"><font face=verdana size=1>Economie<br></font></td></a>');
document.write('</tr>');
document.write('</table>');
document.write('<DIV ID="1" STYLE="position:relative;visibility:hidden" onmouseout="cache(1)">');
document.write('</DIV>');
document.write('<DIV ID="2" STYLE="position:relative;visibility:hidden" onmouseout="cache(7); cache(2);">');
document.write('<table  width=114 cellpadding=3 border=1 bordercolor="#FFFFFF" bgcolor="#FFFFFF" cellspacing=0 bordercolorlight="#000000" bordercolordark="#C0C0C0">');


document.write('<tr><td valign="midle" bgcolor="#004080" STYLE="float: right; padding: 4" onmouseover="document.getElementById(2).style.visibility = \'visible\';document.getElementById(7).style.visibility = \'visible\';controle2(7);montre(2);montre2(7)" width="102">');
document.write('<font face="verdana" size=1 color="#ffffff"><b>');
document.write('<a STYLE="color:#ffffff">Randonnées <img src="../images/fleches/menu.gif" width="18" height="17"><br></b></font>');
document.write('</td></tr></a>');


document.write('<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(2).style.visibility = \'visible\';controle(2)">');
document.write('<font face="verdana" size=1 color="#ffffff"><b>');
document.write('<a href="photos09.htm" STYLE="color:#ffffff">Artisanat</b></font>');
document.write('</td></tr></a>');
document.write('<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(2).style.visibility = \'visible\';controle(2)">');
document.write('<font face="verdana" size=1 color="#ffffff"><b>');
document.write('<a href="photos08.htm" STYLE="color:#ffffff">Faune et flore</a><br></b></font>');
document.write('</td></tr>');
document.write('<tr><td bgcolor="#004080" STYLE="padding: 4" onmouseover="document.getElementById(2).style.visibility = \'visible\';controle(2)" width="102">');
document.write('<font face="verdana" size=1 color="#ffffff"><b>');
document.write('<a href="photos07.htm" STYLE="color:#ffffff">La ferme</a><br></b></font>');
document.write('</td></tr>');
document.write('<tr><td bgcolor="#004080" STYLE="padding: 4" onmouseover="document.getElementById(2).style.visibility = \'visible\';controle(2)" width="102">');
document.write('<font face="verdana" size=1 color="#fffff"><b>');
document.write('<a href="#" STYLE="color:#ffffff">Collection</a><br></b></font>');
document.write('</td></tr>');
document.write('<tr><td bgcolor="#004080" STYLE="padding: 4" onmouseover="document.getElementById(2).style.visibility = \'visible\';controle(2)" width="102">');
document.write('<font face="verdana" size=1 color="#ffffff"><b>');
document.write('<a href="#" STYLE="color:#ffffff">Divers</a><br></b></font>');
document.write('</td></tr>');
document.write('</table>');
document.write('</DIV>');
document.write('<DIV ID="3" STYLE="position:relative;visibility:hidden" onmouseout="cache(3)">');
document.write('</DIV>');
document.write('<DIV ID="4" STYLE="position:relative;visibility:hidden" onmouseout="cache(4)">');
document.write('</DIV>');
document.write('<DIV ID="5" STYLE="position:relative;visibility:hidden" onmouseout="cache(5)">');
document.write('</DIV>');
document.write('<DIV ID="6" STYLE="position:relative;visibility:hidden" onmouseout="cache(6)">');
document.write('</DIV>');
document.write('<!--start -->');
document.write('				<DIV ID="7" STYLE="position:relative;visibility:hidden" onmouseout="cache(7)">');
//document.write('				<table  width=100 bgcolor="#004080" cellpadding=0 cellspacing=0 border="0">');
document.write('<table  width=165 cellpadding=3 border=1 bordercolor="#FFFFFF" bgcolor="#FFFFFF" cellspacing=0 bordercolorlight="#000000" bordercolordark="#C0C0C0">');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos01.htm" STYLE="color:#ffffff">Rando Gueldaaman</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos02.htm" STYLE="color:#ffffff">Rando Sidi Yahia</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos03.htm" STYLE="color:#ffffff">Rando Irsane Ighram</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b><a href="photos04.htm" STYLE="color:#ffffff">Rando Kelaa Beni Abass</a><br></b></font>');
document.write('				</td></tr>');				
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos05.htm" STYLE="color:#ffffff">Rando Akbou</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos05bis.htm" STYLE="color:#ffffff">Rando Akbou - vue du piton</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos06.htm" STYLE="color:#ffffff">Rando Béjaia décolage</a><br></b></font>');
document.write('				</td></tr>');
document.write('				<tr><td bgcolor="#004080" STYLE="padding:4" onmouseover="document.getElementById(7).style.visibility = \'visible\';controle2(7)">');
document.write('				<font face="verdana" size=1 color="#ffffff"><b>');
document.write('				<a href="photos06bis.htm" STYLE="color:#ffffff">Rando Béjaia bord de mer</a><br></b></font>');
document.write('				</td></tr>');
document.write('				</table>');
document.write('				</DIV>');
document.write('				<!--end -->');
document.write('</tr></table>');

document.write('</td><td height="383"><br></tr></table></div>');