function cacher(coll,contenu)
	{
//	if (document.layers)	window.document.layers['id' + coll].bgColor = 'blue';
 //   else if (document.all)	window.document.all['id' + coll].style.backgroundColor = '#F15741';
document.getElementById("id"+coll).innerHTML="<a href='#' onclick=\"afficher(\'"+ coll +"\','"+ contenu +"');\">Afficher "+ contenu +"</a>";
	var cells = document.getElementById('tbl').getElementsByTagName('div');
	for (i=0; i < cells.length; i++)
		{if (cells[ i ].className == coll)
			{
				cells[ i ].style.display = 'none';
			}
		}
	}
	
function afficher(coll,contenu)
	{
//	if (document.layers)	window.document.layers['id' + coll].bgColor = 'orange';
//	else if (document.all)	window.document.all['id' + coll].style.background = '#CDFAB9';
  //  else if (document.all)	window.document.all['id' + coll].style.bgColor = '#CDFAB9';

 	document.getElementById("id"+coll).innerHTML="<a href='#' onclick=\"cacher(\'"+ coll +"\','"+ contenu +"');\">Cacher "+ contenu +"</a>";

	var cells = document.getElementById('tbl').getElementsByTagName('div');
	for (i=0; i < cells.length; i++)
		{if (cells[ i ].className == coll)	{cells[ i ].style.display = 'block';	}}
	}
	
function affichertt()
	{
	var cells = document.getElementById('tbl').getElementsByTagName('div');
	for (i=0; i < cells.length; i++)
		{cells[ i ].style.display = 'block';}
	
	
	 document.getElementById("idcol1").innerHTML="<a href='#' onclick=\"cacher('col1','Nom');\">Cacher.. Nom</a>";	
	 document.getElementById("idcol2").innerHTML="<a href='#' onclick=\"cacher('col2','Nom');\">Cacher.. Type</a>";	
	 document.getElementById("idcol3").innerHTML="<a href='#' onclick=\"cacher('col3','Nom');\">Cacher.. Conseil</a>";	
//	 document.getElementById("idcol4").innerHTML="<a href='#' onclick=\"cacher('col4','Nom');\">Cacher.. Perso</a>";	
		
	}