<!doctype html>
<html lang="fr-FR">
<head>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.beecommunication.fr/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '74']);
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 -->
<!-- CMP -->
<script type="text/javascript" src="https://cache.consentframework.com/js/pa/40795/c/CswUO/stub"></script>
<script type="text/javascript" src="https://choices.consentframework.com/js/pa/40795/c/CswUO/cmp" async></script>
<!-- End CMP -->
<!-- Google Tag Manager -->
<script>
(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-W68ZGXC3');
</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W68ZGXC3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- BING -->
<script>
(function(w, d, t, r, u) {
var f, n, i;
w[u] = w[u] || [], f = function() {
var o = {
ti: "17571109",
enableAutoSpaTracking: true
};
o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad")
}, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function() {
var s = this.readyState;
s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null)
}, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i)
})(window, document, "script", "//bat.bing.com/bat.js", "uetq");
</script>
<!-- End BING -->
<script>
function uet_event(label, category) {
window.uetq = window.uetq || [];
window.uetq.push("event", "Clic", {
event_label: label,
event_category: category
});
}
function uet_buy_fiche() {
uet_event("Bouton Acheter - Fiche", "Clic sortant");
}
function uet_buy_liste() {
uet_event("Bouton Acheter - Liste", "Clic sortant");
}
function uet_email() {
uet_event("Envoyer email", "Clic sortant");
}
function uet_site() {
uet_event("Redirection site web", "Clic sortant");
}
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<link rel="alternate" hreflang="nl" href="https://www.campings-atlantique.com/nl/charente-maritime/" />
<link rel="alternate" hreflang="en" href="https://www.campings-atlantique.com/en/charente-maritime/" />
<link rel="alternate" hreflang="fr" href="https://www.campings-atlantique.com/charente-maritime/" />
<link rel="alternate" hreflang="de" href="https://www.campings-atlantique.com/de/charente-maritime/" />
<link rel="alternate" hreflang="x-default" href="https://www.campings-atlantique.com/charente-maritime/" />
<link data-minify="1" rel="preload" href="https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/themes/press-wind/dist/assets/main-D1HAO6m_.css?ver=1779268649" as="style" crossorigin /><link rel="preload" href="https://www.campings-atlantique.com/wp-content/themes/press-wind/dist/assets/main-a1NDw0MN.js" as="script" crossorigin />
<!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Charente Maritime : Guide touristique complet de la Charente Maritime (17)</title>
<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://bat.bing.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.google-analytics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://connect.facebook.net" rel="dns-prefetch">
<link data-rocket-prefetch href="https://analytics.beecommunication.fr" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cache.consentframework.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://choices.consentframework.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://js.sddan.com" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="https://www.campings-atlantique.com/wp-content/uploads/2025/08/tourisme-charente-maritime.png" fetchpriority="high">
<meta name="description" content="Charente‑Maritime, sur la côte Atlantique : camps, océan, gastronomie iodée & patrimoine riche. Découvrez La Rochelle, Ré, Oléron et bien plus !" />
<link rel="canonical" href="https://www.campings-atlantique.com/charente-maritime/" />
<link rel="next" href="https://www.campings-atlantique.com/charente-maritime/page/2/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Charente Maritime : Guide touristique complet de la Charente Maritime (17)" />
<meta property="og:description" content="Charente‑Maritime, sur la côte Atlantique : camps, océan, gastronomie iodée & patrimoine riche. Découvrez La Rochelle, Ré, Oléron et bien plus !" />
<meta property="og:url" content="https://www.campings-atlantique.com/charente-maritime/" />
<meta property="og:site_name" content="FDHPA17" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/","url":"https:\/\/www.campings-atlantique.com\/charente-maritime\/","name":"Charente Maritime : Guide touristique complet de la Charente Maritime (17)","isPartOf":{"@id":"https:\/\/www.campings-atlantique.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/#primaryimage"},"image":{"@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/#primaryimage"},"thumbnailUrl":"https:\/\/www.campings-atlantique.com\/wp-content\/uploads\/2026\/05\/Port-de-Royan.jpg","description":"Charente‑Maritime, sur la côte Atlantique : camps, océan, gastronomie iodée & patrimoine riche. Découvrez La Rochelle, Ré, Oléron et bien plus !","breadcrumb":{"@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/#primaryimage","url":"https:\/\/www.campings-atlantique.com\/wp-content\/uploads\/2026\/05\/Port-de-Royan.jpg","contentUrl":"https:\/\/www.campings-atlantique.com\/wp-content\/uploads\/2026\/05\/Port-de-Royan.jpg","width":1860,"height":1029},{"@type":"BreadcrumbList","@id":"https:\/\/www.campings-atlantique.com\/charente-maritime\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Camping Charente-Maritime","item":"https:\/\/www.campings-atlantique.com\/"},{"@type":"ListItem","position":2,"name":"Charente-Maritime"}]},{"@type":"WebSite","@id":"https:\/\/www.campings-atlantique.com\/#website","url":"https:\/\/www.campings-atlantique.com\/","name":"FDHPA17","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.campings-atlantique.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//unpkg.com' />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"FDHPA17","url":"https://www.campings-atlantique.com/","logo":"https://www.campings-atlantique.com/wp-content/uploads/2025/08/1Plan-de-travail-1-1.png","sameAs":["https://www.facebook.com/campings17","https://www.instagram.com/campings17/"]}</script>
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="wp-block-heading-inline-css">
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://www.campings-atlantique.com/wp-includes/blocks/heading/style.min.css */
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://www.campings-atlantique.com/wp-includes/blocks/paragraph/style.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #333333;--wp--preset--color--vert: #51AB7E;--wp--preset--color--orange: #E9B237;--wp--preset--color--background-green: #ECF5F0;--wp--preset--color--background-orange: #FFFAEE;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--vertical-secondary-to-tertiary: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--vertical-secondary-to-background: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--vertical-tertiary-to-background: linear-gradient(to bottom,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--diagonal-primary-to-foreground: linear-gradient(to bottom right,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%);--wp--preset--gradient--diagonal-secondary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--secondary) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--diagonal-background-to-secondary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--secondary) 50%);--wp--preset--gradient--diagonal-tertiary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--diagonal-background-to-tertiary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--tertiary) 50%);--wp--preset--font-size--small: 1rem;--wp--preset--font-size--medium: 1.125rem;--wp--preset--font-size--large: 1.75rem;--wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.25rem);--wp--preset--font-family--arial: Arial, Helvetica, sans-serif;--wp--preset--font-family--ivymode: "ivymode", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--spacing--small: max(1.25rem, 5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);--wp--custom--typography--font-size--normal: 15px;--wp--custom--typography--font-size--big: 55px;--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);--wp--custom--typography--line-height--tiny: 1.15;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.4;--wp--custom--typography--line-height--normal: 1.6;}:root { --wp--style--global--content-size: 1024px;--wp--style--global--wide-size: 1275px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1.5rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1.5rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--background);color: var(--wp--preset--color--foreground);font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);line-height: var(--wp--custom--typography--line-height--normal);padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--tertiary);}h1{font-family: var(--wp--preset--font-family--ivymode);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 600;line-height: var(--wp--custom--typography--line-height--small);}h2{font-family: var(--wp--preset--font-family--ivymode);font-size: var(--wp--custom--typography--font-size--gigantic);font-weight: 600;line-height: var(--wp--custom--typography--line-height--small);}h3{font-family: var(--wp--preset--font-family--ivymode);font-size: var(--wp--custom--typography--font-size--huge);font-weight: 600;line-height: var(--wp--custom--typography--line-height--tiny);}h4{font-family: var(--wp--preset--font-family--ivymode);font-size: var(--wp--preset--font-size--x-large);font-weight: 600;line-height: var(--wp--custom--typography--line-height--tiny);}h5{font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);font-weight: 700;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}h6{font-family: var(--wp--preset--font-family--system-font);font-size: var(--wp--preset--font-size--medium);font-weight: 400;line-height: var(--wp--custom--typography--line-height--normal);text-transform: uppercase;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-vert-color{color: var(--wp--preset--color--vert) !important;}.has-orange-color{color: var(--wp--preset--color--orange) !important;}.has-background-green-color{color: var(--wp--preset--color--background-green) !important;}.has-background-orange-color{color: var(--wp--preset--color--background-orange) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-vert-background-color{background-color: var(--wp--preset--color--vert) !important;}.has-orange-background-color{background-color: var(--wp--preset--color--orange) !important;}.has-background-green-background-color{background-color: var(--wp--preset--color--background-green) !important;}.has-background-orange-background-color{background-color: var(--wp--preset--color--background-orange) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-vert-border-color{border-color: var(--wp--preset--color--vert) !important;}.has-orange-border-color{border-color: var(--wp--preset--color--orange) !important;}.has-background-green-border-color{border-color: var(--wp--preset--color--background-green) !important;}.has-background-orange-border-color{border-color: var(--wp--preset--color--background-orange) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-vertical-secondary-to-tertiary-gradient-background{background: var(--wp--preset--gradient--vertical-secondary-to-tertiary) !important;}.has-vertical-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-secondary-to-background) !important;}.has-vertical-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--vertical-tertiary-to-background) !important;}.has-diagonal-primary-to-foreground-gradient-background{background: var(--wp--preset--gradient--diagonal-primary-to-foreground) !important;}.has-diagonal-secondary-to-background-gradient-background{background: var(--wp--preset--gradient--diagonal-secondary-to-background) !important;}.has-diagonal-background-to-secondary-gradient-background{background: var(--wp--preset--gradient--diagonal-background-to-secondary) !important;}.has-diagonal-tertiary-to-background-gradient-background{background: var(--wp--preset--gradient--diagonal-tertiary-to-background) !important;}.has-diagonal-background-to-tertiary-gradient-background{background: var(--wp--preset--gradient--diagonal-background-to-tertiary) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-arial-font-family{font-family: var(--wp--preset--font-family--arial) !important;}.has-ivymode-font-family{font-family: var(--wp--preset--font-family--ivymode) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<style id="camping-favorites-inline-css">
.camping-fav-btn.is-active img {
content: url('https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/heart-liked.png');
}
.camping-fav-btn:not(.is-active) img {
content: url('https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/heart.png');
}
.camping-favs-list{list-style:none;padding:0;margin:.5rem 0 0}
.camping-favs-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eee}
.camping-favs-empty{opacity:.75}
.camping-favs-wrap h3{margin:0 0 .5rem}
button.camping-fav-remove{border:1px solid #ddd;border-radius:4px;background:#fff;padding:.25rem .5rem;cursor:pointer}
/*# sourceURL=camping-favorites-inline-css */
</style>
<link rel='stylesheet' id='wpml-legacy-dropdown-0-css' href='https://www.campings-atlantique.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/style.min.css?ver=1' media='all' />
<link data-minify="1" rel='stylesheet' id='cms-navigation-style-base-css' href='https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation-base.css?ver=1779268649' media='screen' />
<link data-minify="1" rel='stylesheet' id='cms-navigation-style-css' href='https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation.css?ver=1779268649' media='screen' />
<link data-minify="1" rel='stylesheet' id='presswind-script-0=a1NDw0MN-css' href='https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/themes/press-wind/dist/assets/main-D1HAO6m_.css?ver=1779268649' media='all' />
<link data-minify="1" rel='stylesheet' id='leaflet-css-css' href='https://www.campings-atlantique.com/wp-content/cache/min/1/leaflet@1.9.4/dist/leaflet.css?ver=1779268649' media='all' />
<script id="wpml-cookie-js-extra">
var wpml_cookies = {"wp-wpml_current_language":{"value":"fr","expires":1,"path":"/"}};
var wpml_cookies = {"wp-wpml_current_language":{"value":"fr","expires":1,"path":"/"}};
var wpml_cookies = {"wp-wpml_current_language":{"value":"fr","expires":1,"path":"/"}};
//# sourceURL=wpml-cookie-js-extra
</script>
<script data-minify="1" data-wp-strategy="defer" defer id="wpml-cookie-js" src="https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=1779268649"></script>
<script id="wpml-legacy-dropdown-0-js" src="https://www.campings-atlantique.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/script.min.js?ver=1"></script>
<script data-minify="1" id="leaflet-js-js" src="https://www.campings-atlantique.com/wp-content/cache/min/1/leaflet@1.9.4/dist/leaflet.js?ver=1779268649"></script>
<script data-minify="1" id="tracking-handle-js" src="https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/themes/press-wind/assets/js/tags/handle.js?ver=1779268649"></script>
<script id="jquery-core-js" src="https://www.campings-atlantique.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.campings-atlantique.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<meta name="generator" content="WPML ver:4.9.4 stt:37,1,4,3;" />
<link rel="icon" href="https://www.campings-atlantique.com/wp-content/uploads/2025/09/cropped-favicon-fdhpa-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.campings-atlantique.com/wp-content/uploads/2025/09/cropped-favicon-fdhpa-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.campings-atlantique.com/wp-content/uploads/2025/09/cropped-favicon-fdhpa-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.campings-atlantique.com/wp-content/uploads/2025/09/cropped-favicon-fdhpa-270x270.png" />
<style id="wp-custom-css">
.block-hero__content__navigation nav > ul > li > ul > li:nth-child(4) > .submenu-child{
margin-top: -80px;
}
/* Wrapper scroll horizontal (uniquement le tableau) */
.fdhpa17-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* Table */
table.fdhpa17-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
background: #ffffff;
font-size: 15px;
/* Permet au tableau de rester dans la largeur de l'article */
table-layout: fixed;
}
/* Caption */
table.fdhpa17-table caption {
text-align: left;
font-weight: 600;
margin-bottom: 0.5rem;
font-size: 15px;
}
/* Cellules */
table.fdhpa17-table th,
table.fdhpa17-table td {
border: 1px solid #e5e7eb;
padding: 0.6rem 0.8rem;
font-size: 15px;
/* MODIFS DEMANDÉES */
text-align: left; /* texte non centré */
white-space: normal; /* retour à la ligne automatique */
word-break: break-word; /* coupe les mots trop longs */
overflow-wrap: anywhere; /* coupe si besoin (url, gros mots, etc.) */
}
/* En-têtes */
table.fdhpa17-table th {
background: #FFFAEE;
font-family: 'Ivymode', serif;
font-weight: 600;
}
/* Mobile */
@media (max-width: 700px) {
table.fdhpa17-table {
font-size: 14px;
}
table.fdhpa17-table th,
table.fdhpa17-table td {
padding: 0.55rem 0.7rem;
}
}
</style>
<!-- Meta Pixel Code -->
<script>
! function(f, b, e, v, n, t, s)
{
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '903540876433032');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src=https://www.facebook.com/tr?id=903540876433032&ev=PageView&noscript=1 /></noscript>
<!-- End Meta Pixel Code -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1017019547"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-1017019547');
</script>
<script>
function gtag_report_conversion(sendTo, url) {
var callback = function() {
if (typeof url !== 'undefined' && url) {
window.location = url;
}
};
gtag('event', 'conversion', {
'send_to': sendTo,
'event_callback': callback
});
return false;
}
function gtag_conv_email() {
gtag('event', 'conversion', {
'send_to': 'AW-1017019547/JaPaCJHAs8wYEJv5-eQD'
});
}
function gtag_conv_buy_fiche(url) {
return gtag_report_conversion('AW-1017019547/6xkxCJTAs8wYEJv5-eQD', url);
}
function gtag_conv_buy_liste(url) {
return gtag_report_conversion('AW-1017019547/j8HJCJfAs8wYEJv5-eQD', url);
}
function gtag_conv_camping_link(url) {
return gtag_report_conversion('AW-1017019547/31ujCI7As8wYEJv5-eQD', url);
}
function gtag_conv_phone(url) {
return gtag_report_conversion('AW-1017019547/FvhaCNjDrcwYEJv5-eQD', url);
}
</script>
<style id="core-block-supports-inline-css">
.wp-elements-9e88bce9782a539803d98924bf997881 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--vert);}.wp-elements-2542ad7250f2f99c9889d19dc6cf34a3 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--vert);}
/*# sourceURL=core-block-supports-inline-css */
</style>
<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.21.3" data-wpr-features="wpr_minify_js wpr_preconnect_external_domains wpr_automatic_lazy_rendering wpr_oci wpr_minify_css wpr_preload_links wpr_host_fonts_locally wpr_desktop" /></head>
<body class="archive category category-charente-maritime category-35 wp-embed-responsive wp-theme-press-wind">
<div id="page" class="site">
<header id="masthead" class="site-header">
<section class="block-hero w-full mb-[30px] middle">
<div class="max-md:hidden p-[15px] flex flex-row gap-[30px] content-center justify-end bg-green top-bar">
<div class="wrapper-search">
<form action="https://www.campings-atlantique.com/">
<input name="s" type="text"
class="search-input placeholder-white hover:text-black md:text-white text-black md:text-white focus:text-black md:text-white bg-transparent border border-b-1 border-white border-l-0 border-t-0 border-r-0"
placeholder="Rechercher" />
<input type="submit" class="search-submit" value="Rechercher" />
</form>
</div>
<div role="navigation" aria-label="Sélecteur de langue" class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown">
<ul>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-current-language wpml-ls-item-legacy-dropdown">
<span class="js-wpml-ls-item-toggle wpml-ls-item-toggle cursor-pointer"
role="button"
tabindex="0"
aria-current="page"
aria-expanded="false"
aria-controls="wpml-ls-submenu-default"
aria-label="Sélecteur de langue, appuyez sur tabulation pour naviguer vers d'autres langues"
title="Passer à Fr">
<img class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/fr_FR.png"
alt="Fr"
loading="lazy"
width="18"
height="18">
</span>
<ul id="wpml-ls-submenu-default" class="wpml-ls-sub-menu">
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-nl wpml-ls-first-item">
<span data-url="aHR0cHM6Ly93d3cuY2FtcGluZ3MtYXRsYW50aXF1ZS5jb20vbmwvY2hhcmVudGUtbWFyaXRpbWUv"
hreflang="nl"
lang="nl"
class="wpml-ls-link js-obf-link cursor-pointer"
role="link"
tabindex="0"
aria-label="Passer à Nl"
title="Passer à Nl">
<img class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/nl_NL.png"
alt="Nl"
loading="lazy"
width="18"
height="18">
</span>
</li>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en">
<span data-url="aHR0cHM6Ly93d3cuY2FtcGluZ3MtYXRsYW50aXF1ZS5jb20vZW4vY2hhcmVudGUtbWFyaXRpbWUv"
hreflang="en"
lang="en"
class="wpml-ls-link js-obf-link cursor-pointer"
role="link"
tabindex="0"
aria-label="Passer à En"
title="Passer à En">
<img class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/en_US.png"
alt="En"
loading="lazy"
width="18"
height="18">
</span>
</li>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-last-item">
<span data-url="aHR0cHM6Ly93d3cuY2FtcGluZ3MtYXRsYW50aXF1ZS5jb20vZGUvY2hhcmVudGUtbWFyaXRpbWUv"
hreflang="de"
lang="de"
class="wpml-ls-link js-obf-link cursor-pointer"
role="link"
tabindex="0"
aria-label="Passer à De"
title="Passer à De">
<img class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/de_DE.png"
alt="De"
loading="lazy"
width="18"
height="18">
</span>
</li>
</ul>
</li>
</ul>
</div>
<div
class="js-obf-link flex items-center cursor-pointer"
data-url="aHR0cHM6Ly93d3cuY2FtcGluZ3MtYXRsYW50aXF1ZS5jb20vd2lzaGxpc3Qv"
role="link"
tabindex="0">
<img
class="w-[22px] h-[22px]"
src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/heart.png"
alt="Icon wishlist">
</div>
</div>
<div id="hero-carousel"
class="block-hero__content md:mx-[30px] relative h-[70vh] max-h-[1000px] md:rounded-b-[200px] bg-cover"
data-index="0">
<div class="bg-stack !absolute !inset-0 !z-0 md:rounded-b-[200px]">
<div class="bg-layer bg-layer--current !absolute inset-0 md:rounded-b-[200px]"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/08/tourisme-charente-maritime.png')"></div>
<div class="bg-layer bg-layer--next !absolute inset-0 md:rounded-b-[200px]"></div>
</div>
<div
class="md:hidden block-hero__content__mobile max-md:!z-[10] bg-white px-[15px] flex flex-row justify-between items-center">
<a href="https://www.campings-atlantique.com/" class="max-w-[20%]">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/09/logo-1.png" alt="Logo" class="max-w-[170px]" />
</a>
<div class="block-hero__content__mobile__actions flex flex-row gap-[15px]">
<div
class="js-obf-link flex items-center cursor-pointer"
data-url="aHR0cHM6Ly93d3cuY2FtcGluZ3MtYXRsYW50aXF1ZS5jb20vd2lzaGxpc3Qv"
role="link"
tabindex="0">
<img
class="w-[22px] h-[22px]"
src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/heart.png"
alt="Icon wishlist">
</div>
<div
role="navigation" aria-label="Sélecteur de langue" class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown">
<ul>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-current-language wpml-ls-item-legacy-dropdown">
<a href="#" hreflang="fr" lang="fr" class="js-wpml-ls-item-toggle wpml-ls-item-toggle" aria-current="page" aria-expanded="false" aria-controls="wpml-ls-submenu-default" aria-label="Sélecteur de langue, appuyez sur tabulation pour naviguer vers d'autres langues" title="Passer à Fr">
<img
class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/fr_FR.png"
alt="Fr"
loading="lazy"
width=18 height=18 /></a>
<ul id="wpml-ls-submenu-default" class="wpml-ls-sub-menu">
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-nl wpml-ls-first-item">
<a href="https://www.campings-atlantique.com/nl/charente-maritime/" hreflang="nl" lang="nl" class="wpml-ls-link" aria-label="Passer à Nl" title="Passer à Nl">
<img
class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/nl_NL.png"
alt="Nl"
loading="lazy"
width=18 height=18 /></a>
</li>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-en">
<a href="https://www.campings-atlantique.com/en/charente-maritime/" hreflang="en" lang="en" class="wpml-ls-link" aria-label="Passer à En" title="Passer à En">
<img
class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/en_US.png"
alt="En"
loading="lazy"
width=18 height=18 /></a>
</li>
<li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-de wpml-ls-last-item">
<a href="https://www.campings-atlantique.com/de/charente-maritime/" hreflang="de" lang="de" class="wpml-ls-link" aria-label="Passer à De" title="Passer à De">
<img
class="wpml-ls-flag"
src="https://www.campings-atlantique.com/wp-content/uploads/flags/de_DE.png"
alt="De"
loading="lazy"
width=18 height=18 /></a>
</li>
</ul>
</li>
</ul>
</div>
<a href="#" class="open-menu-mobile block">
<img class="" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/button-mobile-menu.svg"
alt="button mobile menu">
</a>
<a href="#" class="close-menu-mobile hidden">
<img class="" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/close-menu-mobile.svg"
alt="button mobile menu ">
</a>
</div>
</div>
<div class="block-hero__content__navigation !z-[10]">
<div class="relative !z-30 max-w-[1440px] mx-auto max-[1570px]:mx-[30px] border-b border-[#ffffff36] border-solid border-t-0 border-l-0 border-r-0 flex flex-row gap-[1%] md:items-center md:justify-center max-md:!fixed max-md:!top-[53px] max-md:-left-[30px] max-md:bg-white max-md:h-[100%] max-md:w-full max-md:items-start max-md:overflow-y-auto max-md:-translate-x-full max-md:[&.active]:translate-x-0 max-md:transition-transform max-md:duration-300 max-md:ease-in-out">
<a href="https://www.campings-atlantique.com/" class="max-w-[20%] max-md:hidden">
<img
src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/1Plan-de-travail-1-1.png"
alt="Logo" class="origin max-w-full" />
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/09/logo-1.png" alt="Logo" class="color hidden" />
</a>
<nav class="flex max-md:flex-col md:items-center md:justify-center w-full">
<ul class="flex items-center justify-center w-full list-none m-0 p-0 gap-[5%] max-[1320px]:gap-0 max-[1320px]:justify-between max-md:flex-col max-md:justify-start max-md:items-start"><li class="relative max-[1080px]:leading-[20px] leading-[90px] after:w-0 after:transition-all after:duration-300 after:content-[''] hover:after:absolute hover:after:left-0 hover:after:-bottom-[2px] hover:after:content-[''] hover:after:w-[100%] hover:after:h-[3px] md:hover:after:bg-orange max-md:leading-[initial] max-md:py-[15px] max-md:w-full max-md:border-t-0 max-md:border-l-0 max-md:border-r-0 max-md:border-b max-md:border-black/10 max-md:border-solid max-md:before:content-[''] max-md:before:w-[15px] max-md:before:h-[15px] max-md:before:bg-arrow-menu-mobile max-md:before:absolute max-md:before:bg-contain max-md:before:bg-no-repeat max-md:before:right-[20px]"><a class="text-black md:text-white max-md:font-[700] max-md:text-[16px] max-[1140px]:text-[13px] text-[16px] relative block font-arial hover:no-underline after:content-[''] max-[1200px]:after:hidden after:bg-arrow-menu after:w-[12px] after:h-[7px] after:block after:absolute after:-right-[20px] after:top-[45%] block group" href="#">Trouver son camping</a>
<ul class="submenu absolute leading-[20px]">
<li class="md:hidden flex flex-row flex-wrap gap-[15px] before:!right-[initial] before:rotate-180"><a href="#" class="button-back-mobile pl-[20px] font-[400]">Retour</a><div class="text-green">Trouver son camping</div></li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Destination</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-royan/">Campings à Royan</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-ile-de-re/">Campings sur l'Île de Ré</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-ile-oleron/">Campings sur l'Île d'Oléron</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-la-rochelle/">Campings à La Rochelle</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-rochefort/">Campings à Rochefort</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-marais-poitevin/">Campings au Marais Poitevin</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-pays-du-cognac/">Campings de Cognac et la Saintonge</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/destination/camping-futuroscope/">Pays du Futuroscope</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Cadre & situation</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/atout/ville/">En ville</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/atout/nature/">En pleine nature</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/atout/bord-de-mer/">En bord de mer</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/atout/bord-de-riviere/">En bord de rivière</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/atout/bord-de-lac/">En bord de lac</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Partir en vacances</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/label/accueil-velo/">À vélo</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/cible/camping-avec-bebe/">Avec bébé</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/service/aire-vidange-camping-car/">En camping car</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/cible/couple/">En couple</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/cible/famille/">En famille</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/cible/groupe/">En groupe</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/service/animaux-acceptes/">Avec mon animal</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-no-children"><a class="no-underline" href="https://www.campings-atlantique.com/carte-camping/">Voir tous les campings</a></li>
</ul>
</li>
<li class="relative max-[1080px]:leading-[20px] leading-[90px] after:w-0 after:transition-all after:duration-300 after:content-[''] hover:after:absolute hover:after:left-0 hover:after:-bottom-[2px] hover:after:content-[''] hover:after:w-[100%] hover:after:h-[3px] md:hover:after:bg-orange max-md:leading-[initial] max-md:py-[15px] max-md:w-full max-md:border-t-0 max-md:border-l-0 max-md:border-r-0 max-md:border-b max-md:border-black/10 max-md:border-solid max-md:before:content-[''] max-md:before:w-[15px] max-md:before:h-[15px] max-md:before:bg-arrow-menu-mobile max-md:before:absolute max-md:before:bg-contain max-md:before:bg-no-repeat max-md:before:right-[20px]"><a class="text-black md:text-white max-md:font-[700] max-md:text-[16px] max-[1140px]:text-[13px] text-[16px] relative block font-arial hover:no-underline after:content-[''] max-[1200px]:after:hidden after:bg-arrow-menu after:w-[12px] after:h-[7px] after:block after:absolute after:-right-[20px] after:top-[45%] block group" href="#">Votre camping à la carte</a>
<ul class="submenu absolute leading-[20px]">
<li class="md:hidden flex flex-row flex-wrap gap-[15px] before:!right-[initial] before:rotate-180"><a href="#" class="button-back-mobile pl-[20px] font-[400]">Retour</a><div class="text-green">Votre camping à la carte</div></li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Hébergement préféré</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/hebergement/mobil-home/">Mobil-home</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/hebergement/chalet/">Chalet</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/hebergement/logement-insolite/">Lodge & insolite</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/hebergement/emplacement/">Emplacement nature</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Camping idéal</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/etoile/5-etoiles/">5 étoiles</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/etoile/4-etoiles/">4 étoiles</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/etoile/3-etoiles/">3 étoiles</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/etoile/2-etoiles/">2 étoiles</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/etoile/aire-naturelle-camping/">Aire naturelle camping</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/label/camping-pas-cher/">Bons plans & petits prix</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Les + de votre séjour</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/aquatique/toboggan-aquatique/">Parc & toboggan aquatique</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/aquatique/piscine/">Avec piscine</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/service/animations/">Animations & club enfants</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/hebergement/mobil-home-pmr/">Accès PMR</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/service/wifi/">Avec wifi</a></li>
</ul>
</li>
</ul>
</li>
<li class="relative max-[1080px]:leading-[20px] leading-[90px] after:w-0 after:transition-all after:duration-300 after:content-[''] hover:after:absolute hover:after:left-0 hover:after:-bottom-[2px] hover:after:content-[''] hover:after:w-[100%] hover:after:h-[3px] md:hover:after:bg-orange max-md:leading-[initial] max-md:py-[15px] max-md:w-full max-md:border-t-0 max-md:border-l-0 max-md:border-r-0 max-md:border-b max-md:border-black/10 max-md:border-solid max-md:before:content-[''] max-md:before:w-[15px] max-md:before:h-[15px] max-md:before:bg-arrow-menu-mobile max-md:before:absolute max-md:before:bg-contain max-md:before:bg-no-repeat max-md:before:right-[20px]"><a class="text-black md:text-white max-md:font-[700] max-md:text-[16px] max-[1140px]:text-[13px] text-[16px] relative block font-arial hover:no-underline after:content-[''] max-[1200px]:after:hidden after:bg-arrow-menu after:w-[12px] after:h-[7px] after:block after:absolute after:-right-[20px] after:top-[45%] block group" href="https://www.campings-atlantique.com/charente-maritime/">Explorer la Charente-Maritime</a>
<ul class="submenu absolute leading-[20px]">
<li class="md:hidden flex flex-row flex-wrap gap-[15px] before:!right-[initial] before:rotate-180"><a href="#" class="button-back-mobile pl-[20px] font-[400]">Retour</a><div class="text-green">Explorer la Charente-Maritime</div></li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">S'inspirer pour votre séjour</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/la-rochelle/">La Rochelle</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/royan/">Royan Atlantique</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/rochefort/">Rochefort Océan</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/marais-poitevin/">Marais Poitevin</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/saintonge-cognac/">Saintonge Cognac</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/ile-de-re/">Ile de Ré</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/ile-oleron/">Ile d'Oleron</a></li>
</ul>
</li>
<li class="md:active [&.active]:text-green max-md:[&.active]:text-black max-md:w-full button-has-children"><a class="no-underline" href="#">Vos envies d'activités</a>
<ul class="submenu-child">
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/activite/">Loisirs & nature</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/culture/">Sorties culturelles</a></li>
<li class="[&.active]:text-green"><a class="no-underline" href="https://www.campings-atlantique.com/charente-maritime/gastronomie/">Saveurs iodées & locales</a></li>
</ul>
</li>
</ul>
</li>
<li class="relative max-[1080px]:leading-[20px] leading-[90px] after:w-0 after:transition-all after:duration-300 after:content-[''] hover:after:absolute hover:after:left-0 hover:after:-bottom-[4px] hover:after:content-[''] hover:after:w-[100%] hover:after:h-[3px] md:hover:after:bg-orange max-md:leading-[initial] max-md:py-[15px] max-md:w-full max-md:border-t-0 max-md:border-l-0 max-md:border-r-0 max-md:border-b max-md:border-black/10 max-md:border-solid"><a class="text-black md:text-white max-md:font-[700] max-md:text-[16px] max-[1140px]:text-[13px] text-[16px] relative block font-arial hover:no-underline after:content-[''] max-[1200px]:after:hidden after:bg-arrow-menu after:w-[12px] after:h-[7px] after:block after:absolute after:-right-[20px] after:top-[45%] block group" href="/offres-speciales/">Nos offres spéciales</a></li>
</ul> <ul class="max-md:flex md:hidden m-0 p-0 list-none max-md:flex-col max-md:mt-[20px]">
<li class="max-md:mb-[15px]">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/10/Vector-13.svg" alt="Icon Lien" />
<a class="text-orange font-arial font-[700] text-[16px]" href="https://www.campings-atlantique.com/fdhpa-17/nos-missions/" target="">Nos engagements</a>
</li>
<li class="max-md:mb-[15px]">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/10/logo-2.png" alt="Icon Lien" />
<a class="text-orange font-arial font-[700] text-[16px]" href="https://www.campings-atlantique.com/fdhpa-17/" target="">FDHPA 17</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section
class="relative z-[9] md:mb-[80px] [&_p]:font-arial [&_p]:m-[0] [&_p_span_span]:text-black [&_p]:text-[13.34px] [&_p_span]:text-orange [&_p_span]:font-[700] [&_p_span_span]:font-[400] [&_p]:text-center">
<p id="breadcrumbs"><span><span><a href="https://www.campings-atlantique.com/">Camping Charente-Maritime</a></span> > <span class="breadcrumb_last" aria-current="page">Charente-Maritime</span></span></p> </section>
<style>
.bg-stack {
pointer-events: none;
border-end-end-radius: 200px;
}
.bg-layer {
position: absolute;
inset: 0;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 0 !important;
transition: opacity .45s ease !important;
will-change: opacity !important;
}
.bg-layer--current {
opacity: 1 !important;
z-index: 0;
}
.bg-layer--next {
opacity: 0 !important;
z-index: 1;
}
.bg-layer--fadein {
opacity: 1 !important;
}
#hero-text,
#hero-description,
#hero-link {
transition: opacity .35s ease !important;
will-change: opacity !important;
}
@media (prefers-reduced-motion: reduce) {
.bg-layer,
#hero-text,
#hero-description,
#hero-link {
transition: none !important;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const slides = [{"image":"https:\/\/www.campings-atlantique.com\/wp-content\/uploads\/2025\/08\/tourisme-charente-maritime.png","texte":"","description":"","link":null,"url":""}];
if (!Array.isArray(slides) || slides.length === 0) return;
const hero = document.getElementById("hero-carousel");
const heroText = document.getElementById("hero-text");
const heroDesc = document.getElementById("hero-description");
const heroLink = document.getElementById("hero-link");
const btnPrev = document.querySelector(".carousel-hero-button-prev");
const btnNext = document.querySelector(".carousel-hero-button-next");
const layerCurrent = hero.querySelector(".bg-layer--current");
const layerNext = hero.querySelector(".bg-layer--next");
const resolveUrl = (img) => {
if (!img) return "";
if (typeof img === "string") return img;
if (typeof img === "object" && img.url) return img.url;
return "";
};
let index = 0;
let isAnimating = false;
const firstUrl = resolveUrl(slides[0]?.image);
if (firstUrl) layerCurrent.style.backgroundImage = `url(${firstUrl})`;
heroText && (heroText.innerHTML = slides[0]?.texte || "");
heroDesc && (heroDesc.innerHTML = slides[0]?.description || "");
if (slides[0].url) {
heroLink && (heroLink.href = slides[0]?.url || "");
} else {
heroLink && (heroLink.href = slides[0]?.link || "");
}
function preload(src) {
return new Promise(resolve => {
if (!src) return resolve();
const img = new Image();
img.onload = () => resolve();
img.onerror = () => resolve();
img.src = src;
});
}
function waitTransition(el, prop = 'opacity', timeout = 700) {
return new Promise(resolve => {
let done = false;
const onEnd = (e) => {
if (e && e.propertyName !== prop) return;
if (done) return;
done = true;
el.removeEventListener('transitionend', onEnd);
resolve();
};
el.addEventListener('transitionend', onEnd);
setTimeout(onEnd, timeout);
});
}
async function goTo(newIndex) {
if (isAnimating || slides.length < 2) return;
const next = (newIndex + slides.length) % slides.length;
if (next === index) return;
isAnimating = true;
const nextUrl = resolveUrl(slides[next]?.image);
const nextTxt = slides[next]?.texte || "";
const nextDesc = slides[next]?.description || "";
let nextLink = slides[next]?.link || "";
if (slides[next].url) {
nextLink = slides[next].url;
}
console.log(nextLink);
await preload(nextUrl);
layerNext.style.backgroundImage = `url(${nextUrl})`;
if (heroText) heroText.style.opacity = '0';
if (heroDesc) heroDesc.style.opacity = '0';
if (heroLink) heroLink.style.opacity = '0';
layerNext.offsetHeight;
layerNext.classList.add('bg-layer--fadein');
await waitTransition(layerNext);
layerCurrent.style.backgroundImage = `url(${nextUrl})`;
layerNext.classList.remove('bg-layer--fadein');
if (heroText) {
heroText.innerHTML = nextTxt;
heroText.style.opacity = '1';
}
if (heroDesc) {
heroDesc.innerHTML = nextDesc;
heroDesc.style.opacity = '1';
}
if (heroLink) {
heroLink.href = nextLink;
heroLink.style.opacity = '1';
}
index = next;
hero.dataset.index = String(index);
isAnimating = false;
}
btnPrev?.addEventListener("click", () => goTo(index - 1));
btnNext?.addEventListener("click", () => goTo(index + 1));
hero.setAttribute('tabindex', '0');
hero.addEventListener('keydown', (e) => {
if (e.key === 'ArrowLeft') goTo(index - 1);
if (e.key === 'ArrowRight') goTo(index + 1);
});
});
</script> <a href="/carte-camping/" id="cta-button" class="cta-button opacity-0 translate-y-5 md:hidden z-[999] max-md:fixed max-md:right-0 max-md:left-0 max-md:mx-auto max-md:max-w-[250px] max-md:bg-orange max-md:text-white max-md:text-[16px] max-md:flex max-md:flex-row max-md:flex-wrap max-md:gap-[10px] max-md:items-center max-md:justify-center max-md:border-0 max-md:rounded-[20px] max-md:py-[10px] max-md:bottom-[20px] transition-all duration-500 ease-out [&.show]:opacity-100 [&.show]:translate-y-0">
<img src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-button-calendar.svg" alt="Button Voir dispo">
Voir les disponibilités </a>
</header><section class="term-page-content"><section class="block-editorial-text mx-auto max-w-[1260px] px-[15px] md:px-[30px] flex max-md:flex-col md:flex-row flex-wrap justify-between items-start md:gap-[70px] align wp-block-fdhpa17-editorial-text">
<div class="w-full md:max-w-[40%]">
<div class="[&_h2]:relative max-md:[&_h2]:text-center [&_h1]:relative max-md:[&_h1]:text-center [&_h2::after]:block [&_h2]:text-orange [&_h2]:text-[20px] [&_h1::after]:block [&_h1]:text-orange [&_h1]:text-[20px] md:[&_h2]:text-[30px] [&_h2]:font-[700] [&_h2_span]:font-arial [&_h2_span]:text-[32px] [&_h2_span]:font-[400] md:[&_h1]:text-[30px] [&_h1]:font-[700] [&_h1_span]:font-arial [&_h1_span]:text-[32px] [&_h1_span]:font-[400] mb-[40px] after-underline">
<h1 class="wp-block-heading">Charente-Maritime : une destination nature et océan sur la côte Atlantique</h1>
</div>
</div>
<div class="flex-1 max-md:[&_p]:text-center [&_p]:m-0 [&_p:not(:last-child)]:mb-[28px] [&_p]:text-[15px] [&_p]:text-black [&_p]:font-[400] [&_a]:underline">
<p>Chaque <a href="https://www.campings-atlantique.com/">camping en Charente-Maritime</a> promet des vacances authentiques au rythme de l’océan et de la nature.<br />
Situé sur la<strong> côte Atlantique</strong>, ce territoire ensoleillé dévoile des paysages variés, un patrimoine riche et une douceur de vivre incomparable. De La Rochelle à l’île de Ré, en passant par La Palmyre, <strong>chaque destination a son charme</strong> et ses trésors à découvrir. Entre gastronomie locale, activités de plein air et découvertes culturelles, la Charente-Maritime est une <strong>terre d’évasion</strong> idéale pour les amoureux de liberté, de grands espaces et de séjours en camping tout confort.</p>
</div>
</section>
<section class="block-presentation max-w-full md:rounded-l-[200px] mx-auto relative max-md:before:left-0 md:before:-right-[30%] md:before:rounded-l-[20px] before:top-0 before:min-h-[100%] before:absolute before:content-[""] before:w-full before:bg-bgOrange overflow-hidden max-md:!px-[0] py-[20px] max-md:py-[30px] md:py-[88px] max-md:px-[15px] align wp-block-fdhpa17-presentation">
<div class="flex flex-col md:flex-row relative z-20 max-w-[1270px] md:max-[1270px]:mx-[30px] flex-wrap md:gap-[45px] lg:gap-[90px] mx-auto">
<div class="flex-1 flex justify-center items-center max-md:mb-[0px] max-md:px-[15px]">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/region-terre-ocean-1.png" alt="Image mise en avant"
class="max-md:w-full w-full object-cover md:aspect-square max-w-full rounded-[10px] max-md:mb-[20px]" />
</div>
<div class="flex-1 max-md:px-[15px]">
<div class="animateFade fadeOutAnimation md:[&_h2]:leading-[36px] md:[&_h1]:leading-[36px] [&_h2]:mb-[20px] md:[&_h2]:mb-[50px] [&_h1]:mb-[50px] [&_h2]:text-black [&_h1]:text-black [&_li]:mt-0 max-md:[&_li]:text-[14px] md:[&_li]:text-[16px] [&_li]:text-[#333333] [&_li]:font-arial [&_p]:mt-0 text-[14px] md:[&_p]:text-[16px] [&_p]:text-[#333333] [&_p_a]:underline [&_h2]:text-[24px] md:[&_h2]:text-[36px] [&_h1]:text-[20px] md:[&_h1]:text-[36px] [&_h2]:font-[600] [&_h1]:font-[600] [&_h2]:font-ivymode [&_h1]:font-ivymode [&_h2_sub]:font-arial [&_h1_sub]:font-arial [&_h2_sub]:font-[400] [&_h1_sub]:font-[400] max-md:[&_h2]:text-center [&_h2_sub]:text-[20px] max-md:[&_h1]:text-center [&_h1_sub]:text-[20px] max-md:text-center md:[&_h2_sub]:text-[32px] md:[&_h1_sub]:text-[32px]">
<h2 class="wp-block-heading">Une région entre terre et océan</h2>
<p class="wp-block-paragraph">Bordée par l’océan Atlantique et baignée par la lumière du sud-ouest, la <strong>Charente-Maritime </strong>s’impose comme l’un des départements les plus attractifs de France. Son <strong>littoral</strong>, parmi les plus étendus du pays, alterne plages de sable fin, falaises, marais et ports anciens. À l’<strong>intérieur des terres</strong>, les villages de pierre, les vignes et les rivières composent une mosaïque de paysages paisibles et accueillants.<br><br>Réputée pour son <strong>ensoleillement généreux</strong>, sa <strong>gastronomie iodée </strong>et son <strong>art de vivre</strong>, la région séduit autant ceux qui aiment le farniente que les explorateurs curieux. En effet,<strong> l’océan rythme les journées</strong>, les marchés sentent bon la mer et les balades mènent toujours à une belle surprise.<br><br>Facile d’accès, riche en histoire, ancrée dans une tradition d’accueil, la Charente-Maritime est une <strong>destination de choix pour des vacances en camping</strong>, entre nature préservée, culture vivante et plaisirs simples.<br><br><strong><em>Le saviez-vous ?</em></strong> Le célèbre Fort Boyard, situé entre l’île d’Aix et l’île d’Oléron, n’a jamais servi de fort militaire ! Jugé inutilisable avant même son achèvement, il est resté vide des années avant de devenir une star de la télé… et une excursion très prisée des vacanciers en Charente-Maritime.</p>
</div>
</div>
</div>
</section>
<section class="block-carousel max-w-[1260px] md:mx-[90px] xl:mx-auto align wp-block-fdhpa17-carousel">
<div class="">
<div class="mb-[40px] [&_p]:text-[15px] [&_h2]:relative [&_h2]:text-center [&_h2::after]:block [&_h2]:text-orange [&_h2]:text-[24px] md:[&_h2]:text-[32px] [&_h2]:font-[600] [&_h2_sub]:font-arial [&_h2_sub]:text-[32px] [&_h2_sub]:font-[400]">
<h2 class="wp-block-heading has-vert-color has-text-color has-link-color wp-elements-9e88bce9782a539803d98924bf997881">Choisissez la destination de vos vacances en Charente Maritime </h2>
<p class="wp-block-paragraph"></p>
</div>
</div>
<div class="block-carousel__items">
<section class="splide splidejs-block_d9c617a5a15c71b91b9a563537d77b52">
<div class="block-carousel__filters-controls splide__arrows max-md:hidden">
<button
class="splide__arrow splide__arrow--prev block-carousel__filters-controls-prev !bg-transparent !border-none !cursor-pointer !-left-[60px]">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/arrow-prev-green.svg"
alt="Flèche droite">
</button>
<button
class="splide__arrow splide__arrow--next block-carousel__filters-controls-next !bg-transparent !border-none !cursor-pointer !-right-[60px]">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/arrow-next-green.svg"
alt="Flèche gauche">
</button>
</div>
<div class="splide__track">
<ul
class="splide__list max-md:!flex max-md:flex-row max-md:flex-nowrap max-md:gap-[15px] max-md:overflow-x-scroll max-md:w-full">
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/la-rochelle.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/la-rochelle/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
La Rochelle </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/que-faire-ile-oleron.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/ile-oleron/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Ile d’Oleron </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/tourisme-ile-de-re.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/ile-de-re/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Ile de Ré </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/visite-marais-poitevin.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/marais-poitevin/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Marais Poitevin </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/rochefort.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/rochefort/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Rochefort </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/royan.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/royan/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Royan </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/la-saintonge.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/saintonge-cognac/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-green mt-[20px]">
Saintonge Cognac </span>
</a>
</div>
</li>
</ul>
</div>
</section>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', () => {
const carousel = document.querySelector('.splidejs-block_d9c617a5a15c71b91b9a563537d77b52')
const slidesCount = carousel.querySelectorAll('.splide__slide').length;
const arrowDisplay = slidesCount > 3; // flèches seulement si plus que 3 slide
console.log(arrowDisplay);
if (carousel) {
const carouselSplide = new Splide(carousel, {
focus: 'center',
perPage: 3,
perMove: 1,
gap: '32px',
pagination: false,
arrows: arrowDisplay,
breakpoints: {
1200: {
perPage: 2,
arrows: slidesCount > 2 // adapte pour tablette
},
768: {
destroy: true
}
}
})
carouselSplide.mount()
}
})
</script>
<section class="block-cards max-w-[1850px] mx-auto max-[1850px]:mx-[30px] align wp-block-fdhpa17-cards">
<div class="flex flex-col max-md:gap-[20px] md:flex-row flex-wrap gap-[10px]">
<div class="flex-1 bg-center bg-cover bg-no-repeat p-[30px] md:p-[55px] rounded-[20px] max-md:min-h-[200px]" style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/08/charente-maritime-localisation.png')">
</div>
<div class="flex-1 bg-center bg-cover bg-no-repeat p-[30px] md:p-[55px] rounded-[20px] max-md:min-h-[200px]" style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/08/charente-maritime-localisation2.png')">
</div>
<div class="flex-1 bg-center bg-cover bg-no-repeat p-[30px] md:p-[55px] rounded-[20px] max-md:min-h-[200px]" style="background-color:#e9b237;">
<h2 class="font-ivymode max-md:text-[24px] md:text-[32px] md:leading-[45px] max-md:text-center" style="color:#fff">Où se trouve la Charente-Maritime ?</h2>
<div class="content font-arial text-[15px] max-md:text-center" style="color:#fff">
<p>Située sur la <strong>façade Atlantique</strong>, au cœur de la région <strong>Nouvelle-Aquitaine</strong>, la <strong>Charente-Maritime</strong> (département 17) bénéficie d’une position idéale pour les vacanciers. Elle s’étend de l’estuaire de la Gironde au sud jusqu’aux marais du Marais Poitevin au nord, en passant par un littoral de plus de <strong>460 km</strong> ponctué d’îles, de plages et de ports. À la fois <strong>proche du bassin parisien</strong> (2h30 en TGV depuis Paris vers La Rochelle) et connectée au reste du Sud-Ouest, elle constitue un <strong>point de départ stratégique</strong> pour découvrir aussi bien les côtes que l’arrière-pays. À l’ouest, elle fait face à l’océan ; à l’est, elle borde les départements de la Charente, des Deux-Sèvres, de la Dordogne et de la Gironde.</p>
</div>
</div>
</div>
</section>
<section class="block-advantages max-w-[1020px] mx-auto max-[1020px]:mx-[30px] max-md:flex max-md:flex-col grid grid-cols-2 gap-0 [&>*:nth-child(1)]:col-start-1 [&>*:nth-child(1)]:row-start-1 [&>*:nth-child(2)]:col-start-2 [&>*:nth-child(2)]:row-start-1 [&>*:nth-child(3)]:col-start-1 [&>*:nth-child(3)]:row-start-2 [&>*:nth-child(3)]:col-span-2 justify-between max-md:gap-[40px] md:gap-[80px] align wp-block-fdhpa17-advantages">
<div class="flex-1">
<div class="animateFade fadeOutAnimation [&_h2]:text-black [&_h2]:mb-[30px] md:[&_h2]:mb-[67px] md:[&_h2]:text-left [&_p]:m-0 max-md:[&_p]:text-[14px] md:[&_p]:text-[16px] [&_p]:font-[400] [&_p]:text-black [&_p]:font-arial max-md:[&_h2]:text-[24px] md:[&_h2]:text-[36px] max-md:text-center [&_h2]:font-[700] [&_h2]:font-ivymode">
<h2 class="wp-block-heading">L’histoire de la Charente-Maritime</h2>
<p class="wp-block-paragraph">La Charente-Maritime est un <strong>territoire façonné par les siècles</strong>, où la mer et l’histoire ont toujours été étroitement liées. Quelques repères clés permettent de saisir la richesse de son passé :</p>
<p class="has-vert-color has-text-color has-link-color wp-elements-2542ad7250f2f99c9889d19dc6cf34a3 wp-block-paragraph"><br><strong>Anecdote </strong>: lors du siège de La Rochelle, Richelieu aurait personnellement supervisé la construction d’une digue en mer pour empêcher tout ravitaillement par les Anglais. Ce génie logistique a scellé le sort de la ville et renforcé le pouvoir royal… tout en changeant à jamais le destin de la cité.</p>
<p class="wp-block-paragraph"></p>
</div>
</div>
<div class="flex-1 flex flex-col gap-y-[24px] gap-x-[58px]">
<div class="item flex flex-col justify-start items-start">
<div class="animateFade fadeOutAnimation font-arial text-[15px] text-black font-[400] relative before:absolute before:top-0 before:-left-[15px] before:content-[''] before:bg-arrow-list before:w-[12px] before:h-[24px] before:bg-contain">À l’époque gallo-romaine, Saintes était une capitale régionale majeure. On y trouve encore un amphithéâtre romain parmi les plus anciens de France.</div>
</div>
<div class="item flex flex-col justify-start items-start">
<div class="animateFade fadeOutAnimation font-arial text-[15px] text-black font-[400] relative before:absolute before:top-0 before:-left-[15px] before:content-[''] before:bg-arrow-list before:w-[12px] before:h-[24px] before:bg-contain">Au Moyen Âge, La Rochelle devient un port important pour le commerce avec l’Angleterre, prospérant grâce au vin et au sel.</div>
</div>
<div class="item flex flex-col justify-start items-start">
<div class="animateFade fadeOutAnimation font-arial text-[15px] text-black font-[400] relative before:absolute before:top-0 before:-left-[15px] before:content-[''] before:bg-arrow-list before:w-[12px] before:h-[24px] before:bg-contain">Aux XVIe et XVIIe siècles, le département est marqué par les guerres de Religion. La Rochelle devient une place forte protestante avant d’être assiégée par Richelieu en 1628.</div>
</div>
<div class="item flex flex-col justify-start items-start">
<div class="animateFade fadeOutAnimation font-arial text-[15px] text-black font-[400] relative before:absolute before:top-0 before:-left-[15px] before:content-[''] before:bg-arrow-list before:w-[12px] before:h-[24px] before:bg-contain">Au XVIIIe siècle, Rochefort s’impose comme un haut lieu de la construction navale avec la création de l’arsenal maritime.</div>
</div>
<div class="item flex flex-col justify-start items-start">
<div class="animateFade fadeOutAnimation font-arial text-[15px] text-black font-[400] relative before:absolute before:top-0 before:-left-[15px] before:content-[''] before:bg-arrow-list before:w-[12px] before:h-[24px] before:bg-contain">Le XXe siècle voit l’essor du tourisme balnéaire et du camping, avec un véritable boom dès les années 1970, porté par l’accessibilité du littoral et la douceur du climat.</div>
</div>
</div>
</section>
<section data-wpr-lazyrender="1" class="block-featured-activity bg-bgGreen mx-[30px] p-[15px] md:p-[60px] rounded-t-[20px] align wp-block-fdhpa17-featured-activity">
<div class="flex flex-row flex-wrap max-w-[1270px] mx-auto">
<div class="max-w-[835px] mx-auto mb-[30px]">
<div class="[&_h2]:mb-[30px] [&_h2]:text-center [&_p]:text-center [&_h2]:text-green [&_p]:mt-0 [&_p]:text-[14px] md:[&_p]:text-[15px] [&_p]:text-black [&_p]:font-arial [&_h2]:text-[24px] md:[&_h2]:text-[32px] [&_h2]:font-[700] [&_h2]:font-ivymode">
<h2 class="wp-block-heading">Les destinations et activités incontournables en Charente-Maritime</h2>
<p class="wp-block-paragraph">Du littoral aux terres intérieures, la <strong>Charente-Maritime regorge de destinations</strong> aux ambiances variées. <strong>Chaque lieu a son caractère</strong>, ses incontournables et ses expériences uniques à vivre lors d’un séjour en camping.</p>
</div>
</div>
<div class="flex flex-col md:flex-row flex-wrap w-full gap-[30px]">
<div class="flex-row flex flex-wrap w-full gap-[60px] max-md:hidden">
<div class="flex flex-col items-center justify-center flex-1">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg" alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
<div class="flex flex-col items-center justify-center flex-1">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
La Rochelle </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Urbaine, historique et vivante </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
Le Vieux-Port, l’Aquarium, les Tours médiévales </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Un city break au bord de l’océan </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Île de Ré </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Élégante, nature et préservée </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
Les marais salants, Saint-Martin-de-Ré, les pistes cyclables </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Les amoureux de vélo et de villages anciens </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Île d’Oléron </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Authentique, familiale, sauvage </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
Le phare de Chassiron, les huîtres, les plages </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Des vacances en famille, les pieds dans l’eau </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Royan / La Palmyre </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Balnéaire, animée et familiale </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
La plage de la Grande Conche, le zoo de La Palmyre </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Profiter de la mer et des activités avec enfants </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Marennes / Bourcefranc </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Calme, gourmande et nature </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
Dégustation d’huîtres, port de la Cayenne, balades à vélo </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Les fins gourmets et les escapades douces </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Rochefort / Brouage </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Culturelle, patrimoniale, discrète </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
L’Hermione, la Corderie Royale, les remparts de Brouage </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Les passionnés d’histoire et de patrimoine </div>
</div>
<div class="max-md:flex-col md:flex-row flex md:flex-wrap w-full justify-center items-center gap-[60px]">
<div
class="max-md:relative bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-ivymode text-[20px] text-orange md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-destination.svg"
alt="Icon Destination">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Destination</p>
</div>
Saintes / Saint-Jean-d’Angély </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] px-[20px] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ambiance.svg" alt="Icon Ambiance">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Ambiance</p>
</div>
Historique, paisible, verte </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-not-miss.svg"
alt="Icon A ne pas manquer">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">À ne pas manquer</p>
</div>
L’amphithéâtre romain, les abbayes, la Charente </div>
<div
class="bg-white rounded-[20px] flex flex-col items-center justify-center md:flex-1 max-md:w-[90%] py-[15px] md:px-[40px] md:py-[30px] text-center font-arial text-[16px] md:min-h-[115px]">
<div class="md:hidden">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/icon-ideal.svg" alt="Icon idéal pour...">
<p class="font-ivymode text-[24px] font-[700] leading-[51px] text-green m-0">Idéal pour…</p>
</div>
Les passionnés de culture </div>
</div>
</div>
</div>
</section>
<section class="block-carousel max-w-[1260px] md:mx-[90px] xl:mx-auto align wp-block-fdhpa17-carousel">
<div class="">
<div class="mb-[40px] [&_p]:text-[15px] [&_h2]:relative [&_h2]:text-center [&_h2::after]:block [&_h2]:text-orange [&_h2]:text-[24px] md:[&_h2]:text-[32px] [&_h2]:font-[600] [&_h2_sub]:font-arial [&_h2_sub]:text-[32px] [&_h2_sub]:font-[400]">
<h2 class="wp-block-heading">Tout ce qui vous attend en Charente Maritime</h2>
<p class="wp-block-paragraph"></p>
</div>
</div>
<div class="block-carousel__items">
<section class="splide splidejs-block_6dccd88c853015b00fa0148459e52a4e">
<div class="block-carousel__filters-controls splide__arrows max-md:hidden">
<button
class="splide__arrow splide__arrow--prev block-carousel__filters-controls-prev !bg-transparent !border-none !cursor-pointer !-left-[60px]">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/arrow-prev-green.svg"
alt="Flèche droite">
</button>
<button
class="splide__arrow splide__arrow--next block-carousel__filters-controls-next !bg-transparent !border-none !cursor-pointer !-right-[60px]">
<img decoding="async" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/assets/media/arrow-next-green.svg"
alt="Flèche gauche">
</button>
</div>
<div class="splide__track">
<ul
class="splide__list max-md:!flex max-md:flex-row max-md:flex-nowrap max-md:gap-[15px] max-md:overflow-x-scroll max-md:w-full">
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/gastronomie-charente-maritime.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/gastronomie/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-orange mt-[20px]">
Gastronomie </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/09/activites-charente-maritime.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/activite/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-orange mt-[20px]">
Activité </span>
</a>
</div>
</li>
<li
class="splide__slide h-[62vw] md:h-[40vw] lg:h-[25vw] lg:max-h-[385px] max-md:w-[70%] max-md:h-[320px] max-md:pl-[20px]">
<div class="image_featured min-h-[calc(100%-40px)] bg-cover bg-no-repeat rounded-[20px] relative"
style="background-image:url('https://www.campings-atlantique.com/wp-content/uploads/2025/08/0a2a21b2c67dd5b09d455fb785700e43c68c4c08.jpg');">
<a class="absolute w-full h-full -bottom-[30px] md:-bottom-[43px] left-0 flex items-end justify-start hover:no-underline no-underline"
href="https://www.campings-atlantique.com/charente-maritime/culture/">
<span
class="px-[40px] text-center flex items-center h-[60px] md:h-[85px] box-border bg-bgGreen max-w=[260px] font-arial text-[14px] md:text-[20px] font-[700] rounded-ee-[20px] text-orange mt-[20px]">
Sorties culturelles </span>
</a>
</div>
</li>
</ul>
</div>
</section>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', () => {
const carousel = document.querySelector('.splidejs-block_6dccd88c853015b00fa0148459e52a4e')
const slidesCount = carousel.querySelectorAll('.splide__slide').length;
const arrowDisplay = slidesCount > 3; // flèches seulement si plus que 3 slide
console.log(arrowDisplay);
if (carousel) {
const carouselSplide = new Splide(carousel, {
focus: 'center',
perPage: 3,
perMove: 1,
gap: '32px',
pagination: false,
arrows: arrowDisplay,
breakpoints: {
1200: {
perPage: 2,
arrows: slidesCount > 2 // adapte pour tablette
},
768: {
destroy: true
}
}
})
carouselSplide.mount()
}
})
</script>
<section class="container-huge flex flex-col items-center justify-center block-faq rounded-t-[20px] pt-[75px] pb-[54px] max-md:px-[15px] max-md:py-[50px] px-[30px] bg-bgGreen align wp-block-fdhpa17-faq">
<div class="">
<div class="animateFade fadeOutAnimation [&_p]:m-0 max-md:text-center [&_p]:text-[20px] md:[&_p]:text-[32px] [&_p]:font-[400] [&_p]:text-primary [&_p]:text-center [&_p]:font-arial [&_h2]:text-black [&_h2]:mt-0 [&_h2]:mb-0 [&_h2]:text-center max-md:[&_h2]:text-[24px] [&_h2]:text-[36px] [&_h2]:font-[700] [&_h2]:font-ivymode [&_h2_sub]:mt-0 [&_h2_sub]:mb-0 [&_h2_sub]:text-center max-md:[&_h2_sub]:text-[24px] [&_h2_sub]:text-[36px] [&_h2_sub]:font-[400] [&_h2_sub]:font-arial [&_h2_sub]:block [&_h2_sub]:text-green">
<h2 class="wp-block-heading"><sup>Questions fréquentes <sub>sur les vacances en Charente-Maritime</sub></sup></h2>
</div> </div>
<div class="max-w-[1100px] w-[100%] mx-[30px] flex items-start max-md:flex-col">
<ul
class="w-full md:w-1/2 md:mr-[30px] float-left m-0 p-0 list-none grid grid-cols-1 md:grid-cols-1 gap-x-[32px] gap-y-[20px] mt-[60px] mb-[20px] md:mb-[80px]">
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Pourquoi choisir la Charente-Maritime pour ses vacances ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>La Charente-Maritime, sur la côte Atlantique, séduit par son climat doux, son littoral varié, ses îles célébres comme Oléron, et ses villes historiques telles que La Rochelle, Royan ou Saintes. C’est un département de Nouvelle-Aquitaine idéal pour découvrir l’ouest de la France en famille ou entre amis.</p>
</div>
</li>
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Quels sont les meilleurs moments pour visiter la Charente-Maritime ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>La Charente-Maritime se découvre toute l’année, mais la période de mai à septembre est idéale pour profiter pleinement du littoral, des activités en plein air et des festivals locaux. Le printemps offre des paysages fleuris et un climat doux, tandis que l’été est parfait pour les baignades et animations estivales. L’arrière-saison, plus calme, séduit par sa lumière dorée et ses marchés gourmands.</p>
</div>
</li>
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Quelle est la ville principale du département de la Charente-Maritime ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>La ville la plus connue du département de Charente-Maritime est La Rochelle, célèbre pour son port, son patrimoine et sa qualité de vie. Si vous dormez dans notre hôtel de plein air à Saint-Martin-de-Ré, il faut absolument que vous partiez la visiter ! Elle se situe à tout juste 24 kilomètres !</p>
</div>
</li>
</ul>
<ul
class="w-full md:w-1/2 float-left m-0 p-0 list-none grid grid-cols-1 md:grid-cols-1 gap-x-[32px] gap-y-[20px] md:mt-[60px] mb-[80px]">
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Quelles sont les destinations incontournables autour de Rochefort et Saint-Jean-d’Angély ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>Autour de Rochefort, on trouve la Corderie Royale et l’arsenal maritime. Plus à l’est, Saint-Jean-d’Angély est appréciée pour son abbaye royale et ses ruelles anciennes. Ces deux communes proposent une autre facette du département, loin du littoral mais tout aussi riche culturellement.</p>
</div>
</li>
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Combien d’habitants compte la Charente-Maritime et quelles sont les zones les plus peuplées ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>La Charente-Maritime compte environ 650 000 habitants. Les zones les plus peuplées sont La Rochelle, Rochefort, Saintes et Royan, en bord de mer ou proches de grands axes. La population triple en été grâce au tourisme, en particulier sur la côte et les îles.</p>
</div>
</li>
<li class="animateFade fadeOutAnimation py-[36px] px-[24px] bg-white rounded-[20px]">
<h3 class="faq-toggle cursor-pointer max-md:text-center m-0 font-arial text-[16px] md:text-[20px] text-black mb-[0px] md:pr-[30px] relative after:content-[''] after:absolute after:right-0 max-md:after:left-0 max-md:after:mx-auto md:after:top-[25%] after:bg-more-icon after:w-[17px] after:h-[17px] max-md:after:-bottom-[45px] after:transition-transform after:duration-300" role="button" tabindex="0" aria-expanded="false">
Quelle est la différence entre l’île d’Oléron et l’île de Ré ? </h3>
<div class="faq-answer transition-all duration-500 ease-in-out max-h-0 overflow-hidden opacity-0 m-0 [&_p]:font-arial [&_p]:text-[12px] md:[&_p]:text-[14px] [&_p]:text-black max-md:text-center">
<p>L’île d’Oléron, plus grande et plus sauvage, est idéale pour les amoureux de nature et d’authenticité. L’île de Ré, plus chic et préservée, séduit par ses villages de pierre blanche, ses marchés et ses plages. Les deux font la richesse insulaire du littoral charentais, au cœur du sud-ouest de la France.</p>
</div>
</li>
</ul>
</div>
</section>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Pourquoi choisir la Charente-Maritime pour ses vacances ?","acceptedAnswer":{"@type":"Answer","text":"La Charente-Maritime, sur la côte Atlantique, séduit par son climat doux, son littoral varié, ses îles célébres comme Oléron, et ses villes historiques telles que La Rochelle, Royan ou Saintes. C’est un département de Nouvelle-Aquitaine idéal pour découvrir l’ouest de la France en famille ou entre amis."}},{"@type":"Question","name":"Quels sont les meilleurs moments pour visiter la Charente-Maritime ?","acceptedAnswer":{"@type":"Answer","text":"La Charente-Maritime se découvre toute l’année, mais la période de mai à septembre est idéale pour profiter pleinement du littoral, des activités en plein air et des festivals locaux. Le printemps offre des paysages fleuris et un climat doux, tandis que l’été est parfait pour les baignades et animations estivales. L’arrière-saison, plus calme, séduit par sa lumière dorée et ses marchés gourmands."}},{"@type":"Question","name":"Quelle est la ville principale du département de la Charente-Maritime ?","acceptedAnswer":{"@type":"Answer","text":"La ville la plus connue du département de Charente-Maritime est La Rochelle, célèbre pour son port, son patrimoine et sa qualité de vie. Si vous dormez dans notre hôtel de plein air à Saint-Martin-de-Ré, il faut absolument que vous partiez la visiter ! Elle se situe à tout juste 24 kilomètres !"}},{"@type":"Question","name":"Quelles sont les destinations incontournables autour de Rochefort et Saint-Jean-d’Angély ?","acceptedAnswer":{"@type":"Answer","text":"Autour de Rochefort, on trouve la Corderie Royale et l’arsenal maritime. Plus à l’est, Saint-Jean-d’Angély est appréciée pour son abbaye royale et ses ruelles anciennes. Ces deux communes proposent une autre facette du département, loin du littoral mais tout aussi riche culturellement."}},{"@type":"Question","name":"Combien d’habitants compte la Charente-Maritime et quelles sont les zones les plus peuplées ?","acceptedAnswer":{"@type":"Answer","text":"La Charente-Maritime compte environ 650 000 habitants. Les zones les plus peuplées sont La Rochelle, Rochefort, Saintes et Royan, en bord de mer ou proches de grands axes. La population triple en été grâce au tourisme, en particulier sur la côte et les îles."}},{"@type":"Question","name":"Quelle est la différence entre l’île d’Oléron et l’île de Ré ?","acceptedAnswer":{"@type":"Answer","text":"L’île d’Oléron, plus grande et plus sauvage, est idéale pour les amoureux de nature et d’authenticité. L’île de Ré, plus chic et préservée, séduit par ses villages de pierre blanche, ses marchés et ses plages. Les deux font la richesse insulaire du littoral charentais, au cœur du sud-ouest de la France."}}]}</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const root = document.querySelector(".block-faq"); // limite l'accordéon à ta section
if (!root) return;
const toggles = root.querySelectorAll(".faq-toggle");
const answers = root.querySelectorAll(".faq-answer");
// ferme tout
function closeAll() {
answers.forEach(a => {
a.classList.remove("max-h-[1000px]", "opacity-100", "mt-[30px]");
a.classList.add("max-h-0", "opacity-0");
});
toggles.forEach(t => t.setAttribute("aria-expanded", "false"));
toggles.forEach(t => t.classList.remove("after:rotate-45", "max-md:after:bottom-[-25px]"));
}
function openOne(toggle, answer) {
closeAll();
answer.classList.remove("max-h-0", "opacity-0");
// valeur large pour permettre la transition de hauteur
answer.classList.add("max-h-[1000px]", "opacity-100", "mt-[30px]");
toggle.setAttribute("aria-expanded", "true");
toggle.classList.add("after:rotate-45", "max-md:after:bottom-[-25px]");
}
toggles.forEach(toggle => {
const answer = toggle.nextElementSibling;
toggle.addEventListener("click", () => {
const isOpen = answer.classList.contains("max-h-[1000px]");
if (isOpen) {
closeAll();
} else {
openOne(toggle, answer);
}
});
// accessibilité clavier
toggle.addEventListener("keydown", (e) => {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
toggle.click();
}
});
});
});
</script></section><footer id="colophon"
class="container-huge px-[20px] flex flex-col gap-[30px] md:gap-[96px] site-footer bg-green py-[27px] max-md:rounded-b-[100px] md:rounded-b-[200px] mb-[30px] max-md:p-[15px]">
<div class="">
<div
class="footer-logos max-md:grid max-md:grid-cols-4 md:flex flex-row max-md:gap-[10px] md:gap-[42px] justify-center items-center">
<div class="animateFade fadeOutAnimation footer-logo hover:-translate-y-1 transition-all duration-300">
<a href="https://www.infiniment-charentes.com/">
<img class="max-md:max-w-[70px]" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/charentes-logo-black-1.png" />
</a>
</div>
<div class="animateFade fadeOutAnimation footer-logo hover:-translate-y-1 transition-all duration-300">
<a href="https://www.campings.online/">
<img class="max-md:max-w-[70px]" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/Capture-décran-2025-07-01-à-10.40.03-1.png" />
</a>
</div>
<div class="animateFade fadeOutAnimation footer-logo hover:-translate-y-1 transition-all duration-300">
<a href="https://destinationcoteatlantique.fr/">
<img class="max-md:max-w-[70px]" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/Destination-Cote-Atlantique-logo-1.png" />
</a>
</div>
<div class="animateFade fadeOutAnimation footer-logo hover:-translate-y-1 transition-all duration-300">
<a href="https://www.petitfute.com/d81-charente-maritime/">
<img class="max-md:max-w-[70px]" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/12-1.png" />
</a>
</div>
</div>
</div>
<div class="flex max-md:flex-col md:flex-row items-start justify-around gap-[30px] md:gap-[70px]">
<div class="logo-newsletter">
<a href="https://www.campings-atlantique.com/">
<img class="max-md:max-w-full" src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/1Plan-de-travail-1-1.png"
alt="Logo footer FDHPA17">
</a>
<div>
<div>
<form class="js-cm-form animateFade fadeOutAnimation" id="subForm" action="https://www.createsend.com/t/subscribeerror?description="
method="post"
data-id="A61C50BEC994754B1D79C5819EC1255CC3873E6F8B51876DCB5E2826F19E413141CE16AE237389AD09A628D12E1B8D3C0F461238AA3FD2E00BA0E01193774A16">
<div>
<div class="flex flex-row flex-wrap items-center justify-center max-md:gap-[20px]">
<input autocomplete="Email" class="js-cm-email-input qa-input-email text-[16px] p-[20px] md:!max-w-[300px] border-0 rounded-[50px] pr-[80px]" id="fieldEmail" maxlength="200"
name="cm-fkjldy-fkjldy" placeholder="Votre email" required="" type="email">
<button type="submit" class="!bg-orange hover:!bg-green hover:!text-white !border-0 px-[40px] py-[15px] text-white md:-ml-[75px] text-[16px] rounded-[50px]">Envoyer </button>
</div>
<div><input type="hidden" value="Newsletter" id="fielddtklkrk" maxlength="200" name="cm-f-dtklkrk"></div>
<div>
<div>
<div class="flex items-center justify-center mt-[20px]"><input aria-required="" id="cm-privacy-consent" name="cm-privacy-consent" required=""
type="checkbox" class="!bg-green border !border-white !border-solid checked:!bg-orange"><label class="text-[14px] text-white" for="cm-privacy-consent">J’accepte de recevoir les informations de Campings
Atlantique</label></div><input id="cm-privacy-consent-hidden" name="cm-privacy-consent-hidden"
type="hidden" value="true">
</div>
</div>
</div>
</form>
</div>
</div>
<script data-minify="1" type="text/javascript"
src="https://www.campings-atlantique.com/wp-content/cache/min/1/javascript/copypastesubscribeformlogic.js?ver=1779268649"></script>
</div>
<div class="menu-footer max-md:mx-auto">
<div class="text-white font-ivymode text-[20px] md:text-[32px] font-[600] text-left mb-[22px] animateFade fadeOutAnimation">
Qui sommes-nous ? </div>
<ul class="list-none m-0 p-0">
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/fdhpa-17/">
FDHPA 17 </a>
</li>
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/nous-contacter/">
Contact </a>
</li>
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/fdhpa-17/comment-adherer/">
Comment adhérer ? </a>
</li>
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/destination/camping-ile-de-re/">
Camping Ile de Ré </a>
</li>
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/destination/camping-royan/">
Camping Royan </a>
</li>
<li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center">
<a
class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline"
href="https://www.campings-atlantique.com/destination/camping-la-rochelle/">
Camping La Rochelle </a>
</li>
</ul>
</div>
<div class="menu-footer max-md:mx-auto">
<div class="text-white font-ivymode text-[20px] md:text-[32px] font-[600] text-left mb-[22px] animateFade fadeOutAnimation">
Les incontournables </div>
<ul id="menu-les-incontournables" class="list-none m-0 p-0"><li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center"><a class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline" href="https://www.campings-atlantique.com/aquatique/piscine/">Avec piscine</a></li><li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center"><a class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline" href="https://www.campings-atlantique.com/atout/bord-de-mer/">Bord de mer</a></li><li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center"><a class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline" href="https://www.campings-atlantique.com/cible/camping-avec-bebe/">Avec bébé</a></li><li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center"><a class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline" href="https://www.campings-atlantique.com/etoile/5-etoiles/">5 étoiles</a></li><li class="animateFade fadeOutAnimation text-left md:leading-[50px] hover:translate-x-2 transition-all duration-300 max-md:text-center"><a class="font-arial text-[16px] md:text-[24px] font-[400] text-white hover:no-underline" href="https://www.campings-atlantique.com/etoile/4-etoiles/">4 étoiles</a></li></ul> </div>
<div class="social-network max-md:mx-auto">
<div class="text-white font-ivymode text-[20px] md:text-[32px] font-[600] text-center md:text-left mb-[22px] animateFade fadeOutAnimation">
Suivez-nous !</div>
<ul class="list-none m-0 p-0 flex flex-row gap-[26px] items-center justify-center">
<li class="animateFade fadeOutAnimation text-left hover:-translate-y-1 transition-all duration-300"><a
class="font-arial text-[24px] font-[400] text-white hover:no-underline" href="https://www.instagram.com/campings17/">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/Vector.svg" alt="Icon">
</a></li>
<li class="animateFade fadeOutAnimation text-left hover:-translate-y-1 transition-all duration-300"><a
class="font-arial text-[24px] font-[400] text-white hover:no-underline" href="https://www.facebook.com/campings17/">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/iconfacebook.svg" alt="Icon">
</a></li>
<li class="animateFade fadeOutAnimation text-left hover:-translate-y-1 transition-all duration-300"><a
class="font-arial text-[24px] font-[400] text-white hover:no-underline" href="https://www.youtube.com/channel/UClEyaVLWVxmW9-T-dTNs3-g">
<img src="https://www.campings-atlantique.com/wp-content/uploads/2025/08/iconyoutube.svg" alt="Icon">
</a></li>
</ul>
</div>
</div>
<div class="copyrights flex max-md:flex-col md:flex-row items-center justify-start gap-[30px] md:pl-[60px] md:pr-[60px] md:justify-center">
<a class="text-white font-arial text-[16px] font-[400] animateFade fadeOutAnimation" href="javascript:window.Sddan.cmp.displayUI();">Cookies</a>
<a class="text-white font-arial text-[16px] font-[400] animateFade fadeOutAnimation"
href="https://www.campings-atlantique.com/mentions-legales/">Mentions Légales & politique de confidentialité</a>
<a class="text-white font-arial text-[16px] font-[400] animateFade fadeOutAnimation"
href="https://www.agence-communication-beecom.fr/">Design agence Beecom </a>
<a class="text-white font-arial text-[16px] font-[400] animateFade fadeOutAnimation"
href="https://premiere.page/">Référencement agence Premiere.Page</a>
</div>
</footer>
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/press-wind/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="camping-favorites-js-before">
window.CAMPING_FAVS_DATA = {"lsKey":"camping_favs","cpt":"camping","restUrl":"https:\/\/www.campings-atlantique.com\/wp-json\/wp\/v2\/camping","assets":{"heart":"https:\/\/www.campings-atlantique.com\/wp-content\/themes\/press-wind\/assets\/media\/heart.png","heartLiked":"https:\/\/www.campings-atlantique.com\/wp-content\/themes\/press-wind\/assets\/media\/heart-liked.png","star":"https:\/\/www.campings-atlantique.com\/wp-content\/themes\/press-wind\/assets\/media\/star.svg","marker":"https:\/\/www.campings-atlantique.com\/wp-content\/themes\/press-wind\/assets\/media\/marker-v2.svg"},"texts":{"add":"Ajouter aux favoris","remove":"Retirer des favoris","added":"Ajout\u00e9","empty":"Aucun favori pour le moment.","listTitle":"Mes campings favoris","removeItem":"Retirer"}};
//# sourceURL=camping-favorites-js-before
</script>
<script id="camping-favorites-js-after">
(function(){
var D = window.CAMPING_FAVS_DATA || {};
var LS_KEY = D.lsKey || 'camping_favs';
function nowISO(){ return new Date().toISOString(); }
function read(){
try{
var raw = localStorage.getItem(LS_KEY);
if(!raw) return [];
var arr = JSON.parse(raw);
return Array.isArray(arr) ? arr : [];
}catch(e){ return []; }
}
function write(arr){
try{ localStorage.setItem(LS_KEY, JSON.stringify(arr)); }catch(e){}
}
function uniqById(items){
var map = {}; var out=[];
items.forEach(function(it){ if(!map[it.id]){ map[it.id]=1; out.push(it); }});
return out;
}
var API = {
list: function(){ return read(); },
has: function(id){ id = parseInt(id,10); return read().some(function(it){ return it.id===id; }); },
add: function(id){
id = parseInt(id,10);
if(!id) return;
var arr = read();
if(!arr.some(function(it){return it.id===id;})){
arr.push({ id:id, added_at: nowISO() });
write( uniqById(arr) );
}
},
remove: function(id){
id = parseInt(id,10);
var arr = read().filter(function(it){ return it.id!==id; });
write(arr);
},
toggle: function(id){
if(API.has(id)) API.remove(id); else API.add(id);
}
};
// Expose global pour réutilisation partout
window.CampingFavs = API;
// Mettre à jour l'état visuel des boutons
function syncButtonState(btn){
var id = parseInt(btn.getAttribute('data-camping-id'),10);
var addLabel = btn.getAttribute('data-label-add') || (D.texts && D.texts.add) || 'Ajouter aux favoris';
var removeLabel = btn.getAttribute('data-label-remove') || (D.texts && D.texts.remove) || 'Retirer des favoris';
var txt = btn.querySelector('.txt') || btn;
var img = btn.querySelector('img');
var normalIcon = btn.getAttribute('data-icon') || (D.assets && D.assets.heart) || '';
var activeIcon = btn.getAttribute('data-icon-active') || (D.assets && D.assets.heartLiked) || normalIcon;
if(API.has(id)){
btn.classList.add('is-active');
btn.setAttribute('aria-pressed','true');
if (txt) txt.textContent = removeLabel;
if (img && activeIcon) img.src = activeIcon;
} else {
btn.classList.remove('is-active');
btn.setAttribute('aria-pressed','false');
if (txt) txt.textContent = addLabel;
if (img && normalIcon) img.src = normalIcon;
}
}
function bindButtons(context){
(context || document).querySelectorAll('a.camping-fav-btn[data-camping-id]').forEach(function(btn){
if(btn.__campFavBound) return;
btn.__campFavBound = true;
syncButtonState(btn);
btn.addEventListener('click', function(e){
e.preventDefault();
console.log('unblock');
var id = parseInt(btn.getAttribute('data-camping-id'),10);
API.toggle(id);
syncButtonState(btn);
// rafraîchir la liste si présente
renderList();
});
});
}
// Rendu de la liste des favoris dans [camping_favorites]
function renderList(){
var wrap = document.querySelector('[data-camping-favs]');
if(!wrap) return;
var out = wrap.querySelector('.camping-favs-output');
if(!out) return;
var items = API.list();
if(!items.length){
out.innerHTML = '<p class="camping-favs-empty">'+ ((D.texts && D.texts.empty) || 'Aucun favori pour le moment.') +'</p>';
return;
}
var ids = items.map(function(it){ return it.id; }).join(',');
var url = (D.restUrl || '') + '?include=' + encodeURIComponent(ids) + '&per_page=100&_embed=1';
fetch(url, { credentials: 'same-origin' })
.then(function(r){ return r.ok ? r.json() : []; })
.then(function(posts){
var byId = {}; posts.forEach(function(p){ byId[p.id] = p; });
function esc(s){
return String(s == null ? '' : s)
.replace(/&/g,'&').replace(/</g,'<')
.replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');
}
function starIcons(n){
var src = (D.assets && D.assets.star) || '';
var html=''; for(var i=0;i<(n||0);i++){
html += '<img class="max-w-[13px]" src="'+esc(src)+'" alt="Étoile" />';
}
return html;
}
function thumbUrl(p){
if (p.cf_thumb) return p.cf_thumb;
// fallback via _embedded
try {
var fm = p._embedded['wp:featuredmedia'][0];
return (fm.media_details.sizes.medium_large && fm.media_details.sizes.medium_large.source_url)
|| fm.source_url || '';
} catch(e){ return ''; }
}
function renderCard(p, addedAt){
var meta = p.cf_meta || {};
var thumb = thumbUrl(p);
var prix = meta.price_mini;
var stars = p.cf_stars || 0;
var destP = p.cf_destination_parent || '';
var heart = (D.assets && D.assets.heart) || '';
var heartA = (D.assets && D.assets.heartLiked) || heart;
return ''+
'<div class="md:flex-1 bloc-camping-associated__items__item js-camping-item " '+
'data-lat="'+esc(meta.latitude||'')+'" '+
'data-lng="'+esc(meta.longitude||'')+'" '+
'data-title="'+esc(p.title && p.title.rendered ? p.title.rendered.replace(/<[^>]*>/g,'') : '')+'" '+
'data-url="'+esc(p.link)+'">'+
'<div class="image-featured min-h-[150px] max-h-[290px] min-w-auto bg-center bg-cover rounded-[10px] max-md:min-w-[250px]" '+
'style="background-image:url(\''+esc(thumb)+'\');">'+
'<div class="flex flex-row justify-between items-center py-[12px] px-[14px]">'+
(prix ? '<span class="bg-green text-white font-arial text-[14px] px-[20px] py-[8px] rounded-full">À partir de '+esc(prix)+' €</span>' : '')+
'<a href="#" class="camping-fav-btn" '+
'data-camping-id="'+p.id+'" '+
'data-label-add="Ajouter aux favoris" '+
'data-label-remove="Retirer des favoris" '+
'data-icon="'+esc(heart)+'" '+
'data-icon-active="'+esc(heartA)+'" '+
'aria-pressed="false">'+
'<img src="'+esc(heart)+'" alt="">'+
'<span class="txt" style="display:none;">Ajouter aux favoris</span>'+
'</a>'+
'</div>'+
'</div>'+
'<div class="informations mt-[20px]">'+
'<h3 class="font-arial text-[22px] font-[700] text-black m-0 mb-[5px]">'+
esc(p.title && p.title.rendered ? p.title.rendered.replace(/<[^>]*>/g,'') : '')+
'</h3>'+
'<div class="stars">'+ starIcons(stars) +'</div>'+
'<div class="location flex flex-row justify-between mb-[30px] items-center">'+
'<div class="flex flex-row gap-[8px]">'+
(D.assets && D.assets.marker ? '<img src="'+esc(D.assets.marker)+'" alt="icon localisation">' : '')+
'<p class="text-[#000] font-arial text-[14px]">'+
esc(meta.commune||'')+' - '+esc(meta.code_postal||'')+
'</p>'+
'</div>'+
'<div><p class="text-black font-arial text-[12px]">'+esc(destP)+'</p></div>'+
'</div>'+
'<div>'+
'<a href="'+esc(p.link)+'" class="button button--bg-orange !text-[14px] !no-underline little-padding-x">Voir le camping</a>'+
'</div>'+
'</div>'+
'</div>';
}
// Conserver l'ordre d'ajout
var html = '<div class="grid gap-[30px] grid-cols-1 md:grid-cols-4">';
items.forEach(function(it){
var p = byId[it.id];
if (p) html += renderCard(p, it.added_at);
});
html += '</div>';
out.innerHTML = html;
// binder les coeurs
bindButtons(out);
})
.catch(function(){
out.innerHTML = '<p class="camping-favs-empty">Impossible de charger vos favoris.</p>';
});
}
// Init
document.addEventListener('DOMContentLoaded', function(){
bindButtons(document);
renderList();
// MutationObserver pour capter du contenu chargé dynamiquement
var obs = new MutationObserver(function(muts){
bindButtons(document);
});
obs.observe(document.documentElement, { childList:true, subtree:true });
});
})();
//# sourceURL=camping-favorites-js-after
</script>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.campings-atlantique.com","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
//# sourceURL=rocket-preload-links-js-after
</script>
<script type="module" id="presswind-script-a1NDw0MN-js" src="https://www.campings-atlantique.com/wp-content/themes/press-wind/dist/assets/main-a1NDw0MN.js?ver=a1NDw0MN"></script>
<script data-minify="1" type="nomodule" id="presswind-script-CnFNIZyt-js" src="https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/themes/press-wind/dist/assets/main-legacy-CnFNIZyt.js?ver=1779268649"></script>
<script data-minify="1" id="cmp-script-js" src="https://www.campings-atlantique.com/wp-content/cache/min/1/wp-content/themes/press-wind/assets/js/cmp/cmp.js?ver=1779268649"></script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]};
//# sourceURL=wp-consent-api-js-extra
</script>
<script id="wp-consent-api-js" src="https://www.campings-atlantique.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.1"></script>
<script>
var FWP_HTTP = FWP_HTTP || {}; FWP_HTTP.lang = 'fr';
</script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1780952805 -->
