function Popup_On(idobjet)
{
	OVERFLOW_OFF(idobjet);
	ShowDiv(idobjet);
}

function Popup_Off(idobjet)
{
	OVERFLOW_ON(idobjet);
	Hide_Child_Div(idobjet);
	HideDiv(idobjet);
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction SHOW / HIDE
// pour afficher ou cacher des div
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function ShowDiv(idobjet)
{	var objet=document.getElementById(idobjet);
	objet.style.visibility="visible";
	objet.style.display="block";

}

function HideDiv(idobjet)
{	var objet=document.getElementById(idobjet);
		objet.style.visibility="hidden";
		objet.style.display="none";
}

// Cette fonction sert a cacher les div enfant appartenant a la class voulu
function Hide_Child_Div(idobjet)
{	var children = document.getElementById(idobjet).getElementsByTagName('DIV');
	for(var i=0;i<children.length;i++)
	{
		children[i].style.visibility="hidden";
		children[i].style.display="none";
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction OVERFLOW ON / OFF
// pour empecher le defilement d'une div et la griser
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function OVERFLOW_ON(idobjet)
{	if((navigator.userAgent.indexOf("opera") != -1)||(navigator.userAgent.indexOf("safari")!=-1))
		{document.getElementById(idobjet).style.height="auto";
		// tester de mettre la hauteur du body a la taille du conteneur navigateur (630)
		}
	else
	{document.getElementsByTagName("body")[0].style.overflow="auto";}	 
}

function OVERFLOW_OFF(idobjet)
{	if((navigator.userAgent.indexOf("opera") != -1)||(navigator.userAgent.indexOf('safari')!=-1))
		{document.getElementById(idobjet).style.height=screen.availHeight;
		}
	else {document.getElementsByTagName("body")[0].style.overflow="hidden";}
}




//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction MaxSize
// pour qu'une Div occupe tout l'espace disponible
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function MaxSize(idobjet)
{var objet = document.getElementById(idobjet);

	if(navigator.appName.substring(0,3) == "Mic")
	{
		var windowHeight = document.body.offsetHeight;
	}
	else
	{
		var windowHeight = window.innerHeight;
	}
	objet.style.height = document.getElementById('Body2').offsetHeight;

}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction center_div
// pour qu'une Div soit centré horizontalement

// A REVOIR

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function center_div(idobjet)
{	var objet=document.getElementById(idobjet);
	if(navigator.appName.substring(0,3) != "Mic")
	{
/*		var windowWidth = document.body.offsetWidth;
	}
	else
	{
*/
		var windowWidth  = (window.innerWidth) + 'px';
	}
	else
	{
		
	}
	windowWidth = windowWidth.replace("px","");
	
	objet.style.left= (windowWidth-300)/2;
}