diff --git a/src/components/Exemp/TypeExemp.vue b/src/components/Exemp/TypeExemp.vue
index 4f5b77b..9fb6c50 100644
--- a/src/components/Exemp/TypeExemp.vue
+++ b/src/components/Exemp/TypeExemp.vue
@@ -54,8 +54,6 @@ function deleted() {
 
 <style scoped>
 .btn-perso:hover {
-  background-color: lightgrey;
-  transition-duration: 0.3s;
   cursor: pointer;
 }
 
diff --git a/src/components/Modif/TypeTraitement.vue b/src/components/Modif/TypeTraitement.vue
index 9c1302c..83f815e 100644
--- a/src/components/Modif/TypeTraitement.vue
+++ b/src/components/Modif/TypeTraitement.vue
@@ -57,6 +57,10 @@ function deleted() {
 </script>
 
 <style scoped>
+.btn-perso:hover {
+  cursor: pointer;
+}
+
 .group {
   font-size: x-large;
 }
diff --git a/src/components/RecapDemande.vue b/src/components/RecapDemande.vue
index 8884c8c..496229d 100644
--- a/src/components/RecapDemande.vue
+++ b/src/components/RecapDemande.vue
@@ -16,16 +16,21 @@
           <v-row class="d-flex justify-center pa-1">RCR</v-row>
           <v-row class="d-flex justify-center pa-1">{{ demande.rcr }} - {{ demande.shortname }}</v-row>
         </v-col>
-        <v-col>
-          <v-row class="d-flex justify-center pa-1">Type d'exemplarisation</v-row>
+        <v-col v-if="demande.typeExemp">
+          <v-row class="d-flex justify-center pa-1">Type de document</v-row>
           <v-row class="d-flex justify-center pa-1">{{ demande.typeExemp }}</v-row>
         </v-col>
+        <v-col v-if="demande.traitement">
+          <v-row class="d-flex justify-center pa-1">Type de traitement</v-row>
+          <v-row class="d-flex justify-center pa-1">{{ demande.traitement }}</v-row>
+        </v-col>
       </v-row>
     </v-container>
   </div>
 </template>
 
 <script setup>
+
 const props = defineProps({
   demande: {type: Object, required: true}
 });
diff --git a/src/components/Simulation.vue b/src/components/Simulation.vue
index 5a5318f..5e223a2 100644
--- a/src/components/Simulation.vue
+++ b/src/components/Simulation.vue
@@ -10,7 +10,7 @@
     ></v-progress-circular>
   </v-overlay>
   <!-- CONTENU SIMULATION -->
-  <v-card>
+  <v-card flat class="pb-2">
     <v-card-title style="background-color: #295494; color: white" class="d-flex justify-space-between">
       <span>Ecran de simulation</span>
       <v-btn depressed variant="text" @click="deleted()" prepend-icon="mdi-delete">Supprimer</v-btn>
@@ -28,13 +28,9 @@
       <v-col cols="12" sm="12" md="5"> <!--Exemplaires existants-->
         <!--Carte activée si présence exemplaires pour cette notice-->
         <v-card class="pa-1" outlined tile>
-          <span>Exemplaire(s) existant(s)</span>
-          <v-container id="scroll-target" style="max-height: 400px" class="overflow-y-auto">
-            <pre style="text-align: left; padding-top: 1em">
-              <span class="inner-pre" style="text-align: left; padding-top: 1em; overflow-x:scroll;">
-                {{ noticeAvant }}
-              </span>
-            </pre>
+          <h5 class="d-flex justify-center">{{ labelBefore }}</h5>
+          <v-container id="scroll-target" style="max-height: 400px" class="overflow-auto">
+            <pre style="text-align: left" class="py-4">{{ noticeAvant }}</pre>
           </v-container>
         </v-card>
       </v-col>
@@ -43,10 +39,8 @@
       </v-col>
       <v-col cols="12" sm="12" md="5"> <!--Exemplaire à créer-->
         <v-card class="pa-1" outlined tile>
-          <span>Exemplaire à créer</span>
-          <pre style="text-align: left; padding-top: 1em; overflow-x:scroll;">
-            {{ noticeApres }}
-          </pre>
+          <h5 class="d-flex justify-center">{{ labelAfter }}</h5>
+          <pre style="text-align: left" class="py-4 overflow-auto">{{ noticeApres }}</pre>
         </v-card>
       </v-col>
     </v-row>
@@ -64,6 +58,14 @@ const props = defineProps({
   demande: {
     type: Object,
     required: true
+  },
+  labelBefore: {
+    type: String,
+    default: 'Avant'
+  },
+  labelAfter: {
+    type: String,
+    default: 'Après'
   }
 });
 const emits = defineEmits(['deleted'])
@@ -73,17 +75,17 @@ const nbNotice = ref({
   nbTotalNotice: 0
 });
 const numeroPPNNotice = ref();
-const noticeAvant = ref();
-const noticeApres = ref();
+const noticeAvant = ref("");
+const noticeApres = ref("");
 const isLoading = ref(true);
 
 onMounted(() => {
-  demandesService.getNbLigneFichier(props.demande.id, 'EXEMP')
+  demandesService.getNbLigneFichier(props.demande.id, props.demande.type)
     .then(response => {
       console.log(response.data);
       nbNotice.value.nbTotalNotice = response.data;
     });
-  demandesService.simulerLigne(props.demande.id, 0, 'EXEMP')
+  demandesService.simulerLigne(props.demande.id, 0, props.demande.type)
     .then(response => {
       numeroPPNNotice.value = response.data[0];
       noticeAvant.value = response.data[1];
@@ -96,7 +98,7 @@ onMounted(() => {
 
 function refresh() {
   isLoading.value = true;
-  demandesService.simulerLigne(props.demande.id, nbNotice.value.nbNoticeEnCours, 'EXEMP')
+  demandesService.simulerLigne(props.demande.id, nbNotice.value.nbNoticeEnCours, props.demande.type)
     .then(response => {
       numeroPPNNotice.value = response.data[0];
       noticeAvant.value = response.data[1];
@@ -119,7 +121,11 @@ h3 {
 }
 
 h4 {
-  font-size: large;
+  font-size: x-large;
+  font-weight: normal;
+}
+h5 {
+  font-size: x-large;
   font-weight: normal;
 }
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index 7537780..d329048 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -72,6 +72,13 @@ const routes = [
     component: ModifSteps,
     meta: {requiresAuth: true}
   },
+  {
+    path: '/modification/:id',
+    name: 'modificationWithId',
+    component: ModifSteps,
+    props: true,
+    meta: {requiresAuth: true}
+  },
   {
     path: '/exemplarisation',
     name: 'exemplarisation',
diff --git a/src/views/Exemplarisation/ExempSteps.vue b/src/views/Exemplarisation/ExempSteps.vue
index 3fea121..0c7ca7a 100644
--- a/src/views/Exemplarisation/ExempSteps.vue
+++ b/src/views/Exemplarisation/ExempSteps.vue
@@ -82,7 +82,7 @@
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <simulation :demande="demande" @deleted="deleteDemande()"></simulation>
+              <simulation :demande="demande" label-before="Exemplaire(s) existant(s)" label-after="Exemplaire à créer" @deleted="deleteDemande()"></simulation>
               <v-container class="d-flex justify-space-between">
                 <v-btn @click="prev">
                   précédent
@@ -125,7 +125,6 @@ const isLoading = ref(false);
 const dialog = ref(false);
 
 onMounted(()=>{
-  console.log(props.id);
   if(props.id){
     DemandesService.getDemande(props.id, "EXEMP")
       .then(response => {
diff --git a/src/views/Modification/ModifSteps.vue b/src/views/Modification/ModifSteps.vue
index e8f046a..14c96f9 100644
--- a/src/views/Modification/ModifSteps.vue
+++ b/src/views/Modification/ModifSteps.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-container :class="(currentStep === 3) ? '' : 'fill-height'" fluid>
+  <v-container :class="(currentStep === 4) ? '' : 'fill-height'" fluid>
     <v-row align="center" justify="center">
-      <v-col :md="(currentStep === 3) ? '' : '7'">
+      <v-col :md="(currentStep === 4) ? '' : '7'">
         <v-stepper v-model="currentStep" @update:model-value="changeEtape()" alt-labels>
           <v-stepper-header>
             <v-stepper-item
@@ -45,6 +45,7 @@
             </v-stepper-item>
             <v-divider></v-divider>
             <v-stepper-item
+              :color="currentStep >= 4 ? '#295494' : ''"
               icon="mdi-numeric-5"
               title="Simulation"
             >
@@ -65,8 +66,11 @@
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <select-file v-if="!isLoaded" v-model="fileSelected" :is-loading="isLoading" @deleted="deleteDemande()"></select-file>
-              <download-file v-else :file-link="fileLink" :file-name="fileName" @clicked="downloaded">Récupération du fichier de correspondances PPN / EPN</download-file>
+              <select-file v-if="!isLoaded" v-model="fileInitSelected" :is-loading="isLoading"
+                           @deleted="deleteDemande()"></select-file>
+              <download-file v-else :file-link="fileLink" :file-name="fileName" @clicked="downloaded">Récupération du
+                fichier de correspondances PPN / EPN
+              </download-file>
               <v-alert
                 v-if="alertMessage"
                 :type="alertType"
@@ -79,8 +83,8 @@
                   précédent
                 </v-btn>
                 <v-btn
-                  :disabled="!fileSelected"
-                  @click="uploadFile()"
+                  :disabled="!fileInitSelected"
+                  @click="uploadFileInit()"
                   v-if="!isLoaded"
                 >
                   Envoyé
@@ -88,14 +92,15 @@
                 <v-btn
                   v-else
                   :disabled="!isDownloaded"
-                  @click="razBeforeNext()"
+                  @click="next()"
                 >
                   Suivant
                 </v-btn>
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-              <type-traitement v-model="typeTraitementSelected" :is-loading="isLoading" @clicked="modifierTypeTraitementModifDemande()"></type-traitement>
+              <type-traitement v-model="typeTraitementSelected" :is-loading="isLoading"
+                               @clicked="modifierTypeTraitementModifDemande()"></type-traitement>
               <v-container class="d-flex justify-space-between">
                 <v-btn @click="prev">
                   précédent
@@ -103,10 +108,38 @@
               </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-
+              <select-file v-model="fileFinalSelected" :is-loading="isLoading" @deleted="deleteDemande()">Charger le
+                fichier des exemplaires à modifier
+              </select-file>
+              <v-alert
+                v-if="alertMessage"
+                :type="alertType"
+              >
+                <span v-html="alertMessage"></span>
+              </v-alert>
+              <v-container class="d-flex justify-space-between">
+                <v-btn @click="prev">
+                  précédent
+                </v-btn>
+                <v-btn
+                  :disabled="!fileFinalSelected"
+                  @click="uploadFileFinal()"
+                >
+                  Lancer le traitement en simulation
+                </v-btn>
+              </v-container>
             </v-stepper-window-item>
             <v-stepper-window-item>
-<!--              SIMULATION -->
+              <simulation :demande="demande" label-before="Avant traitement" label-after="Après traitement"
+                          @deleted="deleteDemande()"></simulation>
+              <v-container class="d-flex justify-space-between">
+                <v-btn @click="prev">
+                  précédent
+                </v-btn>
+                <v-btn large @click="dialog = true"
+                       aria-label="Lancer le traitement en production">Lancer le traitement en production
+                </v-btn>
+              </v-container>
             </v-stepper-window-item>
           </v-stepper-window>
         </v-stepper>
@@ -116,19 +149,21 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import {onMounted, ref} from 'vue';
 import router from '@/router';
 import demandesService from '@/service/DemandesService';
 import Rcr from '@/components/Rcr.vue';
 import SelectFile from '@/components/SelectFile.vue';
 import DownloadFile from '@/components/Modif/DownloadFile.vue';
 import TypeTraitement from '@/components/Modif/TypeTraitement.vue';
+import Simulation from "@/components/Simulation.vue";
 
 
 const currentStep = ref(0);
 const demande = ref();
 const rcrSelected = ref();
-const fileSelected = ref();
+const fileInitSelected = ref();
+const fileFinalSelected = ref();
 const alertMessage = ref();
 const alertType = ref();
 const isLoaded = ref(false);
@@ -138,7 +173,51 @@ const fileLink = ref('');
 const fileName = ref('');
 const typeTraitementSelected = ref();
 
-const emits = defineEmits(['backendError'])
+const emits = defineEmits(['backendError']);
+const props = defineProps({id: {type: String}});
+
+
+onMounted(() => {
+  if (props.id) {
+    demandesService.getDemande(props.id, "MODIF")
+      .then(response => {
+        console.log(response.data);
+        demande.value = response.data;
+        switch (demande.value.etatDemande) {
+          case 'En préparation':
+            currentStep.value = 1;
+            rcrSelected.value = demande.value.rcr;
+            break;
+          case 'Préparée':
+            currentStep.value = 1;
+            rcrSelected.value = demande.value.rcr;
+            break;
+          case 'A compléter':
+            rcrSelected.value = demande.value.rcr;
+            if (demande.value.traitement) {
+              typeTraitementSelected.value = {
+                id: -1,
+                libelle: demande.value.traitement
+              };
+              currentStep.value = 3;
+            } else {
+              currentStep.value = 2;
+            }
+            break;
+          case 'En simulation':
+            currentStep.value = 4;
+            rcrSelected.value = demande.value.rcr;
+            typeTraitementSelected.value = {
+              id: -1,
+              libelle: demande.value.traitement
+            };
+            break;
+        }
+      }).catch(() => {
+      router.replace("/modification");
+    })
+  }
+})
 
 function createDemande() {
   if (demande.value && (rcrSelected.value === demande.value.rcr)) {
@@ -150,9 +229,9 @@ function createDemande() {
         demande.value = response.data;
         next();
       }).catch(err => {
-        emits('backendError',err);
-      }).finally(() => {
-        isLoading.value = false;
+      emits('backendError', err);
+    }).finally(() => {
+      isLoading.value = false;
     });
   } else {
     isLoading.value = true;
@@ -161,24 +240,24 @@ function createDemande() {
         demande.value = response.data;
         next();
       }).catch(err => {
-        emits('backendError',err);
-      }).finally(() => {
-        isLoading.value = false;
-      });
+      emits('backendError', err);
+    }).finally(() => {
+      isLoading.value = false;
+    });
   }
 }
 
-function uploadFile() {
+function uploadFileInit() {
   alertMessage.value = '';
   alertType.value = 'success';
   isLoading.value = true;
-  demandesService.uploadDemande(demande.value.id, fileSelected.value, 'MODIF')
+  demandesService.uploadDemande(demande.value.id, fileInitSelected.value, 'MODIF')
     .then(() => {
       alertMessage.value = "Fichier envoyé";
       isLoaded.value = true;
       demandesService.getFilePreparer(demande.value.id, 'MODIF')
         .then(response => {
-          let blob = new Blob([response.data], { type: 'application/csv' });
+          let blob = new Blob([response.data], {type: 'application/csv'});
           fileLink.value = window.URL.createObjectURL(blob);
           fileName.value = `fichier_demande_${demande.value.id}.csv`;
         })
@@ -192,51 +271,83 @@ function uploadFile() {
     });
 }
 
-function modifierTypeTraitementModifDemande(){
+function uploadFileFinal() {
+  alertMessage.value = '';
+  alertType.value = 'success';
+  isLoading.value = true;
+  demandesService.uploadDemande(demande.value.id, fileFinalSelected.value, 'MODIF')
+    .then(() => {
+      alertMessage.value = "Fichier envoyé";
+      isLoaded.value = true;
+      next();
+    })
+    .catch(err => {
+      alertMessage.value = err.response.data.message;
+      alertType.value = 'error';
+    })
+    .finally(() => {
+      isLoading.value = false;
+    });
+}
+
+function modifierTypeTraitementModifDemande() {
   isLoading.value = true;
   demandesService.modifierTypeTraitementModifDemande(demande.value.id, typeTraitementSelected.value.id)
     .then(response => {
       demande.value = response.data;
       next()
     }).catch(err => {
-      emits('backendError', err);
+    emits('backendError', err);
   }).finally(() => {
-      isLoading.value = false;
-    });
+    isLoading.value = false;
+  });
 }
-function downloaded(){
+
+function downloaded() {
   isDownloaded.value = true;
 }
-function deleteDemande(){
+
+function deleteDemande() {
   demandesService.deleteDemande(demande.value.id, 'MODIF')
-    .then(()=>{
+    .then(() => {
       router.push('/accueil');
     }).catch(err => {
     emits('backendError', err);
   })
 }
 
-function razBeforeNext(){
-  isLoaded.value = false;
-  isLoading.value = false;
-  isDownloaded.value = false;
-  next();
-}
-function next(){
+function next() {
   currentStep.value++;
+  raz();
 }
-function prev(){
+
+function prev() {
   currentStep.value--;
+  raz();
   changeEtape();
 }
 
 function changeEtape() {
-  if((currentStep.value + 1) <= 2) { //Changement d'etat pour le chargement du fichier car le back est perdu sinon
+  if ((currentStep.value + 1) <= 2) { //Changement d'etat pour le chargement du fichier car le back est perdu sinon
     demandesService.choixEtape(demande.value.id, 2, 'MODIF')
       .then(response => {
         demande.value = response.data;
       });
   }
+  if ((currentStep.value + 1) === 4) {
+    demandesService.choixEtape(demande.value.id, 4, 'MODIF')
+      .then(response => {
+        demande.value = response.data;
+      });
+  }
+}
+
+function raz() {
+  isLoaded.value = false;
+  isLoading.value = false;
+  isDownloaded.value = false;
+  alertMessage.value = '';
+  alertType.value = 'success';
 }
 
 </script>
diff --git a/src/views/Modification/ModifTable.vue b/src/views/Modification/ModifTable.vue
index 358165e..5cfa6b1 100644
--- a/src/views/Modification/ModifTable.vue
+++ b/src/views/Modification/ModifTable.vue
@@ -70,7 +70,7 @@
     </template>
 
     <template v-slot:item="{ item, expand }">
-      <tr @click="onRowClick" @mouseover="onMouseOverRow(item)" @mouseleave="onMouseLeaveRow(item)"
+      <tr @click="onRowClick(item)" @mouseover="onMouseOverRow(item)" @mouseleave="onMouseLeaveRow(item)"
           :class="{ 'highlighted-row': item.highlighted }" style="cursor: pointer;">
         <td>
           <v-btn icon="mdi-chevron-up" @click="item.expanded = !item.expanded" variant="text">
@@ -140,6 +140,7 @@
 <script setup>
 import { onMounted, ref } from 'vue';
 import DemandesService from '@/service/DemandesService';
+import router from "@/router";
 
 const service = DemandesService;
 
@@ -360,8 +361,12 @@ function onMouseLeaveRow(item) {
 }
 
 function onRowClick(item) {
-  console.log('Ligne cliquée avec la demande :', item.id);
+  console.log('Ligne cliquée avec la demande :', item);
   // Faites quelque chose lorsque la ligne est cliquée, par exemple naviguer vers une page de détails de la demande
+  if(item.etatDemande === 'En préparation' || item.etatDemande === 'Préparée' || item.etatDemande === 'A compléter' || item.etatDemande === 'En simulation' ){
+    router.push('/modification/'+item.id);
+  }
+
 }
 
 </script>