function popin(popin){
	ecran_width=document.body.clientWidth;
	ecran_height=document.body.clientHeight;
	
	posX_popin=(ecran_width-642)/2;

	document.getElementById(popin).style.left=posX_popin+"px";
	document.getElementById(popin).style.display="block";
	
	document.getElementById('ecran').style.display="block";
	document.getElementById('ecran').style.height=ecran_height+"px";
	//document.getElementById('ecran_image').style.display="block";
	//document.getElementById('ecran_image').style.height="1000px";
}
function masque_popin(popin){
	document.getElementById(popin).style.display="none";
	document.getElementById('ecran').style.display="none";
	//document.getElementById('ecran_image').style.display="none";	
}
num=1;
function etapes(sens){
	if(sens=="positif"){
		if(num<6){
			num++;

		}
	}
	if(sens=="negatif"){
		if(num>1){
			num--;
			document.getElementById("bt_precedent").style.display="block";
		}
	}
	if(num==1){
		document.getElementById("bt_suivant").style.display="block";
		document.getElementById("bt_precedent").style.display="none";
		document.getElementById("etape1").style.display="block";
		document.getElementById("etape2").style.display="none";
		document.getElementById("etape3").style.display="none";
		document.getElementById("etape4").style.display="none";
		document.getElementById("etape5").style.display="none";
		document.getElementById("etape6").style.display="none";

	}
	if(num==2){
		document.getElementById("bt_suivant").style.display="block";
		document.getElementById("bt_precedent").style.display="block";
		document.getElementById("etape1").style.display="none";
		document.getElementById("etape2").style.display="block";
		document.getElementById("etape3").style.display="none";
		document.getElementById("etape4").style.display="none";
		document.getElementById("etape5").style.display="none";
		document.getElementById("etape6").style.display="none";

	}
	if(num==3){
		document.getElementById("bt_suivant").style.display="block";
		document.getElementById("bt_precedent").style.display="block";
		document.getElementById("etape1").style.display="none";
		document.getElementById("etape2").style.display="none";
		document.getElementById("etape3").style.display="block";
		document.getElementById("etape4").style.display="none";
		document.getElementById("etape5").style.display="none";
		document.getElementById("etape6").style.display="none";

	}
	if(num==4){
		document.getElementById("bt_suivant").style.display="block";
		document.getElementById("bt_precedent").style.display="block";
		document.getElementById("etape1").style.display="none";
		document.getElementById("etape2").style.display="none";
		document.getElementById("etape3").style.display="none";
		document.getElementById("etape4").style.display="block";
		document.getElementById("etape5").style.display="none";
		document.getElementById("etape6").style.display="none";

	}
	if(num==5){
		document.getElementById("bt_suivant").style.display="block";
		document.getElementById("bt_precedent").style.display="block";
		document.getElementById("etape1").style.display="none";
		document.getElementById("etape2").style.display="none";
		document.getElementById("etape3").style.display="none";
		document.getElementById("etape4").style.display="none";
		document.getElementById("etape5").style.display="block";
		document.getElementById("etape6").style.display="none";

	}
	if(num==6){
		document.getElementById("bt_suivant").style.display="none";
		document.getElementById("bt_precedent").style.display="block";
		document.getElementById("etape1").style.display="none";
		document.getElementById("etape2").style.display="none";
		document.getElementById("etape3").style.display="none";
		document.getElementById("etape4").style.display="none";
		document.getElementById("etape5").style.display="none";
		document.getElementById("etape6").style.display="block";

	}
}