function change_background_gris()
{
	var gris1 = document.getElementById('gris1');
	var gris2 = document.getElementById('gris2');
	rouge = gris1.options[gris1.selectedIndex].text + gris2.options[gris2.selectedIndex].text;
	vert = gris1.options[gris1.selectedIndex].text + gris2.options[gris2.selectedIndex].text;
	bleu = gris1.options[gris1.selectedIndex].text + gris2.options[gris2.selectedIndex].text;
	document.getElementById('couleurs_output').style.backgroundColor = "#" + rouge + vert + bleu;

	document.getElementById('couleurs_output_text').innerHTML = "#" + rouge + vert + bleu;
	//document.getElementById('couleurs_output_text').innerHTML = document.getElementById('couleurs_output').style.backgroundColor;
	document.getElementById('couleurs_output_text').style.color = "#" + rouge + vert + bleu;

}

function change_background_3levels()
{
	var rouge = document.getElementById('canal_rouge');
	var vert = document.getElementById('canal_vert');
	var bleu = document.getElementById('canal_bleu');
	rouge = rouge.options[rouge.selectedIndex].text;
	vert = vert.options[vert.selectedIndex].text;
	bleu = bleu.options[bleu.selectedIndex].text;
	document.getElementById('couleurs_output').style.backgroundColor = "#" + rouge + vert + bleu;

	document.getElementById('couleurs_output_text').innerHTML = "#" + rouge + vert + bleu;
	//document.getElementById('couleurs_output_text').innerHTML = document.getElementById('couleurs_output').style.backgroundColor;
	document.getElementById('couleurs_output_text').style.color = "#" + rouge + vert + bleu;

}

function change_background_all()
{
	var rouge1 = document.getElementById('canal_rouge1');
	var rouge2 = document.getElementById('canal_rouge2');
	var vert1 = document.getElementById('canal_vert1');
	var vert2 = document.getElementById('canal_vert2');
	var bleu1 = document.getElementById('canal_bleu1');
	var bleu2 = document.getElementById('canal_bleu2');
	rouge1 = rouge1.options[rouge1.selectedIndex].text;
	rouge2 = rouge2.options[rouge2.selectedIndex].text;
	vert1 = vert1.options[vert1.selectedIndex].text;
	vert2 = vert2.options[vert2.selectedIndex].text;
	bleu1 = bleu1.options[bleu1.selectedIndex].text;
	bleu2 = bleu2.options[bleu2.selectedIndex].text;
	document.getElementById('couleurs_output').style.backgroundColor = "#" + rouge1 + rouge2 + vert1 + vert2 + bleu1 + bleu2;

	document.getElementById('couleurs_output_text').innerHTML = "#" + rouge1 + rouge2 + vert1 + vert2 + bleu1 + bleu2;
	document.getElementById('couleurs_output_text').style.color = "#" + rouge1 + rouge2 + vert1 + vert2 + bleu1 + bleu2;

}