diff --git a/interaction.js b/interaction.js
index 5f09822..af24a83 100644
--- a/interaction.js
+++ b/interaction.js
@@ -2,11 +2,41 @@
 // La création d'un Dnd requière un canvas et un interacteur.
 // L'interacteur viendra dans un second temps donc ne vous en souciez pas au départ.
 function DnD(canvas, interactor) {
-	// Définir ici les attributs de la 'classe'
+  // attributs
+  this.iPx = 0;
+  this.iPy = 0;
+  this.fPx = 0;
+  this.fPy = 0;
+  this.currentPoint = 0;
+
+  // fonctions gérant les événements
+  this.mouseDown = function(evt){
+    this.currentPoint = getMousePosition(canvas, evt);
+    this.iPx = this.currentPoint.x;
+    this.iPy = this.currentPoint.y;
+    console.log("md" + evt.x);
+    console.log("md" + evt.y);
+  }.bind(this);
+
+  this.mouseMove = function(evt){
+    this.mouseDown(evt.x, evt.y);
+    console.log("mm" + evt.x);
+    console.log("mm" + evt.y);
+  }.bind(this);
+
+  this.mouseUp = function(evt){
+      this.currentPoint = getMousePosition(canvas, evt);
+      this.fPx = this.currentPoint.x - this.iPx;
+      this.fPy = this.currentPoint.y - this.iPy;
+      console.log("mu" + evt.x);
+      console.log("mu" + evt.y);
+  }.bind(this);
+
+  // Associer les fonctions précédentes aux évènements du canvas.
+  canvas.addEventListener('mousedown', this.mouseDown, false);
+  canvas.addEventListener('mousemove', this.mouseMove, false);
+  canvas.addEventListener('mouseup', this.mouseUp, false);
 
-	// Developper les 3 fonctions gérant les événements
-
-	// Associer les fonctions précédentes aux évènements du canvas.
 };