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

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="XAPWGG"
        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;1490,&quot;tour_code&quot;&#x3A;&quot;XAPWGG&quot;,&quot;tour_name&quot;&#x3A;&quot;Croisi&#x5C;u00e8re&#x20;Formation&#x20;FFV&#x20;en&#x20;catamaran&#x20;dans&#x20;les&#x20;Grenadines&quot;,&quot;position&quot;&#x3A;823,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;342,&quot;primary_destination_name&quot;&#x3A;&quot;Martinique&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-XAPWGG"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-voile/voyage-croisiere-formation-ffv-en-catamaran-dans-les-grenadines/XAPWGG"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/9ECO1N.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/9ECO1N.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/9ECO1N.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/9ECO1N.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-21320"
>
    <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="21320"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=21320"
        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;1490,&quot;tour_code&quot;&#x3A;&quot;XAPWGG&quot;,&quot;tour_name&quot;&#x3A;&quot;Croisi&#x5C;u00e8re&#x20;Formation&#x20;FFV&#x20;en&#x20;catamaran&#x20;dans&#x20;les&#x20;Grenadines&quot;,&quot;position&quot;&#x3A;823,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;342,&quot;primary_destination_name&quot;&#x3A;&quot;Martinique&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg width="24" class="size-s fill-content-neutral" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5461 20.6842L15.0661 1.08423L14.82 1.04004L14.5739 0.99585L14.5474 1.14373C2.36504 5.83232 2.06271 13.4089 10.53 20.01C10.785 20.2098 10.9769 20.2669 11.1131 20.2664L11.0568 20.5801L7.9 19.87C7.62 19.81 7.35 20.05 7.35 20.36C7.35 21.14 7.7 21.91 8.29 22.52C8.30116 22.5316 8.31244 22.5429 8.32385 22.5539L8.14 22.52C6.02 22.23 2 22.11 2 22.11V22.65C5.35 22.59 8.69 22.93 11.95 23.67C15.24 24.43 18.62 24.79 22 24.74V24.29C19.01 24.3347 16.028 24.0527 13.1037 23.4654C13.8546 23.1847 14.4411 22.72 14.77 22.03C14.9 21.76 14.76 21.42 14.48 21.36V21.35L11.416 20.6609L11.5461 20.6842ZM14.3377 2.31131C11.1847 10.4844 10.6142 13.2892 11.2823 19.3242L14.3377 2.31131Z" fill=""/>
</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">Voile</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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (2)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Martinique / Dom-Tom</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Croisière Formation FFV en catamaran dans les Grenadines</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>8 jours</span>
                    </div>
                </div>

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;Croisi\u00e8re Formation FFV en catamaran dans les Grenadines&quot;"]);
    product.push(["productId", "XAPWGG"]);
    product.push(["productUnitPrice", '1 490,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;ACM Cara\u00efbes&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "1"]);

            product.push(["marketinglabel1", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["marketinglabel2", "&quot;Bucket List&quot;"]);
            product.push(["marketinglabel3", "&quot;\u26f5 Catamaran&quot;"]);
            product.push(["marketinglabel4", "&quot;\ud83c\udf0e Partir d\u00e9couvrir le monde&quot;"]);
            product.push(["flight", false]);

                
    product.push(["productCategory1", "null"]);
    product.push(["productCategory2", "&quot;Martinique&quot;"]);
    
            product.push(["productCategory4", '&quot;Voile&quot;']);
    product.push(["productCategory5", '&quot;Voile&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
                product.push(["productCategory4", '&quot;Snorkeling&quot;']);
    product.push(["productCategory5", '&quot;Snorkeling&quot;']);
                product.push(["productCategory4", '&quot;Sports Aquatiques&quot;']);
    product.push(["productCategory5", '&quot;Sports Aquatiques&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ASBAQW"
        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;1600,&quot;tour_code&quot;&#x3A;&quot;ASBAQW&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;voile&#x20;habitable&#x20;tour&#x20;de&#x20;Guadeloupe,&#x20;4&#x20;stagiaires&#x20;max&quot;,&quot;position&quot;&#x3A;824,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;343,&quot;primary_destination_name&quot;&#x3A;&quot;Guadeloupe&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-ASBAQW"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-voile/voyage-stage-de-voile-habitable-tour-de-guadeloupe-4-stagiaires-max/ASBAQW"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/1UBQZF.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/1UBQZF.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/1UBQZF.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/1UBQZF.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-25299"
>
    <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="25299"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=25299"
        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;1600,&quot;tour_code&quot;&#x3A;&quot;ASBAQW&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;voile&#x20;habitable&#x20;tour&#x20;de&#x20;Guadeloupe,&#x20;4&#x20;stagiaires&#x20;max&quot;,&quot;position&quot;&#x3A;824,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;2,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;343,&quot;primary_destination_name&quot;&#x3A;&quot;Guadeloupe&quot;,&quot;secondary_destination_id&quot;&#x3A;349,&quot;secondary_destination_name&quot;&#x3A;&quot;Dom-Tom&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

                        <div
                class="w-full h-full flex flex-col justify-between gap-3xs text-content-neutral p-s">
                                <div class="text-xs flex justify-between w-full">
                    <div class="flex gap-xs flex-wrap">
                        <div class="flex bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                                                        <span
                                data-controller="tooltip"
                                data-tooltip-position-value="top">
                            <svg width="24" class="size-s fill-content-neutral" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5461 20.6842L15.0661 1.08423L14.82 1.04004L14.5739 0.99585L14.5474 1.14373C2.36504 5.83232 2.06271 13.4089 10.53 20.01C10.785 20.2098 10.9769 20.2669 11.1131 20.2664L11.0568 20.5801L7.9 19.87C7.62 19.81 7.35 20.05 7.35 20.36C7.35 21.14 7.7 21.91 8.29 22.52C8.30116 22.5316 8.31244 22.5429 8.32385 22.5539L8.14 22.52C6.02 22.23 2 22.11 2 22.11V22.65C5.35 22.59 8.69 22.93 11.95 23.67C15.24 24.43 18.62 24.79 22 24.74V24.29C19.01 24.3347 16.028 24.0527 13.1037 23.4654C13.8546 23.1847 14.4411 22.72 14.77 22.03C14.9 21.76 14.76 21.42 14.48 21.36V21.35L11.416 20.6609L11.5461 20.6842ZM14.3377 2.31131C11.1847 10.4844 10.6142 13.2892 11.2823 19.3242L14.3377 2.31131Z" fill=""/>
</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">Voile</span>
                        </div>
                        <div class="flex gap-2 bg-container-quiet px-2xs py-3xs rounded-lg items-center">
                        <span
                             data-controller="tooltip"
                            data-tooltip-position-value="top">                            <svg class="size-s text-content-neutral" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13L8.75 9.75M5.17886 19.248C1.84946 15.6186 1.94293 9.97559 5.45926 6.45926C9.07161 2.84691 14.9284 2.84691 18.5407 6.45926C22.0571 9.97559 22.1505 15.6186 18.8211 19.248" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/>
</svg>


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Niveau : Intermédiaire<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Intermédiaire
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Guadeloupe / Dom-Tom</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Stage de voile habitable tour de Guadeloupe, 4 stagiaires max</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>8 jours</span>
                    </div>
                </div>

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;Stage de voile habitable tour de Guadeloupe, 4 stagiaires max&quot;"]);
    product.push(["productId", "ASBAQW"]);
    product.push(["productUnitPrice", '1 600,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;IO CROISIERE&quot;"]);
    product.push(["level", "2"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "2"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="UUKTUL"
        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;1495,&quot;tour_code&quot;&#x3A;&quot;UUKTUL&quot;,&quot;tour_name&quot;&#x3A;&quot;Croisi&#x5C;u00e8re&#x20;&#x5C;u00e0&#x20;la&#x20;voile&#x20;et&#x20;travers&#x5C;u00e9es&#x20;hauturi&#x5C;u00e8res&#x20;Continent&#x20;-&#x20;Corse&quot;,&quot;position&quot;&#x3A;825,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;10,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2728&#x20;Nouveaut&#x5C;u00e9&quot;,&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;685,&quot;primary_destination_name&quot;&#x3A;&quot;Calvi&quot;,&quot;secondary_destination_id&quot;&#x3A;447,&quot;secondary_destination_name&quot;&#x3A;&quot;Haute-Corse&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-UUKTUL"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-voile/voyage-croisiere-a-la-voile-et-traversee-hauturiere-vers-la-corse/UUKTUL"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/PZAMQM.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/PZAMQM.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/PZAMQM.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/PZAMQM.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-32973"
>
    <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="32973"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=32973"
        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;1495,&quot;tour_code&quot;&#x3A;&quot;UUKTUL&quot;,&quot;tour_name&quot;&#x3A;&quot;Croisi&#x5C;u00e8re&#x20;&#x5C;u00e0&#x20;la&#x20;voile&#x20;et&#x20;travers&#x5C;u00e9es&#x20;hauturi&#x5C;u00e8res&#x20;Continent&#x20;-&#x20;Corse&quot;,&quot;position&quot;&#x3A;825,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Voile&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;10,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2728&#x20;Nouveaut&#x5C;u00e9&quot;,&quot;&#x5C;ud83d&#x5C;udc9a&#x20;Bas&#x20;carbone&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&quot;,&quot;primary_destination_id&quot;&#x3A;685,&quot;primary_destination_name&quot;&#x3A;&quot;Calvi&quot;,&quot;secondary_destination_id&quot;&#x3A;447,&quot;secondary_destination_name&quot;&#x3A;&quot;Haute-Corse&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 width="24" class="size-s fill-content-neutral" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5461 20.6842L15.0661 1.08423L14.82 1.04004L14.5739 0.99585L14.5474 1.14373C2.36504 5.83232 2.06271 13.4089 10.53 20.01C10.785 20.2098 10.9769 20.2669 11.1131 20.2664L11.0568 20.5801L7.9 19.87C7.62 19.81 7.35 20.05 7.35 20.36C7.35 21.14 7.7 21.91 8.29 22.52C8.30116 22.5316 8.31244 22.5429 8.32385 22.5539L8.14 22.52C6.02 22.23 2 22.11 2 22.11V22.65C5.35 22.59 8.69 22.93 11.95 23.67C15.24 24.43 18.62 24.79 22 24.74V24.29C19.01 24.3347 16.028 24.0527 13.1037 23.4654C13.8546 23.1847 14.4411 22.72 14.77 22.03C14.9 21.76 14.76 21.42 14.48 21.36V21.35L11.416 20.6609L11.5461 20.6842ZM14.3377 2.31131C11.1847 10.4844 10.6142 13.2892 11.2823 19.3242L14.3377 2.31131Z" fill=""/>
</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">Voile</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>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Calvi / Haute-Corse</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Croisière à la voile et traversées hauturières Continent - Corse</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>10 jours</span>
                    </div>
                </div>

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;Croisi\u00e8re \u00e0 la voile et travers\u00e9es hauturi\u00e8res Continent - Corse&quot;"]);
    product.push(["productId", "UUKTUL"]);
    product.push(["productUnitPrice", '1 495,00€']);
    product.push(["duration", "10"]);
    product.push(["productBrand", "&quot;ECCO TEAMDEFIS&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "3"]);

            product.push(["marketinglabel1", "&quot;\u2728 Nouveaut\u00e9&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udc9a Bas carbone&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="MDACFS"
        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;599,&quot;tour_code&quot;&#x3A;&quot;MDACFS&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfcamp&#x20;famille&#x20;avec&#x20;garderie&#x20;&#x5C;u00e0&#x20;Fuerteventura&quot;,&quot;position&quot;&#x3A;826,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;377,&quot;primary_destination_name&quot;&#x3A;&quot;Fuerteventura&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-MDACFS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-surfcamp-en-famille-avec-garde-d-enfants-sur-la-plage-a-fuerteventura/MDACFS"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/2R5IBQ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/2R5IBQ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/2R5IBQ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/2R5IBQ.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-20441"
>
    <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="20441"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=20441"
        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;599,&quot;tour_code&quot;&#x3A;&quot;MDACFS&quot;,&quot;tour_name&quot;&#x3A;&quot;Surfcamp&#x20;famille&#x20;avec&#x20;garderie&#x20;&#x5C;u00e0&#x20;Fuerteventura&quot;,&quot;position&quot;&#x3A;826,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;377,&quot;primary_destination_name&quot;&#x3A;&quot;Fuerteventura&quot;,&quot;secondary_destination_id&quot;&#x3A;79,&quot;secondary_destination_name&quot;&#x3A;&quot;Canaries&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Fuerteventura / Canaries</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surfcamp famille avec garderie à Fuerteventura</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 w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    599€
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surfcamp famille avec garderie \u00e0 Fuerteventura&quot;"]);
    product.push(["productId", "MDACFS"]);
    product.push(["productUnitPrice", '599,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Blue Passion SL&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "4"]);

            product.push(["marketinglabel1", "&quot;\ud83e\udd17 En famille&quot;"]);
            product.push(["marketinglabel2", "&quot;TOP50&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="JFLOAV"
        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;490,&quot;tour_code&quot;&#x3A;&quot;JFLOAV&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;libert&#x5C;u00e9&#x20;&#x5C;u00e0&#x20;Taghazout&#x20;-&#x20;niveau&#x20;d&#x5C;u00e9butant,&#x20;premi&#x5C;u00e8re&#x20;vague&#x20;garantie&quot;,&quot;position&quot;&#x3A;827,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&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-JFLOAV"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-stage-de-surf-debutant-a-taghazout-premiere-vague-garantie-en-7-jours/JFLOAV"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/7G5BFJ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/7G5BFJ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/7G5BFJ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/7G5BFJ.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-24915"
>
    <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="24915"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24915"
        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;490,&quot;tour_code&quot;&#x3A;&quot;JFLOAV&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;libert&#x5C;u00e9&#x20;&#x5C;u00e0&#x20;Taghazout&#x20;-&#x20;niveau&#x20;d&#x5C;u00e9butant,&#x20;premi&#x5C;u00e8re&#x20;vague&#x20;garantie&quot;,&quot;position&quot;&#x3A;827,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;7,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&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-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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="4,5 / 5 (2)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">4,5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Taghazout / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surf &amp; liberté à Taghazout - niveau débutant, première vague garantie</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 w-fit">
                                                                        <div class="flex-col gap-2xs items-end">
                                <span class="w-full text-left text-xs">Dès </span>
                                <strong class="p-2xs font-normal bg-commercial-catchy text-lg">
                                    490€
                                </strong>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf &amp; libert\u00e9 \u00e0 Taghazout - niveau d\u00e9butant, premi\u00e8re vague garantie&quot;"]);
    product.push(["productId", "JFLOAV"]);
    product.push(["productUnitPrice", '490,00€']);
    product.push(["duration", "7"]);
    product.push(["productBrand", "&quot;Sines Surf Maroc&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "5"]);

            product.push(["marketinglabel1", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="PQKZEL"
        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;299,&quot;tour_code&quot;&#x3A;&quot;PQKZEL&quot;,&quot;tour_name&quot;&#x3A;&quot;Escapade&#x20;surf&#x20;&amp;&#x20;libert&#x5C;u00e9,&#x20;5&#x20;jours&#x20;au&#x20;c&#x5C;u0153ur&#x20;de&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;828,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&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;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-PQKZEL"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-Escapade-surf-liberte-5-jours-au-coeur-de-la-baie-de-Taghazout/PQKZEL"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/NZCBU5.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/NZCBU5.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/NZCBU5.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/NZCBU5.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-24966"
>
    <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="24966"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=24966"
        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;299,&quot;tour_code&quot;&#x3A;&quot;PQKZEL&quot;,&quot;tour_name&quot;&#x3A;&quot;Escapade&#x20;surf&#x20;&amp;&#x20;libert&#x5C;u00e9,&#x20;5&#x20;jours&#x20;au&#x20;c&#x5C;u0153ur&#x20;de&#x20;la&#x20;baie&#x20;de&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;828,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;5,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&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;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-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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (1)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Taghazout / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Escapade surf &amp; liberté, 5 jours au cœur de 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>5 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                                                    <span class="w-full text-left text-xs">Dès </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        299€
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        390€
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -91€
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Escapade surf &amp; libert\u00e9, 5 jours au c\u0153ur de la baie de Taghazout&quot;"]);
    product.push(["productId", "PQKZEL"]);
    product.push(["productUnitPrice", '390,00€']);
    product.push(["duration", "5"]);
    product.push(["productBrand", "&quot;Sines Surf Maroc&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "6"]);

            product.push(["marketinglabel1", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83c\udf0a French Days&quot;"]);
            product.push(["marketinglabel4", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="RLLXVP"
        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;464,&quot;tour_code&quot;&#x3A;&quot;RLLXVP&quot;,&quot;tour_name&quot;&#x3A;&quot;Break&#x20;Surf&#x20;&amp;&#x20;V&#x5C;u00e9los&#x20;&#x5C;u00c9lectriques&#x20;dans&#x20;les&#x20;Landes&#x20;-&#x20;4&#x20;jours&quot;,&quot;position&quot;&#x3A;829,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&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;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;450,&quot;primary_destination_name&quot;&#x3A;&quot;Landes&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-RLLXVP"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-sejour-surf-plaisir-et-detente-dans-les-landes/RLLXVP"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/HPM1OQ.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/HPM1OQ.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/HPM1OQ.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/HPM1OQ.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-20504"
>
    <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="20504"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=20504"
        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;464,&quot;tour_code&quot;&#x3A;&quot;RLLXVP&quot;,&quot;tour_name&quot;&#x3A;&quot;Break&#x20;Surf&#x20;&amp;&#x20;V&#x5C;u00e9los&#x20;&#x5C;u00c9lectriques&#x20;dans&#x20;les&#x20;Landes&#x20;-&#x20;4&#x20;jours&quot;,&quot;position&quot;&#x3A;829,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&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;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;450,&quot;primary_destination_name&quot;&#x3A;&quot;Landes&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-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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (7)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Landes / Nouvelle-Aquitaine</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Break Surf &amp; Vélos Électriques dans les Landes - 4 jours</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>4 jours</span>
                    </div>
                </div>

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;Break Surf &amp; V\u00e9los \u00c9lectriques dans les Landes - 4 jours&quot;"]);
    product.push(["productId", "RLLXVP"]);
    product.push(["productUnitPrice", '464,00€']);
    product.push(["duration", "4"]);
    product.push(["productBrand", "&quot;Sukha Surf Lodge&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "7"]);

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

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="PZEXLJ"
        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;580,&quot;tour_code&quot;&#x3A;&quot;PZEXLJ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;D&#x5C;u00e9tente&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;&#x3A;&#x20;8&#x20;jours&#x20;face&#x20;&#x5C;u00e0&#x20;l&#x5C;u0027Oc&#x5C;u00e9an&#x20;&#x28;pension&#x20;compl&#x5C;u00e8te&#x29;&quot;,&quot;position&quot;&#x3A;830,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&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-PZEXLJ"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-vacances-surf-au-maroc-sejour-de-8-jours-en-pension-complete/PZEXLJ"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/4IKRL1.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/4IKRL1.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/4IKRL1.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/4IKRL1.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-20684"
>
    <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="20684"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=20684"
        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;580,&quot;tour_code&quot;&#x3A;&quot;PZEXLJ&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf&#x20;&amp;&#x20;D&#x5C;u00e9tente&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;&#x3A;&#x20;8&#x20;jours&#x20;face&#x20;&#x5C;u00e0&#x20;l&#x5C;u0027Oc&#x5C;u00e9an&#x20;&#x28;pension&#x20;compl&#x5C;u00e8te&#x29;&quot;,&quot;position&quot;&#x3A;830,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;1,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&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 : Débutant<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Débutant
                        </span>
                        </div>
                    </div>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (28)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Tamraght / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surf &amp; Détente à Tamraght : 8 jours face à l&#039;Océan (pension complète)</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 w-fit">
                                                                                                    <span class="w-full text-left text-xs">Dès </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        580€
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        630€
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -50€
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf &amp; D\u00e9tente \u00e0 Tamraght : 8 jours face \u00e0 l&#039;Oc\u00e9an (pension compl\u00e8te)&quot;"]);
    product.push(["productId", "PZEXLJ"]);
    product.push(["productUnitPrice", '630,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Original Surf Morocco&quot;"]);
    product.push(["level", "1"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "8"]);

            product.push(["marketinglabel1", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;Review&quot;"]);
            product.push(["marketinglabel4", "&quot;\ud83c\udf0a French 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 et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="ATEYPS"
        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;550,&quot;tour_code&quot;&#x3A;&quot;ATEYPS&quot;,&quot;tour_name&quot;&#x3A;&quot;Semaine&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;dans&#x20;la&#x20;Baie&#x20;de&#x20;Taghazout&#x20;au&#x20;Maroc&quot;,&quot;position&quot;&#x3A;831,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&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-ATEYPS"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-semaine-de-surf-dans-la-baie-de-taghazout/ATEYPS"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/TV0BHH.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/TV0BHH.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/TV0BHH.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/TV0BHH.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-14911"
>
    <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="14911"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=14911"
        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;550,&quot;tour_code&quot;&#x3A;&quot;ATEYPS&quot;,&quot;tour_name&quot;&#x3A;&quot;Semaine&#x20;de&#x20;surf&#x20;&#x5C;u00e0&#x20;Tamraght&#x20;dans&#x20;la&#x20;Baie&#x20;de&#x20;Taghazout&#x20;au&#x20;Maroc&quot;,&quot;position&quot;&#x3A;831,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;u2764&#x5C;ufe0f&#x20;Best&#x20;seller&quot;,&quot;&#x5C;ud83d&#x5C;udea8&#x20;Bons&#x20;plans&quot;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;GIR&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-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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="4,8 / 5 (33)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">4,8/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Taghazout / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Semaine de surf à Tamraght dans la Baie de Taghazout 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 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>8 jours</span>
                    </div>
                </div>

                <hr class="w-full h-[1px] bg-container-quiet my-2xs" />
                <div class="flex gap-2xs h-full items-center w-fit">
                                                                                                    <span class="w-full text-left text-xs">Dès </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        550€
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        600€
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -50€
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Semaine de surf \u00e0 Tamraght dans la Baie de Taghazout au Maroc&quot;"]);
    product.push(["productId", "ATEYPS"]);
    product.push(["productUnitPrice", '600,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Manzili surf yoga&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'GIR']);
    product.push(["productImpressionListPosition", "9"]);

            product.push(["marketinglabel1", "&quot;\u2764\ufe0f Best seller&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;La Toussaint&quot;"]);
            product.push(["marketinglabel4", "&quot;Review&quot;"]);
            product.push(["marketinglabel5", "&quot;\ud83c\udf0a French Days&quot;"]);
            product.push(["marketinglabel6", "&quot;\ud83c\udff7\ufe0f Soldes&quot;"]);
            product.push(["flight", false]);

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

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="YRNTED"
        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;540,&quot;tour_code&quot;&#x3A;&quot;YRNTED&quot;,&quot;tour_name&quot;&#x3A;&quot;Multiactivit&#x5C;u00e9s&#x20;en&#x20;Famille&#x20;au&#x20;Maroc&#x20;&#x3A;&#x20;Vacances&#x20;sportives&#x20;et&#x20;fun&quot;,&quot;position&quot;&#x3A;832,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;,&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-YRNTED"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-sport-en-famille-au-maroc-vacances-surf-et-multiactivites/YRNTED"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/UJHSFC.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/UJHSFC.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/UJHSFC.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/UJHSFC.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-23757"
>
    <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="23757"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=23757"
        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;540,&quot;tour_code&quot;&#x3A;&quot;YRNTED&quot;,&quot;tour_name&quot;&#x3A;&quot;Multiactivit&#x5C;u00e9s&#x20;en&#x20;Famille&#x20;au&#x20;Maroc&#x20;&#x3A;&#x20;Vacances&#x20;sportives&#x20;et&#x20;fun&quot;,&quot;position&quot;&#x3A;832,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&quot;&#x5C;ud83e&#x5C;udd17&#x20;En&#x20;famille&quot;,&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>
                    <div>
                                                    <div class="flex items-center gap-xs text-xs text-content-neutral" role="group"
                                 aria-label="5 / 5 (2)">
                            <span aria-hidden="true">
                                            <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="my-auto mr-3xs size-s" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
        <path fill="#F1BF28"
              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
        ></path>
    </svg>

                            </span>
                                <span
                                    class="text-sm whitespace-nowrap">5/5</span>
                            </div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Tamraght / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Multiactivités en Famille au Maroc : Vacances sportives et fun</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 w-fit">
                                                                                                    <span class="w-full text-left text-xs">Dès </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        540€
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        565€
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -25€
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Multiactivit\u00e9s en Famille au Maroc : Vacances sportives et fun&quot;"]);
    product.push(["productId", "YRNTED"]);
    product.push(["productUnitPrice", '565,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;ELHATI SURF&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "10"]);

            product.push(["marketinglabel1", "&quot;\ud83e\udd17 En famille&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel3", "&quot;\ud83c\udf0a French Days&quot;"]);
            product.push(["marketinglabel4", "&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 et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
                product.push(["productCategory4", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
    product.push(["productCategory5", '&quot;Multi-activit\u00e9s \u00e9t\u00e9&quot;']);
                product.push(["productCategory4", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
    product.push(["productCategory5", '&quot;Randonn\u00e9e, Trail &amp; Aventure&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="TLWKCV"
        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;320,&quot;tour_code&quot;&#x3A;&quot;TLWKCV&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf,&#x20;massage&#x20;&amp;&#x20;balade&#x20;&#x5C;u00e0&#x20;cheval&#x20;ou&#x20;chameau&#x20;-&#x20;4&#x20;jours&quot;,&quot;position&quot;&#x3A;833,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
    data-action="click->tour-card-analytics#handleClick">

    <div class="relative h-full">
        <a id="tour-card-TLWKCV"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-surf-bien-etre-a-taghazout-4-jours/TLWKCV"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/CVBX9M.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/CVBX9M.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/CVBX9M.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/CVBX9M.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-25084"
>
    <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="25084"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=25084"
        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;320,&quot;tour_code&quot;&#x3A;&quot;TLWKCV&quot;,&quot;tour_name&quot;&#x3A;&quot;Surf,&#x20;massage&#x20;&amp;&#x20;balade&#x20;&#x5C;u00e0&#x20;cheval&#x20;ou&#x20;chameau&#x20;-&#x20;4&#x20;jours&quot;,&quot;position&quot;&#x3A;833,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;4,&quot;tags&quot;&#x3A;&#x5B;&#x5D;,&quot;tour_type&quot;&#x3A;&quot;FIT&quot;,&quot;primary_destination_id&quot;&#x3A;463,&quot;primary_destination_name&quot;&#x3A;&quot;Tamraght&quot;,&quot;secondary_destination_id&quot;&#x3A;361,&quot;secondary_destination_name&quot;&#x3A;&quot;C&#x5C;u00f4te&#x20;Atlantique&#x20;Maroc&quot;,&quot;is_sponsored&quot;&#x3A;false,&quot;sponsored_campaign_name&quot;&#x3A;null&#x7D;&#x7D;&#x7D;"
        data-favorite-is-favorite-param="false"
    >
        <span data-favorite-target="icon">
            <span class="heart-icon ">
                <svg class="size-m text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2 8.00001C19.9 6.10001 18.5 4.90001 17.3 4.50001C15.1 3.80001 13.4 5.30001 12.7 6.10001L12 6.80001L11.4 6.10001C10.6 5.30001 9.00002 3.90001 6.70002 4.50001C5.50002 4.90001 4.10002 6.10001 3.80002 8.00001C3.50002 9.70001 3.90002 13.9 12 19.6C20.1 13.9 20.5 9.70001 20.2 8.00001Z" stroke="currentColor" stroke-width="1.5"/>
</svg>

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

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

                </div>
            </div>

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


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


                        <div class="tooltip-container" role="tooltip" data-tooltip-target="tooltip">Niveau : Tous niveaux<div class="tooltip-arrow" data-tooltip-target="arrow"></div></div></span>
                            <span class="text-xs">
                            Tous niveaux
                        </span>
                        </div>
                    </div>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Tamraght / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Surf, massage &amp; balade à cheval ou chameau - 4 jours</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>4 jours</span>
                    </div>
                </div>

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

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


<script>
    var product = [];
    product.push(["productName", "&quot;Surf, massage &amp; balade \u00e0 cheval ou chameau - 4 jours&quot;"]);
    product.push(["productId", "TLWKCV"]);
    product.push(["productUnitPrice", '320,00€']);
    product.push(["duration", "4"]);
    product.push(["productBrand", "&quot;ELHATI 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;Tamraght&quot;"]);
    
            product.push(["productCategory4", '&quot;Surf&quot;']);
    product.push(["productCategory5", '&quot;Surf&quot;']);
                product.push(["productCategory4", '&quot;Glisse et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

            </div>
                    <div>
                    

<article
    class="result travel-search-engine-result mx-auto relative w-full desktop:hover:scale-[0.98] transition-transform rounded-lg border border-solid border-border-quiet"
    data-code="QANBUO"
        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;419,&quot;tour_code&quot;&#x3A;&quot;QANBUO&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;surf&#x20;en&#x20;famille&#x20;&#x5C;u00e0&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;834,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&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-QANBUO"
           class="flex flex-col medium:flex-row h-full"
           href="https://www.decathlontravel.com/voyages/sport-surf/voyage-stage-de-surf-en-famille-a-taghazout/QANBUO"
           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">10</span>
                        <span
                            class="text-xs text-content-quiet">avr.</span>
                    </div>
                                <img
                    loading="lazy"
                    alt="" title=""
                    src="https://media.decathlontravel.com/assets/320x0/8X8MX6.avif"
                    srcset="https://media.decathlontravel.com/assets/320x0/8X8MX6.avif 320w,
                            https://media.decathlontravel.com/assets/640x0/8X8MX6.avif 640w,
                            https://media.decathlontravel.com/assets/960x0/8X8MX6.avif 960w"
                    sizes="320px"
                    class="object-cover medium:w-[170px] w-full h-[170px] medium:h-full rounded-tr-lg medium:rounded-tr-none" />

                                                <div class="absolute right-m bottom-xs">
                    
<div
    id="favorite-button-25256"
>
    <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="25256"
        data-favorite-connection-url-param="https://www.decathlontravel.com/mon-compte/mes-favoris?tourId=25256"
        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;419,&quot;tour_code&quot;&#x3A;&quot;QANBUO&quot;,&quot;tour_name&quot;&#x3A;&quot;Stage&#x20;de&#x20;surf&#x20;en&#x20;famille&#x20;&#x5C;u00e0&#x20;Taghazout&quot;,&quot;position&quot;&#x3A;834,&quot;page_type&quot;&#x3A;&quot;search&quot;,&quot;listing_type&quot;&#x3A;null,&quot;primary_sport_name&quot;&#x3A;&quot;Surf&quot;,&quot;secondary_sport_name&quot;&#x3A;&quot;Glisse&#x20;et&#x20;vent&quot;,&quot;physical_difficulty&quot;&#x3A;0,&quot;duration&quot;&#x3A;8,&quot;tags&quot;&#x3A;&#x5B;&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>
                    <div>
                                            </div>
                </div>
                <div class="text-content-quiet text-sm py-3xs">
                    <h2>Tamraght / Côte Atlantique Maroc</h2>
                </div>
                                <div>
                    <h3 class="line-clamp-2 font-semibold">Stage de surf en famille à 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 w-fit">
                                                                                                    <span class="w-full text-left text-xs">Dès </span>
                                <div class="flex gap-xs items-center">
                                    <strong class="bg-status-negative p-2xs text-white font-normal text-lg">
                                        419€
                                    </strong>
                                <div class="flex flex-col">
                                    <strong
                                        class="font-normal text-content-quiet line-through text-sm">
                                        499€
                                    </strong>
                                                                            <div class="text-status-negative text-xs">
                                            -80€
                                        </div>
                                                                    </div>
                            </div>
                                                            </div>

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


<script>
    var product = [];
    product.push(["productName", "&quot;Stage de surf en famille \u00e0 Taghazout&quot;"]);
    product.push(["productId", "QANBUO"]);
    product.push(["productUnitPrice", '499,00€']);
    product.push(["duration", "8"]);
    product.push(["productBrand", "&quot;Sines Surf Maroc&quot;"]);
    product.push(["level", "0"]);
    product.push(["traveltype", 'FIT']);
    product.push(["productImpressionListPosition", "12"]);

            product.push(["marketinglabel1", "&quot;\ud83d\udea8 Bons plans&quot;"]);
            product.push(["marketinglabel2", "&quot;\ud83c\udf0a French 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 et vent&quot;']);
    product.push(["productCategory5", '&quot;Glisse et vent&quot;']);
        
    productsList.push(product);
</script>

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

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



    <a
        href="/voyages/date-tours?afterDate=2027-04-03&amp;offset=834&amp;targetDate=2027-04-10"
        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 (800 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>
