// JavaScript Document
//<![CDATA[
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

document.write( "<style TYPE=\"text/css\">" );
document.write( "dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}" );
document.write( "#menuvert {position:fixed; top:11em; left:3em; width:10em; z-index:1;}" );
 
document.write( "#menuvert dt {cursor: pointer; margin:2px 0;text-align:left;}" );
document.write( "#menuvert dt a:hover {text-decoration:none;}" ); 

document.write( "#menuvert dd {display:none; position:absolute; left:12.0em; margin-top:-1.9em; width:18em; border:1px solid #00ffff;}" );
 
document.write( "#menuvert ul {padding:3px;}" );
document.write( "#menuvert li {text-align:left; height:18px;}" );
document.write( "#menuvert li a, #menu dt a {display: block;}" );
 
document.write( ".table_ligne {width:100%;font-size:97%;border-style:solid;border-top-width:0;border-left-width:0;" );
document.write( "border-right-width:0px;border-bottom-width:1px; border-color:#00ffff;}" );
document.write( ".image_onglet{color:#ffffff;background-Color:transparent;display:block;font-family:verdana; width:12em;}" );
document.write( "</style>" );

//<!--DEBUT tableau onglets -->

document.write( "<dl id=\"menuvert\"> " );

document.write( "<table cellpadding=\"0\" cellspacing=\"0\" style=\"width:auto; font-size:75%; font-family:verdana; border-style:solid; border-width:1px; border-color:#00ffff; display:block; \"> " );
document.write( "<tr>" );
document.write( "<td>" );

// <!-- accueil -->
    document.write( "<table class=\"table_ligne\"> " );
    document.write( "<tr>" );
    document.write( "<td class=\"image_onglet\"> " );
    document.write( "<a href=\"index.htm\">Accueil</a>" );
    document.write( "</td>" );
    document.write( "</tr>" );
    document.write( "</table>" );

// <!-- forums -->
  document.write( "<table class=\"table_ligne\"> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"http://www.i-services.net/membres/forum/sommaire.php?user=53330\">Forums</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

// <!-- galerie -->
  document.write( "<table class=\"table_ligne\"> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"galerie.html\">Galerie</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );  

// <!-- Bibliothèque -->
  document.write( "<table class=\"table_ligne\"> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  
  document.write( "<dt onmouseover=\"montre('smenu1');\" onmouseout=\"montre();\"><a href=\"#\" onclick=\"window.location.reload()\">Biblioth&egrave;que &#9658;</a></dt>" );
	document.write(	"<dd id=\"smenu1\" onmouseover=\"javascript:montre('smenu1');\" onmouseout=\"javascript:montre();\"> " );
	document.write( "<ul>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/bibliotheque-1.htm\">phase 1</a></li>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/bibliotheque-2.htm\">phase 2</a></li>" );
             
  document.write( "</ul>" ); 
  document.write( "</dd>" );  			
  
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );
       
// <!-- le livre d'or -->
  document.write( "<table class=\"table_ligne\" > " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"http://w2.webreseau.com/fr/services/guestbook/messages.asp?id=559083\">Le livre d'or</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );
  
// <!-- contacts -->
  document.write( "<table class=\"table_ligne\" > " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"contacts.htm\">Contacts</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );
    
// <!-- assemblées -->

  document.write( "<table class=\"table_ligne\"> " );

  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );

  document.write( "<dt onmouseover=\"javascript:montre('smenu2');\" onmouseout=\"javascript:montre();\"><a href=\"#\" onclick=\"window.location.reload()\">Assemblees &#9658;</a></dt>" );
	document.write(	"<dd id=\"smenu2\" onmouseover=\"javascript:montre('smenu2');\" onmouseout=\"javascript:montre();\"> " );
	document.write( "<ul>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/assemblees-generales-1.html\">phase 1</a></li>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/assemblees-generales-2.html\">phase 2</a></li>" );
             
  document.write( "</ul>" ); 
  document.write( "</dd>" );  	

  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

// <!-- conseil de copropriété -->
document.write( "<table class=\"table_ligne\"> " );

  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );

  document.write( "<dt onmouseover=\"javascript:montre('smenu3');\" onmouseout=\"javascript:montre();\"><a href=\"#\"onclick=\"window.location.reload()\">Conseil copropriété &#9658;</a></dt>" );
	document.write(	"<dd id=\"smenu3\" onmouseover=\"javascript:montre('smenu3');\" onmouseout=\"javascript:montre();\"> " );
	document.write( "<ul>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/conseildegerance-1.htm\">phase 1</a></li>" );
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/conseildegerance-2.htm\">phase 2</a></li>" );
             
  document.write( "</ul>" ); 
  document.write( "</dd>" );  

  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

// <!-- histoire -->
  document.write( "<table class=\"table_ligne\"> " );

  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );

  document.write( "<dt onmouseover=\"javascript:montre('smenu4');\" onmouseout=\"javascript:montre();\"><a href=\"#\" onclick=\"window.location.reload()\">Histoire &#9658;</a></dt>" );
	document.write(	"<dd id=\"smenu4\" onmouseover=\"javascript:montre('smenu4');\" onmouseout=\"javascript:montre();\"> " );
	document.write( "<ul>" );
             document.write( "<li><a href=\"lesvenelles-presentation.htm\">Présentation</a></li>" );
             document.write( "<li><a href=\"naissancedesvenelles.htm\">Comment sont nées les Venelles</a></li>" );
             document.write( "<li><a href=\"coutfinancementduprojet.htm\">Co&ucirc;t et financement</a></li>" ); 
             document.write( "<li><a href=\"maquettes.htm\">Maquettes</a></li>" );
             document.write( "<li><a href=\"construction.htm\">Construction</a></li>" ); 
             document.write( "<li><a href=\"http://homeusers.brutele.be/metalcat/archives-communales-convention-commune-ausia.htm\">Archives communales</a></li>" ); 
         document.write( "</ul>" ); 
         document.write( "</dd>" );

  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

// <!-- dossiers --> 
  document.write( "<table class=\"table_ligne\"> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"dossiers.htm\">Dossiers</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

// <!-- les travaux -->
  document.write( "<table class=\"table_ligne\" style=\"border-bottom-width:0;\">" );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\">" );
  document.write( "<a href=\"travaux.htm\">Les travaux</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );
  
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );

document.write( "</dl>" );
//]]>