diff --git a/web/layouts/vehicles/search.html b/web/layouts/vehicles/search.html
index 42c2875..57b8446 100644
--- a/web/layouts/vehicles/search.html
+++ b/web/layouts/vehicles/search.html
@@ -223,11 +223,13 @@
                                             </div>
                                           </div>
                                           {{end}}
-                                          <div class="mt-5 sm:mt-6">
-                                            <button type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button>
+                                          <div x-data="{
+                                            buttondialog: false
+                                          }"class="mt-5 sm:mt-6" x-show="!buttondialog">
+                                            <button @click="buttondialog = !buttondialog" type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button>
                                           </div>
                                         </form>
-                                        <div class="mt-5 sm:mt-6">
+                                        <div class="mt-5 sm:mt-6" >
                                           <button @click="documentsdialog=false" type="button" class="inline-flex w-full justify-center max-w-xs bg-white hover:bg-gray-50 border-gray-300 border px-4 py-2 text-gray-700 items-center text-sm rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-co-blue">Annuler</button>
                                         </div>
                                       </div>