// JavaScript Document
<!-- Variables -->
var largeur = 545; 

var centre = true;
var top;  // Variable qui positionne le menu general par rapport au top
var leftMenu;
if (navigator.appName == 'Microsoft Internet Explorer') {
	leftMenu = 49;
	top = 62;
} else {
	leftMenu = 52;
	top = 58;
}
var leftMenuNotCenter = 98;
var couleurMenu = "#E2EAFA";
var couleurMenuGen = "#E2EAFA";
var couleurSeparation = "#FFFFFF";

var offsetHor = 0;
var offsetVer = 0;
var openMenu = false;
var timeId;
var liens = [["#","#","#","mic_fra_ent.htm","#","#"],["#","trouver_pneu.htm","#","#","gamme.htm","conseil_bib.htm","#"],["#","deux_roues.htm"],["#","usa_pld.htm","usa_gc.htm","usa_agri.htm"],["#","actu.htm","#","#","#"],["#","actu.htm","#","#","#"]];
var libelles = [[" MICHELIN EN FRANCE","L\'activité","Le recrutement","Entreprendre avec Michelin","Notre engagement","Nos pubs"],["AUTO","Trouver votre pneu","Trouver votre revendeur","Calculer votre itinéraire","La gamme","Les conseils Bibendum","Les goodies"],["2 ROUES","Présentation"],["USAGE PROFESSIONNEL","Poids Lourd","Genie Civil","Agriculture"],["ACTUALITES","Michelin en France","Auto","Moto","Vélo","Poids Lourd"],["ACTUALITES","Michelin en France","Auto","Moto","Vélo","Poids Lourd"]];
var tailles;
var taillesDiv;
var tailles_calques;
var actif = 0;
<!-- Variables -->


<!-- Fonction init-->
function init(a,offsetTop,lg){
	var name = navigator.appName;
       
       if (name == 'Microsoft Internet Explorer'){
       	if(lg=="PL"){top=68;}
       	if(lg=="SE"){leftMenu = 30;}
       }else{
       	if(lg=="DE" || lg=="PL"){top = 68;}
       	if(lg=="SE"){leftMenu = 32;}
       }
       top = top + offsetTop;
       
       if (document.all && !window.opera && window.XMLHttpRequest) {
       		top -= 4;
       }
	
	actif	= a;
	switch (lg)
	{
		// NB: tailles permet de centrer correctement les titres, ex.: "caracteristiques pneus"
		//     tailles_calques positionne le cote gauche du menu deroulant (cumul des valeurs)
		//     taillesDiv determine la largeur du menu deroulant
		case "DE":
    		tailles = [60,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')    		
				tailles_calques = [87,79,75,105,88,50];
			else
				tailles_calques = [88,79,75,105,88,50];
  				taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "DK":
  			tailles = [75,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [86,82,78,128,75,50];
			else
				tailles_calques = [88,84,79,123,76,50];
  			taillesDiv = [170,170,170,170,170,170];
  		
  			break;
		case "EN":
    		tailles = [70,70,60,70,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [92,91,106,91,84,50];
			else
				tailles_calques = [92,92,107,92,84,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
		case "ES":
    		tailles = [60,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [84,90,106,102,85,50];
			else
				tailles_calques = [85,90,106,103,85,50];			
  			taillesDiv = [170,170,170,170,170,170];
  			break;
		case "FR":
    		tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [89,89,116,84,90,50];
			else
				tailles_calques = [90,89,116,84,90,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "FI":
  			tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [77,102,84,116,80,50];
			else
				tailles_calques = [78,102,84,117,81,50];
  			taillesDiv = [170,170,170,170,170,170];
  			
  			break;	
  		case "IT":
    		tailles = [70,70,60,60,70,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [89,89,104,97,89,50];
			else
				tailles_calques = [90,90,104,97,90,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "NL":
    		tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [92,93,86,98,80,50];
			else
				tailles_calques = [93,93,87,98,80,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "NO":
    		tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [83,113,81,120,73,50];
			else
				tailles_calques = [86,115,82,115,74,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "PL":
    		tailles = [70,70,60,60,80,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [86,85,109,96,96,50];
			else
				tailles_calques = [85,85,110,97,97,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "PT":
    		tailles = [90,89,103,170,80,83];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [83,71,98,138,76,60];
			else
				tailles_calques = [83,70,99,138,76,61];
  			taillesDiv = [170,170,170,170,170,170];
  			break;	
  		case "RO":
    		tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [95,94,111,83,81,50];
			else
				tailles_calques = [95,95,112,83,82,45];
  			taillesDiv = [170,170,170,170,170,170];
  			break;		
  		case "RU":
    		tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [86,84,106,111,85,50];
			else
				tailles_calques = [86,85,107,111,86,50];
  			taillesDiv = [170,170,170,170,170,170];
  			break;
  		case "SE":
  			tailles = [70,70,60,60,60,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [111,84,70,105,89,50];
			else
				tailles_calques = [112,85,71,100,90,50];
  			taillesDiv = [170,170,170,170,170,170];
  			
  			break;
  		case "GR":
    		tailles = [70,70,60,60,70,60];
    		if (name == 'Microsoft Internet Explorer')
				tailles_calques = [88,84,102,96,88,50];
			else
				tailles_calques = [88,85,102,97,88,50];
			taillesDiv = [170,170,170,170,170,170];
  			break;
	}
	initOffsets();
	//ecrire(initTable(largeur,centre)+initLayers());
//	setTimeout('ecrire(initLayers())', 500);
ecrire(initLayers());
}
function showMenu(){
//	setTimeout('ecrire(initTable(largeur,centre))', 500);
ecrire(initTable(largeur,centre));
}

<!-- Fonction qui dessine le menu general -->
function initTable(largeur, centre){


	//var largCellule = Math.round(largeur/liens.length);
	var tableau = "<table width=\""+largeur+"px\" border=\"0\" cellspacing=\"0\" cellpadding=\"5\" ";
	if (centre) tableau += " align=\"left\"";
	tableau += "><tr>";
	
	
	for (i=0;i<liens.length; i++){
	
		if (i != 0){
			//tableau += "<td width=\"1\"><img src=\"../images/1x1_transparent.gif\" width=\"1\"></td>";
			//tableau += "<td width=\"1\"><img src=\"../images/1x1_transparent.gif\" width=\"1\"></td>";
			//tableau += "<td width=\"1\"><img src=\"../images/1x1_transparent.gif\" width=\"1\"></td>";
		}
		
		
        if (i==actif) {
      
			if (document.layers){ // Version NS
	            tableau += "<td id=\"Menu"+i+"\" align=\"left\" width=\""+tailles[i]+"\" class=\"menuHautBlanc\"><ilayer width=\"100%\"><layer width=\"100%\" onMouseOver=\"doHide("+i+");show('Layer"+i+"','"+i+"');this.style.color='black';this.bgColor='#E2EAFA';\" onMouseOut=\"doHide("+i+");this.style.color='#FFFFFF';\"><center>"+libelles[i][0]+"</center></layer></ilayer></td>";
			}else{
				tableau += "<td id=\"Menu"+i+"\" align=\"left\" width=\""+tailles[i]+"\" class=\"menuHautBlanc\" onMouseOver=\"show('Layer"+i+"','"+i+"');this.style.color='black';this.bgColor='#E2EAFA';\" onMouseOut=\"doHide("+i+");this.style.color='#FFFFFF';this.bgColor='';\">" + libelles[i][0] + "</td>";
			}
			
		}else{
			
			if (document.layers){ // Version NS
	            tableau += "<td id=\"Menu"+i+"\" align=\"left\" width=\""+tailles[i]+"\" class=\"menuHautBlanc\"><ilayer width=\"100%\"><layer width=\"100%\" onMouseOver=\"doHide("+i+");show('Layer"+i+"','"+i+"');this.style.color='black';this.bgColor='#E2EAFA';\" onMouseOut=\"doHide("+i+");this.style.color='#FFFF00';this.bgColor='transparent';\"><center>"+libelles[i][0]+"</center></layer></ilayer></td>";
			} else { // Version IE
	            tableau += "<td id=\"Menu"+i+"\" align=\"left\" width=\""+tailles[i]+"\" class=\"menuHaut\" onMouseOver=\"show('Layer"+i+"','"+i+"');this.style.color='black';this.bgColor='#E2EAFA';\" onMouseOut=\"doHide("+i+");this.style.color='#FFFF00';this.bgColor='';\">"+libelles[i][0]+"</td>";
			}
		}
	}
	tableau += "</tr></table>";
	
	
	return tableau;
}




<!-- Fonction qui dessine les layers -->
function initLayers(){
	//largLayer = Math.round(largeur/liens.length);
	var strLib;
	top = top +offsetVer;
	layer = "";
	leftAll = 0;
	for (i=0;i<liens.length; i++){
		left = (leftAll)+offsetHor;
		// On dessine les layers
		// Bug NS
		nameL=i;
		if(i==0) {
			nameL=78;
			leftL=left;
		}
		if (document.layers) layer += "<layer name=\"Layer"+nameL+"\" top=\""+top+"px\" left=\""+left+"px\" width=\""+taillesDiv[i]+"px\" visibility=\"hidden\" z-index='1000' onMouseOut=\"document.getElementById('Menu"+i+"\').bgColor='';document.getElementById('Menu"+i+"\').color='#FFFF00';hideAll();\" onMouseOver=\"document.getElementById('Menu"+i+"\').bgColor='#E2EAFA';document.getElementById('Menu"+i+"\').color='black';stopTime();\">";
		else layer += "<div id=\"Layer"+i+"\" style=\"position:absolute; left:"+left+"px; top:"+top+"px; width:"+taillesDiv[i]+"px; z-index:"+(i+1)+"; visibility: hidden;\" onMouseOut=\"document.getElementById('Menu"+i+"\').bgColor='';document.getElementById('Menu"+i+"\').color='#FFFF00';hideAll();\" onMouseOver=\"document.getElementById('Menu"+i+"').bgColor='#E2EAFA';document.getElementById('Menu"+i+"\').color='black';stopTime();\">";
		// Affichage des infos
		layer += "<table width=\""+taillesDiv[i]+"px\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><img src='../images/1x1_transparent.gif' border='0' width='1' height='5'></td></tr>";
		for (j=1; j<liens[i].length;j++){
			strLib = libelles[i][j];
			strLib = strLib.replace('- ','-&nbsp;');
			if(document.layers){ //NS
				layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\" ><a class=\"titreBleu\" href=\""+liens[i][j]+"\" onMouseOver=\"show('Layer"+i+"');\">&nbsp;"+strLib+"<br></a></td></tr>";
			}else{ // IE
				layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\" onMouseOver=\"show('Layer"+i+"');\"><a class=\"titreBleu\" href=\""+liens[i][j]+"\">&nbsp;"+strLib+"<br></a></td></tr>";
			}
			layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><a href='#' onMouseOver=\"show('Layer"+i+"');\"><img src='../images/1x1_transparent.gif' border='0' width='170' height='5'></a></td></tr>";
		}
		layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><img src='../images/1x1_transparent.gif' border='0' width='1' height='1'></td></tr>";
		layer += '<tr><td colspan="1"><img src="../images/menu_courbe.gif" border="0" height="16" width="170"></td></tr>';
		layer += "</table>";
		if (document.layers) layer +="</layer>";
		else layer += "</div>";
		leftAll += tailles_calques[i];// On incremente le decalage de la largeur du layer
	}
	// Bug NS
	if(document.layers){
		layer += "<layer name=\"Layer"+0+"\" top=\""+top+"px\" left=\""+leftL+"px\" width=\""+taillesDiv[0]+"px\" visibility=\"hidden\" z-index='1000' onMouseOut=\"hideAll();\" onMouseOver=\"stopTime();\">";
		layer += "<table bgcolor=\""+couleurMenu+"\" width=\""+taillesDiv[0]+"px\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><img src='../images/1x1_transparent.gif' border='0' width='1' height='5'></td></tr>";
		for (j=1; j<liens[0].length;j++){
			layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\" ><a class=\"titreBleu\" href=\""+liens[0][j]+"\" onMouseOver=\"show('Layer"+0+"');\">&nbsp;"+libelles[0][j]+"<br></a></td></tr>";
			layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><a href='#' onMouseOver=\"show('Layer"+i+"');\"><img src='../images/1x1_transparent.gif' border='0' width='170' height='5'></a></td></tr>";
		}
		layer += "<tr><td bgcolor=\""+couleurMenu+"\" align=\"left\" width=\"100%\"><img src='../images/1x1_transparent.gif' border='0' width='1' height='1'></td></tr>";
		layer += '<tr><td colspan="1"><img src="../images/menu_courbe.gif" border="0" height="16" width="170"></td></tr>';
		layer += "</table>";
		if (document.layers) layer +="</layer>";
	}
	return(layer);
}


<!-- fonction d'initialisation de l'offset -->
function initOffsets(){
	if (document.layers){// NS 4 et <
		if (os() == "win")offsetVer = 14;
		else offsetVer = 6;
		if (!centre){
			if (os() == "win")offsetHor = 8 + leftMenu;
			else offsetHor = 8 + leftMenu;
		}else{
			// Calcul du centre de la fenetre
			//page_width = innerWidth;
			page_width = 760;
			//alert('document.layers ; innerWidth : '+innerWidth);
			if (largeur>page_width){
				offsetHor = 8 + leftMenuNotCenter;
			}else{
				milieu_width = (page_width/2);
				offsetHor = (milieu_width - largeur/2 - 8) + leftMenu;
			}	
		}
	}else if (document.all){// IE
		if (os() == "win")offsetVer = 15;
		else offsetVer = 8;
		if (!centre){
			if (os() == "win")offsetHor = 10 + leftMenu;
			else offsetHor = 8 + leftMenu;
		}else{
			// Calcul du centre de la fenetre
			//page_width = document.body.scrollWidth;//document.body.clientWidth;
			page_width = 760;
			if (largeur>page_width){
				if (os() == "win")offsetHor = 10 +leftMenuNotCenter;
				else offsetHor = 8 + leftMenuNotCenter;
			}else{
				milieu_width = (page_width/2);
				offsetHor = milieu_width - largeur/2 + leftMenu;
			}
		}
		if(navigator.appVersion.toLowerCase().indexOf('msie 5.0')!=-1){
			offsetHor -= 8;
		}
	}else if (document.getElementById){
		//offsetVer = 10;
		offsetVer = 16;	// modif JVC pour Netscape 6.0
		if (!centre){
			offsetHor = 8;
		}else{
			// Calcul du centre de la fenetre
			//page_width = document.body.scrollWidth;//innerWidth;
			page_width = 760;
			if (largeur>page_width){
				offsetHor = 10 + leftMenuNotCenter;
			}else{
				milieu_width = (page_width/2);
				//offsetHor = milieu_width - largeur/2 + leftMenu;
				offsetHor = milieu_width - largeur/2 + leftMenu - 7;	// modif JVC pour Netscape 6.0
				// le "-7" pour tenir compte du scrollbar, que N6.0 oublie dans innerWidth
			}
		}
	}
	// A la fin on ajoute les left des menus
	if (largeur>page_width){
		offsetHor += leftMenuNotCenter;
	}else{
		offsetHor += leftMenu;
	}
}
function initPosition(){
	initOffsets();
	//largLayer = Math.round(largeur/liens.length);
	largeurAll = 1;
	for (i=0;i<liens.length; i++){
		id = 'Layer'+i;
		left = (largeurAll)+offsetHor;
		if (document.layers){// NS 4 et <
			document[id].left = left;
		}
		if (document.all){// IE
			document.all[id].style.left = left;
		}
		if (document.getElementById){
			document.getElementById(id).style.left = left;
		}
		largeurAll += tailles[i];
	}
}
<!-- Fonction d'affichage d'un layer -->
function show(id, numero){
	openMenu = true;
	if (document.layers){// NS 4 et <
		document[id].visibility = 'show';
	}
	if (document.all){// IE
		document.all[id].style.visibility = 'visible';
	}
	if (document.getElementById){
		document.getElementById(id).style.visibility = 'visible';
	}
	if(typeof numero != "undefined"){
		stopTime();
		hideAll(numero);
	}
	//alert("show "+id+" "+numero+" ");
	// Ajout JVC 03/06/2003 - pour fermeture menu quand sortie par le haut
	openMenu = true;
}

<!-- Fonction de cachage de layer -->
function hide(id){
	openMenu = false;
	if (document.layers){// NS 4 et <
		document[id].visibility = 'hidden';
	}
	if (document.all){// IE
		document.all[id].style.visibility = 'hidden';
	}
	if (document.getElementById){
		document.getElementById(id).style.visibility = 'hidden';
	}
	//alert("hide "+i+" "+openMenu);
	//var obj = document.getElementById("Menu");
	//alert(obj.getAttributes('style'));
}

function doHide(){
	//alert("doHide "+i+" "+openMenu);
	if(openMenu){
		timeId = setTimeout("hideAll()",200);
	}
}
function stopTime(){
	clearTimeout(timeId);
}

function hideAll(numero){
	time = 0;
	for (i=0;i<liens.length; i++){
		if(typeof numero=="undefined"){
			id = 'Layer'+i;
			hide(id);
		}else{
			if(i!=numero){
				id = 'Layer'+i;
				hide(id);
			}
		}
	}
}


<!-- Fonction ecrire -->
function ecrire(valeur){
	if (document.all){
		//document.body.innerHTML = valeur;
		document.write(valeur);
	}else if (document.getElementById){
		document.write(valeur);
	}else if (document.layers){
		//document.open();
		document.write(valeur);
		//document.close();
	}
}

<!-- Fonction de recherche de l'os -->
function os(){
	if (navigator.platform.toLowerCase().indexOf("win") != -1){
		return "win";
	}else if (navigator.platform.toLowerCase().indexOf("Mac") != -1){
		return "mac";
	}
}


function showMenuFixe(menu_actif,bakcoffice){
	ecrire(initTableFixe(largeur,centre,bakcoffice,menu_actif));
}



<!-- Fonction qui dessine le menu general -->
function initTableFixe(largeur, centre,backoffice,menu_actif){

	var name = navigator.appName;
      
       if (name == 'Microsoft Internet Explorer'){
       		
       		if(!backoffice){
       			left="192";
       			top="70";
       		}else{
       			left="450";
       			top="220";
       		}
       }else{
       		if(!backoffice){
       			left="192";
       			top="70";
       		}else{
       			left="235";
       			top="210";
       		}
       			
       }
	var tailleCell = Math.round(largeur/liens.length);
	var tableau="<div  style=\"position:absolute; left:"+ left +"px; top:"+top+"px;visibility: visible; width:"+largeur+"px;\">";
	
	
	tableau += "<table width=\""+largeur+"px\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"right\"";
	if (centre) tableau += " align=\"left\"";
	tableau += " height=\"15px\"><tr>";
	
	
	var align="center";
	
	
	for (i=0;i<liens.length; i++){
		
		
		
        if (menu_actif==libelles[i][0]) {
        
        	
      		tableau += "<td id=\"Menu"+i+"\" align=\""+ align +"\" width=\"" + tailleCell + "\" class=\"menuHautBlanc\" nowrap valign=\"top\">"+libelles[i][0]+"</td>";
		
		}else{
			
	        tableau += "<td id=\"Menu"+i+"\" align=\"" + align + "\" width=\"" + tailleCell + "\"  nowrap valign=\"top\"><a href=\"" + liens[i][0]+ "\" class=\"menuHaut\">"+libelles[i][0]+"</a></td>";
		}
	}
	tableau += "</tr></table>";
	tableau+="</div>";

	return tableau;
}