{"id":24,"date":"2025-10-05T19:04:10","date_gmt":"2025-10-05T17:04:10","guid":{"rendered":"http:\/\/localhost:8080\/?page_id=24"},"modified":"2025-12-08T01:11:52","modified_gmt":"2025-12-08T00:11:52","slug":"contact","status":"publish","type":"page","link":"https:\/\/immoliegeois.be\/index.php\/contact\/","title":{"rendered":""},"content":{"rendered":"\n<section id=\"hero-brush\" style=\"--mask: url(&quot;https:\/\/immoliegeois.be\/wp-content\/uploads\/2025\/10\/mask_video.png&quot;); --mask-position: 150% center;\">\n    \n    <div class=\"hero-media\" aria-hidden=\"true\">\n        <img decoding=\"async\" class=\"hero-image-background\" src=\"https:\/\/immoliegeois.be\/wp-content\/uploads\/2025\/10\/3-6-e1764437360716.jpg\" alt=\"Fond contact\" \/>\n    <\/div>\n    \n    <h1 class=\"hero-title\">Contactez-nous<\/h1>\n    \n    <a href=\"\/#contenu-principal\" class=\"scroll-down-arrow\" aria-label=\"D\u00e9filer vers le contenu\"><\/a>\n\n<\/section>\n\n<style>\n\n\/* --- HERO BRUSH CONTAINER --- *\/\n#hero-brush {\n  position: relative;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n}\n\n#hero-brush .hero-media {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 21\/9;\n  overflow: hidden;\n  background: none !important;\n  \/* masque *\/\n  -webkit-mask-image: var(--mask);\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-size: cover;\n  -webkit-mask-position: var(--mask-position);\n  mask-image: var(--mask);\n  mask-repeat: no-repeat;\n  mask-size: cover;\n  mask-position: var(--mask-position);\n  -webkit-mask-mode: luminance;\n  mask-mode: luminance;\n}\n\n\/* --- IMAGE DE FOND (Modifi\u00e9) --- *\/\n.hero-image-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover; \/* Important pour que l'image remplisse la zone sans \u00eatre d\u00e9form\u00e9e *\/\n  z-index: 0;\n}\n\n\/* --- TITRE (CORRIG\u00c9 POUR 1 LIGNE) --- *\/\n#hero-brush .hero-title {\n  position: absolute;\n  z-index: 3;\n  left: clamp(24px, 10vw, 128px) !important; \n  top: clamp(8px, 10vh, 140px);\n  margin: 0;\n  font-family: \"Poppins\", sans-serif;\n  font-weight: 900;\n  \n  \/* Police responsive *\/\n  font-size: clamp(30px, 8vw, 110px);\n  \n  color: #1F4A9A !important;\n  -webkit-text-stroke: clamp(1px, 0.3vw, 4px) #fff;\n  text-shadow: 0 1px 0 #fff, 0 2px 0 #fff;\n\n  \/* --- AJOUT POUR FORCER UNE SEULE LIGNE --- *\/\n  white-space: nowrap; \n}\n\n@media (max-width: 768px) {\n  #hero-brush .hero-title {\n    left: clamp(20px, 8vw, 56px) !important;\n    top: clamp(8px, 6vh, 44px);\n    \/* J'ai retir\u00e9 max-width qui pourrait forcer un retour \u00e0 la ligne si le texte est trop long *\/\n    width: auto; \n  }\n}\n\n\/* ======================================\n CODE POUR LA FL\u00c8CHE \"SCROLL\" (Inchang\u00e9)\n======================================\n*\/\n.scroll-down-arrow {\n  position: absolute;\n  z-index: 10;\n  bottom: 40px; \n  right: 60px; \n  width: 50px;  \n  height: 50px; \n  background-color: #1F4A9A; \n  border-radius: 50%;\n  cursor: pointer;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n  opacity: 0.7; \n}\n\n.scroll-down-arrow::before {\n  content: '';\n  position: absolute;\n  top: 55%; \n  left: 50%;\n  width: 12px;  \n  height: 12px; \n  border-right: 3px solid white;\n  border-bottom: 3px solid white;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n.scroll-down-arrow {\n  animation: bounce-arrow 2s infinite;\n}\n\n.scroll-down-arrow:hover {\n  opacity: 1;\n  transform: scale(1.1); \n  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes bounce-arrow {\n  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n  40% { transform: translateY(-10px); }\n  60% { transform: translateY(-5px); }\n}\n\n@media (max-width: 768px) {\n  .scroll-down-arrow {\n    width: 22px;   \n    height: 22px;  \n    bottom: 12px;  \n    right: 12px;\n    opacity: 0.85;\n  }\n\n  .scroll-down-arrow::before {\n    width: 5px;    \n    height: 5px;\n    border-width: 2px;\n  }\n}\n<\/style>\n\n\n\n<h3 style = \"color:#BLUE; display: inline;\">Des questions concernant votre projet immobilier ?\u00a0<\/h3>\n<br>\n<h3 style = \"color:#BLUE; display: inline;\">Nous aurons les r\u00e9ponses ! <\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><style id=\"wpforms-css-vars-1127-block-5bad1b15-1309-4c5d-b23a-3f9c3f5387fc\">\n\t\t\t\t#wpforms-1127.wpforms-block-5bad1b15-1309-4c5d-b23a-3f9c3f5387fc {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-block wpforms-block-5bad1b15-1309-4c5d-b23a-3f9c3f5387fc wpforms-render-modern\" id=\"wpforms-1127\"><form id=\"wpforms-form-1127\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"1127\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/24\" data-token=\"82a7687aea782cf4e002567dafe855ff\" data-token-time=\"1777581005\"><noscript class=\"wpforms-error-noscript\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-1127-field_6-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"6\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-1127-field_6\" >T\u00e9l\u00e9phone Nom Sujet<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-1127-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-1127-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Nom <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-1127-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-1127-field_1-error\" required><label for=\"wpforms-1127-field_1\" class=\"wpforms-field-sublabel after\">Pr\u00e9nom<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-1127-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-1127-field_1-last-error\" required><label for=\"wpforms-1127-field_1-last\" class=\"wpforms-field-sublabel after\">Nom<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-1127-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-1127-field_2\">E-mail <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-1127-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-1127-field_2-error\" required><\/div><div id=\"wpforms-1127-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-1127-field_4\">T\u00e9l\u00e9phone<\/label><input type=\"text\" id=\"wpforms-1127-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-1127-field_4-error\" ><\/div><div id=\"wpforms-1127-field_5-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-1127-field_5\">Sujet <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-1127-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-1127-field_5-error\" required><\/div><div id=\"wpforms-1127-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-1127-field_3\">Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-1127-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-1127-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-1127-field_6-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-1127-field_6-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-1127-field_6-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"1127\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/pages\/24\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-1127\" class=\"wpforms-submit\" data-alt-text=\"Envoi...\" data-submit-text=\"Envoyer\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/immoliegeois.be\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Chargement en cours\"><\/div><\/form><\/div>  <!-- .wpforms-container --><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"agent-card-container-standalone\">\n\n    <div class=\"agent-card\">\n\n        <div class=\"agent-graphic-container\">\n            <img decoding=\"async\" src=\"https:\/\/immoliegeois.be\/wp-content\/uploads\/2025\/11\/1-removebg-preview.png\" \n                 alt=\"\" class=\"agent-graphic-img\">\n        <\/div>\n\n        <div class=\"agent-content\">\n            <div class=\"agent-header\">\n                <div class=\"agent-photo-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/immoliegeois.be\/wp-content\/uploads\/2025\/10\/4-3-2-e1763939937257.png\" \n                         alt=\"Agent\" class=\"agent-photo\">\n                <\/div>\n                <div class=\"agent-text\">\n                    <h3>Melyssa Ntumba<\/h3>\n                    <p><a href=\"tel:+32496881469\">+32496881469<\/a><\/p>\n                    <p><a href=\"mailto:info@immoliegeois.be\">info@immoliegeois.be<\/a><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"agent-actions\">\n                <a href=\"tel:+32496881469\" class=\"btn-agent-contact\">\n                    Contactez l\u2019agent\n                    <div class=\"arrow-yellow-btn\"><\/div>\n                <\/a>\n\n                <a href=\"\/\" class=\"btn-agent-share\" aria-label=\"Partager\">\n                    <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle>\n                        <circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle>\n                        <circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle>\n                        <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line>\n                        <line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<style>\n    \/* ==================== CONFIGURATION GLOBALE ==================== *\/\n    .agent-card-container-standalone, \n    .agent-card-container-standalone * { \n        box-sizing: border-box !important; \n        font-family: 'Poppins', sans-serif;\n    }\n\n    \/* CONTENEUR PRINCIPAL *\/\n    .agent-card-container-standalone {\n        width: 100%;\n        \/* Emp\u00eache la carte d'\u00eatre trop large sur une page vide *\/\n        max-width: 500px; \n        margin: 0 auto; \/* Centre la carte si elle a de la place *\/\n    }\n\n    \/* ==================== STYLE DE LA CARTE ==================== *\/\n    .agent-card {\n        background: #fff;\n        border: 1px solid #e0e0e0;\n        border-radius: 8px;\n        overflow: visible !important; \/* Laisse d\u00e9passer le jaune *\/\n        position: relative;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        isolation: isolate; \n    }\n\n    \/* ==================== CIBLE JAUNE (ARRI\u00c8RE-PLAN) ==================== *\/\n    .agent-graphic-container {\n        position: absolute;\n        right: -50px; \n        top: 50%; \n        transform: translateY(-50%);\n        width: 220px; \n        height: auto;\n        z-index: -1 !important; \n        pointer-events: none;\n        opacity: 1;\n    }\n    .agent-graphic-img { width: 100%; height: auto; display: block; }\n\n    \/* ==================== CONTENU (PREMIER PLAN) ==================== *\/\n    .agent-content {\n        padding: 25px;\n        position: relative;\n        z-index: 10 !important; \n        background: transparent;\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    \/* HEADER : Photo + Texte *\/\n    .agent-header {\n        display: flex; gap: 15px; align-items: center; text-align: left;\n    }\n    .agent-photo-wrapper {\n        width: 75px; height: 75px; border: 2px solid #1F4A9A; border-radius: 50%;\n        padding: 2px; background: white; flex-shrink: 0;\n    }\n    .agent-photo { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }\n    \n    .agent-text h3 {\n        font-size: 18px; font-weight: 700; color: #1F4A9A; margin: 0 0 4px 0; line-height: 1.2;\n    }\n    .agent-text p { margin: 0; font-size: 13px; color: #555; line-height: 1.4; }\n    .agent-text a { text-decoration: none; color: #555; }\n    .agent-text a:hover { color: #1F4A9A; }\n\n    \/* ACTIONS : Boutons *\/\n    .agent-actions {\n        display: flex;\n        flex-direction: row; \n        gap: 10px;\n        align-items: center;\n        width: 100%;\n    }\n\n    \/* BOUTON CONTACT *\/\n    .btn-agent-contact {\n        background-color: #1F4A9A; color: white !important;\n        padding: 9px 12px;\n        font-size: 13px; font-weight: 600;\n        border-radius: 4px;\n        display: inline-flex; align-items: center; justify-content: space-between;\n        gap: 8px; text-decoration: none;\n        width: 170px !important; \n        max-width: 170px !important;\n        flex: 0 0 auto !important; \n    }\n    \n    .arrow-yellow-btn {\n        width: 0; height: 0; \n        border-top: 5px solid transparent; border-bottom: 5px solid transparent;\n        border-left: 7px solid #F4D03F;\n    }\n\n    \/* BOUTON PARTAGE *\/\n    .btn-agent-share {\n        background-color: #E53F34; width: 40px; height: 40px; border-radius: 4px;\n        display: flex; justify-content: center; align-items: center; flex-shrink: 0;\n    }\n    .btn-agent-share svg { width: 18px; height: 18px; stroke: white; fill: none; stroke-width: 2; }\n\n    \/* RESPONSIVE MOBILE *\/\n    @media (max-width: 480px) {\n        .agent-header { flex-direction: column; text-align: center; }\n        .agent-actions { justify-content: center; }\n        .agent-graphic-container { right: -80px; opacity: 0.3; } \/* Plus discret sur mobile *\/\n    }\n\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contactez-nous Des questions concernant votre projet immobilier ?\u00a0 Nous aurons les r\u00e9ponses ! Melyssa Ntumba +32496881469 info@immoliegeois.be Contactez l\u2019agent<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"acf":[],"mb":[],"mfb_rest_fields":["title"],"_links":{"self":[{"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":2,"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":1188,"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/1188"}],"wp:attachment":[{"href":"https:\/\/immoliegeois.be\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}