// change l'apparence des objets select!

//window.onload = gererRemplacementSelect;
ajouterEvenementChargement("gererRemplacementSelect()");

function gererRemplacementSelect() {
	if (navigator.userAgent.indexOf("MSIE") == -1 && (navigator.userAgent.indexOf("Opera/9.27") == -1) ) { //ça ne marche pas dans IE ou Opera pre-9.5
		if (detecterCSS()) {
			remplacerSelect();
			}
		}
	}

function remplacerSelect() {
	var listeSelect = document.getElementsByTagName("select");
	for (var cpt=0; cpt<listeSelect.length; cpt++) {
		var conteneurSelect = document.createElement("span");
		conteneurSelect.className = "select";
		var fauxSelect = document.createElement("span");
		fauxSelect.id = "faux_"+listeSelect[cpt].id;
		fauxSelect.style.width = (listeSelect[cpt].offsetWidth-22)+"px";
		fauxSelect.innerHTML = listeSelect[cpt].options[listeSelect[cpt].selectedIndex].text;
		var vraiSelect = listeSelect[cpt].cloneNode(true);
		conteneurSelect.appendChild(fauxSelect);
		conteneurSelect.appendChild(vraiSelect);
		listeSelect[cpt].parentNode.replaceChild(conteneurSelect, listeSelect[cpt]);
		
		vraiSelect.onchange = gererSelect;
		}
	}

function gererSelect() {
	document.getElementById("faux_"+this.id).innerHTML = this.options[this.selectedIndex].text;
	}

// détecte si les CSS sont activés
function detecterCSS() {
	var cssActives;
	var testCSS = document.createElement("div");
	document.getElementsByTagName("body")[0].appendChild(testCSS);
	testCSS.style.width = "1px";
	cssActives = testCSS.offsetWidth == 1 ? true : false;
	
	testCSS.parentNode.removeChild(testCSS);
	return cssActives;
	}