//Fonction utilisant l'effet Morph. de Sriptaculous pour modifier la div comme ceci:
//$('Appel div').morph('paramètres (taille, largeur, couleur...');
									
//On définit aussi l'état des images et div (s'ils sont visibles ou non):
//document.getElementById("NOM DE L'IMAGE OU DE LA DIV").style.STYLE AJOUTE (ICI LE dislpay="block" rend visible la div ou l'image tandis que le display="none" parmet à l'image ou la div visée de ne pas s'afficher;

var montee = false;

function getPosition(element)
{
    var left = 0;
    var top = 0;
    /*On récupère l'élément*/
    var e = document.getElementById(element);
    /*Tant que l'on a un élément parent*/
	
    while (e.offsetParent != undefined && e.offsetParent != null && e.offsetParent.offsetParent!= null)
    {
        /*On ajoute la position de l'élément parent*/
        left += e.offsetLeft + (e.clientLeft != null ? e.clientLeft : 0);
        top += e.offsetTop + (e.clientTop != null ? e.clientTop : 0);
        e = e.offsetParent;
    }
   	return new Array(left,top);
	 //return left;
}

window.onload = function(){

//Placement de la div definition  notre métier
var pos = getPosition('defmetier');
document.getElementById("defmetier").style.position="absolute";
document.getElementById("defmetier").style.left=pos[0]+6;
document.getElementById("defmetier").style.top=pos[1]-19;
	
}

function metier_deroul()
{
	if(montee==false)
	{
	var topDiv = parseInt(document.getElementById("defmetier").style.top)-367;
	$('defmetier').morph('height:387px;top:'+topDiv+'px', {duration: 0.9});
	/*$('contdefmetier').morph('height:387px;', {duration: 0.9});
	$('titre2_description').morph('color:#ecf6fd; top:-572;', {duration: 0.9});
	$('img_fleche2').morph('top:-586;', {duration: 0.9});*/
	/*document.getElementById("img_fleche2").style.display="block";
	document.getElementById("img_fleche").style.display="none";*/
	document.getElementById("imgfleche").src="../images/metiers_fermer.gif";
	montee=true;
	}
	else
	{
		var topDiv = parseInt(document.getElementById("defmetier").style.top)+367;
		$('defmetier').morph('height:19px;top:'+topDiv+'px', {duration: 0.9});
		document.getElementById("imgfleche").src="../images/metiers_ouvrir.gif";
		montee=false;
	}
}

function metier_deroul2()
{
	
$('contenu2_description').morph('background:#ecf6fd; height:1px; top:-198;', {duration: 0.9});
$('titre2_description').morph('background:#074181; color:#ecf6fd; top:-200;', {duration: 0.9});
$('img_fleche2').morph('top:-216;', {duration: 0.9});
document.getElementById("img_fleche2").style.display="block";
document.getElementById("img_fleche").style.display="none";
document.getElementById("contenu2_description").style.display="block";
setTimeout ( "metier_suppr()", 800 );

}

function metier_suppr()
{
$('contenu2_description').morph('background:#ecf6fd; height:1px; top:-190;');
document.getElementById("contenu2_description").style.display="none";
document.getElementById("img_fleche").style.display="block";
document.getElementById("img_fleche2").style.display="none";
}