// GETELEMENTSBYCLASSNAME
				function getElementsByClassName(oElm, strTagName, strClassName){
					var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
					var arrReturnElements = new Array();
					strClassName = strClassName.replace(/\-/g, "\\-");
					var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
					var oElement;
					for(var i=0; i<arrElements.length; i++){
						oElement = arrElements[i];      
						if(oRegExp.test(oElement.className)){
							arrReturnElements.push(oElement);
						}   
					}
					return (arrReturnElements)
				}
	// FIN GETELEMENTSBYCLASSNAME  

function cascadedstyle(el, cssproperty, csspropertyNS){
	if (el.currentStyle)
		return el.currentStyle[cssproperty]
	else if (window.getComputedStyle){
		var elstyle=window.getComputedStyle(el, "")
		return elstyle.getPropertyValue(csspropertyNS)
	}
}

function fixColumns( ) {
	var carre = getElementsByClassName ( document , "div" , "carre" );

	for( i = 1; i < carre.length / 2 + 1; i++ ) {
		var c1 = document.getElementById( "colonneA" + i );
		var c2 = document.getElementById( "colonneB" + i );

		if( c1 && c1.offsetHeight && c2 && c2.offsetHeight ) {
			maxheight = Math.max( c1.offsetHeight, c2.offsetHeight ) + 'px';
			c1.style.height = maxheight;
			c2.style.height = maxheight;
			
			offsetDelta = c1.offsetHeight - c2.offsetHeight;
			if(offsetDelta != 0) {
				if(offsetDelta < 0) {
					// Si on est sous IE, alors on gère le margin et le border qui sont pris en compte dans le height mais pas dans le offsetHeight
					// alors que tout marche bien sous Firefox (moteur Gecko)
					offsetIE = 0;
					if (navigator.userAgent.indexOf('MSIE 5')>0 || navigator.userAgent.indexOf('MSIE 6')>0) {
						offsetIE = parseInt(cascadedstyle(carre[2*(i-1)], 'marginBottom', 'margin-bottom').replace('px', '')) + 2*parseInt(cascadedstyle(carre[2*(i-1)], 'borderBottomWidth', 'border-bottom-width').replace('px', ''))
					}
					c1.style.height = (parseInt(c1.style.height)+offsetIE+offsetDelta)+'px';
				} else {
					c2.style.height = (parseInt(c2.style.height)+offsetDelta)+'px';
				}
			}
		}
	}
}

function derouler() {
	var onglet_right = document.getElementById("onglet_right");
	var onglet_left = document.getElementById("onglet_left");

	onglet_left.onmouseout=function() {
		while( this.className.match( new RegExp( " deroule3\\b" ) ) ) {
			this.className=this.className.replace(new RegExp(" deroule3\\b"), "");
		}
		if( !this.className.match( new RegExp( " clique\\b" ) ) ) {
			this.className+=" deroule3";
		}
	}
	onglet_left.onmouseover=function() {
		while( this.className.match( new RegExp( " deroule3\\b" ) ) ) {
			this.className=this.className.replace(new RegExp(" deroule3\\b"), "");
		}
	}

	onglet_right.onmouseout=function() {
		if( !this.className.match( new RegExp( " clique\\b" ) ) ) {
			while( this.className.match( new RegExp( " deroule\\b" ) ) ) {
				this.className=this.className.replace(new RegExp(" deroule\\b"), "");
			}
		}
	}
	onglet_right.onmouseover=function() {
		while( this.className.match( new RegExp( " deroule\\b" ) ) ) {
			this.className=this.className.replace(new RegExp(" deroule\\b"), "");
		}
		this.className+=" deroule";
	}

	/*** Qd on clique **/ 
	onglet_right.onclick=function() {
		this.className+=" deroule2 clique";
		while( onglet_left.className.match( new RegExp( " deroule3\\b" ) ) ) {
			onglet_left.className=onglet_left.className.replace(new RegExp(" deroule3\\b"), "");
		}
		while( onglet_left.className.match( new RegExp( " clique\\b" ) ) ) {
			onglet_left.className=onglet_left.className.replace(new RegExp(" clique\\b"), "");
		}
		onglet_left.className+=" deroule3";
	}
	onglet_left.onclick=function() {
		while( onglet_left.className.match( new RegExp( " clique\\b" ) ) ) {
			onglet_left.className=onglet_left.className.replace(new RegExp(" clique\\b"), "");
		}
		this.className+=" clique";

		while( onglet_right.className.match( new RegExp( " clique\\b" ) ) ) {
			onglet_right.className=onglet_right.className.replace(new RegExp(" clique\\b"), "");
		}
		while( onglet_right.className.match( new RegExp( " deroule2\\b" ) ) ) {
			onglet_right.className=onglet_right.className.replace(new RegExp(" deroule2\\b"), "");
		}
		while( onglet_right.className.match( new RegExp( " deroule\\b" ) ) ) {
			onglet_right.className=onglet_right.className.replace(new RegExp(" deroule\\b"), "");
		}
	}
}

function newLocation(strUrl)
{
	window.location.href=strUrl;
}