Slider Pleine Largeur<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n border: 0;\n box-sizing: border-box;\n }\n .top_site_main.top-site-no-image {\n height: 100px;\n padding-bottom: 0px;\n min-height: 100px;\n padding-top: 0;\n }\n \n html, body {\n font-family: Arial, sans-serif;\n height: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n overflow-x: hidden;\n }\n\n header {\n width: 100%;\n background-color: #222;\n color: white;\n text-align: center;\n font-size: 24px;\n padding: 20px 0;\n }\n .page-title-wrapper {\n background: black;\n height: 100px; \n width: 100%; \n padding: 10px; \n font-size: 14px; \n background-size: cover; \n }\n\n \/* Slider Swiper *\/\n .swiper {\n width: 100%; \n height: 500px; \/* Hauteur fixe *\/\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .swiper-wrapper {\n display: flex; \n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .swiper-slide {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%; \n box-sizing: border-box;\n }\n\n .swiper-slide a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .swiper-slide img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover; \/* Agrandit l'image pour remplir sans d\u00e9former *\/\n display: block;\n }\n\n \/* Pagination et boutons de navigation *\/\n .swiper-button-next, .swiper-button-prev {\n color: #000; \n }\n\n .swiper-pagination-bullet {\n background-color: rgba(255, 255, 255, 0.6); \n }\n\n .swiper-pagination-bullet-active {\n background-color: #fff; \n }\n \n .container {\n width: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n h2 {\n color: #0000;\n border-bottom: 2px solid #0000;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n\n .box {\n background-color: #f1f3f5;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 30px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n\n .main-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \n gap: 20px;\n margin-bottom: 20px;\n }\n\n .grid-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n padding: 15px 0;\n }\n\n .grid-item {\n background: #eef2f7;\n padding: 15px;\n text-align: center;\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n @media (max-width: 768px) {\n .main-grid { grid-template-columns: repeat(2, 1fr); }\n .grid-container { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 500px) {\n .main-grid { grid-template-columns: 1fr; }\n .grid-container { grid-template-columns: 1fr; }\n } \n \n .inner-navigation {\n display: flex;\n justify-content: center; \n align-items: center; \n font-family: 'Cursive', sans-serif; \n font-weight: bold; \n width: 100%;\n }\n .inner-navigation * {\n font-size: 18px;\n font-weight: bold;\n margin: 0 15px; \n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"swiper\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness.jpg\" alt=\"Facade\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness6.jpg\" alt=\"wellness6\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyuKeeaNQdMQKVG4jIla9XHXuc8?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/colliour.jpg\" alt=\"colliour\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyOztlzXt5t8qZB04crai4slnNm?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/St_Cyprien.jpg\" alt=\"St_Cyprien\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKey43MnZfqdc5jU91DR3Z8HclZII?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/banyuls.jpg\" alt=\"banyuls\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness5.jpg\" alt=\"wellness5\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness4.jpg\" alt=\"wellness4\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness3.jpg\" alt=\"wellness3\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness2.jpg\" alt=\"wellness2\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/Argeles sur Mer2.jpg\" alt=\"ArgSurMer2\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/Argeles sur Mer3.jpg\" alt=\"ArgSurMer3\">\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"swiper-pagination\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\"><\/script>\n<script>\n var swiper = new Swiper('.swiper', {\n loop: true,\n autoplay: {\n delay: 4000,\n disableOnInteraction: false,\n },\n slidesPerView: 5, \/\/ Vos 5 images\n spaceBetween: 10, \/\/ L'espace entre les images\n centeredSlides: true,\n pagination: {\n el: '.swiper-pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n });\n<\/script>\n<script>\n let span = document.querySelector('span[data-hover]');\n if(span) {\n span.firstChild.nodeValue = span.firstChild.nodeValue.replace('\">', '');\n }\n document.querySelector('h1').textContent = 'Bienvenue';\n<\/script>\n\n<\/body>\n<\/html><header class=\"header2\">\n <span>THE HOTEL<\/span>\n <i class=\"fa-solid fa-chevron-down\"><\/i>\n<\/header>\n<style>\n\/* Same styles as before (unchanged) *\/\n.header2 {\n background-color: white;\n color: black;\n font-family: Arial, sans-serif;\n text-align: center;\n padding: 20px;\n font-size: 24px;\n font-weight: bold;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.header2 i {\n margin-top: 10px;\n font-size: 24px;\n color: #007bff;\n}\n\n.box {\n background-color: white;\n color: black;\n border-radius: 8px;\n padding: 20px;\n border: 2px solid transparent;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.situation {\n border-color: #ffb3b3;\n}\n\n.chambres {\n border-color: #b3e0ff;\n}\n\n.wifi {\n border-color: #d9f7be;\n}\n\n.parking {\n border-color: #ffe6b3;\n}\n\n.restaurer {\n border-color: #f2d1d1;\n}\n\n.box h2 {\n color: black;\n text-align : center;\n}\n\n.grid-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n}\n\n.full-width {\n grid-column: span 3;\n}\n\n.grid-item {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .header2 {\n font-size: 18px;\n }\n .box {\n padding: 15px;\n }\n}\n\n.contact {\n border-color: #c3aed6;\n}\n\n.contact a {\n color: black;\n text-decoration: none;\n font-weight: bold;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.contact a:hover {\n color: #6a5acd;\n text-decoration: underline;\n}\n\n.grid-item i {\n margin-right: 8px;\n color: #6a5acd;\n}\n \/* The sub-items inside a grid-item parent *\/\n.box.chambres .grid-container .grid-item {\n display: block; \/* Force each sub-item to appear on a new line *\/\n margin-top: 10px; \/* Space between each sub-item *\/\n clear: both; \/* Ensure each sub-item starts on a new line *\/\n}\n \n<\/style>\n\n<div class=\"container\">\n \n <div class=\"main-grid\">\n \n <div class=\"box situation\">\n <h2><i class=\"fa-solid fa-location-dot\"><\/i> Location<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-train\"><\/i>\n <p>300 m from Auvelais station<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-plane\"><\/i>\n <p>20 km from Charleroi airport ( Brussels-South airport )<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-plane\"><\/i>\n <p>70 km from Brussels airport<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box chambres\">\n <h2><i class=\"fa-solid fa-bed\"><\/i> The Rooms<\/h2>\n <div class=\"grid-container\">\n \n <div class=\"grid-item\">\n <p>\ud83d\udecf\ufe0f 2 double rooms<\/p>\n <div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyuKeeaNQdMQKVG4jIla9XHXuc8?lang=en\">\n\t\t\t\t\t\t\t<p>\ud83c\udfa8 Collioure<\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKey43MnZfqdc5jU91DR3Z8HclZII?lang=en\">\n\t\t\t\t\t\t\t<p>\ud83c\udf77 Banyuls<\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n <\/div>\n\n \n <div class=\"grid-item\">\n <p>\ud83d\udecf\ufe0f 1 single room<\/p>\n <div class=\"grid-item\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyOztlzXt5t8qZB04crai4slnNm?lang=en\">\n <p>\ud83c\udfd6\ufe0f Saint-Cyprien<\/p>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"grid-item\">\n <p><i class=\"fa-solid fa-soap\"><\/i> 1 Wellness Suite<\/p>\n <div class=\"grid-item\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=en\">\n <p>\ud83c\udf0a Wellness Suite<\/p>\n <\/a>\n <\/div>\n <\/div>\n \n\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t<p><i class=\"fa-solid fa-soap\"><\/i> 1 Junior Suite<\/p>\n\t\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=en\">\n\t\t\t\t\t\t\t<p>\u2693\ufe0f Argel\u00e8s-Sur-Mer Junior Suite <\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"box wifi\">\n <h2><i class=\"fa-solid fa-wifi\"><\/i> WiFi<\/h2>\n <div class=\"grid-container full-width\">\n <div class=\"grid-item\">\n <p>Free WiFi is available in all rooms.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"main-grid\">\n \n <div class=\"box parking\">\n <h2><i class=\"fa-solid fa-square-parking\"><\/i> Parking<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-car\"><\/i>\n <p>Free parking at 50 m<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-motorcycle\"><\/i>\n <p>Private garage for bikes\/motorcycles at 100 m<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box restaurer\">\n <h2><i class=\"fa-solid fa-utensils\"><\/i> Dining<\/h2>\n <div class=\"grid-container full-width\">\n <div class=\"grid-item\">\n <p>\n The Thai restaurant <strong><a href=\"https:\/\/www.thailagoon.be\" target=\"_blank\">“Le Tha\u00ef Lagoon”<\/a><\/strong>, independent from the hotel, located on the ground floor, offers traditional and exotic cuisine.\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <p>Breakfast boxes are also available upon request.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box contact\">\n <h2><i class=\"fa-solid fa-address-book\"><\/i> Contact<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-map-marker-alt\"><\/i>\n <p>\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=1+rue+de+Falisolle,+5060+Auvelais\" target=\"_blank\">\n 1 rue de Falisolle, 5060 Auvelais\n <\/a>\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <p>\n <a href=\"tel:+3271744774\">+32 71 74 47 74<\/a>\n <a href=\"tel:+32492882577\">+32 492 88 25 77<\/a>\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <p>\n <a href=\"mailto:contact@afleurdecouette.be\">contact@afleurdecouette.be<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"box localisation\" style=\"border: 2px solid #b3e5d0; background-color: white; color: black; border-radius: 8px; padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-top: 20px;\">\n <h2><i class=\"fa-solid fa-map-location-dot\"><\/i> Location<\/h2>\n <div style=\"width: 100%; height: 400px; border-radius: 8px; overflow: hidden; margin-top: 15px;\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2537.1873427296964!2d4.630535115730186!3d50.447132079475566!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c22904a86de1b9%3A0xc21993e2d9bfe506!2s1%20Rue%20de%20Falisolle%2C%205060%20Sambreville%2C%20Belgium!5e0!3m2!1sen!2sbe!4v1618333172077!5m2!1sen!2sbe\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress Hotel Theme – Sailing is designed to be perfect fit to online Hotel Booking site based on WordPress. This Sailing hotel is a beautiful demo to show-off a comprehensive Hotel Booking solution for WordPress.<\/p>\n","protected":false},"author":1,"featured_media":4514,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-4129","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/comments?post=4129"}],"version-history":[{"count":20,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129\/revisions"}],"predecessor-version":[{"id":5481,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129\/revisions\/5481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/media\/4514"}],"wp:attachment":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/media?parent=4129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4129,"date":"2015-07-06T08:31:09","date_gmt":"2015-07-06T06:31:09","guid":{"rendered":"http:\/\/afleurdecouette.be\/?page_id=4129\/"},"modified":"2026-03-24T15:12:16","modified_gmt":"2026-03-24T14:12:16","slug":"home-02","status":"publish","type":"page","link":"https:\/\/afleurdecouette.be\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n \n \n Slider Pleine Largeur<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n border: 0;\n box-sizing: border-box;\n }\n .top_site_main.top-site-no-image {\n height: 100px;\n padding-bottom: 0px;\n min-height: 100px;\n padding-top: 0;\n }\n \n html, body {\n font-family: Arial, sans-serif;\n height: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n overflow-x: hidden;\n }\n\n header {\n width: 100%;\n background-color: #222;\n color: white;\n text-align: center;\n font-size: 24px;\n padding: 20px 0;\n }\n .page-title-wrapper {\n background: black;\n height: 100px; \n width: 100%; \n padding: 10px; \n font-size: 14px; \n background-size: cover; \n }\n\n \/* Slider Swiper *\/\n .swiper {\n width: 100%; \n height: 500px; \/* Hauteur fixe *\/\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .swiper-wrapper {\n display: flex; \n margin: 0;\n padding: 0;\n border: 0;\n }\n\n .swiper-slide {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%; \n box-sizing: border-box;\n }\n\n .swiper-slide a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .swiper-slide img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover; \/* Agrandit l'image pour remplir sans d\u00e9former *\/\n display: block;\n }\n\n \/* Pagination et boutons de navigation *\/\n .swiper-button-next, .swiper-button-prev {\n color: #000; \n }\n\n .swiper-pagination-bullet {\n background-color: rgba(255, 255, 255, 0.6); \n }\n\n .swiper-pagination-bullet-active {\n background-color: #fff; \n }\n \n .container {\n width: 100%;\n margin: 0;\n padding: 0;\n border: 0;\n }\n\n h2 {\n color: #0000;\n border-bottom: 2px solid #0000;\n padding-bottom: 5px;\n margin-top: 20px;\n }\n\n .box {\n background-color: #f1f3f5;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 30px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n\n .main-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \n gap: 20px;\n margin-bottom: 20px;\n }\n\n .grid-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n padding: 15px 0;\n }\n\n .grid-item {\n background: #eef2f7;\n padding: 15px;\n text-align: center;\n border-radius: 8px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n\n @media (max-width: 768px) {\n .main-grid { grid-template-columns: repeat(2, 1fr); }\n .grid-container { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (max-width: 500px) {\n .main-grid { grid-template-columns: 1fr; }\n .grid-container { grid-template-columns: 1fr; }\n } \n \n .inner-navigation {\n display: flex;\n justify-content: center; \n align-items: center; \n font-family: 'Cursive', sans-serif; \n font-weight: bold; \n width: 100%;\n }\n .inner-navigation * {\n font-size: 18px;\n font-weight: bold;\n margin: 0 15px; \n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"swiper\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness.jpg\" alt=\"Facade\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness6.jpg\" alt=\"wellness6\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyuKeeaNQdMQKVG4jIla9XHXuc8?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/colliour.jpg\" alt=\"colliour\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyOztlzXt5t8qZB04crai4slnNm?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/St_Cyprien.jpg\" alt=\"St_Cyprien\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKey43MnZfqdc5jU91DR3Z8HclZII?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/banyuls.jpg\" alt=\"banyuls\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness5.jpg\" alt=\"wellness5\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness4.jpg\" alt=\"wellness4\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness3.jpg\" alt=\"wellness3\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/wellness2.jpg\" alt=\"wellness2\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/Argeles sur Mer2.jpg\" alt=\"ArgSurMer2\">\n <\/a>\n <\/div>\n <div class=\"swiper-slide\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=fr\">\n <img decoding=\"async\" src=\"https:\/\/afleurdecouette.be\/wp-content\/uploads\/2026\/03\/Argeles sur Mer3.jpg\" alt=\"ArgSurMer3\">\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"swiper-pagination\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\"><\/script>\n<script>\n var swiper = new Swiper('.swiper', {\n loop: true,\n autoplay: {\n delay: 4000,\n disableOnInteraction: false,\n },\n slidesPerView: 5, \/\/ Vos 5 images\n spaceBetween: 10, \/\/ L'espace entre les images\n centeredSlides: true,\n pagination: {\n el: '.swiper-pagination',\n clickable: true,\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n });\n<\/script>\n<script>\n let span = document.querySelector('span[data-hover]');\n if(span) {\n span.firstChild.nodeValue = span.firstChild.nodeValue.replace('\">', '');\n }\n document.querySelector('h1').textContent = 'Bienvenue';\n<\/script>\n\n<\/body>\n<\/html><header class=\"header2\">\n <span>THE HOTEL<\/span>\n <i class=\"fa-solid fa-chevron-down\"><\/i>\n<\/header>\n<style>\n\/* Same styles as before (unchanged) *\/\n.header2 {\n background-color: white;\n color: black;\n font-family: Arial, sans-serif;\n text-align: center;\n padding: 20px;\n font-size: 24px;\n font-weight: bold;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.header2 i {\n margin-top: 10px;\n font-size: 24px;\n color: #007bff;\n}\n\n.box {\n background-color: white;\n color: black;\n border-radius: 8px;\n padding: 20px;\n border: 2px solid transparent;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.situation {\n border-color: #ffb3b3;\n}\n\n.chambres {\n border-color: #b3e0ff;\n}\n\n.wifi {\n border-color: #d9f7be;\n}\n\n.parking {\n border-color: #ffe6b3;\n}\n\n.restaurer {\n border-color: #f2d1d1;\n}\n\n.box h2 {\n color: black;\n text-align : center;\n}\n\n.grid-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n}\n\n.full-width {\n grid-column: span 3;\n}\n\n.grid-item {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .header2 {\n font-size: 18px;\n }\n .box {\n padding: 15px;\n }\n}\n\n.contact {\n border-color: #c3aed6;\n}\n\n.contact a {\n color: black;\n text-decoration: none;\n font-weight: bold;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.contact a:hover {\n color: #6a5acd;\n text-decoration: underline;\n}\n\n.grid-item i {\n margin-right: 8px;\n color: #6a5acd;\n}\n \/* The sub-items inside a grid-item parent *\/\n.box.chambres .grid-container .grid-item {\n display: block; \/* Force each sub-item to appear on a new line *\/\n margin-top: 10px; \/* Space between each sub-item *\/\n clear: both; \/* Ensure each sub-item starts on a new line *\/\n}\n \n<\/style>\n\n<div class=\"container\">\n \n <div class=\"main-grid\">\n \n <div class=\"box situation\">\n <h2><i class=\"fa-solid fa-location-dot\"><\/i> Location<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-train\"><\/i>\n <p>300 m from Auvelais station<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-plane\"><\/i>\n <p>20 km from Charleroi airport ( Brussels-South airport )<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-plane\"><\/i>\n <p>70 km from Brussels airport<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box chambres\">\n <h2><i class=\"fa-solid fa-bed\"><\/i> The Rooms<\/h2>\n <div class=\"grid-container\">\n \n <div class=\"grid-item\">\n <p>\ud83d\udecf\ufe0f 2 double rooms<\/p>\n <div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyuKeeaNQdMQKVG4jIla9XHXuc8?lang=en\">\n\t\t\t\t\t\t\t<p>\ud83c\udfa8 Collioure<\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKey43MnZfqdc5jU91DR3Z8HclZII?lang=en\">\n\t\t\t\t\t\t\t<p>\ud83c\udf77 Banyuls<\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n <\/div>\n\n \n <div class=\"grid-item\">\n <p>\ud83d\udecf\ufe0f 1 single room<\/p>\n <div class=\"grid-item\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyOztlzXt5t8qZB04crai4slnNm?lang=en\">\n <p>\ud83c\udfd6\ufe0f Saint-Cyprien<\/p>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"grid-item\">\n <p><i class=\"fa-solid fa-soap\"><\/i> 1 Wellness Suite<\/p>\n <div class=\"grid-item\">\n <a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyVYsANdlvo9DyQxCh5yAzzMahu?lang=en\">\n <p>\ud83c\udf0a Wellness Suite<\/p>\n <\/a>\n <\/div>\n <\/div>\n \n\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t<p><i class=\"fa-solid fa-soap\"><\/i> 1 Junior Suite<\/p>\n\t\t\t\t\t<div class=\"grid-item\">\n\t\t\t\t\t\t<a href=\"https:\/\/app.superhote.com\/#\/rental\/propertyKeyguXBPIArDMgH34KENcFW2QFFT?lang=en\">\n\t\t\t\t\t\t\t<p>\u2693\ufe0f Argel\u00e8s-Sur-Mer Junior Suite <\/p>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n \n <\/div>\n <\/div>\n\n \n <div class=\"box wifi\">\n <h2><i class=\"fa-solid fa-wifi\"><\/i> WiFi<\/h2>\n <div class=\"grid-container full-width\">\n <div class=\"grid-item\">\n <p>Free WiFi is available in all rooms.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"main-grid\">\n \n <div class=\"box parking\">\n <h2><i class=\"fa-solid fa-square-parking\"><\/i> Parking<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-car\"><\/i>\n <p>Free parking at 50 m<\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-motorcycle\"><\/i>\n <p>Private garage for bikes\/motorcycles at 100 m<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box restaurer\">\n <h2><i class=\"fa-solid fa-utensils\"><\/i> Dining<\/h2>\n <div class=\"grid-container full-width\">\n <div class=\"grid-item\">\n <p>\n The Thai restaurant <strong><a href=\"https:\/\/www.thailagoon.be\" target=\"_blank\">“Le Tha\u00ef Lagoon”<\/a><\/strong>, independent from the hotel, located on the ground floor, offers traditional and exotic cuisine.\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <p>Breakfast boxes are also available upon request.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"box contact\">\n <h2><i class=\"fa-solid fa-address-book\"><\/i> Contact<\/h2>\n <div class=\"grid-container\">\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-map-marker-alt\"><\/i>\n <p>\n <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=1+rue+de+Falisolle,+5060+Auvelais\" target=\"_blank\">\n 1 rue de Falisolle, 5060 Auvelais\n <\/a>\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <p>\n <a href=\"tel:+3271744774\">+32 71 74 47 74<\/a>\n <a href=\"tel:+32492882577\">+32 492 88 25 77<\/a>\n <\/p>\n <\/div>\n <div class=\"grid-item\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <p>\n <a href=\"mailto:contact@afleurdecouette.be\">contact@afleurdecouette.be<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"box localisation\" style=\"border: 2px solid #b3e5d0; background-color: white; color: black; border-radius: 8px; padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-top: 20px;\">\n <h2><i class=\"fa-solid fa-map-location-dot\"><\/i> Location<\/h2>\n <div style=\"width: 100%; height: 400px; border-radius: 8px; overflow: hidden; margin-top: 15px;\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2537.1873427296964!2d4.630535115730186!3d50.447132079475566!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c22904a86de1b9%3A0xc21993e2d9bfe506!2s1%20Rue%20de%20Falisolle%2C%205060%20Sambreville%2C%20Belgium!5e0!3m2!1sen!2sbe!4v1618333172077!5m2!1sen!2sbe\" \n width=\"100%\" \n height=\"100%\" \n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>WordPress Hotel Theme – Sailing is designed to be perfect fit to online Hotel Booking site based on WordPress. This Sailing hotel is a beautiful demo to show-off a comprehensive Hotel Booking solution for WordPress.<\/p>\n","protected":false},"author":1,"featured_media":4514,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-4129","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/comments?post=4129"}],"version-history":[{"count":20,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129\/revisions"}],"predecessor-version":[{"id":5481,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/pages\/4129\/revisions\/5481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/media\/4514"}],"wp:attachment":[{"href":"https:\/\/afleurdecouette.be\/en\/wp-json\/wp\/v2\/media?parent=4129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}