diff --git a/gestion_salle/static/gestion_salle/js/index.js b/gestion_salle/static/gestion_salle/js/index.js
index 9bbd201..c62840a 100644
--- a/gestion_salle/static/gestion_salle/js/index.js
+++ b/gestion_salle/static/gestion_salle/js/index.js
@@ -27,8 +27,14 @@ const calendrier = Schedule(document.getElementById('planning-reservation'), {
             $("motif_reservation").value=data.motif_reservation;
             $("besoin_zoom").checked=data.besoin_zoom;
             $("besoin_ordinateur").checked=data.besoin_ordinateur;
-            $("lien_zoom").value=data.lien_zoom;
-
+            $("lien_zoom").value=data.lien_zoom;    
+            
+            const zoomContainer = $("lien_zoom_container");
+                if (!data.besoin_zoom) {
+                    zoomContainer.classList.add("d-none");
+                } else {
+                    zoomContainer.classList.remove("d-none");
+                }
             if (data.besoin_zoom === false){
                 $("lien_zoom_container").className = "d-none";
             }
@@ -190,4 +196,4 @@ tableau_reservation_attente.on("rowClick", (row, rowData) => {
     const modal = new bootstrap.Modal($("modalDetailReservation"));
     bootstrap.Modal.getOrCreateInstance($("modalReservationAttente")).hide();
     modal.show();
-})
\ No newline at end of file
+})
diff --git a/gestion_salle/templates/gestion_salle/parts/modalDetailResevation.html b/gestion_salle/templates/gestion_salle/parts/modalDetailResevation.html
index 76dff17..487c710 100644
--- a/gestion_salle/templates/gestion_salle/parts/modalDetailResevation.html
+++ b/gestion_salle/templates/gestion_salle/parts/modalDetailResevation.html
@@ -22,11 +22,7 @@
                     </div>
                     <div class="form-group mb-2">
                         <label>Date de debut :</label>
-                        <input type='date' class="form-control" id="date_debut" readonly >
-                    </div>
-                    <div class="form-group mb-2">
-                        <label>Date de fin :</label>
-                        <input type='date' class="form-control" id="date_fin" readonly >
+                        <input type='date' class="form-control" id="date_evenement" readonly >
                     </div>
                     <div class="form-group mb-2">
                         <label>Heure de début :</label>