{"id":33,"date":"2026-10-15T10:18:25","date_gmt":"2026-10-15T10:18:25","guid":{"rendered":"https:\/\/www.acces-secrets.fr\/?page_id=33"},"modified":"2026-10-15T10:18:25","modified_gmt":"2026-10-15T10:18:25","slug":"contact-villa-aeria","status":"publish","type":"page","link":"https:\/\/www.acces-secrets.fr\/?page_id=33","title":{"rendered":"Contact \u2014 Villa Aeria"},"content":{"rendered":"<style>body:has(.aeria){margin:0}body:has(.aeria) .site-header,body:has(.aeria) .page-header,body:has(.aeria) .site-footer{display:none}body:has(.aeria) main#content{max-width:none;width:100%;padding:0}body:has(.aeria) .page-content{margin:0}.aeria a:focus-visible{outline:3px solid #bc964b;outline-offset:5px}.aeria .hero p{color:white}<\/style><style>.aeria{--ink:#243c35;--sand:#f4f0e7;color:var(--ink);background:var(--sand);font:16px\/1.8 Arial,sans-serif}.aeria *{box-sizing:border-box}.aeria a{color:inherit}.aeria header{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #b8b8a3}.aeria .brand{font:28px Georgia,serif;letter-spacing:5px;text-decoration:none}.aeria nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.aeria h1,.aeria h2,.aeria h3{font-family:Georgia,serif;font-weight:400;color:inherit;line-height:1.12}.aeria h1{font-size:clamp(48px,7vw,104px);margin:18px 0 28px;max-width:900px}.aeria h2{font-size:clamp(36px,4vw,60px);margin:15px 0 30px}.aeria h3{font-size:28px}.aeria .hero{min-height:78vh;padding:90px 7% 70px;display:flex;flex-direction:column;justify-content:end;color:white;background:linear-gradient(90deg,rgba(10,31,27,.75),rgba(10,31,27,.12)),url('https:\/\/www.acces-secrets.fr\/wp-content\/uploads\/2026\/10\/villa-aeria-arcachon.jpg') center\/cover}.aeria .eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase}.aeria .button{display:inline-block;border:1px solid currentColor;padding:13px 26px;text-decoration:none;font-size:12px;letter-spacing:1px;width:fit-content}.aeria .solid{background:#243c35;color:white;border-color:#243c35}.aeria section{padding:85px 7%}.aeria .split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.aeria .split img{width:100%;height:530px;object-fit:cover}.aeria .strip{display:flex;justify-content:space-around;gap:25px;padding:30px 6%;border-bottom:1px solid #c4c8b9;flex-wrap:wrap;font-size:12px;letter-spacing:2px}.aeria .dark{background:#243c35;color:#f4f0e7}.aeria .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.aeria .grid img{width:100%;height:320px;object-fit:cover}.aeria p{max-width:650px}.aeria footer{padding:35px 7%;font-size:12px;border-top:1px solid #bac0b5}.aeria .note{font-size:12px;opacity:.75}.aeria .booking{border:1px solid #a7ae9d;padding:35px;margin-top:30px}.aeria .gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.aeria .gallery img{width:100%;height:440px;object-fit:cover}@media(max-width:700px){.aeria .split,.aeria .grid,.aeria .gallery{grid-template-columns:1fr}.aeria section{padding:55px 6%}.aeria .hero{min-height:650px;padding:60px 6%}.aeria .split img,.aeria .gallery img{height:340px}.aeria nav{gap:12px}.aeria header{padding:20px 6%}}<\/style><div class=\"aeria\"><header><a class=\"brand\" href=\"\/?page_id=7\">AERIA<\/a><nav aria-label=\"Navigation de la villa\"><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=11\">La villa<\/a><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=13\">Prestations<\/a><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=15\">Galerie<\/a><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=17\">Le Bassin<\/a><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=19\">R\u00e9servation \u2197<\/a><a href=\"https:\/\/www.acces-secrets.fr\/?page_id=33\">Contact<\/a><\/nav><\/header><main><section><span class=\"eyebrow\">Parlons de votre s\u00e9jour<\/span><h1>Une envie.<br>Une conversation.<\/h1><p>Une question sur la maison ou une attention particuli\u00e8re \u00e0 organiser ? \u00c9crivez-nous.<\/p><p class=\"note\">Site de d\u00e9monstration : les messages sont trait\u00e9s par le plugin Formulaire Simple S\u00e9curis\u00e9.<\/p><div class=\"booking\">    <style>\r\n        .formulaire-contact-wrapper {\r\n            max-width: 600px;\r\n            margin: 30px auto;\r\n            background: #fff;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        \r\n        .formulaire-contact {\r\n            position: relative;\r\n            min-height: 400px;\r\n        }\r\n        \r\n        .form-step {\r\n            display: none;\r\n            padding: 40px;\r\n            animation: fadeIn 0.3s ease-in;\r\n        }\r\n        \r\n        .form-step.active {\r\n            display: block;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateX(20px); }\r\n            to { opacity: 1; transform: translateX(0); }\r\n        }\r\n        \r\n        .step-indicator {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            padding: 20px;\r\n            background: #f8f9fa;\r\n            border-bottom: 2px solid #e9ecef;\r\n        }\r\n        \r\n        .step-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            position: relative;\r\n            flex: 1;\r\n        }\r\n        \r\n        .step-item:not(:last-child)::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: calc(100% - 40px);\r\n            height: 2px;\r\n            background: #dee2e6;\r\n            left: calc(50% + 20px);\r\n            top: 20px;\r\n            z-index: 0;\r\n        }\r\n        \r\n        .step-item:not(:last-child).completed::after {\r\n            background: #28a745;\r\n        }\r\n        \r\n        .step-dot {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            background: #dee2e6;\r\n            color: #6c757d;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .step-dot.active {\r\n            background: #0073aa;\r\n            color: #fff;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .step-dot.completed {\r\n            background: #28a745;\r\n            color: #fff;\r\n        }\r\n        \r\n        .step-label {\r\n            text-align: center;\r\n            margin-top: 10px;\r\n            font-size: 13px;\r\n            color: #6c757d;\r\n            font-weight: 500;\r\n        }\r\n        \r\n        .form-step h3 {\r\n            margin: 0 0 30px 0;\r\n            color: #333;\r\n            font-size: 24px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .form-step label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 600;\r\n            color: #495057;\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .form-step input[type=\"text\"],\r\n        .form-step input[type=\"email\"],\r\n        .form-step input[type=\"tel\"],\r\n        .form-step textarea {\r\n            width: 100%;\r\n            padding: 14px;\r\n            margin-bottom: 20px;\r\n            border: 2px solid #e9ecef;\r\n            border-radius: 8px;\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .form-step input:focus,\r\n        .form-step textarea:focus {\r\n            outline: none;\r\n            border-color: #0073aa;\r\n            box-shadow: 0 0 0 3px rgba(0,115,170,0.1);\r\n        }\r\n        \r\n        .form-step textarea {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n            font-family: inherit;\r\n        }\r\n        \r\n        .form-navigation {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 30px;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .btn-nav {\r\n            flex: 1;\r\n            padding: 14px 30px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n        \r\n        .btn-prev {\r\n            background: #6c757d;\r\n            color: #fff;\r\n        }\r\n        \r\n        .btn-prev:hover {\r\n            background: #5a6268;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .btn-next,\r\n        .btn-submit {\r\n            background: #0073aa;\r\n            color: #fff;\r\n        }\r\n        \r\n        .btn-next:hover,\r\n        .btn-submit:hover {\r\n            background: #005a87;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .btn-nav:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n        \r\n        .error-field {\r\n            color: #dc3545;\r\n            font-size: 14px;\r\n            margin-top: -15px;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n        }\r\n        \r\n        .success-message {\r\n            background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);\r\n            color: #155724;\r\n            padding: 40px 30px;\r\n            border-radius: 12px;\r\n            margin: 30px 0;\r\n            text-align: center;\r\n            border: 2px solid #28a745;\r\n            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.2);\r\n        }\r\n        \r\n        .success-message .success-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: #28a745;\r\n            color: #fff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            margin: 0 auto 20px;\r\n            animation: scaleIn 0.5s ease-out;\r\n        }\r\n        \r\n        @keyframes scaleIn {\r\n            from {\r\n                transform: scale(0);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: scale(1);\r\n                opacity: 1;\r\n            }\r\n        }\r\n        \r\n        .success-message h3 {\r\n            margin: 0 0 15px 0;\r\n            font-size: 24px;\r\n            color: #155724;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .success-message p {\r\n            margin: 0;\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n            color: #155724;\r\n        }\r\n        \r\n        .success-message strong {\r\n            color: #0d4e1c;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .error-messages {\r\n            background: #f8d7da;\r\n            color: #721c24;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .error-messages ul {\r\n            margin: 0;\r\n            padding-left: 20px;\r\n        }\r\n        \r\n        .hp-field {\r\n            position: absolute;\r\n            left: -9999px;\r\n            width: 1px;\r\n            height: 1px;\r\n        }\r\n        \r\n        .sebweb-badge {\r\n            text-align: center;\r\n            padding: 15px;\r\n            background: #f8f9fa;\r\n            border-top: 2px solid #e9ecef;\r\n            font-size: 12px;\r\n            color: #6c757d;\r\n        }\r\n        \r\n        .sebweb-badge a {\r\n            color: #0073aa;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .sebweb-badge a:hover {\r\n            text-decoration: underline;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .formulaire-contact-wrapper {\r\n                margin: 20px 10px;\r\n                border-radius: 8px;\r\n            }\r\n            \r\n            .form-step {\r\n                padding: 25px 20px;\r\n            }\r\n            \r\n            .step-item:not(:last-child)::after {\r\n                width: calc(100% - 35px);\r\n                left: calc(50% + 17.5px);\r\n            }\r\n            \r\n            .step-dot {\r\n                width: 35px;\r\n                height: 35px;\r\n                font-size: 14px;\r\n            }\r\n            \r\n            .step-label {\r\n                font-size: 11px;\r\n            }\r\n            \r\n            .form-step h3 {\r\n                font-size: 20px;\r\n            }\r\n            \r\n            .form-navigation {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .btn-nav {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    <div class=\"formulaire-contact-wrapper\">\r\n        <form method=\"post\" class=\"formulaire-contact\" id=\"contactFormMultiStep\">\r\n            <input type=\"hidden\" id=\"contact_nonce\" name=\"contact_nonce\" value=\"afe42dd303\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F33\" \/>            \r\n            <!-- Honeypot : champ invisible que seuls les bots remplissent -->\r\n            <input type=\"text\" name=\"website\" class=\"hp-field\" tabindex=\"-1\" autocomplete=\"off\">\r\n            \r\n            <!-- Timestamp pour d\u00e9tecter les soumissions trop rapides -->\r\n            <input type=\"hidden\" name=\"timestamp\" value=\"1792191681\">\r\n            \r\n            <!-- Indicateur d'\u00e9tapes -->\r\n            <div class=\"step-indicator\">\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-dot active\" data-step=\"1\">1<\/div>\r\n                    <div class=\"step-label\">Votre nom<\/div>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-dot\" data-step=\"2\">2<\/div>\r\n                    <div class=\"step-label\">Votre email<\/div>\r\n                <\/div>\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-dot\" data-step=\"3\">3<\/div>\r\n                    <div class=\"step-label\">Votre message<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- \u00c9tape 1 : Nom -->\r\n            <div class=\"form-step active\" data-step=\"1\">\r\n                <h3>Quel est votre nom ?<\/h3>\r\n                <label for=\"nom\">Votre nom *<\/label>\r\n                <input type=\"text\" id=\"nom\" name=\"nom\" required \r\n                       value=\"\"\r\n                       placeholder=\"Ex: Jean Dupont\">\r\n                <span class=\"error-field\" id=\"error-nom\"><\/span>\r\n                <div class=\"form-navigation\">\r\n                    <button type=\"button\" class=\"btn-nav btn-prev\" disabled style=\"visibility: hidden;\">Pr\u00e9c\u00e9dent<\/button>\r\n                    <button type=\"button\" class=\"btn-nav btn-next\" onclick=\"nextStep(1)\">Suivant<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- \u00c9tape 2 : Email -->\r\n            <div class=\"form-step\" data-step=\"2\">\r\n                <h3>Quel est votre email ?<\/h3>\r\n                <label for=\"email\">Votre email *<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" required\r\n                       value=\"\"\r\n                       placeholder=\"Ex: jean.dupont@email.com\">\r\n                <span class=\"error-field\" id=\"error-email\"><\/span>\r\n                \r\n                                    <!-- Champ t\u00e9l\u00e9phone cach\u00e9 pour compatibilit\u00e9 -->\r\n                    <input type=\"hidden\" id=\"telephone\" name=\"telephone\" value=\"\">\r\n                                \r\n                <div class=\"form-navigation\">\r\n                    <button type=\"button\" class=\"btn-nav btn-prev\" onclick=\"prevStep(2)\">Pr\u00e9c\u00e9dent<\/button>\r\n                    <button type=\"button\" class=\"btn-nav btn-next\" onclick=\"nextStep(2)\">Suivant<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- \u00c9tape 3 : Message -->\r\n            <div class=\"form-step\" data-step=\"3\">\r\n                <h3>Votre message<\/h3>\r\n                <label for=\"message\">Message *<\/label>\r\n                <textarea id=\"message\" name=\"message\" required \r\n                          placeholder=\"\u00c9crivez votre message ici...\"><\/textarea>\r\n                <span class=\"error-field\" id=\"error-message\"><\/span>\r\n                                    <div class=\"message-hint\" style=\"background: #e7f3ff; border-left: 4px solid #0073aa; padding: 12px 15px; margin-top: -10px; margin-bottom: 20px; border-radius: 4px; font-size: 14px; color: #004085;\">\r\n                        \ud83d\udca1 <strong>Astuce :<\/strong> N'oubliez pas de nous indiquer votre t\u00e9l\u00e9phone dans votre message si vous souhaitez \u00eatre contact\u00e9 par t\u00e9l\u00e9phone.\r\n                    <\/div>\r\n                                <div class=\"form-navigation\">\r\n                    <button type=\"button\" class=\"btn-nav btn-prev\" onclick=\"prevStep(3)\">Pr\u00e9c\u00e9dent<\/button>\r\n                    <button type=\"submit\" name=\"contact_submit\" class=\"btn-nav btn-submit\">Envoyer<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/form>\r\n        \r\n        <div class=\"sebweb-badge\">\r\n        Rendu possible par <a href=\"https:\/\/www.sebweb.fr\" target=\"_blank\" rel=\"noopener\">Sebweb<\/a> - Outils web pour professionnels\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n        let currentStep = 1;\r\n        const totalSteps = 3;\r\n        \r\n        function updateStepIndicator(step) {\r\n            document.querySelectorAll('.step-item').forEach((item, index) => {\r\n                const itemStep = index + 1;\r\n                const dot = item.querySelector('.step-dot');\r\n                dot.classList.remove('active', 'completed');\r\n                item.classList.remove('completed');\r\n                \r\n                if (itemStep < step) {\r\n                    dot.classList.add('completed');\r\n                    item.classList.add('completed');\r\n                } else if (itemStep === step) {\r\n                    dot.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n        \r\n        function showStep(step) {\r\n            document.querySelectorAll('.form-step').forEach(s => s.classList.remove('active'));\r\n            const stepElement = document.querySelector(`.form-step[data-step=\"${step}\"]`);\r\n            if (stepElement) {\r\n                stepElement.classList.add('active');\r\n            }\r\n            updateStepIndicator(step);\r\n            currentStep = step;\r\n        }\r\n        \r\n        function validateStep(step) {\r\n            let isValid = true;\r\n            \r\n            \/\/ R\u00e9initialiser les erreurs\r\n            document.querySelectorAll('.error-field').forEach(el => el.textContent = '');\r\n            \r\n            if (step === 1) {\r\n                const nom = document.getElementById('nom').value.trim();\r\n                if (!nom) {\r\n                    document.getElementById('error-nom').textContent = 'Le nom est requis.';\r\n                    isValid = false;\r\n                }\r\n            } else if (step === 2) {\r\n                const email = document.getElementById('email').value.trim();\r\n                \r\n                if (!email) {\r\n                    document.getElementById('error-email').textContent = 'L\\'email est requis.';\r\n                    isValid = false;\r\n                } else if (!isValidEmail(email)) {\r\n                    document.getElementById('error-email').textContent = 'Email invalide.';\r\n                    isValid = false;\r\n                }\r\n                \r\n                \/\/ V\u00e9rifier le t\u00e9l\u00e9phone si le champ existe et est requis\r\n                const telephoneField = document.getElementById('telephone');\r\n                const errorTelField = document.getElementById('error-telephone');\r\n                if (telephoneField && telephoneField.type !== 'hidden' && errorTelField) {\r\n                    const telephone = telephoneField.value.trim();\r\n                    if (!telephone) {\r\n                        errorTelField.textContent = 'Le t\u00e9l\u00e9phone est requis.';\r\n                        isValid = false;\r\n                    }\r\n                }\r\n            } else if (step === 3) {\r\n                const message = document.getElementById('message').value.trim();\r\n                if (!message) {\r\n                    document.getElementById('error-message').textContent = 'Le message est requis.';\r\n                    isValid = false;\r\n                }\r\n            }\r\n            \r\n            return isValid;\r\n        }\r\n        \r\n        function isValidEmail(email) {\r\n            const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n            return re.test(email);\r\n        }\r\n        \r\n        function nextStep(fromStep) {\r\n            if (validateStep(fromStep)) {\r\n                if (fromStep < totalSteps) {\r\n                    showStep(fromStep + 1);\r\n                }\r\n            }\r\n        }\r\n        \r\n        function prevStep(fromStep) {\r\n            if (fromStep > 1) {\r\n                showStep(fromStep - 1);\r\n            }\r\n        }\r\n        \r\n        \/\/ Validation au changement de champ\r\n        document.getElementById('nom').addEventListener('blur', function() {\r\n            if (currentStep === 1) validateStep(1);\r\n        });\r\n        \r\n        document.getElementById('email').addEventListener('blur', function() {\r\n            if (currentStep === 2) validateStep(2);\r\n        });\r\n        \r\n        document.getElementById('message').addEventListener('blur', function() {\r\n            if (currentStep === 3) validateStep(3);\r\n        });\r\n        \r\n        \/\/ Navigation au clavier (Enter pour passer \u00e0 l'\u00e9tape suivante)\r\n        document.getElementById('nom').addEventListener('keypress', function(e) {\r\n            if (e.key === 'Enter' && currentStep === 1) {\r\n                e.preventDefault();\r\n                nextStep(1);\r\n            }\r\n        });\r\n        \r\n        document.getElementById('email').addEventListener('keypress', function(e) {\r\n            if (e.key === 'Enter' && currentStep === 2) {\r\n                e.preventDefault();\r\n                nextStep(2);\r\n            }\r\n        });\r\n    <\/script>\r\n    <\/div><p><a class=\"button\" href=\"\/?page_id=19\">Consulter le calendrier \u2197<\/a><\/p><\/section><\/main><footer>AERIA \u00b7 Villa fictive sur le bassin d\u2019Arcachon \u00b7 D\u00e9monstration client<\/footer><\/div><style id=\"aeria-modern-design\">.aeria{--ink:#142e28;--sand:#f5f6f1;position:relative;font:15px\/1.75 Arial,Helvetica,sans-serif;background:var(--sand);color:var(--ink)}.aeria h1,.aeria h2,.aeria h3,.aeria .brand{font-family:Arial,Helvetica,sans-serif;font-weight:400}.aeria h1{font-size:clamp(58px,8.7vw,138px);letter-spacing:-.075em;line-height:.96}.aeria h2{font-size:clamp(36px,4.6vw,72px);letter-spacing:-.055em;line-height:1.05}.aeria h3{font-size:25px;letter-spacing:-.035em;line-height:1.2}.aeria .brand{font-size:30px;letter-spacing:-1.6px;font-weight:600}.aeria header{padding:26px 5%;border-bottom:1px solid #d8ded4}.aeria nav{gap:25px;font-size:12px;align-items:center}.aeria nav a{text-decoration:none;transition:opacity .2s}.aeria nav a:hover{opacity:.65}.aeria nav a[href*=\"page_id=19\"]{border:1px solid currentColor;border-radius:100px;padding:10px 20px}.aeria .button{border-radius:100px;padding:14px 25px;letter-spacing:0;text-transform:none;font-size:13px;transition:transform .2s,background .2s,color .2s}.aeria .button:hover{transform:translateY(-2px)}.aeria .eyebrow{font-size:10px;letter-spacing:2.5px}.aeria section{padding:100px 7%}.aeria .split{gap:9%}.aeria .split img{height:580px;border-radius:2px}.aeria .dark{background:#142e28}.aeria .strip{font-size:10px;letter-spacing:2px;border-bottom:1px solid #d8ded4;padding:30px 7%}.aeria .grid{gap:45px}.aeria .grid article{border-top:1px solid #ffffff45;padding-top:25px}.aeria .note{font-size:11px}.aeria .booking{border-radius:4px}.aeria footer{padding:35px 7%;font-size:11px}.aeria a:focus-visible{outline:2px solid #d2ae6e;outline-offset:6px}@media(max-width:767px){.aeria header{padding:23px 6%;gap:16px}.aeria nav{gap:15px;font-size:11px}.aeria nav a[href*=\"page_id=19\"]{padding:7px 12px}.aeria section{padding:65px 6%}.aeria .split img{height:360px}.aeria .grid{gap:18px}.aeria h2{font-size:42px}.aeria .button{padding:13px 21px}}<\/style>","protected":false},"excerpt":{"rendered":"<p>AERIA La villaPrestationsGalerieLe BassinR\u00e9servation \u2197Contact Parlons de votre s\u00e9jour Une envie.Une conversation. Une question sur la maison ou une attention particuli\u00e8re \u00e0 organiser ? \u00c9crivez-nous. Site de d\u00e9monstration : les messages sont trait\u00e9s par le plugin Formulaire Simple S\u00e9curis\u00e9. Consulter le calendrier \u2197 AERIA \u00b7 Villa fictive sur le bassin d\u2019Arcachon \u00b7 D\u00e9monstration client<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":5,"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/www.acces-secrets.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}