	function affichInfosProd(numProd){
		var prod1Id = document.getElementById('prod1Id');
		
		if(numProd==1){
			var idDiv = 'infosup1';
			var divSurvol = 'prod1Id';
			var divSurvol2 = 'prod2Id';
			var divSurvol3 = 'prod3Id';
			document.getElementById('nomProd2').src='img/titreProd2Out.gif';
			document.getElementById('nomProd3').src='img/titreProd3Out.gif';
		}else if(numProd==2){
			var idDiv = 'infosup2';
			var divSurvol = 'prod2Id';
			var divSurvol2 = 'prod1Id';
			var divSurvol3 = 'prod3Id';
			document.getElementById('nomProd1').src='img/titreProd1Out.gif';
			document.getElementById('nomProd3').src='img/titreProd3Out.gif';
		}else if(numProd==3){
			var idDiv = 'infosup3';
			var divSurvol = 'prod3Id';
			var divSurvol2 = 'prod1Id';
			var divSurvol3 = 'prod2Id';
			document.getElementById('nomProd1').src='img/titreProd1Out.gif';
			document.getElementById('nomProd2').src='img/titreProd2Out.gif';
		}
		// on positionne le cadre infos a afficher
		if(document.all){
			document.getElementById(idDiv).style.top=prod1Id.clientHeight + 140 + 'px';
			document.getElementById(idDiv).style.left=((document.body.clientWidth/2)-500) + "px";
		}else{
			document.getElementById(idDiv).style.top=prod1Id.clientHeight + 140 + 'px';
			document.getElementById(idDiv).style.left=((document.body.clientWidth/2)-501) + "px";
		}
		// on affiche le bloc infos
		var blocInfo = document.getElementById(idDiv);
		blocInfo.style.display='block';
		var blocSurvol = document.getElementById(divSurvol);
		blocSurvol.style.cursor='pointer';
		// on change le fond des autres produits en gris
		var prod2 = document.getElementById(divSurvol2);
		prod2.style.backgroundImage = 'url(img/bgCadre1Out.gif)';
		var prod3 = document.getElementById(divSurvol3);
		prod3.style.backgroundImage = 'url(img/bgCadre1Out.gif)';
	}
	function cacherInfosProd(numProd){
		if(numProd==1){
			var idDiv = 'infosup1';
			var divSurvol = 'prod1Id';
			var divSurvol2 = 'prod2Id';
			var divSurvol3 = 'prod3Id';
			document.getElementById('nomProd2').src='img/titreProd2.gif';
			document.getElementById('nomProd3').src='img/titreProd3.gif';
		}else if(numProd==2){
			var idDiv = 'infosup2';
			var divSurvol = 'prod2Id';
			var divSurvol2 = 'prod1Id';
			var divSurvol3 = 'prod3Id';
			document.getElementById('nomProd1').src='img/titreProd1.gif';
			document.getElementById('nomProd3').src='img/titreProd3.gif';
		}else if(numProd==3){
			var idDiv = 'infosup3';
			var divSurvol = 'prod3Id';
			var divSurvol2 = 'prod1Id';
			var divSurvol3 = 'prod2Id';
			document.getElementById('nomProd1').src='img/titreProd1.gif';
			document.getElementById('nomProd2').src='img/titreProd2.gif';
		}
		document.getElementById(idDiv).style.display='none';
		// on remet le fond des autres produits en normal
		var prod2 = document.getElementById(divSurvol2);
		prod2.style.backgroundImage = 'url(img/bgCadre1.gif)';
		var prod3 = document.getElementById(divSurvol3);
		prod3.style.backgroundImage = 'url(img/bgCadre1.gif)';
	}
