FAQ Accordion - Camping Maisonneuve<\/title>\n \n<\/head>\n<body>\n \n <div class=\"faq-container\">\n \n <h2 class=\"faq-title\" id=\"faq-section\">Services and Facilities<\/h2>\n <p class=\"faq-subtitle\">Discover all the <strong>services<\/strong> and <strong>facilities<\/strong> available at <strong>Camping Maisonneuve<\/strong> for a <strong>comfortable<\/strong> stay in the heart of <strong>Black P\u00e9rigord<\/strong><\/p>\n\n \n \n \n <div class=\"faq-item\" id=\"faq10\" aria-expanded=\"true\">\n <button class=\"faq-question\" aria-controls=\"answer-faq10\" aria-expanded=\"true\">\n <h3 id=\"question-faq10\">Is there <strong>Wi-Fi<\/strong> connection in the campsite?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq10\" aria-labelledby=\"question-faq10\">\n <div class=\"faq-answer-content\">\n <p>Yes, of course! You'll have access to <strong>Wi-Fi<\/strong> throughout the <strong>campsite<\/strong>. It's practical for staying connected, sharing your <strong>vacation photos in Dordogne<\/strong> or planning your next visits in <strong>Black P\u00e9rigord<\/strong>. Many of our travelers appreciate organizing their <strong>hikes<\/strong> or <strong>cultural outings<\/strong> directly from their smartphone.<\/p>\n <p class=\"faq-expertise\">We've modernized our <strong>services<\/strong> over the decades to meet current needs, while ensuring that technology remains a discreet tool for your relaxation.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq11\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq11\" aria-expanded=\"false\">\n <h3 id=\"question-faq11\">Do you have a <strong>swimming pool<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq11\" aria-labelledby=\"question-faq11\" hidden>\n <div class=\"faq-answer-content\">\n <p>Absolutely! Our <strong>heated swimming pool<\/strong> and <strong>direct access to the C\u00e9ou river<\/strong> offer <strong>natural swimming<\/strong> and peaceful relaxation, a true haven of freshness in the heart of the <strong>golden triangle of Black P\u00e9rigord<\/strong>. <strong>Families<\/strong> love coming to relax here after a day of discovery or <strong>hiking<\/strong>. It's an ideal place for lovers of relaxation, <strong>nature<\/strong> and <strong>slow tourism<\/strong>, away from <strong>mass tourism<\/strong>.<\/p>\n <p class=\"faq-expertise\">The installation of the <strong>swimming pool<\/strong> was a key step in our history, designed to complement the natural offer of the <strong>river<\/strong> and provide controlled comfort that we know is essential for <strong>families<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq12\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq12\" aria-expanded=\"false\">\n <h3 id=\"question-faq12\">What <strong>activities<\/strong> are available on site?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq12\" aria-labelledby=\"question-faq12\" hidden>\n <div class=\"faq-answer-content\">\n <p>On site, enjoy the <strong>heated swimming pool<\/strong>, <strong>direct access to the C\u00e9ou river<\/strong>, a <strong>children's playground<\/strong>, a <strong>soccer field<\/strong>, <strong>p\u00e9tanque<\/strong> and <strong>volleyball<\/strong> courts. Nearby, you'll find <strong>canoeing<\/strong>, <strong>rock climbing<\/strong>, <strong>cycling<\/strong> and <strong>hiking<\/strong>.<\/p>\n <p class=\"faq-expertise\">It's by observing generations of <strong>families<\/strong> having fun that we've selected these simple and timeless <strong>activities<\/strong>, which promote sharing and connection with <strong>nature<\/strong>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq13\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq13\" aria-expanded=\"false\">\n <h3 id=\"question-faq13\">Does <strong>Camping Maisonneuve<\/strong> have both a <strong>heated swimming pool<\/strong> AND <strong>direct access to the river<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq13\" aria-labelledby=\"question-faq13\" hidden>\n <div class=\"faq-answer-content\">\n <p>Yes, absolutely! This is precisely one of our great features: we offer both a <strong>heated swimming pool<\/strong> for lovers of <strong>swimming<\/strong> in all seasons, and <strong>direct access to the C\u00e9ou river<\/strong> for those who prefer the <strong>natural freshness<\/strong> of <strong>wild swimming<\/strong>. This dual advantage delights all <strong>families<\/strong>: children love alternating between the <strong>secure pool<\/strong> and games by the <strong>river<\/strong>, while parents enjoy moments of relaxation in the heart of <strong>nature<\/strong>. It's a true haven of freshness in the heart of <strong>Black P\u00e9rigord<\/strong>, perfect for a <strong>rejuvenating family stay<\/strong> in the <strong>C\u00e9ou valley<\/strong>. Whether you prefer the <strong>pool<\/strong> or the <strong>river<\/strong>, you'll find what you're looking for with us!<\/p>\n <p class=\"faq-expertise\">Having grown up on this land, we know that the combination of the <strong>secure pool<\/strong> for children and <strong>wild swimming<\/strong> in the <strong>C\u00e9ou<\/strong> is what creates the most memorable <strong>vacation<\/strong> memories.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq14\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq14\" aria-expanded=\"false\">\n <h3 id=\"question-faq14\">Is there a <strong>restaurant<\/strong> or <strong>grocery store<\/strong> on site?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq14\" aria-labelledby=\"question-faq14\" hidden>\n <div class=\"faq-answer-content\">\n <p>Yes, both! Our <strong>restaurant\/snack bar<\/strong> offers <strong>local dishes<\/strong> and our <strong>grocery store<\/strong> sells <strong>local products from Black P\u00e9rigord<\/strong>. Every morning, by reservation the day before, you can take advantage of our <strong>bread<\/strong> and <strong>fresh pastries<\/strong> delivery. It's ideal for a <strong>calm<\/strong> and gourmet <strong>stay<\/strong>.<\/p>\n <p><strong>High season hours<\/strong>:<\/p>\n <ul>\n <li><strong>Bar \/ Grocery Store<\/strong>: 8:30 AM-11:30 PM (daily)<\/li>\n <li><strong>Snack Bar \/ Restaurant<\/strong>: 6:30 PM-10:00 PM (daily) + lunch and dinner service on weekends<\/li>\n <li><strong>Bread and pastries<\/strong>: Every morning by reservation the day before at reception<\/li>\n <\/ul>\n <p><strong>Local products from Black P\u00e9rigord<\/strong> available at reception: <strong>foie gras<\/strong>, <strong>confit<\/strong>, <strong>walnuts<\/strong>, <strong>truffles<\/strong> and local specialties to bring a bit of <strong>Dordogne<\/strong> home with you!<\/p>\n <p class=\"faq-expertise\">It's a family pride to offer in our <strong>grocery store<\/strong> the same <strong>local products<\/strong> that we put on our own table; it's our way of sharing with you the <strong>authentic<\/strong> taste of <strong>P\u00e9rigord<\/strong> that we love so much.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\" id=\"faq15\" aria-expanded=\"false\">\n <button class=\"faq-question\" aria-controls=\"answer-faq15\" aria-expanded=\"false\">\n <h3 id=\"question-faq15\">Does <strong>Camping Maisonneuve<\/strong> offer a <strong>festive atmosphere<\/strong>?<\/h3>\n <span class=\"faq-icon\" aria-hidden=\"true\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <div class=\"faq-answer\" id=\"answer-faq15\" aria-labelledby=\"question-faq15\" hidden>\n <div class=\"faq-answer-content\">\n <p>At <strong>Camping Maisonneuve<\/strong>, the <strong>atmosphere<\/strong> is designed to be peaceful, <strong>family-friendly<\/strong> and respectful of <strong>nature<\/strong>. Here, no loud parties or excessive <strong>entertainment<\/strong>. We prioritize a <strong>calm<\/strong> setting where everyone can relax and enjoy <strong>Black P\u00e9rigord<\/strong>. For those who enjoy sharing a convivial moment, a <strong>gentle dance evening<\/strong> is organized once a week, with respectful sound levels, to preserve the <strong>tranquility<\/strong> of the site.<\/p>\n <p class=\"faq-expertise\">Our <strong>experience<\/strong> has shown us that the most convivial moments arise from simplicity; this <strong>gentle dance evening<\/strong> is our way of fostering encounters while respecting everyone's rest.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-cta\">\n <p>Have other questions? <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">Contact us directly<\/a> or check out our other <a href=\"#\" class=\"faq-cta-link\" rel=\"noopener\">FAQ categories<\/a>.<\/p>\n <\/div>\n <\/div>\n\n<style>\n .faq-container {\n max-width: 900px !important;\n margin: 2rem auto 4rem !important;\n padding: 2rem 1rem !important;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\n line-height: 1.7 !important;\n background-color: transparent !important;\n }\n .faq-title {\n font-size: 2rem !important;\n font-weight: 700 !important;\n color: #000000 !important;\n text-align: center !important;\n margin-bottom: 0.5rem !important;\n }\n .faq-subtitle {\n text-align: center !important;\n margin-bottom: 2rem !important;\n color: #333333 !important;\n font-weight: 500 !important;\n }\n .faq-subtitle strong {\n font-weight: 600 !important;\n color: #000000 !important;\n }\n .faq-item {\n background: #ffffff !important;\n border: 2px solid #e5e5e5 !important;\n border-radius: 12px !important;\n margin-bottom: 1rem !important;\n overflow: hidden !important;\n transition: all 0.3s ease !important;\n box-shadow: none !important;\n }\n .faq-item:hover {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;\n border-color: #c0c0c0 !important;\n }\n .faq-item[aria-expanded=\"true\"] {\n border-color: #c0c0c0 !important;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;\n }\n .faq-question {\n width: 100% !important;\n background: transparent !important;\n border: none !important;\n padding: 1.75rem 2rem !important;\n cursor: pointer !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: flex-start !important;\n gap: 1rem !important;\n color: #000000 !important;\n text-align: left !important;\n }\n .faq-question:hover {\n background: rgba(0, 0, 0, 0.03) !important;\n }\n .faq-question:focus {\n outline: 3px solid #758E8C !important;\n outline-offset: -3px;\n }\n .faq-question h3 {\n all: unset;\n font-size: 1.15rem !important;\n font-weight: 700 !important;\n margin: 0 !important;\n color: #000000 !important;\n line-height: 1.5 !important;\n flex: 1 !important;\n cursor: pointer !important;\n }\n .faq-question h3 strong {\n font-weight: 900 !important;\n color: #000000 !important;\n font-size: 1.4rem;\n }\n .faq-icon {\n flex-shrink: 0 !important;\n width: 24px !important;\n height: 24px !important;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n color: #666666 !important;\n margin-top: 2px !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-icon {\n transform: rotate(180deg) !important;\n color: #000000 !important;\n }\n .faq-answer {\n max-height: 0 !important;\n overflow: hidden !important;\n padding: 0 2rem !important;\n color: #000000 !important;\n opacity: 0 !important;\n transition: opacity 1.134s linear, max-height 1.134s cubic-bezier(0.16, 1, 0.3, 1), padding 1.134s cubic-bezier(0.16, 1, 0.3, 1) !important;\n background: transparent !important;\n will-change: max-height, opacity, padding !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-answer {\n max-height: 2000px !important;\n padding: 0 2rem 2rem 2rem !important;\n opacity: 1 !important;\n transition: opacity 1.134s linear, max-height 1.134s cubic-bezier(0.16, 1, 0.3, 1), padding 1.134s cubic-bezier(0.16, 1, 0.3, 1) !important;\n }\n .faq-answer-content {\n padding-top: 0 !important;\n color: #000000 !important;\n font-size: 1.05rem !important;\n line-height: 1.8 !important;\n }\n .faq-answer-content p {\n margin: 0 0 1rem 0 !important;\n color: #000000 !important;\n }\n .faq-answer-content p:last-child {\n margin-bottom: 0 !important;\n }\n .faq-answer-content strong {\n font-weight: 900 !important;\n color: #000000 !important;\n font-size: 1.4rem;\n }\n .faq-answer-content ul {\n margin: 1rem 0 1rem 2rem !important;\n padding: 0 !important;\n }\n .faq-answer-content li {\n margin: 0.5rem 0 !important;\n color: #000000 !important;\n }\n .faq-expertise {\n font-style: italic !important;\n color: #333333 !important;\n margin-top: 1.25rem !important;\n padding: 1rem !important;\n background: #f9f9f9 !important;\n border-radius: 8px !important;\n border-left: 4px solid #cccccc !important;\n font-size: 1.01rem !important;\n }\n .faq-expertise strong {\n font-weight: 600 !important;\n font-style: italic !important;\n color: #000000 !important;\n }\n .faq-link {\n color: #0000EE !important;\n text-decoration: underline !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n cursor: pointer !important;\n }\n .faq-link:hover {\n color: #758E8C !important;\n text-decoration: underline !important;\n }\n .faq-link:focus {\n outline: 2px solid #758E8C !important;\n outline-offset: 4px;\n border-radius: 2px;\n }\n .faq-cta {\n text-align: center !important;\n font-weight: 600 !important;\n margin-top: 3rem !important;\n background-color: #f5f5f5 !important;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;\n padding: 1.5rem !important;\n border-radius: 12px !important;\n border: 2px solid #e0e0e0 !important;\n }\n .faq-cta p {\n margin: 0 !important;\n font-size: 1.1rem !important;\n color: #000000 !important;\n }\n .faq-cta-link {\n color: #0000EE !important;\n text-decoration: underline !important;\n font-weight: 700 !important;\n transition: all 0.3s ease !important;\n padding-bottom: 2px !important;\n cursor: pointer !important;\n }\n .faq-cta-link:hover {\n color: #758E8C !important;\n text-decoration: underline !important;\n }\n .faq-cta-link:focus {\n outline: 2px solid #758E8C !important;\n outline-offset: 4px;\n }\n @media (max-width: 768px) {\n .faq-container {\n padding: 1.25rem 1rem !important;\n margin: 1.25rem auto 2.5rem !important;\n }\n .faq-title {\n font-size: 1.75rem !important;\n }\n .faq-subtitle {\n font-size: 1rem !important;\n }\n .faq-question {\n padding: 1.125rem 1rem !important;\n gap: 0.75rem !important;\n }\n .faq-question h3 {\n font-size: 1.05rem !important;\n }\n .faq-answer {\n padding: 0 1rem !important;\n }\n .faq-item[aria-expanded=\"true\"] .faq-answer {\n padding: 0 1rem 1.25rem 1rem !important;\n }\n .faq-answer-content {\n font-size: 1rem !important;\n }\n .faq-expertise {\n font-size: 0.95rem !important;\n padding: 0.75rem !important;\n }\n .faq-cta {\n padding: 1.25rem 1rem !important;\n }\n .faq-cta p {\n font-size: 1rem !important;\n }\n }\n @media (max-width: 480px) {\n .faq-title {\n font-size: 1.5rem !important;\n }\n .faq-question h3 {\n font-size: 0.98rem !important;\n }\n .faq-answer-content {\n font-size: 0.95rem !important;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .faq-item,\n .faq-question,\n .faq-answer,\n .faq-icon,\n .faq-link {\n transition: none !important;\n }\n }\n @media print {\n .faq-item {\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n .faq-answer {\n max-height: none !important;\n display: block !important;\n }\n .faq-icon {\n display: none;\n }\n }\n<\/style>\n\n<script>\n \/\/ FAQ Accordion Functionality with Smooth Animations\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Initialize FAQ items\n const faqItems = document.querySelectorAll('.faq-item');\n \n faqItems.forEach(item => {\n const button = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n \n \/\/ Toggle accordion behavior\n button.addEventListener('click', () => {\n const isExpanded = item.getAttribute('aria-expanded') === 'true';\n \n \/\/ Close all other items with fade out animation\n faqItems.forEach(otherItem => {\n if (otherItem !== item) {\n const otherButton = otherItem.querySelector('.faq-question');\n otherButton.setAttribute('aria-expanded', 'false');\n otherItem.setAttribute('aria-expanded', 'false');\n \/\/ Don't hide immediately - let CSS animation complete first\n setTimeout(() => {\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherAnswer.setAttribute('hidden', '');\n }, 1200); \/\/ Match CSS animation duration (1.134s + small buffer)\n }\n });\n \n \/\/ Toggle current item\n if (isExpanded) {\n button.setAttribute('aria-expanded', 'false');\n item.setAttribute('aria-expanded', 'false');\n setTimeout(() => {\n answer.setAttribute('hidden', '');\n }, 1200);\n } else {\n \/\/ Remove hidden attribute and trigger animation\n answer.removeAttribute('hidden');\n \/\/ Force reflow to enable transition\n void answer.offsetHeight;\n button.setAttribute('aria-expanded', 'true');\n item.setAttribute('aria-expanded', 'true');\n }\n });\n \n \/\/ Keyboard navigation (Enter or Space)\n button.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n button.click();\n }\n });\n });\n\n \/\/ Spacebar support for links\n const links = document.querySelectorAll('.faq-link, .faq-cta-link');\n links.forEach(link => {\n link.addEventListener('keydown', (e) => {\n if (e.key === ' ') {\n e.preventDefault();\n link.click();\n }\n });\n });\n\n \/\/ Smooth scroll function with easing\n const smoothScrollTo = (targetPosition, duration = 800) => {\n const startPosition = window.pageYOffset;\n const distance = targetPosition - startPosition;\n let startTime = null;\n\n \/\/ Easing function for smooth animation\n const easeInOutCubic = (t) => {\n return t < 0.5 \n ? 4 * t * t * t \n : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n };\n\n const animation = (currentTime) => {\n if (startTime === null) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const progress = Math.min(timeElapsed \/ duration, 1);\n const ease = easeInOutCubic(progress);\n \n window.scrollTo(0, startPosition + (distance * ease));\n \n if (timeElapsed < duration) {\n requestAnimationFrame(animation);\n }\n };\n\n requestAnimationFrame(animation);\n };\n\n \/\/ Handle hash navigation for individual FAQ items\n const handleHashNavigation = () => {\n const hash = window.location.hash;\n \n \/\/ Check if hash exists and starts with #faq\n if (hash && hash.startsWith('#faq')) {\n \/\/ Handle general FAQ section scroll\n if (hash === '#faq-section') {\n const faqSection = document.getElementById('faq-section');\n if (faqSection) {\n const sectionPosition = faqSection.getBoundingClientRect().top + window.pageYOffset;\n smoothScrollTo(sectionPosition - 100, 1000);\n }\n } else {\n \/\/ Handle specific FAQ item (e.g., #faq71, #faq22, etc.)\n const targetId = hash.substring(1); \/\/ Remove the # symbol\n const targetItem = document.getElementById(targetId);\n \n if (targetItem && targetItem.classList.contains('faq-item')) {\n \/\/ Close all FAQ items first\n faqItems.forEach(item => {\n const btn = item.querySelector('.faq-question');\n const ans = item.querySelector('.faq-answer');\n btn.setAttribute('aria-expanded', 'false');\n item.setAttribute('aria-expanded', 'false');\n setTimeout(() => {\n ans.setAttribute('hidden', '');\n }, 1260);\n });\n \n \/\/ Open the target FAQ item with delay to allow smooth animation\n setTimeout(() => {\n const targetButton = targetItem.querySelector('.faq-question');\n const targetAnswer = targetItem.querySelector('.faq-answer');\n \n targetAnswer.removeAttribute('hidden');\n \/\/ Force reflow to ensure transition is triggered\n void targetAnswer.offsetHeight;\n targetButton.setAttribute('aria-expanded', 'true');\n targetItem.setAttribute('aria-expanded', 'true');\n }, 150);\n \n \/\/ Scroll to the target item with 200px offset and smooth animation\n setTimeout(() => {\n const itemPosition = targetItem.getBoundingClientRect().top + window.pageYOffset;\n const offsetPosition = itemPosition - 200;\n \n smoothScrollTo(offsetPosition, 1200);\n }, 150);\n }\n }\n }\n };\n \n \/\/ Handle hash navigation on page load\n handleHashNavigation();\n \n \/\/ Handle hash navigation when hash changes (browser back\/forward or link clicks)\n window.addEventListener('hashchange', handleHashNavigation);\n });\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover a perfect harmony between modern comfort and preserved nature, where every detail is designed for your well-being in the heart of P\u00e9rigord.\ufeff Services and Facilities at Camping Maisonneuve At Camping Maisonneuve, every service and facility is designed to offer you comfort and serenity in the heart of an exceptional natural setting. Enjoy modern infrastructure […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10971,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11363","page","type-page","status-publish","hentry","post-no-thumbnail"],"_links":{"self":[{"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/pages\/11363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/comments?post=11363"}],"version-history":[{"count":4,"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/pages\/11363\/revisions"}],"predecessor-version":[{"id":11393,"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/pages\/11363\/revisions\/11393"}],"up":[{"embeddable":true,"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/pages\/10971"}],"wp:attachment":[{"href":"https:\/\/campingmaisonneuve.com\/en\/wp-json\/wp\/v2\/media?parent=11363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}