Outiref
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="user-scalable=no, width=device-width, maximum-scale=1, minimum-scale=1, initial-scale=1, shrink-to-fit=no"/>
    
    
    <title>Camping Italie du Nord - Sunêlia Vacances</title>
    <meta name="description" content=""/>
                                    <link href="https://www.sunelia.com/fr/thematique/camping-italie-du-nord/"
              rel="canonical">
    
                                        <link href="https://www.sunelia.com/fr/thematique/camping-italie-du-nord/" hreflang="x-default" rel="alternate">
                        <link href="https://www.sunelia.com/fr/thematique/camping-italie-du-nord/" hreflang="fr" rel="alternate">
                                            <link href="https://www.sunelia.com/en/thematic/camping-northern-italy/" hreflang="en" rel="alternate">
                                            <link href="https://www.sunelia.com/de/thematisch/camping-norditalien/" hreflang="de" rel="alternate">
                                            <link href="https://www.sunelia.com/it/tematico/campeggio-italia-del-nord/" hreflang="it" rel="alternate">
                                            <link href="https://www.sunelia.com/es/tematica/camping-norte-de-italia/" hreflang="es" rel="alternate">
                                            <link href="https://www.sunelia.com/nl/thematisch/camping-noord-italie/" hreflang="nl" rel="alternate">
                    <meta property="og:title"
          content="Camping Italie du Nord - Sunêlia Vacances"/>
    <meta property="og:type" content="website"/>
    <meta property="og:site_name" content="Sunêlia"/>
            <meta property="og:url" content="https://www.sunelia.com/fr/thematique/camping-italie-du-nord/"/>
                    <meta property="og:image" content="https://media.sunelia.com/fr/images/1656318485/ori/default-image-png.png"/>
                            <meta property="og:locale" content="fr"/>
                                <meta property="og:locale:alternate" content="en"/>
                                <meta property="og:locale:alternate" content="de"/>
                                <meta property="og:locale:alternate" content="it"/>
                                <meta property="og:locale:alternate" content="es"/>
                                <meta property="og:locale:alternate" content="nl"/>
                    <meta property="twitter:card" content="summary_large_image"/>
            <meta property="twitter:url" content="https://www.sunelia.com/fr/thematique/camping-italie-du-nord/"/>
        <meta property="twitter:title"
          content="Camping Italie du Nord - Sunêlia Vacances"/>
        
    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>

    <link href="https://media.sunelia.com/css/aquatique.css?id=c4a08d439d23446344e7ab1e22c7e731" rel="stylesheet" type="text/css" media="all"/>
    <link href="https://media.sunelia.com/css/app.css?id=6735afc99e07e14167a0e736e1441de6" rel="stylesheet" type="text/css" media="all"/>

            <link rel="preconnect" href="https://media.sunelia.com"/>
    
            <link rel="preconnect" href="matomo.sunelia.com"/>
    
    <link href="https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-regular.woff2"
          rel="preload" as="font" type="font/woff2" crossorigin>
    <link href="https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-300.woff2"
          rel="preload" as="font" type="font/woff2" crossorigin>
    <link href="https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-500.woff2"
          rel="preload" as="font" type="font/woff2" crossorigin>
    <link href="https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-600.woff2"
          rel="preload" as="font" type="font/woff2" crossorigin>
    <link href="https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-700.woff2"
          rel="preload" as="font" type="font/woff2" crossorigin>

    <style>
        /* poppins-300 - devanagari_latin_latin-ext */
        @font-face {
            font-display: swap;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 300;
            src: url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-300.woff2) format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-300.woff) format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }

        /* poppins-regular - devanagari_latin_latin-ext */
        @font-face {
            font-display: swap;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            src: url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-regular.woff2) format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-regular.woff) format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }

        /* poppins-500 - devanagari_latin_latin-ext */
        @font-face {
            font-display: swap;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            src: url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-500.woff2) format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-500.woff) format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }

        /* poppins-600 - devanagari_latin_latin-ext */
        @font-face {
            font-display: swap;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            src: url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-600.woff2) format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-600.woff) format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }

        /* poppins-700 - devanagari_latin_latin-ext */
        @font-face {
            font-display: swap;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 700;
            src: url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-700.woff2) format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */ url(https://media.sunelia.com/fonts/poppins-v20-devanagari_latin_latin-ext-700.woff) format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        }
    </style>

                        <script type="application/ld+json">
            {"@context":"https:\/\/schema.org","@type":"BreadcrumbList","name":"Breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.sunelia.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Camping Italie du Nord"}]}
        </script>
                        <script type="application/ld+json" wire:ignore>
            {"@context":"https:\/\/schema.org","@type":"LocalBusiness","name":"Camping Italie du Nord","telephone":"+33969375115","url":"https:\/\/www.sunelia.com\/fr\/thematique\/camping-italie-du-nord\/","image":"https:\/\/media.sunelia.com\/fr\/images\/1648135113\/landscape-large\/villaggio-dei-fiori-camping-sunelia-3-jpg.jpg","aggregateRating":{"@type":"AggregateRating","bestRating":"10","worstRating":"1","ratingCount":"24","ratingValue":"7.6"}}
        </script>
                <script type="application/ld+json" wire:ignore>
            {"@context":"https:\/\/schema.org","@type":"ItemList","name":"Camping Italie du Nord","description":null,"numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@context":"https:\/\/schema.org","@type":"LodgingBusiness","name":"Camping Villaggio dei Fiori","url":"https:\/\/www.sunelia.com\/fr\/italie\/ligurie\/imperia\/san-remo\/villaggio-dei-fiori\/","identifier":41,"description":"","priceRange":"\u20ac\u20ac\u20ac","telephone":"+33969375115","additionalType":"Campground","brand":{"@type":"Brand","name":"Sun\u00ealia"},"amenityFeature":[{"@type":"LocationFeatureSpecification","name":"petsAllowed","value":false}],"image":["https:\/\/media.sunelia.com\/fr\/images\/1648135113\/landscape-large\/villaggio-dei-fiori-camping-sunelia-3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1648135113\/landscape-large\/villaggio-dei-fiori-camping-sunelia-3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1648135113\/landscape-large\/villaggio-dei-fiori-pataugeoire-1-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1648135111\/landscape-large\/villaggio-dei-fiori-diaporama-camping14-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1648135111\/landscape-large\/villaggio-dei-fiori-diaporama-camping3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1648135111\/landscape-large\/villaggio-dei-fiori-diaporama-camping13-jpg.jpg"],"aggregateRating":{"@type":"AggregateRating","bestRating":"10","worstRating":"1","ratingCount":24,"ratingValue":7.6},"address":{"@type":"PostalAddress","postalCode":"18038","streetAddress":"Via Tiro a Volo, 3","addressLocality":"San Remo","addressCountry":"IT"},"geo":{"@type":"GeoCoordinates","latitude":"43.80244","longitude":"7.74506"},"sameAs":[]}},{"@type":"ListItem","position":2,"item":{"@context":"https:\/\/schema.org","@type":"LodgingBusiness","name":"Camping Gasparina","url":"https:\/\/www.sunelia.com\/fr\/italie\/venetie\/verone\/castelnuovo-del-garda\/gasparina\/","identifier":237,"description":"","priceRange":"\u20ac\u20ac\u20ac","telephone":"+33969375115","additionalType":"Campground","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"petsAllowed","value":true}],"image":["https:\/\/media.sunelia.com\/fr\/images\/1738142203\/landscape-large\/vignette-camping-gasparina-webp.webp","https:\/\/media.sunelia.com\/fr\/images\/1738249583\/landscape-large\/2024-gasparina-parc-aquatique-suneliacbaia-holiday-diaporama2-png.png","https:\/\/media.sunelia.com\/fr\/images\/1738249646\/landscape-large\/2024-gasparina-parc-aquatique-suneliacbaia-holiday-diaporama3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738249675\/landscape-large\/2024-gasparina-parc-aquatique-suneliacbaia-holiday-diaporama4-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738249160\/landscape-large\/2024-gasparina-club-enfant-suneliacbaia-holiday-diaporama5-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738249177\/landscape-large\/2024-gasparina-club-enfant-suneliacbaia-holiday-diaporama6-jpg.jpg"],"address":{"@type":"PostalAddress","postalCode":"37014","streetAddress":"Via Gasparina, 13, Castelnuovo del Garda (VR)","addressLocality":"Castelnuovo del Garda","addressCountry":"IT"},"geo":{"@type":"GeoCoordinates","latitude":"45.45503643","longitude":"10.70219317"},"sameAs":[]}},{"@type":"ListItem","position":3,"item":{"@context":"https:\/\/schema.org","@type":"LodgingBusiness","name":"Camping Cavallino","url":"https:\/\/www.sunelia.com\/fr\/italie\/venetie\/province-de-venise\/cavallino-treporti\/cavallino\/","identifier":239,"description":"","priceRange":"\u20ac\u20ac\u20ac","telephone":"+33969375115","additionalType":"Campground","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"petsAllowed","value":true}],"image":["https:\/\/media.sunelia.com\/fr\/images\/1741098330\/landscape-large\/2024-cavallino-vue-aerienne-sunelia-cbaia-holiday-header-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738248383\/landscape-large\/2024-cavallino-parc-aquatique-sunelia-cbaia-holiday-diaporama2-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738248389\/landscape-large\/2024-cavallino-parc-aquatique-sunelia-cbaia-holiday-diaporama3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247893\/landscape-large\/2024-cavallino-spa-sunelia-cbaia-holiday-diaporama4-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738248183\/landscape-large\/2024-cavallino-club-enfant-sunelia-cbaia-holiday-diaporama5-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738248327\/landscape-large\/2024-cavallino-hebergement-sunelia-cbaia-holiday-diaporama6-jpg-2.jpg"],"address":{"@type":"PostalAddress","postalCode":"30013","streetAddress":"Via delle Batterie, 164 \u2013 Cavallino (Venezia)","addressLocality":"Cavllinoi Treporti","addressCountry":"IT"},"geo":{"@type":"GeoCoordinates","latitude":"45.45742994","longitude":"12.50056947"},"sameAs":[]}},{"@type":"ListItem","position":4,"item":{"@context":"https:\/\/schema.org","@type":"LodgingBusiness","name":"Camping Mare Pineta","url":"https:\/\/www.sunelia.com\/fr\/italie\/frioul-venetie-julienne\/province-de-trieste\/duino-aurisina\/mare-pineta\/","identifier":240,"description":"","priceRange":"\u20ac\u20ac\u20ac","telephone":"+33969375115","additionalType":"Campground","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"petsAllowed","value":true}],"image":["https:\/\/media.sunelia.com\/fr\/images\/1737819629\/landscape-large\/2024-mare-pineta-golfe-trieste-sunelia-cbaia-holiday-header-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247212\/landscape-large\/2024-mare-pineta-parc-aquatique-sunelia-cbaia-holiday-diaporama2-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247218\/landscape-large\/2024-mare-pineta-parc-aquatique-sunelia-cbaia-holiday-diaporama3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247393\/landscape-large\/2024-mare-pineta-club-enfant-sunelia-cbaia-holiday-diaporama4-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247622\/landscape-large\/2024-mare-pineta-hebergement-sunelia-cbaia-holiday-diaporama5-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738247628\/landscape-large\/2024-mare-pineta-hebergement-sunelia-cbaia-holiday-diaporama6-jpg.jpg"],"address":{"@type":"PostalAddress","postalCode":"34011","streetAddress":"Localit\u00e0 Sistiana, 60\/D","addressLocality":"Duino \u2013 Aurisina (Trieste)","addressCountry":"IT"},"geo":{"@type":"GeoCoordinates","latitude":"45.77223831","longitude":"13.6243539"},"sameAs":[]}},{"@type":"ListItem","position":5,"item":{"@context":"https:\/\/schema.org","@type":"LodgingBusiness","name":"Camping Piccola Gardiola","url":"https:\/\/www.sunelia.com\/fr\/italie\/lombardie\/province-de-brescia\/san-felice-del-benaco\/piccola-gardiola\/","identifier":243,"description":"","priceRange":"\u20ac\u20ac\u20ac","telephone":"+33969375115","additionalType":"Campground","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"petsAllowed","value":true}],"image":["https:\/\/media.sunelia.com\/fr\/images\/1738761156\/landscape-large\/2024-piccola-gardiola-plage-camping-suneliacbaia-holiday-header-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738661588\/landscape-large\/2024-piccola-gardiola-plage-camping-suneliacbaia-holiday-diaporama1-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738661579\/landscape-large\/2024-piccola-gardiola-parc-aquatique-suneliacbaia-holiday-diaporama2-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738661580\/landscape-large\/2024-piccola-gardiola-parc-aquatique-suneliacbaia-holiday-diaporama3-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738661582\/landscape-large\/2024-piccola-gardiola-parc-aquatique-suneliacbaia-holiday-diaporama4-jpg.jpg","https:\/\/media.sunelia.com\/fr\/images\/1738661585\/landscape-large\/2024-piccola-gardiola-parc-aquatique-suneliacbaia-holiday-diaporama5-jpg.jpg"],"address":{"@type":"PostalAddress","postalCode":"25010","streetAddress":"Via Gardiola, 36","addressLocality":"San Felice del Benaco (BS)","addressCountry":"IT"},"geo":{"@type":"GeoCoordinates","latitude":"45.57505198","longitude":"10.5513812"},"sameAs":[]}}]}
        </script>
    <link rel="preconnect" href="https://tile.openstreetmap.org"/>
    
    <script>
        window.RECAPTCHA_KEY = 'NkxlX3Rqb2VBQUFBQUc5YmxBaXNYQWhjVERtVjFQNmVMTE40eVpacg==';
        window.REMAILME_KEY = 'ZjJhMjczNGYtNGVmYy00ZmQ5LTgyOTgtZGQ0NjAxOTg4Y2Nk';

        window.SUN_MAIN_COLOR = '#FF7350';
        window.SUN_DEFAULT_COLOR = '#00435C';
        window.SUN_ACCENT_COLOR = '#37B9BE';

        window.SITE_URL = 'https://www.sunelia.com';
    </script>

            <!-- Google Tag Manager -->
        <script defer>(function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-MNC7F2C');
        </script>
        <!-- End Google Tag Manager -->
    
    <!-- RECaptcha -->
    <script defer>(function (d, s) {
            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
            e.async = true;
            e.src = 'https://www.google.com/recaptcha/api.js?render=explicit';
            e.id = 'recaptchaScript';
            t.parentNode.insertBefore(e, t);
        })(document, "script");
    </script>
    <!-- End RECaptcha -->

            <!-- Matomo -->
        <script defer>
            var _paq = window._paq = window._paq || [];
            /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
            _paq.push(['trackPageView']);
            _paq.push(['enableLinkTracking']);
            (function () {
                var u = "//matomo.sunelia.com/";
                _paq.push(['setTrackerUrl', u + 'matomo.php']);
                _paq.push(['setSiteId', 1]);
                var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
                g.async = true;
                g.src = u + 'matomo.js';
                s.parentNode.insertBefore(g, s);
            })();
        </script>
        <!-- End Matomo Code -->
    
    <link rel="apple-touch-icon" sizes="180x180" href="https://media.sunelia.com/apple-touch-icon.png?id=49cca7707f740cb66c7cba3d36683533">
            <link rel="icon" type="image/png" sizes="32x32"
              href="https://media.sunelia.com/fr/images/1656318507/ori/android-chrome-512x512-png.png">
        <link rel="icon" type="image/png" sizes="16x16"
              href="https://media.sunelia.com/fr/images/1656318507/ori/android-chrome-512x512-png.png">
        <link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
    <link rel="mask-icon" href="https://media.sunelia.com/safari-pinned-tab.svg?id=1816c44dbbbdb8e4644ff7a72dc833fd" color="#5bbad5">
            <link rel="shortcut icon"
              href="https://media.sunelia.com/fr/images/1656318508/ori/favicon-ico.ico">
        <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="https://media.sunelia.com/browserconfig.xml?id=e4e40b0c82d228add33b5bcfe276a859">
    <meta name="theme-color" content="#ffffff">
</head>

<body class="page-landing-page without-header">

<link rel="preload" href="https://media.sunelia.com/css/blocks.css?id=bf83eb798cc0cd59ca428528e59eb841" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
    <link rel="stylesheet" href="https://media.sunelia.com/css/blocks.css?id=bf83eb798cc0cd59ca428528e59eb841">
</noscript>

<link rel="preload" href="https://media.sunelia.com/css/leaflet.css?id=9d478c97cad9d79299ef40495f6e9a3e" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
    <link rel="stylesheet" href="https://media.sunelia.com/css/leaflet.css?id=9d478c97cad9d79299ef40495f6e9a3e">
</noscript>

<!-- SVG Includes -->
<svg role="img" aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden" xmlns="http://www.w3.org/2000/svg"><defs><svg id="mapCluster" role="img" aria-hidden="true" viewbox="0 0 240 240" width="240" height="240" fill="{{color}}" xmlns="http://www.w3.org/2000/svg" style="position:absolute;width:0;height:0;overflow:hidden"><circle cx="120" cy="120" opacity=".9" r="70"/><circle id="back" cx="120" cy="120" opacity=".6" r="90"/><circle cx="120" cy="120" opacity=".3" r="110"/></svg><svg id="mapMarker" role="img" aria-hidden="true" viewbox="0 0 25 40" width="70" height="70" fill="{{color}}" xmlns="http://www.w3.org/2000/svg" style="position:absolute;width:0;height:0;overflow:hidden"><path d="M12.9 40c-.033-.05-3.278-5.042-6.45-10.791a97.673 97.673 0 0 1-4.434-8.938C.678 17.101 0 14.661 0 13.021a13.042 13.042 0 0 1 3.778-9.208 12.848 12.848 0 0 1 4.1-2.79 12.83 12.83 0 0 1 10.041 0 12.85 12.85 0 0 1 4.1 2.79 13.042 13.042 0 0 1 3.78 9.207c0 1.64-.679 4.08-2.016 7.25a97.672 97.672 0 0 1-4.434 8.938 195.344 195.344 0 0 1-6.45 10.791zm0-31.942a4.494 4.494 0 1 0 4.452 4.495 4.479 4.479 0 0 0-4.454-4.495z"/></svg><svg id="ladybugMarker" role="img" aria-hidden="true" viewbox="0 0 336 512" width="70" height="70" fill="{{color}}" style="position:absolute;width:0;height:0;overflow:hidden" xmlns="http://www.w3.org/2000/svg"><path d="M167.993 0a164.226 164.226 0 0 0-64.272 13.1A164.41 164.41 0 0 0 51.25 48.815 166.92 166.92 0 0 0 2.893 166.658c0 21.005 8.673 52.231 25.8 92.814a1250.378 1250.378 0 0 0 56.757 114.4c40.596 73.598 82.142 137.48 82.557 138.129.415-.635 41.94-64.538 82.543-138.143a1249.992 1249.992 0 0 0 56.757-114.4c17.12-40.577 25.8-71.802 25.8-92.8A166.929 166.929 0 0 0 284.75 48.815 164.505 164.505 0 0 0 232.264 13.1 164.219 164.219 0 0 0 167.992 0zm12.8 36.928h.828c20.739 0 40.082 5.934 56.443 16.186 22.894 14.716 39.224 37.921 44.6 65.085l.1.643c1.288 6.715 2.029 14.451 2.029 22.343 0 27.085-8.683 52.144-23.414 72.543-23.721 34.043-62.321 56.288-106.171 57.243h-.157l.043.014h-.614a106.77 106.77 0 0 1-44.715-9.772l-1.486-.772 71.8-126.057 2.943 1.685 2.915 1.6.7.371.743.386 2.857 1.543.871.443.514.272 2.757 1.429 2.714 1.357 2.657 1.286c.446.212.882.431 1.328.614l2.585 1.157 2.557 1.129 2.5 1.085.6.243.629.257 2.429.971 1.172.457 2.343.871 2.343.8c7.27 2.757 15.688 4.494 24.457 4.772h.114c.512.03 1.121.043 1.728.043 10.262 0 19.323-5.131 24.743-12.971l.057-.114c3.028-4.871 4.829-10.773 4.829-17.1a32.61 32.61 0 0 0-.971-7.928l-.029-.129c-6.276-25.9-22.594-47.172-44.486-59.9l-.457-.243c-14.636-7.768-31.983-12.328-50.415-12.328-.383 0-.766.008-1.143.014-.256 0-.564-.014-.871-.014a92.986 92.986 0 0 0-23.772 3.072c-9.157 1.833-16.891 7.019-21.986 14.215l-.071.114c-2.546 4.154-4.057 9.174-4.057 14.557 0 1.572.126 3.117.371 4.614l.028.171c-.008-.047-.007-.096-.014-.143 4.436 14.168 13.619 25.767 25.643 33.186l.257.143 2.343 1.743c1.171.877 2.428 1.779 3.7 2.657l2.585 1.772.557.371.8.528 2.757 1.814 2.871 1.829 2.971 1.843 5.557 3.386.643.315L88.89 248.372c-20.926-17.02-34.913-41.875-37.428-70.043l-.029-.4c-.292-3.219-.457-6.962-.457-10.743 0-27.091 8.62-52.164 23.257-72.643l.257-.371c23.772-34.044 62.42-56.281 106.3-57.243zm-.614 22.101h.014c10.532 0 18.715 4.437 19.886 10.786.073.468.114 1.008.114 1.557a10.31 10.31 0 0 1-2.143 6.314c-4.761 5.597-11.468 9.421-19.072 10.385l-.157.014c-1.946.337-4.175.514-6.457.514h-.043l.029.028c-10.613 0-18.838-4.444-19.986-10.8a10.527 10.527 0 0 1-.114-1.572c0-2.377.804-4.569 2.157-6.314l.014-.014c4.746-5.587 11.444-9.386 19.029-10.328l.143-.014c1.975-.351 4.26-.55 6.585-.557zm55 32.628h.029c9.589 1.324 17.275 8.175 19.843 17.171l.043.157c1.178 2.867 1.872 6.211 1.872 9.7 0 3.644-.755 7.105-2.1 10.257-1.549 3.373-4.346 5.957-7.786 7.185l-.085.029c-1.119.358-2.411.557-3.743.557h-.243l.029.029c-9.603-1.258-17.334-8.11-19.857-17.129l-.029-.157c-1.163-2.86-1.843-6.19-1.843-9.671 0-3.629.735-7.085 2.071-10.228l.071-.171c-.018.041-.025.088-.043.129 1.555-3.379 4.356-5.969 7.8-7.2l.085-.028a12.189 12.189 0 0 1 3.886-.629zm-105.843 38.872.014.014c-.768 0-1.511.068-2.243.185a13.026 13.026 0 0 0-8.472 5.214l-.028.043a11.804 11.804 0 0 0-2.228 6.943c0 .707.055 1.399.171 2.071.003.015.011.028.014.043v.029c1.191 5.888 6.338 10.257 12.5 10.257h.243c.745 0 1.482-.055 2.2-.172l.085-.014a12.914 12.914 0 0 0 8.471-5.214l.029-.043a11.718 11.718 0 0 0 2.228-6.915c0-.714-.063-1.406-.185-2.085l-.014-.043c-1.231-5.923-6.412-10.315-12.614-10.315h-.172zm-46.457 6.056c-.12 0-.231.008-.343.014v.014c-.763 0-1.502.055-2.228.172a13.032 13.032 0 0 0-8.443 5.228l-.028.029a11.861 11.861 0 0 0-2.243 6.957c0 .724.061 1.427.186 2.114v-.071c1.192 5.932 6.369 10.328 12.572 10.328.105 0 .21.006.314 0 .713 0 1.434-.065 2.115-.172 3.525-.563 6.525-2.479 8.486-5.2l.028-.043a11.955 11.955 0 0 0 2.257-7.029c0-.702-.056-1.389-.171-2.057v-.029c-1.203-5.889-6.344-10.257-12.5-10.257zm106.786 28.272c-.738 0-1.453.056-2.157.172a13.088 13.088 0 0 0-8.585 5.328l-.043.029a11.597 11.597 0 0 0-1.985 8.929c.003.015.012.028.014.043v.029c1.197 5.903 6.344 10.286 12.514 10.286h.228a13.395 13.395 0 0 0 2.172-.172l.057-.014h.014a13.044 13.044 0 0 0 8.443-5.228l.029-.029c1.411-1.939 2.243-4.374 2.243-7 0-.692-.061-1.37-.172-2.029-1.207-5.917-6.369-10.3-12.557-10.3h-.243l.029-.043zm-96.772 21.058.014.014c-.746 0-1.487.055-2.2.172-3.562.555-6.59 2.5-8.572 5.243l-.028.043a11.785 11.785 0 0 0-2.215 6.9c0 .721.063 1.413.186 2.1.003.014.011.028.014.043v.029c1.219 5.888 6.358 10.257 12.528 10.257h.2c.738-.001 1.468-.07 2.171-.185l.072-.014c3.545-.578 6.552-2.504 8.528-5.243l.043-.043a11.813 11.813 0 0 0 2.243-6.957c0-.693-.076-1.377-.186-2.043-1.287-5.938-6.49-10.315-12.728-10.315h-.072zm114.5 15.728c-.75 0-1.484.069-2.2.185-.019.003-.037.011-.057.014-3.53.571-6.531 2.49-8.5 5.214l-.029.029a11.814 11.814 0 0 0-2.257 6.957c0 .714.063 1.413.185 2.085.003.015.011.028.014.043.001.009-.002.019 0 .029 1.277 5.874 6.43 10.2 12.6 10.2h.185c.76 0 1.494-.07 2.214-.185l.043-.014a12.907 12.907 0 0 0 8.514-5.2l.029-.043a11.667 11.667 0 0 0 2.214-6.857c0-.728-.077-1.44-.2-2.129l-.014-.043c-1.209-5.895-6.349-10.272-12.514-10.272h-.228v-.014zm-53.629 17.085c-.738 0-1.466.07-2.172.185a12.908 12.908 0 0 0-8.514 5.214l-.029.029a11.833 11.833 0 0 0-2.243 6.971c0 .699.055 1.378.172 2.043.002.011.012.018.014.029.002.014-.002.029 0 .043 1.249 5.903 6.423 10.272 12.614 10.272h.185c.731 0 1.446-.056 2.143-.172l.085-.014a13.024 13.024 0 0 0 8.443-5.228l.029-.029a11.843 11.843 0 0 0 2.257-6.971c0-.7-.076-1.377-.185-2.043-1.2-5.917-6.355-10.315-12.543-10.315h-.243v-.014h-.014z"/><path style="fill:#fff;fill-opacity:1" d="M31.593 36.927c-1.426-.174-3.507-.748-4.44-1.225-.207-.106-.222-.14-.133-.305.21-.394 9.587-16.84 9.62-16.873.02-.019.879.385 1.91.897 2.75 1.365 4.164 1.85 5.969 2.046 1.645.178 2.752-.132 3.741-1.047 1.3-1.204 1.602-2.86.913-5.018-.698-2.188-1.776-3.94-3.373-5.482-2.028-1.957-4.45-3.074-7.544-3.48-1.822-.239-3.556-.155-5.275.255-1.058.252-1.557.473-2.23.984-1.06.805-1.505 1.696-1.504 3.006 0 .73.026.859.3 1.488a8.227 8.227 0 0 0 1.746 2.554c.651.65 2.4 1.921 3.941 2.864.476.29.85.57.83.622-.02.052-2.705 3.601-5.967 7.888l-5.93 7.794-.636-.585c-3.704-3.413-5.221-8.484-4.139-13.833 1.24-6.12 6.006-11.442 12.043-13.444 1.957-.649 3.595-.916 5.584-.91 7.024.022 12.852 5.115 13.757 12.02.525 4.004-.47 8.203-2.747 11.589-2.258 3.358-5.332 5.819-8.93 7.147-2.379.878-5.421 1.303-7.506 1.048zm2.498-3.91c.513-.36.738-.797.74-1.436 0-.445-.037-.572-.273-.92a1.817 1.817 0 0 0-2.79-.257 1.699 1.699 0 0 0 .492 2.759c.534.25 1.362.184 1.831-.146zm7.093-2.215c.96-.444 1.278-1.58.703-2.51-.451-.73-1.644-.976-2.447-.504a1.901 1.901 0 0 0-.865 1.246c-.118.645.3 1.411.96 1.76.403.213 1.197.217 1.649.008zM25.7 28.569c1.194-.7 1.06-2.492-.228-3.03-.406-.17-1.177-.167-1.52.005-.666.336-1.008.856-1.018 1.548-.01.743.45 1.399 1.17 1.669.405.151 1.166.06 1.596-.192zm13.23-2.873a1.69 1.69 0 0 0 .817-1.464c-.01-1.685-2.176-2.34-3.264-.987-.343.426-.413 1.205-.154 1.708.5.971 1.648 1.3 2.601.743zm-14.66-3.848c.58-.32.954-1.092.844-1.743-.257-1.521-2.269-1.975-3.265-.736-.273.34-.378.9-.274 1.455.058.31.519.898.84 1.07.511.275 1.309.255 1.855-.046zm6.05-.665c.629-.188 1.232-.988 1.23-1.631-.001-.34-.189-.808-.438-1.092-.372-.424-.81-.623-1.37-.623-1.14 0-1.863.73-1.794 1.813.044.693.32 1.115.921 1.415.487.243.916.278 1.452.118z" transform="translate(-88) scale(7.31429)"/><path style="fill:#fff;fill-opacity:1" d="M35.042 12.017c-1.58-.183-2.457-1.096-2.031-2.115.143-.343.887-1.018 1.419-1.288 1.47-.744 3.607-.618 4.49.266.78.78.503 1.663-.787 2.517-.728.482-2.028.743-3.09.62zm9.91 6.579c-1.88-.445-3.098-2.81-2.425-4.708.475-1.34 1.73-1.66 3.02-.771.718.494 1.079 1.034 1.403 2.102.573 1.885-.518 3.728-1.998 3.377z" transform="translate(-88) scale(7.31429)"/></svg></defs></svg>

<!-- End SVG Includes -->

<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe
        src="https://www.googletagmanager.com/ns.html?id=GTM-MNC7F2C"
        height="0" width="0" style="display:none;visibility:hidden"
        title="Google Tag Manager"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- SVG Includes -->
<svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" style="position:absolute;width:0;height:0;overflow:hidden"><symbol id="sunLoading" style="margin:auto;display:block;shape-rendering:auto;animation-play-state:running;animation-delay:0s" viewbox="0 0 100 100" preserveaspectratio="xMidYMid" class="sun-loading-svg"><circle cx="50" cy="50" r="0" fill="none" stroke="#000" stroke-width="2" style="animation-play-state:running;animation-delay:0s;stroke:var(--sun-main-color, #000000)"><animate attributename="r" repeatcount="indefinite" dur="1s" values="0;40" keytimes="0;1" keysplines="0 0.2 0.8 1" calcmode="spline" begin="0s"/><animate attributename="opacity" repeatcount="indefinite" dur="1s" values="1;0" keytimes="0;1" keysplines="0.2 0 0.8 1" calcmode="spline" begin="0s"/></circle><circle cx="50" cy="50" r="0" fill="none" stroke="#666" stroke-width="2" style="animation-play-state:running;animation-delay:0s;stroke:var(--sun-accent-color, #666666)"><animate attributename="r" repeatcount="indefinite" dur="1s" values="0;40" keytimes="0;1" keysplines="0 0.2 0.8 1" calcmode="spline" begin="-0.5s"/><animate attributename="opacity" repeatcount="indefinite" dur="1s" values="1;0" keytimes="0;1" keysplines="0.2 0 0.8 1" calcmode="spline" begin="-0.5s"/></circle></symbol><use class="sun-loading" xlink:href="#sunLoading"/></svg>

<!-- End SVG Includes -->

<div class="ie-warning" data-nosnippet>
    <div>Votre navigateur est <strong>obsolète et n'est plus maintenu</strong>, y compris les <strong>mises à jour de sécurité</strong>. Il ne permet pas de bénéficier de toutes les possibilités de notre site internet.</div>
</div>

<div wire:id="C1QjmsuqJm39zYZkJj0q" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;C1QjmsuqJm39zYZkJj0q&quot;,&quot;name&quot;:&quot;user.language-redirect&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;path&quot;:&quot;fr\/thematique\/camping-italie-du-nord&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;checkLanguage&quot;,&quot;saveLangRedirection&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;8e93665c&quot;,&quot;data&quot;:{&quot;couldRedirect&quot;:true,&quot;userLanguage&quot;:null,&quot;currentLanguage&quot;:null,&quot;pageId&quot;:4230},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;4f3e44724c81e8a2fa1a9957fb0b292db19d2a6943d685717d4d17c566d2c2bc&quot;}}" x-init="$nextTick(()=> { soTools.detectLanguage('fr', $wire) })">
    <div class="modal fade" id="language-redirect-modal" data-bs-backdrop="static" data-bs-keyboard="false"
         tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content background-white bg-opacity-50">
                <div class="close-redirect" data-bs-dismiss="modal"
                     wire:click="refuseRedirection">
                    <svg role="img" aria-hidden="true" class="icon sun-fill-white-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Close"></use></svg>
                </div>
                <div class="modal-body sun-text-default-color">
                    <div class="d-flex gap-1 justify-content-center flex-column mt-2 mb-4">
                        <span>Sélectionnez la langue que vous préférez pour votre navigation</span>
                        <em>Sélectionnez la langue que vous préférez pour votre navigation</em>
                    </div>
                    <div class="d-flex flex-wrap gap-3 justify-content-between">
                        <div class="lang-menu">
                            <div class="form-floating">
    
    <select
        class="form-select  with-suffix-icon"
        
                    wire:model.defer="userLanguage"
            x-on:change="userLanguage=$event.target.value"
                id="userLanguage"
        name="userLanguage">
                            <option value="fr"
                                        >
                Français / Français
            </option>
                    <option value="en"
                                        >
                Anglais / Anglais
            </option>
                    <option value="de"
                                        >
                Allemand / Allemand
            </option>
                    <option value="it"
                                        >
                Italien / Italien
            </option>
                    <option value="es"
                                        >
                Espagnol / Espagnol
            </option>
                    <option value="nl"
                                        >
                Néerlandais / Néerlandais
            </option>
            </select>

            <svg role="img" aria-hidden="true" class="icon after-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_FlecheBas"></use></svg>
    
    <label for="userLanguage" class="form-label  with-suffix-icon">
        Langue / Langue
    </label>

    </div>
                        </div>

                        <button type="button" class="sun-button-main-color" data-bs-dismiss="modal"
                                wire:click="acceptRedirection">
                            Valider /
                            <em>Valider</em>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Livewire Component wire-end:C1QjmsuqJm39zYZkJj0q -->

    <nav class="navbar navbar-light">
    <div class="container no-gutters background-rendering">
        <div class="header-left navbar-expand-lg" x-data="{ show: false }">
                            <div class="container-menu-icon">
                    <button class="navbar-toggler dropdownMenuButton" type="button"
                            @click="show = !show"
                            aria-label="Open menu"
                            aria-controls="menuSunelia"
                            aria-expanded="false">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </div>
            
            <a href="https://www.sunelia.com/fr/"
               class="navbar-brand">
                                                        <img src="https://media.sunelia.com/fr/images/1684832688/ori/logo-svg.svg"
                         alt=""
                          width="101"                           height="43"                          class="logo"/>
                            </a>

                            <div class="navbar-collapse" id="menuSunelia"
                     :class="show ? 'show' : ''">
                    <div class="dropdown header-lang-menu">
                                                    <button type="button"
                                    class="dropdown-toggle lang-menu-link"
                                    data-bs-toggle="dropdown">
                            <span
                                class="sun-text-accent-color">Langue</span>
                                <span class="text-uppercase sun-text-default-color">
                            fr
                            <em class="sprite-flags-fr"></em>
                        </span>
                            </button>
                            <ul class="dropdown-menu sun-text-default-color">
                                                                                            <li x-data="{ url: 'https://www.sunelia.com/en/thematic/camping-northern-italy/' }">
                    <a href="https://www.sunelia.com/en/thematic/camping-northern-italy/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'en' });">
                        <span>Anglais</span>
                        <em class="sprite-flags-en"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/de/thematisch/camping-norditalien/' }">
                    <a href="https://www.sunelia.com/de/thematisch/camping-norditalien/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'de' });">
                        <span>Allemand</span>
                        <em class="sprite-flags-de"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/it/tematico/campeggio-italia-del-nord/' }">
                    <a href="https://www.sunelia.com/it/tematico/campeggio-italia-del-nord/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'it' });">
                        <span>Italien</span>
                        <em class="sprite-flags-it"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/es/tematica/camping-norte-de-italia/' }">
                    <a href="https://www.sunelia.com/es/tematica/camping-norte-de-italia/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'es' });">
                        <span>Espagnol</span>
                        <em class="sprite-flags-es"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/nl/thematisch/camping-noord-italie/' }">
                    <a href="https://www.sunelia.com/nl/thematisch/camping-noord-italie/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'nl' });">
                        <span>Néerlandais</span>
                        <em class="sprite-flags-nl"></em>
                    </a>
                </li>
                                                    </ul>
                                            </div>
                    <div>
                        <ul class="navbar-nav">
                                                            <li class="nav-item dropdown">
                    <button type="button"
                    class="nav-link dropdown-toggle"
                    role="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">
                Nos destinations
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/thematique/nouveautes-2025/">
                Nouveautés 2025
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Bord de mer
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-atlantique/">
                Atlantique
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-mediterranee/">
                Méditerranée
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/manche/">
                Manche
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Montagne
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/lorraine/vosges/">
                Vosges
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-alpes/">
                Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-pyrenees/">
                Pyrénées
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Lacs &amp; rivières
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/pays-de-la-loire/">
                Pays de la Loire
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/">
                Occitanie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-provence/">
                Provence
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/nouvelle-aquitaine/dordogne/">
                Vallée de la Dordogne
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Europe
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/espagne/">
                Espagne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/italie/">
                Italie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/pays-bas/">
                Pays-Bas
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/croatie/">
                Croatie
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
                                                            <li class="nav-item dropdown">
                    <button type="button"
                    class="nav-link dropdown-toggle"
                    role="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">
                Nos offres
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/offres-du-moment/">
                Bons Plans
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Vos envies
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-chien/">
                Animaux bienvenus
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-famille/">
                Camping en famille
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-parc-aquatique/">
                Parc aquatique
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/italie/sardaigne/">
                Sardaigne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/croatie/">
                Croatie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-pour-vacances-sportives/">
                Sport en plein air
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Séjours thématiques
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/sejour-sports-nautiques-hautes-alpes/">
                Sports nautiques Hautes-Alpes
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Evènements
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-mariage/">
                Mariage
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/groupe/">
                Séjours en groupe
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
                                                            <li class="nav-item dropdown">
                    <button type="button"
                    class="nav-link dropdown-toggle"
                    role="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">
                Espace pro
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Séminaires
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-ile-de-re/">
                Séminaire Île-de-Ré
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-quimper/">
                Séminaire Quimper
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-les-sablons/">
                Séminaire Hérault
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-vosges/">
                Séminaire Vosges
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-nantes/">
                Séminaire Nantes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-provence/">
                Séminaire Provence
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-largentiere/">
                Séminaire Var
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-alpes/">
                Séminaire Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-hautes-alpes/">
                Séminaire Hautes-Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-essonne/">
                Séminaire Essonne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-seminaire/">
                Tous nos séminaires
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-cse-et-collectivite/">
                CSE et Collectivités
            </a>
        </li>
                </ul>
            </li>
                                                            <li class="nav-item dropdown">
                    <button type="button"
                    class="nav-link dropdown-toggle"
                    role="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">
                Découvrez Sunêlia
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Le Groupe
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/">
                Nos valeurs
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/labels-de-qualite/">
                Labels de qualité
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Services
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/prestations-hotelieres/">
                Prestations hôtelières
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/service-de-restauration/">
                Restauration
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/l-univers-de-l-enfant/">
                L&#039;univers de l&#039;enfant
            </a>
        </li>
                </ul>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Avantages et assurances
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/carte-privilege/">
                Le programme privilège
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/garantie-annulation/">
                La garantie annulation
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/offres-du-moment/offre-soleil/">
                La garantie soleil
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Nos réseaux partenaires
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/le-partenariat-collection-rivages-sunelia-vacances/">
                Collection Rivages
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/qui-sommes-nous/le-partenariat-wecamp/">
                wecamp
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/qui-sommes-nous/partenaire-baia-holiday/">
                Baia Holiday
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-partenaires/">
                Voir tous les partenaires
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
                                                    </ul>
                        <div class="container-subheader">
                            <ul>
                        <li>
                <a href="/fr/foire-aux-questions/">
                    Foire aux questions
                </a>
            </li>
                                <li>
                <a href="/fr/conditions-generales-de-ventes/">
                    Conditions générales de ventes
                </a>
            </li>
                                <li>
                <a href="/fr/charte-de-protection-des-donnees-personnelles/">
                    Protection des données personnelles
                </a>
            </li>
                                <li>
                <a href="/fr/mentions-legales/">
                    Mentions légales
                </a>
            </li>
                                <li>
                <a href="/fr/plan-du-site/">
                    Plan du site
                </a>
            </li>
                                <li>
                <a href="javascript:openAxeptioCookies()">
                    Préférences des Cookies
                </a>
            </li>
                                <li>
                <a href="/fr/l-application-sunelia-votre-nouveau-compagnon-de-vacances/">
                    L&#039;app Sunêlia
                </a>
            </li>
                                <li>
                <a href="/fr/recrutement/">
                    Recrutement
                </a>
            </li>
            </ul>
                        </div>
                    </div>

                    <button type="button"
                            id="menuSuneliaClose"
                            class="collapse-close dropdownMenuClose"
                            @click="show = !show"
                            aria-label="Close menu"
                            aria-expanded="false"
                            aria-controls="menuSunelia">
                        <svg role="img" aria-hidden="true" class="icon sun-fill-default-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Close"></use></svg>
                    </button>
                </div>
                    </div>
        <div wire:id="yBczvvdQ6fgTy6UVDMza" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;yBczvvdQ6fgTy6UVDMza&quot;,&quot;name&quot;:&quot;user.user-menu&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;path&quot;:&quot;fr\/thematique\/camping-italie-du-nord&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;loadUser&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;515c1cf5&quot;,&quot;data&quot;:{&quot;user&quot;:null,&quot;ready&quot;:false,&quot;hideMyAccount&quot;:false,&quot;email&quot;:&quot;&quot;,&quot;password&quot;:&quot;&quot;,&quot;pageId&quot;:4230,&quot;campsiteId&quot;:null,&quot;arrivalDate&quot;:&quot;&quot;,&quot;arrivalDateTimestamp&quot;:&quot;&quot;,&quot;departureDateTimestamp&quot;:&quot;&quot;,&quot;hostingType&quot;:&quot;all&quot;,&quot;travelers&quot;:0,&quot;nbAdults&quot;:2,&quot;nbChildren12to17&quot;:0,&quot;nbChildren6to11&quot;:0,&quot;nbChildren4to5&quot;:0,&quot;nbChildren0to3&quot;:0,&quot;petAllowed&quot;:null,&quot;airConditioning&quot;:null,&quot;minBedroom&quot;:null,&quot;maxBedroom&quot;:null,&quot;minBathroom&quot;:null,&quot;maxBathroom&quot;:null,&quot;sort&quot;:&quot;relevance&quot;,&quot;filters&quot;:&quot;&quot;,&quot;tagFilters&quot;:[],&quot;searchAutocomplete&quot;:[],&quot;hostingRanges&quot;:[],&quot;hostingDistricts&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;402018b37b220c9f1c840948c3e2eaa81534b8f99ba5e391364a4f6c851980c0&quot;}}" class="header-right" x-data="{ userShow: false, phoneShow: false }" wire:init="loadUser">
            <div class="container-phone">
            <span class="container-phone-icon">
                <a href="tel:+33 (0)9 69 375 115"
                   aria-label="+33 (0)9 69 375 115"
                   data-trk-click-tel="+33 (0)9 69 375 115">
                    <svg role="img" aria-hidden="true" class="icon"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Telephone"></use></svg>
                </a>
            </span>
            <span class="container-phone-text text-truncate">
                                    <span>Appeler un conseiller</span>
                    <br/>
                    <a href="tel:+33 (0)9 69 375 115"
                       class="number"
                       data-trk-click-tel="+33 (0)9 69 375 115">+33 (0)9 69 375 115</a>
                            </span>
        </div>
                <div class="container-account allow-focus position-relative">
            <div @click="userShow = !userShow"
                 aria-expanded="false"
                 aria-controls="userLogin"
                 aria-label="Open user menu"
                 role="button"
                 class="dropdownMenuButton position-relative"
                 :class="{ 'active': userShow }">
                <svg role="img" aria-hidden="true" class="icon"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
                            </div>
        </div>
        <div class="dropdown">
            <div class="dropdown-user" id="userLogin" :class="userShow ? 'show' : ''">
                <div>
                                                                                </div>
                <button type="button"
                        id="userLoginClose"
                        class="collapse-close dropdownMenuClose"
                        @click="userShow = false"
                        aria-label="Close menu"
                        aria-expanded="false"
                        aria-controls="userLogin">
                    <svg role="img" aria-hidden="true" class="icon sun-fill-white-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Close"></use></svg>
                </button>
            </div>
        </div>
    </div>

<!-- Livewire Component wire-end:yBczvvdQ6fgTy6UVDMza -->    </div>
</nav>

<header>
        </header>

            <div class="breaking-point mt-3"></div>
        <div class="campsite-search">
            <div class="container no-gutters-desktop">
                <div wire:id="hVxgyGyADZs1ZrI6kPhI" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;hVxgyGyADZs1ZrI6kPhI&quot;,&quot;name&quot;:&quot;campsite.campsite-search&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;path&quot;:&quot;fr\/thematique\/camping-italie-du-nord&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;selectItem&quot;],&quot;path&quot;:&quot;https:\/\/www.sunelia.com\/fr\/thematique\/camping-italie-du-nord\/?&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;89b001dd&quot;,&quot;data&quot;:{&quot;searchAutocomplete&quot;:[],&quot;selection&quot;:{&quot;5&quot;:false,&quot;12&quot;:false,&quot;13&quot;:false,&quot;24&quot;:false},&quot;ready&quot;:false,&quot;tags&quot;:null,&quot;search&quot;:null,&quot;searchSlug&quot;:null,&quot;queryString&quot;:{&quot;0&quot;:&quot;tags&quot;,&quot;searchSlug&quot;:{&quot;except&quot;:&quot;&quot;,&quot;as&quot;:&quot;search&quot;}},&quot;selectedItem&quot;:null,&quot;pageId&quot;:4230,&quot;campsiteId&quot;:null,&quot;arrivalDate&quot;:&quot;&quot;,&quot;arrivalDateTimestamp&quot;:&quot;&quot;,&quot;departureDateTimestamp&quot;:&quot;&quot;,&quot;hostingType&quot;:&quot;all&quot;,&quot;travelers&quot;:0,&quot;nbAdults&quot;:2,&quot;nbChildren12to17&quot;:0,&quot;nbChildren6to11&quot;:0,&quot;nbChildren4to5&quot;:0,&quot;nbChildren0to3&quot;:0,&quot;petAllowed&quot;:null,&quot;airConditioning&quot;:null,&quot;minBedroom&quot;:null,&quot;maxBedroom&quot;:null,&quot;minBathroom&quot;:null,&quot;maxBathroom&quot;:null,&quot;sort&quot;:&quot;relevance&quot;,&quot;filters&quot;:&quot;&quot;,&quot;tagFilters&quot;:[],&quot;hostingRanges&quot;:[],&quot;hostingDistricts&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;dbe8acf6c1e874f1a742c0d57231087dd6c275b738e98fe944307a3e8c0c34e3&quot;}}" wire:init="initSearch">
    <div class="search-campsites">
        <div class="input-group search-inputs">
    <div class="form-floating full-width-mobile search first last-mobile"
         x-data="{ open: false, searchInput: window.Livewire.find('hVxgyGyADZs1ZrI6kPhI').entangle('search').defer }"
         x-init="$nextTick(()=> {                initCampsiteSearch(                    $wire,                    'fr',                    JSON.parse('{\u0022campsite\u0022:\u0022Campings\u0022,\u0022page\u0022:\u0022Autres r\\u00e9sultats\u0022,\u0022noResult\u0022:\u0022Aucun r\\u00e9sultat ne correspond \\u00e0 votre recherche\u0022,\u0022helper\u0022:\u0022Saisissez une destination, le nom d\\u0027un camping, une activit\\u00e9, un service, etc.\u0022}')                )            })"
         @mousedown.away="open === true ? (open = false) : null; body.classList.remove('campsite-search-opened');">
        <button class="mobile-search-overlay"
                aria-label="Close search modal"
                @click="if (!open) onCampsiteSearch(searchInput); open = true; body.classList.add('campsite-search-opened'); setTimeout(() => {document.getElementById('search-mobile').focus();}, 300);">
        </button>
        <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Boussole"></use></svg>
        <input
            @click="if (!open) onCampsiteSearch(searchInput); open = true; body.classList.add('campsite-search-opened');"
            @input="onCampsiteSearch"
            @keydown="open = true"
            x-model="searchInput"
            wire:model.defer="search"
            wire:keydown.enter="submitAutoComplete"
            id="search"
            name="search"
            autocomplete="off"
            type="text"
            placeholder="Destination, camping, activité, etc"
            aria-label="Destination, camping, activité, etc"
            class="form-control with-prefix-icon">
        <div class="autocomplete-loading" wire:loading.flex>
            <svg role="img" aria-hidden="true" class="sun-loading" aria-label="Loading"><use href="#sunLoading"></use></svg>
        </div>
        <label for="search" class="form-label with-prefix-icon">Destination, camping, activité, etc</label>
        <div class="campsite-autocomplete-results" x-show="open" wire:loading.class="loading" x-cloak>
            <div class="campsite-autocomplete-results-close-mobile"
                 x-show="open"
                 @click="open = false; body.classList.remove('campsite-search-opened');">
                <svg role="img" aria-hidden="true" class="icon sun-fill-white-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Close"></use></svg>
            </div>
            <div>
                <div class="form-floating search-mobile d-md-none">
    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Boussole"></use></svg>
    <input
        id="search-mobile"
        name="search"
        x-model="searchInput"
        wire:model.defer="search"
        wire:keydown.enter="submitAutoComplete"
        @input="onCampsiteSearch"
        autocomplete="off"
        type="text"
        placeholder="Destination, camping, activité, etc"
        aria-label="Destination, camping, activité, etc"
        class="form-control with-prefix-icon">
    <div wire:loading.flex class="autocomplete-loading">
        <svg role="img" aria-hidden="true" class="sun-loading" aria-label="Loading"><use href="#sunLoading"></use></svg>
    </div>
    <label for="search" class="form-label with-prefix-icon">Destination, camping, activité, etc</label>
</div>

    <div class="search-suggestions" wire:loading.class="loading">
        <div id="campsite-search-no-results">
            <span class="auto-complete-no-results">
                Saisissez une destination, le nom d'un camping, une activité, un service, etc.
            </span>
        </div>
        <div id="campsite-search-results" class="d-none">
        </div>
        <div class="search-menu">
        <span>Besoin d&#039;inspiration ?</span>
                                    <a href="#"
                   rel="nofollow"
                   @click="open = false; selectCampsiteSearch(228, 'page'); body.classList.remove('campsite-search-opened');">
                    Bord de mer
                </a>
                                                <a href="#"
                   rel="nofollow"
                   @click="open = false; selectCampsiteSearch(255, 'page'); body.classList.remove('campsite-search-opened');">
                    Campagne
                </a>
                                                <a href="#"
                   rel="nofollow"
                   @click="open = false; selectCampsiteSearch(258, 'page'); body.classList.remove('campsite-search-opened');">
                    Montagne
                </a>
                                                <a href="#"
                   rel="nofollow"
                   @click="open = false; selectCampsiteSearch(480, 'page'); body.classList.remove('campsite-search-opened');">
                    Lac et Rivière
                </a>
                                                <a href="#"
                   rel="nofollow"
                   @click="open = false; selectCampsiteSearch(504, 'page'); body.classList.remove('campsite-search-opened');">
                    Nature
                </a>
                        </div>
    </div>
            </div>
        </div>
        <div class="campsite-autocomplete-results-backdrop" x-show="open" x-cloak></div>
    </div>

            <div class="form-floating dates full-width-mobile first-mobile last-mobile">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Calendrier"></use></svg>
        
        <input id="arrivalDate"
               name="arrivalDate"

                                  wire:model="arrivalDate"
               
               
               type="text"
               placeholder="Arrivée - Départ"
               aria-label="Arrivée - Départ"
               class="form-control  with-prefix-icon"
                readonly
>

        
                                    <label for="arrivalDate" class="form-label  with-prefix-icon">
                    Arrivée - Départ
                </label>
                                        </div>
        <div class="form-floating first-mobile">
            <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Hebergement"></use></svg>
    
    <select
        class="form-select  with-prefix-icon"
        
                    wire:model="hostingType"
                id="hostingType"
        name="hostingType">
                            <option value="all"
                                        >
                Tous
            </option>
                    <option value="location"
                                        >
                Location
            </option>
                    <option value="camping"
                                        >
                Emplacement
            </option>
            </select>

    
    <label for="hostingType" class="form-label  with-prefix-icon">
        Hébergement
    </label>

    </div>
    <div class="form-floating family-composition  detailed-family  last"
     x-data="{ open: false }"
     @click.away="open = false; body.classList.remove('family-composition-opened');">
            <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        <input            name="travelers"
           type="text"
           @click="open = true; body.classList.add('family-composition-opened'); soTools.showModal();"
           readonly="readonly"
           id="travelers"
                      wire:model.defer="travelers"
                                 placeholder="Voyageurs"
           aria-label="Voyageurs"
           class="form-control family-composition-input  with-prefix-icon"
           
           value="">
    <label for="travelers"
           class="form-label  with-prefix-icon">Voyageurs</label>
    
            <div class="family-composition-selector" x-cloak x-show="open">
            <div class="form-floating">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        
        <input id="nbAdults"
               name="nbAdults"

                                  wire:model.defer="nbAdults"
               
               
               type="number"
               placeholder="Adultes"
               aria-label="Adultes"
               class="form-control  with-prefix-icon"
                
               min=0               
               inputmode=numeric               

                                  x-data="{ nbAdults: $wire.nbAdults }"
               @keyup="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
               @change="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
                    >

        
                                    <label for="nbAdults" class="form-label  with-prefix-icon">
                    Adultes
                </label>
                                        </div>
            <div class="input-group">
                <div class="form-floating first">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        
        <input id="nbChildren0to3"
               name="nbChildren0to3"

                                  wire:model.defer="nbChildren0to3"
               
               
               type="number"
               placeholder="0 à 3 ans"
               aria-label="0 à 3 ans"
               class="form-control  with-prefix-icon"
                
               min=0               
               inputmode=numeric               

                                  x-data="{ nbChildren0to3: $wire.nbChildren0to3 }"
               @keyup="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
               @change="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
                    >

        
                                    <label for="nbChildren0to3" class="form-label  with-prefix-icon">
                    0 à 3 ans
                </label>
                                        </div>
                <div class="form-floating last">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        
        <input id="nbChildren4to5"
               name="nbChildren4to5"

                                  wire:model.defer="nbChildren4to5"
               
               
               type="number"
               placeholder="4 à 5 ans"
               aria-label="4 à 5 ans"
               class="form-control  with-prefix-icon"
                
               min=0               
               inputmode=numeric               

                                  x-data="{ nbChildren4to5: $wire.nbChildren4to5 }"
               @keyup="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
               @change="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
                    >

        
                                    <label for="nbChildren4to5" class="form-label  with-prefix-icon">
                    4 à 5 ans
                </label>
                                        </div>
            </div>
            <div class="input-group">
                <div class="form-floating first">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        
        <input id="nbChildren6to11"
               name="nbChildren6to11"

                                  wire:model.defer="nbChildren6to11"
               
               
               type="number"
               placeholder="6 à 11 ans"
               aria-label="6 à 11 ans"
               class="form-control  with-prefix-icon"
                
               min=0               
               inputmode=numeric               

                                  x-data="{ nbChildren6to11: $wire.nbChildren6to11 }"
               @keyup="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
               @change="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
                    >

        
                                    <label for="nbChildren6to11" class="form-label  with-prefix-icon">
                    6 à 11 ans
                </label>
                                        </div>
                <div class="form-floating last">
        
                    <svg role="img" aria-hidden="true" class="icon before-input"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Profil"></use></svg>
        
        <input id="nbChildren12to17"
               name="nbChildren12to17"

                                  wire:model.defer="nbChildren12to17"
               
               
               type="number"
               placeholder="12 à 17 ans"
               aria-label="12 à 17 ans"
               class="form-control  with-prefix-icon"
                
               min=0               
               inputmode=numeric               

                                  x-data="{ nbChildren12to17: $wire.nbChildren12to17 }"
               @keyup="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
               @change="$event.target.value = $event.target.value > 0 ? parseInt( $event.target.value ): 0"
                    >

        
                                    <label for="nbChildren12to17" class="form-label  with-prefix-icon">
                    12 à 17 ans
                </label>
                                        </div>
            </div>
            <div class="submit">
                <button type="button"
                        @click="open = false; body.classList.remove('family-composition-opened'); soTools.hideModal();"
                        class="sun-button-white-color">
                    Annuler
                </button>
                <button type="button"
                        @click="open = false; body.classList.remove('family-composition-opened'); soTools.hideModal();"
                        wire:click="submit"
                        class="sun-button-main-color submit-btn">
                    Valider
                </button>
            </div>
        </div>
        <div class="family-composition-backdrop" x-cloak x-show="open"></div>
    </div>
</div>

<input type="hidden" name="arrivalDateTimestamp" id="arrivalDateTimestamp" wire:model="arrivalDateTimestamp">
<input type="hidden" name="departureDateTimestamp" id="departureDateTimestamp" wire:model="departureDateTimestamp">
    </div>
    <div class="filter-campsites">
        <div x-data>
    <div class="filter-link" data-bs-toggle="modal" data-bs-target="#filtersModal" wire:click="updateAvailableTags()">
        <svg role="img" aria-hidden="true" class="icon sun-fill-white-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Filtres"></use></svg>

                        <span class="label">
            Filtrer ma recherche
                    </span>
    </div>

    <div class="modal fade modal-filters" id="filtersModal" tabindex="-1"
         data-bs-keyboard="false" data-bs-backdrop="static" wire:ignore.self>
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button"
                            class="btn-close btn-close-white"
                            data-bs-dismiss="modal"
                            aria-label="Close filter modal">
                    </button>
                </div>
                <div class="modal-body">
                    <div class="modal-reservation-body">
                        <div class="h2">
                            Filtrer ma recherche
                        </div>
                        <div class="filters">
                            <div class="filter-categories">
                                                                                                            <div class="filter-category">
                                            <span>
                                                Équipements et Services
                                            </span>
                                            <div class="filter-category-details"
                                                 x-transition.duration.300ms
 x-cloak>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.piscine-chauffee"
                      name="tagFilters.piscine-chauffee"
           id="tag_453"
           value="1"
           >
            <label class="form-check-label btn" for="tag_453">
            Piscine chauffée
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.animaux-admis"
                      name="tagFilters.animaux-admis"
           id="tag_928"
           value="1"
           >
            <label class="form-check-label btn" for="tag_928">
            Animaux admis
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.spa"
                      name="tagFilters.spa"
           id="tag_450"
           value="1"
           >
            <label class="form-check-label btn" for="tag_450">
            Spa
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.toboggans-2"
                      name="tagFilters.toboggans-2"
           id="tag_455"
           value="1"
           >
            <label class="form-check-label btn" for="tag_455">
            Toboggans
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.demi-pension"
                      name="tagFilters.demi-pension"
           id="tag_930"
           value="1"
           >
            <label class="form-check-label btn" for="tag_930">
            Demi-pension
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.clubs-enfants"
                      name="tagFilters.clubs-enfants"
           id="tag_451"
           value="1"
           >
            <label class="form-check-label btn" for="tag_451">
            Clubs enfants
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.epicerie"
                      name="tagFilters.epicerie"
           id="tag_458"
           value="1"
           >
            <label class="form-check-label btn" for="tag_458">
            Épicerie
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.parc-aquatique"
                      name="tagFilters.parc-aquatique"
           id="tag_86"
           value="1"
           >
            <label class="form-check-label btn" for="tag_86">
            Parc aquatique
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.pension-complete"
                      name="tagFilters.pension-complete"
           id="tag_931"
           value="1"
           >
            <label class="form-check-label btn" for="tag_931">
            Pension-complète
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.piscine-couverte"
                      name="tagFilters.piscine-couverte"
           id="tag_452"
           value="1"
           >
            <label class="form-check-label btn" for="tag_452">
            Piscine couverte
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.creche"
                      name="tagFilters.creche"
           id="tag_459"
           value="1"
           >
            <label class="form-check-label btn" for="tag_459">
            Crèche
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.restaurant"
                      name="tagFilters.restaurant"
           id="tag_449"
           value="1"
           >
            <label class="form-check-label btn" for="tag_449">
            Restaurant
        </label>
        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="filter-category">
                                            <span>
                                                Ambiances
                                            </span>
                                            <div class="filter-category-details"
                                                 x-transition.duration.300ms
 x-cloak>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.camping-zen"
                      name="tagFilters.camping-zen"
           id="tag_186"
           value="1"
           >
            <label class="form-check-label btn" for="tag_186">
            Camping zen
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.camping-club"
                      name="tagFilters.camping-club"
           id="tag_187"
           value="1"
           >
            <label class="form-check-label btn" for="tag_187">
            Camping club
        </label>
        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="filter-category">
                                            <span>
                                                Labels et qualité
                                            </span>
                                            <div class="filter-category-details"
                                                 x-transition.duration.300ms
 x-cloak>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.camping-5-etoiles"
                      name="tagFilters.camping-5-etoiles"
           id="tag_188"
           value="1"
           >
            <label class="form-check-label btn" for="tag_188">
            Camping 5 étoiles
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.cle-verte"
                      name="tagFilters.cle-verte"
           id="tag_192"
           value="1"
           >
            <label class="form-check-label btn" for="tag_192">
            Clé Verte
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.label-qualite-tourisme"
                      name="tagFilters.label-qualite-tourisme"
           id="tag_203"
           value="1"
           >
            <label class="form-check-label btn" for="tag_203">
            Label Qualité Tourisme
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.label-spa-de-france"
                      name="tagFilters.label-spa-de-france"
           id="tag_204"
           value="1"
           >
            <label class="form-check-label btn" for="tag_204">
            Label Spa de France
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.camping-4-et-5-etoiles"
                      name="tagFilters.camping-4-et-5-etoiles"
           id="tag_465"
           value="1"
           >
            <label class="form-check-label btn" for="tag_465">
            camping 4 et 5 étoiles
        </label>
        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                            <div class="filter-category">
                                            <span>
                                                Zones géographiques
                                            </span>
                                            <div class="filter-category-details"
                                                 x-transition.duration.300ms
 x-cloak>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.camping-bord-de-mer"
                      name="tagFilters.camping-bord-de-mer"
           id="tag_172"
           value="1"
           >
            <label class="form-check-label btn" for="tag_172">
            Camping bord de mer
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.mediterranee"
                      name="tagFilters.mediterranee"
           id="tag_308"
           value="1"
           >
            <label class="form-check-label btn" for="tag_308">
            Méditerranée
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.a-moins-de-1-km-de-la-plage"
                      name="tagFilters.a-moins-de-1-km-de-la-plage"
           id="tag_927"
           value="1"
           >
            <label class="form-check-label btn" for="tag_927">
            À moins de 1 km de la plage
        </label>
        </div>
                                                    </div>
                                                                                                    <div class="">
                                                        <div class="form-check">
    <input class="form-check-input btn-check" type="checkbox"
                      wire:model="tagFilters.atlantique"
                      name="tagFilters.atlantique"
           id="tag_307"
           value="1"
           >
            <label class="form-check-label btn" for="tag_307">
            Atlantique
        </label>
        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                                                </div>
                        </div>
                    </div>
                    <div class="mx-auto text-center p-3">
                        <button type="button" data-bs-dismiss="modal"
                                wire:click="submitSearch()"
                                class="apply-filters sun-button-main-color">
                            Appliquer les filtres
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    </div>
</div>

<!-- Livewire Component wire-end:hVxgyGyADZs1ZrI6kPhI -->            </div>
        </div>
            
<main class="">
                    <div class="main-content">
                    <div class="container no-gutters">
                <div class="container">
                                            <nav class="d-block position-relative">
        <p class="breadcrumb">
                                                <span class="breadcrumb-item">
                        <a href="https://www.sunelia.com/fr/">Accueil</a>
                    </span>
                                                                <span class="breadcrumb-item">
                        <span>Thématique</span>
                    </span>
                                                                <span class="breadcrumb-item active" aria-current="page">
                        Camping Italie du Nord
                    </span>
                                    </p>
    </nav>
                                        <div class="search-results-page">
                                                                            <h1 class="page-title">Camping Italie du Nord</h1>
                        
                        
                                            </div>
                </div>
            </div>
        
        
        
        
                    <div class="blocks">
                                    <div wire:id="NCq1DXHG6V5LAHOwmwmS" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;NCq1DXHG6V5LAHOwmwmS&quot;,&quot;name&quot;:&quot;campsite.bloc-search&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;path&quot;:&quot;fr\/thematique\/camping-italie-du-nord&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;dispatches&quot;:[{&quot;event&quot;:&quot;pushReMailMe&quot;,&quot;data&quot;:{&quot;action&quot;:&quot;search&quot;,&quot;campsiteIds&quot;:[&quot;236&quot;,null,null,null,null],&quot;search&quot;:&quot;&quot;}},{&quot;event&quot;:&quot;pushReMailMe&quot;,&quot;data&quot;:{&quot;action&quot;:&quot;search&quot;,&quot;campsiteIds&quot;:[null,null,null,&quot;236&quot;,null],&quot;search&quot;:&quot;&quot;}}],&quot;listeners&quot;:[&quot;updateCampsites&quot;,&quot;checkOrderCampsite&quot;],&quot;path&quot;:&quot;https:\/\/www.sunelia.com\/fr\/thematique\/camping-italie-du-nord\/?&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;cadceb4a&quot;,&quot;data&quot;:{&quot;style&quot;:{&quot;isVisible&quot;:true,&quot;borderRadius&quot;:true,&quot;background&quot;:&quot;white&quot;,&quot;fullPage&quot;:false,&quot;centerTitle&quot;:true,&quot;stickToPrevious&quot;:false,&quot;stickToNext&quot;:false,&quot;sliderStyle&quot;:&quot;style1&quot;,&quot;navPosition&quot;:&quot;top-right&quot;,&quot;maxSlides&quot;:4,&quot;showDots&quot;:true,&quot;centerSlides&quot;:true,&quot;addMargins&quot;:false,&quot;ctaStyle&quot;:&quot;link&quot;,&quot;slideCtaStyle&quot;:&quot;link&quot;,&quot;headerSearch&quot;:false},&quot;blockCssClasses&quot;:[],&quot;blockContainerCssClasses&quot;:[&quot;sun-radius&quot;,&quot;background-white&quot;,&quot;position-relative&quot;,&quot;campsites-list&quot;],&quot;blockContentCssClasses&quot;:[],&quot;blocId&quot;:8890,&quot;order&quot;:0,&quot;campsitesReady&quot;:false,&quot;showPrice&quot;:false,&quot;call&quot;:0,&quot;tags&quot;:null,&quot;search&quot;:null,&quot;searchSlug&quot;:null,&quot;queryString&quot;:{&quot;0&quot;:&quot;tags&quot;,&quot;searchSlug&quot;:{&quot;except&quot;:&quot;&quot;,&quot;as&quot;:&quot;search&quot;}},&quot;selectedItem&quot;:null,&quot;pageId&quot;:4230,&quot;campsiteId&quot;:null,&quot;arrivalDate&quot;:&quot;&quot;,&quot;arrivalDateTimestamp&quot;:&quot;&quot;,&quot;departureDateTimestamp&quot;:&quot;&quot;,&quot;hostingType&quot;:&quot;all&quot;,&quot;travelers&quot;:2,&quot;nbAdults&quot;:2,&quot;nbChildren12to17&quot;:0,&quot;nbChildren6to11&quot;:0,&quot;nbChildren4to5&quot;:0,&quot;nbChildren0to3&quot;:0,&quot;petAllowed&quot;:null,&quot;airConditioning&quot;:null,&quot;minBedroom&quot;:null,&quot;maxBedroom&quot;:null,&quot;minBathroom&quot;:null,&quot;maxBathroom&quot;:null,&quot;sort&quot;:&quot;relevance&quot;,&quot;filters&quot;:&quot;{\&quot;capacity\&quot;:{\&quot;type\&quot;:\&quot;number-range\&quot;,\&quot;value\&quot;:{\&quot;min\&quot;:2}},\&quot;nbAdults\&quot;:{\&quot;type\&quot;:\&quot;number-range\&quot;,\&quot;value\&quot;:{\&quot;min\&quot;:2}},\&quot;arrivalDate\&quot;:{\&quot;type\&quot;:\&quot;date\&quot;,\&quot;value\&quot;:\&quot;\&quot;},\&quot;departureDate\&quot;:{\&quot;type\&quot;:\&quot;date\&quot;,\&quot;value\&quot;:\&quot;\&quot;}}&quot;,&quot;tagFilters&quot;:[],&quot;searchAutocomplete&quot;:[],&quot;hostingRanges&quot;:[],&quot;hostingDistricts&quot;:[]},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;0eb78a4c4a0ba43378f747653631a6ab28997d080189a4b854469bd4eff0fb53&quot;}}" class="block block-search-campsites"
     id="bloc-0"
     wire:init="initSearch"
     wire:ignore.self
 x-data
 x-init="$nextTick(() => { soTools.showIntersectElement('.block-search-campsites', '.show-map-mobile', 0, true); })">
    <div class="container no-gutters">
        <div class="container sun-radius background-white position-relative campsites-list">
            <div class="inner-container" wire:ignore>
                            </div>
                            <p class="campsites-number">
                    5 camping(s) trouvé(s)
                </p>
                <div class="row"
                     wire:target="updateCampsites"
                     x-data
 x-init="$wire.on('updateMarkers', () => {leaflet.loadMap($el.querySelector('.map-frame'))})"
                >
                    <div class="col-12 col-lg-6 col-xl-7 col-xxl-8 search-results">
                                                    <div class="row custom-placeholder-glow">
                                <div
                                    class="col-12 col-lg-12 col-xl-6 col-xxl-4 col-md-6 campsite fake-campsite placeholder loading">
                                    <div>
    <div class="campsite-container">
        <div>
            <div class="block-content-image ratio-square">
            </div>
            <div class="block-content-infos container position-relative d-flex flex-column gap-2">
                <div class="d-flex gap-4">
                    <div class="gray-box w-25">
                    </div>
                    <div class="gray-box w-50">
                    </div>
                </div>
                <div class="mb-2">
                    <div class="gray-box w-75 large">
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="gray-box w-50">
                    </div>
                    <div class="gray-box w-25">
                    </div>
                </div>
            </div>
        </div>
        <div class="block-content-price container">
            <div class="throbber">
    <svg role="img" aria-hidden="true" class="sun-loading" aria-label="Loading"><use href="#sunLoading"></use></svg>
</div>
        </div>
    </div>
</div>
                                </div>
                                <div
                                    class="col-12 col-lg-12 col-xl-6 col-xxl-4 col-md-6 campsite fake-campsite placeholder loading">
                                    <div>
    <div class="campsite-container">
        <div>
            <div class="block-content-image ratio-square">
            </div>
            <div class="block-content-infos container position-relative d-flex flex-column gap-2">
                <div class="d-flex gap-4">
                    <div class="gray-box w-25">
                    </div>
                    <div class="gray-box w-50">
                    </div>
                </div>
                <div class="mb-2">
                    <div class="gray-box w-75 large">
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="gray-box w-50">
                    </div>
                    <div class="gray-box w-25">
                    </div>
                </div>
            </div>
        </div>
        <div class="block-content-price container">
            <div class="throbber">
    <svg role="img" aria-hidden="true" class="sun-loading" aria-label="Loading"><use href="#sunLoading"></use></svg>
</div>
        </div>
    </div>
</div>
                                </div>
                                <div
                                    class="d-none d-xxl-block col-xxl-4 campsite fake-campsite placeholder loading">
                                    <div>
    <div class="campsite-container">
        <div>
            <div class="block-content-image ratio-square">
            </div>
            <div class="block-content-infos container position-relative d-flex flex-column gap-2">
                <div class="d-flex gap-4">
                    <div class="gray-box w-25">
                    </div>
                    <div class="gray-box w-50">
                    </div>
                </div>
                <div class="mb-2">
                    <div class="gray-box w-75 large">
                    </div>
                </div>
                <div class="d-flex justify-content-between">
                    <div class="gray-box w-50">
                    </div>
                    <div class="gray-box w-25">
                    </div>
                </div>
            </div>
        </div>
        <div class="block-content-price container">
            <div class="throbber">
    <svg role="img" aria-hidden="true" class="sun-loading" aria-label="Loading"><use href="#sunLoading"></use></svg>
</div>
        </div>
    </div>
</div>
                                </div>
                            </div>
                                            </div>

                                            <div class="col-lg-6 col-xl-5 col-xxl-4 search-map">
                            <picture class="d-block text-end fake-map">
                                <source srcset="https://media.sunelia.com/images/fake-map.webp?id=b70491838b4b04c989d1497c833a9ddd"
                                        type="image/webp">
                                <source srcset="https://media.sunelia.com/images/fake-map.png?id=fba9b0092b83be2586f23874bda2c7d0"
                                        type="png">
                                <img src="https://media.sunelia.com/images/fake-map.png?id=fba9b0092b83be2586f23874bda2c7d0"
                                     class="mw-100 h-auto sun-radius"
                                     loading="lazy"
                                     width="524"
                                     height="642"
                                     fetchpriority="high"
                                     alt="Map"/>
                            </picture>
                        </div>
                                    </div>
                    </div>
    </div>

    <div class="show-map-mobile hidden" wire:ignore>
        <button id="showMapMobile"
                class="show-map sun-button-main-color"
                type="button"
                @click="leaflet.showMapMobile($root.querySelector('.map-frame'))">
            Voir les résultats sur la carte
        </button>
    </div>
</div>



<!-- Livewire Component wire-end:NCq1DXHG6V5LAHOwmwmS -->                                    <div wire:id="aoYvJIpbHcWWKhnMs4cV" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;aoYvJIpbHcWWKhnMs4cV&quot;,&quot;name&quot;:&quot;review.slider&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;path&quot;:&quot;fr\/thematique\/camping-italie-du-nord&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;onFilteredCampsitesUpdated&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;15d9aaf8&quot;,&quot;data&quot;:{&quot;bloc&quot;:{&quot;__className&quot;:&quot;App\\Models\\ApiModels\\Bloc&quot;,&quot;id&quot;:7274,&quot;type&quot;:&quot;campsiteSliderReviews&quot;,&quot;title&quot;:&quot;Ce qu&#039;en pensent nos clients&quot;,&quot;content&quot;:null,&quot;extra_json&quot;:[],&quot;slides&quot;:[],&quot;link&quot;:null},&quot;style&quot;:{&quot;isVisible&quot;:true,&quot;borderRadius&quot;:true,&quot;background&quot;:&quot;light&quot;,&quot;fullPage&quot;:false,&quot;centerTitle&quot;:true,&quot;stickToPrevious&quot;:false,&quot;stickToNext&quot;:false,&quot;sliderStyle&quot;:&quot;style1&quot;,&quot;navPosition&quot;:&quot;top-right&quot;,&quot;maxSlides&quot;:4,&quot;showDots&quot;:true,&quot;centerSlides&quot;:true,&quot;addMargins&quot;:false,&quot;ctaStyle&quot;:&quot;link&quot;,&quot;slideCtaStyle&quot;:&quot;link&quot;,&quot;headerSearch&quot;:false},&quot;reviewsUrl&quot;:null,&quot;blockCssClasses&quot;:[&quot;nav-top-right&quot;],&quot;blockContainerCssClasses&quot;:[&quot;position-relative&quot;],&quot;sliderCssClasses&quot;:[&quot;campsite-reviews&quot;,&quot;with-title&quot;],&quot;slideCssClasses&quot;:[&quot;background-light&quot;],&quot;campsiteTitle&quot;:null,&quot;campsites&quot;:null,&quot;slides&quot;:[],&quot;score&quot;:0,&quot;scoreNb&quot;:0,&quot;order&quot;:1,&quot;nbSlidesXl&quot;:5,&quot;nbSlidesLg&quot;:4,&quot;nbSlidesMd&quot;:3,&quot;nbSlidesSm&quot;:2,&quot;nbSlidesXs&quot;:1,&quot;spaceBetween&quot;:32},&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;e19fbdc9847b993d106a8ef1d6f975ff92a64e26d00b44d2cc9ca6c737f3b9d5&quot;}}" class="block block-slider block-slider-reviews nav-top-right" id="bloc-1">
    </div>

<!-- Livewire Component wire-end:aoYvJIpbHcWWKhnMs4cV -->                                                                                                                                                                                    <div class="block block-seo-links" id="bloc-5">
        <div class="container no-gutters">
            <div class="container sun-radius background-white">
                <div class="inner-container">
                    <div class="block-content">
                        <h2 class="align-center">
        Envie de vacances ?
    </h2>

                        <div class="seo-links">
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-4-et-5-etoiles/"
                                       target="_self">
                                        Camping 4 et 5 étoiles
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-de-luxe-france/"
                                       target="_self">
                                        Camping de luxe France
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-vendee-avec-piscine/"
                                       target="_self">
                                        Camping en Vendée avec piscine : vos vacances en famille
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-en-couple/"
                                       target="_self">
                                        Camping en couple
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-familial-dordogne/"
                                       target="_self">
                                        Camping familial Dordogne
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-familial-bord-de-mer/"
                                       target="_self">
                                        Camping familial bord de mer
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-famille/"
                                       target="_self">
                                        Camping famille Sunêlia : un lieu idéal pour vos vacances
                                    </a>
                                </div>
                                                            <div class="link py-1">
                                    <a href="https://www.sunelia.com/fr/thematique/camping-haut-de-gamme/"
                                       target="_self">
                                        Camping haut de gamme
                                    </a>
                                </div>
                                                    </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
                            </div>
                    </div>

    </main>

    <footer>
                    <div class="newsletter">
            <p>Suivez-nous</p>

                    <a href="/fr/inscription-newsletter/" class="sun-button-main-color">
                S'inscrire à la newsletter
            </a>
                            <div class="follow-container">
                                                            <a href="https://www.facebook.com/sunelia.campings"
                           target="_blank" rel="noopener"
                           data-trk-social="facebook"
                           aria-label="Facebook">
                            <svg role="img" aria-hidden="true" class="icon sun-fill-default-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Facebook"></use></svg>
                        </a>
                                                                                                                                                        <a href="https://pinterest.com/suneliavacances/"
                           target="_blank" rel="noopener"
                           data-trk-social="pinterest"
                           aria-label="Pinterest">
                            <svg role="img" aria-hidden="true" class="icon sun-fill-default-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Pinterest"></use></svg>
                        </a>
                                                                                <a href="https://www.instagram.com/suneliavacances"
                           target="_blank" rel="noopener"
                           data-trk-social="instagram"
                           aria-label="Instagram">
                            <svg role="img" aria-hidden="true" class="icon sun-fill-default-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_Instagram"></use></svg>
                        </a>
                                                                                                                    <a href="https://www.youtube.com/@suneliavacances1177/"
                           target="_blank" rel="noopener"
                           data-trk-social="youtube"
                           aria-label="YouTube">
                            <svg role="img" aria-hidden="true" class="icon sun-fill-default-color"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_YouTube"></use></svg>
                        </a>
                                                                                    </div>
            </div>
                <div class="container">
    <div class="row">
        <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                            <p>
                                        <img src="https://media.sunelia.com/fr/images/1684832688/ori/logo-white-svg.svg"
                         alt=""
                         loading="lazy"
                          width="141"                           height="58"                          class="logo"/>
                </p>
                        <p class="sun-text-accent-color">Conseils et réservations</p>
                            <p class="sun-text-main-color h4 phone-container" x-data="{ phoneShow: false }">
                                            <a href="tel:+33 (0)9 69 375 115"
                           data-trk-click-tel="+33 (0)9 69 375 115">
                            +33 (0)9 69 375 115
                        </a>
                                    </p>
                                        <p><p>&Agrave; votre &eacute;coute<br>du lundi au vendredi de 09h00 &agrave; 18h00.</p></p>
                                        <p>
                    <a href="/fr/contact/"
                       class="sun-button-main-color">Nous contacter</a>
                </p>
                                        <div class="sun-text-accent-color dropdown footer-lang-menu">
                    <button type="button"
                            class="dropdown-toggle lang-menu-link text-white"
                            data-bs-toggle="dropdown">
                        <span class="sun-text-accent-color me-2">
                            Langue
                        </span>
                        <span class="text-uppercase">
                            fr
                            <em class="sprite-flags-fr"></em>
                        </span>
                    </button>
                    <ul class="dropdown-menu">
                                                                                    <li x-data="{ url: 'https://www.sunelia.com/en/thematic/camping-northern-italy/' }">
                    <a href="https://www.sunelia.com/en/thematic/camping-northern-italy/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'en' });">
                        <span>Anglais</span>
                        <em class="sprite-flags-en"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/de/thematisch/camping-norditalien/' }">
                    <a href="https://www.sunelia.com/de/thematisch/camping-norditalien/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'de' });">
                        <span>Allemand</span>
                        <em class="sprite-flags-de"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/it/tematico/campeggio-italia-del-nord/' }">
                    <a href="https://www.sunelia.com/it/tematico/campeggio-italia-del-nord/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'it' });">
                        <span>Italien</span>
                        <em class="sprite-flags-it"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/es/tematica/camping-norte-de-italia/' }">
                    <a href="https://www.sunelia.com/es/tematica/camping-norte-de-italia/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'es' });">
                        <span>Espagnol</span>
                        <em class="sprite-flags-es"></em>
                    </a>
                </li>
                                                <li x-data="{ url: 'https://www.sunelia.com/nl/thematisch/camping-noord-italie/' }">
                    <a href="https://www.sunelia.com/nl/thematisch/camping-noord-italie/"
                       class="dropdown-item dropdown-item-lang"
                       @click="window.livewire.emitTo('user.language-redirect', 'saveLangRedirection', { lang: 'nl' });">
                        <span>Néerlandais</span>
                        <em class="sprite-flags-nl"></em>
                    </a>
                </li>
                                            </ul>
                </div>
            
            <div class="footer-apps">
                <a href="https://itunes.apple.com/us/app/sun%C3%AAlia/id1317229778" rel="noopener" target="_blank" data-trk-app-dl="App Store">
                    <img src="https://media.sunelia.com/images/logo_appstore.svg?id=f74049a7f9d117e1bc058ae2bbed641f"
                         alt="Sunêlia - Apple Store"
                         loading="lazy"
                         class="logo-svg"
                         height="47px"
                         width="141px"/>
                </a>
                <a href="https://play.google.com/store/apps/details?id=com.pcb.coolncamp.sunelia" rel="noopener" target="_blank"
                   data-trk-app-dl="Google Play">
                    <img src="https://media.sunelia.com/images/logo_googleplay.svg?id=936276b51f672494588da7d03299f9e0"
                         alt="Sunêlia - Google play"
                         loading="lazy"
                         class="logo-svg"
                         height="47px"
                         width="141px"/>
                </a>
            </div>
        </div>

        <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                                                            <ul class="footer-menu">
    <li class="dropdown show">
        Nos destinations
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item">
                        <a href="/fr/thematique/nouveautes-2025/">
                Nouveautés 2025
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Bord de mer
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-atlantique/">
                Atlantique
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-mediterranee/">
                Méditerranée
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/manche/">
                Manche
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Montagne
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/lorraine/vosges/">
                Vosges
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-alpes/">
                Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-pyrenees/">
                Pyrénées
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Lacs &amp; rivières
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/pays-de-la-loire/">
                Pays de la Loire
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/">
                Occitanie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-provence/">
                Provence
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/nouvelle-aquitaine/dordogne/">
                Vallée de la Dordogne
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Europe
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/espagne/">
                Espagne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/italie/">
                Italie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/pays-bas/">
                Pays-Bas
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/croatie/">
                Croatie
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
</ul>
                                    <ul class="footer-menu">
    <li class="dropdown show">
        Nos campings
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Nos Campings en bord de mer
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/bretagne/finistere/saint-pol-de-leon/la-baie-de-saint-pol/">
                Sunêlia Baie de Saint Pol
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/girona/costa-brava/tossa-de-mar/cala-llevado/">
                Sunêlia Cala Llevado
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/nouvelle-aquitaine/pyrenees-atlantiques/urrugne/col-d-ibardin/">
                Sunêlia Col d&#039;Ibardin
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/gironde/la-teste-de-buch/domaine-de-la-forge/">
                Sunêlia Domaine de la Forge
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/poitou-charentes/charente-maritime/ile-de-re/interlude/">
                Sunêlia Interlude
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/gironde/andernos-les-bains/fontaine-vieille/">
                Sunêlia Fontaine Vieille
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/normandie/seine-maritime/etretat/l-aiguille-creuse/">
                Sunêlia L&#039;Aiguille Creuse
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/var/cogolin/l-argentiere/">
                Sunêlia L&#039;Argentière
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/bretagne/ille-et-vilaine/saint-briac-sur-mer/l-emeraude/">
                Sunêlia L&#039;Émeraude
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/pyrenees-atlantiques/bidart/erreka/">
                Sunêlia L&#039;Erreka
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/bretagne/finistere/quimper/l-orangerie-de-lanniron/">
                Sunêlia L&#039;Orangerie de Lanniron
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/occitanie/herault/vias/l-occitan/">
                Sunêlia L&#039;Occitan
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/bouches-du-rhone/saintes-maries-de-la-mer/le-clos-du-rhone/">
                Sunêlia Le Clos du Rhône
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/pays-de-la-loire/loire-atlantique/saint-brevin-les-pins/le-fief/">
                Sunêlia Le Fief
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/pyrenees-orientales/saint-cyprien/le-florida/">
                Sunêlia Le Florida
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/pays-de-la-loire/vendee/talmont-saint-hilaire/le-paradis/">
                Sunêlia Le Paradis
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/pays-de-la-loire/loire-atlantique/mesquer/le-petit-bois/">
                Sunêlia Le Petit Bois
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/pyrenees-atlantiques/bidart/le-ruisseau/">
                Sunêlia Le Ruisseau
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/pays-de-la-loire/vendee/saint-jean-de-monts/le-tropicana/">
                Sunêlia Le Tropicana
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/poitou-charentes/charente-maritime/ile-de-re/les-grenettes/">
                Sunêlia Les Grenettes - Camping
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/charente-maritime/ile-de-re/hotel-les-grenettes/">
                Sunêlia Les Grenettes - Hôtel
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/gard/le-grau-du-roi/les-jardins-de-tivoli/">
                Sunêlia Les Jardins de Tivoli
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/languedoc-roussillon/pyrenees-orientales/argeles-sur-mer/les-pins/">
                Sunêlia Les Pins
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/pays-de-la-loire/vendee/saint-jean-de-monts/les-places-dorees/">
                Sunêlia Les Places Dorées
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/languedoc-roussillon/herault/portiragnes/les-sablons/">
                Sunêlia Les Sablons
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/pyrenees-orientales/canet-en-roussillon/camping-ma-prairie/">
                Sunêlia Ma Prairie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/pays-bas/zelande/schouwen-duiveland/renesse/strandpark-de-zeeuwse-kust/">
                Sunêlia Strandpark De Zeeuwse Kust
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/italie/ligurie/imperia/san-remo/villaggio-dei-fiori/">
                Sunêlia Villaggio dei Fiori
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/corse/corse-du-sud/belvedere-campomoro/camping-u-livanti/">
                Sunêlia U Livanti
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/provence-alpes-cote-d-azur/var/gassin/domaine-de-verdagne/">
                Domaine de Verdagne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/var/ramatuelle/ladouceur/">
                Ladouceur
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/nouvelle-aquitaine/landes/seignosse/les-maritimes/">
                Collection Rivages Les Maritimes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/poitou-charentes/charente-maritime/ile-de-re/le-phare/">
                Collection Rivages Le Phare
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/var/hyeres/salines/">
                Collection Rivages Salines
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/bretagne/morbihan/quiberon/sauvage/">
                Collection Rivages Sauvage
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/catalogne/province-de-gerone/l-escala/cala-montgo/">
                wecamp Cala Montgó
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/asturies/asturies/el-pito-cudillero/wecamp-cudillero/">
                wecamp Cudillero
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/pays-basque/province-du-guipuscoa/san-sebastian/wecamp-san-sebastian/">
                wecamp San Sebastián
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/catalogne/costa-brava/santa-cristina-d-aro/camping-wecamp-santa-cristina/">
                wecamp Santa Cristina
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Nos Campings à la campagne
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/gard/cendras/la-clementine/">
                Sunêlia La Clémentine
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/nouvelle-aquitaine/correze/argentat-sur-dordogne/le-gibanel/">
                Sunêlia Le Gibanel
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/alpes-de-haute-provence/volonne/l-hippocampe/">
                Sunêlia L&#039;Hippocampe
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/lot/rocamadour/le-sequoia/">
                Sunêlia Le Séquoia
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/occitanie/aveyron/therondels/la-source/">
                Sunêlia La Source
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/bouches-du-rhone/saint-remy-de-provence/mas-de-nicolas/">
                Sunêlia Mas de Nicolas
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/auvergne/ardeche/vallon-pont-darc/rives-d-arc/">
                Collection Rivages Rives d&#039;Arc
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/centre-val-de-loire/loir-et-cher/nouan-le-fuzelier/l-etang-de-sologne/">
                Sunêlia L&#039;Étang de Sologne
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Nos Campings à la montagne
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/france/lorraine/vosges/bussang/domaine-de-champe/">
                Sunêlia Domaine de Champé
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/hautes-alpes/prunieres/la-presqu-ile/">
                Sunêlia La Presqu&#039;île
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/hautes-alpes/les-orres/residence-les-logis-d-orres/">
                Sunêlia Les Logis d&#039;Orres
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/france/grand-est/vosges/sanchey/domaine-les-nids-du-lac/">
                Sunêlia Les Nids du Lac
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/france/provence-alpes-cote-d-azur/hautes-alpes/serre-poncon/les-toues-cabanees-du-lac/">
                Les Toues Cabanées du Lac
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/espagne/aragon/huesca/boltana/camping-wecamp-pirineos/">
                wecamp Pirineos
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/espagne/catalogne/lleida/era-bordeta/bedura-park/">
                wecamp Bedura Park
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
</ul>
                                    </div>

        <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                                                            <ul class="footer-menu">
    <li class="dropdown show">
        Nos offres
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item">
                        <a href="/fr/offres-du-moment/">
                Bons Plans
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Vos envies
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-chien/">
                Animaux bienvenus
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-famille/">
                Camping en famille
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-parc-aquatique/">
                Parc aquatique
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/italie/sardaigne/">
                Sardaigne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/croatie/">
                Croatie
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/thematique/camping-pour-vacances-sportives/">
                Sport en plein air
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Séjours thématiques
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/sejour-sports-nautiques-hautes-alpes/">
                Sports nautiques Hautes-Alpes
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Evènements
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-mariage/">
                Mariage
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/groupe/">
                Séjours en groupe
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
</ul>
                                    <ul class="footer-menu">
    <li class="dropdown show">
        Espace pro
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Séminaires
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-ile-de-re/">
                Séminaire Île-de-Ré
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-quimper/">
                Séminaire Quimper
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-les-sablons/">
                Séminaire Hérault
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-vosges/">
                Séminaire Vosges
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-nantes/">
                Séminaire Nantes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-provence/">
                Séminaire Provence
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-largentiere/">
                Séminaire Var
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-alpes/">
                Séminaire Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-hautes-alpes/">
                Séminaire Hautes-Alpes
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/seminaire-essonne/">
                Séminaire Essonne
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-seminaire/">
                Tous nos séminaires
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/groupes-et-seminaires/camping-cse-et-collectivite/">
                CSE et Collectivités
            </a>
        </li>
                </ul>
            </li>
</ul>
                                    <ul class="footer-menu">
    <li class="dropdown show">
        Carnet de vacances
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item">
                        <a href="/fr/conseils/">
                Découvrez notre blog
            </a>
        </li>
                </ul>
            </li>
</ul>
                                    </div>

        <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                                                            <ul class="footer-menu">
    <li class="dropdown show">
        Découvrez Sunêlia
                    <ul class="dropdown-menu dropdown-menu-dark sub-menu-items show">
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Le Groupe
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/">
                Nos valeurs
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/labels-de-qualite/">
                Labels de qualité
            </a>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Services
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/prestations-hotelieres/">
                Prestations hôtelières
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/service-de-restauration/">
                Restauration
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/l-univers-de-l-enfant/">
                L&#039;univers de l&#039;enfant
            </a>
        </li>
                </ul>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Avantages et assurances
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-services/carte-privilege/">
                Le programme privilège
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/garantie-annulation/">
                La garantie annulation
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/offres-du-moment/offre-soleil/">
                La garantie soleil
            </a>
        </li>
                </ul>
        </li>
                <li class="dropdown-item dropdown submenu">
                        <button type="button" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Nos réseaux partenaires
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/le-partenariat-collection-rivages-sunelia-vacances/">
                Collection Rivages
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/qui-sommes-nous/le-partenariat-wecamp/">
                wecamp
            </a>
        </li>
                <li class="dropdown-item">
                            <svg role="img" aria-hidden="true" class="icon is-new"><use href="/icons.svg?id=6735afc99e07e14167a0e736e1441de6#icon-Sunelia_BadgeNew"></use></svg>
                        <a href="/fr/qui-sommes-nous/partenaire-baia-holiday/">
                Baia Holiday
            </a>
        </li>
                <li class="dropdown-item">
                        <a href="/fr/qui-sommes-nous/nos-partenaires/">
                Voir tous les partenaires
            </a>
        </li>
                </ul>
        </li>
                </ul>
            </li>
</ul>
                            
                            <p class="sun-text-accent-color">Tous nos campings sont labellisés</p>
                <p class="container-label">
                                                                        <a href="https://www.apst.travel/"
                               rel="noopener"
                               target="_blank">
                                <img src="https://media.sunelia.com/fr/images/1652690603/square-picto/label-apst-png.png"
                                     loading="lazy"
                                     alt="APST"
                                      width="500"                                       height="513"                                 />
                            </a>
                                                                                                <a href="https://www.qualite-tourisme.gouv.fr/fr"
                               rel="noopener"
                               target="_blank">
                                <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/label-qualite-svg.svg"
                                     loading="lazy"
                                     alt="Qualité Tourisme"
                                      width="45"                                       height="41"                                 />
                            </a>
                                                                                                <a href="https://www.laclefverte.org/"
                               rel="noopener"
                               target="_blank">
                                <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/label-greenkey-svg.svg"
                                     loading="lazy"
                                     alt="Green Key"
                                      width="33"                                       height="42"                                 />
                            </a>
                                                            </p>
                                        <p class="sun-text-accent-color">Paiements sécurisés</p>
                <p class="container-payment">
                                                                        <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/payment-visa-svg.svg"
                                 loading="lazy"
                                 alt="Visa"
                                  width="51"                                   height="17"                             />
                                                                                                <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/payment-mastercard-svg.svg"
                                 loading="lazy"
                                 alt="Mastercard"
                                  width="41"                                   height="32"                             />
                                                                                                <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/payment-ancv-svg.svg"
                                 loading="lazy"
                                 alt="Cheques vacances"
                                  width="48"                                   height="33"                             />
                                                                                                <img src="https://media.sunelia.com/fr/images/1684832688/square-picto/payment-pci-svg.svg"
                                 loading="lazy"
                                 alt="PCI"
                                  width="70"                                   height="28"                             />
                                                                                                <img src="https://media.sunelia.com/fr/images/1686751825/square-picto/floa-logo-white-svg.svg"
                                 loading="lazy"
                                 alt="FLOA Bank"
                                  width="1133"                                   height="388"                             />
                                                                                                <img src="https://media.sunelia.com/fr/images/1739536222/square-picto/ideal-logo-blanc-png.png"
                                 loading="lazy"
                                 alt="Ideal"
                                  width="247"                                   height="213"                             />
                                                            </p>
                    </div>
    </div>
</div>
<div class="container container-subfooter">
    <div class="row">
        <div class="col-12 text-sm-center">
            <ul>
                        <li>
                <a href="/fr/foire-aux-questions/">
                    Foire aux questions
                </a>
            </li>
                                <li>
                <a href="/fr/conditions-generales-de-ventes/">
                    Conditions générales de ventes
                </a>
            </li>
                                <li>
                <a href="/fr/charte-de-protection-des-donnees-personnelles/">
                    Protection des données personnelles
                </a>
            </li>
                                <li>
                <a href="/fr/mentions-legales/">
                    Mentions légales
                </a>
            </li>
                                <li>
                <a href="/fr/plan-du-site/">
                    Plan du site
                </a>
            </li>
                                <li>
                <a href="javascript:openAxeptioCookies()">
                    Préférences des Cookies
                </a>
            </li>
                                <li>
                <a href="/fr/l-application-sunelia-votre-nouveau-compagnon-de-vacances/">
                    L&#039;app Sunêlia
                </a>
            </li>
                                <li>
                <a href="/fr/recrutement/">
                    Recrutement
                </a>
            </li>
            </ul>
        </div>
    </div>
</div>
    </footer>


<script src="https://media.sunelia.com/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = 'https://www.sunelia.com';window.livewire_token = '2ozeOBB8Y54r1NOlM0C7wgBwV7imbteLc6mgffmf';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>

<script src="https://media.sunelia.com/js/leaflet.js?id=309a9b21c97565ab204fb82c7b366cc1" defer></script>

<script src="https://media.sunelia.com/js/app.js?id=497e7df809f9084bb13192e68ac99a14" defer></script>
<script src="https://media.sunelia.com/js/dependencies.js?id=147ee60aa8f47c6f15a4cb85a2e9297d" defer></script>

    <script src="https://media.sunelia.com/js/sunelia.js?id=7c00c1325f5c72556378416b44d0657f" defer></script>

        <script src="https://media.sunelia.com/js/campsite.js?id=436f65978b2cedd8009856c552cd5074" defer></script>
                                <script defer>
                window.addEventListener('load', function () {
                    soTools.showIntersectElement('.breaking-point', '.campsite-search', 0, true, 'stick-to-top');
                });
            </script>
            

</body>
</html>
<!-- sunelia/web - 2.67.0 (2025-04-10 14:10:10) -->