
var ltimeout = null;
var oldMenuOpen = null;
var delai = 100; // en milliseconde


function changeImageById(idImg, src) {
	imgChange = document.getElementById(idImg);
	if (imgChange != null) 
		imgChange.src=src;
}
	
function changeImage(img, src) {
		img.src=src;
}

function menuHiddenWithTimer(menuName) {
	funct = "menuHidden('" + menuName + "');";
	ltimeout = setTimeout(funct, delai);
}

function menuVisible(menuName) {
	if (ltimeout != null) {
    clearTimeout(ltimeout);
    ltimeout = null;
  }
	if (oldMenuOpen != null) {
    menuHidden(oldMenuOpen);
    oldMenuOpen = null;
  }
	menu = document.getElementById(menuName);
	if (menu != null) {
		menu.style.visibility="visible";
	}
	oldMenuOpen=menuName;
}

function menuOpen(menuName) {
	myMenu = document.getElementById(menuName);
	myMenu.style.visibility="visible";
}

function menuHidden(menuName) {
	if (menuName != null) {
		menu = document.getElementById(menuName);		
		if (menu != null) {			
			menu.style.visibility="hidden";		
		}	
	}	
	oldMenuOpen = null;
}

function insertHeadMenu() {
	document.write(" \
	      <tr> \
          <td width=\"130\" height=\"47\">&nbsp;</td> \
          <td width=\"590\" height=\"47\"> \
            <table width=\"590\" height=\"47\" cellpadding=\"0\" cellspacing=\"0\"> \
              <tr> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_activite','../boutons/activite_a.jpg'); menuVisible('Layer1'); \" \
		 								onMouseOut=\"changeImageById('bto_activite','../boutons/activite.jpg'); menuHiddenWithTimer('Layer1');\"> \
		 								<img src=\"../boutons/activite.jpg\" name=\"bto_activite1\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_activite\"> \
		 					    </a> \
		 			      </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_leclub','../boutons/leclub_a.jpg'); menuVisible('Layer2'); \" \
		 								onMouseOut=\"changeImageById('bto_leclub','../boutons/leclub.jpg'); menuHiddenWithTimer('Layer2');\"> \
                						<img src=\"../boutons/leclub.jpg\" name=\"bto_leclub\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_leclub\"> \
                  </a> \
                </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_coin','../boutons/coin_a.jpg'); menuVisible('Layer3'); \" \
		 								onMouseOut=\"changeImageById('bto_coin','../boutons/coin.jpg'); menuHiddenWithTimer('Layer3');\"> \
                	  <img src=\"../boutons/coin.jpg\" name=\"bto_coin\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_coin\"> \
                  </a> \
           			</td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"188\" background=\"../couleurs/bleu3.gif\">&nbsp;</td> \
              </tr> \
            </table> \
          </td> \
        </tr> \
  ");
}

function insertHeadMenuExtended() {
	document.write(" \
	      <tr> \
          <td width=\"130\" height=\"47\">&nbsp;</td> \
          <td width=\"854\" height=\"47\"> \
            <table width=\"854\" height=\"47\" cellpadding=\"0\" cellspacing=\"0\"> \
              <tr> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_activite','../boutons/activite_a.jpg'); menuVisible('Layer1'); \" \
		 								onMouseOut=\"changeImageById('bto_activite','../boutons/activite.jpg'); menuHiddenWithTimer('Layer1');\"> \
		 								<img src=\"../boutons/activite.jpg\" name=\"bto_activite1\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_activite\"> \
		 					    </a> \
		 			      </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_leclub','../boutons/leclub_a.jpg'); menuVisible('Layer2'); \" \
		 								onMouseOut=\"changeImageById('bto_leclub','../boutons/leclub.jpg'); menuHiddenWithTimer('Layer2');\"> \
                						<img src=\"../boutons/leclub.jpg\" name=\"bto_leclub\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_leclub\"> \
                  </a> \
                </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_coin','../boutons/coin_a.jpg'); menuVisible('Layer3'); \" \
		 								onMouseOut=\"changeImageById('bto_coin','../boutons/coin.jpg'); menuHiddenWithTimer('Layer3');\"> \
                	  <img src=\"../boutons/coin.jpg\" name=\"bto_coin\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_coin\"> \
                  </a> \
           		 </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"452\" background=\"../couleurs/bleu3.gif\">&nbsp;</td> \
              </tr> \
            </table> \
          </td> \
        </tr> \
  ");
}

function insertHeadMenuExtendedBig() {
	document.write(" \
	      <tr> \
          <td width=\"130\" height=\"47\"><img src=\"../couleurs/spacer.gif\" width=\"130\" height=\"1\"></td> \
          <td width=\"1030\" height=\"47\"> \
            <table width=\"1030\" height=\"47\" cellpadding=\"0\" cellspacing=\"0\"> \
              <tr> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_activite','../boutons/activite_a.jpg'); menuVisible('Layer1'); \" \
		 								onMouseOut=\"changeImageById('bto_activite','../boutons/activite.jpg'); menuHiddenWithTimer('Layer1');\"> \
		 								<img src=\"../boutons/activite.jpg\" name=\"bto_activite1\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_activite\"> \
		 					    </a> \
		 			      </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_leclub','../boutons/leclub_a.jpg'); menuVisible('Layer2'); \" \
		 								onMouseOut=\"changeImageById('bto_leclub','../boutons/leclub.jpg'); menuHiddenWithTimer('Layer2');\"> \
                						<img src=\"../boutons/leclub.jpg\" name=\"bto_leclub\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_leclub\"> \
                  </a> \
                </td> \
                <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
                <td width=\"130\" background=\"../couleurs/bleu3.gif\"> \
						      <a href=\"javascript:;\"  \
		 								onMouseOver=\"changeImageById('bto_coin','../boutons/coin_a.jpg'); menuVisible('Layer3'); \" \
		 								onMouseOut=\"changeImageById('bto_coin','../boutons/coin.jpg'); menuHiddenWithTimer('Layer3');\"> \
                	  <img src=\"../boutons/coin.jpg\" name=\"bto_coin\" width=\"130\" height=\"47\" border=\"0\" id=\"bto_coin\"> \
                  </a> \
           		 </td> \
               <td width=\"4\"><img src=\"../couleurs/spacer.gif\" width=\"4\" height=\"47\"></td> \
               <td width=\"628\" background=\"../couleurs/bleu3.gif\"><img src=\"../couleurs/spacer.gif\" width=\"628\" height=\"1\"></td> \
              </tr> \
            </table> \
          </td> \
        </tr> \
  ");
}


function insertBottomMenu() {

var agt = navigator.userAgent.toLowerCase() ;
var ns = (document.layers)? true: false
var ie = (document.all)? true: false
var mac = (agt.indexOf("mac")!=-1) ;

if (ie && !mac) {
	document.write(" \
	<div id=\"Layer3\"  \
			 onMouseOver=\"menuVisible('Layer3');changeImageById('bto_coin','../boutons/coin_a.jpg');\" \
			 onMouseOut=\"menuHiddenWithTimer('Layer3');changeImageById('bto_coin','../boutons/coin.jpg');\" \
			 style=\"position:absolute; width:188; z-index:5; left: 418px; top: 100px; visibility: hidden; background-color:#4C6096; color:#4C6096;\"> \
		<iframe src='../include/menu_coin.html' width='190' height='220' frameborder='0' borderStyle='none' scrolling='no' marginwidth='0' marginheight='0' style='color: #4C6096; background-color: #4C6096;'> \
	  </iframe> \
	</div> \
	");

	document.write(" \
	<div id=\"Layer2\"  \
			 onMouseOver=\"menuVisible('Layer2');changeImageById('bto_leclub','../boutons/leclub_a.jpg');\" \
			 onMouseOut=\"menuHiddenWithTimer('Layer2');changeImageById('bto_leclub','../boutons/leclub.jpg');\" \
			 style=\"position:absolute; width:188; z-index:6; left: 284px; top: 100px; visibility: hidden; background-color:#4C6096; color:#4C6096;\"> \
		<iframe src='../include/menu_leclub.html' width='190' height='175' frameborder='0' borderStyle='none' scrolling='no' marginwidth='0' marginheight='0' style='color: #4C6096; background-color: #4C6096;'> \
	  </iframe> \
	</div> \
	");
	document.write(" \
  <div id=\"Layer1\"  \
		 onMouseOver=\"menuVisible('Layer1');changeImageById('bto_activite','../boutons/activite_a.jpg');\"		  \
		 onMouseOut=\"menuHiddenWithTimer('Layer1');changeImageById('bto_activite','../boutons/activite.jpg');\"		  \
		 style=\"position:absolute; width:188; z-index:6; left: 150px; top: 100px; visibility: hidden; background-color:#4C6096; color:#4C6096;\"> \
		<iframe src='../include/menu_activite.html' width='190' height='195' frameborder='0' borderStyle='none' scrolling='no' marginwidth='0' marginheight='0' style='color: #4C6096; background-color: #4C6096;'> \
	  </iframe> \
	</div> \
	");

}
else {
document.write(" \
<div id=\"Layer3\"  \
		 onMouseOver=\"menuVisible('Layer3');changeImageById('bto_coin','../boutons/coin_a.jpg');\" \
		 onMouseOut=\"menuHiddenWithTimer('Layer3');changeImageById('bto_coin','../boutons/coin.jpg');\" \
		 style=\"position:absolute; width:188; z-index:5; left: 418px; top: 100px; visibility: hidden;\"> \
  <table width=\"188\" cellpadding=\"0\" cellspacing=\"0\" background=\"../couleurs/bleu3.gif\" style=\" z-index:6 \"> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"phototeque\" width=\"30\" height=\"10\" id=\"phototeque\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/photo.php\" class=\"menu\" onMouseOver=\"MM_swapImage('phototeque','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">phototh&egrave;que</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"materiel\" width=\"30\" height=\"10\" id=\"materiel\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/materiel.php\" class=\"menu\" onMouseOver=\"MM_swapImage('materiel','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">mat&eacute;riel</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"biblio\" width=\"30\" height=\"10\" id=\"biblio\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/biblio.php\" class=\"menu\" onMouseOver=\"MM_swapImage('biblio','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">biblioth&egrave;que</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"liens\" width=\"30\" height=\"10\" id=\"liens\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/liens.php\" class=\"menu\" onMouseOver=\"MM_swapImage('liens','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">liens et infos utiles </a> </span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"formation\" width=\"30\" height=\"10\" id=\"formation\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/formation.php\" class=\"menu\" onMouseOver=\"MM_swapImage('formation','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">formation</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"nouvelles\" width=\"30\" height=\"10\" id=\"nouvelles\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/nouvelles.php\" class=\"menu\" onMouseOver=\"MM_swapImage('nouvelles','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">nouvelles</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"messages\" width=\"30\" height=\"10\" id=\"messages\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/messages.php\" class=\"menu\" onMouseOver=\"MM_swapImage('messages','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">messages</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"inscriptions\" width=\"30\" height=\"10\" id=\"inscriptions\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/bulletinsinscription.php\" class=\"menu\" onMouseOver=\"MM_swapImage('inscriptions','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">inscriptions</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"compte\" width=\"30\" height=\"10\" id=\"compte\"></td> \
      <td><span class=\"menu\"><a href=\"../coin/compteinfo.php\" class=\"menu\" onMouseOver=\"MM_swapImage('compte','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">> mon compte</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td height=\"20\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"20\" height=\"20\"></td> \
    </tr> \
  </table> \
</div> \
");

document.write(" \
<div id=\"Layer2\"  \
		 onMouseOver=\"menuVisible('Layer2');changeImageById('bto_leclub','../boutons/leclub_a.jpg');\" \
		 onMouseOut=\"menuHiddenWithTimer('Layer2');changeImageById('bto_leclub','../boutons/leclub.jpg');\" \
		 style=\"position:absolute; width:188; z-index:6; left: 284px; top: 100px; visibility: hidden;\"> \
  <table width=\"188\" cellpadding=\"0\" cellspacing=\"0\" background=\"../couleurs/bleu3.gif\"> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"mam\" width=\"30\" height=\"10\" id=\"mam\"></td> \
      <td><span class=\"menu\"><a href=\"../club/mam.php\" class=\"menu\" onMouseOver=\"MM_swapImage('mam','','../boutons/tiret.gif','logos','','../images/mam_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">mam (local) </a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"chalet\" width=\"30\" height=\"10\" id=\"chalet\"></td> \
      <td><span class=\"menu\"><a href=\"../club/chalet.php\" class=\"menu\" onMouseOver=\"MM_swapImage('chalet','','../boutons/tiret.gif','logos','','../images/chalet_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">chalet</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"bulletin\" width=\"30\" height=\"10\" id=\"bulletin\"></td> \
      <td><span class=\"menu\"><a href=\"../club/bulletin.php\" class=\"menu\" onMouseOver=\"MM_swapImage('bulletin','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">bulletin</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"historique\" width=\"30\" height=\"10\" id=\"historique\"></td> \
      <td><span class=\"menu\"><a href=\"../club/historique.php\" class=\"menu\" onMouseOver=\"MM_swapImage('historique','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">historique</a> </span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"comite\" width=\"30\" height=\"10\" id=\"comite\"></td> \
      <td><span class=\"menu\"><a href=\"../club/comite.php\" class=\"menu\" onMouseOver=\"MM_swapImage('comite','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">comit&eacute;</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"chefs\" width=\"30\" height=\"10\" id=\"chefs\"></td> \
      <td><span class=\"menu\"><a href=\"../club/chefs.php\" class=\"menu\" onMouseOver=\"MM_swapImage('chefs','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">membres de commissions </a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"membre\" width=\"30\" height=\"10\" id=\"membre\"></td> \
      <td><span class=\"menu\"><a href=\"../club/membre.php\" class=\"menu\" onMouseOver=\"MM_swapImage('membre','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">> devenir membre</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"20\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"20\" height=\"20\"></td> \
    </tr> \
  </table> \
</div> \
");

document.write(" \
<div id=\"Layer1\"  \
		 onMouseOver=\"menuVisible('Layer1');changeImageById('bto_activite','../boutons/activite_a.jpg');\"		  \
		 onMouseOut=\"menuHiddenWithTimer('Layer1');changeImageById('bto_activite','../boutons/activite.jpg');\"		  \
		 style=\"position:absolute; width:188; z-index:6; left: 150px; top: 100px; visibility: hidden;\"> \
  <table width=\"188\" cellpadding=\"0\" cellspacing=\"0\" background=\"../couleurs/bleu3.gif\"> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"alp\" width=\"30\" height=\"10\" id=\"alp\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/alpinisme.php\" class=\"menu\" onMouseOver=\"MM_swapImage('alp','','../boutons/tiret.gif','logos','','../images/alpinisme_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">alpinisme et escalade</a> </span></td \
	></tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"rando\" width=\"30\" height=\"10\" id=\"rando\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/rando.php\" class=\"menu\" onMouseOver=\"MM_swapImage('rando','','../boutons/tiret.gif','logos','','../images/rando_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">randonn&eacute;e p&eacute;destre </a></span></td> \
    </tr> \
    <tr> \
      <td height=\"10\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"ski\" width=\"30\" height=\"10\" id=\"ski\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/ski.php\" class=\"menu\" onMouseOver=\"MM_swapImage('ski','','../boutons/tiret.gif','logos','','../images/ski_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">ski alpin et snowboard</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"skirando\" width=\"30\" height=\"10\" id=\"skirando\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/skirando.php\" class=\"menu\" onMouseOver=\"MM_swapImage('skirando','','../boutons/tiret.gif','logos','','../images/skirando_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">ski de randonn&eacute;e </a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"fond\" width=\"30\" height=\"10\" id=\"fond\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/fond.php\" class=\"menu\" onMouseOver=\"MM_swapImage('fond','','../boutons/tiret.gif','logos','','../images/fond_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">raquettes et ski de fond</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"jeunesse\" width=\"30\" height=\"10\" id=\"jeunesse\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/jeunesse.php\" class=\"menu\" onMouseOver=\"MM_swapImage('jeunesse','','../boutons/tiret.gif','logos','','../images/jeunesse_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">jeunesse</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td><img src=\"../couleurs/spacer.gif\" name=\"loisirs\" width=\"30\" height=\"10\" id=\"loisirs\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/loisirs.php\" class=\"menu\" onMouseOver=\"MM_swapImage('loisirs','','../boutons/tiret.gif','logos','','../images/loisirs_a.jpg',1)\" onMouseOut=\"MM_swapImgRestore()\">loisirs</a></span></td> \
    </tr> \
    <tr> \
      <td colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"10\" height=\"10\"></td> \
    </tr> \
    <tr> \
      <td width=\"30\"><img src=\"../couleurs/spacer.gif\" name=\"gym\" width=\"30\" height=\"10\" id=\"gym\"></td> \
      <td><span class=\"menu\"><a href=\"../activite/gym.php\" class=\"menu\" onMouseOver=\"MM_swapImage('gym','','../boutons/tiret.gif',1)\" onMouseOut=\"MM_swapImgRestore()\">gymnastique</a></span></td> \
    </tr> \
    <tr> \
      <td height=\"20\" colspan=\"2\"><img src=\"../couleurs/spacer.gif\" width=\"20\" height=\"20\"></td> \
    </tr> \
  </table> \
</div> \
");

}


}
