document.write('<STYLE TYPE="text/css"> .cache { visibility:hidden; }    A { text-decoration:none; } </STYLE>');
var agent = navigator.userAgent.toLowerCase();
var major = parseInt(navigator.appVersion);
var minor = parseFloat(navigator.appVersion);
var ie = (agent.indexOf("msie") != -1);
var ns = ((agent.indexOf('mozilla')!=-1) && (agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1));
var ns4 = (ns && (major >= 4 && major<5));
var ns6 = (ns && (major >= 5));
var ie5 = (ie && (major >= 4));


//var NS = (navigator.appName == "Netscape") ? 1 : 0;
//var IE = (navigator.appName != "Netscape") ? 1 : 0;
//if (ns4) document.captureEvents(Event.CLICK);

document.onclick = dict;



function dict() {
if (ns4) {
//alert ('NS');
mouseOver(null)
}
else{
//alert ('IE');
mouseOver(null)
}
}


var layer_cour = null; // variable indiquant quel layer est ouvert

 // affiche un objet, qui passe de "hidden" à "visible"
function show(object) { 
   if (document.getElementById)  // instructions pour Netscape 6, IE 5 & 6
      document.getElementById(object).style.visibility = 'visible';	
   else if (document.layers) { // instructions pour Netscape 4.xx
      if (document.layers[object] != null)
         document.layers[object].visibility = 'visible'; 
   } 
   else if (document.all) // instructions pour IE 4, 5 & 6 
      document.all[object].style.visibility = 'visible'; 
} 

// cache un objet, qui passe de "visible" à "hidden" 
function hide(object) { 
   if (document.getElementById) 
      document.getElementById(object).style.visibility = 'hidden';	
   else if (document.layers) { 
      if (document.layers[object] != null) 
         document.layers[object].visibility = 'hidden'; 
   } 
   else if (document.all) 
      document.all[object].style.visibility = 'hidden'; 
} 

// si object = null, aucun layer n'est ouvert
function mouseOver(object) { 
//alert ('');
   if (layer_cour != null) // si un layer est ouvert, il faut d'abord le cacher
      hide (layer_cour); 
   if (object != null) { // si on demande l'ouverture d'un layer
      show(object); // alors on le montre 
      layer_cour = object; // et on l'affecte à layer_cour, le layer ouvert en cours
   } 
   else layer_cour = null; // si aucun layer n'est demandé, layer_cour est nul
} 

if (screen.width=="800"){var mnu_top=128; var mnu_left=31;}
if (screen.width=="1024"){var mnu_top=128; var mnu_left=143;}
if (screen.width=="1152"){var mnu_top=128; var mnu_left=207;}
if (screen.width=="1280"){var mnu_top=128; var mnu_left=271;}


if (ie5){
document.write ('<div id="bvacom" class="cache" style="position:absolute; left:'+mnu_left+'px; top:128px; width:155px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE">'+item_1+'</div>');
document.write ('<div id="savoirfaire" class="cache" style="position:absolute; left:'+(mnu_left+155)+'px; top:128px; width:200px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE">'+item_2+'</div>');
document.write ('<div id="services" class="cache" style="position:absolute; left:'+(mnu_left+310)+'px; top:128px; width:220px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE">'+item_3+'</div>');
document.write ('<div id="apropos" class="cache" style="position:absolute; left:'+(mnu_left+532)+'px; top:128px; width:200px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE">'+item_4+'</div>');
}
if (ns6){
//document.write ('<div id="bvacom" class="cache" style="position:absolute; left:'+mnu_left+'px; top:128px; width:141px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE">'+item_1+'</div>');
//document.write ("<div id='bvacom' class='cache' style='position:absolute; left:'+mnu_left+'px; top:128px; width:141px; height:100px; z-index:1; background-color: #EFEFEF; layer-background-color: #00FF00; border: 1px none #FEFEFE'>"+item_1+"</div>");
}
if (ns4){
document.write("<layer id='bvacom' left='"+mnu_left+"' top='128' width='140' height='100' z-index='1' bgcolor='#EFEFEF' visibility='hide'  onmouseout='mouseOver(null)'>"+item_1+"</layer>");
document.write("<layer id='savoirfaire' left='"+(mnu_left+155)+"' top='128' width='200' height='100' z-index='1' bgcolor='#EFEFEF' visibility='hide'  onmouseout='mouseOver(null)'>"+item_2+"</layer>");
document.write("<layer id='services' left='"+(mnu_left+310)+"' top='128' width='220' height='100' z-index='1' bgcolor='#EFEFEF' visibility='hide'  onmouseout='mouseOver(null)'>"+item_3+"</layer>");
document.write("<layer id='apropos' left='"+(mnu_left+532)+"' top='128' width='200' height='100' z-index='1' bgcolor='#EFEFEF' visibility='hide'  onmouseout='mouseOver(null)'>"+item_4+"</layer>");
}



//onMouseout="mouseOver(null)"


//if (document.layers){
//document.menu1_1.captureEvents(Event.CLICK);
//	document.onmousemove=alert ('');
//document.body.onmouseclick=alert ('');//
//}
//if (document.all){
//document.body.onmouseclick=alert ('');
//	document.onmousemove=alert ('');
//}