<turbo-stream action="append" target="date-group-2026-11-03-tours">
    <template>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ODBLBA"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;978,&quot;tour_code&quot;&#x3A;&quot;ODBLBA&quot;,&quot;tour_name&quot;&#x3A;&quot;R&#x5C;u00e9cifs&#x20;du&#x20;large&#x20;et&#x20;aventures&#x20;de&#x20;plong&#x5C;u00e9e&#x20;avanc&#x5C;u00e9es&quot;,&quot;position&quot;&#x3A;187,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;653,&quot;primary_destination_name&quot;&#x3A;&quot;Marsa&#x20;Alam&quot;,&quot;secondary_destination_id&quot;&#x3A;356,&quot;secondary_destination_name&quot;&#x3A;&quot;Mer&#x20;Rouge&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ODBLBA"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-plongee/voyage-offshore-reefs-advanced-adventures/ODBLBA"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/JISV6R.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/JISV6R.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/JISV6R.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/JISV6R.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-plongee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 45">
  <g>
    <path d="M44.32,22.34l2.59-3.56.93-5.85s-1.35-.74-3-1.58a3.19,3.19,0,0,0-3-.24,7,7,0,0,0-2.21,2.54l-.14-.07a7.88,7.88,0,0,1,2-3.23,2.26,2.26,0,0,0-.56-1l.84-1.53-1.58-.85-.85,1.56a2.49,2.49,0,0,0-2.49,1.35L30,23.74a.64.64,0,0,0,.29.85l3.47,1.72L31,33c-1.58,0-10.18,0-11.71,0-.34-1.86-1.1-1.67-1.1-1.67A57.26,57.26,0,0,0,13.14,35a14.37,14.37,0,0,1-7.92,2.86L5,38.46c2.71,1,9.19-2.67,9.19-2.67l14,.8-1.94,2.59s-1.91.57-1.1,1.53,2.41,2.81,3.15,3.71a14.93,14.93,0,0,1,3,5.58l.72-.09s-.23-2-3.11-6.35l-.65-3.13,3.1-3.2L29.74,37l-.16-.31,0,0h2a2.83,2.83,0,0,0,2-1.07L40.21,28l2.1-2.89-2.72-1.34.3-.5s4.37,2.13,5.34,2.59,3.07,1.28,4-.32c-1.29-.81-3.33-2.13-4.92-3.18M48.7,8.11a.78.78,0,0,0,1,.73c.17,0,0,0,.9-.2,0,0-.11-.63-.23-1.27l0-.07h0c-.68,0-1.61.21-1.61.81M50,11.83a15.75,15.75,0,0,1-1.74.24,14.76,14.76,0,0,1-3.37-1.85,3.6,3.6,0,0,1-.72-1.63A3.14,3.14,0,0,1,46.79,5a3.2,3.2,0,0,1,3.29,1.68c-1,.12-2,.48-2.08,1.15a1.56,1.56,0,0,0,1.82,1.58,6.87,6.87,0,0,0,.84-.21c.12.69.25,1.42.33,1.92s-.41.55-1,.67" transform="translate(-5 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Plongée</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Confirmé
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Confirmé
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Marsa Alam / Mer Rouge</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Récifs du large et aventures de plongée avancées</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>7 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    978€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-24428"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="24428"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24428"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;978,&quot;tour_code&quot;&#x3A;&quot;ODBLBA&quot;,&quot;tour_name&quot;&#x3A;&quot;R&#x5C;u00e9cifs&#x20;du&#x20;large&#x20;et&#x20;aventures&#x20;de&#x20;plong&#x5C;u00e9e&#x20;avanc&#x5C;u00e9es&quot;,&quot;position&quot;&#x3A;187,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;653,&quot;primary_destination_name&quot;&#x3A;&quot;Marsa&#x20;Alam&quot;,&quot;secondary_destination_id&quot;&#x3A;356,&quot;secondary_destination_name&quot;&#x3A;&quot;Mer&#x20;Rouge&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;R\u00e9cifs du large et aventures de plong\u00e9e avanc\u00e9es&quot;"]);
    product.push(["productId", "ODBLBA"]);
    product.push(["productUnitPrice", '978,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Wanderlust Blue Diving Center&quot;"]);
    product.push(["level", "3"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "1"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Marsa Alam&quot;"]);
    
            product.push(["productCategory4", '&quot;Plong\u00e9e&quot;']);
    product.push(["productCategory5", '&quot;Plong\u00e9e&quot;']);
                product.push(["productCategory4", '&quot;Sports Aquatiques&quot;']);
    product.push(["productCategory5", '&quot;Sports Aquatiques&quot;']);
                product.push(["productCategory4", '&quot;Snorkeling&quot;']);
    product.push(["productCategory5", '&quot;Snorkeling&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="UKAFZE"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1129,&quot;tour_code&quot;&#x3A;&quot;UKAFZE&quot;,&quot;tour_name&quot;&#x3A;&quot;Ultimate&#x20;Wing&#x20;Camp&#x20;&#x5C;u2013&#x20;4&#x20;nuits&#x20;d&#x5C;u2019exp&#x5C;u00e9rience&#x20;&#x5C;u00e0&#x20;Dakhla&quot;,&quot;position&quot;&#x3A;188,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;363,&quot;primary_destination_name&quot;&#x3A;&quot;Dakhla&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-UKAFZE"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kitesurf/voyage-vagabond-escape-sejour-4-nuits-kitesurf-a-dakhla/UKAFZE"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/I5X31B.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/I5X31B.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/I5X31B.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/I5X31B.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-kite-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 45">
  <g>
    <path d="M28.91,23.91l-3.18-2.07a1.41,1.41,0,0,1,0,.88c-.14.4-1.16,2.73-1.74,4.06l1,.09ZM21.59,37,25,39.47l1.75,2.44c.65-.43,1.26-.8,1.79-1.09a12.18,12.18,0,0,1,1.22-.55L25.88,37ZM46,18.27c-1.42.26-3.29.58-4.44.74-2.59.34-3.67.19-4.21-1.61l-7,6.46,1.94,1.26a.39.39,0,0,1,.14.17.42.42,0,0,1,0,.39.39.39,0,0,1-.55.12l-2.21-1.43a2.41,2.41,0,0,1-.59.93c-.38.41-1.84,2-2.78,3a1.74,1.74,0,0,1-1.79.75C23.92,29,22.19,29,21,29a26.4,26.4,0,0,1-1.2,3.74l1,1.32,4.86-.18a1.56,1.56,0,0,1,1.56.61l4.72,5c1.67-.62,3.28-1.17,3.28-1.17l3.11,1.1a18.33,18.33,0,0,1-5.11,6.11c-.67.49-2.79,1.91-3.71,2.51A70.42,70.42,0,0,0,43.62,49.2V50a71.35,71.35,0,0,1-17.39-1.87A70.8,70.8,0,0,0,9,46.28v-.8a75,75,0,0,1,11.67.78c.73-.56,2.32-1.77,4-2.95l-2-2s-5.16-2.4-6.42-2.9a9.57,9.57,0,0,1-1.28-4c-.45-3.12.13-6.27,1.4-7.64a1.67,1.67,0,0,1,1.41-.59l1.52.19,3.25-.95,2.63-3.9-1.35-.87A.41.41,0,0,1,23.7,20a.39.39,0,0,1,.55-.12l1.23.79,1-6.88-.61.08c-1.13.14-1.42-.15-1.35-1.48.17-3.39,1.88-6.22,4.2-6.22h0c2,0,3.7,1.49,4.9,3.45a.15.15,0,0,1-.18.21c-1.76-.66-2.63,1.83-2.72,2.76-.05.51-.16.56-.71.65l-2.87.45-1,7.38,1.28.83L33,10.57a.32.32,0,0,1,.44-.14.33.33,0,0,1,.15.44L27.92,22.3l1.82,1.19,7.37-6.8c-1-3.36-2.75-9.36-6.93-10.76a.15.15,0,0,1,0-.29l5.1-.39L38.47,5c5.39-.41,7.81,8.94,8.38,11.36.25,1.07.32,1.68-.89,1.9ZM16.17,23.7a3.32,3.32,0,0,1-.43-2.27c.23-1,1.43-1.73,3.06-1.58a2.77,2.77,0,0,1,2.49,2.35l-.72.27a3,3,0,0,1-.1.5c-.13.39-.58,1.78-.81,2.5-.09.3-.43.21-.85.15l-.88-.13s-.79-1-1.32-1.78Z" transform="translate(-9 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Kitesurf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Dakhla / Côte Atlantique Maroc</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Ultimate Wing Camp – 4 nuits d’expérience à Dakhla</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>5 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    1 129€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-23527"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="23527"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23527"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1129,&quot;tour_code&quot;&#x3A;&quot;UKAFZE&quot;,&quot;tour_name&quot;&#x3A;&quot;Ultimate&#x20;Wing&#x20;Camp&#x20;&#x5C;u2013&#x20;4&#x20;nuits&#x20;d&#x5C;u2019exp&#x5C;u00e9rience&#x20;&#x5C;u00e0&#x20;Dakhla&quot;,&quot;position&quot;&#x3A;188,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;363,&quot;primary_destination_name&quot;&#x3A;&quot;Dakhla&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Ultimate Wing Camp \u2013 4 nuits d\u2019exp\u00e9rience \u00e0 Dakhla&quot;"]);
    product.push(["productId", "UKAFZE"]);
    product.push(["productUnitPrice", '1 129,00€']);
    product.push(["duration", "5"]);
    product.push(["productBrand", "&quot;Ocean Vagabond&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "2"]);

            product.push(["marketinglabel1", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Dakhla&quot;"]);
    
            product.push(["productCategory4", '&quot;Kitesurf&quot;']);
    product.push(["productCategory5", '&quot;Kitesurf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="SUUWAP"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;440,&quot;tour_code&quot;&#x3A;&quot;SUUWAP&quot;,&quot;tour_name&quot;&#x3A;&quot;3&#x20;jours&#x20;dans&#x20;les&#x20;Alpes&#x20;albanaises,&#x20;randonn&#x5C;u00e9e&#x20;de&#x20;Valbona&#x20;&#x5C;u00e0&#x20;Thethi&quot;,&quot;position&quot;&#x3A;189,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;&#x5C;&#x2F;&#x20;Trek&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;3,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83c&#x5C;udf9f&#x5C;ufe0f&#x20;Excursion&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;303,&quot;primary_destination_name&quot;&#x3A;&quot;Albanie&quot;,&quot;secondary_destination_id&quot;&#x3A;74,&quot;secondary_destination_name&quot;&#x3A;&quot;Europe&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-SUUWAP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee/voyage-3-jours-dans-les-alpes-albanaises-randonnee-de-valbona-a-thethi/SUUWAP"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/MMVU6S.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/MMVU6S.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/MMVU6S.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/MMVU6S.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-hike" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 45">
  <g>
    <path d="M39,38.54,33.94,17.8a.64.64,0,0,0,.24-.66l-.1-.41a2,2,0,0,0,.78-1,2.09,2.09,0,0,0,.1-1l-1.27.31,0-.16a.63.63,0,0,0-.75-.47l-.15,0a.64.64,0,0,0-.46.76l0,.16-3.28.8.38,2.15s2.26-.53,3.37-.95l0,.06a.62.62,0,0,0,.54.48l5,20.73Zm-9.52-7.63L31,26a.65.65,0,0,1-.19-.65l.07-.25L28.33,23.9,28.07,27Zm5.2-6a2,2,0,0,1-2.4.85l-.12-.05,0,.05a.63.63,0,0,1-.5.44L29.86,32c.52,1.45,1,2.75,1.11,3.13a5.75,5.75,0,0,1,.41,3.28C31.27,39.52,30.29,50,30.29,50c-1.69-.14-1.92-1.88-1.93-2.75s-.24-8.54-.27-9.53L24.92,48.05a.34.34,0,0,1-.33.24l-.1,0a.34.34,0,0,1-.22-.43l3.37-11L26,34.21l-.44,2.87c-.2,1.29-.29,1.78-1.09,2.44-2.15,1.75-3.29,2.62-8.06,6.38-.94-1.43.13-2.76,1.15-3.95,1.31-1.53,4.56-5,4.56-5s-.52-4-.59-6.9A7.58,7.58,0,0,1,21,27.19a6.37,6.37,0,0,1,.52-2.56l-.4-.16a5,5,0,0,0-.6,2.37l-1.95-.73c-.63-.23-.67-.57-.71-1.13s-.69-10.61-.7-10.88a1.13,1.13,0,0,1,.18-.86c.65-.87,1.86-2.56,2.47-2.54a8.31,8.31,0,0,1,2.55,1.43l-.21,3.28.33.06c.09-.86.18-1.63.23-2a1.2,1.2,0,0,1,1.65-1.05c.65.14,2.15.45,3,.59s1.07,1.13,1.17,1.94l.38,3.13-.22,2.62-2-1.19-.44-2.18-.35-.07.34,2.6,5.34,3.2a.59.59,0,0,1,.65-.2l.14,0a.64.64,0,0,1,.43.78l0,.08,2,1.12ZM22.43,8.64A3.28,3.28,0,0,1,22.52,7a2.85,2.85,0,0,1,3.55-1.88,2.94,2.94,0,0,1,1.87,3.61L27,11.82c-.11.39-.41.47-1,.34l-1.31-.25a16.91,16.91,0,0,1-2.25-3.27Z" transform="translate(-16 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Randonnée / Trek</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Intermédiaire
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Intermédiaire
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Albanie / Europe</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">3 jours dans les Alpes albanaises, randonnée de Valbona à Thethi</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>3 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    440€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-23688"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="23688"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23688"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;440,&quot;tour_code&quot;&#x3A;&quot;SUUWAP&quot;,&quot;tour_name&quot;&#x3A;&quot;3&#x20;jours&#x20;dans&#x20;les&#x20;Alpes&#x20;albanaises,&#x20;randonn&#x5C;u00e9e&#x20;de&#x20;Valbona&#x20;&#x5C;u00e0&#x20;Thethi&quot;,&quot;position&quot;&#x3A;189,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;&#x5C;&#x2F;&#x20;Trek&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;3,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83c&#x5C;udf9f&#x5C;ufe0f&#x20;Excursion&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;303,&quot;primary_destination_name&quot;&#x3A;&quot;Albanie&quot;,&quot;secondary_destination_id&quot;&#x3A;74,&quot;secondary_destination_name&quot;&#x3A;&quot;Europe&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;3 jours dans les Alpes albanaises, randonn\u00e9e de Valbona \u00e0 Thethi&quot;"]);
    product.push(["productId", "SUUWAP"]);
    product.push(["productUnitPrice", '440,00€']);
    product.push(["duration", "3"]);
    product.push(["productBrand", "&quot;LIT travels &amp; tour&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "3"]);

            product.push(["marketinglabel1", "&quot;\ud83c\udf9f\ufe0f Excursion&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Albanie&quot;"]);
    
            product.push(["productCategory4", '&quot;Randonn\u00e9e \/ Trek&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e \/ Trek&quot;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="OODOMK"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1083,&quot;tour_code&quot;&#x3A;&quot;OODOMK&quot;,&quot;tour_name&quot;&#x3A;&quot;&#x5C;u00c9vasion&#x20;surf&#x20;et&#x20;bien-&#x5C;u00eatre&#x20;entre&#x20;oc&#x5C;u00e9an&#x20;et&#x20;Atlas&#x20;&#x5C;u00e0&#x20;Tamraght&quot;,&quot;position&quot;&#x3A;190,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-OODOMK"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-nobi-boutique-surf-hotel-surf/OODOMK"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/7G4EWA.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/7G4EWA.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/7G4EWA.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/7G4EWA.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Tamraght / Côte Atlantique Maroc</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Évasion surf et bien-être entre océan et Atlas à Tamraght</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>5 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    1 083€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-22502"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="22502"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=22502"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1083,&quot;tour_code&quot;&#x3A;&quot;OODOMK&quot;,&quot;tour_name&quot;&#x3A;&quot;&#x5C;u00c9vasion&#x20;surf&#x20;et&#x20;bien-&#x5C;u00eatre&#x20;entre&#x20;oc&#x5C;u00e9an&#x20;et&#x20;Atlas&#x20;&#x5C;u00e0&#x20;Tamraght&quot;,&quot;position&quot;&#x3A;190,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;\u00c9vasion surf et bien-\u00eatre entre oc\u00e9an et Atlas \u00e0 Tamraght&quot;"]);
    product.push(["productId", "OODOMK"]);
    product.push(["productUnitPrice", '1 083,00€']);
    product.push(["duration", "5"]);
    product.push(["productBrand", "&quot;Nobi Hotel&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "4"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Tamraght&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="GPUTPR"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;661,&quot;tour_code&quot;&#x3A;&quot;GPUTPR&quot;,&quot;tour_name&quot;&#x3A;&quot;Beach&#x20;Tennis&#x20;Party&#x20;&#x3A;&#x20;week-end&#x20;sport&#x20;et&#x20;fiesta&#x20;&#x5C;u00e0&#x20;Barcelone&quot;,&quot;position&quot;&#x3A;191,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Beach&#x20;Tennis&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Golf&#x20;&amp;&#x20;Sports&#x20;de&#x20;Raquette&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;3,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;684,&quot;primary_destination_name&quot;&#x3A;&quot;Barcelone&quot;,&quot;secondary_destination_id&quot;&#x3A;381,&quot;secondary_destination_name&quot;&#x3A;&quot;Catalogne&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-GPUTPR"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-beach-tennis/voyage-beach-tennis-party-votre-week-end-sport-et-fiesta-a-barcelone/GPUTPR"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/9OGF71.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/9OGF71.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/9OGF71.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/9OGF71.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-tennis" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 40">
  <g>
    <path d="M34.82,17.73l-1-1.31a2.76,2.76,0,0,0,.86-.08,2.63,2.63,0,0,0,.55-.22Zm-1.56-2.47.92-.24.19.76a2.12,2.12,0,0,1-1,0ZM33,14.12l.92-.24.24.94-.92.24Zm-.3,1.29.39-.1.08.35a3,3,0,0,1-.47-.25Zm-.22-.16a2.86,2.86,0,0,1-.51-.48l-.09-.36.92-.24.24.94Zm-.88-2,.92-.24.23.94-.92.24Zm0,1a4.31,4.31,0,0,1-.43-.89l.23-.06.23.94ZM31,12.94a5.73,5.73,0,0,1-.13-.7l.21-.06.24.94-.25.06c0-.08-.05-.16-.07-.24Zm-.13-1.61L31,12l-.17,0a4.06,4.06,0,0,1,0-.7Zm.56-1.66.2-.05.24.93-.91.24a3.53,3.53,0,0,1,.47-1.12Zm1.18-.93.09.38-.92.24,0-.09a2.22,2.22,0,0,1,.85-.53ZM33,10.26l-.92.24-.24-.94.92-.23Zm.81-1.53,0,.1-.92.24-.09-.38a2.08,2.08,0,0,1,1,0ZM34.11,10l-.92.24L33,9.27,33.87,9Zm.18-1a3.23,3.23,0,0,1,.93.74h0l-.92.24L34.07,9Zm1.22,1.89-.92.24-.23-.94.92-.23Zm.39-.1-.19,0-.17-.69a5.6,5.6,0,0,1,.36.64Zm.28.81c0,.1.06.21.08.31l-.27.07L35.76,11l.22-.05a4,4,0,0,1,.2.61Zm.17,1.5-.07,0-.23-.94.25-.06a4.64,4.64,0,0,1,.05,1Zm-.3,1.29-.61.16-.23-.94.92-.24.11.45a3.47,3.47,0,0,1-.19.57Zm-.46.73-.09-.37.43-.11a2.43,2.43,0,0,1-.34.48ZM35,13.59l.24.94-.93.24-.23-.94Zm-1.2-.9.92-.24.23.94-.92.24Zm-.2.05.23.94-.92.24L32.69,13Zm-1.21-.9.92-.24.24.94-.92.24Zm-.2.05.24.94-.92.24-.24-.94Zm-.05-.2-.92.24L31,11l.92-.24Zm1.12-.29-.92.24-.23-.94.92-.24Zm.2-.05-.23-.94.92-.23.23.93Zm1.21.9-.92.24-.24-.94.92-.24Zm1.17-.09.23.94-.92.24-.23-.94Zm-1,0-.23-.94.92-.24.24.94Zm-.3,3.53L34.38,15l.92-.24.12.5a2.15,2.15,0,0,1-.85.5Zm1.54,5.33-.74-2.69a10.87,10.87,0,0,1,.81-2.84,5.85,5.85,0,0,0,.62-4.16c-.57-2.3-2.49-3.75-4.26-3.28s-2.73,2.71-2.16,5a5.71,5.71,0,0,0,2.19,3.18,12.29,12.29,0,0,1,2.08,2.38l.57,3-.59.6-3.83.76s-4.74-4.36-4.95-4.57a1.8,1.8,0,0,0-1.18-.57l-2.19-.19c-1.83-.16-2.47,1.27-2.8,2.43s-2.15,7.66-2.15,7.66l-.73,1.73a6.34,6.34,0,0,0,.06,4.68l2.62,5.1s-3.63,4.54-4.87,6.11A2,2,0,0,0,14.42,48s8.89-8,9.41-8.52a1.57,1.57,0,0,0,.49-1.88L20,34.74l-.21-.43L28,38.84s3.84,5.73,5.25,7.82,2.89,1.11,2.89,1.11-5.37-10.33-5.72-11a3.77,3.77,0,0,0-1.19-1.54l-6.61-5.76.1-.22A38.78,38.78,0,0,1,25.94,24l-1.33-.79.08-.26,5.07,2.45a.94.94,0,0,0,.61.05l5.51-1.94a1.61,1.61,0,0,0,.94-1.77,1.28,1.28,0,0,0-.71-.68ZM23.3,17.11l1,.09c.49,0,.89.13,1-.23.23-.85.66-2.51.79-3a2.72,2.72,0,0,0-1.82-3.28,2.63,2.63,0,0,0-3.22,1.83,3,3,0,0,0,0,1.52,16,16,0,0,0,2.26,3Zm18,12.43a.93.93,0,0,1-.21-.6,1,1,0,0,1,.21-.61,1,1,0,0,1,.23.61.91.91,0,0,1-.23.6Zm-1.27.2a1.35,1.35,0,0,0,.06-1.64,1,1,0,0,1,.46-.11,1,1,0,0,1,.49.13,1.31,1.31,0,0,0-.28.82,1.28,1.28,0,0,0,.28.81.91.91,0,0,1-.49.14,1,1,0,0,1-.52-.15Zm-.21-1.43a1,1,0,0,1,.19.57.94.94,0,0,1-.23.63.91.91,0,0,1-.21-.57,1,1,0,0,1,.25-.63Zm.73-.83A1.46,1.46,0,1,0,42,28.94a1.47,1.47,0,0,0-1.48-1.46Z" transform="translate(-14 -8)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Beach Tennis</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Barcelone / Catalogne</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Beach Tennis Party : week-end sport et fiesta à Barcelone</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>3 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    661€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-21890"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="21890"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21890"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;661,&quot;tour_code&quot;&#x3A;&quot;GPUTPR&quot;,&quot;tour_name&quot;&#x3A;&quot;Beach&#x20;Tennis&#x20;Party&#x20;&#x3A;&#x20;week-end&#x20;sport&#x20;et&#x20;fiesta&#x20;&#x5C;u00e0&#x20;Barcelone&quot;,&quot;position&quot;&#x3A;191,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Beach&#x20;Tennis&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Golf&#x20;&amp;&#x20;Sports&#x20;de&#x20;Raquette&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;3,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;684,&quot;primary_destination_name&quot;&#x3A;&quot;Barcelone&quot;,&quot;secondary_destination_id&quot;&#x3A;381,&quot;secondary_destination_name&quot;&#x3A;&quot;Catalogne&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Beach Tennis Party : week-end sport et fiesta \u00e0 Barcelone&quot;"]);
    product.push(["productId", "GPUTPR"]);
    product.push(["productUnitPrice", '661,00€']);
    product.push(["duration", "3"]);
    product.push(["productBrand", "&quot;OSS Barcelone&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

            product.push(["marketinglabel1", "&quot;\ud83d\ude86 Acc\u00e8s en train&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83c\udf0a French Days&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Barcelone&quot;"]);
    
            product.push(["productCategory4", '&quot;Beach Tennis&quot;']);
    product.push(["productCategory5", '&quot;Beach Tennis&quot;']);
                product.push(["productCategory4", '&quot;Golf &amp; Sports de Raquette&quot;']);
    product.push(["productCategory5", '&quot;Golf &amp; Sports de Raquette&quot;']);
                product.push(["productCategory4", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
    product.push(["productCategory5", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="OICUVB"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;670,&quot;tour_code&quot;&#x3A;&quot;OICUVB&quot;,&quot;tour_name&quot;&#x3A;&quot;D&#x5C;u00e9couvrez&#x20;le&#x20;kitesurf&#x20;&#x5C;u00e0&#x20;Essaouira&#x20;&#x5C;u2013&#x20;7&#x20;jours&#x20;au&#x20;c&#x5C;u0153ur&#x20;du&#x20;vent&#x20;marocain&quot;,&quot;position&quot;&#x3A;192,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-OICUVB"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kitesurf/voyage-decouvrez-le-kitesurf-a-essaouira-7-jours-au-coeur-du-vent-marocain/OICUVB"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/PKG5S8.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/PKG5S8.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/PKG5S8.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/PKG5S8.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-kite-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 45">
  <g>
    <path d="M28.91,23.91l-3.18-2.07a1.41,1.41,0,0,1,0,.88c-.14.4-1.16,2.73-1.74,4.06l1,.09ZM21.59,37,25,39.47l1.75,2.44c.65-.43,1.26-.8,1.79-1.09a12.18,12.18,0,0,1,1.22-.55L25.88,37ZM46,18.27c-1.42.26-3.29.58-4.44.74-2.59.34-3.67.19-4.21-1.61l-7,6.46,1.94,1.26a.39.39,0,0,1,.14.17.42.42,0,0,1,0,.39.39.39,0,0,1-.55.12l-2.21-1.43a2.41,2.41,0,0,1-.59.93c-.38.41-1.84,2-2.78,3a1.74,1.74,0,0,1-1.79.75C23.92,29,22.19,29,21,29a26.4,26.4,0,0,1-1.2,3.74l1,1.32,4.86-.18a1.56,1.56,0,0,1,1.56.61l4.72,5c1.67-.62,3.28-1.17,3.28-1.17l3.11,1.1a18.33,18.33,0,0,1-5.11,6.11c-.67.49-2.79,1.91-3.71,2.51A70.42,70.42,0,0,0,43.62,49.2V50a71.35,71.35,0,0,1-17.39-1.87A70.8,70.8,0,0,0,9,46.28v-.8a75,75,0,0,1,11.67.78c.73-.56,2.32-1.77,4-2.95l-2-2s-5.16-2.4-6.42-2.9a9.57,9.57,0,0,1-1.28-4c-.45-3.12.13-6.27,1.4-7.64a1.67,1.67,0,0,1,1.41-.59l1.52.19,3.25-.95,2.63-3.9-1.35-.87A.41.41,0,0,1,23.7,20a.39.39,0,0,1,.55-.12l1.23.79,1-6.88-.61.08c-1.13.14-1.42-.15-1.35-1.48.17-3.39,1.88-6.22,4.2-6.22h0c2,0,3.7,1.49,4.9,3.45a.15.15,0,0,1-.18.21c-1.76-.66-2.63,1.83-2.72,2.76-.05.51-.16.56-.71.65l-2.87.45-1,7.38,1.28.83L33,10.57a.32.32,0,0,1,.44-.14.33.33,0,0,1,.15.44L27.92,22.3l1.82,1.19,7.37-6.8c-1-3.36-2.75-9.36-6.93-10.76a.15.15,0,0,1,0-.29l5.1-.39L38.47,5c5.39-.41,7.81,8.94,8.38,11.36.25,1.07.32,1.68-.89,1.9ZM16.17,23.7a3.32,3.32,0,0,1-.43-2.27c.23-1,1.43-1.73,3.06-1.58a2.77,2.77,0,0,1,2.49,2.35l-.72.27a3,3,0,0,1-.1.5c-.13.39-.58,1.78-.81,2.5-.09.3-.43.21-.85.15l-.88-.13s-.79-1-1.32-1.78Z" transform="translate(-9 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Kitesurf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                            <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                aria-label="4 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                            <span class="text-sm whitespace-nowrap">
                                4/5
                            </span>
                        </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Essaouira / Côte Atlantique Maroc</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Découvrez le kitesurf à Essaouira – 7 jours au cœur du vent marocain</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>7 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    670€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-25066"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="25066"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=25066"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;670,&quot;tour_code&quot;&#x3A;&quot;OICUVB&quot;,&quot;tour_name&quot;&#x3A;&quot;D&#x5C;u00e9couvrez&#x20;le&#x20;kitesurf&#x20;&#x5C;u00e0&#x20;Essaouira&#x20;&#x5C;u2013&#x20;7&#x20;jours&#x20;au&#x20;c&#x5C;u0153ur&#x20;du&#x20;vent&#x20;marocain&quot;,&quot;position&quot;&#x3A;192,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;D\u00e9couvrez le kitesurf \u00e0 Essaouira \u2013 7 jours au c\u0153ur du vent marocain&quot;"]);
    product.push(["productId", "OICUVB"]);
    product.push(["productUnitPrice", '670,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Yallah Surf Kite&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Kitesurf&quot;']);
    product.push(["productCategory5", '&quot;Kitesurf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="CCKEAW"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;690,&quot;tour_code&quot;&#x3A;&quot;CCKEAW&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;Surf&#x20;&#x5C;u00e0&#x20;Tenerife&#x20;&#x5C;u2013&#x20;Apprendre&#x20;et&#x20;progresser&#x20;au&#x20;soleil&quot;,&quot;position&quot;&#x3A;193,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;376,&quot;primary_destination_name&quot;&#x3A;&quot;Tenerife&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-CCKEAW"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-sejour-surf-a-tenerife-apprendre-et-progresser-au-soleil/CCKEAW"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/XQ1WEL.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/XQ1WEL.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/XQ1WEL.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/XQ1WEL.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Tenerife / Canaries</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Séjour Surf à Tenerife – Apprendre et progresser au soleil</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>7 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    690€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-23993"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="23993"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23993"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;690,&quot;tour_code&quot;&#x3A;&quot;CCKEAW&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;Surf&#x20;&#x5C;u00e0&#x20;Tenerife&#x20;&#x5C;u2013&#x20;Apprendre&#x20;et&#x20;progresser&#x20;au&#x20;soleil&quot;,&quot;position&quot;&#x3A;193,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;376,&quot;primary_destination_name&quot;&#x3A;&quot;Tenerife&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour Surf \u00e0 Tenerife \u2013 Apprendre et progresser au soleil&quot;"]);
    product.push(["productId", "CCKEAW"]);
    product.push(["productUnitPrice", '690,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Naventia - Bedimaclo Canarias&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "7"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Tenerife&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="JHQQMN"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1700,&quot;tour_code&quot;&#x3A;&quot;JHQQMN&quot;,&quot;tour_name&quot;&#x3A;&quot;&#x5C;u00cele&#x20;de&#x20;Santo&#x20;Ant&#x5C;u00e3o&#x20;&#x3A;&#x20;randonn&#x5C;u00e9e&#x20;en&#x20;libert&#x5C;u00e9&#x20;et&#x20;paysages&#x20;grandioses&quot;,&quot;position&quot;&#x3A;194,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;&#x5C;&#x2F;&#x20;Trek&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;12,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;594,&quot;primary_destination_name&quot;&#x3A;&quot;Santo&#x20;Ant&#x5C;u00e3o&quot;,&quot;secondary_destination_id&quot;&#x3A;6,&quot;secondary_destination_name&quot;&#x3A;&quot;Cap&#x20;Vert&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-JHQQMN"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee/voyage-ile-de-santo-antao-randonnee-en-liberte-et-paysages-grandioses/JHQQMN"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/Q5CTTJ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/Q5CTTJ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/Q5CTTJ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/Q5CTTJ.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-hike" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 45">
  <g>
    <path d="M39,38.54,33.94,17.8a.64.64,0,0,0,.24-.66l-.1-.41a2,2,0,0,0,.78-1,2.09,2.09,0,0,0,.1-1l-1.27.31,0-.16a.63.63,0,0,0-.75-.47l-.15,0a.64.64,0,0,0-.46.76l0,.16-3.28.8.38,2.15s2.26-.53,3.37-.95l0,.06a.62.62,0,0,0,.54.48l5,20.73Zm-9.52-7.63L31,26a.65.65,0,0,1-.19-.65l.07-.25L28.33,23.9,28.07,27Zm5.2-6a2,2,0,0,1-2.4.85l-.12-.05,0,.05a.63.63,0,0,1-.5.44L29.86,32c.52,1.45,1,2.75,1.11,3.13a5.75,5.75,0,0,1,.41,3.28C31.27,39.52,30.29,50,30.29,50c-1.69-.14-1.92-1.88-1.93-2.75s-.24-8.54-.27-9.53L24.92,48.05a.34.34,0,0,1-.33.24l-.1,0a.34.34,0,0,1-.22-.43l3.37-11L26,34.21l-.44,2.87c-.2,1.29-.29,1.78-1.09,2.44-2.15,1.75-3.29,2.62-8.06,6.38-.94-1.43.13-2.76,1.15-3.95,1.31-1.53,4.56-5,4.56-5s-.52-4-.59-6.9A7.58,7.58,0,0,1,21,27.19a6.37,6.37,0,0,1,.52-2.56l-.4-.16a5,5,0,0,0-.6,2.37l-1.95-.73c-.63-.23-.67-.57-.71-1.13s-.69-10.61-.7-10.88a1.13,1.13,0,0,1,.18-.86c.65-.87,1.86-2.56,2.47-2.54a8.31,8.31,0,0,1,2.55,1.43l-.21,3.28.33.06c.09-.86.18-1.63.23-2a1.2,1.2,0,0,1,1.65-1.05c.65.14,2.15.45,3,.59s1.07,1.13,1.17,1.94l.38,3.13-.22,2.62-2-1.19-.44-2.18-.35-.07.34,2.6,5.34,3.2a.59.59,0,0,1,.65-.2l.14,0a.64.64,0,0,1,.43.78l0,.08,2,1.12ZM22.43,8.64A3.28,3.28,0,0,1,22.52,7a2.85,2.85,0,0,1,3.55-1.88,2.94,2.94,0,0,1,1.87,3.61L27,11.82c-.11.39-.41.47-1,.34l-1.31-.25a16.91,16.91,0,0,1-2.25-3.27Z" transform="translate(-16 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Randonnée / Trek</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Confirmé
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Confirmé
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Santo Antão / Cap Vert</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Île de Santo Antão : randonnée en liberté et paysages grandioses</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>12 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    1 700€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-23820"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="23820"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23820"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;1700,&quot;tour_code&quot;&#x3A;&quot;JHQQMN&quot;,&quot;tour_name&quot;&#x3A;&quot;&#x5C;u00cele&#x20;de&#x20;Santo&#x20;Ant&#x5C;u00e3o&#x20;&#x3A;&#x20;randonn&#x5C;u00e9e&#x20;en&#x20;libert&#x5C;u00e9&#x20;et&#x20;paysages&#x20;grandioses&quot;,&quot;position&quot;&#x3A;194,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;&#x5C;&#x2F;&#x20;Trek&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;3,&quot;duration&quot;&#x3A;12,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;594,&quot;primary_destination_name&quot;&#x3A;&quot;Santo&#x20;Ant&#x5C;u00e3o&quot;,&quot;secondary_destination_id&quot;&#x3A;6,&quot;secondary_destination_name&quot;&#x3A;&quot;Cap&#x20;Vert&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;\u00cele de Santo Ant\u00e3o : randonn\u00e9e en libert\u00e9 et paysages grandioses&quot;"]);
    product.push(["productId", "JHQQMN"]);
    product.push(["productUnitPrice", '1 700,00€']);
    product.push(["duration", "12"]);
    product.push(["productBrand", "&quot;Actour Hiking&quot;"]);
    product.push(["level", "3"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "8"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Santo Ant\u00e3o&quot;"]);
    
            product.push(["productCategory4", '&quot;Randonn\u00e9e \/ Trek&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e \/ Trek&quot;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="OAMSCT"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;OAMSCT&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;surf&#x20;&amp;&#x20;yoga&#x20;-&#x20;Essaouira,&#x20;sidi&#x20;kaouki&quot;,&quot;position&quot;&#x3A;195,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-OAMSCT"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-sejour-surf-coaching-et-yoga-essaouira/OAMSCT"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/T2UOWO.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/T2UOWO.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/T2UOWO.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/T2UOWO.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                            <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                aria-label="5 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                            <span class="text-sm whitespace-nowrap">
                                5/5
                            </span>
                        </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Essaouira / Côte Atlantique Maroc</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Séjour surf &amp; yoga - Essaouira, sidi kaouki</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>8 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    730€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-21446"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="21446"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21446"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;OAMSCT&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;surf&#x20;&amp;&#x20;yoga&#x20;-&#x20;Essaouira,&#x20;sidi&#x20;kaouki&quot;,&quot;position&quot;&#x3A;195,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour surf &amp; yoga - Essaouira, sidi kaouki&quot;"]);
    product.push(["productId", "OAMSCT"]);
    product.push(["productUnitPrice", '730,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Holy Surf - Surf Camp&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "9"]);

            product.push(["marketinglabel1", "&quot;Surf &amp; Yoga&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
                product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
    product.push(["productCategory5", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="HAXIHE"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;HAXIHE&quot;,&quot;tour_name&quot;&#x3A;&quot;Yoga&#x20;&amp;&#x20;d&#x5C;u00e9couverte&#x20;Surf&#x20;dans&#x20;la&#x20;p&#x5C;u00e9pite&#x20;de&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;196,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;462,&quot;primary_destination_name&quot;&#x3A;&quot;Taghazout&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-HAXIHE"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-yoga/voyage-yoga-dans-le-spot-le-plus-confidentiel-de-taghazout/HAXIHE"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/RDADOX.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/RDADOX.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/RDADOX.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/RDADOX.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-yoga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 40">
  <g>
    <path d="M24.77,12.47a2.14,2.14,0,0,0-1.1,1.86,2.57,2.57,0,0,0,.1.73,22.46,22.46,0,0,0,1.13,2.3.42.42,0,0,0,.39.27h1.24a.43.43,0,0,0,.37-.24s.9-1.67,1.13-2.33a2.53,2.53,0,0,0,.12-.73,2.14,2.14,0,0,0-1.1-1.86,1.14,1.14,0,0,0-2.28,0M34.35,34.8c-1.41.57-6.78,2.92-6.78,2.92a1.67,1.67,0,0,1,.73-1.93l4.26-2.71-5.5-3.32L27,37.84s.74,6,.93,7.59S27.36,48,26.58,48c0,0-3.72-15.9-4-17.38a9.52,9.52,0,0,1,.71-5.05L23,22.46s-2.66-6-2.95-9.84a1.06,1.06,0,0,1,.45-1L25.4,8a1.65,1.65,0,0,1-.33,1.64c-.67.61-3.24,3.16-3.24,3.16a22.6,22.6,0,0,0,2.34,5.64h3.45A21.23,21.23,0,0,0,30,12.8L26.78,9.65A1.65,1.65,0,0,1,26.45,8l5,3.62a.89.89,0,0,1,.35.8,38.85,38.85,0,0,1-1.75,7.13c-1,2.48-1.81,4.28-1.81,4.28l.57,1.82s4.95,4.3,5.91,5.06c1.39,1.08,2.07,3.08-.4,4.08" transform="translate(-20 -8)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Yoga</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Taghazout / Côte Atlantique Maroc</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Yoga &amp; découverte Surf dans la pépite de la baie de Taghazout</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>8 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    730€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-21968"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="21968"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21968"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;730,&quot;tour_code&quot;&#x3A;&quot;HAXIHE&quot;,&quot;tour_name&quot;&#x3A;&quot;Yoga&#x20;&amp;&#x20;d&#x5C;u00e9couverte&#x20;Surf&#x20;dans&#x20;la&#x20;p&#x5C;u00e9pite&#x20;de&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;196,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;462,&quot;primary_destination_name&quot;&#x3A;&quot;Taghazout&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Yoga &amp; d\u00e9couverte Surf dans la p\u00e9pite de la baie de Taghazout&quot;"]);
    product.push(["productId", "HAXIHE"]);
    product.push(["productUnitPrice", '730,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Tawala Surfing Mind&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "10"]);

            product.push(["marketinglabel1", "&quot;Surf &amp; Yoga&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Taghazout&quot;"]);
    
            product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
    product.push(["productCategory5", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="IBNWED"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;480,&quot;tour_code&quot;&#x3A;&quot;IBNWED&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;nuits&#x20;en&#x20;Beach&#x20;Surf&#x20;House&#x20;&#x2B;&#x20;4&#x20;jours&#x20;de&#x20;surf&#x20;intensif&quot;,&quot;position&quot;&#x3A;197,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;379,&quot;primary_destination_name&quot;&#x3A;&quot;Lanzarote&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-IBNWED"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-5-nuits-en-Beach-Surf-House-4-jours-de-surf-intensif/IBNWED"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/3AD9RD.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/3AD9RD.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/3AD9RD.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/3AD9RD.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-surf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 45">
  <g>
    <path d="M25.25,8.45a2.77,2.77,0,0,0-1.89-3.36A2.74,2.74,0,0,0,20,7a3.06,3.06,0,0,0,0,1.56,12.6,12.6,0,0,0,2,2.7l1.39.25s1,.24,1.15-.25c.21-.88.62-2.3.74-2.78Zm-6.67,7.31-3.3-.32-4.89,1.64C8.63,17.67,8,16.73,8,16.73l7-3.47,1.88-.89c1.82-.76,2.22-.86,3.66-.65.91.13,5.14.81,5.14.81a66.4,66.4,0,0,1,6.15,3.92,2.42,2.42,0,0,1,1,1.25l3.58,8.12a2.36,2.36,0,0,1-2.63-1.42c-.53-.9-3.52-5.72-3.52-5.72l-1.54-.93.2,1,.32,1.54c.95,1.61,1.81,2.81,1.91,4A4.18,4.18,0,0,1,30.43,27c-.19.32-3.43,4.81-3.43,4.81l2.06,6.05c7.38,3.62,14.45,7.85,18.46,10.36l.42.26,1.06.65-1.21.27a27.08,27.08,0,0,1-6,.64,32.27,32.27,0,0,1-4.65-.35,40.34,40.34,0,0,1-9.09-2.54,43.56,43.56,0,0,1-8.76-4.68c-6.79-4.47-10.44-8-10.55-10a1.24,1.24,0,0,1,.38-1.06l.15-.13.19,0a35.12,35.12,0,0,1,9.08,2.12c.31-1.87.69-4.2.73-4.43A3.5,3.5,0,0,1,20,27.32c.23-.28,3.35-3.91,3.35-3.91V21.83Zm6.27,11.89-2.23,1.6-1.83,4.9c1.53.6,3,1.24,4.61,2,0,0-1.46-3.31-1.71-3.89a1.8,1.8,0,0,1-.14-1.32c.12-.31,1.3-3.24,1.3-3.24Zm-6.66,8.07s.1-.58.23-1.39a35,35,0,0,0-8.64-2.1,1,1,0,0,0,0,.23c.07.39.41,1.29,2,2.85a52.08,52.08,0,0,0,8.15,6.3h0a45,45,0,0,0,8.58,4.58,38.76,38.76,0,0,0,8.86,2.46,28.26,28.26,0,0,0,9,0C41.11,45.37,36,42.49,31.26,40l-1.75-.89,1.13,3.34a2.71,2.71,0,0,1-3-1.85l-1.53-3.11c-2-.94-3.93-1.75-5.71-2.45l-1,2.81a1.86,1.86,0,0,1-1.21-2.17Z" transform="translate(-8 -5)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Surf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Débutant
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Débutant
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Lanzarote / Canaries</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">5 nuits en Beach Surf House + 4 jours de surf intensif</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>6 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    480€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-20974"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="20974"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=20974"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;480,&quot;tour_code&quot;&#x3A;&quot;IBNWED&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;nuits&#x20;en&#x20;Beach&#x20;Surf&#x20;House&#x20;&#x2B;&#x20;4&#x20;jours&#x20;de&#x20;surf&#x20;intensif&quot;,&quot;position&quot;&#x3A;197,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;6,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;379,&quot;primary_destination_name&quot;&#x3A;&quot;Lanzarote&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;5 nuits en Beach Surf House + 4 jours de surf intensif&quot;"]);
    product.push(["productId", "IBNWED"]);
    product.push(["productUnitPrice", '480,00€']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;Surf School Famara S.L.&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "11"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Lanzarote&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="QUFVCZ"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;389,&quot;tour_code&quot;&#x3A;&quot;QUFVCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;et&#x20;ambiance&#x20;locale&#x20;&#x5C;u00e0&#x20;Jeffreys&#x20;Bay&#x20;-&#x20;7&#x20;jours&quot;,&quot;position&quot;&#x3A;198,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;147,&quot;primary_destination_name&quot;&#x3A;&quot;Afrique&#x20;du&#x20;Sud&quot;,&quot;secondary_destination_id&quot;&#x3A;1,&quot;secondary_destination_name&quot;&#x3A;&quot;Afrique&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-QUFVCZ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-yoga/voyage-surf-et-ambiance-locale-a-jeffreys-bay-en-afrique-du-sud/QUFVCZ"
           data-turbo="false">
                        <div class="relative flex min-w-fit">
                                    <div class="self-center my-auto flex flex-col gap-2xs px-xl">
                        <span
                            class="text-xl medium:text-2xl">3</span>
                        <span
                            class="text-xs text-content-quiet">nov.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt=""
                    src="https://media.decathlontravel.com/assets/320x0/GJ35RL.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/GJ35RL.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/GJ35RL.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/GJ35RL.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s fill-content-neutral" id="icon-yoga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 40">
  <g>
    <path d="M24.77,12.47a2.14,2.14,0,0,0-1.1,1.86,2.57,2.57,0,0,0,.1.73,22.46,22.46,0,0,0,1.13,2.3.42.42,0,0,0,.39.27h1.24a.43.43,0,0,0,.37-.24s.9-1.67,1.13-2.33a2.53,2.53,0,0,0,.12-.73,2.14,2.14,0,0,0-1.1-1.86,1.14,1.14,0,0,0-2.28,0M34.35,34.8c-1.41.57-6.78,2.92-6.78,2.92a1.67,1.67,0,0,1,.73-1.93l4.26-2.71-5.5-3.32L27,37.84s.74,6,.93,7.59S27.36,48,26.58,48c0,0-3.72-15.9-4-17.38a9.52,9.52,0,0,1,.71-5.05L23,22.46s-2.66-6-2.95-9.84a1.06,1.06,0,0,1,.45-1L25.4,8a1.65,1.65,0,0,1-.33,1.64c-.67.61-3.24,3.16-3.24,3.16a22.6,22.6,0,0,0,2.34,5.64h3.45A21.23,21.23,0,0,0,30,12.8L26.78,9.65A1.65,1.65,0,0,1,26.45,8l5,3.62a.89.89,0,0,1,.35.8,38.85,38.85,0,0,1-1.75,7.13c-1,2.48-1.81,4.28-1.81,4.28l.57,1.82s4.95,4.3,5.91,5.06c1.39,1.08,2.07,3.08-.4,4.08" transform="translate(-20 -8)"/>
  </g>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">Yoga</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                            <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true">
                                    <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>

                                </span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Niveau : Tous niveaux
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span class="text-xs">
                                Tous niveaux
                            </span>
                        </div>
                    </div>
                                    </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <span role="heading" aria-level="2">Afrique du Sud / Afrique</span>
                </div>
                                <div>
                    <span role="heading" aria-level="3" class="line-clamp-2 font-semibold">Surf et ambiance locale à Jeffreys Bay - 7 jours</span>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span data-controller="tooltip" data-tooltip-position-value="top">
                                <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>
</span>
                                <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                    Voyagez en autonomie, à votre rythme.
                                    <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                                </div>
                            </span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div data-controller="tooltip" data-tooltip-position-value="top">
                            <span aria-hidden="true"><svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
                            <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">
                                Durée
                                <div class="tooltip-arrow" data-tooltip-target="arrow"></div>
                            </div>
                        </div>
                        <span>7 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />

                <div class="flex gap-2xs h-full items-center w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    389€
                                </strong>
                            </div>
                                                            </div>

            </div>
        </a>

                <div class="absolute right-m bottom-xs">
            
<div
    id="favorite-button-21731"
>
    <button
        type="button"
        class="cursor-pointer p-xs bg-black/20 hover:bg-black/30 backdrop-blur-md border border-solid border-white/10 hover:border-white/30 rounded-full w-fit"
        data-favorite-target="button"
        data-action="click->favorite#toggle"
        data-favorite-tour-id-param="21731"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21731"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;389,&quot;tour_code&quot;&#x3A;&quot;QUFVCZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;et&#x20;ambiance&#x20;locale&#x20;&#x5C;u00e0&#x20;Jeffreys&#x20;Bay&#x20;-&#x20;7&#x20;jours&quot;,&quot;position&quot;&#x3A;198,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;147,&quot;primary_destination_name&quot;&#x3A;&quot;Afrique&#x20;du&#x20;Sud&quot;,&quot;secondary_destination_id&quot;&#x3A;1,&quot;secondary_destination_name&quot;&#x3A;&quot;Afrique&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
            <span class="heart-filled-icon hidden">
                <svg class="size-m text-status-negative " viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" fill="currentColor" stroke="currentColor" stroke-width="1.5"/>
</svg>

            </span>
        </span>
    </button>
</div>

        </div>
    </div>
</article>


<script>
    var product = [];
    product.push(["productName", "&quot;Surf et ambiance locale \u00e0 Jeffreys Bay - 7 jours&quot;"]);
    product.push(["productId", "QUFVCZ"]);
    product.push(["productUnitPrice", '389,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Surf Lodge South Africa&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "12"]);

            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Afrique du Sud&quot;"]);
    
            product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
    product.push(["productCategory5", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
            </template>
</turbo-stream>

    <turbo-stream action="replace" target="date-group-2026-11-03-loadmore">
        <template>
            <div id="date-group-2026-11-03-loadmore" class="py-m text-center">
                



    <a
        href="/voyages/date-tours?afterDate=2026-10-16&amp;offset=198&amp;targetDate=2026-11-03"
        class="vp-button vp-button--secondary vp-button--medium vp-button--regular vp-button--rounded text-content-brand"
         target="_self" data-turbo="true" data-turbo-stream data-controller="form-spinner" data-action="click-&gt;form-spinner#submit"
    >
            <span class="vp-button__label">
                <span class="leading-4">
                         Afficher plus de séjours (600 restants)
                        </span>
                      <span
                 data-part="end-slot"><svg class="text-content-brand size-l" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 13.9L12 20.9M12 20.9L5 13.9M12 20.9V2.4" stroke="currentColor" stroke-width="1.5"/>
</svg>
</span>
             </span>

    </a>
            </div>
        </template>
    </turbo-stream>
