diff --git a/app/script.js b/app/script.js
index e161fba..41625af 100644
--- a/app/script.js
+++ b/app/script.js
@@ -38,12 +38,14 @@ class Tache {
         this.nom = nom;
         this.duree = duree;
         this.datedebut = datedebut;
-        this.duree = datefin;
+        this.datefin = datefin;
     }
 
     //fonction qui ajoute une date de début ou de fin en fonction des inputs disponibles
-    ajoute_date(){
+    ajoute_date(debut, fin, duree){
+        if (this.debut != None){
 
+        } 
     }
 }
 
@@ -63,7 +65,10 @@ function update_postit(table) {
     var longueur = table.length;
     for (let i = 0; i < longueur; i++ ) {
         let displayname = table[i].nom;
-        let displayduration = table[i].duree;        
+        let displayduration = table[i].duree;    
+        let displaystartdate = table[i].datedebut;    
+        let displayenddate = table[i].datefin;    
+
         //crée une div qui contient les éléments de la tâche
         let balise = document.createElement("div");
         balise.classList.add("tache");
@@ -72,16 +77,30 @@ function update_postit(table) {
             let textetitre = document.createTextNode(displayname);
             titre.appendChild(textetitre);
             titre.classList.add("titre_tache");
+            //on ajoute le titre à la page HTML dans la div conteneur
+            balise.appendChild(titre);
+            //puis on rajoute un séparateur
+            let separator = document.createElement("hr");
+            balise.appendChild(separator);
             
             //corps de la tâche
-            let corps = document.createElement("p");
-            let textecorps = document.createTextNode("durée " + displayduration + "h");
-            corps.appendChild(textecorps);
-            corps.classList.add("corps_tache")
+            let duree = "durée " + displayduration + "h";
+            let datedebut = "du " + displaystartdate;
+            let datefin = "au " + displayenddate;
+            //liste qui contient les éléments à ajouter
+            var liste = [duree, datedebut, datefin];
+            //boucle de création des élémets à ajouter
+            for (let p = 0; p < liste.length; p++){
+                //ajoute le texte courant
+                let chunck = document.createTextNode(liste[p]);
+                let paragraph = document.createElement("p");
+
+                paragraph.appendChild(chunck);
+                paragraph.classList.add("corps_tache")
+                //ajoute l'élément au corps de texte de la tâche
+                balise.appendChild(paragraph);
+            }            
 
-        //on ajoute le contenu au div de la tâche
-        balise.appendChild(titre);
-        balise.appendChild(corps);
         //ajoute la div de la tâche au conteneur
         element.appendChild(balise);
     }
@@ -93,13 +112,17 @@ function createtask(){
     //on récupère l'input de l'utilisateur.ice
     let taskname = document.getElementById("nom").value;
     let taskduration = document.getElementById("duree").value;
-    let tasdatedebut = document.getElementById("datedebut").value;
+    let taskdatedebut = document.getElementById("datedebut").value;
     let taskdatefin = document.getElementById("datefin").value;
     //on instancie une tâche avec les valeurs de l'utilisateur.ice
-    let tache = new Tache(taskname, taskduration);
+    let tache = new Tache(taskname, taskduration, taskdatedebut, taskdatefin);
     //on ajoute la nouvelle tâche à la fin au tableau de tâches
     tableau_taches.push(tache);
 
+    //on calcule les dates de début et de fin de la tâche en fonction
+    //des inputs envoyés
+    //tache.ajoute_date(taskdatedebut, taskdatefin, taskduration);
+
     //-----TRI PAR DÉFAUT
     //appel de la fonction qui trie les tâches dans le tableau
     // de la plus longue à la plus courte
diff --git a/app/style.css b/app/style.css
index 625bc77..5238b6f 100644
--- a/app/style.css
+++ b/app/style.css
@@ -127,7 +127,8 @@ button:hover{
 
 }
 
-.corps.tache{
+.corps_tache{
     margin: 0;
+    padding: 5px;
 
 }
\ No newline at end of file