<turbo-stream action="append" target="date-group-2026-07-04-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="QDTOWS"
        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;420,&quot;tour_code&quot;&#x3A;&quot;QDTOWS&quot;,&quot;tour_name&quot;&#x3A;&quot;Le&#x20;golf&#x20;autrement&#x20;dans&#x20;le&#x20;B&#x5C;u00e9arn&#x20;Pays&#x20;Basque&quot;,&quot;position&quot;&#x3A;55,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Golf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Golf&#x20;&amp;&#x20;Sports&#x20;de&#x20;Raquette&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2728&#x20;Nouveaut&#x5C;u00e9&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;451,&quot;primary_destination_name&quot;&#x3A;&quot;Pyr&#x5C;u00e9n&#x5C;u00e9es-Atlantiques&quot;,&quot;secondary_destination_id&quot;&#x3A;132,&quot;secondary_destination_name&quot;&#x3A;&quot;Nouvelle-Aquitaine&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-QDTOWS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-golf/voyage-le-golf-autrement-dans-le-bearn-pays-basque/QDTOWS"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/KMLQC3.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/KMLQC3.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/KMLQC3.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/KMLQC3.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-24802"
>
    <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="24802"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24802"
        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;420,&quot;tour_code&quot;&#x3A;&quot;QDTOWS&quot;,&quot;tour_name&quot;&#x3A;&quot;Le&#x20;golf&#x20;autrement&#x20;dans&#x20;le&#x20;B&#x5C;u00e9arn&#x20;Pays&#x20;Basque&quot;,&quot;position&quot;&#x3A;55,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Golf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Golf&#x20;&amp;&#x20;Sports&#x20;de&#x20;Raquette&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2728&#x20;Nouveaut&#x5C;u00e9&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;451,&quot;primary_destination_name&quot;&#x3A;&quot;Pyr&#x5C;u00e9n&#x5C;u00e9es-Atlantiques&quot;,&quot;secondary_destination_id&quot;&#x3A;132,&quot;secondary_destination_name&quot;&#x3A;&quot;Nouvelle-Aquitaine&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-golf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 45">
  <g>
    <path d="M16.08,14.61c-.11-.62-.31-1.83-.42-2.5l-.86.15c-.54.09-.92,1-1.12,2.68,0,.31,0,.5.1.61s.42.15.86.07l.35-.06c.46-.07.86-.13,1-.36a.78.78,0,0,0,.06-.59Zm.65-.11a1.39,1.39,0,0,1-.18,1.09,2,2,0,0,1-1.45.62l-.35.06a4.32,4.32,0,0,1-.54.05,1.24,1.24,0,0,1-.88-.3A1.36,1.36,0,0,1,13,14.85c.11-.9.37-3,1.66-3.24l1.25-.22,9.51-1.67a2.64,2.64,0,0,0,.18.38c0,.06.08.14.15.23L16.31,12c.11.67.31,1.89.42,2.51ZM14,14.25l.14,1.11a.45.45,0,0,0,.23.08l-.25-1.94a5.79,5.79,0,0,0-.12.75ZM14.34,13l.31,2.41h.1l.12,0-.34-2.61a.87.87,0,0,0-.19.23Zm.44-.35h0l.35,2.68.21,0L15,12.63Zm.6-.1-.16,0,.34,2.63a.39.39,0,0,0,.17-.14l0-.05-.32-2.47ZM26.26,9.74a2.45,2.45,0,0,0,.37.44,29,29,0,0,0,3.15,2.3L31,12.27c.57-.1,1.06-.13,1.06-.56,0-.65,0-3.48,0-3.58A3.17,3.17,0,0,0,29,5h0a3.13,3.13,0,0,0-3.15,3,3.53,3.53,0,0,0,.34,1.56l.08.15ZM40,15.05l-8.29,1.67.23.43,5.3-.74,1.55,7.06v7.08L35.94,50a2,2,0,0,1-2-2V36.76l1-5.53V29.35L32.34,39.69l-7,10.18a1.89,1.89,0,0,1-.95-2.74c.86-1.75,4.76-9.18,4.76-9.18V30.11c0-3.61,1.49-5.2,1.49-5.2s-1.94-4.38-3.27-7.2a3.17,3.17,0,0,1,2.51-4.42l9.6-1.66-.37-3.31-1.2.21-1.16,2.74-3,.54,1.87-2.87L35.11,9H35a.67.67,0,0,1-.51-.24l-1.68.3V8.42l1.57-.27a.65.65,0,0,1,.5-.42l4-.71-.08-.68c1.62,0,2,1.19,2.22,2.23s.52,2.11.7,2.88c.51,2.05.33,3.18-1.74,3.6Z" transform="translate(-13 -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">Golf</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>Pyrénées-Atlantiques / Nouvelle-Aquitaine</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Le golf autrement dans le Béarn Pays Basque</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>2 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">
                                    420€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Le golf autrement dans le B\u00e9arn Pays Basque&quot;"]);
    product.push(["productId", "QDTOWS"]);
    product.push(["productUnitPrice", '420,00€']);
    product.push(["duration", "2"]);
    product.push(["productBrand", "&quot;Bed and golf 64&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "1"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Pyr\u00e9n\u00e9es-Atlantiques&quot;"]);
    
            product.push(["productCategory4", '&quot;Golf&quot;']);
    product.push(["productCategory5", '&quot;Golf&quot;']);
                product.push(["productCategory4", '&quot;Golf &amp; Sports de Raquette&quot;']);
    product.push(["productCategory5", '&quot;Golf &amp; Sports de Raquette&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="UPXISS"
        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;179,&quot;tour_code&quot;&#x3A;&quot;UPXISS&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;survie&#x20;en&#x20;Franche&#x20;Comt&#x5C;u00e9&quot;,&quot;position&quot;&#x3A;56,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Bushcraft&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;,&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;122,&quot;primary_destination_name&quot;&#x3A;&quot;Bourgogne-Franche-Comt&#x5C;u00e9&quot;,&quot;secondary_destination_id&quot;&#x3A;119,&quot;secondary_destination_name&quot;&#x3A;&quot;France&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-UPXISS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-bushcraft/voyage-bushcraft-vie-sauvage-en-franche-comte/UPXISS"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/GMUQFP.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/GMUQFP.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/GMUQFP.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/GMUQFP.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-10802"
>
    <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="10802"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=10802"
        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;179,&quot;tour_code&quot;&#x3A;&quot;UPXISS&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;survie&#x20;en&#x20;Franche&#x20;Comt&#x5C;u00e9&quot;,&quot;position&quot;&#x3A;56,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Bushcraft&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;,&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;122,&quot;primary_destination_name&quot;&#x3A;&quot;Bourgogne-Franche-Comt&#x5C;u00e9&quot;,&quot;secondary_destination_id&quot;&#x3A;119,&quot;secondary_destination_name&quot;&#x3A;&quot;France&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-bushcraft" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <path d="M15.3141 1.27225L1.82059 13.7662L1.5 14.0631V14.5V26.625C1.5 27.1773 1.94772 27.625 2.5 27.625C3.05228 27.625 3.5 27.1773 3.5 26.625V14.9369L16 3.36285L28.5 14.9369V26.625C28.5 27.1773 28.9477 27.625 29.5 27.625C30.0523 27.625 30.5 27.1773 30.5 26.625V14.5V14.0631L30.1794 13.7662L16.6859 1.27225C16.6091 1.19972 16.5233 1.14157 16.4322 1.09793C16.1607 0.967957 15.8414 0.966756 15.5678 1.09793C15.4767 1.14157 15.3909 1.19972 15.3141 1.27225ZM11 15.4583C11 18.2197 13.2386 20.4583 16 20.4583C18.7614 20.4583 21 18.2197 21 15.4583C21 14.8813 20.8465 14.3271 20.6667 13.8114C19 15.4583 18 15.4583 17.3333 15.4583C21.3333 11.4583 19.3333 8.79167 15.3333 6.125C15.6315 9.10667 13.9045 10.6343 12.8964 11.526C12.7777 11.6311 12.6689 11.7273 12.5745 11.8161C11.6052 12.728 11 14.0225 11 15.4583ZM6.55981 26.7487C6.36148 25.9444 6.84549 25.1046 7.64089 24.873L10.6391 24L7.64094 23.127C6.84554 22.8954 6.36153 22.0556 6.55986 21.2513C6.75819 20.4469 7.56377 19.9826 8.35916 20.2142L16 22.439L23.6408 20.2142C24.4362 19.9826 25.2418 20.4469 25.4401 21.2513C25.6385 22.0556 25.1545 22.8954 24.3591 23.127L21.3609 24L24.3591 24.873C25.1545 25.1046 25.6385 25.9444 25.4402 26.7487C25.2419 27.553 24.4363 28.0173 23.6409 27.7857L16 25.5609L8.35911 27.7857C7.56372 28.0173 6.75814 27.553 6.55981 26.7487Z"/>
</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">Bushcraft</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>Bourgogne-Franche-Comté / France</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">Stage de survie en Franche Comté</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 class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75 21.53C8.75 16.25 11.55 12.82 15 12.82C18.45 12.82 21.25 16.25 21.25 21.53M10.75 11.99C9.9 11.02 8.8 10.48 7.59 10.48C4.92 10.48 2.75 13.14 2.75 17.22M15 4.33997C13.27 4.33997 11.88 5.73997 11.88 7.46997C11.88 9.19997 13.28 10.6 15 10.6C16.72 10.6 18.12 9.19997 18.12 7.46997C18.12 5.73997 16.72 4.33997 15 4.33997ZM7.59 3.21997C6.25 3.21997 5.17 4.29997 5.17 5.63997C5.17 6.97997 6.25 8.05997 7.59 8.05997C8.93 8.05997 10.01 6.97997 10.01 5.63997C10.01 4.29997 8.93 3.21997 7.59 3.21997Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Voyagez avec d&#039;autres participants.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>En groupe</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>2 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">
                                        189€
                                    </strong>
                                </p>
                                <strong class="font-semibold">
                                    179€
                                </strong>
                            </div>
                                                            <div
                                    class="bg-container-commercial-catchy text-content-neutral text-sm h-fit self-center p-2xs">
                                    -10€
                                </div>
                                                                                        </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Stage de survie en Franche Comt\u00e9&quot;"]);
    product.push(["productId", "UPXISS"]);
    product.push(["productUnitPrice", '189,00€']);
    product.push(["duration", "2"]);
    product.push(["productBrand", "&quot;Time on Target&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "2"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udc9a Bas carbone&quot;"]);
            product.push(["marketinglabel2", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel4", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["marketinglabel5", "&quot;\ud83d\ude86 Acc\u00e8s en train&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Bourgogne-Franche-Comt\u00e9&quot;"]);
    
            product.push(["productCategory4", '&quot;Bushcraft&quot;']);
    product.push(["productCategory5", '&quot;Bushcraft&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="KIVMJK"
        data-tour-card-analytics-target="card"
    data-analytics-payload="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;670,&quot;tour_code&quot;&#x3A;&quot;KIVMJK&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;Surf,&#x20;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;D&#x5C;u00e9couverte&#x20;au&#x20;Maroc&#x20;-&#x20;Essaouira,&#x20;sidi&#x20;kaouki&quot;,&quot;position&quot;&#x3A;57,&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;&#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-KIVMJK"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-multiactivites-ete/voyage-surf-camp-sejour-multi-activites-/KIVMJK"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/LKX4AU.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/LKX4AU.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/LKX4AU.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/LKX4AU.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-21445"
>
    <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="21445"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21445"
        data-favorite-analytics-payload-param="&#x7B;&quot;event&quot;&#x3A;&quot;a.tour_card.viewed&quot;,&quot;eventData&quot;&#x3A;&#x7B;&quot;tour_card&quot;&#x3A;&#x7B;&quot;price&quot;&#x3A;670,&quot;tour_code&quot;&#x3A;&quot;KIVMJK&quot;,&quot;tour_name&quot;&#x3A;&quot;S&#x5C;u00e9jour&#x20;Surf,&#x20;Bien-&#x5C;u00eatre&#x20;&amp;&#x20;D&#x5C;u00e9couverte&#x20;au&#x20;Maroc&#x20;-&#x20;Essaouira,&#x20;sidi&#x20;kaouki&quot;,&quot;position&quot;&#x3A;57,&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;&#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-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>Essaouira / Côte Atlantique Maroc</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Séjour Surf, Bien-être &amp; Découverte au Maroc - Essaouira, sidi kaouki</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">
                                    670€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;S\u00e9jour Surf, Bien-\u00eatre &amp; D\u00e9couverte au Maroc - Essaouira, sidi kaouki&quot;"]);
    product.push(["productId", "KIVMJK"]);
    product.push(["productUnitPrice", '670,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Holy Surf - Surf Camp&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "3"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Essaouira&quot;"]);
    
            product.push(["productCategory4", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
    product.push(["productCategory5", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
                product.push(["productCategory4", '&quot;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="GGRISV"
        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;GGRISV&quot;,&quot;tour_name&quot;&#x3A;&quot;Essaouira&#x20;Master&#x20;Kitesurf&#x20;&#x3A;&#x20;Stage&#x20;Intensif&#x20;Coaching&#x20;&amp;&#x20;Riad&#x20;de&#x20;Charme&quot;,&quot;position&quot;&#x3A;58,&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-GGRISV"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-kitesurf/voyage-essaouira-kite-master-stage-intensif-coaching-radio-riad-de-charme/GGRISV"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/5B76K8.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/5B76K8.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/5B76K8.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/5B76K8.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-24288"
>
    <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="24288"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24288"
        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;GGRISV&quot;,&quot;tour_name&quot;&#x3A;&quot;Essaouira&#x20;Master&#x20;Kitesurf&#x20;&#x3A;&#x20;Stage&#x20;Intensif&#x20;Coaching&#x20;&amp;&#x20;Riad&#x20;de&#x20;Charme&quot;,&quot;position&quot;&#x3A;58,&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 Kitesurf : Stage Intensif Coaching &amp; Riad de Charme</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 Kitesurf : Stage Intensif Coaching &amp; Riad de Charme&quot;"]);
    product.push(["productId", "GGRISV"]);
    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", "4"]);

            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="INCAIH"
        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;1100,&quot;tour_code&quot;&#x3A;&quot;INCAIH&quot;,&quot;tour_name&quot;&#x3A;&quot;12&#x20;jours&#x20;de&#x20;camp&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Weligama&quot;,&quot;position&quot;&#x3A;59,&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;12,&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-INCAIH"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-12-jours-de-camp-de-surf-a-weligama/INCAIH"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/KRBBZ8.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/KRBBZ8.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/KRBBZ8.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/KRBBZ8.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-21712"
>
    <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="21712"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21712"
        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;1100,&quot;tour_code&quot;&#x3A;&quot;INCAIH&quot;,&quot;tour_name&quot;&#x3A;&quot;12&#x20;jours&#x20;de&#x20;camp&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Weligama&quot;,&quot;position&quot;&#x3A;59,&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;12,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;141,&quot;primary_destination_name&quot;&#x3A;&quot;Sri&#x20;Lanka&quot;,&quot;secondary_destination_id&quot;&#x3A;47,&quot;secondary_destination_name&quot;&#x3A;&quot;Asie&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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


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


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Niveau : Tous niveaux<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Tous niveaux
                        </span>
                        </div>
                        <div class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Sri Lanka / Asie</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">12 jours de camp de surf à Weligama</h3>
                </div>

                                <div class="flex gap-xs text-xs">
                                            <div class="flex gap-2xs items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="size-s text-content-neutral" viewBox="0 0 20 20">
    <path fill-rule="evenodd" clip-rule="evenodd"
          d="M6.33317 5.25016C6.33317 3.25262 8.00229 1.5835 9.99984 1.5835C11.9974 1.5835 13.6665 3.25262 13.6665 5.25016C13.6665 7.24771 11.9974 8.91683 9.99984 8.91683C8.00229 8.91683 6.33317 7.24771 6.33317 5.25016ZM9.99984 3.0835C8.83072 3.0835 7.83317 4.08104 7.83317 5.25016C7.83317 6.41928 8.83072 7.41683 9.99984 7.41683C11.169 7.41683 12.1665 6.41928 12.1665 5.25016C12.1665 4.08104 11.169 3.0835 9.99984 3.0835ZM13.5331 12.7807C12.6035 11.5289 11.3638 10.8821 10.0191 10.9166C7.34908 10.985 4.9165 13.6245 4.9165 18.3335H3.4165C3.4165 13.2092 6.1506 9.51528 9.98061 9.41708C11.8859 9.36822 13.5628 10.3048 14.7374 11.8863C15.9052 13.4588 16.5832 15.6672 16.5832 18.2502H15.0832C15.0832 15.9164 14.4695 14.0415 13.5331 12.7807Z"
    />
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Voyagez en autonomie, à votre rythme.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>En liberté</span>
                        </div>
                                        <div class="flex gap-2xs items-center">
                        <div
                            data-controller="tooltip"
                            data-tooltip-position-value="top"
                        >
                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.90005 3V7.5M15.1 3V7.5M8.90005 11.7L11.2 14L15.2 10M20.2001 19.2H3.80005C3.20005 19.2 2.80005 18.8 2.80005 18.2V5.2H21.3V18.2C21.2 18.8 20.8001 19.2 20.2001 19.2Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


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

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;12 jours de camp de surf \u00e0 Weligama&quot;"]);
    product.push(["productId", "INCAIH"]);
    product.push(["productUnitPrice", '1 100,00€']);
    product.push(["duration", "12"]);
    product.push(["productBrand", "&quot;Ocean Life Surf Stay&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full medium:h-[140px] desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ZBQRHF"
        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;470,&quot;tour_code&quot;&#x3A;&quot;ZBQRHF&quot;,&quot;tour_name&quot;&#x3A;&quot;Vacances&#x20;en&#x20;famille&#x20;&#x5C;u00e0&#x20;Taghazout&#x20;&#x3A;&#x20;apprenez&#x20;&#x5C;u00e0&#x20;surfer&#x20;au&#x20;Maroc&quot;,&quot;position&quot;&#x3A;60,&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;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;,&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;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-ZBQRHF"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-vacances-en-famille-a-taghazout-apprenez-et-surfez-ensemble-au-maroc/ZBQRHF"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/W0W1S4.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/W0W1S4.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/W0W1S4.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/W0W1S4.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-23361"
>
    <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="23361"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23361"
        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;470,&quot;tour_code&quot;&#x3A;&quot;ZBQRHF&quot;,&quot;tour_name&quot;&#x3A;&quot;Vacances&#x20;en&#x20;famille&#x20;&#x5C;u00e0&#x20;Taghazout&#x20;&#x3A;&#x20;apprenez&#x20;&#x5C;u00e0&#x20;surfer&#x20;au&#x20;Maroc&quot;,&quot;position&quot;&#x3A;60,&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;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;,&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;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">Vacances en famille à Taghazout : apprenez à surfer au Maroc</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">
                                        500€
                                    </strong>
                                </p>
                                <strong class="font-semibold">
                                    470€
                                </strong>
                            </div>
                                                            <div
                                    class="bg-container-commercial-catchy text-content-neutral text-sm h-fit self-center p-2xs">
                                    -30€
                                </div>
                                                                                        </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Vacances en famille \u00e0 Taghazout : apprenez \u00e0 surfer au Maroc&quot;"]);
    product.push(["productId", "ZBQRHF"]);
    product.push(["productUnitPrice", '500,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;ELHATI SURF&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

            product.push(["marketinglabel1", "&quot;\ud83e\udd17 En famille&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83c\udff7\ufe0f Soldes&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;']);
        
    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="BYSOEA"
        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;179,&quot;tour_code&quot;&#x3A;&quot;BYSOEA&quot;,&quot;tour_name&quot;&#x3A;&quot;Bushcraft&#x20;et&#x20;vie&#x20;sauvage&#x20;en&#x20;r&#x5C;u00e9gion&#x20;Centre&quot;,&quot;position&quot;&#x3A;61,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Bushcraft&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;721,&quot;primary_destination_name&quot;&#x3A;&quot;Menetou-Salon&quot;,&quot;secondary_destination_id&quot;&#x3A;129,&quot;secondary_destination_name&quot;&#x3A;&quot;Centre-Val&#x20;de&#x20;Loire&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-BYSOEA"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-bushcraft/voyage-bushcraft-vie-sauvage-en-region-centre/BYSOEA"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/REPHRV.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/REPHRV.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/REPHRV.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/REPHRV.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-10839"
>
    <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="10839"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=10839"
        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;179,&quot;tour_code&quot;&#x3A;&quot;BYSOEA&quot;,&quot;tour_name&quot;&#x3A;&quot;Bushcraft&#x20;et&#x20;vie&#x20;sauvage&#x20;en&#x20;r&#x5C;u00e9gion&#x20;Centre&quot;,&quot;position&quot;&#x3A;61,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Bushcraft&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Randonn&#x5C;u00e9e,&#x20;Trail&#x20;&amp;&#x20;Aventure&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;2,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;,&quot;&#x5C;ud83c&#x5C;udff7&#x5C;ufe0f&#x20;Soldes&quot;,&quot;&#x5C;ud83d&#x5C;ude86&#x20;Acc&#x5C;u00e8s&#x20;en&#x20;train&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;721,&quot;primary_destination_name&quot;&#x3A;&quot;Menetou-Salon&quot;,&quot;secondary_destination_id&quot;&#x3A;129,&quot;secondary_destination_name&quot;&#x3A;&quot;Centre-Val&#x20;de&#x20;Loire&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-bushcraft" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <path d="M15.3141 1.27225L1.82059 13.7662L1.5 14.0631V14.5V26.625C1.5 27.1773 1.94772 27.625 2.5 27.625C3.05228 27.625 3.5 27.1773 3.5 26.625V14.9369L16 3.36285L28.5 14.9369V26.625C28.5 27.1773 28.9477 27.625 29.5 27.625C30.0523 27.625 30.5 27.1773 30.5 26.625V14.5V14.0631L30.1794 13.7662L16.6859 1.27225C16.6091 1.19972 16.5233 1.14157 16.4322 1.09793C16.1607 0.967957 15.8414 0.966756 15.5678 1.09793C15.4767 1.14157 15.3909 1.19972 15.3141 1.27225ZM11 15.4583C11 18.2197 13.2386 20.4583 16 20.4583C18.7614 20.4583 21 18.2197 21 15.4583C21 14.8813 20.8465 14.3271 20.6667 13.8114C19 15.4583 18 15.4583 17.3333 15.4583C21.3333 11.4583 19.3333 8.79167 15.3333 6.125C15.6315 9.10667 13.9045 10.6343 12.8964 11.526C12.7777 11.6311 12.6689 11.7273 12.5745 11.8161C11.6052 12.728 11 14.0225 11 15.4583ZM6.55981 26.7487C6.36148 25.9444 6.84549 25.1046 7.64089 24.873L10.6391 24L7.64094 23.127C6.84554 22.8954 6.36153 22.0556 6.55986 21.2513C6.75819 20.4469 7.56377 19.9826 8.35916 20.2142L16 22.439L23.6408 20.2142C24.4362 19.9826 25.2418 20.4469 25.4401 21.2513C25.6385 22.0556 25.1545 22.8954 24.3591 23.127L21.3609 24L24.3591 24.873C25.1545 25.1046 25.6385 25.9444 25.4402 26.7487C25.2419 27.553 24.4363 28.0173 23.6409 27.7857L16 25.5609L8.35911 27.7857C7.56372 28.0173 6.75814 27.553 6.55981 26.7487Z"/>
</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">Bushcraft</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>Menetou-Salon / Centre-Val de Loire</h2>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (3)">
                            <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">Bushcraft et vie sauvage en région Centre</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 class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.75 21.53C8.75 16.25 11.55 12.82 15 12.82C18.45 12.82 21.25 16.25 21.25 21.53M10.75 11.99C9.9 11.02 8.8 10.48 7.59 10.48C4.92 10.48 2.75 13.14 2.75 17.22M15 4.33997C13.27 4.33997 11.88 5.73997 11.88 7.46997C11.88 9.19997 13.28 10.6 15 10.6C16.72 10.6 18.12 9.19997 18.12 7.46997C18.12 5.73997 16.72 4.33997 15 4.33997ZM7.59 3.21997C6.25 3.21997 5.17 4.29997 5.17 5.63997C5.17 6.97997 6.25 8.05997 7.59 8.05997C8.93 8.05997 10.01 6.97997 10.01 5.63997C10.01 4.29997 8.93 3.21997 7.59 3.21997Z" stroke="currentColor" stroke-width="1.5"/>
</svg>


                                    <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Voyagez avec d&#039;autres participants.<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span>En groupe</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>2 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">
                                        189€
                                    </strong>
                                </p>
                                <strong class="font-semibold">
                                    179€
                                </strong>
                            </div>
                                                            <div
                                    class="bg-container-commercial-catchy text-content-neutral text-sm h-fit self-center p-2xs">
                                    -10€
                                </div>
                                                                                        </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Bushcraft et vie sauvage en r\u00e9gion Centre&quot;"]);
    product.push(["productId", "BYSOEA"]);
    product.push(["productUnitPrice", '189,00€']);
    product.push(["duration", "2"]);
    product.push(["productBrand", "&quot;Time on Target&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "7"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udc9a Bas carbone&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["marketinglabel4", "&quot;\ud83d\ude86 Acc\u00e8s en train&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Menetou-Salon&quot;"]);
    
            product.push(["productCategory4", '&quot;Bushcraft&quot;']);
    product.push(["productCategory5", '&quot;Bushcraft&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="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;62,&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">4</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;62,&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", "8"]);

            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="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;63,&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">4</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;63,&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", "9"]);

            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;64,&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">4</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;64,&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", "10"]);

            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;65,&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">4</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;65,&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", "11"]);

            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="FVXAZZ"
        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;1249,&quot;tour_code&quot;&#x3A;&quot;FVXAZZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Semaine&#x20;d&#x5C;u00e9couverte&#x20;&#x3A;&#x20;dipl&#x5C;u00f4me&#x20;PADI&#x20;et&#x20;exploration&#x20;de&#x20;la&#x20;r&#x5C;u00e9serve&#x20;marine&quot;,&quot;position&quot;&#x3A;66,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;612,&quot;primary_destination_name&quot;&#x3A;&quot;Peniche&quot;,&quot;secondary_destination_id&quot;&#x3A;139,&quot;secondary_destination_name&quot;&#x3A;&quot;Portugal&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-FVXAZZ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-semaine-decouverte-diplome-padi-et-exploration-de-la-reserve-marine/FVXAZZ"
           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">4</span>
                        <span
                            class="text-xs text-content-quiet">juil.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/U7SBK8.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/U7SBK8.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/U7SBK8.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/U7SBK8.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-21523"
>
    <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="21523"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21523"
        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;1249,&quot;tour_code&quot;&#x3A;&quot;FVXAZZ&quot;,&quot;tour_name&quot;&#x3A;&quot;Semaine&#x20;d&#x5C;u00e9couverte&#x20;&#x3A;&#x20;dipl&#x5C;u00f4me&#x20;PADI&#x20;et&#x20;exploration&#x20;de&#x20;la&#x20;r&#x5C;u00e9serve&#x20;marine&quot;,&quot;position&quot;&#x3A;66,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;&amp;&#x20;Vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;612,&quot;primary_destination_name&quot;&#x3A;&quot;Peniche&quot;,&quot;secondary_destination_id&quot;&#x3A;139,&quot;secondary_destination_name&quot;&#x3A;&quot;Portugal&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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


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


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Niveau : Débutant<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Débutant
                        </span>
                        </div>
                        <div class="bg-commercial-neutral px-2xs py-3xs rounded-lg items-center">
                            <h2>Peniche / Portugal</h2>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                                <div>
                    <h3 class="line-clamp-2 text-sm font-semibold">Semaine découverte : diplôme PADI et exploration de la réserve marine</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 249€
                                    <span class="font-normal text-xs">/pers</span>
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Semaine d\u00e9couverte : dipl\u00f4me PADI et exploration de la r\u00e9serve marine&quot;"]);
    product.push(["productId", "FVXAZZ"]);
    product.push(["productUnitPrice", '1 249,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Sandy Camps&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "12"]);

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

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Peniche&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;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>
            </template>
</turbo-stream>

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



    <a
        href="/voyages/date-tours?offset=66&amp;page=4&amp;targetDate=2026-07-04"
        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 (191 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>
