<turbo-stream action="append" target="date-group-2027-05-18-tours">
    <template>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="AVDTXW"
        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;920,&quot;tour_code&quot;&#x3A;&quot;AVDTXW&quot;,&quot;tour_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;bretonne&#x20;&#x3A;&#x20;de&#x20;Mo&#x5C;u00eblan-sur-mer&#x20;&#x5C;u00e0&#x20;Larmor-Plage&quot;,&quot;position&quot;&#x3A;811,&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;6,&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;119,&quot;primary_destination_name&quot;&#x3A;&quot;France&quot;,&quot;secondary_destination_id&quot;&#x3A;123,&quot;secondary_destination_name&quot;&#x3A;&quot;Bretagne&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-AVDTXW"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee/voyage-de-moelan-sur-mer-a-lorient/AVDTXW"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/MJVIMC.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/MJVIMC.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/MJVIMC.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/MJVIMC.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21613"
>
    <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="21613"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21613"
        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;920,&quot;tour_code&quot;&#x3A;&quot;AVDTXW&quot;,&quot;tour_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;bretonne&#x20;&#x3A;&#x20;de&#x20;Mo&#x5C;u00eblan-sur-mer&#x20;&#x5C;u00e0&#x20;Larmor-Plage&quot;,&quot;position&quot;&#x3A;811,&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;6,&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;119,&quot;primary_destination_name&quot;&#x3A;&quot;France&quot;,&quot;secondary_destination_id&quot;&#x3A;123,&quot;secondary_destination_name&quot;&#x3A;&quot;Bretagne&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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>France / Bretagne</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Randonnée bretonne : de Moëlan-sur-mer à Larmor-Plage</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    920€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Randonn\u00e9e bretonne : de Mo\u00eblan-sur-mer \u00e0 Larmor-Plage&quot;"]);
    product.push(["productId", "AVDTXW"]);
    product.push(["productUnitPrice", '920,00€']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;Compagnie des Sentiers Maritimes&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "1"]);

            product.push(["marketinglabel1", "&quot;\ud83d\ude86 Acc\u00e8s en train&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;France&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 medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="EVANDA"
        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;2550,&quot;tour_code&quot;&#x3A;&quot;EVANDA&quot;,&quot;tour_name&quot;&#x3A;&quot;HIIT&#x20;et&#x20;bien-&#x5C;u00eatre&#x20;face&#x20;aux&#x20;montagnes&#x20;et&#x20;&#x5C;u00e0&#x20;l&#x5C;u2019Adriatique,&#x20;au&#x20;Mont&#x5C;u00e9n&#x5C;u00e9gro&quot;,&quot;position&quot;&#x3A;812,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Multi-activit&#x5C;u00e9s&#x20;hiver&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;d&#x5C;u0027Hiver&quot;,&quot;physical_difficulty&quot;&#x3A;3,&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;148,&quot;primary_destination_name&quot;&#x3A;&quot;Mont&#x5C;u00e9n&#x5C;u00e9gro&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-EVANDA"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-multiactivites-hiver/voyage-hiit-et-bien-etre-face-aux-montagnes-et-a-l-adriatique-au-montenegro/EVANDA"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/KZDE2A.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/KZDE2A.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/KZDE2A.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/KZDE2A.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21621"
>
    <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="21621"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21621"
        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;2550,&quot;tour_code&quot;&#x3A;&quot;EVANDA&quot;,&quot;tour_name&quot;&#x3A;&quot;HIIT&#x20;et&#x20;bien-&#x5C;u00eatre&#x20;face&#x20;aux&#x20;montagnes&#x20;et&#x20;&#x5C;u00e0&#x20;l&#x5C;u2019Adriatique,&#x20;au&#x20;Mont&#x5C;u00e9n&#x5C;u00e9gro&quot;,&quot;position&quot;&#x3A;812,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Multi-activit&#x5C;u00e9s&#x20;hiver&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;d&#x5C;u0027Hiver&quot;,&quot;physical_difficulty&quot;&#x3A;3,&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;148,&quot;primary_destination_name&quot;&#x3A;&quot;Mont&#x5C;u00e9n&#x5C;u00e9gro&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-multiactivites-hiver" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.67 55">
  <g>
    <path d="M32.83,14a1.13,1.13,0,0,0-1.66,1.27,1.11,1.11,0,0,0,.53.69l1.56.91-1.56.9h0a1.11,1.11,0,0,0-.53.69,1.13,1.13,0,0,0,.11.86,1.1,1.1,0,0,0,.69.52,1.13,1.13,0,0,0,.86-.11l1.57-.91v1.82a1.13,1.13,0,0,0,2.26,0V17.51l.77-.45a1.12,1.12,0,0,0,1.11.93,1.13,1.13,0,0,0,1.13-1.13V15.77l1.25-.72.38.21V16.7l-.95.55a1.13,1.13,0,0,0,.95,2v.9l-2.7,1.56a1.09,1.09,0,0,0-.53.68,1.12,1.12,0,0,0,.11.86,1.15,1.15,0,0,0,.69.53,1.12,1.12,0,0,0,.86-.11l1.57-.91v1.81a1.13,1.13,0,0,0,1.13,1.13h0a1.14,1.14,0,0,0,1.13-1.13V22.8l1.57.91a1.12,1.12,0,0,0,.86.11,1.13,1.13,0,0,0,.68-.53,1.17,1.17,0,0,0,.12-.86,1.13,1.13,0,0,0-.53-.68l-2.7-1.56v-.9a1.13,1.13,0,0,0,.94-2l-.94-.55V15.26l.37-.21,1.25.72v1.09a1.13,1.13,0,0,0,1.93.8,1.17,1.17,0,0,0,.32-.6l.77.45v3.12a1.13,1.13,0,0,0,2.26,0V18.81l1.57.91a1.12,1.12,0,0,0,.86.11,1.13,1.13,0,0,0,.8-1.38,1.15,1.15,0,0,0-.53-.69h0l-1.57-.9L53.16,16a1.15,1.15,0,0,0,.53-.69,1.09,1.09,0,0,0-.12-.86A1.13,1.13,0,0,0,52,14l-2.7,1.56-.77-.45a1.13,1.13,0,0,0-.45-1.95,1.1,1.1,0,0,0-.85.11l-.95.55-1.25-.72v-.43l1.25-.73.95.55a1.1,1.1,0,0,0,.85.11,1.09,1.09,0,0,0,.69-.53,1.1,1.1,0,0,0,.11-.85,1.13,1.13,0,0,0-.35-.57l.77-.45L52,11.75a1.12,1.12,0,0,0,.86.11,1.08,1.08,0,0,0,.68-.52,1.13,1.13,0,0,0-.41-1.55l-1.57-.9L53.16,8a1.12,1.12,0,0,0,.53-.69,1.06,1.06,0,0,0-.12-.85,1.09,1.09,0,0,0-.68-.53A1.12,1.12,0,0,0,52,6l-1.57.91V5.12a1.12,1.12,0,0,0-.33-.8,1.1,1.1,0,0,0-.8-.34A1.14,1.14,0,0,0,48.2,5.12V8.23l-.78.45a1.13,1.13,0,0,0-2.24.21V10l-1.25.72-.37-.22V9l.94-.55A1.12,1.12,0,0,0,44.92,7a1.15,1.15,0,0,0-.69-.53,1.09,1.09,0,0,0-.67,0V5.56L46.26,4a1.15,1.15,0,0,0,.53-.69,1.17,1.17,0,0,0-.12-.86A1.13,1.13,0,0,0,46,1.92a1.17,1.17,0,0,0-.86.12l-1.57.9V1.13A1.14,1.14,0,0,0,42.43,0h0A1.13,1.13,0,0,0,41.3,1.13V2.94L39.73,2a1.17,1.17,0,0,0-.86-.12,1.15,1.15,0,0,0-.69.53A1.14,1.14,0,0,0,38.6,4l2.7,1.56v.89a1.1,1.1,0,0,0-.67,0,1.13,1.13,0,0,0-.8,1.39,1.08,1.08,0,0,0,.52.68L41.3,9v1.44l-.38.22L39.67,10V8.89a1.13,1.13,0,0,0-1.13-1.13,1.13,1.13,0,0,0-1.11.92l-.77-.45V5.12A1.14,1.14,0,0,0,35.53,4,1.14,1.14,0,0,0,34.4,5.12V6.93L32.83,6A1.13,1.13,0,0,0,32,5.91a1.11,1.11,0,0,0-.69.53,1.1,1.1,0,0,0-.11.85A1.09,1.09,0,0,0,31.7,8l1.56.91-1.56.9a1.14,1.14,0,0,0-.42,1.55,1.1,1.1,0,0,0,.69.52,1.13,1.13,0,0,0,.86-.11l2.7-1.56.77.45a1.14,1.14,0,0,0-.36.57,1.06,1.06,0,0,0,.12.85,1.09,1.09,0,0,0,.68.53,1.12,1.12,0,0,0,.86-.11l.94-.55,1.25.73v.43l-1.25.72-.94-.55a1.13,1.13,0,0,0-1.3,1.84l-.77.45Z" transform="translate(-0.16)"/>
    <path d="M53.94,53.21H19.74l-1-8,7.52.35a2.34,2.34,0,0,0,2.08-3.44L23,32.14h.57A2.17,2.17,0,0,0,25.51,29L22.74,23.7a1.32,1.32,0,0,0,.45-.46,1.36,1.36,0,0,0,0-1.35l-5-9.46a3.46,3.46,0,0,0-6.12,0l-3.73,7v0L7.1,21.89a1.38,1.38,0,0,0,0,1.35,1.44,1.44,0,0,0,.46.46L4.83,29a2.17,2.17,0,0,0,1.92,3.19h.58L2,42.16A2.35,2.35,0,0,0,4.11,45.6l7.52-.35-1,8H1.06a.9.9,0,1,0,0,1.79H53.94a.9.9,0,1,0,0-1.79ZM10.3,19.66l0,0,3.37-6.38a1.68,1.68,0,0,1,3,0l4.68,8.85s-5-.71-6.16-.71S9,22.11,9,22.11ZM6.75,30.35a.39.39,0,0,1-.34-.57l3.1-5.88a49.1,49.1,0,0,1,5.66-.71,49.16,49.16,0,0,1,5.65.71l3.11,5.88a.39.39,0,0,1-.35.57s-5.91-.71-8.41-.71S6.75,30.35,6.75,30.35ZM4.11,43.82a.53.53,0,0,1-.48-.28.55.55,0,0,1,0-.55L9.35,32.14a36.38,36.38,0,0,1,5.82-.71,36.36,36.36,0,0,1,5.81.71L26.72,43a.53.53,0,0,1,0,.55.55.55,0,0,1-.49.28s-8.08-.72-11-.72S4.11,43.82,4.11,43.82Zm8.28,9.39.68-7.61a3.93,3.93,0,0,1,2.1-.71,4,4,0,0,1,2.1.71l.67,7.61Z" transform="translate(-0.16)"/>
  </g>
</svg>


                        <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">Multi-activités hiver</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Monténégro / Europe</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">HIIT et bien-être face aux montagnes et à l’Adriatique, au Monténégro</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    2 550€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;HIIT et bien-\u00eatre face aux montagnes et \u00e0 l\u2019Adriatique, au Mont\u00e9n\u00e9gro&quot;"]);
    product.push(["productId", "EVANDA"]);
    product.push(["productUnitPrice", '2 550,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;SIRO Boka Place&quot;"]);
    product.push(["level", "3"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "2"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Mont\u00e9n\u00e9gro&quot;"]);
    
            product.push(["productCategory4", '&quot;Multi-activit\u00e9s hiver&quot;']);
    product.push(["productCategory5", '&quot;Multi-activit\u00e9s hiver&quot;']);
                product.push(["productCategory4", '&quot;Sports d&#039;Hiver&quot;']);
    product.push(["productCategory5", '&quot;Sports d&#039;Hiver&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 medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="CXDOVI"
        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;590,&quot;tour_code&quot;&#x3A;&quot;CXDOVI&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&#x5C;u00e0&#x20;Essaouira&#x20;&#x3A;&#x20;vos&#x20;premi&#x5C;u00e8res&#x20;vagues&#x20;sur&#x20;un&#x20;spot&#x20;sauvage&quot;,&quot;position&quot;&#x3A;813,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kayak&#x20;et&#x20;Cano&#x5C;u00eb&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&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-CXDOVI"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kayak/voyage-copie-de-devenez-surfeur-a-essaouira-le-paradis-des-debutants/CXDOVI"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/WT5N7P.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/WT5N7P.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/WT5N7P.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/WT5N7P.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21623"
>
    <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="21623"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21623"
        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;590,&quot;tour_code&quot;&#x3A;&quot;CXDOVI&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&#x5C;u00e0&#x20;Essaouira&#x20;&#x3A;&#x20;vos&#x20;premi&#x5C;u00e8res&#x20;vagues&#x20;sur&#x20;un&#x20;spot&#x20;sauvage&quot;,&quot;position&quot;&#x3A;813,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kayak&#x20;et&#x20;Cano&#x5C;u00eb&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-canoe" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 36">
  <path d="M36.5,34.31a.23.23,0,0,0,0,.32l3.72,3.94a.21.21,0,0,0,.16.07.2.2,0,0,0,.15-.06.23.23,0,0,0,0-.32l-3.72-3.94a.22.22,0,0,0-.31,0ZM20,16.94a.2.2,0,0,0,.16.07.24.24,0,0,0,.15-.06.23.23,0,0,0,0-.32l-3.72-3.94a.22.22,0,0,0-.31,0,.23.23,0,0,0,0,.32ZM16.07,35.8l.4-2.32c.14-.81.27-3.85.27-3.85s-.92-2.95-1.13-3.57c-.36-1.07-.38-1.46.79-2.33l5.5-4.11-1.31-1.39-.29.26a1.08,1.08,0,0,1-.73.28,1.11,1.11,0,0,1-.81-.35L14,13.86h0a1.11,1.11,0,0,1-.29-.82h0a1.08,1.08,0,0,1,.36-.77l2.18-2a1.11,1.11,0,0,1,.79-.28,1.13,1.13,0,0,1,.76.37v0l4,5.27a1.17,1.17,0,0,1-.11,1.55l-.38.35L22.71,19l.61-.46A2.8,2.8,0,0,1,23.58,20l10,10.57.7-.16a1.63,1.63,0,0,1,.09,1L36,33.11l.38-.35a1.12,1.12,0,0,1,1.57.08l4.74,4.55h0a1.1,1.1,0,0,1,.3.83h0a1.08,1.08,0,0,1-.36.77l-.73.67-.76-.24,1-.93a.48.48,0,0,0,.15-.31.52.52,0,0,0-.12-.33l-4.74-4.55h0a.43.43,0,0,0-.62,0l-1.4,1.28a.47.47,0,0,0-.14.31.4.4,0,0,0,.09.3l0,0,2.45,3.25-1.11-.35-1.87-2.47a1.07,1.07,0,0,1-.25-.78A1.14,1.14,0,0,1,35,34l.29-.26-1.62-1.71-.09,0-1,.38h0s-2.4,1-2.93,1.16a2.21,2.21,0,0,1-1.63.13c-.66-.13-3.8-1-3.8-1l-.72.86-.81,2.49s-.79.69-3.17.69a5.24,5.24,0,0,1-3.42-1.07Zm31.14,6.27-17.9-5.56a.61.61,0,0,0-.25,0l-5.47-.25a2.77,2.77,0,0,1-1.17.84l-.06,0a4.72,4.72,0,0,1-.45.16h0l-.5.13a7.93,7.93,0,0,1-1.66.16h-.39a7.33,7.33,0,0,1-3-.74,2.84,2.84,0,0,1-1.1-.95l-9.66-.43c-1.1-.05-.56.57.77,1.74A31.47,31.47,0,0,0,14.93,42a83.2,83.2,0,0,0,12,3.15,59.41,59.41,0,0,0,8.92.84,49.39,49.39,0,0,0,10.76-.84c4.39-.95,4.53-2,.64-3.09ZM16.24,13,20,16.94a.2.2,0,0,0,.16.07.24.24,0,0,0,.15-.06.23.23,0,0,0,0-.32l-3.72-3.94a.22.22,0,0,0-.31,0,.23.23,0,0,0,0,.32Zm3,5h0a.45.45,0,0,0,.64,0l1.41-1.27a.53.53,0,0,0,.14-.33.44.44,0,0,0-.09-.31l0,0-4-5.27a.46.46,0,0,0-.31-.15.43.43,0,0,0-.32.12l-2.18,2a.46.46,0,0,0-.15.32.43.43,0,0,0,.12.33Zm2.87,3.87A3.67,3.67,0,0,1,24.28,23a2.93,2.93,0,0,1,.41,2.32l-.4-.09a2.19,2.19,0,0,1-.21.59l-1.21,2.38c-.15.29-.47.14-.88,0L21.12,28s-.39-.67-.75-1.4H20s-.55-1.17-.87-1.75c-.43.44-.72.72-.72.72l1,2.6,5.29,1.64,3.84,1.93,3.89-.92-9.38-9.94-1,1Z" transform="translate(-5 -10)"/>
</svg>


                        <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">Kayak et Canoë</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Essaouira / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Surf à Essaouira : vos premières vagues sur un spot sauvage</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    590€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf \u00e0 Essaouira : vos premi\u00e8res vagues sur un spot sauvage&quot;"]);
    product.push(["productId", "CXDOVI"]);
    product.push(["productUnitPrice", '590,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Flyin&#039; Surf&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "3"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Kayak et Cano\u00eb&quot;']);
    product.push(["productCategory5", '&quot;Kayak et Cano\u00eb&quot;']);
                product.push(["productCategory4", '&quot;Sports Aquatiques&quot;']);
    product.push(["productCategory5", '&quot;Sports Aquatiques&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &amp; Vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse &amp; Vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="NCYPSP"
        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;759,&quot;tour_code&quot;&#x3A;&quot;NCYPSP&quot;,&quot;tour_name&quot;&#x3A;&quot;Initiation&#x20;surf&#x20;sur&#x20;les&#x20;plages&#x20;sauvages&#x20;d&#x5C;u2019Essaouira&quot;,&quot;position&quot;&#x3A;814,&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;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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-NCYPSP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-mogador-s-surf/NCYPSP"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/W80KRD.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/W80KRD.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/W80KRD.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/W80KRD.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21624"
>
    <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="21624"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21624"
        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;759,&quot;tour_code&quot;&#x3A;&quot;NCYPSP&quot;,&quot;tour_name&quot;&#x3A;&quot;Initiation&#x20;surf&#x20;sur&#x20;les&#x20;plages&#x20;sauvages&#x20;d&#x5C;u2019Essaouira&quot;,&quot;position&quot;&#x3A;814,&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;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Essaouira / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Initiation surf sur les plages sauvages d’Essaouira</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    759€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Initiation surf sur les plages sauvages d\u2019Essaouira&quot;"]);
    product.push(["productId", "NCYPSP"]);
    product.push(["productUnitPrice", '759,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;La Temp\u00e9rance&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "4"]);

            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 &amp; Vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse &amp; Vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="OTCZUM"
        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;695,&quot;tour_code&quot;&#x3A;&quot;OTCZUM&quot;,&quot;tour_name&quot;&#x3A;&quot;La&#x20;c&#x5C;u00f4te&#x20;des&#x20;L&#x5C;u00e9gendes&#x20;&#x3A;&#x20;de&#x20;Morlaix&#x20;&#x5C;u00e0&#x20;Brignogan-Plages&quot;,&quot;position&quot;&#x3A;815,&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;6,&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;510,&quot;primary_destination_name&quot;&#x3A;&quot;Finist&#x5C;u00e8re&quot;,&quot;secondary_destination_id&quot;&#x3A;123,&quot;secondary_destination_name&quot;&#x3A;&quot;Bretagne&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-OTCZUM"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee/voyage-la-cote-des-legendes-de-morlaix-a-brignogan-plages/OTCZUM"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/UCYTEI.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/UCYTEI.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/UCYTEI.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/UCYTEI.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21625"
>
    <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="21625"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21625"
        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;695,&quot;tour_code&quot;&#x3A;&quot;OTCZUM&quot;,&quot;tour_name&quot;&#x3A;&quot;La&#x20;c&#x5C;u00f4te&#x20;des&#x20;L&#x5C;u00e9gendes&#x20;&#x3A;&#x20;de&#x20;Morlaix&#x20;&#x5C;u00e0&#x20;Brignogan-Plages&quot;,&quot;position&quot;&#x3A;815,&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;6,&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;510,&quot;primary_destination_name&quot;&#x3A;&quot;Finist&#x5C;u00e8re&quot;,&quot;secondary_destination_id&quot;&#x3A;123,&quot;secondary_destination_name&quot;&#x3A;&quot;Bretagne&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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Finistère / Bretagne</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">La côte des Légendes : de Morlaix à Brignogan-Plages</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    695€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;La c\u00f4te des L\u00e9gendes : de Morlaix \u00e0 Brignogan-Plages&quot;"]);
    product.push(["productId", "OTCZUM"]);
    product.push(["productUnitPrice", '695,00€']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;Compagnie des Sentiers Maritimes&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

            product.push(["marketinglabel1", "&quot;\ud83d\ude86 Acc\u00e8s en train&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Finist\u00e8re&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 medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="HHDROL"
        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;2991,&quot;tour_code&quot;&#x3A;&quot;HHDROL&quot;,&quot;tour_name&quot;&#x3A;&quot;Madagascar&#x20;grandeur&#x20;nature&#x20;&#x3A;&#x20;rando,&#x20;VTT&#x20;et&#x20;sports&#x20;nautiques&quot;,&quot;position&quot;&#x3A;816,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Multi-activit&#x5C;u00e9s&#x20;&#x5C;u00e9t&#x5C;u00e9&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;13,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;306,&quot;primary_destination_name&quot;&#x3A;&quot;Madagascar&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-HHDROL"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-multiactivites-ete/voyage-madagascar-grandeur-nature-rando-vtt-et-sports-nautiques/HHDROL"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/AEANVT.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/AEANVT.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/AEANVT.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/AEANVT.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21656"
>
    <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="21656"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21656"
        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;2991,&quot;tour_code&quot;&#x3A;&quot;HHDROL&quot;,&quot;tour_name&quot;&#x3A;&quot;Madagascar&#x20;grandeur&#x20;nature&#x20;&#x3A;&#x20;rando,&#x20;VTT&#x20;et&#x20;sports&#x20;nautiques&quot;,&quot;position&quot;&#x3A;816,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Multi-activit&#x5C;u00e9s&#x20;&#x5C;u00e9t&#x5C;u00e9&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;13,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;306,&quot;primary_destination_name&quot;&#x3A;&quot;Madagascar&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-multiactivites-ete" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.89 46.06">
  <g>
    <path d="M15.81,17.57a5.89,5.89,0,1,0-5.89-5.9A5.89,5.89,0,0,0,15.81,17.57Zm0-10a4.14,4.14,0,1,1-4.14,4.14A4.14,4.14,0,0,1,15.81,7.57Z" transform="translate(0 -0.07)"/>
    <path d="M54.22,44.54H54l.19,0H52.6a4.33,4.33,0,0,1-4.32-4.33,1.16,1.16,0,0,1,2.32,0h0a.76.76,0,0,0,.64.76h.13a.76.76,0,0,0,.72-.51A4.82,4.82,0,0,0,51,35.57a6.4,6.4,0,0,0-1.47-1.06A4.72,4.72,0,0,0,47,33.75a5,5,0,0,0-2.59.75,5.36,5.36,0,0,0-1.59,1.07,6.72,6.72,0,0,0-.74.86l-.25.35-.32-.29A4.67,4.67,0,0,1,39.92,33a1.32,1.32,0,0,1,2.64,0,.78.78,0,0,0,.64.76h.13a.78.78,0,0,0,.72-.51,5.16,5.16,0,0,0-1.2-5.35,6.23,6.23,0,0,0-8.79,0,7.58,7.58,0,0,0-1.84,3A10.72,10.72,0,0,1,29.39,35a.73.73,0,0,0-.26.53.76.76,0,0,0,.2.56.77.77,0,0,0,.57.25.74.74,0,0,0,.51-.2,11,11,0,0,0,1-1.05l.47-.54.19.7a7.61,7.61,0,0,0,2,3.36.77.77,0,0,0,.54.22.76.76,0,0,0,.76-.78.75.75,0,0,0-.22-.53,6,6,0,0,1,0-8.49l0,0a4.68,4.68,0,0,1,6.62,0h0a3.38,3.38,0,0,1,.5.63l.48.77-.88-.19a2.56,2.56,0,0,0-.62-.07A2.86,2.86,0,0,0,38.39,33a6.28,6.28,0,0,0,.84,3.14A6.39,6.39,0,0,0,40.9,38l.23.17-.11.27a9.35,9.35,0,0,1-8.69,6.1,2.66,2.66,0,0,1-1.84-.78,4.21,4.21,0,0,0-5.95,0,2.67,2.67,0,0,1-3.77,0,4.2,4.2,0,0,0-5.93,0l0,0a2.78,2.78,0,0,1-3.82,0,4.2,4.2,0,0,0-5.93,0l0,0a2.68,2.68,0,0,1-3.78,0,.77.77,0,0,0-.5-.26.75.75,0,0,0-.55.23.78.78,0,0,0,0,1.08,4.17,4.17,0,0,0,3,1.23,4.17,4.17,0,0,0,3-1.23,2.67,2.67,0,0,1,3.77,0,4.2,4.2,0,0,0,5.95,0l.05,0a2.68,2.68,0,0,1,3.78,0,4.21,4.21,0,0,0,5.95,0,2.68,2.68,0,0,1,3.78,0,4.08,4.08,0,0,0,2.89,1.23h.13a10.16,10.16,0,0,0,6-2.06,11.25,11.25,0,0,0,1.89-1.69l.46-.51.13.72a7,7,0,0,0,1.78,3,.75.75,0,0,0,1.08,0,.76.76,0,0,0,0-1.07h0a5.53,5.53,0,0,1,0-7.81A4.46,4.46,0,0,1,45,35.8l.13-.08a3.6,3.6,0,0,1,1.69-.46,3.28,3.28,0,0,1,1.59.42l.17.11h.06a4.18,4.18,0,0,1,1,.77,3.9,3.9,0,0,1,.33.38l.53.74-.9-.13a2.71,2.71,0,0,0-3.07,2.27,2.56,2.56,0,0,0,0,.39,5.86,5.86,0,0,0,5.86,5.86H54a.77.77,0,0,0,.18-1.53Z" transform="translate(0 -0.07)"/>
    <path d="M21.28,27.28a3.81,3.81,0,0,0-3.17-2.16,3.81,3.81,0,0,0-3.17,2.16L7.06,40.93a5.55,5.55,0,0,1,1-.09,8.26,8.26,0,0,1,1,.09l7.37-12.77a2.16,2.16,0,0,1,1.66-1.29,2.13,2.13,0,0,1,1.65,1.29c.07.11,1.56,2.69,1.91,3.29a1,1,0,0,0,.81.46.94.94,0,0,0,.81-.47c1-1.79,6.27-10.87,6.27-10.87a2.16,2.16,0,0,1,1.66-1.29,2.2,2.2,0,0,1,1.67,1.29l2.51,4.35a8.06,8.06,0,0,1,1.74-.5L34.39,19.7a3.81,3.81,0,0,0-3.17-2.13A3.83,3.83,0,0,0,28,19.7l-5.56,9.65Z" transform="translate(0 -0.07)"/>
    <path d="M5.07,11.48H8a.72.72,0,0,0,0-1.43H5.07a.72.72,0,0,0,0,1.43Z" transform="translate(0 -0.07)"/>
    <path d="M23,10.76a.72.72,0,0,0,.72.72h2.86a.72.72,0,0,0,0-1.43H23.7A.71.71,0,0,0,23,10.76Z" transform="translate(0 -0.07)"/>
    <path d="M21.81,5.8l.09-.09,2-2a.71.71,0,0,0-1-1l-2,2a.71.71,0,0,0,.91,1.09Z" transform="translate(0 -0.07)"/>
    <path d="M9.78,5.71a.72.72,0,0,0,1,0,.74.74,0,0,0,0-1l-2-2a.72.72,0,0,0-1,0,.74.74,0,0,0,0,1Z" transform="translate(0 -0.07)"/>
    <path d="M15.83,4.33h0a.71.71,0,0,0,.71-.71V.71a.72.72,0,0,0-1.43,0V3.62A.71.71,0,0,0,15.83,4.33Z" transform="translate(0 -0.07)"/>
  </g>
</svg>


                        <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">Multi-activités été</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Madagascar / Afrique</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Madagascar grandeur nature : rando, VTT et sports nautiques</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Durée<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></div>
                        <span>13 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    2 991€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Madagascar grandeur nature : rando, VTT et sports nautiques&quot;"]);
    product.push(["productId", "HHDROL"]);
    product.push(["productUnitPrice", '2 991,00€']);
    product.push(["duration", "13"]);
    product.push(["productBrand", "&quot;Rencontre avec Dago&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Madagascar&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;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e \/ Trek&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e \/ Trek&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="GHAIRN"
        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;1136,&quot;tour_code&quot;&#x3A;&quot;GHAIRN&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;d&#x5C;u00e9couverte&#x20;de&#x20;la&#x20;plong&#x5C;u00e9&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;817,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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-GHAIRN"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-snorkeling/voyage-sejour-decouverte-de-la-plonge-a-mayotte/GHAIRN"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/9HRQ3B.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/9HRQ3B.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/9HRQ3B.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/9HRQ3B.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21657"
>
    <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="21657"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21657"
        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;1136,&quot;tour_code&quot;&#x3A;&quot;GHAIRN&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;d&#x5C;u00e9couverte&#x20;de&#x20;la&#x20;plong&#x5C;u00e9&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;817,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-snorkeling" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 24">
  <g>
    <path d="M47.92,34.55l-4.11,4.66,0,0a1.48,1.48,0,0,1-1.08.44,2.14,2.14,0,0,1-1-.25l-.63.5a.34.34,0,0,1-.26.08,1.8,1.8,0,0,1-.67-.48l-.74-.65c-2.31.29-4,.52-5,0C31.93,37.73,30,36.77,30,36.77s-4-1-7.08-1.86a2,2,0,0,1,2-.7c2.12.32,6.77,1.21,7.15,1.28l1.69.89-.19-.48-1.34-.82L25,33.8a2.62,2.62,0,0,0-2.59,1c-1.08-.29-1.82-.49-2.35-.65a2.86,2.86,0,0,1-1.38-1c-.34-.43-2.41-3.18-3.86-5.1L8,23.89l4.36-.13L14,25.94a1.92,1.92,0,0,1,1.86.57c2.33,2.36,4.74,4.88,4.74,4.88l5.58.4s-1.21-4-1.3-4.22a5.8,5.8,0,0,1-.25-1.81l-.1-4.63L19.31,16l4.28.86,1.06,2.4c.67,0,1.2.31,1.41,1.51.39,2.2,1.1,5.76,1.1,5.76L29.9,31a3.79,3.79,0,0,1,3.31,1.56l.83.93,5.06,1.09a5.13,5.13,0,0,0-.21,1.86l.36.25a6.23,6.23,0,0,1,0-1,2.54,2.54,0,0,1,3-2.25,2.79,2.79,0,0,1,1.71,1,2.63,2.63,0,0,1,.4,2.43l-3.1-.69c-.37-.09-.54,0-.59.28-.08.45-.11.65-.14.81s0,.37.32.56a1.94,1.94,0,0,0,.57.2c1.24.28.84-.41,1.52-.27.31.08,0,.41.22.61l-.81.64a1,1,0,0,0,1-.19L47.4,34.1a.35.35,0,0,1,.48,0,.36.36,0,0,1,0,.49" transform="translate(-8 -16)"/>
  </g>
</svg>


                        <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">Snorkeling</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Mayotte / Dom-Tom</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Séjour découverte de la plongé à Mayotte</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    1 136€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour d\u00e9couverte de la plong\u00e9 \u00e0 Mayotte&quot;"]);
    product.push(["productId", "GHAIRN"]);
    product.push(["productUnitPrice", '1 136,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Soci\u00e9t\u00e9 des \u00eeles vanille&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "7"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="XAOPDH"
        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;1171,&quot;tour_code&quot;&#x3A;&quot;XAOPDH&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;plong&#x5C;u00e9e&#x20;avec&#x20;certification&#x20;Niveau&#x20;1&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;818,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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-XAOPDH"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-snorkeling/voyage-sejour-plongee-avec-certification-niveau-1-a-mayotte/XAOPDH"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/TBX6AU.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/TBX6AU.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/TBX6AU.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/TBX6AU.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21658"
>
    <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="21658"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21658"
        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;1171,&quot;tour_code&quot;&#x3A;&quot;XAOPDH&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;plong&#x5C;u00e9e&#x20;avec&#x20;certification&#x20;Niveau&#x20;1&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;818,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;1,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-snorkeling" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 24">
  <g>
    <path d="M47.92,34.55l-4.11,4.66,0,0a1.48,1.48,0,0,1-1.08.44,2.14,2.14,0,0,1-1-.25l-.63.5a.34.34,0,0,1-.26.08,1.8,1.8,0,0,1-.67-.48l-.74-.65c-2.31.29-4,.52-5,0C31.93,37.73,30,36.77,30,36.77s-4-1-7.08-1.86a2,2,0,0,1,2-.7c2.12.32,6.77,1.21,7.15,1.28l1.69.89-.19-.48-1.34-.82L25,33.8a2.62,2.62,0,0,0-2.59,1c-1.08-.29-1.82-.49-2.35-.65a2.86,2.86,0,0,1-1.38-1c-.34-.43-2.41-3.18-3.86-5.1L8,23.89l4.36-.13L14,25.94a1.92,1.92,0,0,1,1.86.57c2.33,2.36,4.74,4.88,4.74,4.88l5.58.4s-1.21-4-1.3-4.22a5.8,5.8,0,0,1-.25-1.81l-.1-4.63L19.31,16l4.28.86,1.06,2.4c.67,0,1.2.31,1.41,1.51.39,2.2,1.1,5.76,1.1,5.76L29.9,31a3.79,3.79,0,0,1,3.31,1.56l.83.93,5.06,1.09a5.13,5.13,0,0,0-.21,1.86l.36.25a6.23,6.23,0,0,1,0-1,2.54,2.54,0,0,1,3-2.25,2.79,2.79,0,0,1,1.71,1,2.63,2.63,0,0,1,.4,2.43l-3.1-.69c-.37-.09-.54,0-.59.28-.08.45-.11.65-.14.81s0,.37.32.56a1.94,1.94,0,0,0,.57.2c1.24.28.84-.41,1.52-.27.31.08,0,.41.22.61l-.81.64a1,1,0,0,0,1-.19L47.4,34.1a.35.35,0,0,1,.48,0,.36.36,0,0,1,0,.49" transform="translate(-8 -16)"/>
  </g>
</svg>


                        <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">Snorkeling</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Mayotte / Dom-Tom</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Séjour plongée avec certification Niveau 1 à Mayotte</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    1 171€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour plong\u00e9e avec certification Niveau 1 \u00e0 Mayotte&quot;"]);
    product.push(["productId", "XAOPDH"]);
    product.push(["productUnitPrice", '1 171,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Soci\u00e9t\u00e9 des \u00eeles vanille&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "8"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="QZITJL"
        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;1671,&quot;tour_code&quot;&#x3A;&quot;QZITJL&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;plong&#x5C;u00e9e&#x20;avec&#x20;certification&#x20;Niveau&#x20;2&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;819,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;2,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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-QZITJL"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-snorkeling/voyage-sejour-plongee-avec-certification-niveau-2-a-mayotte/QZITJL"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/JZ6POL.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/JZ6POL.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/JZ6POL.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/JZ6POL.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21660"
>
    <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="21660"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21660"
        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;1671,&quot;tour_code&quot;&#x3A;&quot;QZITJL&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;plong&#x5C;u00e9e&#x20;avec&#x20;certification&#x20;Niveau&#x20;2&#x20;&#x5C;u00e0&#x20;Mayotte&quot;,&quot;position&quot;&#x3A;819,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Snorkeling&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;2,&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;632,&quot;primary_destination_name&quot;&#x3A;&quot;Mayotte&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&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>

                        <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">
                            <svg class="size-s fill-content-neutral" id="icon-snorkeling" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 24">
  <g>
    <path d="M47.92,34.55l-4.11,4.66,0,0a1.48,1.48,0,0,1-1.08.44,2.14,2.14,0,0,1-1-.25l-.63.5a.34.34,0,0,1-.26.08,1.8,1.8,0,0,1-.67-.48l-.74-.65c-2.31.29-4,.52-5,0C31.93,37.73,30,36.77,30,36.77s-4-1-7.08-1.86a2,2,0,0,1,2-.7c2.12.32,6.77,1.21,7.15,1.28l1.69.89-.19-.48-1.34-.82L25,33.8a2.62,2.62,0,0,0-2.59,1c-1.08-.29-1.82-.49-2.35-.65a2.86,2.86,0,0,1-1.38-1c-.34-.43-2.41-3.18-3.86-5.1L8,23.89l4.36-.13L14,25.94a1.92,1.92,0,0,1,1.86.57c2.33,2.36,4.74,4.88,4.74,4.88l5.58.4s-1.21-4-1.3-4.22a5.8,5.8,0,0,1-.25-1.81l-.1-4.63L19.31,16l4.28.86,1.06,2.4c.67,0,1.2.31,1.41,1.51.39,2.2,1.1,5.76,1.1,5.76L29.9,31a3.79,3.79,0,0,1,3.31,1.56l.83.93,5.06,1.09a5.13,5.13,0,0,0-.21,1.86l.36.25a6.23,6.23,0,0,1,0-1,2.54,2.54,0,0,1,3-2.25,2.79,2.79,0,0,1,1.71,1,2.63,2.63,0,0,1,.4,2.43l-3.1-.69c-.37-.09-.54,0-.59.28-.08.45-.11.65-.14.81s0,.37.32.56a1.94,1.94,0,0,0,.57.2c1.24.28.84-.41,1.52-.27.31.08,0,.41.22.61l-.81.64a1,1,0,0,0,1-.19L47.4,34.1a.35.35,0,0,1,.48,0,.36.36,0,0,1,0,.49" transform="translate(-8 -16)"/>
  </g>
</svg>


                        <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">Snorkeling</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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Mayotte / Dom-Tom</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Séjour plongée avec certification Niveau 2 à Mayotte</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    1 671€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour plong\u00e9e avec certification Niveau 2 \u00e0 Mayotte&quot;"]);
    product.push(["productId", "QZITJL"]);
    product.push(["productUnitPrice", '1 671,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Soci\u00e9t\u00e9 des \u00eeles vanille&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "9"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="KPGWTS"
        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;1335,&quot;tour_code&quot;&#x3A;&quot;KPGWTS&quot;,&quot;tour_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;au&#x20;Maroc&#x20;-&#x20;Chefchaouen,&#x20;montagnes&#x20;du&#x20;Rif&#x20;&amp;&#x20;F&#x5C;u00e8s&quot;,&quot;position&quot;&#x3A;820,&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;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;694,&quot;primary_destination_name&quot;&#x3A;&quot;F&#x5C;u00e8s&quot;,&quot;secondary_destination_id&quot;&#x3A;11,&quot;secondary_destination_name&quot;&#x3A;&quot;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-KPGWTS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee/voyage-nord-du-maroc-nature-culture-randonnee-7-jours-6-nuits/KPGWTS"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/9365E8.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/9365E8.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/9365E8.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/9365E8.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21694"
>
    <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="21694"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21694"
        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;1335,&quot;tour_code&quot;&#x3A;&quot;KPGWTS&quot;,&quot;tour_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e&#x20;au&#x20;Maroc&#x20;-&#x20;Chefchaouen,&#x20;montagnes&#x20;du&#x20;Rif&#x20;&amp;&#x20;F&#x5C;u00e8s&quot;,&quot;position&quot;&#x3A;820,&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;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;694,&quot;primary_destination_name&quot;&#x3A;&quot;F&#x5C;u00e8s&quot;,&quot;secondary_destination_id&quot;&#x3A;11,&quot;secondary_destination_name&quot;&#x3A;&quot;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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Fès / Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Randonnée au Maroc - Chefchaouen, montagnes du Rif &amp; Fès</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    1 335€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Randonn\u00e9e au Maroc - Chefchaouen, montagnes du Rif &amp; F\u00e8s&quot;"]);
    product.push(["productId", "KPGWTS"]);
    product.push(["productUnitPrice", '1 335,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;ORION TREK VOYAGES&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "10"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;F\u00e8s&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 medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="PIHZXB"
        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;435,&quot;tour_code&quot;&#x3A;&quot;PIHZXB&quot;,&quot;tour_name&quot;&#x3A;&quot;Excursion&#x20;Surf&#x20;au&#x20;c&#x5C;u0153ur&#x20;de&#x20;la&#x20;c&#x5C;u00f4te&#x20;sud&#x20;du&#x20;Sri&#x20;Lanka&quot;,&quot;position&quot;&#x3A;821,&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;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&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;141,&quot;primary_destination_name&quot;&#x3A;&quot;Sri&#x20;Lanka&quot;,&quot;secondary_destination_id&quot;&#x3A;47,&quot;secondary_destination_name&quot;&#x3A;&quot;Asie&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-PIHZXB"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-oceanlife-surf-stay-sri-lanka-south-coast/PIHZXB"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/C881JG.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/C881JG.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/C881JG.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/C881JG.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21697"
>
    <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="21697"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21697"
        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;435,&quot;tour_code&quot;&#x3A;&quot;PIHZXB&quot;,&quot;tour_name&quot;&#x3A;&quot;Excursion&#x20;Surf&#x20;au&#x20;c&#x5C;u0153ur&#x20;de&#x20;la&#x20;c&#x5C;u00f4te&#x20;sud&#x20;du&#x20;Sri&#x20;Lanka&quot;,&quot;position&quot;&#x3A;821,&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;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&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;141,&quot;primary_destination_name&quot;&#x3A;&quot;Sri&#x20;Lanka&quot;,&quot;secondary_destination_id&quot;&#x3A;47,&quot;secondary_destination_name&quot;&#x3A;&quot;Asie&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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Sri Lanka / Asie</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Excursion Surf au cœur de la côte sud du Sri Lanka</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    435€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Excursion Surf au c\u0153ur de la c\u00f4te sud du Sri Lanka&quot;"]);
    product.push(["productId", "PIHZXB"]);
    product.push(["productUnitPrice", '435,00€']);
    product.push(["duration", "3"]);
    product.push(["productBrand", "&quot;Ocean Life Surf Stay&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "11"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Sri Lanka&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &amp; Vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse &amp; Vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="HSLPEG"
        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;499,&quot;tour_code&quot;&#x3A;&quot;HSLPEG&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;jours&#x20;de&#x20;camp&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Weligama&quot;,&quot;position&quot;&#x3A;822,&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;&amp;&#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;141,&quot;primary_destination_name&quot;&#x3A;&quot;Sri&#x20;Lanka&quot;,&quot;secondary_destination_id&quot;&#x3A;47,&quot;secondary_destination_name&quot;&#x3A;&quot;Asie&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-HSLPEG"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-5-jours-de-camp-de-surf-a-weligama/HSLPEG"
           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">18</span>
                        <span
                            class="text-xs text-content-quiet">mai</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/CRSHGZ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/CRSHGZ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/CRSHGZ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/CRSHGZ.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[138px] w-full h-[138px] rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21708"
>
    <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="21708"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21708"
        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;499,&quot;tour_code&quot;&#x3A;&quot;HSLPEG&quot;,&quot;tour_name&quot;&#x3A;&quot;5&#x20;jours&#x20;de&#x20;camp&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Weligama&quot;,&quot;position&quot;&#x3A;822,&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;&amp;&#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;141,&quot;primary_destination_name&quot;&#x3A;&quot;Sri&#x20;Lanka&quot;,&quot;secondary_destination_id&quot;&#x3A;47,&quot;secondary_destination_name&quot;&#x3A;&quot;Asie&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>

                        <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">
                            <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>


                        <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">                            <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>


                        <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 class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Sri Lanka / Asie</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">5 jours de camp de surf à Weligama</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <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>


                                    <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"
                        >
                            <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>


                        <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">
                                                                        <div class="text-content-neutral">
                                <strong class="font-semibold leading-none">
                                    499€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;5 jours de camp de surf \u00e0 Weligama&quot;"]);
    product.push(["productId", "HSLPEG"]);
    product.push(["productUnitPrice", '499,00€']);
    product.push(["duration", "5"]);
    product.push(["productBrand", "&quot;Ocean Life Surf Stay&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;Sri Lanka&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &amp; Vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse &amp; Vent&quot;']);
        
    productsList.push(product);
</script>

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

    <turbo-stream action="replace" target="date-group-2027-05-18-loadmore">
        <template>
            <div id="date-group-2027-05-18-loadmore" class="py-m text-center">
                



    <a
        href="/voyages/date-tours?offset=822&amp;page=18&amp;targetDate=2027-05-18"
        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 (501 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>
