// JavaScript Document
function menu_travaux(rang_onglet_actif) { 

document.write("<style type=\"text/css\">");

document.write(".cadre_onglet{background-color:transparent; border-style:solid; border-width:1px; border-color:#00ffff;padding:0.2%;font-size:10pt;font-weight:bold;}");
document.write("a.cadre_onglet:hover{background-color:#0000ff;} ");
document.write(".cadre_onglet_actif{background-color:red; border-style:solid; border-width:1px; border-color:white;padding:0.2%;font-size:10pt;font-weight:bold;}");
document.write("a.cadre_onglet_actif:hover{background-color:white; color:red;} ");

document.write(".cadre_sous_menu{font-size:8pt; background-color:#0000c0; cursor:hand; width:18%; padding:4px; border-style:solid; border-width:1px; border-color:#00ffff;display:block;}");
document.write(".cadre_sous_menu_actif{font-size:8pt; background-color:red; cursor:hand; width:18%; padding:4px; border-style:solid; border-width:1px; border-color:white;display:block;}");

document.write(".sous_menu_item {width:100%; display:block; cursor:hand;} ");
document.write("a.sous_menu_item:hover{background-color:#0000ff;} ");
document.write("a.sous_menu_item {background-color:transparent;} ");

document.write(".sous_menu_item_actif{width:100%; display:block; cursor:hand;} ");
document.write("a.sous_menu_item_actif:hover{background-color:white; color:red;} ");
document.write("a.sous_menu_item_actif{background-color:transparent;} ");

document.write('</style>');

document.write("<div>");

  // CHAUDIERES
  document.write("<div  id=\"chaudieres\"> "); 
  if (rang_onglet_actif == 1) document.write("<a class=\"cadre_onglet_actif\" style=\"position:absolute; top:15%; left:23%; width:7%;\" href=\"travaux-chaudiere.htm\">Chaudi&egrave;res</a> ");
  else document.write("<a class=\"cadre_onglet\" style=\"position:absolute; top:15%; left:23%; width:7%;\" href=\"travaux-chaudiere.htm\">Chaudi&egrave;res</a> ");
  document.write("</div>");

  // LES ESCALIERS
  document.write("<div id=\"escaliers\" "); 
    document.write("onmouseover=\"document.getElementById('escaliers-sous_menu').style.visibility='visible'\" ");
    document.write("onmouseout=\"document.getElementById('escaliers-sous_menu').style.visibility='hidden'\"> ");
    if (rang_onglet_actif == 2) document.write("<a href=\"travaux-escaliers.htm\" class=\"cadre_onglet_actif\" style=\"position:absolute; top:15%; left:31%;width:10%;\">Les escaliers</a> "); 
    else document.write("<a href=\"travaux-escaliers.htm\" class=\"cadre_onglet\" style=\"position:absolute; top:15%; left:31%;width:10%;\">Les escaliers</a> ");
  document.write("</div>");

  
    if (rang_onglet_actif == 2) document.write("<div id=\"escaliers-sous_menu\" class=\"cadre_sous_menu_actif\" ");
    else document.write("<div id=\"escaliers-sous_menu\" class=\"cadre_sous_menu\" "); 
    document.write("style=\"position:absolute; top:17.3%; left:31%; visibility:hidden;\" ");
    document.write("onmouseover=\"this.style.visibility='visible'\" ");
    document.write("onmouseout=\"this.style.visibility='hidden'\"> ");
      // escalier 4 noeuds 16
      document.write("<div>");
      if (rang_onglet_actif == 2) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-4noeuds-16.htm\">Escalier 4 noeuds 16</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-4noeuds-16.htm\">Escalier 4 noeuds 16</a> ");
      document.write("</div>");
      // escalier coins de terre vers plein ciel
      document.write("<div>");
      if (rang_onglet_actif == 2) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escalier-coins-terre-plein-ciel.html\">Escalier Coins de terre vers Plein ciel</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escalier-coins-terre-plein-ciel.html\">Escalier Coins de terre vers Plein ciel</a> ");
      document.write("</div>");
      // escalier hockey
      document.write("<div>");
      if (rang_onglet_actif == 2) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-hockey.htm\">Escalier Hockey</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-hockey.htm\">Escalier Hockey</a> ");
      document.write("</div>");
      // escalier Postelmans
      document.write("<div>");
      if (rang_onglet_actif == 2)document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-postelmans.htm\">Escalier Postelmans</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-postelmans.htm\">Escalier Postelmans</a> ");
      document.write("</div>");
      // escalier 4 noeuds 86
      document.write("<div>");
      if (rang_onglet_actif == 2)document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-noeuds-86.htm\">Escalier 4 noeuds 86</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-noeuds-86.htm\">Escalier 4 noeuds 86</a> ");
      document.write("</div>");
      // escalier venelle en boucle
      document.write("<div>");
      if (rang_onglet_actif == 2)document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-boucle.htm\">Escalier Venelle en boucle 3</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-boucle.htm\">Escalier Venelle en boucle 3</a> ");
      document.write("</div>");	
      // escalier Lamproye
      document.write("<div>");
      if (rang_onglet_actif == 2)document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-escaliers-lamproye.htm\">Escalier Lamproye</a> ");
      else document.write("<a class=\"sous_menu_item\" href=\"travaux-escaliers-lamproye.htm\">Escalier Lamproye</a> ");
      document.write("</div>");
  
  document.write("</div>");

// SOLS & MURS
  document.write("<div id=\"solsmurs\" ");
    document.write("onmouseover=\"document.getElementById('solsmurs-sous_menu').style.visibility='visible'\" ");
    document.write("onmouseout=\"document.getElementById('solsmurs-sous_menu').style.visibility='hidden'\"> ");
    if (rang_onglet_actif == 3) document.write("<a href=\"travaux-sols-murs.htm\" class=\"cadre_onglet_actif\" style=\"position:absolute;top:15%; left:42%;width:10%;\">Sols & murs </a> ");
    else document.write("<a href=\"travaux-sols-murs.htm\" class=\"cadre_onglet\" style=\"position:absolute;top:15%; left:42%;width:10%;\">Sols & murs </a> ");
  document.write("</div>");

  if (rang_onglet_actif == 3) document.write("<div id=\"solsmurs-sous_menu\" class=\"cadre_sous_menu_actif\" ");
  else document.write("<div id=\"solsmurs-sous_menu\" class=\"cadre_sous_menu\" ");  
  document.write("style=\"position:absolute;top:17.3%; left:42%; visibility:hidden;\" ");
  document.write("onmouseover=\"this.style.visibility='visible'\" ");
  document.write("onmouseout=\"this.style.visibility='hidden'\"> ");
    // Murs passerelle Venelle Bleue
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-passerelle-bleue.htm\">Murs passerelle Venelle Bleue</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-passerelle-bleue.htm\">Murs passerelle Venelle Bleue</a> ");
    document.write("</div>");
    // Facade Palio rue au Bois - E
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-facade-palio-rueaubois-E.htm\">Façade Palio à l'entrée rue au Bois</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-facade-palio-rueaubois-E.htm\">Façade Palio à l'entrée rue au Bois</a> ");
    document.write("</div>");
    // Mur Jourdain
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-jourdain.htm\">Mur Jourdain</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-jourdain.htm\">Mur Jourdain</a> ");
    document.write("</div>");
    // Plein ciel 28
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-ciel-28.htm\">Plein Ciel 28</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-ciel-28.htm\">Plein Ciel 28</a> ");
    document.write("</div>");
    // mur passerelle boucle
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-passerelle-boucle-asc-D.htm\">Mur passerelle boucle</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-passerelle-boucle-asc-D.htm\">Mur passerelle boucle</a> ");
    document.write("</div>");
    // entrée rue au bois
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-entree-bois.htm\">Entrée rue au Bois</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-entree-bois.htm\">Entrée rue au Bois</a> ");
    document.write("</div>");
    // plein ciel 10
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-ciel-10.htm\">Plein Ciel 10</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-ciel-10.htm\">Plein Ciel 10</a> ");
    document.write("</div>");
    // coursive 4 noeuds
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-coursive-4noeuds.htm\">Coursive 4 noeuds</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-coursive-4noeuds.htm\">Coursive 4 noeuds</a> ");
    document.write("</div>");
    // mur Toth
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-toth.htm\">Mur Toth</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-toth.htm\">Mur Toth</a> ");
    document.write("</div>");
    // solin mur 4 noeuds 66-68
    document.write("<div>");
    if (rang_onglet_actif == 3) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-sols-murs-solin-mur-66-68.htm\">Solin mur 4 noeuds 66-68</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-sols-murs-solin-mur-66-68.htm\">Solin mur 4 noeuds 66-68</a> ");
    document.write("</div>");

  document.write("</div>");
  
// LES BETONS
  document.write("<div id=\"betons\" ");
    document.write("onmouseover=\"document.getElementById('betons-sous_menu').style.visibility='visible'\" ");
    document.write("onmouseout=\"document.getElementById('betons-sous_menu').style.visibility='hidden'\"> ");
    if (rang_onglet_actif == 4) document.write("<a href=\"travaux-betons.htm\" class=\"cadre_onglet_actif\" style=\"position:absolute; top:15%; left:53%;width:10%; \">Les bétons</a> ");
    else document.write("<a href=\"travaux-betons.htm\" class=\"cadre_onglet\" style=\"position:absolute; top:15%; left:53%;width:10%; \">Les bétons</a> ");
  document.write("</div>");

  if (rang_onglet_actif == 4) document.write("<div id=\"betons-sous_menu\" class=\"cadre_sous_menu_actif\" ");
  else document.write("<div id=\"betons-sous_menu\" class=\"cadre_sous_menu\" "); 
  document.write("style=\"position:absolute; top:17.3%; left:53%; visibility:hidden;\" ");
  document.write("onmouseover=\"this.style.visibility='visible'\" ");
  document.write("onmouseout=\"this.style.visibility='hidden'\"> ");
    // bétons escaliers palio
    document.write("<div>");
    if (rang_onglet_actif == 4) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-betons-balcons-escaliers-palio.htm\">Bétons escaliers Palio</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-betons-balcons-escaliers-palio.htm\">Bétons escaliers Palio</a> ");
    document.write("</div>");
    // passerelle plein ciel
    document.write("<div>");
    if (rang_onglet_actif == 4) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-betons-passer-pleinciel.htm\">Passerelle Plein Ciel</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-betons-passer-pleinciel.htm\">Passerelle Plein Ciel</a> ");
    document.write("</div>");
    // passerelle 4 noeuds
    document.write("<div>");
    if (rang_onglet_actif == 4) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-betons-passer-4noeuds.htm\">Passerelle 4 noeuds</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-betons-passer-4noeuds.htm\">Passerelle 4 noeuds</a> ");
    document.write("</div>");
    // 4 noeuds 12
    document.write("<div>");
    if (rang_onglet_actif == 4) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-betons-12-4noeuds.htm\">Quatre noeuds 12</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-betons-12-4noeuds.htm\">Quatre noeuds 12</a> ");
    document.write("</div>"); 
    // palio 49-51
    document.write("<div>");
    if (rang_onglet_actif == 4) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-betons-palio-49-51.htm\">Palio 49-51 </a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-betons-palio-49-51.htm\">Palio 49-51 </a> ");
    document.write("</div>");   

  document.write("</div>");
  
// LA COMMUNE
  document.write("<div id=\"commune\" ");
  document.write("onmouseover=\"document.getElementById('commune-sous_menu').style.visibility='visible'\" ");
  document.write("onmouseout=\"document.getElementById('commune-sous_menu').style.visibility='hidden'\"> ");
  if (rang_onglet_actif == 5) document.write("<a href=\"travaux-commune.htm\" class=\"cadre_onglet_actif\" style=\"position:absolute; top:15%; left:64%; width:10%;\" >La Commune</a> ");
  else document.write("<a href=\"travaux-commune.htm\" class=\"cadre_onglet\" style=\"position:absolute; top:15%; left:64%; width:10%;\">La Commune</a> ");
  document.write("</div>");

  if (rang_onglet_actif == 5) document.write("<div id=\"commune-sous_menu\" class=\"cadre_sous_menu_actif\" ");
  else document.write("<div id=\"commune-sous_menu\" class=\"cadre_sous_menu\" ");  
  document.write("style=\"position:absolute; top:17.3%; left:64%; visibility:hidden;\" ");
  document.write("onmouseover=\"this.style.visibility='visible'\" ");
  document.write("onmouseout=\"this.style.visibility='hidden'\"> ");
    // escalier white star
    document.write("<div>");
    if (rang_onglet_actif == 5) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-commune-escaliers-white-star.htm\">Escalier White Star</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-commune-escaliers-white-star.htm\">Escalier White Star</a> ");
    document.write("</div>");
    // Carré aux platanes
    document.write("<div>");
    if (rang_onglet_actif == 5) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-commune-carre-platanes.htm\">Carré aux Platanes</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-commune-carre-platanes.htm\">Carré aux Platanes</a> ");
    document.write("</div>");
    // poutre au parking -2
    document.write("<div>");
    if (rang_onglet_actif == 5) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-commune-parking-2-poutre.htm\">Poutre au parking -2</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-commune-parking-2-poutre.htm\">Poutre au parking -2</a> ");
    document.write("</div>");
    // escalier hockey
    document.write("<div>");
    if (rang_onglet_actif == 5) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-commune-escalier-hockey.htm\">Escalier Hockey</a> ");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-commune-escalier-hockey.htm\">Escalier Hockey</a> ");
    document.write("</div>"); 
    // 4 noeuds plaine de jeux
    document.write("<div>");
    if (rang_onglet_actif == 5) document.write("<a class=\"sous_menu_item_actif\" href=\"travaux-commune-4noeuds-jeux.htm\">4 noeuds plaine de jeux</a>");
    else document.write("<a class=\"sous_menu_item\" href=\"travaux-commune-4noeuds-jeux.htm\">4 noeuds plaine de jeux</a>");
    document.write("</div>");   

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

// EFFETS DE PLUIE
  document.write("<div id=\"effetspluie\"> ");
  if (rang_onglet_actif == 6) document.write("<a class=\"cadre_onglet_actif\" href=\"travaux-effets-pluie.htm\" style=\"position:absolute; top:15%; left:75%;width:10%;\">Effets de pluie</a> ");
  else document.write("<a class=\"cadre_onglet\" href=\"travaux-effets-pluie.htm\" style=\"position:absolute; top:15%; left:75%;width:10%;\">Effets de pluie</a> ");
  document.write("</div>");

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

}