{"id":23,"date":"2026-01-26T19:07:51","date_gmt":"2026-01-26T19:07:51","guid":{"rendered":"https:\/\/domaineencoudon.fr\/?page_id=23"},"modified":"2026-04-06T09:07:52","modified_gmt":"2026-04-06T09:07:52","slug":"photos","status":"publish","type":"page","link":"https:\/\/domaineencoudon.fr\/index.php\/photos\/","title":{"rendered":"Photos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3043d e-flex e-con-boxed e-con e-parent\" data-id=\"1e3043d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f049589 e-con-full e-flex e-con e-child\" data-id=\"f049589\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-941b7df elementor-widget elementor-widget-html\" data-id=\"941b7df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* 1. REGLAGES DE BASE *\/\n    body {\n        font-family: 'Lato', sans-serif;\n        background-color: #F4F1EA; \n        margin: 0;\n    }\n    \n    h1, h2, h3 {\n        font-family: 'Playfair Display', serif; \n    }\n\n    \/* 2. LE MENU (BANDEAU) *\/\n    .custom-navbar {\n        position: fixed; \n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 80px;\n        background-color: #F4F1EA; \n        box-shadow: 0 2px 10px rgba(0,0,0,0.6);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0 40px;\n        box-sizing: border-box;\n        z-index: 9999;\n        transition: transform 0.4s ease-in-out; \n    }\n\n    .custom-navbar.nav-hidden {\n        transform: translateY(-100%); \n    }\n\n    \/* STYLE POUR LE LOGO IMAGE *\/\n    .nav-logo {\n        display: flex;\n        align-items: center;\n        height: 100%; \n        text-decoration: none;\n    }\n\n    .nav-logo img {\n        max-height: 65px; \n        width: auto; \n        object-fit: contain;\n        transition: transform 0.3s ease; \n    }\n\n    .nav-logo img:hover {\n        transform: scale(1.03); \n    }\n\n    \/* STYLE DES LIENS DU MENU (Ordinateur) *\/\n    .nav-links {\n        display: flex;\n        gap: 20px;\n        align-items: center;\n    }\n\n    .nav-btn {\n        font-family: 'Lato', sans-serif; \n        text-decoration: none;\n        color: #333; \n        font-weight: 500;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n        padding: 10px 15px;\n        transition: color 0.3s, background-color 0.3s;\n    }\n\n    .nav-btn:hover {\n        color: #E2725B; \n    }\n\n    .nav-btn-cta {\n        background-color: #556B2F; \n        color: white !important;\n        border-radius: 2px;\n        padding: 10px 20px;\n    }\n    \n    .nav-btn-cta:hover {\n        background-color: #3e4f22; \n        color: white !important;\n    }\n\n    \/* BOUTON BURGER (Cach\u00e9 sur ordinateur) *\/\n    .menu-burger {\n        display: none;\n        flex-direction: column;\n        justify-content: space-around;\n        width: 30px;\n        height: 24px;\n        background: transparent;\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        z-index: 10000;\n    }\n\n    .menu-burger span {\n        width: 30px;\n        height: 2px;\n        background: #333; \n        transition: all 0.3s linear;\n        position: relative;\n        transform-origin: 1px;\n    }\n\n    \/* ANIMATION DU BURGER EN CROIX *\/\n    .menu-burger.ouvert span:first-child { transform: rotate(45deg); }\n    .menu-burger.ouvert span:nth-child(2) { opacity: 0; transform: translateX(20px); }\n    .menu-burger.ouvert span:nth-child(3) { transform: rotate(-45deg); }\n\n    \/* GESTION DES MOBILES (Smartphones) *\/\n    @media (max-width: 768px) {\n        .custom-navbar { \n            padding: 0 15px; \n            height: 60px; \n        }\n        \n        .nav-logo img { \n            max-height: 45px; \n        }\n\n        \/* On affiche le bouton burger *\/\n        .menu-burger { \n            display: flex; \n        }\n\n        \/* Le menu devient un panneau lat\u00e9ral cach\u00e9 \u00e0 droite *\/\n        .nav-links { \n            position: fixed;\n            top: 60px; \/* Commence sous le menu *\/\n            right: -100%; \/* Cach\u00e9 hors \u00e9cran *\/\n            width: 100%;\n            height: calc(100vh - 60px);\n            background-color: #F4F1EA;\n            flex-direction: column;\n            justify-content: flex-start;\n            padding-top: 40px;\n            transition: right 0.4s ease-in-out;\n            box-shadow: -2px 5px 10px rgba(0,0,0,0.1);\n        }\n\n        \/* Classe ajout\u00e9e par Javascript pour faire entrer le menu *\/\n        .nav-links.actif {\n            right: 0;\n        }\n\n        \/* Style des liens sur mobile *\/\n        .nav-btn {\n            font-size: 1.2rem;\n            padding: 15px 0;\n            width: 80%;\n            text-align: center;\n            border-bottom: 1px solid rgba(0,0,0,0.05);\n        }\n        \n        .nav-btn-cta {\n            margin-top: 20px;\n            width: auto;\n        }\n    }\n\n<\/style>\n\n<nav class=\"custom-navbar\" id=\"autoHideNav\">\n    <a href=\"https:\/\/domaineencoudon.fr\/index.php\/accueil\/\" class=\"nav-logo\">\n        <img decoding=\"async\" src=\"http:\/\/domaineencoudon.fr\/wp-content\/uploads\/2026\/03\/image-removebg-preview.png\" alt=\"Logo Domaine en Coudon\">\n    <\/a> \n    \n    <button class=\"menu-burger\" id=\"btnBurger\" aria-label=\"Menu\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n    <\/button>\n    \n    <div class=\"nav-links\" id=\"menuLiens\">\n        <a href=\"https:\/\/domaineencoudon.fr\/index.php\/accueil\/\" class=\"nav-btn\">Accueil<\/a>\n        <a href=\"https:\/\/domaineencoudon.fr\/index.php\/photos\/\" class=\"nav-btn\">Le G\u00eete<\/a>\n        <a href=\"https:\/\/domaineencoudon.fr\/index.php\/alentours\/\" class=\"nav-btn\">Alentours<\/a>\n        <a href=\"https:\/\/domaineencoudon.fr\/index.php\/contact\/\" class=\"nav-btn\">Contact<\/a>\n        <a href=\"https:\/\/domaineencoudon.fr\/index.php\/reserver\/\" class=\"nav-btn nav-btn-cta\">R\u00e9server<\/a>\n    <\/div>\n<\/nav>\n\n<script>\n    \/\/ 1. Gestion du menu cach\u00e9 au d\u00e9filement\n    let dernierePositionScroll = 0;\n    \n    window.addEventListener('scroll', function() {\n        var navbar = document.getElementById('autoHideNav');\n        let positionActuelleScroll = window.scrollY;\n\n        \/\/ On ne cache pas le menu si le panneau burger est ouvert\n        if (!document.getElementById('menuLiens').classList.contains('actif')) {\n            if (positionActuelleScroll > 100 && positionActuelleScroll > dernierePositionScroll) {\n                navbar.classList.add('nav-hidden'); \n            } else {\n                navbar.classList.remove('nav-hidden'); \n            }\n        }\n        dernierePositionScroll = positionActuelleScroll;\n    });\n\n    \/\/ 2. Gestion du Menu Burger Mobile\n    const btnBurger = document.getElementById('btnBurger');\n    const menuLiens = document.getElementById('menuLiens');\n\n    btnBurger.addEventListener('click', () => {\n        btnBurger.classList.toggle('ouvert');\n        menuLiens.classList.toggle('actif');\n    });\n<\/script>\t\t\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<div class=\"elementor-element elementor-element-51a5de8 e-flex e-con-boxed e-con e-parent\" data-id=\"51a5de8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ccb85b e-con-full e-flex e-con e-child\" data-id=\"6ccb85b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a4225 elementor-widget elementor-widget-html\" data-id=\"88a4225\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .page-construction {\r\n        font-family: 'Lato', sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        min-height: 70vh; \/* Prend une bonne partie de l'\u00e9cran *\/\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        color: #333;\r\n    }\r\n\r\n    .construction-logo {\r\n        max-width: 250px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .construction-titre {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 2.5rem;\r\n        color: #556B2F; \/* Vert Olive *\/\r\n        margin-bottom: 15px;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .construction-texte {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        max-width: 600px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .construction-btn {\r\n        display: inline-block;\r\n        background-color: #556B2F; \/* Vert Olive *\/\r\n        color: white !important;\r\n        text-decoration: none;\r\n        padding: 12px 25px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-size: 0.9rem;\r\n        border-radius: 2px;\r\n        transition: background-color 0.3s;\r\n    }\r\n\r\n    .construction-btn:hover {\r\n        background-color: #3e4f22; \/* Vert Olive fonc\u00e9 *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"page-construction\">\r\n\r\n    \r\n    <h1 class=\"construction-titre\">Page en cours d'am\u00e9nagement<\/h1>\r\n    \r\n    <p class=\"construction-texte\">\r\n        Nous pr\u00e9parons actuellement cette page. Elle sera tr\u00e8s bient\u00f4t disponible.\r\n    <\/p>\r\n    \r\n    <p class=\"construction-texte\">\r\n        Dans l'attente, n'h\u00e9sitez pas \u00e0 nous contacter directement pour toute demande d'information ou de r\u00e9servation.\r\n    <\/p>\r\n    \r\n    <a href=\"mailto:votre-email@domaineencoudon.fr\" class=\"construction-btn\">Nous contacter<\/a>\r\n<\/div>\t\t\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<div class=\"elementor-element elementor-element-5a99bc7 e-flex e-con-boxed e-con e-parent\" data-id=\"5a99bc7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb606ab elementor-widget elementor-widget-html\" data-id=\"cb606ab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* 1. S\u00c9CURIT\u00c9 GLOBALE (A mettre imp\u00e9rativement) *\/\r\n    html, body {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow-x: hidden; \/* \u00c9vite la barre de d\u00e9filement horizontale *\/\r\n    }\r\n\r\n    \/* STYLE DU FOOTER PIERRE CHAUDE - VERSION \"PLEIN \u00c9CRAN FORC\u00c9\" *\/\r\n    .footer-medium-cols {\r\n        \/* --- TECHNIQUE DE L'\u00c9VASION (BREAKOUT) --- *\/\r\n        \/* Ces lignes forcent le footer \u00e0 prendre toute la largeur de l'\u00e9cran\r\n           m\u00eame s'il est enferm\u00e9 dans un conteneur avec des marges *\/\r\n        width: 100vw; \r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        \r\n        \/* On remonte le footer de 1px ou plus pour \"manger\" l'espace blanc du dessus *\/\r\n        margin-top: -5px !important; \r\n        \r\n        \/* --- DESIGN --- *\/\r\n        box-sizing: border-box; \r\n        background-color: #F4F1EA; \/* Pierre Chaude *\/\r\n        color: #333; \r\n        font-family: 'Lato', sans-serif;\r\n        padding: 40px 50px 20px 50px; \r\n    }\r\n\r\n    .footer-content-row {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        flex-wrap: wrap;\r\n        max-width: 1200px; \/* Le contenu reste centr\u00e9 proprement *\/\r\n        margin: 0 auto;\r\n        gap: 20px;\r\n    }\r\n\r\n    .f-col {\r\n        flex: 1;\r\n        min-width: 200px;\r\n    }\r\n\r\n    .f-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: 1.1rem;\r\n        font-weight: bold;\r\n        margin-top: 0;\r\n        margin-bottom: 15px;\r\n        color: #222;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .f-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        font-size: 0.9rem;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .f-link {\r\n        text-decoration: none;\r\n        color: #555;\r\n        transition: color 0.3s, padding-left 0.3s;\r\n    }\r\n\r\n    .f-link:hover {\r\n        color: #E2725B; \r\n        padding-left: 3px;\r\n    }\r\n\r\n    .f-text {\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        color: #555;\r\n        margin: 0;\r\n    }\r\n\r\n    .f-copyright {\r\n        margin-top: 30px;\r\n        padding-top: 15px;\r\n        border-top: 1px solid rgba(0,0,0,0.1); \r\n        text-align: center;\r\n        font-size: 0.75rem;\r\n        color: #666;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-medium-cols { padding: 30px 20px; }\r\n        .footer-content-row { flex-direction: column; gap: 30px; text-align: center; }\r\n        .f-col { width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"footer-medium-cols\">\r\n    <div class=\"footer-content-row\">\r\n        \r\n        <div class=\"f-col\">\r\n            <h4 class=\"f-title\">Domaine en Coudon<\/h4>\r\n            <p class=\"f-text\">\r\n                G\u00eete de Charme \u00e0 Gaur\u00e9.<br>\r\n                Un lieu unique pour se ressourcer.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"f-col\">\r\n            <h4 class=\"f-title\">Menu<\/h4>\r\n            <ul class=\"f-list\">\r\n                <li><a href=\"https:\/\/domaineencoudon.fr\/\" class=\"f-link\">Accueil<\/a><\/li>\r\n                <li><a href=\"https:\/\/domaineencoudon.fr\/index.php\/photos\" class=\"f-link\">Le G\u00eete & Photos<\/a><\/li>\r\n                <li><a href=\"https:\/\/domaineencoudon.fr\/index.php\/alentours\" class=\"f-link\">Alentours<\/a><\/li>\r\n                <li><a href=\"https:\/\/domaineencoudon.fr\/index.php\/reserver\" class=\"f-link\" style=\"color:#E2725B; font-weight:bold;\">R\u00e9server maintenant<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"f-col\">\r\n            <h4 class=\"f-title\">Contact<\/h4>\r\n            <ul class=\"f-list\">\r\n                <li><span class=\"f-text\">31590 Gaur\u00e9, France<\/span><\/li>\r\n                <li><a href=\"tel:+33600000000\" class=\"f-link\">06 77 88 78 85<\/a><\/li>\r\n                <li><a href=\"mailto:contact@domaineencoudon.fr\" class=\"f-link\">domaine.encoudon@gmail.com<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"f-copyright\">\r\n        &copy; 2026 Domaine en Coudon - <a href=\"#\" class=\"f-link\">Mentions L\u00e9gales<\/a>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil Le G\u00eete Alentours Contact R\u00e9server Page en cours d&rsquo;am\u00e9nagement Nous pr\u00e9parons actuellement cette page. Elle sera tr\u00e8s bient\u00f4t disponible. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":41,"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/domaineencoudon.fr\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}