function initDrag(divId) {
	mon_div = document.getElementById(divId);
	if (ie) {
	// lance ma_fonction quand on appuie sur le bouton de la souris
		mon_div.onmousedown= ma_fonction;
	}	else if (ns4) {
	// lance ma_fonction quand on appuie sur le bouton de la souris
		document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown=ma_fonction;
	}else if (ns6) {
		// lance ma_fonction quand on appuie sur le bouton de la souris
	mon_div.addEventListener("mousedown",ma_fonction, false);
	}
}
function ma_fonction(e) {
	if (ie) {
		//Récupération de la position de la souris
		window.lastX=event.clientX; 
		window.lastY=event.clientY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		document.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		document.onmouseup=endDrag;
	}else if (ns4) {
		//Récupération de la position de la souris
		window.lastX=e.pageX;
		window.lastY=e.pageY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		document.captureEvents(Event.MOUSEMOVE)
		document.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		document.captureEvents(Event.MOUSEUP)
		document.onmouseup=endDrag;
		}else if (ns6) {
		//Récupération de la position de la souris
		window.lastX=e.clientX;
		window.lastY=e.clientY;
		// lance doDrag tant que l'on appuie sur le bouton de la souris en la bougeant
		window.onmousemove=doDrag;
		// lance endDrag quand on relache le bouton de la souris
		window.onmouseup=endDrag;
	}
}
// Déplacement des Divs-Layers
function doDrag(e) {

	if (ie) {
		// Calcul de l'écart de position de la souris
		var difX=event.clientX-window.lastX;
		var difY=event.clientY-window.lastY;
		//Récupération de la position du div et ajout de l'écart de position de la souris
		var newX1 = parseInt(mon_div.style.left)+difX;
		var newY1 = parseInt(mon_div.style.top)+difY;
		// Assignation des nouvelles coordonnées au div
		mon_div.style.left=newX1+"px";
		mon_div.style.top=newY1+"px";
		//Assignation de l'anciènne position de la souris
		window.lastX=event.clientX;
		window.lastY=event.clientY;
		}else if (ns4) {
			// Calcul de l'écart de position de la souris
			var difX=e.pageX-window.lastX;
			var difY=e.pageY-window.lastY;
			//Récupération de la position du div et ajout de l'écart de position de la souris
			var newX1 = parseInt(document.layers.mon_div.left)+difX;
			var newY1 = parseInt(document.layers.mon_div.top)+difY;
			// Assignation des nouvelles coordonnées au div
			document.layers.mon_div.left=newX1;
			document.layers.mon_div.top=newY1;
		//Assignation de l'anciènne position de la souris
			window.lastX=e.pageX;
			window.lastY=e.pageY;
		}else if (ns6) {
				// Calcul de l'écart de position de la souris
			var difX=e.clientX-window.lastX;
			var difY=e.clientY-window.lastY;
			//Récupération de la position du div et ajout de l'écart de position de la souris
			var newX1 = parseInt(document.getElementById(divId).style.left)+difX;
			var newY1 = parseInt(document.getElementById(divId).style.top)+difY;
			// Assignation des nouvelles coordonnées au div
			mon_div.style.left=newX1+"px";
			mon_div.style.top=newY1+"px";
			//Assignation de l'anciènne position de la souris
			window.lastX=e.clientX;
			window.lastY=e.clientY;
	} 
}
function endDrag(e) {
	if (ie || ns4) {
		//Réinitialisation du onmousemove
		document.onmousemove=null;
	}else if (ns6) {
	//Réinitialisation du onmousemove
		window.onmousemove=null;
	}
}
var ie = (document.all)? true:false;
var ns4 = false;
var ns6 = (document.getElementById)? true:false;
/*
if ((ns6) || (ie)) {
	document.write("<div id='mon_div' style='position:absolute; width:160; top:30; left:0; background-color:#606060;'>CECI EST MON DIV</div>");
} else if (ns4) {
	document.write("<layer id='mon_div' width=160 top=30 left=0 bgcolor='#606060'>CECI EST MON DIV</layer>");
}
*/