//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 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";}
}