diff --git a/index (copie).html b/index (copie).html
deleted file mode 100644
index 8f29b0b..0000000
--- a/index (copie).html	
+++ /dev/null
@@ -1,98 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>ReportGenerator-Alice & Bob</title>
-  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <script src="https://unpkg.com/vue"></script>
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-</head>
-<body>
-  <div id="app" class="row">
-  	  {{currentTab}}
-	  <div class="col s10">
-		  <ul class="pagination">
-		    <li v-bind:class="{currentTab=='general' ? 'active' : 'waves-effect'}"><a href="#!" v-on:click="currentTab='general'">Réunion</a></li>
-		    <li v-bind:class="{currentTab=='ordres' ? 'active' : 'waves-effect'}"><a href="#!" v-on:click="currentTab='ordres'">Ordre du jour</a></li>
-		    <li v-bind:class="{currentTab=='participants' ? 'active' : 'waves-effect'}"><a href="#!" v-on:click="currentTab='participants'">Participants</a></li>
-		    <li v-bind:class="{currentTab=='resume' ? 'active' : 'waves-effect'}"><a href="#!" v-on:click="currentTab='resume'">Résumé de la séance</a></li>
-		    <li v-bind:class="{currentTab=='incidents' ? 'active' : 'waves-effect'}"><a href="#!" v-on:click="currentTab='incidents'">Incidents</a></li>
-		  </ul>
-		  <div v-if="{currentTab=='general'}">
-		  	<div class="row">
-			  	<div class="col s5">	
-			  		<label for="type" >Type de réunion</label>
-		    		<input placeholder="Réunion du Conseil" id="type" type="text" class="validate">
-		    	</div>
-		  		<div class="col s5">
-		  			<label for="dateReunion" >Date de tenue de la réunion</label>
-		  			<input placeholder="25 Décembre 2016" id="dateR" type="datetime-local" class="validate">
-		  		</div>
-		    </div>
-		  	<div class="row">
-		  		<div class="col s5">
-		  			<label for="heureDebut" >Heure de début de la réunion</label>
-		  			<input placeholder="19:00" id="heureDebut" type="text" class="validate">
-		  		</div>
-			  	<div class="col s5">
-		  			<label for="heureFin" >Heure de cloture de la réunion</label>
-		  			<input placeholder="20:00" id="heureFin" type="text" class="validate">
-		  		</div>
-		  	</div>
-		  	<div class="row">
-			  	<div class="col s5">	
-			  		<label for="type" >Date de la prochaine réunion</label>
-		    		<input placeholder="18 Janvier 2017" id="type" type="datetime-local" class="validate">
-		    	</div>
-		    </div>
-		  </div>
-		  <div v-if="{currentTab=='ordres'}">
-		  	<div class="row">
-			  	<div class="col s5">	
-			  		<label for="ordre" >Ordre du jour</label>
-		    		<input placeholder="Item supplémentaire" id="ordre" type="text" class="validate" v-model="currentText" v-on:keyup.enter="addOrdre">
-		    	</div>
-		    	<div class="col s5">
-		    		<ul>
-			    		<li class="chip" v-for="ordre in ordres"> {{ ordre }} <i class="close material-icons" v-on:click="delOrdre(ordre)">close</i> </li>
-		    		</ul>
-		    	</div>
-		    </div>
-		  </div>
-		  <div v-if= "{currentTab=='participants'}">
-		  	<div class="row">
-			  	<div class="col s5">	
-			  		<label for="type" >Participants</label>
-		    		<input placeholder="Prénom Nom, fonction." id="type" type="text" class="validate" v-model="currentText" v-on:keyup.enter="addAttendant">
-		    	</div>
-		    	<div class="col s5">
-		    		<ul>
-		    			<li class="chip" v-for="attendant in attendants"> {{ attendant }} <i class="close material-icons" v-on:click="delAttendant(attendant)">close</i> </li>
-		    		</ul>
-		    	</div>
-		    </div>
-		  </div>
-		  <div v-if="{currentTab=='resume'}">
-		  	<div class="row">
-			  	<div class="col s10" v-for="ordre in ordres">
-			  		<label for="type" >{{ordre}}</label>
-		    		<input placeholder="Résumé" id="type" type="text" class="validate">
-		    	</div>
-		    </div>
-		  </div>
-		  <div v-if="{currentTab=='incidents'}">
-		  	<div class="row">
-			  	<div class="col s10">	
-			  		<label for="type" >Incidents</label>
-		    		<input value="Aucun incident à déplorer" id="type" type="text" class="validate">
-		    	</div>
-		    </div>
-		  </div>
-	  	  <button>Générer</button>
-	  </div>
-  </div>
-  <script src="js/app.js"></script>
-  <footer>Gracieusement créé par Antoine Carat, président fondateur d'Alice & Bob. 4ever in our <3</footer>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 849b350..c162ffb 100644
--- a/index.html
+++ b/index.html
@@ -25,9 +25,10 @@
                         <ul class="pagination">
                             <li v-bind:class="{ active: currentTab=='general' }"><a href="#!" v-on:click="currentTab='general'; level=0;">Réunion</a></li>
                             <li v-bind:class="{ active: currentTab=='ordres' }"><a href="#!" v-on:click="currentTab='ordres'; level=25;">Ordre du jour</a></li>
-                            <li v-bind:class="{ active: currentTab=='participants' }"><a href="#!" v-on:click="currentTab='participants'; level=50;">Participants</a></li>
-                            <li v-bind:class="{ active: currentTab=='resume' }"><a href="#!" v-on:click="currentTab='resume'; level=75;">Résumé de la séance</a></li>
-                            <li v-bind:class="{ active: currentTab=='incidents' }"><a href="#!" v-on:click="currentTab='incidents'; level=100;">Incidents</a></li>
+                            <li v-bind:class="{ active: currentTab=='participants' }"><a href="#!" v-on:click="currentTab='participants'; level=35;">Participants</a></li>
+                            <li v-bind:class="{ active: currentTab=='resume' }"><a href="#!" v-on:click="currentTab='resume'; level=50;">Résumé de la séance</a></li>
+                            <li v-bind:class="{ active: currentTab=='incidents' }"><a href="#!" v-on:click="currentTab='incidents'; level=90;">Incidents</a></li>
+                            <li v-bind:class="{ active: currentTab=='cloture' }"><a href="#!" v-on:click="currentTab='cloture'; level=100;">Cloture de la réunion</a></li>
                         </ul>
                     </div>
                 </nav>
@@ -50,16 +51,6 @@
                             <label for="heureDebut" >Heure de début de la réunion</label>
                             <input placeholder="19:00" id="heureDebut" type="text" class="validate" v-model="heureR">
                         </div>
-                        <div class="col s5">
-                            <label for="heureFin" >Heure de cloture de la réunion</label>
-                            <input placeholder="20:00" id="heureFin" type="text" class="validate" v-model="heureF">
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="col s5">
-                            <label for="type" >Date de la prochaine réunion</label>
-                            <input placeholder="18 Janvier 2017" id="dateNext" type="datetime-local" class="validate" v-model="dateNext">
-                        </div>
                     </div>
                 </div>
                 <div v-if="currentTab=='ordres'">
@@ -92,7 +83,7 @@
                     <div class="row">
                         <div class="col s10" v-for="order in orders">
                             <label for="type" >{{order.title}}</label>
-                            <input placeholder="Résumé" id="resume" type="text" class="validate" v-model="order.resume">
+                            <textarea placeholder="Résumé" id="resume" type="text" class="validate materialize-textarea" v-model="order.resume"></textarea>
                         </div>
                     </div>
                 </div>
@@ -100,7 +91,23 @@
                     <div class="row">
                         <div class="col s10">
                             <label for="type" >Incidents</label>
-                            <input id="incidents" type="text" class="validate" v-model="incidents">
+                			<textarea rows="1" id="incidents" class="materialize-textarea validate" v-model="incidents"></textarea>
+                        </div>
+                    </div>
+                </div>
+                <div v-if="currentTab=='cloture'">
+                	<div class="row">
+                		<label for="notes">Notes</label>
+                		<textarea id="notes" class="materialize-textarea" v-model="notes"></textarea>
+                	</div>
+                	<div class="row">
+                        <div class="col s5">
+                            <label for="heureFin" >Heure de cloture de la réunion</label>
+                            <input placeholder="20:00" id="heureFin" type="text" class="validate" v-model="heureF">
+                        </div>
+                        <div class="col s5">
+                            <label for="type" >Date de la prochaine réunion</label>
+                            <input placeholder="18 Janvier 2017" id="dateNext" type="datetime-local" class="validate" v-model="dateNext">
                         </div>
                     </div>
                 </div>
@@ -122,7 +129,7 @@
         </div>
 
         <div id="tex" style="display: none">
-\documentclass{article}
+\documentclass[9pt]{article}
 
 \usepackage[french]{babel}
 \usepackage[utf8]{inputenc}
@@ -172,11 +179,13 @@
 
 \section*{Incidents}
 
-{{ incidents ? incidents : "Aucun incident à déplorer." }}
+{{ incidents ? incidents : "Aucun incident à déplorer." }}\\
 
 \section*{Clôture de la réunion}
 
-{{ dateNext ? "Prochaine réunion le " + dateNext : "Pas de date pour une prochaine réunion" }}. La réunion est close à \heureF{}.
+La réunion est close à \heureF{}.\\
+{{notes}}\\
+{{ dateNext ? "Prochaine réunion le " + dateNext : "Pas de date pour une prochaine réunion" }}.\\
 
 \vfill
 \begin{center}
diff --git a/js/app.js b/js/app.js
index 35730b5..68f7331 100644
--- a/js/app.js
+++ b/js/app.js
@@ -5,15 +5,16 @@ var app = new Vue({
         currentOrder: "",
         currentAttendant: "",
         level: 0,
-        typeR: "Réunion du Conseil",
-        dateR: "7 Septembre 2017",
-        heureR: "18:30",
-        heureF: "20:00",
-        dateNext: "8 Octobre 2017",
-        orders: [{title: "Futur", resume:"jgizbegb."}],
-        attendants: ["carat, président", "thibaud, secretaire"],
+        typeR: "",
+        dateR: "",
+        heureR: "",
+        heureF: "",
+        dateNext: "",
+        orders: [],
+        attendants: [],
         fileName: "",
         incidents: "Aucun incident à déplorer.",
+        notes:"",
     },
     computed: {
         listOrders: function() {
