function change_categorie() {
	if (document.getElementById('presse').style.display == "block")
	{
		document.getElementById('presse').style.display = "none";
		document.getElementById('collections').style.display = "block";
	}
	else
	{
		document.getElementById('collections').style.display = "none";
		document.getElementById('presse').style.display = "block";
	}
}

function affiche_sscategorie(id, nbfamilles) {
	//Affiche une sous catégorie
	if (document.getElementById('sscategorie'+id).style.display == "none")
	{
		//On masque d'abord toutes les sous categories affichees
		for (i=1; i<=nbfamilles; i++)
		{
			document.getElementById('sscategorie'+i).style.display = "none";
		}
		//On affiche la sous categorie
		document.getElementById('sscategorie'+id).style.display = "block";
		//On reinitialise toutes les couleurs
		init_couleur(nbfamilles);
		//On change les couleurs après la sous catégorie
		change_couleur(id+1, nbfamilles);
	}
	else
	{
		//Si la sous catégorie est déjà affichée; on la masque et on réinitialise les couleurs
		document.getElementById('sscategorie'+id).style.display = "none";
		init_couleur(nbfamilles);
	}
}

function init_couleur(nbfamilles) {
	//On réinitialise toutes les couleurs a leur valeur d'origine
	for (i=1; i<=nbfamilles; i++)
	{
		if ( (i%2) == 1)
		{
			document.getElementById('categorie'+i).className = "gauche_listecategories_item1";
			document.getElementById('puce'+i).src = "images/gauche_listecategories_item1_puce.png";
		}
		else
		{
			document.getElementById('categorie'+i).className = "gauche_listecategories_item2";
			document.getElementById('puce'+i).src = "images/gauche_listecategories_item2_puce.png";
		}
	}
}

function change_couleur(id, nbfamilles) {
	//On change toutes les couleur a partir d'un id donné
	for (i=id; i<=nbfamilles; i++)
	{
		classe = document.getElementById('categorie'+i).className;
		if (classe == "gauche_listecategories_item1")
		{
			document.getElementById('categorie'+i).className = "gauche_listecategories_item2";
			document.getElementById('puce'+i).src = "images/gauche_listecategories_item2_puce.png";
		}
		else
		{
			document.getElementById('categorie'+i).className = "gauche_listecategories_item1";
			document.getElementById('puce'+i).src = "images/gauche_listecategories_item1_puce.png";
		}
	}
}