bgcolor='#FFFFFF';
bgcolor2='#B6D5E3';
bgcolor3='#36A1BD';
bgcolor4='#85C9D6';
document.write('<style type="text/css">');
document.write('.popper { position: absolute; visibility: hidden; z-index:15; left:139px; }');
document.write('.topgauche { position: absolute;  z-index:10; }');
document.write('A:hover.veoliamenu2 {color:#FFFFFF; text-decoration:none;}');
document.write('A.veoliamenu2 {color:#A1A1A1; text-decoration:none;}');
document.write('A:hover.veoliamenu {color:#FFFFFF; text-decoration:none;}');
document.write('A.veoliamenu {color:#FFFFFF; text-decoration:none;}');
document.write('A:hover.veoliamenu3 {color:#000000; text-decoration:none;}');
document.write('A.veoliamenu3 {color:#A1A1A1; text-decoration:none;}');
document.write('</style>');
document.write('<div style="position:relative;height:17px"><div class=popper id=topdeck></div>'); 

zlien = new Array; 
zlien[0] = new Array; 
zlien[1] = new Array; 
zlien[2] = new Array; 
zlien[3] = new Array; 

zlien[0][0] = '<a href="http://www.eau-services.com/metiers-eau/cycle-eau.aspx" class=veoliamenu>Le cycle de l\'eau</a>';
zlien[0][1] = '<a href="http://www.eau-services.com/metiers-eau/eau-potable.aspx" class=veoliamenu>L\'eau potable</a>';
zlien[0][2] = '<a href="http://www.eau-services.com/metiers-eau/eaux-usees.aspx" class=veoliamenu>Les eaux us&eacute;es</a>';
zlien[0][3] = '<a href="http://www.eau-services.com/metiers-eau/veolia-eau-sud-est.aspx" class=veoliamenu>Veolia Eau Sud-Est</a>';
zlien[0][4] = '<a href="http://www.eau-services.com/metiers-eau/charte-veolia.aspx" class=veoliamenu>Charte client</a>';

zlien[1][0] = '<a href="http://www.eau-services.com/guide-demarches/estimation-consommation.aspx" class=veoliamenu>Votre consommation</a>';
zlien[1][1] = '<a href="http://www.eau-services.com/guide-demarches/guide-demarches.aspx" class=veoliamenu>Vos d&eacute;marches</a>';
zlien[1][2] = '<a href="http://www.eau-services.com/guide-demarches/guide-demarches-emmenagement.aspx" class=veoliamenu>Vous emm&eacute;nagez</a>';
zlien[1][3] = '<a href="http://www.eau-services.com/guide-demarches/guide-demarches-demenagement.aspx" class=veoliamenu>Vous d&eacute;m&eacute;nagez</a>';
zlien[1][4] = '<a href="http://www.eau-services.com/guide-demarches/regler-facture.aspx" class=veoliamenu>Comment payer ...</a>';
zlien[1][5] = '<a href="http://www.eau-services.com/guide-demarches/anc.aspx" class=veoliamenu>Assainissement non collectif</a>';

zlien[2][0] = '<a href="http://www.eau-services.com/economie-eau/mieux-consommer.aspx" class=veoliamenu>Mieux consommer</a>'; 
zlien[2][1] = '<a href="http://www.eau-services.com/economie-eau/mieux-consommer-maison.aspx" class=veoliamenu>Economie maison</a>';
zlien[2][2] = '<a href="http://www.eau-services.com/economie-eau/mieux-consommer-jardin.aspx" class=veoliamenu>Economie jardin</a>';
zlien[2][3] = '<a href="http://www.eau-services.com/economie-eau/preserver-qualite-eau.aspx" class=veoliamenu>Qualit&eacute; de l\'eau</a>';
zlien[2][4] = '<a href="http://www.eau-services.com/economie-eau/nouveau-reseau.aspx" class=veoliamenu>Nouveau r&eacute;seau</a>';
zlien[2][5] = '<a href="http://www.eau-services.com/economie-eau/reparer-vos-fuites.aspx" class=veoliamenu>R&eacute;parez vos fuites</a>';
zlien[2][6] = '<a href="http://www.eau-services.com/economie-eau/quizz.aspx" class=veoliamenu>Quizz</a>'; 

zlien[3][0] = '<a href="https://www.eau-services.com/inscription-service" class=veoliamenu>Espace personnel</a>'; 
zlien[3][1] = '<a href="http://www.eau-services.com/aquamemo/" class=veoliamenu>Aqua memo</a>';
zlien[3][2] = '<a href="http://www.eau-services.com/facture-internet/" class=veoliamenu>Facture Internet</a>';
zlien[3][3] = '<a href="http://www.eau-services.com/mobile/" class=veoliamenu>Veolia eau mobile</a>';
zlien[3][4] = '<a href="../questions-eau/" class=veoliamenu>Questions fr&eacute;quentes</a>';

if(document.getElementById)
{
  skn = document.getElementById("topdeck").style
  skn.top = 17+"px";
}
  
function pop(msg,pos,size) 
{ 
  skn.visibility = "hidden"; 
  a=true;
  skn.left = pos; 
  var content =" <table border=0 cellpadding=1 cellspacing=0 width="+size+"><tr>"; 
  pass = 0;
  while(pass < msg.length) 
  { 
    content += "<tr><td bgcolor="+bgcolor3+" onMouseOver=\"this.style.background='"+bgcolor4+"'\" onMouseOut=\"this.style.background='"+bgcolor3+"'\" height=20><font style=\"font-size:11px\" face=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</font></td></tr>";
    pass++; 
  } 
  
  content += "</tr></table>"; 
  document.getElementById("topdeck").innerHTML = content;
  skn.visibility = "visible";
} 
  
function kill()
{
  if(document.getElementById) skn.visibility = "hidden";
}

document.onclick = kill;

if(document.getElementById)
{
  document.write(' <div id=topgauche><table border=0 cellpadding=0 cellspacing=0 bgcolor='+bgcolor+' height="17"><tr><td colspan="9"><img src="images/squelette/squelette_03.gif" width="602" height="1"></td></tr><tr>') 
  document.write('<td width=5><font style="font-size:11px" face="Verdana" color="#A1A1A1">|</font></td>') 
  document.write('<td width=162 align=center bgcolor='+bgcolor+' onmouseover="this.style.background=\''+bgcolor2+'\';pop(zlien[0],\'5px\',162)" onmouseout="this.style.background=\''+bgcolor+'\'"><a onclick="return(false)" onmouseover="pop(zlien[0],\'6px\',162)" href=# class=veoliamenu3><font style="font-size:12px" face="Verdana">M&eacute;tiers & innovations</font></a></td>') 
  document.write('<td width=5><font style="font-size:11px" face="Verdana" color="#A1A1A1">|</font></td>') 
  document.write('<td width=132 align=center bgcolor='+bgcolor+' onmouseover="this.style.background=\''+bgcolor2+'\';pop(zlien[1],\'172px\',132)" onmouseout="this.style.background=\''+bgcolor+'\'"><a onclick="return(false)" onmouseover="pop(zlien[1],\'174px\',132)" href=# class=veoliamenu3><font style="font-size:12px" face="Verdana">Guide pratique</font></a></td>') 
  document.write('<td width=5><font style="font-size:11px" face="Verdana" color="#A1A1A1">|</font></td>') 
  document.write('<td width=130 align=center bgcolor='+bgcolor+' onmouseover="this.style.background=\''+bgcolor2+'\';pop(zlien[2],\'309px\',130)" onmouseout="this.style.background=\''+bgcolor+'\'"><a onclick="return(false)" onmouseover="pop(zlien[2],\'312px\',125)" href=# class=veoliamenu3><font style="font-size:12px" face="Verdana">Vous et l\'eau</font></a></td>') 
  document.write('<td width=5><font style="font-size:11px" face="Verdana" color="#A1A1A1">|</font></td>') 
  document.write('<td width=153 align=center bgcolor='+bgcolor+' onmouseover="this.style.background=\''+bgcolor2+'\';pop(zlien[3],\'444px\',153)" onmouseout="this.style.background=\''+bgcolor+'\'"><a onclick="return(false)" onmouseover="pop(zlien[3],\'444px\',153)" href=# class=veoliamenu3><font style="font-size:12px" face="Verdana">Services en ligne</font></a></td>') 
  document.write('<td width=5><font style="font-size:11px" face="Verdana" color="#A1A1A1">|</font></td>') 
  document.write('</tr><tr><td colspan="9"><img src="/images/squelette/squelette_03.gif" width="602" height="1"></td></tr></table></div>');
}
document.write('</div>');