www.clubmed.fr
Open in
urlscan Pro
23.36.238.17
Public Scan
Submitted URL: http://ads.viraltrafficshop.com/c/662f63be577159c8b48babc7-66169d4e2560b2ec3a3966f3
Effective URL: https://www.clubmed.fr/r/marrakech-la-palmeraie/y?utm_medium=Partnerships&utm_campaign=PA_Partenariat_2024&utm_source=D...
Submission: On May 07 via api from US — Scanned from NL
Effective URL: https://www.clubmed.fr/r/marrakech-la-palmeraie/y?utm_medium=Partnerships&utm_campaign=PA_Partenariat_2024&utm_source=D...
Submission: On May 07 via api from US — Scanned from NL
Form analysis 2 forms found in the DOM
<form class="relative z-2 w-full lg:px-20" id="price-remote-form">
<div class="lg:flex lg:flex-row">
<div class="flex lg:flex-2 -mx-5">
<div class="flex-1 px-5" data-testid="search-form-criteria-when">
<div class="">
<div class="relative">
<div class="border flex items-center leading-normal rounded-pill text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black w-full"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none flex-none shrink-0" data-name="date" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M22.6296 24.991H7.37162C6.21062 24.991 5.26562 24.049 5.26562 22.89V13.726H24.7356V22.89C24.7356 24.049 23.7906 24.991 22.6296 24.991M7.37162 6.97302H8.44362V7.67602C8.44362 8.28602 8.93962 8.78102 9.55162 8.78102C10.1636 8.78102 10.6596 8.28602 10.6596 7.67602V6.97302H19.3416V7.67602C19.3416 8.28602 19.8376 8.78102 20.4496 8.78102C21.0616 8.78102 21.5586 8.28602 21.5586 7.67602V6.97302H22.6296C23.7906 6.97302 24.7356 7.91502 24.7356 9.07302V11.717H5.26562V9.07302C5.26562 7.91502 6.21062 6.97302 7.37162 6.97302M22.629 4.964H21.558V4.105C21.558 3.495 21.061 3 20.449 3C19.837 3 19.341 3.495 19.341 4.105V4.964H10.659V4.105C10.659 3.495 10.163 3 9.551 3C8.939 3 8.443 3.495 8.443 4.105V4.964H7.371C5.099 4.964 3.25 6.807 3.25 9.073V22.89C3.25 25.156 5.099 27 7.371 27H22.629C24.902 27 26.75 25.156 26.75 22.89V9.073C26.75 6.807 24.902 4.964 22.629 4.964">
</path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 hidden lg:inline truncate">Arrivée - Départ </span></span></button><button class="leading-0 pe-20 py-10 shrink-0" type="button"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit transition-all duration-250 ease-in" data-name="arrowDown" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M16.4135055,21.4189896 C16.0391321,21.794715 15.5400357,22 15.0120627,22 C14.4791745,22 13.9823309,21.794715 13.6079575,21.4189896 L3.58320747,11.390289 C3.20641739,11.0145637 3,10.5175788 3,9.98555012 C3,9.4559108 3.20641739,8.95653658 3.58320747,8.58320059 C3.95760139,8.20767437 4.45440396,8 4.98712835,8 C5.5151014,8 6.01440252,8.20767437 6.38877596,8.58320059 L15.0120627,17.2097508 L23.632687,8.58320059 C24.0070605,8.20767437 24.5063616,8 25.0367922,8 C25.5647653,8 26.0638616,8.20767437 26.4384398,8.58320059 C27.1871867,9.33226192 27.1871867,10.6390374 26.4384398,11.390289 L16.4135055,21.4189896 Z">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
<div class="flex-1 px-5" data-testid="search-form-criteria-who">
<div data-testid="CriteriaWho" class="">
<div class="relative">
<div class="border flex items-center leading-normal rounded-pill text-14 text-black transition-all duration-250 ease-in w-full border-success text-black w-full"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none flex-none shrink-0 text-success" data-name="peopleDouble"
data-testid="icon" style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path fill-rule="evenodd"
d="M22 14.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-.7 3.78a4 4 0 0 1-2.6 0A1 1 0 0 1 18 20c-.54 0-.9.15-1.18.37-.3.23-.55.6-.78 1.1a9.79 9.79 0 0 0-.58 1.78l-.2.8-.3 1.21a1 1 0 0 1-1.93-.52l.27-1.08.22-.9c.17-.7.39-1.43.7-2.11.3-.68.73-1.35 1.36-1.85a3.78 3.78 0 0 1 2.48-.8 4 4 0 1 1 3.87 0H22c.96 0 1.76.29 2.41.8.63.5 1.06 1.17 1.37 1.85.3.68.52 1.42.7 2.11l.21.9.27 1.08a1 1 0 1 1-1.93.52l-.3-1.2-.2-.8c-.16-.67-.34-1.27-.57-1.78-.24-.51-.5-.88-.79-1.11A1.79 1.79 0 0 0 22 20a1 1 0 0 1-.7-1.72Z"
clip-rule="evenodd"></path>
<path fill-rule="evenodd"
d="M16 9.25a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.76 4.84a5.01 5.01 0 0 1-2.49 0 1 1 0 0 1-.75 1.66c-1 0-1.54.07-1.9.21-.27.12-.5.31-.77.85-.3.58-.57 1.45-.94 2.82l-.43 1.65c-.28 1.06-.6 2.3-1 3.74a1 1 0 1 1-1.93-.54c.4-1.42.71-2.62.98-3.67l.45-1.7c.37-1.35.69-2.41 1.08-3.2.42-.84.97-1.45 1.8-1.8a6.82 6.82 0 0 1 2.48-.36 5 5 0 1 1 6.72-2.4c-.56.43-1 1-1.26 1.67a5 5 0 0 1-1.1.73c.3 0 .6.01.88.03a4.02 4.02 0 0 0 .15 2.03c-.3-.04-.7-.06-1.21-.06a1 1 0 0 1-.76-1.66Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="hidden lg:inline truncate">2 adultes</span><span class="lg:hidden">2</span></span></button><button class="leading-0 pe-20 py-10 shrink-0" type="button"
data-testid="InputButtonClear"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="cross" data-testid="icon" style="height: 0.625rem; width: 0.625rem;"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M23.0282818,3.55581844 L14.8923617,11.6949684 L6.75002775,3.55581844 C6.32236395,3.12820045 5.75542881,2.89496677 5.15298864,2.89496677 C4.54871595,2.89334041 3.98017736,3.12820045 3.55100173,3.5574448 C2.6714849,4.44026016 2.6714849,5.87535053 3.55262809,6.75633338 L11.6918697,14.8954604 L3.54937537,23.0380234 C3.1250101,23.4622512 2.89177642,24.0291864 2.89015006,24.6334591 C2.89177642,25.2375027 3.12663646,25.8060413 3.55100173,26.2304982 C3.98017736,26.6597654 4.54871595,26.8945568 5.15138519,26.8945568 C5.75703226,26.8945568 6.3239674,26.6613689 6.75323466,26.2321016 L14.8907582,18.0945781 L23.0298853,26.2337051 C23.9094937,27.1130845 25.3461876,27.111481 26.2287739,26.2321016 C26.6564377,25.8044378 26.8930615,25.2375027 26.8946649,24.6334591 C26.8930615,24.0291864 26.6580411,23.4606478 26.2303773,23.03642 L18.0912503,14.893857 L26.2287739,6.75633338 C26.6564377,6.32546267 26.8930615,5.75875659 26.8930615,5.15608736 C26.8930615,4.55364719 26.6548342,3.9851086 26.2255669,3.55258862 C25.3445841,2.67467524 23.9094937,2.67467524 23.0282818,3.55581844">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
<div class="flex-1 px-5" data-testid="search-form-criteria-transport">
<div data-testid="CriteriaTransport-trigger" class="">
<div class="relative">
<div class="border flex items-center leading-normal rounded-pill text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black w-full"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none flex-none shrink-0" data-name="noTransport" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd"
d="M26.7 4.7a1 1 0 0 0-1.4-1.4l-22 22a1 1 0 1 0 1.4 1.4l22-22ZM13.55 7.2l2.71 3.01-3.2 3.2-5.14 1.04c-.39.07-.79-.02-1.1-.27L5.6 13.2l.82 1.37a3.24 3.24 0 0 0 3.42 1.5l.7-.15-2.14 2.14a5.27 5.27 0 0 1-3.7-2.47L3.2 13.1a1.34 1.34 0 0 1-.1-1.23c.18-.4.53-.69.95-.79l.68-.16c.58-.14 1.22.01 1.7.4l1.37 1.1 3.34-.69-2-3.4a1.14 1.14 0 0 1-.05-1.05c.16-.33.47-.57.84-.63l1.4-.22c.82-.14 1.65.16 2.21.78Zm10.7 5.92-4.8.98-4.54 4.54-.65 2.26h.01a.85.85 0 0 1-.63.6l-.6.04.28-1.31-2.4 2.4a1.4 1.4 0 0 0 1.33.97h.1l1.48-.1h.11a2.87 2.87 0 0 0 2.23-2.05l1.4-4.93 7.07-1.44c.9-.18 1.67-.74 2.13-1.53.28-.48.32-1.05.1-1.57h.03a1.73 1.73 0 0 0-1.2-1.04l-2.46-.64-1.66 1.67.25.05 3.04.8c-.17.16-.38.27-.61.32v-.02Zm-12.72-4.7.13-.02c.15-.02.3.03.41.14l2.3 2.54-1.14.23-1.7-2.9Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 hidden lg:block truncate">sans transport</span></span></button><button class="leading-0 pe-20 py-10 shrink-0" data-testid="InputButtonClear"
type="button"><span class="bg-current border-current flex leading-0 overflow-hidden rounded-pill duration-250 ease-in transition-all text-lightGrey" style="width: calc(2.5rem); height: calc(1.5rem); padding: calc(0.125rem);"><span
aria-hidden="true" class="bg-white flex font-bold items-center justify-center leading-0 rounded-pill text-center text-10 shadow text-lightGrey" style="width: calc(1.25rem); height: calc(1.25rem);"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="off" data-testid="icon" style="height: calc(0.5rem); width: calc(0.5rem);"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 500 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M250,0 C388.071188,0 500,111.928812 500,250 C500,388.071188 388.071188,500 250,500 C111.928812,500 0,388.071188 0,250 C0,111.928812 111.928812,0 250,0 Z M250,111.111111 C173.293788,111.111111 111.111111,173.293788 111.111111,250 C111.111111,326.706213 173.293788,388.888888 250,388.888888 C326.706213,388.888888 388.888888,326.706213 388.888888,250 C388.888888,173.293788 326.706213,111.111111 250,111.111111 Z">
</path>
</svg></span></span></span></span></button></div>
</div>
</div>
</div>
</div>
<div class="max-w-full lg:mt-0 mt-15 lg:ms-10"><button
class="inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-pill text-14 transition-colors duration-250 ease-in bg-saffron border-saffron text-black hocus:bg-saffron-active hocus:border-saffron-active hocus:text-black-active cursor-pointer px-20 py-5 flex flex-1 justify-center items-center max-w-full"
data-testid="price-remote-button" type="submit" style="min-height:2.3rem;min-width:140px;height:48px;width:250px" tabindex="0">Sélectionner mes dates</button></div>
</div>
</form><form class="py-30 lg:py-40" id="booking">
<h2 class="air360-replay-ignore border-b-1 border-sand font-bold font-brand leading-tight mb-20 pb-10 lg:pb-20 text-black text-24 md:text-28" data-cs-mask="true">Sélectionnez une date et vos critères de séjour</h2>
<h3 class="font-bold font-sans leading-tight text-20 mb-15" data-testid="BookingCriteriaStep-title--1"><span class="text-28 lg:text-22">1<!-- -->.</span> <!-- -->Choisissez votre transport</h3>
<div class="md:flex gap-x-100 mb-30">
<div class="mb-20 md:mb-0 md:flex-1">
<div data-testid="TransportCriteria-trigger" class="">
<div class="relative">
<div class="border flex items-center leading-normal rounded-pill text-14 text-black transition-all duration-250 ease-in w-full border-lightGrey hocus:border-black w-full"><button class="flex gap-10 items-center flex-1 h-48 px-20 py-10"
data-testid="criteria-trigger-button" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-none flex-none shrink-0" data-name="noTransport" data-testid="icon"
style="height: 1.25em; width: 1.25em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd"
d="M26.7 4.7a1 1 0 0 0-1.4-1.4l-22 22a1 1 0 1 0 1.4 1.4l22-22ZM13.55 7.2l2.71 3.01-3.2 3.2-5.14 1.04c-.39.07-.79-.02-1.1-.27L5.6 13.2l.82 1.37a3.24 3.24 0 0 0 3.42 1.5l.7-.15-2.14 2.14a5.27 5.27 0 0 1-3.7-2.47L3.2 13.1a1.34 1.34 0 0 1-.1-1.23c.18-.4.53-.69.95-.79l.68-.16c.58-.14 1.22.01 1.7.4l1.37 1.1 3.34-.69-2-3.4a1.14 1.14 0 0 1-.05-1.05c.16-.33.47-.57.84-.63l1.4-.22c.82-.14 1.65.16 2.21.78Zm10.7 5.92-4.8.98-4.54 4.54-.65 2.26h.01a.85.85 0 0 1-.63.6l-.6.04.28-1.31-2.4 2.4a1.4 1.4 0 0 0 1.33.97h.1l1.48-.1h.11a2.87 2.87 0 0 0 2.23-2.05l1.4-4.93 7.07-1.44c.9-.18 1.67-.74 2.13-1.53.28-.48.32-1.05.1-1.57h.03a1.73 1.73 0 0 0-1.2-1.04l-2.46-.64-1.66 1.67.25.05 3.04.8c-.17.16-.38.27-.61.32v-.02Zm-12.72-4.7.13-.02c.15-.02.3.03.41.14l2.3 2.54-1.14.23-1.7-2.9Z"
clip-rule="evenodd"></path>
</svg></span></span><span class="flex-1 text-initial"><span class="flex-1 block truncate">sans transport</span></span></button><button class="leading-0 pe-20 py-10 shrink-0" data-testid="InputButtonClear" type="button"><span
class="bg-current border-current flex leading-0 overflow-hidden rounded-pill duration-250 ease-in transition-all text-lightGrey" style="width: calc(2.5rem); height: calc(1.5rem); padding: calc(0.125rem);"><span aria-hidden="true"
class="bg-white flex font-bold items-center justify-center leading-0 rounded-pill text-center text-10 shadow text-lightGrey" style="width: calc(1.25rem); height: calc(1.25rem);"><span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="off" data-testid="icon" style="height: calc(0.5rem); width: calc(0.5rem);"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 500 500" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M250,0 C388.071188,0 500,111.928812 500,250 C500,388.071188 388.071188,500 250,500 C111.928812,500 0,388.071188 0,250 C0,111.928812 111.928812,0 250,0 Z M250,111.111111 C173.293788,111.111111 111.111111,173.293788 111.111111,250 C111.111111,326.706213 173.293788,388.888888 250,388.888888 C326.706213,388.888888 388.888888,326.706213 388.888888,250 C388.888888,173.293788 326.706213,111.111111 250,111.111111 Z">
</path>
</svg></span></span></span></span></button></div>
</div>
</div>
<div
class="font-sans leading-normal space-y-10 text-12 prose-a:text-sienna hocus:prose-a:text-sienna-active prose-a:transition-color prose-a:duration-250 prose-a:ease-in prose-a:underline prose-li:list-disc text-black hidden md:block md:mt-30 px-5">
<p>Prix indicatif par adulte, sur la base de 2 adultes en chambre double (niveau de confort selon disponibilité)<br>Prix et disponibilités vérifiés il y a : 24h.</p>
</div>
</div>
<div class="md:flex-2">
<aside class="border-1 border-lightGrey font-sans p-15 rounded-12 space-y-15 text-14 text-black">
<header>
<h4 class="font-bold text-16">Réservez votre transport avec Club Med</h4>
<p class="font-bold">- Nos équipes vous accompagnent tout au long du voyage</p>
</header>
<ul class="space-y-10">
<li class="flex gap-5 items-center"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit shrink-0" data-name="transfer" data-testid="icon"
style="height:1.25rem;width:1.25rem"><span class="block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="m26.52 13.5-2.67-4.97A2.17 2.17 0 0 0 21.9 7.3H5.16C3.97 7.3 3 8.27 3 9.46v8.77c0 1.13.87 2.04 1.97 2.15a2.97 2.97 0 0 0 5.79.02h8.48a2.99 2.99 0 0 0 2.89 2.3c1.4 0 2.6-.99 2.9-2.32A2.16 2.16 0 0 0 27 18.24v-2.8c0-.66-.17-1.33-.48-1.93Zm-4.45-4.07 2.27 4.23h-4.29c-.44-.97-.4-2.12.16-3.06l.78-1.31h.92c.06 0 .12.04.17.14h-.01Zm2.78 8.96h-.04a2.95 2.95 0 0 0-2.45-1.64l-.86-1.1h3.52v2.58c0 .1-.07.16-.16.16h-.01ZM15.6 9.3l-1.4 2.5a1.4 1.4 0 0 1-1.21.72H10.4l1.56-3.22h3.64Zm-10.42 0h4.56l-1.56 3.2H5.02V9.45c0-.1.07-.16.16-.16Zm2.7 11.4a.98.98 0 1 1 0-1.96.98.98 0 0 1 0 1.96Zm11.6-2.3h-8.94a2.98 2.98 0 0 0-2.66-1.67c-1.17 0-2.17.68-2.66 1.67h-.04a.18.18 0 0 1-.17-.17v-3.71h7.97a3.4 3.4 0 0 0 2.96-1.74l1.94-3.5h.78l-.17.3a5.35 5.35 0 0 0 .39 5.98l1.43 1.81a3 3 0 0 0-.83 1.01v.02Zm2.66 2.3a.98.98 0 1 1 0-1.96.98.98 0 0 1 0 1.96Z">
</path>
</svg></span></span>Transfert Aller-retour entre l’aéroport/gare et le Resort INCLUS</li>
<li class="flex gap-5 items-center"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit shrink-0" data-name="reception" data-testid="icon"
style="height:1.25rem;width:1.25rem"><span class="block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M23.5925 14.54H21.2555L20.4899 11.45C20.2683 10.09 18.9789 9.07 17.4881 9.07H16.8938C17.881 8.5 18.5659 7.46 18.5659 6.25C18.5659 4.46 17.0952 3 15.2921 3C13.489 3 12.0183 4.46 12.0183 6.25C12.0183 7.46 12.6932 8.51 13.6905 9.07H13.1163C11.6154 9.07 10.3361 10.09 10.1044 11.45L9.33883 14.54H6.40751C5.07784 14.54 4 15.61 4 16.93V24.61C4 25.93 5.07784 27 6.40751 27H23.5925C24.9222 27 26 25.93 26 24.61V16.93C26 15.61 24.9222 14.54 23.5925 14.54ZM15.2921 4.99C15.9872 4.99 16.5513 5.55 16.5513 6.24C16.5513 6.93 15.9872 7.49 15.2921 7.49C14.5971 7.49 14.033 6.93 14.033 6.24C14.033 5.55 14.5971 4.99 15.2921 4.99ZM12.0687 11.88C12.0687 11.88 12.0788 11.81 12.0888 11.78C12.1493 11.38 12.5925 11.07 13.1163 11.07H13.902C14.456 11.06 14.9093 10.61 14.8993 10.05C14.8993 9.81 14.7985 9.6 14.6575 9.43C14.859 9.47 15.0705 9.49 15.2821 9.49C15.4936 9.49 15.6951 9.47 15.8965 9.43C15.7555 9.6 15.6648 9.81 15.6548 10.05C15.6548 10.6 16.098 11.05 16.652 11.06H17.4679C17.9817 11.06 18.435 11.38 18.4853 11.78C18.4853 11.81 18.4954 11.85 18.5055 11.88L19.1703 14.54H11.3938L12.0586 11.88H12.0687ZM23.9753 24.6C23.9753 24.81 23.804 24.99 23.5824 24.99H6.40751C6.19597 24.99 6.01465 24.82 6.01465 24.6V16.92C6.01465 16.71 6.1859 16.53 6.40751 16.53H23.5925C23.804 16.53 23.9853 16.7 23.9853 16.92V24.6H23.9753Z">
</path>
</svg></span></span>Accueil personnalisé & assistance à l’aéroport/gare</li>
<li class="flex gap-5 items-center"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit shrink-0" data-name="allInclusive" data-testid="icon"
style="height:1.25rem;width:1.25rem"><span class="block relative w-full" style="padding-bottom:100%"><svg viewBox="0 0 24 24" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.8557 13.6804H14.3408C13.1034 13.6804 11.9464 13.0164 11.3197 11.9444L10.0662 9.77639C9.44756 8.70439 9.44756 7.37639 10.0662 6.30439L11.3197 4.13639C11.9384 3.06439 13.0954 2.40039 14.3408 2.40039H16.8557C18.0931 2.40039 19.2501 3.06439 19.8768 4.13639L21.1302 6.30439C21.7489 7.37639 21.7489 8.70439 21.1302 9.77639L19.8768 11.9444C19.2581 13.0164 18.1011 13.6804 16.8557 13.6804ZM14.3408 4.00039C13.6739 4.00039 13.0472 4.36039 12.7097 4.93639L11.4563 7.10439C11.1188 7.68039 11.1188 8.40039 11.4563 8.98439L12.7097 11.1524C13.0472 11.7284 13.6739 12.0884 14.3408 12.0884H16.8557C17.5306 12.0884 18.1493 11.7284 18.4868 11.1524L19.7402 8.98439C20.0777 8.40839 20.0777 7.68839 19.7402 7.10439L18.4868 4.93639C18.1493 4.36039 17.5226 4.00039 16.8557 4.00039H14.3408ZM15.3371 10.5362C15.1442 10.5362 14.9514 10.4642 14.7988 10.3282L13.2721 8.95223C12.9427 8.65623 12.9186 8.15223 13.2159 7.82423C13.5132 7.49623 14.0194 7.47223 14.3488 7.76823L15.2487 8.57623L16.8075 6.65623C17.0806 6.31223 17.5868 6.26423 17.9323 6.53623C18.2778 6.81623 18.3261 7.31223 18.0529 7.65623L15.9638 10.2322C15.8272 10.4002 15.6263 10.5042 15.4014 10.5282H15.3371V10.5362ZM19.1698 14.584C20.0939 14.272 21.0982 14.744 21.4598 15.64L21.4678 15.632C21.8213 16.52 21.4437 17.512 20.592 17.944C18.5512 18.968 14.7908 20.792 12.6214 21.424C12.1956 21.552 11.8019 21.6 11.4242 21.6C10.1834 21.6 9.163 21.0355 8.30075 20.5585L8.27459 20.544C7.83267 20.296 7.41486 20.064 7.02115 19.928C6.53906 19.76 5.97662 19.832 5.47846 20.128L3.64651 21.208C3.26887 21.432 2.77875 21.304 2.55377 20.928C2.3288 20.552 2.45735 20.064 2.83499 19.84L4.66694 18.76C5.57488 18.224 6.62744 18.104 7.55145 18.424C8.05021 18.5971 8.52053 18.8551 8.9758 19.1048C9.00459 19.1206 9.03333 19.1363 9.062 19.152C10.0985 19.736 11.0064 20.232 12.1715 19.896C14.2927 19.28 18.2619 17.328 19.8689 16.52C19.9814 16.464 20.0296 16.328 19.9814 16.216C19.9332 16.096 19.8046 16.04 19.6841 16.08L14.7185 17.72C14.3409 18.16 13.8106 18.408 13.2562 18.408C12.975 18.408 12.6938 18.352 12.4206 18.224L8.07371 16.192C7.67197 16.008 7.50324 15.536 7.68804 15.136C7.87284 14.736 8.3469 14.568 8.74864 14.752L13.0955 16.784C13.2562 16.856 13.4571 16.792 13.5454 16.64C13.6097 16.528 13.5937 16.424 13.5776 16.368C13.5615 16.312 13.5133 16.216 13.3928 16.16L8.95755 14.064C8.33887 13.768 7.59966 13.816 7.02115 14.192L3.63848 16.384C3.26887 16.624 2.77071 16.52 2.52967 16.152C2.28862 15.784 2.39308 15.288 2.76268 15.048L6.14535 12.856C7.18185 12.184 8.52367 12.096 9.64051 12.624L14.0757 14.72C14.5739 14.952 14.9435 15.384 15.1042 15.896V15.92L19.1698 14.584Z">
</path>
</svg></span></span>Des solutions en cas d’imprévus, on s’occupe de tout</li>
</ul><a class="inline-block mt-15 md:mt-0 hocus:text-black-active underline" target="_blank" data-selector="DynamicLink" href="/l/choisir-son-transport-avec-club-med" rel="noopener noreferrer"> En savoir plus ></a>
</aside>
<div class="font-sans leading-normal space-y-10 text-12 prose-a:text-sienna hocus:prose-a:text-sienna-active prose-a:transition-color prose-a:duration-250 prose-a:ease-in prose-a:underline prose-li:list-disc text-black md:hidden mt-20">
<p>Prix indicatif par adulte, sur la base de 2 adultes en chambre double (niveau de confort selon disponibilité)<br>Prix et disponibilités vérifiés il y a : 24h.</p>
</div>
</div>
</div>
<h3 class="font-bold font-sans leading-tight text-20 mb-15" data-testid="BookingCriteriaStep-title--2"><span class="text-28 lg:text-22">2<!-- -->.</span> <!-- -->Sélectionnez vos dates d'arrivée et départ </h3>
<div class="isolate -mx-20 md:mx-0 relative" data-scroll-anchor="PriceCalendar" id="calendar" style="min-height:450px">
<div>
<div class="overflow-hidden relative z-1" data-testid="scrollable">
<div class="overflow-hidden relative md:px-50">
<div class="scrollbar-hidden scroll-smooth scroll-x tap-highlight-color-transparent">
<div class="flex mb-20 mx-5 sm:mx-15 md:mx-0">
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/2 sm:w-2/5 md:w-1/4"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-ultramarine font-bold text-white mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mai<span> 2024</span></div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">2648 €</div>
</button>
<div class="arrow-down arrow-large arrow-lightSand arrow-bg arrow-bg-large arrow-bg-ultramarine border-b-2 border-ultramarine -mb-1 bottom-0 start-0 w-full transition-opacity duration-250 ease-in"></div>
</div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">juin</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1116 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">juil.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1158 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">août</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1116 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">sept.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1116 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">oct.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1134 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">nov.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1282 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">déc.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1282 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">janv.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1146 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">févr.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1146 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mars</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1545 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">avr.</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1723 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mai</div>
<div class="text-10 sm:text-12 truncate uppercase w-full">à partir de</div>
<div class="sm:mt-10 text-10 sm:text-14">1484 €</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">juin</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">juil.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">août</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">sept.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">oct.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">nov.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">déc.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">janv.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">févr.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mars</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">avr.</div>
</button></div>
<div class="flex-none px-5 sm:px-10 relative transition-width duration-250 ease-in w-1/4 sm:w-1/5 md:w-1/8"><button
class="cursor-pointer flex flex-col items-center justify-center overflow-hidden sm:p-10 rounded-12 w-full bg-white text-black mb-10 sm:mb-15" type="button" style="height: 85px;">
<div class="text-center text-12 sm:text-14 truncate uppercase w-full">mai</div>
</button></div>
</div>
</div>
</div>
<div>
<div class="mb-20 pb-10 sm:pb-20 absolute flex items-center justify-between inset-0 pointer-events-none w-full z-1" data-testid="Scrollable-controls"><button aria-disabled="true"
class="aspect-square flex items-center justify-center leading-0 rounded-full text-12 transition-colors duration-250 ease-in bg-pearl text-grey mx-5 pointer-events-auto mr-auto sr-only focus:not-sr-only" type="button"
style="height: 46px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon" style="height: 1em; width: 1em;"><span
class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.previousMonths</span></button><button aria-disabled="false"
class="aspect-square flex items-center justify-center leading-0 rounded-full text-12 transition-colors duration-250 ease-in bg-white hocus:bg-white-active text-black hocus:text-black-active mx-5 pointer-events-auto ml-auto"
type="button" style="height: 46px;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="arrowLeft" data-testid="icon"
style="height: 1em; transform: rotate(180deg); width: 1em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full"
focusable="false">
<path
d="M8.58101035,16.4135055 C8.20528502,16.0391321 8,15.5400357 8,15.0120627 C8,14.4791745 8.20528502,13.9823309 8.58101035,13.6079575 L18.609711,3.58320747 C18.9854363,3.20641739 19.4824212,3 20.0144499,3 C20.5440892,3 21.0434634,3.20641739 21.4167994,3.58320747 C21.7923256,3.95760139 22,4.45440396 22,4.98712835 C22,5.5151014 21.7923256,6.01440252 21.4167994,6.38877596 L12.7902492,15.0120627 L21.4167994,23.632687 C21.7923256,24.0070605 22,24.5063616 22,25.0367922 C22,25.5647653 21.7923256,26.0638616 21.4167994,26.4384398 C20.6677381,27.1871867 19.3609626,27.1871867 18.609711,26.4384398 L8.58101035,16.4135055 Z">
</path>
</svg></span></span><span class="sr-only">booking.common.nextMonths</span></button></div>
</div>
</div>
<hr class="absolute block border-0 border-solid border-ligthGrey border-t-1 h-1 m-0 -mt-20 p-0 w-full z-0">
</div>
<div class="p-20 md:px-0 w-full">
<div class="flex gap-10 items-center justify-between">
<p class="text-16">Prix pour<strong data-testid="prices-duration-label"> 7 nuits</strong></p><button aria-disabled="true"
class="inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-pill text-14 transition-colors duration-250 ease-in disabled:bg-pearl disabled:border-pearl disabled:text-grey cursor-not-allowed px-20 py-5"
disabled="" type="button" tabindex="0" style="min-height: 2.3rem; min-width: auto;"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit shrink-0" data-name="reload"
data-testid="icon" style="height: 1em; width: 1em;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true"
class="absolute fill-current h-full inset-0 w-full transform ltr:scale-x-1 rtl:-scale-x-1" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M25.6823 14.8729C25.4824 14.6764 25.235 14.5758 25.0146 14.6003C24.4558 14.6238 24.0205 15.0684 24.0224 15.6118C24.0243 16.0696 23.9982 16.5237 23.9462 16.9552C23.8299 17.7552 23.6253 18.5307 23.3408 19.2537C23.1436 19.7303 22.9111 20.1909 22.648 20.6253C22.5057 20.8603 22.3643 21.0709 22.1439 21.3736L22.077 21.4629C21.9859 21.5776 21.9012 21.68 21.8185 21.7806C21.4911 22.1623 21.1294 22.5252 20.7509 22.8533L20.339 23.1851C20.1418 23.3289 19.9558 23.4577 19.7763 23.5762C19.3569 23.8422 18.9152 24.0773 18.4689 24.2728C17.7584 24.568 17.0117 24.7767 16.2556 24.8951C15.4178 25.0032 14.578 25.0032 13.7653 24.8998C12.9944 24.7814 12.2393 24.5708 11.5251 24.2756C11.0982 24.0895 10.6844 23.8704 10.2948 23.627C10.0827 23.4906 9.8763 23.3506 9.68381 23.2096L9.24116 22.8504C8.8478 22.5111 8.48792 22.1482 8.17546 21.7769L7.81744 21.3247C7.67516 21.1357 7.53846 20.9327 7.38502 20.6845C7.0986 20.2173 6.8531 19.7388 6.65874 19.2668C6.3686 18.5326 6.16495 17.7646 6.05429 16.9871C5.94549 16.1241 5.94363 15.2611 6.04685 14.4263C6.16123 13.6367 6.36581 12.8592 6.65409 12.1231C6.84566 11.6681 7.05861 11.2432 7.28738 10.8606C7.41943 10.6425 7.55706 10.4272 7.69283 10.2336L8.04248 9.77668C8.36517 9.3809 8.71947 9.01051 9.08679 8.6796L9.52386 8.31202C9.71914 8.16161 9.91722 8.02154 10.1516 7.8683C10.5849 7.58534 11.0499 7.33246 11.5297 7.12188C12.2439 6.82387 12.9906 6.61517 13.743 6.50048C14.578 6.39237 15.4168 6.39237 16.2315 6.49578C17.0033 6.61423 17.7584 6.82293 18.4717 7.11812C18.7079 7.21965 18.9385 7.3334 19.1831 7.46689L19.9744 7.89463L17.5343 8.47372C17.2869 8.53388 17.0665 8.71062 16.9308 8.9588C16.7968 9.20134 16.7643 9.48337 16.8424 9.73155C17.0098 10.2712 17.4943 10.5504 18.0495 10.4291L22.342 9.4044C22.6731 9.3245 22.9362 9.05375 23.0283 8.70028C23.0804 8.5085 23.0841 8.31578 23.0432 8.16443L22.0435 3.75731C21.9887 3.50255 21.8166 3.27599 21.5748 3.13779C21.3423 2.99772 21.0587 2.962 20.8141 3.04097C20.2952 3.213 20.0079 3.73005 20.1316 4.27248L20.4924 5.87532L19.8721 5.55851V5.55757C19.1961 5.2135 18.4875 4.94088 17.763 4.7491C15.9088 4.26308 13.9578 4.2753 12.1193 4.78388C10.2222 5.31033 8.49443 6.35289 7.12092 7.80062C5.74555 9.25587 4.77563 11.0496 4.31718 12.9871C3.86523 14.8926 3.89685 16.8903 4.40831 18.7601C4.92907 20.7042 5.9613 22.4744 7.39339 23.8761C8.82734 25.2768 10.5812 26.2545 12.4624 26.7029C13.2873 26.9013 14.1438 27 14.9993 27C16.052 27 17.1028 26.8505 18.0904 26.5525C20.0125 25.9715 21.7413 24.8679 23.0906 23.359C24.5915 21.6763 25.5819 19.5319 25.8804 17.3209C25.9669 16.6778 26.006 16.1185 25.9994 15.6108C25.9976 15.3354 25.8813 15.0656 25.6823 14.8729">
</path>
</svg></span></span>Modifier la date</button>
</div>
<ul class="flex flex-wrap font-bold gap-15 mt-10">
<li class="flex gap-5 items-center text-12 sm:text-14 text-green"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Meilleur prix</li>
<li class="flex gap-5 items-center text-12 sm:text-14 text-orange"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Dernières chambres </li>
<li class="flex gap-5 items-center text-12 sm:text-14 text-grey"><span class="aspect-square bg-current h-[1em] inline-block rounded-full"></span>Indisponible </li>
</ul>
</div>
<div class="font-base font-bold relative text-center md:mb-40 -mx-1 md:mx-0">
<div class="relative sm:rounded-12" lang="fr">
<div class="" tabindex="0">
<div class="flex -m-10">
<div class="flex-1 p-10" role="grid">
<div class="" role="rowgroup">
<div class="flex" role="row">
<div class="flex-1 text-14 text-mediumGrey uppercase" title="lundi">lundi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="mardi">mardi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="mercredi">mercredi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="jeudi">jeudi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="vendredi">vendredi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="samedi">samedi</div>
<div class="flex-1 text-14 text-mediumGrey uppercase" title="dimanche">dimanche</div>
</div>
</div>
<div class="body border-l border-b border-grey" role="rowgroup">
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active !text-lightGrey disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="lun. 29 avr. 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active !text-lightGrey disabledDays cursor-default pointer-events-none "
tabindex="-1" role="gridcell" aria-label="mar. 30 avr. 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="0" role="gridcell" aria-label="mer. 1 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="jeu. 2 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="ven. 3 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="sam. 4 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="dim. 5 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="lun. 6 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none underline"
tabindex="-1" role="gridcell" aria-label="mar. 7 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="mer. 8 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">8</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="jeu. 9 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">9</span></div><span class="hidden md:inline w-full font-normal">Sélectionner une date de départ</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative " tabindex="-1" role="gridcell"
aria-label="ven. 10 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">10</span></div><span class="hidden md:inline w-full font-normal">Sélectionner une date de départ</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="sam. 11 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">11</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="dim. 12 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">12</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
</div>
<div class="flex" role="row">
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="lun. 13 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">13</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="mar. 14 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">14</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="mer. 15 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">15</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="jeu. 16 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">16</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div
class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative !text-lightGrey disabledDays cursor-default pointer-events-none"
tabindex="-1" role="gridcell" aria-label="ven. 17 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">17</span></div><span class="hidden md:inline w-full font-normal">Fermé</span>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="sam. 18 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">18</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="dim. 19 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">19</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="lun. 20 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">20</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="mar. 21 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">21</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="mer. 22 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">22</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="jeu. 23 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">23</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="ven. 24 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">24</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="sam. 25 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">25</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2871 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="dim. 26 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">26</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2834 €</span></div>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="lun. 27 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">27</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2797 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="mar. 28 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">28</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2760 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="mer. 29 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">29</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2722 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="jeu. 30 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">30</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2685 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-orange" tabindex="-1"
role="gridcell" aria-label="ven. 31 mai 2024" aria-disabled="false" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">31</span>
<div></div>
</div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">2648 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="sam. 1 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">1</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1766 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="dim. 2 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">2</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1766 €</span></div>
</div>
</div>
<div class="flex" role="row">
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="lun. 3 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">3</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1766 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="mar. 4 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">4</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1766 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="mer. 5 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">5</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1376 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="jeu. 6 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">6</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1506 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="ven. 7 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">7</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1506 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="sam. 8 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">8</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1311 €</span></div>
</div>
<div class="cursor-pointer flex flex-1 flex-col group items-center justify-center h-[6.25rem] p-5 text-14 text-center duration-250 ease-in transition-all border-t border-r border-grey relative text-grey hocus:text-black-active "
tabindex="-1" role="gridcell" aria-label="dim. 9 juin 2024" aria-disabled="true" aria-selected="false">
<div class="absolute h-full inset-0 w-full z-3" tabindex="0"></div>
<div><span class="md:absolute top-0 left-0 md:p-5 text-10 font-normal md:text-12">9</span></div>
<div class="flex flex-col text-current" data-testid="price-calendar-date-price"><span class="hidden md:inline w-full font-normal">à partir de</span><span data-testid="price" class="text-12 md:text-16">1311 €</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block sm:hidden p-10 text-14">
<p class="flex gap-5 justify-between mb-5">Arrivée<span class="font-bold text-sienna"> -</span></p>
<p class="flex gap-5 justify-between">Départ<span class="font-bold text-sienna"> -</span></p>
</div>
</div>
<h3 class="font-bold font-sans leading-tight text-20 mb-15" data-testid="BookingCriteriaStep-title--3"><span class="text-28 lg:text-22">3<!-- -->.</span> <!-- -->Ajoutez les participants pour obtenir le prix de votre séjour</h3>
<section class="gap-20 md:gap-40 grid grid-cols-1 md:grid-cols-2">
<div>
<div class="bg-white flex md:inline-flex flex-col md:flex-row gap-10 justify-between p-15 md:px-40 rounded-12">
<div class="flex items-center gap-10 justify-between" data-testid="ParticipantsAdultsSelect"><label class="text-14 text-black" for="inputnumber_adultes">Adultes</label>
<div class="flex gap-5 items-center shrink-0"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-pill shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsAdultsSelect-decrease" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="font-bold text-18 text-center outline-custom text-black" id="inputnumber_adultes" max="7" min="1" readonly="" step="1" type="number" value="2"
style="width: 1.5em; height: 1.875em; line-height: 1.875em;"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-pill shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsAdultsSelect-increase" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
<div class="flex items-center gap-10 justify-between" data-testid="ParticipantsChildrenSelect"><label class="text-14 text-black" for="inputnumber_enfants">Enfants<span class="block text-10">moins de 18 ans</span></label>
<div class="flex gap-5 items-center shrink-0"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-pill shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsChildrenSelect-decrease" disabled="" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="minus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M3.49493393,13.8030277 C3.81550558,13.4841703 4.23893446,13.3075988 4.68807763,13.3075988 L25.3057895,13.3058845 C26.2383616,13.3058845 26.9977907,14.0653136 26.999505,14.9961714 C26.9977907,15.4521718 26.8229334,15.8790292 26.5040761,16.1978866 C26.1852187,16.5167439 25.7600755,16.6916012 25.3057895,16.6933155 L4.6932205,16.6933155 C4.23893446,16.6933155 3.81550558,16.5167439 3.49493393,16.1961723 C3.17607655,15.8773149 2.999505,15.4521718 2.999505,14.9978857 C2.999505,14.5487425 3.17607655,14.1235994 3.49493393,13.8030277 Z">
</path>
</svg></span></span></button><input autocomplete="off" class="font-bold text-18 text-center outline-custom text-black" id="inputnumber_enfants" max="5" min="0" readonly="" step="1" type="number" value="0"
style="width: 1.5em; height: 1.875em; line-height: 1.875em;"><button
class="aspect-square cursor-pointer disabled:cursor-default bg-saffron hocus:enabled:bg-saffron-active disabled:bg-pearl h-[3rem] rounded-pill shrink-0 disabled:text-grey transition-colors duration-250 ease-in w-[3rem]"
data-testid="ParticipantsChildrenSelect-increase" type="button"><span class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit" data-name="plus" data-testid="icon"
style="height: 0.625rem; width: 0.625rem;"><span class="block relative w-full" style="padding-bottom: 100%;"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full" focusable="false">
<path
d="M25.3057895,13.3063638 L16.6932119,13.3080781 L16.6914976,4.69212335 C16.6914976,4.2395516 16.5149261,3.81612273 16.1960687,3.49726536 C15.8772113,3.1766937 15.4520682,3.00012214 14.9977821,3.00012214 C14.06521,3.00183643 13.3057809,3.76126554 13.3057809,4.69383764 L13.3057809,13.3080781 L4.68807763,13.3080781 C4.23893446,13.3080781 3.81550558,13.4846496 3.49493393,13.803507 C3.17607655,14.1240787 2.999505,14.5492218 2.999505,14.998365 C2.999505,15.452651 3.17607655,15.8777942 3.49493393,16.1966516 C3.81550558,16.5172232 4.23893446,16.6937948 4.6932205,16.6937948 L13.3057809,16.6937948 L13.3057809,25.3080866 C13.3057809,26.2389445 14.0669243,26.9983736 14.999505,27.0000879 C15.4520682,27.0000879 15.8772113,26.8252306 16.197783,26.5063732 C16.5166404,26.1858016 16.6932119,25.7606584 16.6914976,25.3098009 L16.6932119,16.6937948 L25.3057895,16.6937948 C25.7600755,16.6920805 26.1852187,16.5172232 26.5040761,16.1983659 C26.8229334,15.8795085 26.9977907,15.452651 26.999505,14.9966507 C26.9977907,14.0657929 26.2383616,13.3063638 25.3057895,13.3063638">
</path>
</svg></span></span></button></div>
</div>
</div>
</div>
</section>
<div class="flex justify-end mt-40"><button aria-disabled="false"
class="inline-flex font-bold gap-10 items-center justify-center overflow-hidden rounded-pill text-14 transition-colors duration-250 ease-in bg-saffron border-saffron text-black hocus:bg-saffron-active hocus:border-saffron-active hocus:text-black-active cursor-pointer px-20 py-5 w-full md:w-auto"
data-testid="BookingCriteria-checkPrice" type="button" style="min-height:3rem;min-width:auto" tabindex="0">Vérifier la disponibilité et le prix du séjour<span
class="inline-block leading-0 overflow-hidden duration-250 ease-in transition-all icon-monochrome text-inherit shrink-0" data-name="arrowRight" data-testid="icon" style="height:1em;width:1em"><span class="block relative w-full"
style="padding-bottom:100%"><svg viewBox="0 0 30 30" aria-hidden="true" class="absolute fill-current h-full inset-0 w-full transform ltr:scale-x-1 rtl:-scale-x-1" focusable="false">
<path
d="M21.4189896,16.4135055 C21.794715,16.0391321 22,15.5400357 22,15.0120627 C22,14.4791745 21.794715,13.9823309 21.4189896,13.6079575 L11.390289,3.58320747 C11.0145637,3.20641739 10.5175788,3 9.98555012,3 C9.4559108,3 8.95653658,3.20641739 8.58320059,3.58320747 C8.20767437,3.95760139 8,4.45440396 8,4.98712835 C8,5.5151014 8.20767437,6.01440252 8.58320059,6.38877596 L17.2097508,15.0120627 L8.58320059,23.632687 C8.20767437,24.0070605 8,24.5063616 8,25.0367922 C8,25.5647653 8.20767437,26.0638616 8.58320059,26.4384398 C9.33226192,27.1871867 10.6390374,27.1871867 11.390289,26.4384398 L21.4189896,16.4135055 Z">
</path>
</svg></span></span></button></div>
</form>Text Content
Continue without agreeing →
BEFORE YOU START YOUR JOURNEY... WELCOME!
"Want to live a personalized experience on our website? Here are some good
reasons to say yes to our cookies:"
* To better meet your needs and expectations. Clicks are anonymously recorded
to constantly improve the content we offer you.
* To save you time. The data you enter in our forms are temporarily saved. Next
time you visit us, no need to type them again.
* To quickly find what you are looking for. Ads and websites that led you on
our website are tracked. It help us... to help you better.
View our partners
ConfigureAgree & continue
ALPES ÉTÉ | SÉJOUR GRATUIT JUSQU'À 6 ANS*Prenez un grand bol d'oxygène en
famille
Je choisis mon Resort >
Club Med Homepage
* Réserver
* Les ResortsRéserver
* Les CroisièresRéserver
* Les Villas & ChaletsRéserver
* Les Circuits & EscapadesRéserver
* Nos offres
* Les Beaux Plans jusqu’à -15%Notre sélection du moment
* Offre de dernière minuteJe réserve vite
* Offre Famille : gratuité enfantSÉJOUR GRATUIT JUSQU'À 6 ANS
* Voyage de NocesVOIR LES OFFRES
* Découvrir Club Med
* Ce que nous proposonsTous nos types de séjour
* Vacances Tout-compris au soleil >
* Vacances Tout-compris au ski >
* Vacances en Circuits ou Escapades >
Tous nos types de séjour
* Le tout compris by Club MedEn savoir plus
* Clubs Enfants & Famille >
* 60 sports & activités >
* Offre culinaire >
En savoir plus
* Notre sélection d'expériences
* Vacances en famille >
* Courts séjours >
* Bien-être au Club Med >
* Voyager en toute sérénité
* Réserver en toute sérénité >
* Nos services transports >
* "Facilitez votre arrivée" >
* Tourisme responsable Tous nos engagements
* Respect des sites naturels >
* Développement local >
* Employeur responsable >
Tous nos engagements
* Le Blog
* Découvrir le blog >
* Rubrique Famille >
* Rubrique Sport >
* THAT'S L'ESPRIT LIBRE
* Découvrir notre nouvelle campagne de publicité >
* Découvrir notre identité de marque >
* Club Med c’est aussi…
* Meeting & Events >
* Devenir propriétaire >
* Acheter nos affiches de Resorts >
* Destinations
* Nos destinations en Resort
* Europe & Méditerranée
* France >
* Grèce >
* Espagne >
* Italie >
* Portugal >
* Sicile >
* Turquie >
* Alpes
* France >
* Italie
* Suisse >
* Les Alpes en été >
* Les Caraïbes
* Bahamas >
* Guadeloupe >
* Martinique >
* République Dominicaine >
* Turks et Caïcos >
* Afrique
* Maroc >
* Tunisie >
* Sénégal >
* Océan Indien
* Île Maurice >
* Maldives >
* Seychelles >
* Amérique du Sud
* Brésil >
* Amérique du Nord & Centrale
* Canada >
* États-Unis >
* Mexique >
* Asie
* Chine >
* Corée du Sud >
* Indonésie >
* Japon >
* Malaisie >
* Thaïlande >
* Nos destinations Croisières
* Croisières en Méditerranée >
* Croisières aux Caraïbes >
* Nos destinations Circuits Découverte
* Europe & Méditerranée >
* Caraïbes >
* Amérique du Nord et Centrale >
* Amérique du Sud >
* Afrique & Moyen-Orient >
* Asie & Océanie >
* Océan Indien >
* Nos nouveautés
* Serre-Chevalier, Alpes >
* Marrakech la Palmeraie, Maroc>
* La Boucaniers, Martinique >
* Nos best-sellers
* Palmiye, Turquie>
* Gregolimano, Grèce >
* Magna Marbella, Espagne >
* Columbus Isle >
* Conditions de voyage >
* Notre gamme luxe
* Tout savoir sur la gamme Exclusive CollectionVoir plus
* Les Resorts Exclusive CollectionVoir plus
* Les Espaces Exclusive CollectionVoir plus
* Les CroisièresVoir plus
* Les Villas & Chalets privatifs Voir plus
* FAQ
Besoin d'un conseil ? 0810 810 810Rechercher une destination, un Resort, une
activité...
Saisissez votre recherche
Recherches populaires
Vacances d'été
Offre Les Beaux Plans
Dernière minute
Mon compte
Ma liste de projets de voyage
Votre liste d'envies
Sauvegardez vos projets de voyage en cliquant sur ce symbole lors de votre
navigation.
Vous pourrez les consulter et/ou les comparer lorsque vous le souhaiterez.
Photo précédente de Marrakech la PalmeraieProchaine photo de Marrakech la
Palmeraie
23 Photos1 Vidéos
MAROCMARRAKECH LA PALMERAIE
Arrivée - Départ
2 adultes2
sans transport
Sélectionner mes dates
Ce qui est inclus dans votre séjour
Flexible ? Consultez le calendrier
1. Club Med>
2. Afrique et Moyen-Orient>
3. Maroc>
4. Marrakech la Palmeraie
DESCRIPTIF DU RESORT
* Télécharger le PDF
Le Resort
Espace Exclusive Collection
Chambres
Enfants & Famille
Restaurants & Bars
Activités & Spa
Destination et Escapades
Formalités
Événements d'entreprise
Accessibilité en Resort
Précédent Suivant
Marrakech la Palmeraie
Marrakech la Palmeraie
Maroc
UN HAVRE DE PAIX AUX PORTES DE LA VILLE ROUGE
Au cœur du Maroc, le Resort Club Med de Marrakech la Palmeraie s’articule autour
d’un grand bassin bordé d’oliviers. Un long couloir au décor monumental vous
offre une perspective étonnante. Il est habillé de lustres orientaux et sent la
fleur d’oranger. Faites une entrée princière dans l’enclave du Riad, l'Espace
Club Med Exclusive Collection, situé au nord du Resort. Grâce à un service
sur-mesure et tout compris, ici, tous vos vœux se réalisent. Dans ce décor
oriental tapissé de jardins fleuris, défiez vos proches au driving range.
Travaillez vos amortis sur la terre battue des terrains de tennis ou
envolez-vous en trapèze volant.
OUVERTURE PRINTEMPS 2024 : OASIS FAMILLE - LE KSAR
Nouvelles chambres famille
Un nouvel espace pour les familles
Piscine Famille
Jeux d'eau
Bar dédié
AVEC CLUB MED, RÉSERVEZ VOS VACANCES EN TOUTE SÉRÉNITÉ
PRIX GARANTI DÈS LA RÉSERVATION Votre budget vacances maitrisé dans un contexte
de hausse de prix/FLEXIBILITÉ DE PAIEMENT Possibilité de payer en plusieurs fois
sans frais* /TRANSPORT FACILITÉ Des équipes expertes pour parer aux imprévus
tout au long de votre voyage /ASSURANCE ECRAN TOTAL Des garanties exclusives
complémentaires avant et pendant votre séjour
UN ESPACE PRIVILÉGIÉ AU SEIN DU RESORT
Choisissez l’Espace Exclusive Collection pour ses Suites spacieuses et
élégantes, ses espaces privatifs et son service sur mesure. Alliance parfaite
entre luxe et liberté.
Voir plus
ARCHITECTURES & DESIGN
LES SECRETS DE RÉNOVATION DU CLUB MED DE MARRAKECH LA PALMERAIE
C’est au cœur de l’ancienne cité impériale marocaine que Laurent Maugoust,
architecte du renouveau de La Palmeraie à Marrakech vous partage son
inspiration.
Découvrir le magazine >
QUELLES ACTIVITÉS VONT VOUS ÉTONNER À MARRAKECH LA PALMERAIE ?
Le paradis des famillesEn savoir plusLe paradis des famillesPlongez dans les
eaux rafraîchissantes de cette nouvelle oasis conçue pour les familles, où
chacun s'émerveillera à sa manière : entre piscine pour les sportifs, jeux d'eau
pour les tout-petits, et toboggans pour les plus téméraires, tout le monde y
trouvera son compte ! Et pour arroser le tout, le bar proposera des boissons
désaltérantes, à déguster sur l'une des nombreuses terrasses qui entourent cette
oasis.
Rencontres à la MedinaEn savoir plusRencontres à la MedinaFaites une virée sur
la place Jemaa el-Fna pour vous imprégner de l'ambiance des souks. Déambulez le
long des échoppes aux mille couleurs et discutez avec les potiers, les
teinturiers et les marchands d'épices. Devinez les splendeurs des belles villas
cachées derrière les portiques et murs végétaux. Faufilez-vous jusqu’à la
Koutoubia et la kasba, puis prenez un cours de botanique au Jardin Majorelle (à
la carte).
Garden Party marocaineEn savoir plusGarden Party marocaineUn banquet féerique a
été dressé sur le terrain de golf rien que pour vous. Des entrelacs de
guirlandes lumineuses flottent au-dessus de vous. Elles éclairent des paniers
suspendus aux arbres, remplis de fruits, de pain et de pâtisseries. Piochez-y
une corne de gazelle et un gâteau au miel. Sentez ces odeurs de méchoui grillé,
de couscous et de tajine de poisson au loin. C’est un feu d’artifice de saveurs
locales.
1001 rituels de beauté orientauxEn savoir plus1001 rituels de beauté orientauxAu
Maroc, la culture du bien-être est une institution. Allongez-vous sur un matelas
en bordure de bassin et profitez d’un massage (à la carte) à l’huile d’argan au
Club Med Spa by CINQ MONDES. Dégustez un thé à la menthe à l’ombre des feuilles
de bananiers. Écoutez le murmure des fontaines derrière le hammam. La fleur
d’oranger et les citronniers embaument l’atmosphère.
Tour de guet sur la palmeraie En savoir plusTour de guet sur la palmeraie Haute
comme un immeuble de 7 étages, la tour de guet du Resort est à la fois une
curiosité et un repère pour les vacanciers. Tel un gardien de la citadelle,
grimpez les escaliers intérieurs jusqu’à la terrasse panoramique. Là-haut,
admirez la vue sur l’Atlas et ses hauts plateaux, sur les palais et leurs cours
entourées de palmiers.
Suivant
VIVEZ UNE EXPÉRIENCE GOLF BY CLUB MED À MARRAKECH
Au Club Med de Marrakech La Palmeraie, venez profiter des attraits de la
destination ainsi que des infrastructures golfiques telles qu'un pitch and putt,
et des ateliers pour vous perfectionner : driving range, bunker et putting
green.
Depuis le Resort, vous aurez aussi l’embarras du choix avec pas moins de 4 clubs
à une trentaine de minutes, dont le Golf Amelkis très proche.
Quel que soit votre choix, Club Med vous garantit un séjour tout confort sous le
signe du golf. Avec des cours et stages pour tous niveaux, la possibilité de
réserver à l’avance votre forfaits green fees ou votre voiturette, l’immersion
est garantie.
À Marrakech, vous goûterez à la fois les joies du sport dans un décor de vallons
et de terre rouge au pied de l’Atlas, et la sérénité d’un Resort tout confort au
cœur de la plus ancienne palmeraie du Maroc.
CE QUI EST INCLUS DANS VOTRE SÉJOUR :
* +
Club Enfants de (4-17 ans)
* +
Restaurant Gourmet
* +
Sports & Activités
* +
Bar & Snacking
* =
Animations & Spectacles
* En savoir plus
DESCRIPTIF DU RESORT
* Télécharger le PDF
INFORMATIONS PRATIQUES
* SIDI YAHYA LA PALMERAIE
* MARRAKECH
* 44 000
* Haut Atlas MAROC
POINT D'ARRIVÉE LE PLUS PROCHE :
Aéroport de Marrakech
20 minutes
La responsabilité fait partie du tout compris
Voir plus
Certifié Green Globe
Depuis 2011, notre Resort obtient constamment sa certification Green Globe,
garantissant ses opérations responsables dans des domaines tels que: gestion des
déchets, consommation d'énergie et d'eau, achats, limitation de la pollution,
préservation de la biodiversité.
Le programme “Green Farmers”
En partenariat avec l'ONG Agrisud, nous soutenons 18 exploitations agricoles de
la région pour offrir aux clients des produits locaux sains et frais issus de
l’agroécologie.
TRIPADVISOR TRAVELERS RATING
View more on TripAdvisor
sur la base de 9769 Avis
* Emplacement
* Literie
* Chambres
* Service
* Rapport qualité / prix
* Propreté
Précédent
> Inoubliable
>
> Publié le mai 3, 2024
>
> Un séjour inoubliable. J’ai 16 ans , et j’étais dans le club Ado avec la G.O
> du nom de HOUDA : Une jeune femme exceptionnelle. Elle nous a transmis so…
>
> Avis de Matteo F
> Un voyageur TripAdvisor
> Très bonne expérience
>
> Publié le mai 3, 2024
>
> J’ai passé une merveilleuse semaine surtout en compagnie d’Houda, l’une des
> meilleurs animatrices que j’ai pu connaître
>
> Avis de Thomas J
> Un voyageur TripAdvisor
Suivant
Précédent
Suivant
SÉLECTIONNEZ UNE DATE ET VOS CRITÈRES DE SÉJOUR
1. CHOISISSEZ VOTRE TRANSPORT
sans transport
Prix indicatif par adulte, sur la base de 2 adultes en chambre double (niveau de
confort selon disponibilité)
Prix et disponibilités vérifiés il y a : 24h.
RÉSERVEZ VOTRE TRANSPORT AVEC CLUB MED
- Nos équipes vous accompagnent tout au long du voyage
* Transfert Aller-retour entre l’aéroport/gare et le Resort INCLUS
* Accueil personnalisé & assistance à l’aéroport/gare
* Des solutions en cas d’imprévus, on s’occupe de tout
En savoir plus >
Prix indicatif par adulte, sur la base de 2 adultes en chambre double (niveau de
confort selon disponibilité)
Prix et disponibilités vérifiés il y a : 24h.
2. SÉLECTIONNEZ VOS DATES D'ARRIVÉE ET DÉPART
mai 2024
à partir de
2648 €
juin
à partir de
1116 €
juil.
à partir de
1158 €
août
à partir de
1116 €
sept.
à partir de
1116 €
oct.
à partir de
1134 €
nov.
à partir de
1282 €
déc.
à partir de
1282 €
janv.
à partir de
1146 €
févr.
à partir de
1146 €
mars
à partir de
1545 €
avr.
à partir de
1723 €
mai
à partir de
1484 €
juin
juil.
août
sept.
oct.
nov.
déc.
janv.
févr.
mars
avr.
mai
booking.common.previousMonthsbooking.common.nextMonths
--------------------------------------------------------------------------------
Prix pour 7 nuits
Modifier la date
* Meilleur prix
* Dernières chambres
* Indisponible
lundi
mardi
mercredi
jeudi
vendredi
samedi
dimanche
29
30
1
2
3
4
5
6
7
8
Fermé
9
Sélectionner une date de départ
10
Sélectionner une date de départ
11
Fermé
12
Fermé
13
Fermé
14
Fermé
15
Fermé
16
Fermé
17
Fermé
18
à partir de2871 €
19
à partir de2871 €
20
à partir de2871 €
21
à partir de2871 €
22
à partir de2871 €
23
à partir de2871 €
24
à partir de2871 €
25
à partir de2871 €
26
à partir de2834 €
27
à partir de2797 €
28
à partir de2760 €
29
à partir de2722 €
30
à partir de2685 €
31
à partir de2648 €
1
à partir de1766 €
2
à partir de1766 €
3
à partir de1766 €
4
à partir de1766 €
5
à partir de1376 €
6
à partir de1506 €
7
à partir de1506 €
8
à partir de1311 €
9
à partir de1311 €
Arrivée -
Départ -
3. AJOUTEZ LES PARTICIPANTS POUR OBTENIR LE PRIX DE VOTRE SÉJOUR
Adultes
Enfantsmoins de 18 ans
Vérifier la disponibilité et le prix du séjour
VOUS AIMEREZ AUSSI
Suivant
Gamme Luxe
CEFALÙ
ITALIE
à partir de1700 €
par adulte
Suivant
DA BALAIA
PORTUGAL
à partir de1140 €
par adulte
Suivant
LA PALMYRE ATLANTIQUE
FRANCE
à partir de1250 €
par adulte
BESOIN D'UN CONSEIL?
* Votre Conseiller Club Med0810 810 810(Service 0,05 € / minute + prix appel)
* Nous contacter surWhatsapp
* Trouvez votreAgence Club Med
* FAQ
* Newsletter
* facebookClub Med - facebook
* twitterClub Med - twitter
* youtubeClub Med - youtube
* instagramClub Med - instagram
* pinterestClub Med - pinterest
* Meetings and events by Club MedMeetings and events by Club Med
Séminaire, Incentive, Resort privatisé… Organisez avec Meetings & Events by
Club Med un événement inoubliable pour vos collaborateurs. Des offres
professionnelles all inclusive, préparées sur mesure.
* Club Med PropertyClub Med Property
Club Med Property vous propose de devenir propriétaire sur des terrains
mitoyens à ses Resorts. Choisissez entre des Appartements Chalets au cœur des
Alpes françaises ou des Villas à l’Ile Maurice et bénéficiez d’une situation
exceptionnelle tout en profitant des services du Club Med.
* ClubMed JobsClubMed Jobs
Vous souhaitez rejoindre l’aventure Club Med ? Découvrez notre espace de
recrutement international : offres d’emploi, news, témoignages, pour ne rien
manquer de l’actu RH Club Med.
* Club MéditerranéeClub Méditerranée
Visitez le site Corporate du Club Med, pour tout savoir sur le Groupe,
l’actionnariat et la politique de développement durable.
* CLUB MED &VOUS
* Inscription à la newsletter
* Brochures et cahier des prix
* Programme Great Members
* Assurance voyage Ecran Total
* Information accessibilité Resorts
* LES AUTRES SITES CLUB MED
* Site fournisseurs
* Club Med Collectivités
* Investir avec Club Med
* Club Med Développement
* Espace Presse
* Site corporate
* Club Med Live
* CLUB MED S'ENGAGE
* Happy to Care
* Rapport RSE 2022
* Globe Members - Programme durable
* Agir pour un Tourisme Responsable
* La Fondation Club Méditerranée
* Compensation CO2
* INFORMATIONS LEGALES
* Formulaire réglementaire d’information sur les droits des voyageurs
* Conditions de vente et Erratum
* Charte de Protection des Données
* Charte Cookies
* Informations légales
* Gestion des consentements cookies
* BESOIN D'AIDE ?
* Trouvez votre agence Club Med
* Contactez-nous
* Réclamation
* Formalités de voyage
CLUB MED : VACANCES ALL INCLUSIVE, AGENCE DE VOYAGE EN LIGNE
Réservez en ligne des séjours all inclusive d’exception. Club Med vous présente
ses clubs vacances, qui vous accueillent toute l’année. Circuits,Resorts,
croisières… trouvez en ligne les vacances tout compris qui vous ressemblent.
INFORMATIONS LEGALES
Gestion des consentements cookies
Avis de voyageurs présents sur