www.virail.fr Open in urlscan Pro
2a06:98c1:3120::3 Public Scan

Back to summary

Submitted URL:
http://www.virail.fr/
Effective URL:
https://www.virail.fr/
Submission: On November 07 via manual (November 7th 2023, 10:58:26 am UTC) from FR — Scanned from FR

Form analysis
1 forms found in the DOM

<form class="m-0 p-0 w-full" data-v-2465aa7f="">
  <div class="flex z-10 my-4 justify-between md:hidden" data-v-2465aa7f="">
    <div class="flex" data-test-id="tripmode-dropdown" data-v-2465aa7f="">
      <div data-headlessui-state="" class="relative inline-block text-left" data-v-6ef7e6b5="" data-v-2465aa7f=""><button id="headlessui-menu-button-8" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""
          class="flex flex-row items-center gap-1 hover:bg-virail-green-500/[0.1] rounded-md leading-7 pl-2 pr-1 text-base md:text-sm xl:text-base" data-test-id="button" data-v-6ef7e6b5="">
          <div class="label font-normal text-sm leading-6 xl:font-medium" data-test-id="label" data-v-6ef7e6b5="">Aller simple</div>
          <div class="icon" data-test-id="icon" data-v-6ef7e6b5=""><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" data-v-6ef7e6b5="">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" data-v-6ef7e6b5=""></path>
            </svg></div>
        </button><!----></div>
    </div><!---->
    <div class="flex" data-test-id="desktop-passenger-dropdown" data-v-2465aa7f="">
      <div data-headlessui-state="" class="relative inline-block text-left" id="passenger-dropdown" option-title-key="text" wrapper-class="w-48 md:w-52 z-20" data-v-641f37f6="" data-v-2465aa7f=""><button
          class="flex flex-row items-center gap-1 hover:bg-virail-green-500/[0.1] rounded-md leading-7 pl-2 pr-1 text-base md:text-sm xl:text-base" data-test-id="button" id="headlessui-popover-button-10" type="button" aria-expanded="false"
          data-headlessui-state="">
          <div class="label font-normal text-sm leading-6 xl:font-medium" data-test-id="label" data-v-641f37f6="">1 Passager</div>
          <div class="icon" data-v-641f37f6=""><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" data-v-641f37f6="">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" data-v-641f37f6=""></path>
            </svg></div>
        </button><!----><!----></div>
    </div>
  </div>
  <div class="hidden lg:flex flex-row w-full gap-x-2 items-center" data-v-2465aa7f="">
    <div class="flex-1 relative isolate" data-test-id="desktop-departure-input" data-v-2465aa7f="">
      <div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-departure" width="20" height="20" viewBox="0 0 24 24" fill="none"
          xmlns="http://www.w3.org/2000/svg">
          <mask id="mask0_1568_1148" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
            <rect width="24" height="24" fill="#D9D9D9"></rect>
          </mask>
          <g mask="url(#mask0_1568_1148)">
            <path
              d="M12 16C13.1048 16 14.0476 15.6095 14.8286 14.8286C15.6095 14.0476 16 13.1048 16 12C16 10.8952 15.6095 9.95238 14.8286 9.17143C14.0476 8.39048 13.1048 8 12 8C10.8952 8 9.95238 8.39048 9.17143 9.17143C8.39048 9.95238 8 10.8952 8 12C8 13.1048 8.39048 14.0476 9.17143 14.8286C9.95238 15.6095 10.8952 16 12 16Z"
              fill="#9D9D9D"></path>
            <path
              d="M10.9998 22.9501V20.9501C8.91647 20.7167 7.12914 19.8544 5.6378 18.3631C4.1458 16.8711 3.28314 15.0834 3.0498 13H1.0498V11H3.0498C3.28314 8.91672 4.1458 7.12905 5.6378 5.63705C7.12914 4.14572 8.91647 3.28338 10.9998 3.05005V1.05005H12.9998V3.05005C15.0831 3.28338 16.8708 4.14572 18.3628 5.63705C19.8541 7.12905 20.7165 8.91672 20.9498 11H22.9498V13H20.9498C20.7165 15.0834 19.8541 16.8711 18.3628 18.3631C16.8708 19.8544 15.0831 20.7167 12.9998 20.9501V22.9501H10.9998ZM11.9998 19C13.9331 19 15.5831 18.3167 16.9498 16.95C18.3165 15.5834 18.9998 13.9334 18.9998 12C18.9998 10.0667 18.3165 8.41672 16.9498 7.05005C15.5831 5.68338 13.9331 5.00005 11.9998 5.00005C10.0665 5.00005 8.41647 5.68338 7.0498 7.05005C5.68314 8.41672 4.9998 10.0667 4.9998 12C4.9998 13.9334 5.68314 15.5834 7.0498 16.95C8.41647 18.3167 10.0665 19 11.9998 19Z"
              fill="#1E1E1E"></path>
          </g>
        </svg></div>
      <div class="w-full flex"><input type="text"
          class="placeholder-gray-300 w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400"
          placeholder="Sélectionnez un départ" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div>
      <div class="w-full" style="display: none;">
        <div
          class="w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400 h-12 overflow-hidden">
          <span class="text-gray-300">Sélectionnez un départ</span></div>
      </div>
    </div><button id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination" data-v-628768e0="" data-v-2465aa7f="">
      <div class="flex h-12 w-10 items-center justify-center lg:shrink-0 lg:bg-virail-gray-light-500 lg:hover:bg-virail-green-500 lg:hover:text-white lg:rounded-lg lg:transition lg:duration-300 lg:w-[42px] lg:h-[42px]" data-v-628768e0=""><svg
          data-test-id="icon-swap-location-desktop" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="h-6 w-6" data-v-628768e0="">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path>
        </svg></div>
    </button>
    <div class="flex-1 relative isolate" data-test-id="desktop-destination-input" data-v-2465aa7f="">
      <div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-destination" class="h-5" viewBox="0 0 14 20" fill="currentColor"
          xmlns="http://www.w3.org/2000/svg">
          <path
            d="M7 20C4.65 18.2667 1.737 11.95 1.737 11.95C1.737 11.95 0 8.71667 0 7.15C0 5.96667 0.212667 4.929 0.638 4.037C1.06267 3.14567 1.60833 2.4 2.275 1.8C2.94167 1.2 3.69167 0.75 4.525 0.45C5.35833 0.15 6.18333 0 7 0C7.81667 0 8.64167 0.15 9.475 0.45C10.3083 0.75 11.0583 1.2 11.725 1.8C12.3917 2.4 12.9377 3.14567 13.363 4.037C13.7877 4.929 14 5.96667 14 7.15C14 8.71667 12.262 11.95 12.262 11.95C12.262 11.95 9.35 18.2667 7 20ZM7 9C7.55 9 8.021 8.804 8.413 8.412C8.80433 8.02067 9 7.55 9 7C9 6.45 8.80433 5.979 8.413 5.587C8.021 5.19567 7.55 5 7 5C6.45 5 5.97933 5.19567 5.588 5.587C5.196 5.979 5 6.45 5 7C5 7.55 5.196 8.02067 5.588 8.412C5.97933 8.804 6.45 9 7 9Z"
            fill="#20203E"></path>
        </svg></div>
      <div class="w-full flex"><input type="text"
          class="placeholder-gray-300 w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400"
          placeholder="Sélectionnez une destination" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div>
      <div class="w-full" style="display: none;">
        <div
          class="w-full border-none pl-10 bg-virail-gray-light-500 rounded-lg text-sm outline-none text-virail-gray-600 py-2 px-3 leading-[26px] font-normal transition-colors duration-200 ease-in-out focus:ring-transparent border-transparentplaceholder-gray-400 h-12 overflow-hidden">
          <span class="text-gray-300">Sélectionnez une destination</span></div>
      </div>
    </div>
    <div class="flex-1 relative isolate" data-test-id="desktop-start-date" data-v-2465aa7f="">
      <div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-calendar" width="25" height="24" viewBox="0 0 25 24" fill="none"
          xmlns="http://www.w3.org/2000/svg">
          <path d="M7.6001 3C5.391 3 3.6 4.791 3.6001 7L3.6001 8H21.6001V7C21.6001 4.791 19.8092 3 17.6001 3C16.7647 3.00001 11.0435 3.00001 8.6001 3C8.11879 3 7.76466 3 7.6001 3Z" fill="#9D9D9D"></path>
          <path fill-rule="evenodd" clip-rule="evenodd"
            d="M8.59424 2C9.14652 2 9.59424 2.44738 9.59424 2.99926V4.99777C9.59424 5.54964 9.14652 5.99702 8.59424 5.99702C8.04195 5.99702 7.59424 5.54964 7.59424 4.99777V2.99926C7.59424 2.44738 8.04195 2 8.59424 2ZM16.5942 2C17.1465 2 17.5942 2.44738 17.5942 2.99926V4.99777C17.5942 5.54964 17.1465 5.99702 16.5942 5.99702C16.042 5.99702 15.5942 5.54964 15.5942 4.99777V2.99926C15.5942 2.44738 16.042 2 16.5942 2ZM3.6001 17.003V10.0082H21.6001V17.003C21.6002 19.2103 19.8092 21 17.6001 21H7.6001C5.391 21 3.6001 19.2103 3.6001 17.003ZM9.6001 13.006C9.6001 12.4544 9.1524 12.0067 8.6001 12.0067C8.0478 12.0067 7.6001 12.4544 7.6001 13.006C7.6001 13.5575 8.0478 14.0052 8.6001 14.0052C9.1524 14.0052 9.6001 13.5575 9.6001 13.006ZM13.6001 13.006C13.6001 12.4544 13.1524 12.0067 12.6001 12.0067C12.0478 12.0067 11.6001 12.4544 11.6001 13.006C11.6001 13.5575 12.0478 14.0052 12.6001 14.0052C13.1524 14.0052 13.6001 13.5575 13.6001 13.006ZM17.6001 13.006C17.6001 12.4544 17.1524 12.0067 16.6001 12.0067C16.0478 12.0067 15.6001 12.4544 15.6001 13.006C15.6001 13.5575 16.0478 14.0052 16.6001 14.0052C17.1524 14.0052 17.6001 13.5575 17.6001 13.006ZM9.6001 17.003C9.6001 16.4514 9.1524 16.0037 8.6001 16.0037C8.0478 16.0037 7.6001 16.4514 7.6001 17.003C7.6001 17.5546 8.0478 18.0022 8.6001 18.0022C9.1524 18.0022 9.6001 17.5546 9.6001 17.003ZM13.6001 17.003C13.6001 16.4514 13.1524 16.0037 12.6001 16.0037C12.0478 16.0037 11.6001 16.4514 11.6001 17.003C11.6001 17.5546 12.0478 18.0022 12.6001 18.0022C13.1524 18.0022 13.6001 17.5546 13.6001 17.003ZM17.6001 17.003C17.6001 16.4514 17.1524 16.0037 16.6001 16.0037C16.0478 16.0037 15.6001 16.4514 15.6001 17.003C15.6001 17.5546 16.0478 18.0022 16.6001 18.0022C17.1524 18.0022 17.6001 17.5546 17.6001 17.003Z"
            fill="#1E1E1E"></path>
        </svg></div>
      <div class="flex-1 relative h-full flex items-center" data-v-2465aa7f="">
        <div data-test-id="masked-date" role="button" id=""
          class="w-full flex items-center h-12 border-none pl-10 text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-2 px-3 rounded-lg bg-virail-gray-light-500 cursor-pointer">
          <svg class="hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7 3.00003C4.7909 3.00003 2.9999 4.79103 3 7.00003L3 8.00003H21V7.00003C21 4.79103 19.2091 3.00003 17 3.00003C16.1646 3.00004 10.4434 3.00004 8 3.00003C7.51869 3.00003 7.16456 3.00003 7 3.00003Z" fill="#0099A4"
              fill-opacity="0.4"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M7.99414 2C8.54643 2 8.99414 2.44738 8.99414 2.99926V4.99777C8.99414 5.54964 8.54643 5.99702 7.99414 5.99702C7.44186 5.99702 6.99414 5.54964 6.99414 4.99777V2.99926C6.99414 2.44738 7.44186 2 7.99414 2ZM15.9941 2C16.5464 2 16.9941 2.44738 16.9941 2.99926V4.99777C16.9941 5.54964 16.5464 5.99702 15.9941 5.99702C15.4419 5.99702 14.9941 5.54964 14.9941 4.99777V2.99926C14.9941 2.44738 15.4419 2 15.9941 2ZM3 17.003V10.0082H21V17.003C21.0001 19.2103 19.2091 21 17 21H7C4.7909 21 3 19.2103 3 17.003ZM9 13.006C9 12.4544 8.5523 12.0067 8 12.0067C7.4477 12.0067 7 12.4544 7 13.006C7 13.5575 7.4477 14.0052 8 14.0052C8.5523 14.0052 9 13.5575 9 13.006ZM13 13.006C13 12.4544 12.5523 12.0067 12 12.0067C11.4477 12.0067 11 12.4544 11 13.006C11 13.5575 11.4477 14.0052 12 14.0052C12.5523 14.0052 13 13.5575 13 13.006ZM17 13.006C17 12.4544 16.5523 12.0067 16 12.0067C15.4477 12.0067 15 12.4544 15 13.006C15 13.5575 15.4477 14.0052 16 14.0052C16.5523 14.0052 17 13.5575 17 13.006ZM9 17.003C9 16.4514 8.5523 16.0037 8 16.0037C7.4477 16.0037 7 16.4514 7 17.003C7 17.5546 7.4477 18.0022 8 18.0022C8.5523 18.0022 9 17.5546 9 17.003ZM13 17.003C13 16.4514 12.5523 16.0037 12 16.0037C11.4477 16.0037 11 16.4514 11 17.003C11 17.5546 11.4477 18.0022 12 18.0022C12.5523 18.0022 13 17.5546 13 17.003ZM17 17.003C17 16.4514 16.5523 16.0037 16 16.0037C15.4477 16.0037 15 16.4514 15 17.003C15 17.5546 15.4477 18.0022 16 18.0022C16.5523 18.0022 17 17.5546 17 17.003Z"
              fill="#0099A4"></path>
          </svg> 08/11/2023</div>
        <div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto w-72 rounded-lg shadow p-4 absolute z-50 top-0" style="display: none;"><button type="button"
            class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-500 hover:bg-virail-200 p-1 rounded-full z-20"><svg class="h-8 w-8 text-white inline-flex" fill="none"
              viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
            </svg></button>
          <div class="flex justify-between items-center mb-2">
            <div><span class="text-lg font-bold text-gray-800">novembre</span><span class="ml-1 text-lg text-gray-600 font-normal">2023</span></div>
            <div><button type="button" class="cursor-not-allowed focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex p-1 rounded-full"><svg class="h-6 w-6 inline-flex text-gray-300" fill="none" viewBox="0 0 24 24"
                  stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                </svg></button><button type="button" class="focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full"><svg class="h-6 w-6 text-gray-500 inline-flex"
                  fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                </svg></button></div>
          </div>
          <div class="grid grid-cols-7">
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Lu</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Ma</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Me</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Je</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Ve</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Sa</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Di</div>
            <div>
              <div class="text-center border p-1 border-transparent text-sm"></div>
            </div>
            <div>
              <div class="text-center border p-1 border-transparent text-sm"></div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="1" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>1</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="2" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>2</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="3" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>3</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="4" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>4</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="5" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>5</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="6" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>6</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="7" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>7</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="8" class="bg-virail-500 text-white cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>8</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="9" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>9</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="10" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>10</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="11" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>11</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="12" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>12</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="13" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>13</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="14" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>14</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="15" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>15</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="16" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>16</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="17" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>17</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="18" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>18</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="19" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>19</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="20" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>20</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="21" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>21</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="22" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>22</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="23" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>23</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="24" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>24</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="25" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>25</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="26" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>26</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="27" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>27</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="28" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>28</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="29" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>29</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="30" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>30</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="flex-1 relative isolate" data-test-id="desktop-return-date" data-v-2465aa7f="">
      <div class="absolute z-10 inset-y-0 left-0 px-2.5 flex items-center pointer-events-none text-[#20203E]" data-test-id="icon"><svg data-test-id="icon-calendar" width="25" height="24" viewBox="0 0 25 24" fill="none"
          xmlns="http://www.w3.org/2000/svg">
          <path d="M7.6001 3C5.391 3 3.6 4.791 3.6001 7L3.6001 8H21.6001V7C21.6001 4.791 19.8092 3 17.6001 3C16.7647 3.00001 11.0435 3.00001 8.6001 3C8.11879 3 7.76466 3 7.6001 3Z" fill="#9D9D9D"></path>
          <path fill-rule="evenodd" clip-rule="evenodd"
            d="M8.59424 2C9.14652 2 9.59424 2.44738 9.59424 2.99926V4.99777C9.59424 5.54964 9.14652 5.99702 8.59424 5.99702C8.04195 5.99702 7.59424 5.54964 7.59424 4.99777V2.99926C7.59424 2.44738 8.04195 2 8.59424 2ZM16.5942 2C17.1465 2 17.5942 2.44738 17.5942 2.99926V4.99777C17.5942 5.54964 17.1465 5.99702 16.5942 5.99702C16.042 5.99702 15.5942 5.54964 15.5942 4.99777V2.99926C15.5942 2.44738 16.042 2 16.5942 2ZM3.6001 17.003V10.0082H21.6001V17.003C21.6002 19.2103 19.8092 21 17.6001 21H7.6001C5.391 21 3.6001 19.2103 3.6001 17.003ZM9.6001 13.006C9.6001 12.4544 9.1524 12.0067 8.6001 12.0067C8.0478 12.0067 7.6001 12.4544 7.6001 13.006C7.6001 13.5575 8.0478 14.0052 8.6001 14.0052C9.1524 14.0052 9.6001 13.5575 9.6001 13.006ZM13.6001 13.006C13.6001 12.4544 13.1524 12.0067 12.6001 12.0067C12.0478 12.0067 11.6001 12.4544 11.6001 13.006C11.6001 13.5575 12.0478 14.0052 12.6001 14.0052C13.1524 14.0052 13.6001 13.5575 13.6001 13.006ZM17.6001 13.006C17.6001 12.4544 17.1524 12.0067 16.6001 12.0067C16.0478 12.0067 15.6001 12.4544 15.6001 13.006C15.6001 13.5575 16.0478 14.0052 16.6001 14.0052C17.1524 14.0052 17.6001 13.5575 17.6001 13.006ZM9.6001 17.003C9.6001 16.4514 9.1524 16.0037 8.6001 16.0037C8.0478 16.0037 7.6001 16.4514 7.6001 17.003C7.6001 17.5546 8.0478 18.0022 8.6001 18.0022C9.1524 18.0022 9.6001 17.5546 9.6001 17.003ZM13.6001 17.003C13.6001 16.4514 13.1524 16.0037 12.6001 16.0037C12.0478 16.0037 11.6001 16.4514 11.6001 17.003C11.6001 17.5546 12.0478 18.0022 12.6001 18.0022C13.1524 18.0022 13.6001 17.5546 13.6001 17.003ZM17.6001 17.003C17.6001 16.4514 17.1524 16.0037 16.6001 16.0037C16.0478 16.0037 15.6001 16.4514 15.6001 17.003C15.6001 17.5546 16.0478 18.0022 16.6001 18.0022C17.1524 18.0022 17.6001 17.5546 17.6001 17.003Z"
            fill="#1E1E1E"></path>
        </svg></div>
      <div class="flex-1 relative h-full flex items-center" data-v-2465aa7f="">
        <div role="button"
          class="w-full flex items-center h-12 border-none rounded-r-lg pl-10 text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 px-3 lg:rounded-l-lg bg-virail-gray-light-500 cursor-pointer">
          <span class="tracking-tighter text-gray-700 text-sm xs:text-base lg:text-sm" data-test-id="add-return-button">+ Revenir</span></div>
        <div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto w-72 rounded-lg shadow p-4 absolute z-50 top-0" style="display: none;"><button type="button"
            class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-500 hover:bg-virail-200 p-1 rounded-full z-20"><svg class="h-8 w-8 text-white inline-flex" fill="none"
              viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
            </svg></button>
          <div class="flex justify-between items-center mb-2">
            <div><span class="text-lg font-bold text-gray-800">novembre</span><span class="ml-1 text-lg text-gray-600 font-normal">2023</span></div>
            <div><button type="button" class="cursor-not-allowed focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex p-1 rounded-full"><svg class="h-6 w-6 inline-flex text-gray-300" fill="none" viewBox="0 0 24 24"
                  stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                </svg></button><button type="button" class="focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full"><svg class="h-6 w-6 text-gray-500 inline-flex"
                  fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                </svg></button></div>
          </div>
          <div class="grid grid-cols-7">
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Lu</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Ma</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Me</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Je</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Ve</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Sa</div>
            <div class="text-gray-800 font-medium text-center text-xs mb-3">Di</div>
            <div>
              <div class="text-center border p-1 border-transparent text-sm"></div>
            </div>
            <div>
              <div class="text-center border p-1 border-transparent text-sm"></div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="1" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>1</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="2" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>2</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="3" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>3</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="4" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>4</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="5" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>5</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="6" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>6</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="7" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>7</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="8" class="bg-virail-500 text-white cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>8</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="9" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>9</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="10" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>10</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="11" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>11</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="12" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>12</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="13" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>13</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="14" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>14</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="15" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>15</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="16" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>16</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="17" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>17</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="18" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>18</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="19" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>19</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="20" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>20</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="21" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>21</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="22" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>22</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="23" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>23</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="24" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>24</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="25" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>25</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="26" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>26</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="27" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>27</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="28" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>28</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="29" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>29</span></div>
              </div>
            </div>
            <div>
              <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                <div data-test-id="30" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                  <span>30</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div><button type="submit" class="virail-cta-button flex justify-center border-0 py-2 px-6 focus:outline-none rounded-lg text-base leading-[26px] tracking-wider font-medium" data-v-2465aa7f=""><span class="vir-wordbreak-keep-all"
        data-v-2465aa7f="">Rechercher</span></button>
  </div>
  <div class="lg:hidden" data-test-id="mobile-departure-input" data-v-2465aa7f="">
    <div class="relative" data-v-2465aa7f=""><button id="destination-switcher" data-test-id="desktop-location-switcher" aria-label="Switch Destination" class="absolute right-0 z-10 group" data-v-628768e0="" data-v-2465aa7f="">
        <div class="flex h-12 w-10 items-center justify-center lg:shrink-0 lg:bg-virail-gray-light-500 lg:hover:bg-virail-green-500 lg:hover:text-white lg:rounded-lg lg:transition lg:duration-300 lg:w-[42px] lg:h-[42px]" data-v-628768e0=""><svg
            data-test-id="icon-swap-location-mobile" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-628768e0="">
            <path d="M-2.18557e-07 5L5 -4.80825e-07L10 5L8.575 6.4L6 3.825L6 11L4 11L4 3.825L1.425 6.4L-2.18557e-07 5ZM6 15L7.425 13.6L10 16.175L10 9L12 9L12 16.175L14.575 13.6L16 15L11 20L6 15Z" fill="#20203E"></path>
          </svg></div>
      </button>
      <div class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none" data-v-2465aa7f=""><svg class="w-5 aspect-square" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-2465aa7f="">
          <path
            d="M9.9998 21.9501V19.9501C7.91647 19.7167 6.12914 18.8544 4.6378 17.3631C3.1458 15.8711 2.28314 14.0834 2.0498 12H0.0498047V10H2.0498C2.28314 7.91672 3.1458 6.12905 4.6378 4.63705C6.12914 3.14572 7.91647 2.28338 9.9998 2.05005V0.0500488H11.9998V2.05005C14.0831 2.28338 15.8708 3.14572 17.3628 4.63705C18.8541 6.12905 19.7165 7.91672 19.9498 10H21.9498V12H19.9498C19.7165 14.0834 18.8541 15.8711 17.3628 17.3631C15.8708 18.8544 14.0831 19.7167 11.9998 19.9501V21.9501H9.9998ZM10.9998 18C12.9331 18 14.5831 17.3167 15.9498 15.95C17.3165 14.5834 17.9998 12.9334 17.9998 11C17.9998 9.06672 17.3165 7.41672 15.9498 6.05005C14.5831 4.68338 12.9331 4.00005 10.9998 4.00005C9.06647 4.00005 7.41647 4.68338 6.0498 6.05005C4.68314 7.41672 3.9998 9.06672 3.9998 11C3.9998 12.9334 4.68314 14.5834 6.0498 15.95C7.41647 17.3167 9.06647 18 10.9998 18ZM10.9998 15C9.8998 15 8.95814 14.6084 8.1748 13.825C7.39147 13.0417 6.9998 12.1 6.9998 11C6.9998 9.90005 7.39147 8.95838 8.1748 8.17505C8.95814 7.39172 9.8998 7.00005 10.9998 7.00005C12.0998 7.00005 13.0415 7.39172 13.8248 8.17505C14.6081 8.95838 14.9998 9.90005 14.9998 11C14.9998 12.1 14.6081 13.0417 13.8248 13.825C13.0415 14.6084 12.0998 15 10.9998 15Z"
            fill="#20203E" data-v-2465aa7f=""></path>
        </svg></div>
      <div class="w-full flex"><input type="text"
          class="placeholder-gray-300 w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-virail-gray-600 font-normal py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400"
          placeholder="Sélectionnez un départ" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div>
      <div class="w-full" style="display: none;">
        <div
          class="w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-virail-gray-600 font-normal py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400 h-12 overflow-hidden">
          <span class="text-gray-300">Sélectionnez un départ</span></div>
      </div>
    </div>
  </div>
  <div class="mt-2 lg:hidden" data-test-id="mobile-destination-input" data-v-2465aa7f=""><!---->
    <div class="relative" data-v-2465aa7f="">
      <div class="absolute inset-y-0 left-0 px-3 flex items-center pointer-events-none" data-v-2465aa7f=""><svg class="h-5" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-2465aa7f="">
          <path
            d="M7 20C4.65 18.2667 1.737 11.95 1.737 11.95C1.737 11.95 0 8.71667 0 7.15C0 5.96667 0.212667 4.929 0.638 4.037C1.06267 3.14567 1.60833 2.4 2.275 1.8C2.94167 1.2 3.69167 0.75 4.525 0.45C5.35833 0.15 6.18333 0 7 0C7.81667 0 8.64167 0.15 9.475 0.45C10.3083 0.75 11.0583 1.2 11.725 1.8C12.3917 2.4 12.9377 3.14567 13.363 4.037C13.7877 4.929 14 5.96667 14 7.15C14 8.71667 12.262 11.95 12.262 11.95C12.262 11.95 9.35 18.2667 7 20ZM7 9C7.55 9 8.021 8.804 8.413 8.412C8.80433 8.02067 9 7.55 9 7C9 6.45 8.80433 5.979 8.413 5.587C8.021 5.19567 7.55 5 7 5C6.45 5 5.97933 5.19567 5.588 5.587C5.196 5.979 5 6.45 5 7C5 7.55 5.196 8.02067 5.588 8.412C5.97933 8.804 6.45 9 7 9Z"
            fill="#20203E" data-v-2465aa7f=""></path>
        </svg></div>
      <div class="w-full flex"><input type="text"
          class="placeholder-gray-300 w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-gray-700 py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400"
          placeholder="Sélectionnez une destination" aria-label="Search" autocomplete="off" autocapitalize="off" autocorrect="off" data-lpignore="true"><!----></div>
      <div class="w-full" style="display: none;">
        <div
          class="w-full flex items-center border-none pl-10 bg-virail-gray-50 rounded-lg text-base outline-none text-gray-700 py-1 px-3 leading-4 h-12 transition-colors duration-200 ease-in-out focus:ring-virail-500placeholder-gray-400 h-12 overflow-hidden">
          <span class="text-gray-300">Sélectionnez une destination</span></div>
      </div>
    </div>
  </div>
  <div class="mt-2 grid grid-cols-8 gap-y-3 lg:hidden" data-v-2465aa7f=""><!---->
    <div class="col-span-4 lg:col-span-3 order-first lg:order-2" data-test-id="mobile-departure-datepicker" data-v-2465aa7f="">
      <div class="rounded-lg relative" data-v-2465aa7f="">
        <div class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3" data-v-2465aa7f=""><svg data-test-id="icon-calendar" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
            data-v-2465aa7f="">
            <path d="M7.6001 3C5.391 3 3.6 4.791 3.6001 7L3.6001 8H21.6001V7C21.6001 4.791 19.8092 3 17.6001 3C16.7647 3.00001 11.0435 3.00001 8.6001 3C8.11879 3 7.76466 3 7.6001 3Z" fill="#9D9D9D"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M8.59424 2C9.14652 2 9.59424 2.44738 9.59424 2.99926V4.99777C9.59424 5.54964 9.14652 5.99702 8.59424 5.99702C8.04195 5.99702 7.59424 5.54964 7.59424 4.99777V2.99926C7.59424 2.44738 8.04195 2 8.59424 2ZM16.5942 2C17.1465 2 17.5942 2.44738 17.5942 2.99926V4.99777C17.5942 5.54964 17.1465 5.99702 16.5942 5.99702C16.042 5.99702 15.5942 5.54964 15.5942 4.99777V2.99926C15.5942 2.44738 16.042 2 16.5942 2ZM3.6001 17.003V10.0082H21.6001V17.003C21.6002 19.2103 19.8092 21 17.6001 21H7.6001C5.391 21 3.6001 19.2103 3.6001 17.003ZM9.6001 13.006C9.6001 12.4544 9.1524 12.0067 8.6001 12.0067C8.0478 12.0067 7.6001 12.4544 7.6001 13.006C7.6001 13.5575 8.0478 14.0052 8.6001 14.0052C9.1524 14.0052 9.6001 13.5575 9.6001 13.006ZM13.6001 13.006C13.6001 12.4544 13.1524 12.0067 12.6001 12.0067C12.0478 12.0067 11.6001 12.4544 11.6001 13.006C11.6001 13.5575 12.0478 14.0052 12.6001 14.0052C13.1524 14.0052 13.6001 13.5575 13.6001 13.006ZM17.6001 13.006C17.6001 12.4544 17.1524 12.0067 16.6001 12.0067C16.0478 12.0067 15.6001 12.4544 15.6001 13.006C15.6001 13.5575 16.0478 14.0052 16.6001 14.0052C17.1524 14.0052 17.6001 13.5575 17.6001 13.006ZM9.6001 17.003C9.6001 16.4514 9.1524 16.0037 8.6001 16.0037C8.0478 16.0037 7.6001 16.4514 7.6001 17.003C7.6001 17.5546 8.0478 18.0022 8.6001 18.0022C9.1524 18.0022 9.6001 17.5546 9.6001 17.003ZM13.6001 17.003C13.6001 16.4514 13.1524 16.0037 12.6001 16.0037C12.0478 16.0037 11.6001 16.4514 11.6001 17.003C11.6001 17.5546 12.0478 18.0022 12.6001 18.0022C13.1524 18.0022 13.6001 17.5546 13.6001 17.003ZM17.6001 17.003C17.6001 16.4514 17.1524 16.0037 16.6001 16.0037C16.0478 16.0037 15.6001 16.4514 15.6001 17.003C15.6001 17.5546 16.0478 18.0022 16.6001 18.0022C17.1524 18.0022 17.6001 17.5546 17.6001 17.003Z"
              fill="#1E1E1E"></path>
          </svg></div>
        <div class="flex-1 relative h-full flex items-center" data-v-2465aa7f="">
          <div data-test-id="masked-date" role="button" id=""
            class="w-full flex items-center h-12 border-none pl-10 text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 px-3 rounded-l-lg bg-virail-gray-50 cursor-pointer lg:rounded-lg">
            <svg class="hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M7 3.00003C4.7909 3.00003 2.9999 4.79103 3 7.00003L3 8.00003H21V7.00003C21 4.79103 19.2091 3.00003 17 3.00003C16.1646 3.00004 10.4434 3.00004 8 3.00003C7.51869 3.00003 7.16456 3.00003 7 3.00003Z" fill="#0099A4"
                fill-opacity="0.4"></path>
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M7.99414 2C8.54643 2 8.99414 2.44738 8.99414 2.99926V4.99777C8.99414 5.54964 8.54643 5.99702 7.99414 5.99702C7.44186 5.99702 6.99414 5.54964 6.99414 4.99777V2.99926C6.99414 2.44738 7.44186 2 7.99414 2ZM15.9941 2C16.5464 2 16.9941 2.44738 16.9941 2.99926V4.99777C16.9941 5.54964 16.5464 5.99702 15.9941 5.99702C15.4419 5.99702 14.9941 5.54964 14.9941 4.99777V2.99926C14.9941 2.44738 15.4419 2 15.9941 2ZM3 17.003V10.0082H21V17.003C21.0001 19.2103 19.2091 21 17 21H7C4.7909 21 3 19.2103 3 17.003ZM9 13.006C9 12.4544 8.5523 12.0067 8 12.0067C7.4477 12.0067 7 12.4544 7 13.006C7 13.5575 7.4477 14.0052 8 14.0052C8.5523 14.0052 9 13.5575 9 13.006ZM13 13.006C13 12.4544 12.5523 12.0067 12 12.0067C11.4477 12.0067 11 12.4544 11 13.006C11 13.5575 11.4477 14.0052 12 14.0052C12.5523 14.0052 13 13.5575 13 13.006ZM17 13.006C17 12.4544 16.5523 12.0067 16 12.0067C15.4477 12.0067 15 12.4544 15 13.006C15 13.5575 15.4477 14.0052 16 14.0052C16.5523 14.0052 17 13.5575 17 13.006ZM9 17.003C9 16.4514 8.5523 16.0037 8 16.0037C7.4477 16.0037 7 16.4514 7 17.003C7 17.5546 7.4477 18.0022 8 18.0022C8.5523 18.0022 9 17.5546 9 17.003ZM13 17.003C13 16.4514 12.5523 16.0037 12 16.0037C11.4477 16.0037 11 16.4514 11 17.003C11 17.5546 11.4477 18.0022 12 18.0022C12.5523 18.0022 13 17.5546 13 17.003ZM17 17.003C17 16.4514 16.5523 16.0037 16 16.0037C15.4477 16.0037 15 16.4514 15 17.003C15 17.5546 15.4477 18.0022 16 18.0022C16.5523 18.0022 17 17.5546 17 17.003Z"
                fill="#0099A4"></path>
            </svg> 08/11/2023</div>
          <div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto w-72 rounded-lg shadow p-4 absolute z-50 top-0" style="display: none;"><button type="button"
              class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-500 hover:bg-virail-200 p-1 rounded-full z-20"><svg class="h-8 w-8 text-white inline-flex"
                fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
              </svg></button>
            <div class="flex justify-between items-center mb-2">
              <div><span class="text-lg font-bold text-gray-800">novembre</span><span class="ml-1 text-lg text-gray-600 font-normal">2023</span></div>
              <div><button type="button" class="cursor-not-allowed focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex p-1 rounded-full"><svg class="h-6 w-6 inline-flex text-gray-300" fill="none"
                    viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                  </svg></button><button type="button" class="focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full"><svg class="h-6 w-6 text-gray-500 inline-flex"
                    fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                  </svg></button></div>
            </div>
            <div class="grid grid-cols-7">
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Lu</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Ma</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Me</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Je</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Ve</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Sa</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Di</div>
              <div>
                <div class="text-center border p-1 border-transparent text-sm"></div>
              </div>
              <div>
                <div class="text-center border p-1 border-transparent text-sm"></div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="1" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>1</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="2" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>2</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="3" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>3</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="4" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>4</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="5" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>5</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="6" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>6</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="7" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>7</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="8" class="bg-virail-500 text-white cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>8</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="9" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>9</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="10" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>10</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="11" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>11</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="12" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>12</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="13" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>13</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="14" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>14</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="15" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>15</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="16" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>16</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="17" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>17</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="18" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>18</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="19" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>19</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="20" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>20</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="21" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>21</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="22" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>22</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="23" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>23</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="24" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>24</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="25" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>25</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="26" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>26</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="27" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>27</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="28" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>28</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="29" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>29</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="30" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>30</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-span-4 lg:col-span-3 order-2 lg:order-3" data-test-id="mobile-destination-datepicker" data-v-2465aa7f="">
      <div class="rounded-lg relative w-full h-full bg-gray-200" data-v-2465aa7f="">
        <div class="z-10 absolute inset-y-0 left-0 flex items-center pointer-events-none px-3" data-v-2465aa7f=""><svg data-test-id="icon-calendar" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
            data-v-2465aa7f="">
            <path d="M7.6001 3C5.391 3 3.6 4.791 3.6001 7L3.6001 8H21.6001V7C21.6001 4.791 19.8092 3 17.6001 3C16.7647 3.00001 11.0435 3.00001 8.6001 3C8.11879 3 7.76466 3 7.6001 3Z" fill="#9D9D9D"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M8.59424 2C9.14652 2 9.59424 2.44738 9.59424 2.99926V4.99777C9.59424 5.54964 9.14652 5.99702 8.59424 5.99702C8.04195 5.99702 7.59424 5.54964 7.59424 4.99777V2.99926C7.59424 2.44738 8.04195 2 8.59424 2ZM16.5942 2C17.1465 2 17.5942 2.44738 17.5942 2.99926V4.99777C17.5942 5.54964 17.1465 5.99702 16.5942 5.99702C16.042 5.99702 15.5942 5.54964 15.5942 4.99777V2.99926C15.5942 2.44738 16.042 2 16.5942 2ZM3.6001 17.003V10.0082H21.6001V17.003C21.6002 19.2103 19.8092 21 17.6001 21H7.6001C5.391 21 3.6001 19.2103 3.6001 17.003ZM9.6001 13.006C9.6001 12.4544 9.1524 12.0067 8.6001 12.0067C8.0478 12.0067 7.6001 12.4544 7.6001 13.006C7.6001 13.5575 8.0478 14.0052 8.6001 14.0052C9.1524 14.0052 9.6001 13.5575 9.6001 13.006ZM13.6001 13.006C13.6001 12.4544 13.1524 12.0067 12.6001 12.0067C12.0478 12.0067 11.6001 12.4544 11.6001 13.006C11.6001 13.5575 12.0478 14.0052 12.6001 14.0052C13.1524 14.0052 13.6001 13.5575 13.6001 13.006ZM17.6001 13.006C17.6001 12.4544 17.1524 12.0067 16.6001 12.0067C16.0478 12.0067 15.6001 12.4544 15.6001 13.006C15.6001 13.5575 16.0478 14.0052 16.6001 14.0052C17.1524 14.0052 17.6001 13.5575 17.6001 13.006ZM9.6001 17.003C9.6001 16.4514 9.1524 16.0037 8.6001 16.0037C8.0478 16.0037 7.6001 16.4514 7.6001 17.003C7.6001 17.5546 8.0478 18.0022 8.6001 18.0022C9.1524 18.0022 9.6001 17.5546 9.6001 17.003ZM13.6001 17.003C13.6001 16.4514 13.1524 16.0037 12.6001 16.0037C12.0478 16.0037 11.6001 16.4514 11.6001 17.003C11.6001 17.5546 12.0478 18.0022 12.6001 18.0022C13.1524 18.0022 13.6001 17.5546 13.6001 17.003ZM17.6001 17.003C17.6001 16.4514 17.1524 16.0037 16.6001 16.0037C16.0478 16.0037 15.6001 16.4514 15.6001 17.003C15.6001 17.5546 16.0478 18.0022 16.6001 18.0022C17.1524 18.0022 17.6001 17.5546 17.6001 17.003Z"
              fill="#1E1E1E"></path>
          </svg></div>
        <div class="flex-1 relative h-full flex items-center" data-v-2465aa7f="">
          <div role="button"
            class="w-full flex items-center h-12 border-none rounded-r-lg pl-10 text-sm outline-none leading-[18.4px] transition-colors duration-200 ease-in-out xs:text-base lg:text-sm lg:leading-[26px] lg:font-normal lg:h-[42px] py-1 px-3 lg:rounded-l-lg bg-virail-gray-light-500 cursor-pointer">
            <span class="tracking-tighter text-gray-700 text-sm xs:text-base lg:text-sm" data-test-id="add-return-button">+ Revenir</span></div>
          <div data-test-id="date-picker-modal" class="mt-14 bg-white h-auto w-72 rounded-lg shadow p-4 absolute z-50 top-0" style="display: none;"><button type="button"
              class="inline-flex lg:hidden my-10 focus:outline-none focus:shadow-outline transition ease-in-out duration-100 cursor-pointer bg-virail-500 hover:bg-virail-200 p-1 rounded-full z-20"><svg class="h-8 w-8 text-white inline-flex"
                fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
              </svg></button>
            <div class="flex justify-between items-center mb-2">
              <div><span class="text-lg font-bold text-gray-800">novembre</span><span class="ml-1 text-lg text-gray-600 font-normal">2023</span></div>
              <div><button type="button" class="cursor-not-allowed focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex p-1 rounded-full"><svg class="h-6 w-6 inline-flex text-gray-300" fill="none"
                    viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                  </svg></button><button type="button" class="focus:outline-none focus:shadow-outline transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full"><svg class="h-6 w-6 text-gray-500 inline-flex"
                    fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                  </svg></button></div>
            </div>
            <div class="grid grid-cols-7">
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Lu</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Ma</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Me</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Je</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Ve</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Sa</div>
              <div class="text-gray-800 font-medium text-center text-xs mb-3">Di</div>
              <div>
                <div class="text-center border p-1 border-transparent text-sm"></div>
              </div>
              <div>
                <div class="text-center border p-1 border-transparent text-sm"></div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="1" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>1</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="2" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>2</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="3" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>3</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="4" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>4</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="5" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>5</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="6" class="text-gray-400 cursor-not-allowed cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>6</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="7" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>7</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="8" class="bg-virail-500 text-white cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>8</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="9" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>9</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="10" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>10</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="11" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>11</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="12" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>12</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="13" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>13</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="14" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>14</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="15" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>15</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="16" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>16</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="17" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>17</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="18" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>18</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="19" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>19</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="20" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>20</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="21" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>21</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="22" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>22</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="23" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>23</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="24" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>24</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="25" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>25</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="26" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>26</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="27" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>27</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="28" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>28</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="29" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>29</span></div>
                </div>
              </div>
              <div>
                <div class="flex items-center justify-center mb-1" data-test-id="day-wrapper">
                  <div data-test-id="30" class="text-gray-700 hover:bg-gray-200 cursor-pointer text-center text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100 w-10 h-10 lg:w-7 lg:h-7 flex items-center justify-center">
                    <span>30</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><button type="submit"
    class="w-full mt-4 text-white bg-virail-red-500 hover:bg-virail-red-400 hover:text-red-700 border-0 py-3 px-6 focus:outline-none rounded-lg capitalize text-base font-medium leading-5 tracking-wider virail-color-transition lg:hidden"
    data-test-id="mobile-search-button" data-v-2465aa7f="">Rechercher</button>
  <div class="block my-2 md:hidden" data-v-2465aa7f="">
    <fieldset data-v-2465aa7f="">
      <div class="flex flex-row-reverse justify-between" data-v-2465aa7f="">
        <div class="flex items-center justify-center" data-test-id="mobile-booking-switch" data-v-2465aa7f="">
          <div class="w-full max-w-xs mx-auto">
            <div class="flex items-center space-x-4"><!----><!----><button aria-label="Toggle Switch"
                class="relative inline-flex shrink-0 transition-all duration-200 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline bg-virail-green-default border-2 border-transparent" id="headlessui-switch-15"
                role="switch" type="button" tabindex="0" aria-checked="true" data-headlessui-state="checked" style="height: 1.5rem; width: 2.75rem;"><span class="inline-block transition duration-200 ease-in-out transform bg-white rounded-full"
                  style="transform: translateX(1.25rem); height: 1.25rem; width: 1.25rem;"></span></button></div>
          </div>
        </div><span class="leading-7 text-sm text-virail-gray-500" data-v-2465aa7f="">Séjournez avec Booking.com</span>
      </div>
    </fieldset>
  </div>
</form>

Text Content

RECHERCHES RÉCENTES

L'historique de vos recherches récentes est vide.

L'historique de vos recherches récentes est vide.

+

Novembre 2023

Lun
Mar
Mer
Jeu
Ven
Sam
Dim
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30



MON COMPTE

   
 * 
   Homepage
 * 
   se connecter

Hôtels
virail France
 * virail Österreich
 * virail България
 * virail Belgium (FR)
 * virail Belgium (NL)
 * virail Belgium (DE)
 * virail Canada (EN)
 * virail Canada (FR)
 * virail en Català
 * virail Schweiz (DE)
 * virail Schweiz (FR)
 * virail Schweiz (IT)
 * virail Chile
 * virail 中国
 * virail Colombia
 * virail USA
 * virail Argentina
 * virail Australia
 * virail Brasil
 * virail Hrvatska
 * virail Mexico
 * virail Türkiye
 * virail України (UA)
 * virail України (RU)
 * virail New Zealand
 * virail ประเทศไทย
 * virail United Kingdom
 * virail Česká republika
 * virail Deutschland
 * virail Danmark
 * virail España
 * virail France
 * virail Ελλάδα
 * virail Magyarország
 * virail Ireland
 * virail India (HI)
 * virail India (EN)
 * virail Italia
 * virail ヴィレイル・日本
 * virail Luxembourg (DE)
 * virail Luxembourg (FR)
 * virail Malaysia
 * virail Nederland
 * virail Polsce
 * virail Portugal
 * virail Romania
 * Вираил Россия
 * virail Singapore
 * virail Việt Nam

virail France
 * virail Österreich
 * virail България
 * virail Belgium (FR)
 * virail Belgium (NL)
 * virail Belgium (DE)
 * virail Canada (EN)
 * virail Canada (FR)
 * virail en Català
 * virail Schweiz (DE)
 * virail Schweiz (FR)
 * virail Schweiz (IT)
 * virail Chile
 * virail 中国
 * virail Colombia
 * virail USA
 * virail Argentina
 * virail Australia
 * virail Brasil
 * virail Hrvatska
 * virail Mexico
 * virail Türkiye
 * virail України (UA)
 * virail України (RU)
 * virail New Zealand
 * virail ประเทศไทย
 * virail United Kingdom
 * virail Česká republika
 * virail Deutschland
 * virail Danmark
 * virail España
 * virail France
 * virail Ελλάδα
 * virail Magyarország
 * virail Ireland
 * virail India (HI)
 * virail India (EN)
 * virail Italia
 * virail ヴィレイル・日本
 * virail Luxembourg (DE)
 * virail Luxembourg (FR)
 * virail Malaysia
 * virail Nederland
 * virail Polsce
 * virail Portugal
 * virail Romania
 * Вираил Россия
 * virail Singapore
 * virail Việt Nam

 * Mon compte
 * Déconnexion


se connecter se connecter



TROUVEZ LE BILLET LE MOINS CHER POUR VOTRE VOYAGE


>


-


8 NOVEMBRE 2023


Aller simple

1 Passager

Aller simple

1 Passager

Sélectionnez un départ

Sélectionnez une destination
08/11/2023
novembre2023

Lu
Ma
Me
Je
Ve
Sa
Di


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
+ Revenir
novembre2023

Lu
Ma
Me
Je
Ve
Sa
Di


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Rechercher
Sélectionnez un départ
Sélectionnez une destination
08/11/2023
novembre2023

Lu
Ma
Me
Je
Ve
Sa
Di


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
+ Revenir
novembre2023

Lu
Ma
Me
Je
Ve
Sa
Di


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Rechercher

Séjournez avec Booking.com

Trouvez un logement avec Booking.com


SIMPLE

Le moyen le plus simple de trouver les meilleures offres en quelques clics


MEILLEUR PRIX

Trouvez le meilleur prix pour votre voyage sans frais supplémentaires


MONDIAL

Voyagez vers des milliers de destinations partout dans le monde


NOS PARTENAIRES

Le meilleur moyen de trouver et de comparer les billets pour les trains, les
bus, les covoiturages et les avions. Nous travaillons avec plus de 100
partenaires pour vous offrir les meilleurs prix sur le marché.



PRINCIPAUX ITINÉRAIRES DE TRAIN

Train Rennes - Paris
Train Paris - Évreux
Train Saint-Étienne - Lyon
Train Caen - Paris
Train Lille - Paris
Train Limoges - Paris
Train Aubagne - Marseille
Train Paris - Narbonne
Train Troyes - Paris
Train Paris - Nice
Train Paris - Nantes
Train Paris - Strasbourg
Train Paris - Montpellier
Train Paris - Bordeaux
Train Paris - Lille
Train Paris - Rennes
Train Paris - Reims
Train Paris - Le Havre
Train Paris - Saint-Étienne
Train Paris - Toulon
Train Paris - Angers
Train Paris - Grenoble
Train Paris - Dijon
Train Paris - Nîmes
Train Paris - Aix-en-Provence
Train Paris - Brest
Train Paris - Le Mans
Train Paris - Amiens
Train Paris - Tours
Train Paris - Limoges
Train Paris - Clermont-Ferrand
Train Paris - Besançon
Train Paris - Orléans
Train Paris - Metz
Train Marseille - Nice
Train Marseille - Nantes
Train Marseille - Strasbourg
Train Marseille - Montpellier
Train Marseille - Bordeaux
Train Marseille - Lille
Train Marseille - Rennes
Train Marseille - Reims
Train Marseille - Le Havre
Train Marseille - Saint-Étienne
Train Marseille - Toulon
Train Marseille - Angers
Train Marseille - Nîmes
Train Marseille - Aix-en-Provence
Train Marseille - Brest
Train Marseille - Metz
Train Lyon - Nice
Train Lyon - Nantes

PRINCIPAUX ITINÉRAIRES D'AUTOBUS

Bus Montelimar - Valence
Bus Paris - Beauvais
Bus Rouen - Evreux
Bus Rennes - Pontivy
Bus Paris - Amsterdam
Bus Grenoble - Lyon
Bus Lyon - Grenoble
Bus Rennes - Dinan
Bus La Ciotat - Marseille
Bus Toulouse - Castres
Bus Pontivy - Rennes
Bus Villeneuve-sur-Lot - Agen
Bus Dunkerque - Calais
Bus Paris - Rouen
Bus Agen - Villeneuve-sur-Lot
Bus Annecy - Lyon
Bus Castres - Toulouse
Bus Nantes - Pornic
Bus Reims - Troyes
Bus Sete - Montpellier
Bus Rouen - Barentin
Bus Dinan - Saint-Malo
Bus Rennes - Nantes
Bus Dinan - Rennes
Bus Toulon - La Seyne-sur-Mer
Bus Le Havre - Honfleur
Bus Lyon - Paris
Bus Lille - Paris
Bus Le Havre - Paris
Bus Grenoble - Briancon
Bus Tarbes - Pau
Bus Toulouse - Barcelone
Bus Toulouse - Paris
Bus Rouen - Beauvais
Bus Calais - Boulogne
Bus Tarbes - Lourdes
Bus Lorient - Pontivy
Bus Martigues - Marseille
Bus Paris - Nice
Bus Paris - Nantes
Bus Paris - Lille
Bus Paris - Le Mans
Bus Paris - Amiens
Bus Paris - Tours
Bus Paris - Orléans
Bus Paris - Metz
Bus Marseille - Nice
Bus Marseille - Montpellier
Bus Marseille - Toulon
Bus Marseille - Grenoble
Bus Marseille - Nîmes
Bus Marseille - Aix-en-Provence

QUESTIONS FRÉQUEMMENT POSÉES

Comment virail fonctionne ? Paiement Qu'est-ce que virail ? Réservation

PAIEMENT

 * Comment virail fonctionne ?
 * Paiement
 * Qu'est-ce que virail ?
 * Réservation

Utilisez les filtres et triez vos résultats
Triez les résultats et utilisez les filtres pour trouver le trajet qui vous
convient le mieux. Vous pouvez trier les trajets par prix, départ, arrivée,
durée et recommandation. Il est également possible de voir les résultats par
moyen de transport en cliquant sur train, bus, avion. Vous pouvez trouver tous
les filtres dans la colonne de gauche.
Cherchez votre voyage
Sélectionnez vos lieux de départ et d’arrivée ainsi que vos dates et laissez
notre moteur de recherche vous montrer toutes les possibilités de voyage qui
s’offrent à vous par avion, train, bus et covoiturage ! Virail vous aide à
trouver les meilleures options pour votre voyage à une date spécifique. Vous
n’avez qu’à entrer toutes les informations dans les champs de recherche. Vous
pouvez également passer d’un aller simple à un aller-retour.
Trouvez votre trajet parfait

Une fois que vous avez sélectionné le trajet de votre choix, deux options
s’offrent à vous. Nous coopérons avec des partenaires directs tels que des
compagnies ferroviaires, aériennes ou de bus mais également avec d’autres
comparateurs de prix de voyage pour vous offrir autant de solutions de transport
et d’horaires de voyage que possible au meilleur prix.

Compagnies ferroviaires, aériennes, de bus et de covoiturage

Vous allez réserver directement avec notre partenaire, sans utiliser de
troisième plateforme de réservation. Nous montrons toujours le prix total
incluant une estimation de toutes les taxes et tous les frais obligatoires
d'après ce que nous recevons de notre partenaire. Les prix sont parfois mis à
jour : veuillez vérifier le prix final sur le site du partenaire avec attention
ainsi que les détails du billet et ses conditions (notamment si vous voyagez
avec des enfants).

Vous allez réserver avec notre partenaire qui est le partenaire officiel de
réservations d’une compagnie ferroviaire, aérienne ou de bus. Nous allons vous
rediriger vers le site de notre partenaire. Nous montrons toujours le prix total
incluant une estimation de toutes les taxes et tous les frais obligatoires
d'après ce que nous recevons de notre partenaire. Les prix sont parfois mis à
jour : veuillez vérifier le prix final sur le site du partenaire avec attention
ainsi que les détails du billet et ses conditions (notamment si vous voyagez
avec des enfants).

Que se passe-t-il lorsque je suis redirigé ?

3 possibilités différentes :



Nous allons vous rediriger vers le site du partenaire pour débuter l'achat.

Nous allons vous rediriger vers la page de recherche du partenaire avec vos
critères de recherche préremplis. Vous y retrouverez la même offre et vous
n'aurez plus qu'à cliquer dessus pour débuter l'achat.

Nous allons vous rediriger vers la page de réservation du partenaire pour
l'offre sélectionnée. Vous pouvez immédiatement débuter l’achat.

Comment trouver les meilleurs prix sur virail ?
Virail est une plateforme en ligne qui compare tous les moyens de transport
disponibles pour votre voyage en mettant systématiquement en avant les meilleurs
prix possibles. Choisissez votre lieu de départ, votre lieu d’arrivée, vos
dates, et laissez notre moteur de recherche vous montrer toutes vos options par
avion, train, bus et même covoiturage ! Libre à vous de filtrer les résultats
par prix, heure de départ et d’arrivée, durée ou encore en fonction du nombre de
changements à effectuer lors du voyage. Vous trouverez ainsi en quelques clics
l’itinéraire le plus adapté à vos besoins et à votre budget.
Que comprend exactement le prix affiché sur virail ?

Le prix affiché sur virail est une estimation de ce que vous aurez à payer en
incluant toutes les taxes ainsi que tous les frais obligatoires pour voyager. En
sélectionnant l’offre qui vous intéresse sur virail, nous vous redirigeons
ensuite vers le site d’une compagnie partenaire qui vous permettra de finaliser
votre réservation et d’obtenir votre titre de transport. Sur ce site, vous
trouverez en temps réel toutes les informations actualisées pour votre voyage
avec le détail des prix.

Notez que le prix final que vous payez réellement lors de la commande de votre
billet sur le site de la compagnie partenaire est susceptible de changer si vous
choisissez des options supplémentaires telles que l’ajout de bagages ou encore
l’assurance voyage.

Si vous avez besoin de plus d’informations, nous vous invitons à contacter la
compagnie partenaire avec laquelle vous avez réservé votre titre de transport.
Tous les renseignements généraux dont vous avez besoin se trouvent normalement
sur leur site.

Pourquoi le prix affiché sur virail est-il parfois différent de celui qui est
affiché sur le site du partenaire ?
Le prix final que vous payez réellement lors de la commande de votre billet sur
le site de la compagnie partenaire est susceptible de changer si vous choisissez
des options supplémentaires telles que l’ajout de bagages ou encore l’assurance
voyage. Le prix affiché sur virail est le prix minimum qu’il est possible
d’obtenir pour voyager avec un minimum d’options.
Pouvez-vous garantir les prix de virail ?

Le prix que vous trouvez sur virail est directement relié au prix mis à jour en
temps réel qu’il est possible de trouver sur nos sites partenaires. Les prix de
virail sont donc certifiés comme étant les vrais prix. Notre comparateur
travaille avec plus de 200 compagnies ferroviaires, routières, aériennes et de
covoiturage pour pouvoir vous proposer les meilleures solutions de voyage en
France, en Europe et dans le reste du monde.

Pour trouver les meilleurs prix et ainsi voyager pas cher, virail vous
accompagne et compare pour vous les meilleurs trajets en France et en Europe. Il
vous suffit d’entrer votre destination, vos dates de départ et de retour et
virail se charge de trouver pour vous le trajet qui vous correspond le mieux !
Grâce au moteur de recherche présent sur le site, virail met toujours en avant
les meilleurs prix. Plusieurs filtres sont mis à votre disposition pour que vous
puissiez affiner votre recherche au maximum.

Y a-t-il des frais qui s’appliquent lorsque je trouve mon billet via virail ?
Si vous utilisez virail pour trouver votre billet, vous ne devrez jamais verser
quoi que ce soit à virail. Votre réservation et votre paiement s’effectuent
directement sur notre site partenaire et il n’y a absolument aucun frais
supplémentaire pour l’utilisation de virail pour obtenir un billet.
Pourquoi mon paiement est-il rejeté ?
Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez réserver vous-même vos billets. Par
conséquent, virail n’est pas responsable du paiement des billets. Si vous
rencontrez un problème avec ce dernier et si vous avez besoin de plus
d’informations, nous vous invitons à contacter la compagnie partenaire avec
laquelle vous avez réservé votre titre de transport. Tous les renseignements
généraux dont vous avez besoin se trouvent normalement sur leur site.
Comment puis-je annuler ma réservation pour être remboursé ?
Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez réserver vous-même vos billets. Par
conséquent, virail n’est pas responsable de votre réservation de billets. Si
vous rencontrez un problème avec cette dernière et si vous avez besoin de plus
d’informations concernant une éventuelle annulation et un remboursement, nous
vous invitons à contacter la compagnie partenaire avec laquelle vous avez
réservé votre titre de transport. Tous les renseignements généraux dont vous
avez besoin se trouvent normalement sur leur site.
Puis-je exiger une compensation si mon train, bus ou avion est en retard ?
Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez réserver vous-même vos billets. Par
conséquent, virail n’est pas responsable du retard de votre train, bus ou avion
ni du paiement des billets. Pour toute réclamation de ce type, si vous avez
besoin de plus d’informations, nous vous invitons à contacter la compagnie
partenaire avec laquelle vous avez réservé votre titre de transport. Tous les
renseignements généraux dont vous avez besoin se trouvent normalement sur leur
site.
Qu'est-ce que virail ?
Virail est une plateforme en ligne qui compare tous les moyens de transport
disponibles pour votre voyage. Choisissez votre lieu de départ, votre lieu
d’arrivée, vos dates, et laissez notre moteur de recherche vous montrer toutes
vos options par avion, train, bus et même covoiturage ! Libre à vous de filtrer
les résultats par prix, heure de départ et d’arrivée, durée ou encore en
fonction du nombre de changements à effectuer lors du voyage. Vous trouverez
ainsi en quelques clics l’itinéraire le plus adapté à vos besoins et à votre
budget.
Comment puis-je payer ?

Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez réserver vous-même vos billets. Par
conséquent, virail n’est pas responsable du paiement des billets. Si vous
rencontrez un problème avec ce dernier ou si vous avez besoin de plus
d’informations, nous vous invitons à contacter la compagnie partenaire avec
laquelle vous avez réservé votre titre de transport. Tous les renseignements
généraux dont vous avez besoin se trouvent normalement sur leur site.

Qui dois-je contacter si j’ai besoin d’aide pour ma réservation ?

Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez acheter vos billets. Par conséquent,
virail n’est pas responsable de la réservation. Si vous rencontrez un problème
avec cette dernière ou si vous avez besoin de plus d’informations, nous vous
invitons à contacter la compagnie partenaire avec laquelle vous avez réservé
votre titre de transport. Tous les renseignements généraux dont vous avez besoin
(comme par exemple pour un changement de réservation, une annulation et un
remboursement, une non réception de votre confirmation de réservation) se
trouvent normalement sur leur site.

Si vous ne vous souvenez plus de la compagnie avec laquelle vous avez réservé
votre billet, nous vous suggérons de vérifier votre boîte mail, y compris dans
les spams, ainsi que vos relevés de compte bancaire. Vous devriez y trouver des
indices vous permettant de retrouver le nom de la compagnie de voyage auprès de
laquelle vous avez effectué une réservation.

Où est ma confirmation de réservation ?

Si vous essayez de chercher votre confirmation de réservation dans un mail
envoyé par virail, vous ne trouverez malheureusement rien. En effet, nous sommes
uniquement une plateforme qui permet de comparer les billets qui existent sur le
marché et n’avons aucune information concernant votre réservation.

Si vous ne vous ne trouvez pas votre confirmation de réservation, nous vous
suggérons de vérifier votre boîte mail, y compris dans les spams, ainsi que vos
relevés de compte bancaire. Vous devriez y trouver la confirmation de
réservation ou, au minimum, des indices vous permettant de retrouver le nom de
la compagnie de voyage auprès de laquelle vous avez effectué une réservation.

Comment puis-je être sûr que ma réservation a bien abouti ?
A chaque fois que vous réservez un billet avec une agence de voyage ou une
compagnie de transport, un mail vous est automatiquement et immédiatement envoyé
avec une confirmation récapitulant tous les détails de votre réservation. Ce
mail peut parfois se cacher dans les spams donc veillez à les vérifier si vous
ne trouvez pas votre confirmation de réservation. Si vous ne parvenez toujours
pas à la trouver, il est alors possible que vous ayez communiqué une adresse
mail erronée dans le formulaire d’inscription. Vous pouvez contacter le service
client de la compagnie de voyage en question pour qu’ils rectifient votre
adresse mail et pour que vous receviez bien votre confirmation de réservation.
Annulation, changement et remboursement
Virail est une plateforme proposant comme service l’utilisation d’un moteur de
recherche vous permettant de trouver le meilleur billet possible en fonction de
vos besoins et vous redirigeant vers le site officiel de la compagnie
partenaire. C’est là que vous pourrez réserver vous-même vos billets. Par
conséquent, virail n’est pas responsable de votre réservation de billets. Si
vous rencontrez un problème avec cette dernière et si vous avez besoin de plus
d’informations concernant une éventuelle annulation, un changement de billet ou
encore un remboursement, nous vous invitons à contacter la compagnie partenaire
avec laquelle vous avez réservé votre titre de transport. Tous les
renseignements généraux dont vous avez besoin se trouvent normalement sur leur
site.
Que devrais-je faire si ma réservation a été annulée ?
Malheureusement, si votre réservation a été annulée, cela ne dépend pas de
virail, c’est une décision prise par la compagnie de transport. Généralement, il
vous sera demandé si vous préférez acheter un nouveau billet ou bien si vous
préférez être intégralement remboursés. Pour toute question, nous vous
recommandons de contacter leur service client qui sera en mesure de vous aider.
Que devrais-je faire si j’ai entré une adresse mail erronée ?
Si vous ne parvenez absolument pas à trouver votre confirmation de réservation
dans vos mails, il est possible que vous ayez communiqué une adresse mail
erronée dans le formulaire d’inscription. Pas de panique, cela est un problème
assez courant. Pour le résoudre facilement, vous pouvez contacter le service
client de la compagnie de voyage pour qu’ils rectifient votre adresse mail et
pour que vous receviez bien votre confirmation de réservation.

virail, c’est quoi ?


virail est une plateforme en ligne qui compare tous les moyens de transport
disponibles pour votre voyage. Choisissez votre lieu de départ, votre lieu
d’arrivée, vos dates, et laissez notre moteur de recherche vous montrer toutes
vos options par avion, train, bus et même covoiturage ! Libre à vous de filtrer
les résultats par prix, heure de départ et d’arrivée, durée ou encore en
fonction du nombre de changements à effectuer lors du voyage. Vous trouverez
ainsi en quelques clics l’itinéraire le plus adapté à vos besoins et à votre
budget.


Notre comparateur travaille avec plus de 200 compagnies ferroviaires, routières,
aériennes et de covoiturage pour pouvoir vous proposer les meilleures solutions
de voyage en France, en Europe et dans le reste du monde.


Achetez vos billets en toute sécurité sur le site de notre partenaire


Grâce à virail, vous pouvez acheter vos billets en toute tranquillité ! virail
vous redirige vers le site internet du partenaire, ce qui vous permet d’y
réserver vos voyages le plus simplement possible. Parmi nos partenaires se
trouvent les compagnies ferroviaires telles que la SNCF, Deutsche Bahn,
Trenitalia ou Renfe, ce qui vous donne accès aux trains à grande vitesse
européens : le TGV bien sûr, mais aussi les ICE, AVE et Eurostar. Si vous voulez
voyager en bus, virail compare pour vous les prix et horaires de Flixbus,
Ouibus, Eurolines, Isilines, Buscenter et plus encore.


Et pour les plus longues distances ou tout simplement pour aller plus vite, vous
pouvez choisir de prendre l’avion grâce à notre référencement des offres de
AirFrance, British Airways, Lufthansa, ainsi que des compagnies lowcost Easyjet,
Ryanair et HOP!


virail reste à votre disposition pour comparer gratuitement et rapidement toutes
les offres de voyage, que ce soit pour vos vacances ou vos déplacements
professionnels. Nous vous souhaitons une bonne recherche !



ABONNEZ-VOUS À NOTRE NEWSLETTER

Recevez les dernières nouvelles, les mises à jour de produits et les promotions
exclusives directement dans votre boîte de réception

Connectez-vous avec Google Connectez-vous avec Google pour vous abonner
Trains
Trains Faro - Lisbonne Trains Paris - Bordeaux Trains Marseille - Paris Trains
Blanes - Barcelone Trains Lisbonne - Faro
Bus
Bus Rouen - Évreux Bus Gap - Grenoble Bus Paris - Beauvais Bus Évreux - Rouen
Bus Aix-en-Provence - Manosque
Vols
Vol Paris - Perpignan Vol Nancy - Paris Vol Strasbourg - Nantes Vol Poitiers -
Montpellier Vol Lille - Tarbes
Virail est une plateforme en ligne qui compare tous les itinéraires disponibles
pour votre voyage.



À PROPOS

 * FAQ
 * Mentions légales


VIRAIL FRANCE

 * Gares
 * Horaires des trains - France
 * Horaires des bus France
 * Horaires des vols - France
 * Compagnies ferroviaires


INTERNATIONAL

 * Bus internationaux
 * Vols internationaux
 * Horaires des trains à l'étranger
 * Trains internationaux
 * Horaires des bus à l'étranger

--------------------------------------------------------------------------------

© 2023 Virail All Rights Reserved.


INSCRIVEZ-VOUS OU CONNECTEZ-VOUS POUR SUIVRE LES PRIX

Nous garderons une trace des prix des billets et plus encore, pour que vous
n'ayez pas à le faire.

Trouvez les meilleurs prix

Notifications par email

Pas de spam

Soyez informé des offres partenaires de Virail



Continuer avec GoogleContinuer avec Google

Connectez-vous avec Google et suivez les prix

or

Adresse e-mail
Mot de passe

Mot de passe oublié
S'inscrire/se connecter et suivre les prix

En vous inscrivant, vous acceptez nos termes et conditions, vous pouvez trouver
plus d'informations dans notre Mentions légales

Connectez-vous à Virail et bénéficiez d'offres de voyage exclusives



Je souhaite recevoir des offres exclusives et des mises à jour de produits
directement dans ma boîte de réception
Annuler

Nous utilisons des cookies !
Bonjour, ce site utilise des cookies essentiels pour assurer son bon
fonctionnement et des cookies de suivi pour comprendre comment vous interagissez
avec lui. Ce dernier ne sera fixé qu'après accord.
Accepter toutGérer les paramètres

Préférences en matière de cookies

Utilisation des cookies 📢
Nous utilisons des cookies pour assurer les fonctionnalités de base du site Web
et pour améliorer votre expérience en ligne. Vous pouvez choisir pour chaque
catégorie de vous inscrire ou de vous désinscrire quand vous le souhaitez.
Fonctions principales 🧠Fonctions principales 🧠
Ces cookies sont cruciaux pour le bon fonctionnement de notre site Web, ses
fonctionnalités vitales et sa sécurité.
Analytique 📈Analytique 📈
Les cookies de performance et de statistiques aident à comprendre comment vous
utilisez notre site Web afin que nous puissions améliorer l'expérience
utilisateur. Cela peut impliquer des services d'analyse tiers.
Commercialisation 🎯Commercialisation 🎯
Les cookies marketing soutiennent nos efforts promotionnels et optimisent les
performances des publicités en ligne. Ces cookies nous permettent d'afficher des
publicités personnalisées et pertinentes de partenaires publicitaires tiers. Les
identifiants d'utilisateur reçus de ces cookies peuvent être téléchargés sur
notre plateforme de partenaires publicitaires pour affiner davantage la
personnalisation de nos publicités.
Plus d'information
Pour plus d'informations ou pour toute question concernant notre politique en
matière de cookies et à vos choix, veuillez lire la suite ici.
Accepter toutEnregistrer les paramètres

&nbsp;
&nbsp;

www.virail.fr Open in urlscan Pro 2a06:98c1:3120::3 Public Scan

Form analysis 1 forms found in the DOM

Text Content

www.virail.fr Open in urlscan Pro
2a06:98c1:3120::3 Public Scan

Form analysis
1 forms found in the DOM