function box1_on()
{
document.getElementById('box1').style.display="block";
}
function box1_off()
{
document.getElementById('box1').style.display="none";
}



function box2_on()
{
document.getElementById('box2').style.display="block";
}
function box2_off()
{
document.getElementById('box2').style.display="none";
}



function box3_on()
{
document.getElementById('box3').style.display="block";
}
function box3_off()
{
document.getElementById('box3').style.display="none";
}



function box4_on()
{
document.getElementById('box4').style.display="block";
}
function box4_off()
{
document.getElementById('box4').style.display="none";
}



function box5_on()
{
document.getElementById('box5').style.display="block";
}
function box5_off()
{
document.getElementById('box5').style.display="none";
}



function box6_on()
{
document.getElementById('box6').style.display="block";
}
function box6_off()
{
document.getElementById('box6').style.display="none";
}



function box7_on()
{
document.getElementById('box7').style.display="block";
}
function box7_off()
{
document.getElementById('box7').style.display="none";
}



/** Fonction basculant la visibilité d'un élément dom

* @parameter anId string l'identificateur de la cible à montrer, cacher

*/

function toggle(anId)

{

	node = document.getElementById(anId);

	if (node.style.visibility=="hidden")

	{

		// Contenu caché, le montrer

		node.style.visibility = "visible";
		node.style.display = "block";

		node.style.height = "auto";			// Optionnel rétablir la hauteur

	}

	else

	{

		// Contenu visible, le cacher

		node.style.visibility = "hidden";
		node.style.display = "none";

		node.style.height = "0";			// Optionnel libérer l'espace

	}

}