www.jetcost.com Open in urlscan Pro
104.18.33.72  Public Scan

Form analysis
1 forms found in the DOM

https://www.jetcost.com/vols/recherche

<form autocomplete="off" action="https://www.jetcost.com/vols/recherche"><input name="trips[0][date]" type="hidden"> <input name="trips[0][from_iata]" type="hidden"> <input name="trips[0][to_iata]" type="hidden"> <!----><input name="trips[1][date]"
    type="hidden"> <input name="trips[1][from_iata]" type="hidden"> <input name="trips[1][to_iata]" type="hidden"> <!----> <input name="type" type="hidden" value="roundTrip"> <input name="adults" type="hidden" value="1"> <input name="children"
    type="hidden" value="0"> <input name="infants" type="hidden" value="0"> <input name="cabin_class" type="hidden" value="0"> <input name="arel" type="hidden" value="0">
  <div class="flex bg-black/60 z-[60] items-center justify-center overflow-x-hidden fixed top-0 right-0 bottom-0 left-0" style="display: none;">
    <div class="max-w-sm w-full m-6">
      <div class="flex flex-wrap flex-col bg-white dark:bg-neutral rounded p-5 items-start">
        <div class="mb-4 w-full"> Les dates sélectionnées sont susceptibles de ne pas donner de résultats en raison du COVID-19. Nous vous suggérons de modifier les dates. </div> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full mb-2">
          Modifier </button> <button type="button"
          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
          Continuer </button>
      </div>
    </div>
  </div>
  <div class="relative md:static">
    <div class="w-full mb-2">
      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: Round Trip Tab" id="round-trip-ddd7ac5f-ce86-464c-aa12-ccf2669b3a72" type="radio" class="hidden" value="true"> <label for="round-trip-ddd7ac5f-ce86-464c-aa12-ccf2669b3a72" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Aller-retour </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
          data-ga-event-label="Click: One Way Tab" id="one-way-ddd7ac5f-ce86-464c-aa12-ccf2669b3a72" type="radio" class="hidden" value="false"> <label for="one-way-ddd7ac5f-ce86-464c-aa12-ccf2669b3a72" class="flex items-center"><span
            class="rounded cursor-pointer px-2 py-1"> Aller simple </span></label></div>
    </div>
    <div class="lg:flex lg:flex-row lg:items-start">
      <div class="block xl:flex md:grow lg:mr-2">
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0 xl:mr-2">
          <div class="w-full md:flex md:flex-1 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Sélectionner le départ</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Ville de départ" id="originFrom" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
          <div class="flex z-10 absolute rotate-90 text-center top-0 right-0 md:mt-0 md:rotate-0 md:z-auto md:w-auto md:right-auto md:static group mt-16 pt-1 md:pt-0">
            <div data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Exchange Dep/Ret Button"
              class="w-9 h-9 mx-1 rounded-full flex items-center justify-center bg-primary-400 dark:bg-neutral-700 pointer-events-auto cursor-pointer"><span class="jc jc-exchange-alt text-lg text-white leading-none"></span></div>
          </div>
          <div class="w-full md:flex md:flex-1">
            <div tabindex="0" class="w-full w-full" autocomplete="off">
              <div class="md:hidden shadow-bottom p-4 w-full z-[60] mb-4" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Sélectionner l'arrivée</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="relative flex items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent p-2">
                <div class="cursor-text z-10 inset-0 absolute"></div>
                <div class="shrink-0 w-8 mr-4 md:mr-3" style="display: none;">
                  <div class="flex items-center justify-center"><span class="jc jc-search text-primary dark:text-primary-300 text-xl leading-none"></span></div>
                </div> <input type="text" autocomplete="off" placeholder="Ville d'arrivée" id="originTo" tabindex="-1" required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block" style="display: none;"><span class="jc jc-times text-primary dark:text-primary-300 md:hidden cursor-pointer leading-none" style="display: none;"></span>
                      <span class="jc jc-circle-notch jc-spin jc-fw text-primary dark:text-primary-300 inline-block leading-none" style="display: none;"></span></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="border-t border-gray-200 dark:border-neutral-300 min-h-0 grow overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible bg-white dark:bg-neutral inset-0 z-50 md:px-3 md:-ml-3 md:box-content md:border-t-0 md:absolute md:rounded md:inset-auto md:-mt-8 md:pt-16 md:shadow-md w-full md:min-w-[340px] lg:min-w-[448px] hidden">
                <ul class="md:border-t md:border-gray-200 md:dark:border-neutral-300 md:-mx-3 md:box-border" style="display: none;"></ul>
              </div>
            </div>
          </div>
        </div>
        <div class="block md:flex flex-1 items-center mb-2 xl:mb-0">
          <div class="w-full md:w-1/2 mb-2 md:mb-0 md:mr-2">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden p-4 w-full z-[60] shadow-bottom" style="display: none;">
                <div class="block">
                  <div class="flex flex-wrap items-center justify-between">
                    <div class="w-auto truncate" style="display: none;">
                      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                          data-ga-event-label="Click: Round Trip Tab" id="round-trip-7b838ba1-4ede-4ac5-909a-ea462e28aac1" type="radio" class="hidden" value="true"> <label for="round-trip-7b838ba1-4ede-4ac5-909a-ea462e28aac1"
                          class="flex items-center"><span class="rounded cursor-pointer px-2 py-1 bg-primary-200 dark:bg-neutral-700"> Aller-retour </span></label> <input data-ga-event-click="" data-ga-event-category="SearchForm"
                          data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: One Way Tab" id="one-way-7b838ba1-4ede-4ac5-909a-ea462e28aac1" type="radio" class="hidden" value="false"> <label
                          for="one-way-7b838ba1-4ede-4ac5-909a-ea462e28aac1" class="flex items-center"><span class="rounded cursor-pointer px-2 py-1"> Aller simple </span></label></div>
                    </div>
                    <div class="w-full truncate mt-3" style="display: none;">
                      <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1 w-full md:w-auto"><input data-ga-event-click=""
                          data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-56d771fa-d18d-4e23-b70e-f38f7bf43f80" type="radio" class="hidden"
                          value="true"> <label for="specific-56d771fa-d18d-4e23-b70e-f38f7bf43f80" class="flex-1 md:flex-auto text-center truncate"><span
                            class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">J'ai les dates</span></span></label> <input
                          data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-56d771fa-d18d-4e23-b70e-f38f7bf43f80"
                          type="radio" class="hidden" value="false"> <label for="not-specific-56d771fa-d18d-4e23-b70e-f38f7bf43f80" class="flex-1 md:flex-auto text-center truncate"><span
                            class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Dîtes-moi quand</span></span></label></div>
                    </div> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer ml-auto"></span>
                  </div>
                  <div class="-mb-4 w-full pb-px pt-3">
                    <div class="flex items-center text-md -mx-4">
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                      </div>
                      <div class="flex-1">
                        <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2"><input type="text" autocomplete="off" readonly="readonly" tabindex="-1" placeholder="Période"
                  required="required" class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none cursor-pointer">
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="jc jc-calendar-alt inline-block w-8 text-center"></span>
                    <div class="v-popover inline-block w-8 text-center" style="display: none;">
                      <div class="trigger" style="display: inline-block;"><span aria-hidden="true" class="jc jc-exclamation-circle text-red"></span> </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="mb-2 hidden md:block w-full leading-normal" style="display: none;">
                  <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="FlightAnyTime"
                      data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-3027bf16-1dc1-48c6-8808-1a11e6c8bfa2" type="radio" class="hidden" value="true"> <label
                      for="specific-3027bf16-1dc1-48c6-8808-1a11e6c8bfa2" class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span
                          class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">J'ai les dates</span></span></label> <input data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click"
                      data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-3027bf16-1dc1-48c6-8808-1a11e6c8bfa2" type="radio" class="hidden" value="false"> <label for="not-specific-3027bf16-1dc1-48c6-8808-1a11e6c8bfa2"
                      class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Dîtes-moi quand</span></span></label>
                  </div>
                </div>
                <div class="z-50 bg-white dark:bg-neutral">
                  <div class="block md:flex md:flex-wrap md:items-stretch -mx-4 select-none md:p-1 md:box-border" style="display: none;">
                    <div class="hidden md:block w-full md:-mb-6 z-10">
                      <div class="flex justify-between px-4 text-primary dark:text-primary-300"><span class="jc jc-chevron-left px-2 cursor-pointer" style="display: none;"></span> <span
                          class="jc jc-chevron-right px-2 cursor-pointer ml-auto mr-0"></span></div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">mai 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">juin 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">juillet 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">août 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">septembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">octobre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">novembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">décembre 2024</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">janvier 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">février 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">mars 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">avril 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">mai 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">4</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">8</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">11</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">15</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">18</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">22</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">25</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">29</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">31</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                    <div class="w-full mb-4 last:mb-0 md:mb-0 md:w-1/2 md:px-4 md:hidden">
                      <div class="text-base capitalize mt-1 mb-4 md:text-center md:font-bold px-4">juin 2025</div>
                      <div class="hidden md:block w-full mb-2">
                        <div class="flex items-center justify-around text-md text-gray-500 dark:text-gray-300">
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> lun. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mar. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> mer. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> jeu. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> ven. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> sam. </div>
                          </div>
                          <div class="grow">
                            <div class="flex items-center mx-auto justify-center w-5"> dim. </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-pointer">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base group-hover:bg-primary group-hover:text-white">1</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">2</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">3</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">4</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">5</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">6</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">7</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">8</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">9</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">10</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">11</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">12</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">13</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">14</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">15</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">16</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">17</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">18</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">19</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">20</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">21</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">22</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">23</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">24</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">25</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">26</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">27</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">28</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">29</div>
                        </div>
                      </div>
                      <div class="flex cursor-default py-px">
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500">30</div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                        <div class="flex flex-1 before:pt-[100%] before:float-left before:content-[' '] relative group cursor-default">
                          <div class="rounded w-full inset-0 absolute flex items-center justify-center mx-auto text-base bg-transparent hover:bg-transparent text-gray-300 dark:text-gray-500 hover:text-gray-300 dark:hover:text-gray-500"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="hidden md:block z-10 p-3 mt-3 -mb-3 border-t border-gray-200 dark:border-neutral-300 -mx-3">
                    <div class="flex items-center justify-between">
                      <div class="text-md truncate"><span class="text-gray-500 dark:text-gray-300">Sélectionner des dates</span></div> <button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                        Terminé </button>
                    </div>
                  </div>
                </div>
                <div class="flex items-end md:items-center inset-0 absolute z-[70] bg-black/20" style="display: none;">
                  <div class="w-full p-5 md:m-10 bg-white dark:bg-neutral rounded shadow"><span class="w-full inline-block text-center font-bold select-none mb-6 text-xl">Chercher un vol aller simple ?</span>
                    <div class="w-full">
                      <div class="flex flex-wrap flex-col md:flex-row-reverse -mx-5"><button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-green hover:[&amp;:not([disabled])]:bg-green-600 active:[&amp;:not([disabled])]:bg-green-600 dark:hover:[&amp;:not([disabled])]:bg-green-400 dark:active:[&amp;:not([disabled])]:bg-green-400 text-white border-transparent focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5 mb-2 md:mb-0">
                          Oui, un aller simple </button> <button type="button" tabindex="-1"
                          class="px-4 py-1 text-base leading-8 bg-white/5 hover:[&amp;:not([disabled])]:bg-green-200 active:[&amp;:not([disabled])]:bg-green-200 dark:bg-white/5 text-green border-green focus:border-green-600 focus:ring-green-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition flex-1 mx-5">
                          Non, un aller retour </button></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="flex items-center">
                      <div class="w-full -mb-3 leading-none">
                        <div class="text-base p-2 font-bold text-gray-300 text-center"><span class="block">Aller-retour</span> <span class="inline-block text-md font-normal lowercase">Sélectionner des dates</span></div>
                      </div>
                    </div>
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Terminé </button></div>
                  </div>
                </div>
              </div>
              <div
                class="p-4 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible md:z-50 min-h-0 grow bg-white dark:bg-neutral inset-0 md:absolute md:rounded md:inset-auto md:-ml-3 md:-mt-8 md:shadow-md w-full md:min-w-[624px] md:p-3 md:box-content xl:-translate-x-1/2 xl:left-1/2"
                style="display: none;">
                <div class="mb-4 hidden md:block w-full leading-normal" style="display: none;">
                  <div class="inline-flex text-sm bg-white dark:bg-neutral rounded border border-primary-300 dark:border-neutral-300 text-primary dark:text-white p-1"><input data-ga-event-click="" data-ga-event-category="FlightAnyTime"
                      data-ga-event-action="FlightAnyTime Calendar: Click" data-ga-event-label="Click: Standard Calendar Tab" id="specific-6dd3a023-50eb-4338-a0d0-6a0148cfd73c" type="radio" class="hidden" value="true"> <label
                      for="specific-6dd3a023-50eb-4338-a0d0-6a0148cfd73c" class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1 bg-primary-200 dark:bg-neutral-700"><span
                          class="jc jc-calendar-day p-1"></span> <span class="p-1 truncate">J'ai les dates</span></span></label> <input data-ga-event-click="" data-ga-event-category="FlightAnyTime" data-ga-event-action="FlightAnyTime Calendar: Click"
                      data-ga-event-label="Click: AnyTime Calendar Tab" id="not-specific-6dd3a023-50eb-4338-a0d0-6a0148cfd73c" type="radio" class="hidden" value="false"> <label for="not-specific-6dd3a023-50eb-4338-a0d0-6a0148cfd73c"
                      class="flex-1 md:flex-auto text-center truncate"><span class="flex items-center justify-center rounded cursor-pointer px-1"><span class="jc jc-tag p-1"></span> <span class="p-1 truncate">Dîtes-moi quand</span></span></label>
                  </div>
                </div>
                <div class="z-50 bg-white dark:bg-neutral">
                  <div style="display: none;">
                    <p class="w-full font-bold mb-4">Les supers mois pour votre aventure !</p>
                    <div class="flex flex-wrap -m-2 mb-2"></div>
                    <div class="block md:flex md:flex-wrap -mx-2">
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-green mr-2"></div> <span class="text-sm truncate leading-tight">Mois les moins chers</span>
                        </div>
                      </div>
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-accent dark:bg-accent-600 mr-2"></div> <span class="text-sm truncate leading-tight">Mois à prix moyen</span>
                        </div>
                      </div>
                      <div class="w-full md:w-auto px-2 overflow-x-hidden mb-1 md:mb-0" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 h-1 rounded-lg bg-red dark:bg-red-400 mr-2"></div> <span class="text-sm truncate leading-tight">Mois les plus chers</span>
                        </div>
                      </div>
                      <div class="w-full px-2 overflow-x-hidden mb-1 md:mb-0 md:mt-2" style="display: none;">
                        <div class="flex items-center px-1">
                          <div class="w-5 text-center mr-2"><span class="jc jc-search text-base text-gray dark:text-gray-300 leading-none"></span></div> <span class="text-sm truncate">Le prix doit être vérifié</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full md:w-1/2 mb-2 md:mb-0">
            <div tabindex="0" class="w-full w-full">
              <div class="md:hidden shadow-bottom p-4 mb-2 w-full z-[60]" style="display: none;">
                <div class="flex items-center justify-between"><span class="font-bold text-lg truncate">Classe et passagers</span> <span class="jc jc-times text-lg text-primary dark:text-primary-300 p-2 -m-2 cursor-pointer"></span></div>
              </div>
              <div class="flex md:flex w-full items-center bg-white dark:bg-neutral rounded border border-white dark:border-transparent cursor-pointer p-2">
                <div class="leading-6 w-full appearance-none bg-transparent block focus:outline-none truncate shadow-none"><span class="w-full truncate"><span data-number="1" data-single="Passager," data-plural="Passagers,"
                      class="output-pluralize"></span> <span data-option="0" data-option-0="Économique" data-option-1="Business" data-option-2="Première" data-option-3="Économique Premium" class="output-options"></span></span></div>
                <div class="shrink-0">
                  <div class="flex items-center justify-center"><span class="w-8 inline-block text-center"><span class="jc jc-caret-down px-2"></span></span></div>
                </div>
              </div>
              <div
                class="-mt-2 pt-8 md:pt-0 overscroll-y-none overflow-y-auto md:overscroll-y-auto md:overflow-y-visible min-h-0 grow bg-white dark:bg-neutral inset-0 z-50 md:absolute md:rounded md:inset-auto md:-mt-8 md:shadow-md w-full md:min-w-[340px] md:-translate-x-1/2 md:left-1/2 hidden">
                <div class="flex items-stretch flex-wrap">
                  <div class="w-full md:mb-0 md:pb-0 pb-4 mb-4">
                    <div class="w-full mb-2 font-bold truncate px-4 md:pt-4">Classe</div>
                    <div class="px-4">
                      <div class="flex items-center relative cursor-pointer w-full border border-primary-300 dark:border-gray-300 rounded"><select
                          class="w-full focus:outline dark:focus:outline-none text-black dark:text-neutral-200 bg-white dark:bg-neutral appearance-none p-2 pr-6 cursor-pointer rounded">
                          <option value="0">Économique</option>
                          <option value="3"> Économique Premium</option>
                          <option value="1">Business</option>
                          <option value="2">Première</option>
                        </select> <span class="jc jc-caret-down px-2 pointer-events-none absolute pt-2 top-0 right-0"></span></div> <!---->
                    </div>
                  </div>
                  <div class="w-full mb-4 md:mb-0 md:pl-2">
                    <div class="pl-4 md:pl-2 pr-4 pb-2"><span class="inline-block w-full pb-2 font-bold truncate md:pt-8 border-b border-gray-200 dark:border-neutral-300">Nombre de passagers</span></div>
                    <div class="flex items-center text-base text-black dark:text-white flex-wrap pl-4 md:pl-2 pr-4 md:pr-4 md:pb-4">
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Adultes</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">1</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Adults Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full mb-2">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Enfants</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Children Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="w-full">
                        <div class="flex items-center justify-between h-12"><span class="w-auto truncate pr-1">Bébés</span>
                          <div class="w-auto">
                            <div class="flex justify-between items-center w-full max-w-[8rem]"><button type="button" tabindex="-1" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats -1" disabled="disabled"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-minus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                              <span class="w-12 md:w-6 text-center">0</span> <button type="button" tabindex="-1" data-ga-event-click="" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                                data-ga-event-label="Click: Infants Seats +1"
                                class="text-6xl text-primary dark:text-primary-300 hover:[&amp;:not([disabled])]:text-primary-600 dark:hover:[&amp;:not([disabled])]:text-primary-200 active:[&amp;:not([disabled])]:text-primary-600 dark:active:[&amp;:not([disabled])]:text-primary-200 jc-plus-circle touch-manipulation jc cursor-pointer inline-flex items-center justify-center outline-none focus:outline-none disabled:opacity-40 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition"></button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="hidden md:block w-full z-10 p-3 pr-4 border-t border-gray-200 dark:border-neutral-300">
                  <div class="flex items-center justify-end"><button type="button" tabindex="-1"
                      class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition">
                      Terminé </button></div>
                </div>
              </div>
              <div class="shadow-top z-[60] md:hidden" style="display: none;">
                <div class="flex items-center justify-between">
                  <div class="w-full">
                    <div class="p-4"><button type="button" tabindex="-1"
                        class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Terminé </button></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="grow-0">
        <div class="flex flex-col md:flex-row-reverse lg:flex-col md:-mx-1 lg:mx-0">
          <div class="md:flex-1 md:px-1 lg:px-0"><button type="submit" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-secondary hover:[&amp;:not([disabled])]:bg-secondary-600 active:[&amp;:not([disabled])]:bg-secondary-600 dark:hover:[&amp;:not([disabled])]:bg-secondary-400 dark:active:[&amp;:not([disabled])]:bg-secondary-400 text-white border-transparent focus:border-secondary-600 focus:ring-secondary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"><span
                style="display: none;"> Rechercher et Comparer </span> <span> Rechercher </span></button> <button type="button" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
              data-ga-event-label="Click: Search Form Open"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full md:min-w-[17.5rem]"
              style="display: none;"> Modifier </button></div>
          <div class="md:flex-1 md:px-1 mt-2 md:mt-0 lg:mt-2 lg:px-0" style="display: none;"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm"
              data-ga-event-action="SearchForm: Click" data-ga-event-label="Click: Search"
              class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition block xl:hidden mb-2 w-full md:min-w-[17.5rem]">
              Rechercher </button></div>
        </div>
      </div>
    </div>
    <div class="md:flex md:flex-row md:items-center">
      <div class="flex grow">
        <div class="w-full text-primary dark:text-primary-300 text-md md:text-white md:dark:text-black">
          <div>
            <ul class="text-white md:flex md:items-center md:flex-wrap p-0 -mb-2 md:text-white hidden"><!----> </ul>
            <div class="text-primary dark:text-primary-300 bg-white dark:bg-neutral absolute inset-0 z-20 rounded md:fixed md:bg-black/80 md:dark:bg-black/80 hidden">
              <div class="absolute inset-0 flex flex-col overflow-hidden overscroll-y-none overflow-y-auto rounded md:inset-1/2 md:bg-white md:dark:bg-neutral md:w-[400px] md:min-h-[400px] md:-translate-x-1/2 md:-translate-y-1/2">
                <div class="w-full bg-white dark:bg-neutral shadow-bottom p-3 sticky top-0 z-30 font-bold">
                  <div class="text-lg flex items-center"><span>Comparez les partenaires</span></div>
                </div>
                <div class="grow p-3">
                  <div class="italic mb-3">
                    <p>Améliorez votre recherche en ajoutant nos partenaires premium 🚀</p>
                  </div> <!---->
                </div>
                <div class="w-full bg-white dark:bg-neutral shadow-top p-3 sticky bottom-0 z-30">
                  <div class="-mx-1"><!---->
                    <div class="w-full p-1"><button type="button" data-prevent-eu="data-prevent-eu" data-ga-event-click="data-ga-event-click" data-ga-event-category="SearchForm" data-ga-event-action="SearchForm: Click"
                        data-ga-event-label="Click: Search"
                        class="px-4 py-1 text-base leading-8 bg-white hover:[&amp;:not([disabled])]:bg-primary-200 active:[&amp;:not([disabled])]:bg-primary-200 dark:bg-white/5 dark:hover:[&amp;:not([disabled])]:bg-primary-600 dark:active:[&amp;:not([disabled])]:bg-primary-600 text-primary dark:text-primary-300 border-primary dark:border-primary-300 focus:border-primary-600 focus:ring-primary-300 cursor-pointer rounded inline-flex items-center justify-center border font-bold outline-none focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed active:[&amp;:not([disabled])]:translate-y-px transition w-full">
                        Rechercher </button></div>
                  </div>
                </div>
              </div>
            </div> <!---->
          </div>
        </div>
      </div> <!---->
    </div>
  </div>
</form>

Text Content

VOTRE NAVIGATEUR EST OBSOLÈTE!

Mettez à jour votre navigateur pour afficher correctement ce site Web.

Mettre à jour maintenant
Vols
Hôtels
Voitures
Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
Clair Sombre Automatique
Rechercher
Vols Hôtels Voitures
Sois inspiré
Compagnies aériennes

 * Vols Air France
 * Vols Easyjet
 * Vols Ryanair
 * Vols Transavia
 * Vols Volotea

Villes & Aéroports

 * Vols pour Ajaccio
 * Vols pour Dubai
 * Vols pour Paris
 * Vols pour Nice
 * Vols pour Marseille

Itinéraires populaires

 * Vols Paris Ajaccio
 * Vols Paris Dubai
 * Vols Paris Casablanca
 * Vols Paris Nice
 * Vols Paris Lisbonne

Offres et Conseils

 * Quand reserver un vol
 * Destinations estivales pour les amoureux de la montagne
 * Les meilleures destinations d'été
 * Les plus belles îles du monde
 * Plus belles plages du monde

OTA

 * GO Voyages

Explore

Info
Qui sommes-nous?

Contact

Politique de confidentialité

Politique de cookies

Mentions légales

Affiliations

Conditions générales

S'associer avec nous

Foire aux questions

App

Carrières

Digital Services Act

FR
 * Argentina
 * Australia
 * Bolivia
 * Brasil
 * Canada (en)
 * Canada (fr)
 * Chile
 * Colombia
 * Danmark
 * Deutschland
 * España
 * Estados Unidos (es)
 * France
 * Hong Kong
 * India
 * Indonesia
 * Ireland
 * Italia
 * Magyarország
 * Malaysia
 * México

 * Nederland
 * New Zealand
 * Norge
 * Österreich
 * Perú
 * Philippines
 * Polska
 * Portugal
 * România
 * Россия
 * Singapore
 * South Africa
 * 한국
 * Suomi
 * Sverige
 * Thailand
 * United Kingdom
 * United States (en)
 * Uruguay
 * Venezuela




TROUVEZ UN VOL PAS CHER

Les dates sélectionnées sont susceptibles de ne pas donner de résultats en
raison du COVID-19. Nous vous suggérons de modifier les dates.
Modifier Continuer
Aller-retour Aller simple
Sélectionner le départ



Sélectionner l'arrivée


Aller-retour Aller simple
J'ai les dates Dîtes-moi quand
lun.
mar.
mer.
jeu.
ven.
sam.
dim.

J'ai les dates Dîtes-moi quand
mai 2024
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
31


juin 2024
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

juillet 2024
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
31




août 2024
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
31

septembre 2024
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






octobre 2024
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
31



novembre 2024
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

décembre 2024
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
31





janvier 2025
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
31


février 2025
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


mars 2025
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
31






avril 2025
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




mai 2025
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
31

juin 2025
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






Sélectionner des dates
Terminé
Chercher un vol aller simple ?
Oui, un aller simple Non, un aller retour
Aller-retour Sélectionner des dates
Terminé
J'ai les dates Dîtes-moi quand

Les supers mois pour votre aventure !



Mois les moins chers

Mois à prix moyen

Mois les plus chers

Le prix doit être vérifié
Classe et passagers

Classe
Économique Économique Premium Business Première
Nombre de passagers
Adultes
1
Enfants
0
Bébés
0
Terminé
Terminé
Rechercher et Comparer Rechercher Modifier
Rechercher
Comparez les partenaires

Améliorez votre recherche en ajoutant nos partenaires premium 🚀

Rechercher



VOLS PAS CHERS

Ne renonce pas à voyager ! Vole à des prix avantageux. Réserve au prix indiqué
par la compagnie aérienne ou l'agence de voyage sans frais supplémentaires !


RECHERCHE ET COMPARE

Saisis ta ville de départ, ta destination et tes dates. Cherche et compare les
prix pour trouver les billets d'avion les moins chers. Nous te montrerons le
meilleur résultat parmi des milliers d'options !


RECHERCHE PERSONNALISÉE

Trouve rapidement ton vol pas cher en filtrant ta recherche selon tes critères
préférés : durée du vol, compagnies aériennes, escales, créneau horaire et plus
encore ! Prépare-toi à voyager !


APP MOBILE

Télécharge notre App et configure des alertes pour savoir lorsque les prix sont
en baisse et réserve tes vols au meilleur prix. Découvre le mois ou le jour le
moins cher pour voyager !


LES OFFRES DE VOLS LES PLUS RECHERCHÉES

Paris, découvrez la Ville Lumiére ! dès 21€
Vol Barcelone dès 25€
Porto dès 34€
Bangkok, le charme de l'Asie dès 488€
Vols Nice dès 32€
Vols New York dès 307€



PRIX DES BILLETS D'AVIONS RÉCEMMENT COMPARÉS

Aller simple Zurich - Djerba Le 16/07/2024
248 €
Aller simple Casablanca - Paris Charles de Gaulle Le 19/05/2024
158 €
Aller simple Tunis - Marseille Le 16/05/2024
43 €
Aller simple Tanger - Paris Orly Le 15/05/2024
83 €
Aller simple Munich - Paris Beauvais Le 06/05/2024
263 €
Vols Lyon - Bali Denpasar Du 13/05/2024 au 27/05/2024
708 €
Vols Lyon - Istanbul Sabiha Gökçen Du 11/05/2024 au 26/05/2024
243 €
Aller simple Oran - Paris Charles de Gaulle Le 14/07/2024
100 €
Aller simple Lyon - Tanger Le 15/07/2024
188 €
Vols Toulouse - Saint Jacques de Compostelle Du 03/05/2024 au 20/05/2024
235 €
Vols Rabat - Barcelone Du 24/05/2024 au 26/05/2024
188 €
Aller simple Madrid - Lisbonne Le 23/08/2024
39 €
Vols Paris - Hurghada Du 05/08/2024 au 15/08/2024
598 €
Aller simple Paris - Fes Le 22/05/2024
86 €
Vols Paris - Agadir Du 22/07/2024 au 31/08/2024
384 €


QUESTIONS FRÉQUEMMENT POSÉES

Trouve les questions les plus fréquemment posées sur Jetcost et les recherches
de vols.


COMMENT TROUVER DES VOLS BON MARCHÉ ?


Recherche des vols à partir de la ville de départ et de la destination de ton
choix, dans la période souhaitée. Clique sur rechercher et comparer. Si les prix
ne te conviennent pas, nous te suggérerons les jours les moins chers pour partir
vers ta destination choisie. Si, au contraire, tu sais quand tu veux voyager
mais que tu es flexible sur le lieu, nous te montrerons aussi les meilleures
offres de vols à la même période depuis le même lieu de départ. Si tu as déjà
une destination et des dates en tête, et que tu veux être prévenu à chaque fois
que les prix des vols augmentent ou baissent grâce à une alerte de prix,
télécharge notre App.


JETCOST EST-IL UN SITE FIABLE ?


La réponse est oui ! Jetcost est très fiable. Jetcost est un moteur de recherche
dont le seul but est de t'aider à trouver la meilleure option pour tes projets
de voyage. Jetcost ne vend pas de vols directement et nous ne te demanderons
donc jamais d'informations personnelles ou de cartes de crédit, tu peux naviguer
librement sur notre site sans t'inquiéter. Chaque mois, des millions
d'utilisateurs font confiance à notre comparateur pour trouver les meilleures
offres sur les vols, les hôtels et les locations de voitures. Tu peux aussi lire
nos avis sur Trustpilot en faisant attention à ceux qui se plaignent du service
client ou de l'augmentation du prix des billets car Jetcost ne vend pas mais
compare ! :)


LES PRIX AFFICHÉS SUR JETCOST SONT-ILS FIABLES ?


Comme nous ne sommes pas des vendeurs directs, il ne nous est pas possible de
garantir les offres que nos partenaires vendent. Les prix proposés par les
compagnies aériennes, les hôtels et les locations de voitures peuvent toujours
changer. Il est également possible que plusieurs personnes essaient d'acheter la
même offre en même temps. Par conséquent, le prix affiché n'est plus disponible.
Toutefois, si tu as rencontré un problème avec l'un de nos partenaires, n'hésite
pas à nous contacter en fournissant tous les détails dont tu disposes, ta
contribution nous aidera, ainsi qu'aux autres utilisateurs, afin d'offrir un
service toujours meilleur!


QUELS SONT LES SITES SEMBLABLES À JETCOST ?


Jetcost est une moteur de recherche comme Skyscanner. Il te permet de comparer
des centaines de vols, d'hôtels et de locations de voitures en analysant les
offres des compagnies aériennes et des agences de voyages en ligne. L'objectif
d'un moteur de recherche est de t'aider à trouver la meilleure option de voyage.
Que tu cherches un vol, un hôtel ou une location de voiture, Jetcost est le site
qu'il te faut!


PUIS-JE ACHETER UN VOL OU RÉSERVER UN HÔTEL DIRECTEMENT SUR JETCOST ?


Jetcost offre un service gratuit de comparaison des prix mais ne vend pas les
offres qu'il présente et ne demande pas de frais ou de détails personnels pour
le service offert. Nous essayons de fournir les meilleurs tarifs en nous mettant
en relation avec des agences de voyage en ligne et des compagnies aériennes. Par
conséquent, après avoir effectué une recherche, tu verras toutes les différentes
options : une fois que tu auras sélectionné l'option de ton choix, tu seras
redirigé vers la compagnie aérienne ou l'agence de voyage en ligne avec laquelle
tu pourras effectuer ton achat.
Découvrez notre application Téléchargez gratuitement l'application pour Android
ou iOS




RECHERCHE ET COMPARE LES PRIX AVEC JETCOST

Jetcost te permet de rechercher et de comparer gratuitement des offres de vols,
d'hôtels et de locations de voitures pour toutes les destinations du monde
entier ! Tu peux trouver et réserver des billets d'avion et d'hôtels au meilleur
prix en comparant les offres disponibles sans frais supplémentaires.

Jetcost t'aidera à économiser du temps et de l'argent en trouvant exactement ce
que tu cherches en quelques secondes. Recherche de vols Chez Jetcost, trouve de
bonnes affaires, recherche et compare des vols vers n'importe quelle
destination.
Si tu es flexible sur les dates de retour, tu peux trouver des vols bon marché.
Notre système parvient à trouver de supers billets à bas prix parmi toutes les
compagnies aériennes nationales et internationales.

Clique sur le prix affiché pour découvrir les dates aller-retour du vol que tu
as choisi. Des vols bon marché pour Rome, Londres, Paris, New York ou Dubaï et
bien d'autres destinations ne peuvent être trouvés que si tu cliques sur Jetcost
! Vérifie toutes les destinations disponibles et les principales routes
aériennes pour découvrir tous les voyages à prix réduits.

Compare des centaines d'offres d'agences de voyage en ligne comme
Lastminute.com, Opodo, Edreams, Gotogate et de grandes compagnies aériennes
comme Air France, Vueling, Ryanair, Royal Air Maroc, Easyjet. Trouve rapidement
ton vol en filtrant ta recherche selon les critères que tu préfères, comme la
durée du vol, les compagnies aériennes, les escales, la classe de voyage, les
heures de départ et d'arrivée, et plus encore.Choisis le vol idéal pour toi en
quelques secondes : compare les offres et effectue ton achat directement sur le
site de la compagnie aérienne et de l'agence sans perdre de temps.


HÔTELS ET LOCATION DE VOITURES

Tout comme pour les vols, tu peux également comparer les prix des hôtels et des
locations de voitures. Trouve le logement le mieux adapté à tes besoins en
parcourant la galerie de photos et en lisant les avis des autres utilisateurs.

Compare les offres d'hôtels, d'appartements, d'auberges et plus encore sur les
meilleurs sites de réservation comme Booking.com et bien d'autres. Une maison de
vacances adaptée aux animaux ?

Tu cherches un 4x4 de location ? Ou n'importe quelle voiture, du moment qu'elle
ne soit pas si chère ? Tu peux utiliser les filtres pour rechercher par type de
véhicule, boîte de vitesses, type de carburant, sièges disponibles et autres
caractéristiques. Parce que nous sommes des voyageurs comme toi, nous savons à
quel point il est important de planifier chaque voyage.


TÉLÉCHARGE NOTRE APPLICATION

Ne manque pas la bonne offre pour toi ! Regarde à tout moment les destinations
les plus recherchées ou les compagnies aériennes qui ont des vols fréquents
depuis ta ville de départ. Si tu ne l'as pas encore fait, télécharge l'App
Jetcost disponible pour Apple et Android. Tu pourras réserver confortablement
depuis ton mobile, où que tu sois.

Itinéraires les plus populaires
Principales compagnies aériennes
Villes les plus visitées
Destinations les plus populaires
 * Vols Tunis - Paris
 * Vols Paris - Porto
 * Vols Paris - Dakar
 * Vols Marseille - Alger
 * Vols Paris - Bangkok
 * Vols Paris - Rabat
 * Vols Paris - Agadir
 * Vols Paris - Istanbul
 * Vols Paris - Oran
 * Vols Paris - Oujda
 * Vols Paris - Djerba
 * Vols Paris - Casablanca
 * Vols Paris - Tunis
 * Vols Paris - Marrakech
 * Vols Paris - Alger

 * AJet
 * Lufthansa
 * ASL Airlines
 * Pegasus Airlines
 * Nouvelair
 * VOLOTEA
 * Air Arabia Maroc
 * Turkish Airlines
 * Vueling
 * Tunisair
 * Royal Air Maroc
 * easyJet
 * Air Algerie
 * Air France
 * Transavia France

 * Vols Bangkok
 * Vols Dakar
 * Vols Agadir
 * Vols Barcelone
 * Vols Oujda
 * Vols Lyon
 * Vols Bruxelles
 * Vols Djerba
 * Vols Oran
 * Vols Istanbul
 * Vols Casablanca
 * Vols Marrakech
 * Vols Tunis
 * Vols Alger
 * Vols Paris

 * Vols moins chers Thaïlande
 * Vols moins chers États-Unis
 * Vols moins chers Portugal
 * Vols moins chers Italie
 * Vols moins chers Turquie
 * Vols moins chers Espagne
 * Vols moins chers Tunisie
 * Vols moins chers Algérie
 * Vols moins chers Maroc
 * Vols moins chers France




INFO

Qui sommes-nous?
Contact
Politique de confidentialité
Politique de cookies
Gérer les cookies
Mentions légales
Affiliations
Conditions générales
S'associer avec nous
Foire aux questions
App
Carrières
Digital Services Act

VOLS

Compagnies aériennes

 * Vols Air France
 * Vols Easyjet
 * Vols Ryanair
 * Vols Transavia
 * Vols Volotea

Villes & Aéroports

 * Vols pour Ajaccio
 * Vols pour Dubai
 * Vols pour Paris
 * Vols pour Nice
 * Vols pour Marseille

Itinéraires populaires

 * Vols Paris Ajaccio
 * Vols Paris Dubai
 * Vols Paris Casablanca
 * Vols Paris Nice
 * Vols Paris Lisbonne

Offres et Conseils

 * Quand reserver un vol
 * Destinations estivales pour les amoureux de la montagne
 * Les meilleures destinations d'été
 * Les plus belles îles du monde
 * Plus belles plages du monde

OTA

 * GO Voyages

Explore

APPARENCE


Clair

Sombre

Automatique

JETCOST INTERNATIONAL

Argentina Australia Bolivia Brasil Canada (en) Canada (fr) Chile Colombia
Danmark Deutschland España Estados Unidos (es) France Hong Kong India Indonesia
Ireland Italia Magyarország Malaysia México Nederland New Zealand Norge
Österreich Perú Philippines Polska Portugal România Россия Singapore South
Africa 한국 Suomi Sverige Thailand United Kingdom United States (en) Uruguay
Venezuela
© 2006-2024 Jetcost


×


LE RESPECT DE VOTRE VIE PRIVÉE EST NOTRE PRIORITÉ

Nous utilisons, ainsi que certains tiers de l'UE et hors UE, des cookies et
d'autres technologies de suivi similaires à des fins techniques et, avec votre
consentement, à des fins de mesure et d'annonces personnalisées, comme spécifié
dans notre Politique des cookies. Avec votre consentement, nous et nos tiers
sélectionnés (y compris 851 Fournisseurs certifiés IAB) pouvons analyser
activement les caractéristiques de l'appareil à des fins d'identification afin
de stocker/accéder aux informations sur un appareil et traiter des données
personnelles telles que vos données d'utilisation pour des publicités
personnalisées, la mesure des publicités, des informations sur le public et le
développement de services. Vous pouvez librement donner ou refuser votre
consentement aux cookies non essentiels en cliquant sur « Tout accepter » ou «
Tout refuser », et le modifier ou le retirer à tout moment via le panneau «
Gérer les cookies ».
Appuyez à nouveau pour continuer 0/1
Gérer les cookies
Tout refuserTout accepter