// JavaScript Document

document.write( "<style TYPE=\"text/css\">" );
document.write( "#menuvert ul {padding:0px;margin:5px;}" );
document.write( "#menuvert dd {border-style:solid; border-width:1px;border-color:#00ffff;" ); 
document.write( "width:215%; position:absolute; left:60%; top:33%;}" );
document.write( "#menuvert li {text-align:left; font-size:8pt; list-style-type: none; height:20%;}" ); 
document.write( "#menuvert a {display:block; width:100%;}" );
document.write( "#menuvert dt a:hover {text-decoration:none; display:block;}" );
document.write( "</style>" );

document.write( "<div style='position:absolute; top:12%; left:3%'>" );

//<!--DEBUT tableau 1 onglets -->
document.write( "<dl id=\"menuvert\"> " );

document.write( "<table cellpadding=\"0\" cellspacing=\"0\" style=\"width:12%; font-size:75%; font-family:arial; border-style:solid; border-width:1px; border-color:#00ffff; \"> " );
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.html\">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\" style='position:relative; top:0%; left:0%'> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  
  document.write( "<dt onmouseover=\"document.getElementById('bibliotheque').style.visibility='visible'\" " ); 
  document.write( "onmouseout=\"document.getElementById('bibliotheque').style.visibility='hidden'\"> " );
  document.write( "<a href=\"#\" onclick=\"window.location.reload()\">Biblioth&egrave;que <span style='font-family:Webdings'>4</span></a>" );         
  document.write( "</dt>" );   
         document.write( "<dd  style='margin-top:-6%' id=\"bibliotheque\" style=\"visibility:hidden;\" onmouseover=\"document.getElementById('bibliotheque').style.visibility='visible'\" onmouseout=\"document.getElementById('bibliotheque').style.visibility='hidden'\"> " ); 
             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>" );

// <!-- Plan -->
  document.write( "<table class=\"table_ligne\"> " );
  document.write( "<tr>" );
  document.write( "<td class=\"image_onglet\"> " );
  document.write( "<a href=\"http://metalcat.servhome.org/Venelles-Plan-lift.pdf\">Plan</a>" );
  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>" );
    
// <!-- annonces -->
  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/annonces/annonces.php?user=53330\">Annonces</a>" );
  document.write( "</td>" );
  document.write( "</tr>" );
  document.write( "</table>" );
   
// <!-- assemblées -->

  document.write( "<table class=\"table_ligne\" style='position:relative; top:0% left:0%'> " );

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

  document.write( "<dt onmouseover=\"document.getElementById('assemblees').style.visibility='visible'\" " ); 
  document.write( "onmouseout=\"document.getElementById('assemblees').style.visibility='hidden'\"> " );
  document.write( "<a href=\"#\" onclick=\"window.location.reload()\">Assemblees <span style='font-family:Webdings'>4</span></a>" );     
  
  document.write( "<dd style='margin-top:-6%' id=\"assemblees\"style=\"visibility:hidden;\" onmouseover=\"document.getElementById('assemblees').style.visibility='visible'\" onmouseout=\"document.getElementById('assemblees').style.visibility='hidden'\"> " ); 
         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 gérance -->
document.write( "<table class=\"table_ligne\" style=\"position:relative; top:0%; left:0%; border-bottom-width:0;\"> " );

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

  document.write( "<dt onmouseover=\"document.getElementById('conseils').style.visibility='visible'\" " ); 
  document.write( "onmouseout=\"document.getElementById('conseils').style.visibility='hidden'\"> " );
  document.write( "<a href=\"#\" onclick=\"window.location.reload()\">Conseil gérance <span style='font-family:Webdings'>4</span></a>" );     
  
  document.write( "<dd style='margin-top:-6%' id=\"conseils\"style=\"visibility:hidden;\" onmouseover=\"document.getElementById('conseils').style.visibility='visible'\" onmouseout=\"document.getElementById('conseils').style.visibility='hidden'\"> " ); 
         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>" );

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

document.write( "<br />");

//<!--DEBUT tableau 2 onglets -->
document.write( "<table cellpadding=\"0\" cellspacing=\"0\" style=\"width:12%;font-size:75%;border-style:solid;border-width:1px; border-color:#00ffff;\"> " );
document.write( "<tr>" );
document.write( "<td>" );
  
// <!-- histoire -->
  document.write( "<table class=\"table_ligne\" style='position:relative; top:0%; left:0%'> " );

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

  document.write( "<dt onmouseover=\"document.getElementById('histoire').style.visibility='visible'\" " ); 
  document.write( "onmouseout=\"document.getElementById('histoire').style.visibility='hidden'\"> " );
  document.write( "<a href=\"histoire.htm\">Histoire <span style='font-family:Webdings'>4</span></a>" );         
     
  document.write( "<dd style='margin-top:-6%' id=\"histoire\"style=\"visibility:hidden;\" onmouseover=\"document.getElementById('histoire').style.visibility='visible'\" onmouseout=\"document.getElementById('histoire').style.visibility='hidden'\"> " ); 
         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=\"archives-communales-menu.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>" );
document.write( "</div>" );