function apparition(zone){
	document.getElementById('contenuContact' + zone).className="contenuContactOn";
	document.getElementById('contenuContact' + zone + 'Detail').className="contenuContactDetailOn";
	document.getElementById('contenuContact' + zone + 'Home').className="contenuContactOn";
	document.getElementById('contenuContact' + zone + 'Portable').className="contenuContactOn";
	document.getElementById('contenuContact' + zone + 'Fixe').className="contenuContactOn";
	document.getElementById('contenuContact' + zone + 'Fax').className="contenuContactOn";
	document.getElementById('contenuContact' + zone + 'Email').className="contenuContactOn";
}

function disparition(zone){
	document.getElementById('contenuContact' + zone).className="contenuContactOff"
	document.getElementById('contenuContact' + zone + 'Detail').className="contenuContactDetailOff";;
        document.getElementById('contenuContact' + zone + 'Home').className="contenuContactOff";
        document.getElementById('contenuContact' + zone + 'Portable').className="contenuContactOff";
        document.getElementById('contenuContact' + zone + 'Fixe').className="contenuContactOff";
        document.getElementById('contenuContact' + zone + 'Fax').className="contenuContactOff";
        document.getElementById('contenuContact' + zone + 'Email').className="contenuContactOff";
        }

function animation(rubrique){
	document.getElementById('divanimation').innerHTML="<object type='application/x-shockwave-flash' data='trait.swf?rubrique="+ rubrique +"' width='530px' height='420px'><param name='wmode' value='transparent' /><param name='bgcolor' value='#000000' /><param name='movie' value='trait.swf?rubrique="+ rubrique +"' bgcolor='#000000'/></object>";
	document.getElementById('divanimation').style.visibility = 'visible';	
	}

function centrer() {
	var element = "fond";
	var height=document.getElementById(element).offsetHeight;//hauteur de l'élément à positionner
	var width=document.getElementById(element).offsetWidth;//largeur de l'élément à positionner
	myParent=document.getElementById(element).parentNode;
	var pHeight = window.screen.height;
	var pWidth = window.screen.width;
	var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
	var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
	var posY=(pHeight/2)-(height/2)+sTop;//Calcul de la position en Y
	var posX=(pWidth/2)-(width/2)+sLeft;//Calcul de la position en X
	document.getElementById(element).style.top=posY+"px";
	document.getElementById(element).style.left=posX+"px";
	document.getElementById(element).style.visibility = 'visible';
	}

diapo = new Array;
diapo[0] = '1.jpg'
diapo[1] = '2.jpg'
diapo[2] = '3.jpg'
diapo[3] = '4.jpg'
diapo[4] = '5.jpg'
diapo[5] = '6.jpg'
diapo[6] = '7.jpg'
diapo[7] = '8.jpg'
num = 2

function changeOpac(opacity, id) 
	{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	}

function ChangeImage(){
	if (num == -1){
		num = (diapo.length-1);
		}
        if(document.getElementById)
	        {
		var speed = Math.round(1000 / 100);
		var timer = 0;
		document.getElementById("zone").innerHTML ='<img src="./diapo/'+ diapo[num] + '"> ';
		var object = document.getElementById("zone").style;
		object.opacity = 0;
		object.MozOpacity = 0;
		object.KhtmlOpacity = 0;
		object.filter = "alpha(opacity=0)";

		num = num -1;
		for(i = 0; i <= 100; i++)
	                {
	                setTimeout("changeOpac(" + i + ",'zone')",(timer * speed));
	                timer++;
			}
		}
	setTimeout("ChangeImage()", 6000);
	}

function initFlash(rubrique) {
	document.getElementById('divanimation').innerHTML="<object type='application/x-shockwave-flash' data='trait.swf?rubrique="+ rubrique +"' width='530px' height='420px'><param name='wmode' value='transparent' /><param name='bgcolor' value='#000000' /><param name='movie' value='trait.swf?rubrique="+ rubrique +"' bgcolor='#000000'/></object>";
	}