{"id":12168,"date":"2024-02-12T16:04:42","date_gmt":"2024-02-12T15:04:42","guid":{"rendered":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/?page_id=12168"},"modified":"2026-01-02T10:46:08","modified_gmt":"2026-01-02T09:46:08","slug":"evenements","status":"publish","type":"page","link":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/evenements\/","title":{"rendered":"Ev\u00e9nements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12168\" class=\"elementor elementor-12168\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-dce-background-overlay-color=\"#000000\" data-dce-background-image-url=\"https:\/\/www.hotel-la-clef-des-chateaux.fr\/wp-content\/uploads\/photos\/piscine-exterieurs\/piscine-hotel-clef-des-chateaux.jpg\" class=\"elementor-section elementor-top-section elementor-element elementor-element-110ebfe elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"110ebfe\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\" elementor-background-overlay lazyelementorbackgroundimages \"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8183427\" data-id=\"8183427\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1bad06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1bad06\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55d62d1\" data-id=\"55d62d1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-299dc3f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"299dc3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Explorez les futurs \u00e9v\u00e9nements \u00e0 l&rsquo;H\u00f4tel Clef des Ch\u00e2teaux !<\/strong><\/p><p>Notre calendrier est rempli de <strong>diverses activit\u00e9s<\/strong> et <strong>c\u00e9l\u00e9brations<\/strong> \u00e0 ne pas manquer. Q<span style=\"color: #0d0d0d; font-family: S\u00f6hne, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 16px; text-align: start; white-space-collapse: preserve; font-weight: var( --e-global-typography-text-font-weight ); background-color: var( --e-global-color-77accf4 );\">ue vous soyez passionn\u00e9 par la gastronomie, l&rsquo;art, la musique ou les c\u00e9l\u00e9brations saisonni\u00e8res, notre calendrier propose une <strong>vari\u00e9t\u00e9 d&rsquo;\u00e9v\u00e9nements<\/strong> con\u00e7us <strong>pour satisfaire tous les go\u00fbts.<\/strong><\/span><\/p><p>Parcourez la liste et pr\u00e9parez-vous \u00e0 vivre des <strong>moments inoubliables lors de votre s\u00e9jour<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86a2853 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"86a2853\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-f20b5f6\" data-id=\"f20b5f6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e24dcf8 elementor-widget elementor-widget-heading\" data-id=\"e24dcf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Liste de nos \u00e9v\u00e8nements \u00e0 venir<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4018516 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4018516\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdcecf8 hcc-event elementor-widget elementor-widget-shortcode\" data-id=\"fdcecf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n            <div class=\"card-event\">\n\n                <img decoding=\"async\" src=\"https:\/\/www.hotel-la-clef-des-chateaux.fr\/wp-content\/uploads\/evenements\/nouveaux-evenements-a-venir-la-clef-des-chateaux.webp\" alt=\"Les \u00e9v\u00e9nements \u00e0 ne pas manquer - La Clef des Ch\u00e2teaux\" \/>\n\n                <hr class=\"dashed-sep\">\n\n                <div class=\"infos-card-event not-found\">\n\n                    <div class=\"detail-event\"> \n\n                        Restez \u00e0 l&#039;\u00e9coute !   \n\n                        <h3 class=\"title-card-event \">     \n\n                            De nouveaux \u00e9v\u00e9nements sont \u00e0 venir !\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dd2599 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-widescreen elementor-hidden-laptop elementor-widget elementor-widget-shortcode\" data-id=\"3dd2599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n            <div class=\"row_event\">\n\n                <div class=\"image_event\">\n\n                    <img decoding=\"async\" src=\"https:\/\/www.hotel-la-clef-des-chateaux.fr\/wp-content\/uploads\/evenements\/nouveaux-evenements-a-venir-la-clef-des-chateaux.webp\" alt=\"Les \u00e9v\u00e9nements \u00e0 ne pas manquer - H\u00f4tel La Clef des Ch\u00e2teaux\" \/>\n\n                <\/div>\n\n                <div class=\"infos_event\"> \n\n                    <h3 class=\"title_event\">\n\n                        De nouveaux \u00e9v\u00e9nements sont \u00e0 venir !\n                    <\/h3>\n\n                    <span class=\"date_event\">\n\n                        Restez \u00e0 l&#039;\u00e9coute !\n                    <\/span>\n\n                    <img decoding=\"async\" class=\"img-float\" src=\"https:\/\/www.hotel-la-clef-des-chateaux.fr\/wp-content\/uploads\/evenements\/nouveaux-evenements-a-venir-la-clef-des-chateaux.webp\" alt=\"Les \u00e9v\u00e9nements \u00e0 ne pas manquer - H\u00f4tel La Clef des Ch\u00e2teaux\" \/>\n\n                <\/div>\n\n                <div class=\"cta_event\">\n\n                    <a class=\"btn_ticket ticket-white-btn-left\" href=\"#contact\"> Se renseigner <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-948d96e\" data-id=\"948d96e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8fd9e96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fd9e96\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;sticky_offset&quot;:128,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-bfb8789\" data-id=\"bfb8789\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5705fb0 elementor-widget elementor-widget-heading\" data-id=\"5705fb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Calendrier<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8801f77 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8801f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca04549 elementor-widget elementor-widget-shortcode\" data-id=\"ca04549\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"wrapper\">\n        <header>\n            <span id=\"prev\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-caret-left-fill\" viewBox=\"0 0 16 16\">\n                <path d=\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\"\/>\n                <\/svg> \n            <\/span>\n\n            <p class=\"current-date\"><\/p>\n            \n            <span id=\"next\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-caret-right-fill\" viewBox=\"0 0 16 16\">\n                <path d=\"m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\"\/>\n                <\/svg>\n            <\/span>\n        <\/header>\n        \n        <div class=\"calendar\">\n            <ul class=\"weeks\">\n                <li>L<\/li>\n                <li>M<\/li>\n                <li>M<\/li>\n                <li>J<\/li>\n                <li>V<\/li>\n                <li>S<\/li>\n                <li>D<\/li>\n            <\/ul>\n            <ul class=\"days\"><\/ul>\n        <\/div>\n        <\/div>\n        <script>\n            const daysTag = document.querySelector(\".days\");\n        const currentDate = document.querySelector(\".current-date\");\n        const prevNextIcon = document.querySelectorAll(\"span\");\n\n        let currYear = new Date().getFullYear();\n        let currMonth = new Date().getMonth();\n\n        \/\/ const months = [\"Janvier\", \"F\u00e9vrier\", \"Mars\", \"Avril\", \"Mai\", \"Juin\", \"Juillet\", \"Ao\u00fbt\", \"Septembre\", \"Octobre\", \"Novembre\", \"D\u00e9cembre\"];\nconst months = [\n    \"Janvier\",\n    \"F\u00e9vrier\",\n    \"Mars\",\n    \"Avril\",\n    \"Mai\",\n    \"Juin\",\n    \"Juillet\",\n    \"Ao\u00fbt\",\n    \"Septembre\",\n    \"Octobre\",\n    \"Novembre\",\n    \"D\u00e9cembre\"\n];\n        const eventDates = [];\n\n        const renderCalendar = () => {\n            const date = new Date(currYear, currMonth, 1);\n            const firstDayOfWeek = (date.getDay() + 6) % 7; \/\/ 0 (Lundi) \u00e0 6 (Dimanche)\n            const lastDateofMonth = new Date(currYear, currMonth + 1, 0).getDate();\n            const lastDateofLastMonth = new Date(currYear, currMonth, 0).getDate();\n\n            let liTag = \"\";\n\n            for (let i = 1; i <= firstDayOfWeek; i++) {\n                liTag += `<li class=\"inactive\">${lastDateofLastMonth - firstDayOfWeek + i}<\/li>`;\n            }\n\n            for (let i = 1; i <= lastDateofMonth; i++) {\n                let isEventDate = false; \/\/ Indicateur pour v\u00e9rifier si c'est une date d'\u00e9v\u00e9nement\n                let isOtherDate = false; \/\/ Indicateur pour v\u00e9rifier si c'est une autre date\n                let eventLink = \"\"; \/\/ Variable pour stocker le lien de l'\u00e9v\u00e9nement\n\n                \/\/ Parcourez le tableau des donn\u00e9es des \u00e9v\u00e9nements et comparez chaque date\n                for (let j = 0; j < eventDates.length; j++) {\n                    const eventDateParts = eventDates[j].date.split('\/'); \/\/ Divisez la date en jour, mois, ann\u00e9e\n                    const eventDay = parseInt(eventDateParts[0], 10);\n                    const eventMonth = parseInt(eventDateParts[1], 10) - 1; \/\/ Soustrayez 1 car les mois commencent \u00e0 0\n                    const eventYear = parseInt(eventDateParts[2], 10);\n\n                    if (eventDay === i && eventMonth === currMonth && eventYear === currYear) {\n                        isEventDate = true; \/\/ La date correspond \u00e0 un \u00e9v\u00e9nement\n                        eventLink = eventDates[j].link; \/\/ R\u00e9cup\u00e9rer le lien de l'\u00e9v\u00e9nement\n                        break; \/\/ Sortez de la boucle d\u00e8s qu'une correspondance est trouv\u00e9e\n                    }\n                }\n\n                \/\/ V\u00e9rifiez si ce n'est ni une date d'\u00e9v\u00e9nement ni une date inactive\n                if (!isEventDate) {\n                    isOtherDate = true;\n                }\n\n                \/\/ Ajoutez la classe \"event-date\" si la date correspond \u00e0 un \u00e9v\u00e9nement, et ajoutez le lien\n                \/\/ liTag += `<li class=\"${isEventDate ? \"event-date\" : \"\"}\"><a href=\"${eventLink}\">${i}<\/a><\/li>`;\n                liTag += `<li class=\"${isEventDate ? \"event-date\" : isOtherDate ? \"autre-date\" : \"\"}\">\n    ${isEventDate ? `<a href=\"${eventLink}\">${i}<\/a>` : i}\n<\/li>`;\n            }\n\n            const totalDays = 42; \/\/ 6 rows * 7 days\n            const remainingDays = totalDays - (lastDateofMonth + firstDayOfWeek);\n\n            for (let i = 1; i <= remainingDays; i++) {\n                liTag += `<li class=\"inactive\">${i}<\/li>`;\n            }\n\n            currentDate.innerText = `${months[currMonth]} ${currYear}`;\n            daysTag.innerHTML = liTag;\n        };\n\n        renderCalendar();\n\n        prevNextIcon.forEach(icon => {\n            icon.addEventListener(\"click\", () => {\n                currMonth = icon.id === \"prev\" ? currMonth - 1 : currMonth + 1;\n\n                if (currMonth < 0 || currMonth > 11) {\n                    currYear = icon.id === \"prev\" ? currYear - 1 : currYear + 1;\n                    currMonth = currMonth < 0 ? 11 : 0;\n                }\n\n                renderCalendar();\n            });\n        });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explorez les futurs \u00e9v\u00e9nements \u00e0 l&rsquo;H\u00f4tel Clef des Ch\u00e2teaux ! Notre calendrier est rempli de diverses activit\u00e9s et c\u00e9l\u00e9brations \u00e0 ne pas manquer. Que vous soyez passionn\u00e9 par la gastronomie, l&rsquo;art, la musique ou les c\u00e9l\u00e9brations saisonni\u00e8res, notre calendrier propose une vari\u00e9t\u00e9 d&rsquo;\u00e9v\u00e9nements con\u00e7us pour satisfaire tous les go\u00fbts. Parcourez la liste et pr\u00e9parez-vous \u00e0 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12168","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/pages\/12168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/comments?post=12168"}],"version-history":[{"count":12,"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/pages\/12168\/revisions"}],"predecessor-version":[{"id":15855,"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/pages\/12168\/revisions\/15855"}],"wp:attachment":[{"href":"https:\/\/www.hotel-la-clef-des-chateaux.fr\/fr\/wp-json\/wp\/v2\/media?parent=12168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}