<turbo-stream action="append" target="date-group-2026-07-05-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="CEOYHP"
        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;530,&quot;tour_code&quot;&#x3A;&quot;CEOYHP&quot;,&quot;tour_name&quot;&#x3A;&quot;Multiactivit&#x5C;u00e9s&#x20;&amp;&#x20;Surf&#x20;&#x3A;&#x20;aventure&#x20;sportive&#x20;dans&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;175,&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;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;462,&quot;primary_destination_name&quot;&#x3A;&quot;Taghazout&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-CEOYHP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-multiactivites-ete/voyage-multiactivites-surf-aventure-sportive-dans-la-baie-de-taghazout/CEOYHP"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/L8MATP.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/L8MATP.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/L8MATP.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/L8MATP.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-23791"
>
    <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="23791"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23791"
        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;530,&quot;tour_code&quot;&#x3A;&quot;CEOYHP&quot;,&quot;tour_name&quot;&#x3A;&quot;Multiactivit&#x5C;u00e9s&#x20;&amp;&#x20;Surf&#x20;&#x3A;&#x20;aventure&#x20;sportive&#x20;dans&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;175,&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;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;462,&quot;primary_destination_name&quot;&#x3A;&quot;Taghazout&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

                        <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 : 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>Taghazout / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Multiactivités &amp; Surf : aventure sportive dans la baie de Taghazout</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">
                                <p>
                                    <strong
                                        class="font-semibold line-through text-xs text-content-quiet">
                                        550€
                                    </strong>
                                </p>
                                <strong class="font-semibold">
                                    530€
                                </strong>
                            </div>
                                                            <div
                                    class="bg-container-commercial-catchy text-content-neutral text-sm h-fit self-center p-2xs">
                                    -20€
                                </div>
                                                                                        </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Multiactivit\u00e9s &amp; Surf : aventure sportive dans la baie de Taghazout&quot;"]);
    product.push(["productId", "CEOYHP"]);
    product.push(["productUnitPrice", '550,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;ELHATI SURF&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "1"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Taghazout&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="OODOMK"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;832,&quot;tour_code&quot;&#x3A;&quot;OODOMK&quot;,&quot;tour_name&quot;&#x3A;&quot;&#x5C;u00c9vasion&#x20;surf&#x20;et&#x20;bien-&#x5C;u00eatre&#x20;entre&#x20;oc&#x5C;u00e9an&#x20;et&#x20;Atlas&#x20;&#x5C;u00e0&#x20;Tamraght&quot;,&quot;position&quot;&#x3A;176,&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;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

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

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

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

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

                </div>
            </div>

                        <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>Tamraght / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Évasion surf et bien-être entre océan et Atlas à Tamraght</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">
                                    832€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


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

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Tamraght&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &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="XVVPOS"
        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;2335,&quot;tour_code&quot;&#x3A;&quot;XVVPOS&quot;,&quot;tour_name&quot;&#x3A;&quot;Exp&#x5C;u00e9dition&#x20;de&#x20;8&#x20;Jours&#x20;sur&#x20;le&#x20;Kilimandjaro&#x20;via&#x20;la&#x20;Route&#x20;Lemosho&quot;,&quot;position&quot;&#x3A;177,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Fitness&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;347,&quot;primary_destination_name&quot;&#x3A;&quot;Kilimandjaro&quot;,&quot;secondary_destination_id&quot;&#x3A;24,&quot;secondary_destination_name&quot;&#x3A;&quot;Tanzanie&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-XVVPOS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-fitness/voyage-7-days-kilimanjaro-adventure-via-lemosho-route-accommodation-include/XVVPOS"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/9F4J7U.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/9F4J7U.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/9F4J7U.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/9F4J7U.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-21689"
>
    <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="21689"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21689"
        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;2335,&quot;tour_code&quot;&#x3A;&quot;XVVPOS&quot;,&quot;tour_name&quot;&#x3A;&quot;Exp&#x5C;u00e9dition&#x20;de&#x20;8&#x20;Jours&#x20;sur&#x20;le&#x20;Kilimandjaro&#x20;via&#x20;la&#x20;Route&#x20;Lemosho&quot;,&quot;position&quot;&#x3A;177,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Fitness&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;347,&quot;primary_destination_name&quot;&#x3A;&quot;Kilimandjaro&quot;,&quot;secondary_destination_id&quot;&#x3A;24,&quot;secondary_destination_name&quot;&#x3A;&quot;Tanzanie&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-fitness" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M29.6097 0.561686L30.4068 0.629776L29.8621 7.00674L29.065 6.93865L29.6097 0.561686Z" fill="#101010"/>
    <path d="M31.2018 0.69753L31.9989 0.765625L31.4541 7.14258L30.657 7.07449L31.2018 0.69753Z" fill="#101010"/>
    <path d="M12.304 8.19192C13.456 9.07192 14.816 9.63192 16.256 9.74392C18.016 9.88792 19.72 9.42392 20.768 7.94392C21.424 7.05592 21.784 6.02392 22.088 4.93592L23.656 5.27192C23.512 6.11192 23.28 6.95992 22.928 7.78392C22.176 9.54392 20.72 10.9599 18.84 11.4319C17.064 11.8879 15.16 11.7039 13.472 11.0159C10.992 9.99192 9.06403 7.87992 8.06403 5.42392L9.52803 4.77592C10.192 6.10392 11.144 7.30392 12.304 8.19192Z" fill="#101010"/>
    <path d="M15.944 1.76792C15.952 1.76792 15.952 1.76792 15.96 1.76792H15.992C16 1.76792 16 1.76792 16.008 1.76792C21.464 1.77592 25.672 2.59192 27.696 2.98392C28.208 3.07992 28.656 3.16792 28.784 3.17592L28.768 3.97592C28.568 3.96792 28.2 3.90392 27.544 3.77592C25.544 3.38392 21.376 2.58392 15.976 2.57592C10.576 2.57592 6.40803 3.38392 4.40803 3.77592C3.74403 3.90392 3.38403 3.97592 3.18403 3.97592L3.16803 3.17592C3.30403 3.17592 3.74403 3.08792 4.25603 2.98392C6.27203 2.59192 10.48 1.77592 15.944 1.76792Z" fill="#101010"/>
    <path d="M0.79651 0.696464L1.34127 7.07342L0.544153 7.14152L-0.000610352 0.76456L0.79651 0.696464Z" fill="#101010"/>
    <path d="M2.38997 0.55835L2.93496 6.93531L2.13784 7.00343L1.59285 0.626473L2.38997 0.55835Z" fill="#101010"/>
    <path d="M12.208 19.5279C12.608 17.5999 13.544 13.9599 15.952 13.7839C15.968 13.7839 15.984 13.7839 16 13.7839C16.016 13.7839 16.032 13.7839 16.048 13.7839C18.456 13.9599 19.392 17.5999 19.792 19.5279C20.2 21.5919 20.344 23.7039 20.32 25.7999H18.72C18.688 23.8159 18.504 21.8319 18.072 19.8959C17.744 18.5519 17.36 17.1359 16.52 16.0879C16.344 15.8959 16.216 15.7599 16 15.7119C15.784 15.7679 15.664 15.8959 15.48 16.0879C14.64 17.1359 14.256 18.5519 13.928 19.8959C13.488 21.8319 13.312 23.8159 13.28 25.7999H11.68C11.672 24.7519 11.696 23.7119 11.784 22.6639C11.864 21.6159 12 20.5679 12.208 19.5279Z" fill="#101010"/>
    <path d="M16.512 8.04792C16 8.40792 15.464 8.19192 15.096 7.67192C14.832 7.28792 14.648 6.72792 14.6 6.08792L14.592 5.87992V5.54392C14.648 4.62392 14.992 3.85592 15.472 3.51992C15.976 3.16792 16.512 3.37592 16.88 3.90392C17.704 5.07192 17.512 7.35192 16.512 8.04792Z" fill="#101010"/>
</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">Fitness</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>Kilimandjaro / Tanzanie</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Expédition de 8 Jours sur le Kilimandjaro via la Route Lemosho</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 335€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Exp\u00e9dition de 8 Jours sur le Kilimandjaro via la Route Lemosho&quot;"]);
    product.push(["productId", "XVVPOS"]);
    product.push(["productUnitPrice", '2 335,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Golden Trips Tanzania&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;Kilimandjaro&quot;"]);
    
            product.push(["productCategory4", '&quot;Fitness&quot;']);
    product.push(["productCategory5", '&quot;Fitness&quot;']);
                product.push(["productCategory4", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
    product.push(["productCategory5", '&quot;Bien-\u00eatre &amp; Forme&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="JNWCLZ"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;440,&quot;tour_code&quot;&#x3A;&quot;JNWCLZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;Camp&#x20;&#x5C;u00e0&#x20;Imsouane&quot;,&quot;position&quot;&#x3A;178,&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;620,&quot;primary_destination_name&quot;&#x3A;&quot;Imsouane&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-JNWCLZ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-copie-de-sejour-en-surf-camp-a-imsouane/JNWCLZ"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/Y15T8T.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/Y15T8T.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/Y15T8T.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/Y15T8T.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-22011"
>
    <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="22011"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=22011"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;440,&quot;tour_code&quot;&#x3A;&quot;JNWCLZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;Camp&#x20;&#x5C;u00e0&#x20;Imsouane&quot;,&quot;position&quot;&#x3A;178,&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;620,&quot;primary_destination_name&quot;&#x3A;&quot;Imsouane&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 : 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>Imsouane / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Surf Camp à Imsouane</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">
                                    440€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf Camp \u00e0 Imsouane&quot;"]);
    product.push(["productId", "JNWCLZ"]);
    product.push(["productUnitPrice", '440,00€']);
    product.push(["duration", "5"]);
    product.push(["productBrand", "&quot;Travel Surf Morocco&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "4"]);

            product.push(["marketinglabel1", "&quot;\u2b50 Travel Days&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Imsouane&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="ICNASH"
        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;459,&quot;tour_code&quot;&#x3A;&quot;ICNASH&quot;,&quot;tour_name&quot;&#x3A;&quot;Progresser&#x20;en&#x20;surf&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;entre&#x20;oc&#x5C;u00e9an&#x20;et&#x20;traditions&quot;,&quot;position&quot;&#x3A;179,&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;6,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ICNASH"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-sejour-surf-5-nuits-progression-ambiance-locale-a-tamraght-maroc/ICNASH"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/HAAZDJ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/HAAZDJ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/HAAZDJ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/HAAZDJ.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-21541"
>
    <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="21541"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21541"
        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;459,&quot;tour_code&quot;&#x3A;&quot;ICNASH&quot;,&quot;tour_name&quot;&#x3A;&quot;Progresser&#x20;en&#x20;surf&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;entre&#x20;oc&#x5C;u00e9an&#x20;et&#x20;traditions&quot;,&quot;position&quot;&#x3A;179,&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;6,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Progresser en surf à Tamraght entre océan et traditions</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">
                                <p>
                                    <strong
                                        class="font-semibold line-through text-xs text-content-quiet">
                                        510€
                                    </strong>
                                </p>
                                <strong class="font-semibold">
                                    459€
                                </strong>
                            </div>
                                                            <div
                                    class="bg-container-commercial-catchy text-content-neutral text-sm h-fit self-center p-2xs">
                                    -51€
                                </div>
                                                                                        </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Progresser en surf \u00e0 Tamraght entre oc\u00e9an et traditions&quot;"]);
    product.push(["productId", "ICNASH"]);
    product.push(["productUnitPrice", '510,00€']);
    product.push(["duration", "6"]);
    product.push(["productBrand", "&quot;Original Surf Morocco&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel2", "&quot;\u2b50 Travel Days&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ANSDUW"
        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;610,&quot;tour_code&quot;&#x3A;&quot;ANSDUW&quot;,&quot;tour_name&quot;&#x3A;&quot;Essaouira&#x20;Master&#x20;Combo&#x20;&#x3A;&#x20;Stage&#x20;Kitesurf&#x20;&amp;&#x20;Surf&#x20;en&#x20;petits&#x20;groupes&quot;,&quot;position&quot;&#x3A;180,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ANSDUW"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kitesurf/voyage-copie-de-surf-a-essaouira-vos-premieres-vagues-sur-un-spot-sauvage/ANSDUW"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/Z0HVVC.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/Z0HVVC.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/Z0HVVC.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/Z0HVVC.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-24153"
>
    <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="24153"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24153"
        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;610,&quot;tour_code&quot;&#x3A;&quot;ANSDUW&quot;,&quot;tour_name&quot;&#x3A;&quot;Essaouira&#x20;Master&#x20;Combo&#x20;&#x3A;&#x20;Stage&#x20;Kitesurf&#x20;&amp;&#x20;Surf&#x20;en&#x20;petits&#x20;groupes&quot;,&quot;position&quot;&#x3A;180,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Kitesurf</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <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">Essaouira Master Combo : Stage Kitesurf &amp; Surf en petits groupes</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">
                                    610€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Essaouira Master Combo : Stage Kitesurf &amp; Surf en petits groupes&quot;"]);
    product.push(["productId", "ANSDUW"]);
    product.push(["productUnitPrice", '610,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Flyin&#039; Surf&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="WVBXTK"
        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;610,&quot;tour_code&quot;&#x3A;&quot;WVBXTK&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;kitesurf&#x20;&#x5C;u00e0&#x20;Essaouira&quot;,&quot;position&quot;&#x3A;181,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-WVBXTK"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kitesurf/voyage-stage-de-kitesurf-a-essaouira-avec-logement-a-5min-de-la-plage/WVBXTK"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/JV12JQ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/JV12JQ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/JV12JQ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/JV12JQ.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-23739"
>
    <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="23739"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23739"
        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;610,&quot;tour_code&quot;&#x3A;&quot;WVBXTK&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;kitesurf&#x20;&#x5C;u00e0&#x20;Essaouira&quot;,&quot;position&quot;&#x3A;181,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Kitesurf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;584,&quot;primary_destination_name&quot;&#x3A;&quot;Essaouira&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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


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

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">4/5</span>
                            </div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Stage de kitesurf à 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>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">
                                    610€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Stage de kitesurf \u00e0 Essaouira&quot;"]);
    product.push(["productId", "WVBXTK"]);
    product.push(["productUnitPrice", '610,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Bleukite&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "7"]);

            product.push(["marketinglabel1", "&quot;fete des peres&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Kitesurf&quot;']);
    product.push(["productCategory5", '&quot;Kitesurf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &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="YYFPZT"
        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;785,&quot;tour_code&quot;&#x3A;&quot;YYFPZT&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;Camp&#x20;&#x5C;u00e0&#x20;Famara&#x20;avec&#x20;Piscine&#x20;au&#x20;Bord&#x20;de&#x20;Mer&#x3A;&#x20;S&#x5C;u00e9jour&#x20;de&#x20;Surf&#x20;&#x5C;u00e0&#x20;Fond&#x21;&quot;,&quot;position&quot;&#x3A;182,&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;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;79,&quot;primary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;secondary_destination_id&quot;&#x3A;83,&quot;secondary_destination_name&quot;&#x3A;&quot;Espagne&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-YYFPZT"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-le-meilleur-surf-camp-de-famara-sejour-full-surf/YYFPZT"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/FTL4O2.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/FTL4O2.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/FTL4O2.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/FTL4O2.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-21674"
>
    <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="21674"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21674"
        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;785,&quot;tour_code&quot;&#x3A;&quot;YYFPZT&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;Camp&#x20;&#x5C;u00e0&#x20;Famara&#x20;avec&#x20;Piscine&#x20;au&#x20;Bord&#x20;de&#x20;Mer&#x3A;&#x20;S&#x5C;u00e9jour&#x20;de&#x20;Surf&#x20;&#x5C;u00e0&#x20;Fond&#x21;&quot;,&quot;position&quot;&#x3A;182,&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;7,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;79,&quot;primary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;secondary_destination_id&quot;&#x3A;83,&quot;secondary_destination_name&quot;&#x3A;&quot;Espagne&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>Canaries / Espagne</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Surf Camp à Famara avec Piscine au Bord de Mer: Séjour de Surf à Fond!</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">
                                    785€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf Camp \u00e0 Famara avec Piscine au Bord de Mer: S\u00e9jour de Surf \u00e0 Fond!&quot;"]);
    product.push(["productId", "YYFPZT"]);
    product.push(["productUnitPrice", '785,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Momo Surf School&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "8"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Canaries&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="YUXRGH"
        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;841,&quot;tour_code&quot;&#x3A;&quot;YUXRGH&quot;,&quot;tour_name&quot;&#x3A;&quot;Passez&#x20;votre&#x20;Open&#x20;Water&#x20;en&#x20;Tha&#x5C;u00eflande&quot;,&quot;position&quot;&#x3A;183,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;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;336,&quot;primary_destination_name&quot;&#x3A;&quot;Tha&#x5C;u00eflande&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-YUXRGH"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-plongee/voyage-cours-open-water-a-phuket-en-thailande/YUXRGH"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/WCUUM3.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/WCUUM3.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/WCUUM3.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/WCUUM3.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-10618"
>
    <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="10618"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=10618"
        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;841,&quot;tour_code&quot;&#x3A;&quot;YUXRGH&quot;,&quot;tour_name&quot;&#x3A;&quot;Passez&#x20;votre&#x20;Open&#x20;Water&#x20;en&#x20;Tha&#x5C;u00eflande&quot;,&quot;position&quot;&#x3A;183,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;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;336,&quot;primary_destination_name&quot;&#x3A;&quot;Tha&#x5C;u00eflande&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-plongee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 45">
  <g>
    <path d="M44.32,22.34l2.59-3.56.93-5.85s-1.35-.74-3-1.58a3.19,3.19,0,0,0-3-.24,7,7,0,0,0-2.21,2.54l-.14-.07a7.88,7.88,0,0,1,2-3.23,2.26,2.26,0,0,0-.56-1l.84-1.53-1.58-.85-.85,1.56a2.49,2.49,0,0,0-2.49,1.35L30,23.74a.64.64,0,0,0,.29.85l3.47,1.72L31,33c-1.58,0-10.18,0-11.71,0-.34-1.86-1.1-1.67-1.1-1.67A57.26,57.26,0,0,0,13.14,35a14.37,14.37,0,0,1-7.92,2.86L5,38.46c2.71,1,9.19-2.67,9.19-2.67l14,.8-1.94,2.59s-1.91.57-1.1,1.53,2.41,2.81,3.15,3.71a14.93,14.93,0,0,1,3,5.58l.72-.09s-.23-2-3.11-6.35l-.65-3.13,3.1-3.2L29.74,37l-.16-.31,0,0h2a2.83,2.83,0,0,0,2-1.07L40.21,28l2.1-2.89-2.72-1.34.3-.5s4.37,2.13,5.34,2.59,3.07,1.28,4-.32c-1.29-.81-3.33-2.13-4.92-3.18M48.7,8.11a.78.78,0,0,0,1,.73c.17,0,0,0,.9-.2,0,0-.11-.63-.23-1.27l0-.07h0c-.68,0-1.61.21-1.61.81M50,11.83a15.75,15.75,0,0,1-1.74.24,14.76,14.76,0,0,1-3.37-1.85,3.6,3.6,0,0,1-.72-1.63A3.14,3.14,0,0,1,46.79,5a3.2,3.2,0,0,1,3.29,1.68c-1,.12-2,.48-2.08,1.15a1.56,1.56,0,0,0,1.82,1.58,6.87,6.87,0,0,0,.84-.21c.12.69.25,1.42.33,1.92s-.41.55-1,.67" transform="translate(-5 -5)"/>
  </g>
</svg>


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

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Passez votre Open Water en Thaïlande</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">
                                    841€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Passez votre Open Water en Tha\u00eflande&quot;"]);
    product.push(["productId", "YUXRGH"]);
    product.push(["productUnitPrice", '841,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;All 4 diving&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "9"]);

            product.push(["marketinglabel1", "&quot;Bucket List&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="KLJNTY"
        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;1027,&quot;tour_code&quot;&#x3A;&quot;KLJNTY&quot;,&quot;tour_name&quot;&#x3A;&quot;De&#x20;d&#x5C;u00e9butant&#x20;&#x5C;u00e0&#x20;Advanced&#x20;&#x28;PADI&#x20;Niveau&#x20;2&#x29;&#x20;&#x5C;u00e0&#x20;Phuket&quot;,&quot;position&quot;&#x3A;184,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;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;336,&quot;primary_destination_name&quot;&#x3A;&quot;Tha&#x5C;u00eflande&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-KLJNTY"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-plongee/voyage-cours-ow-aow-a-phuket-en-thailande/KLJNTY"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/L6KVTM.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/L6KVTM.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/L6KVTM.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/L6KVTM.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-10636"
>
    <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="10636"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=10636"
        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;1027,&quot;tour_code&quot;&#x3A;&quot;KLJNTY&quot;,&quot;tour_name&quot;&#x3A;&quot;De&#x20;d&#x5C;u00e9butant&#x20;&#x5C;u00e0&#x20;Advanced&#x20;&#x28;PADI&#x20;Niveau&#x20;2&#x29;&#x20;&#x5C;u00e0&#x20;Phuket&quot;,&quot;position&quot;&#x3A;184,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Plong&#x5C;u00e9e&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Sports&#x20;Aquatiques&quot;,&quot;physical_difficulty&quot;&#x3A;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;336,&quot;primary_destination_name&quot;&#x3A;&quot;Tha&#x5C;u00eflande&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-plongee" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 45">
  <g>
    <path d="M44.32,22.34l2.59-3.56.93-5.85s-1.35-.74-3-1.58a3.19,3.19,0,0,0-3-.24,7,7,0,0,0-2.21,2.54l-.14-.07a7.88,7.88,0,0,1,2-3.23,2.26,2.26,0,0,0-.56-1l.84-1.53-1.58-.85-.85,1.56a2.49,2.49,0,0,0-2.49,1.35L30,23.74a.64.64,0,0,0,.29.85l3.47,1.72L31,33c-1.58,0-10.18,0-11.71,0-.34-1.86-1.1-1.67-1.1-1.67A57.26,57.26,0,0,0,13.14,35a14.37,14.37,0,0,1-7.92,2.86L5,38.46c2.71,1,9.19-2.67,9.19-2.67l14,.8-1.94,2.59s-1.91.57-1.1,1.53,2.41,2.81,3.15,3.71a14.93,14.93,0,0,1,3,5.58l.72-.09s-.23-2-3.11-6.35l-.65-3.13,3.1-3.2L29.74,37l-.16-.31,0,0h2a2.83,2.83,0,0,0,2-1.07L40.21,28l2.1-2.89-2.72-1.34.3-.5s4.37,2.13,5.34,2.59,3.07,1.28,4-.32c-1.29-.81-3.33-2.13-4.92-3.18M48.7,8.11a.78.78,0,0,0,1,.73c.17,0,0,0,.9-.2,0,0-.11-.63-.23-1.27l0-.07h0c-.68,0-1.61.21-1.61.81M50,11.83a15.75,15.75,0,0,1-1.74.24,14.76,14.76,0,0,1-3.37-1.85,3.6,3.6,0,0,1-.72-1.63A3.14,3.14,0,0,1,46.79,5a3.2,3.2,0,0,1,3.29,1.68c-1,.12-2,.48-2.08,1.15a1.56,1.56,0,0,0,1.82,1.58,6.87,6.87,0,0,0,.84-.21c.12.69.25,1.42.33,1.92s-.41.55-1,.67" transform="translate(-5 -5)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Plongée</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <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>Thaïlande / Asie</h2>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="4,5 / 5 (2)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="size-m my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">4,5/5</span>
                            </div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">De débutant à Advanced (PADI Niveau 2) à Phuket</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 027€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;De d\u00e9butant \u00e0 Advanced (PADI Niveau 2) \u00e0 Phuket&quot;"]);
    product.push(["productId", "KLJNTY"]);
    product.push(["productUnitPrice", '1 027,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;All 4 diving&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "10"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Tha\u00eflande&quot;"]);
    
            product.push(["productCategory4", '&quot;Plong\u00e9e&quot;']);
    product.push(["productCategory5", '&quot;Plong\u00e9e&quot;']);
                product.push(["productCategory4", '&quot;Sports Aquatiques&quot;']);
    product.push(["productCategory5", '&quot;Sports Aquatiques&quot;']);
        
    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="XXETJK"
        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;1160,&quot;tour_code&quot;&#x3A;&quot;XXETJK&quot;,&quot;tour_name&quot;&#x3A;&quot;Chevauch&#x5C;u00e9e&#x20;de&#x20;120&#x20;km&#x20;dans&#x20;la&#x20;l&#x5C;u00e9gendaire&#x20;vall&#x5C;u00e9e&#x20;de&#x20;l&#x5C;u2019Orkhon&quot;,&quot;position&quot;&#x3A;185,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Rando&#x20;&#x5C;u00e9questre&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;&#x5C;u00c9quitation&#x20;&amp;&#x20;Animaux&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;146,&quot;primary_destination_name&quot;&#x3A;&quot;Mongolie&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-XXETJK"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-randonnee-equestre/voyage-chevauchee-de-120-km-dans-la-legendaire-vallee-de-l-orkhon/XXETJK"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/VUYJGK.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/VUYJGK.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/VUYJGK.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/VUYJGK.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-23732"
>
    <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="23732"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23732"
        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;1160,&quot;tour_code&quot;&#x3A;&quot;XXETJK&quot;,&quot;tour_name&quot;&#x3A;&quot;Chevauch&#x5C;u00e9e&#x20;de&#x20;120&#x20;km&#x20;dans&#x20;la&#x20;l&#x5C;u00e9gendaire&#x20;vall&#x5C;u00e9e&#x20;de&#x20;l&#x5C;u2019Orkhon&quot;,&quot;position&quot;&#x3A;185,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Rando&#x20;&#x5C;u00e9questre&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;&#x5C;u00c9quitation&#x20;&amp;&#x20;Animaux&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;146,&quot;primary_destination_name&quot;&#x3A;&quot;Mongolie&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-riding" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 35">
  <g>
    <path d="M48,16.48a6.09,6.09,0,0,0-1,.7l.16-.87a4.62,4.62,0,0,0-1,1A10.33,10.33,0,0,0,42,16.43a6.4,6.4,0,0,0-3.75,1.76c-.67.58-3.9,3.45-3.9,3.45.59.53,4.51,3.58,6.27,4.23l1.81-3.27.86,1.23.2,3.29a20.42,20.42,0,0,1-3.09-.85c-1.94-.73-5.77-3.78-6.39-4.33S33,21,33,21h0a.7.7,0,0,0,.25-.41l-3.37-1.24c0-.87,0-1.89,0-2.4,0-1-.44-2-1-2.18l-1.52-.46a.39.39,0,0,0-.15,0,2.4,2.4,0,0,0-1.49,1.06,6.18,6.18,0,0,0,0,2.53,7,7,0,0,0,1,2.64s-.18.76-.35,1.54a3.3,3.3,0,0,0-.1,1.41l-2.59,0a8.78,8.78,0,0,0-8.41.48h0a6.27,6.27,0,0,0-1.93-.53c-3.31,0-5.17,1.7-5.17,4.63v6.34C8.05,35,7,35,7,35a1.16,1.16,0,0,0,1.07.67c1.35,0,2.7-2.09,2.7-4.47,0-2.63.39-4.1,1.12-5.23A4.82,4.82,0,0,1,14,24.32h.73c-2.61,2.41-2.38,5.66-2.38,6.77l.34,1.81s-1.85,3.39-2,3.7a1.68,1.68,0,0,0-.3,1.57c.18.77.85,3.91,1.26,5.62C12,45.32,13.1,45,13.1,45l-.73-6.72,4.79-4.91L18.53,35s0,2.58,0,2.71A1.79,1.79,0,0,0,19,38.87c.16.2,3.3,4.51,4.06,5.45a1.66,1.66,0,0,0,1.86.5l-3.65-6.73,1.3-4.72-.9-1.24.36,0c1.71,1.9,6.22,1.46,6.22,1.46l0,.12c-.22,1,.93,1.61.93,1.61l0-.09h0l.59-1.64c.71-2,1.78-4.88,1.93-5.31a2.11,2.11,0,0,0-.06-1.82c-.25-.55-1.21-3-1.21-3h0l-.45-2.18-2-.47-.05-.21,3.87.67a2.52,2.52,0,0,0,.83,0,10.88,10.88,0,0,0,1.08,1l-2.22,1.2h-.59c.23.58.93,2.38,1.13,2.83a2.5,2.5,0,0,1,.08,2.17l-1.87,5.14,1.41-.08s-2.14,8.44-2.52,9.79a1.3,1.3,0,0,0,.8,1.72l5.48-11.42.83-.41,6,1.74s-.59,4.86-.75,6a1.74,1.74,0,0,0,1,1.67s1.89-7.51,2-7.92a1,1,0,0,0-.35-1.16L39.71,31.3l-.35-2,.81-2.63A24.72,24.72,0,0,0,46.3,28L47.6,21h0l-.3-2.51ZM26.72,12.65a2,2,0,0,1-.18-1.53A1.79,1.79,0,0,1,28.59,10a1.9,1.9,0,0,1,1.49,2.13c.15.07.39.18.31.23a2.2,2.2,0,0,1-.8.21h0l-.84,1.59c-.1.19-.33.09-.6,0L27.56,14s-.42-.73-.69-1.34Z" transform="translate(-7 -10)"/>
  </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">Rando équestre</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>Mongolie / Asie</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Chevauchée de 120 km dans la légendaire vallée de l’Orkhon</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 160€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Chevauch\u00e9e de 120 km dans la l\u00e9gendaire vall\u00e9e de l\u2019Orkhon&quot;"]);
    product.push(["productId", "XXETJK"]);
    product.push(["productUnitPrice", '1 160,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Eco Voyage Mongolie&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "11"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Mongolie&quot;"]);
    
            product.push(["productCategory4", '&quot;Rando \u00e9questre&quot;']);
    product.push(["productCategory5", '&quot;Rando \u00e9questre&quot;']);
                product.push(["productCategory4", '&quot;\u00c9quitation &amp; Animaux&quot;']);
    product.push(["productCategory5", '&quot;\u00c9quitation &amp; Animaux&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="THFOJP"
        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;999,&quot;tour_code&quot;&#x3A;&quot;THFOJP&quot;,&quot;tour_name&quot;&#x3A;&quot;8&#x20;jours&#x20;de&#x20;surf&#x20;et&#x20;yoga&#x20;au&#x20;Sri&#x20;Lanka&quot;,&quot;position&quot;&#x3A;186,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;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-THFOJP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-yoga/voyage-7-jours-de-surf-et-yoga-au-sri-lanka/THFOJP"
           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">5</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/8VTOC2.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/8VTOC2.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/8VTOC2.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/8VTOC2.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-20570"
>
    <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="20570"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=20570"
        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;999,&quot;tour_code&quot;&#x3A;&quot;THFOJP&quot;,&quot;tour_name&quot;&#x3A;&quot;8&#x20;jours&#x20;de&#x20;surf&#x20;et&#x20;yoga&#x20;au&#x20;Sri&#x20;Lanka&quot;,&quot;position&quot;&#x3A;186,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Yoga&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;Forme&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;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-yoga" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 40">
  <g>
    <path d="M24.77,12.47a2.14,2.14,0,0,0-1.1,1.86,2.57,2.57,0,0,0,.1.73,22.46,22.46,0,0,0,1.13,2.3.42.42,0,0,0,.39.27h1.24a.43.43,0,0,0,.37-.24s.9-1.67,1.13-2.33a2.53,2.53,0,0,0,.12-.73,2.14,2.14,0,0,0-1.1-1.86,1.14,1.14,0,0,0-2.28,0M34.35,34.8c-1.41.57-6.78,2.92-6.78,2.92a1.67,1.67,0,0,1,.73-1.93l4.26-2.71-5.5-3.32L27,37.84s.74,6,.93,7.59S27.36,48,26.58,48c0,0-3.72-15.9-4-17.38a9.52,9.52,0,0,1,.71-5.05L23,22.46s-2.66-6-2.95-9.84a1.06,1.06,0,0,1,.45-1L25.4,8a1.65,1.65,0,0,1-.33,1.64c-.67.61-3.24,3.16-3.24,3.16a22.6,22.6,0,0,0,2.34,5.64h3.45A21.23,21.23,0,0,0,30,12.8L26.78,9.65A1.65,1.65,0,0,1,26.45,8l5,3.62a.89.89,0,0,1,.35.8,38.85,38.85,0,0,1-1.75,7.13c-1,2.48-1.81,4.28-1.81,4.28l.57,1.82s4.95,4.3,5.91,5.06c1.39,1.08,2.07,3.08-.4,4.08" transform="translate(-20 -8)"/>
  </g>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Sport<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">Yoga</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <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">8 jours de surf et yoga au 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>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">
                                    999€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;8 jours de surf et yoga au Sri Lanka&quot;"]);
    product.push(["productId", "THFOJP"]);
    product.push(["productUnitPrice", '999,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Salty Pelican&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "12"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Sri Lanka&quot;"]);
    
            product.push(["productCategory4", '&quot;Yoga&quot;']);
    product.push(["productCategory5", '&quot;Yoga&quot;']);
                product.push(["productCategory4", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
    product.push(["productCategory5", '&quot;Bien-\u00eatre &amp; Forme&quot;']);
                product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse &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-2026-07-05-loadmore">
        <template>
            <div id="date-group-2026-07-05-loadmore" class="py-m text-center">
                



    <a
        href="/voyages/date-tours?offset=186&amp;targetDate=2026-07-05"
        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 (469 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>
