Contact \u2014 Isabella Greco<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --orange: #C8521A;\n --orange-soft: #F4EAE3;\n --dark: #1C1C1C;\n --text: #3A3A3A;\n --muted: #777;\n --border: #E5E0DA;\n --bg: #FAF9F7;\n --white: #FFFFFF;\n }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text);\n -webkit-font-smoothing: antialiased;\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .contact-hero {\n text-align: center;\n padding: 4rem 1.5rem 2.5rem;\n }\n\n .contact-hero h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.4rem, 6vw, 3.6rem);\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 0.5rem;\n }\n\n .contact-hero .subtitle {\n font-size: 1.05rem;\n color: var(--muted);\n max-width: 520px;\n margin: 0 auto;\n }\n\n .divider {\n display: flex;\n align-items: center;\n gap: .75rem;\n max-width: 700px;\n margin: 2rem auto;\n }\n .divider::before, .divider::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n }\n .divider-dot {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--orange);\n }\n\n \/* \u2500\u2500 MAIN GRID \u2500\u2500 *\/\n .contact-grid {\n max-width: 1060px;\n margin: 0 auto;\n padding: 0 1.5rem 4rem;\n display: grid;\n grid-template-columns: 360px 1fr;\n gap: 2.5rem;\n align-items: start;\n }\n\n \/* \u2500\u2500 LEFT CARD \u2500\u2500 *\/\n .info-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n position: sticky;\n top: 2rem;\n }\n\n .info-body {\n padding: 2rem;\n }\n\n .info-body h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.7rem;\n font-weight: 700;\n color: var(--orange);\n margin-bottom: 2px;\n }\n\n .info-body .role {\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n color: var(--muted);\n font-weight: 500;\n margin-bottom: 1.5rem;\n }\n\n \/* \u2500\u2500 CONTACT LINES \u2500\u2500 *\/\n .contact-line {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-top: 1px solid var(--border);\n text-decoration: none;\n color: var(--text);\n font-size: 0.92rem;\n transition: color 0.2s;\n }\n\n .contact-line:hover {\n color: var(--orange);\n }\n\n .contact-line .icon {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--orange-soft);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .contact-line .icon svg {\n width: 16px;\n height: 16px;\n fill: var(--orange);\n }\n\n \/* \u2500\u2500 SOCIAL \u2500\u2500 *\/\n .social-label {\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n color: var(--muted);\n font-weight: 500;\n margin-top: 1.25rem;\n margin-bottom: 0.75rem;\n }\n\n .social-row {\n display: flex;\n gap: 10px;\n }\n\n .social-btn {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: var(--bg);\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n transition: background 0.2s, border-color 0.2s, transform 0.2s;\n }\n\n .social-btn:hover {\n background: var(--orange);\n border-color: var(--orange);\n transform: translateY(-2px);\n }\n\n .social-btn svg {\n width: 16px;\n height: 16px;\n fill: var(--text);\n transition: fill 0.2s;\n }\n\n .social-btn:hover svg {\n fill: var(--white);\n }\n\n \/* \u2500\u2500 RIGHT: FORM \u2500\u2500 *\/\n .form-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 18px;\n padding: 2.5rem;\n }\n\n .form-card h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 0.25rem;\n }\n\n .form-card .form-sub {\n font-size: 0.9rem;\n color: var(--muted);\n margin-bottom: 2rem;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n\n .form-group {\n margin-bottom: 1.25rem;\n }\n\n .form-group.full {\n grid-column: 1 \/ -1;\n }\n\n .form-group label {\n display: block;\n font-size: 0.8rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--muted);\n margin-bottom: 6px;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid var(--border);\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.92rem;\n color: var(--text);\n background: var(--bg);\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 3px rgba(200, 82, 26, 0.1);\n }\n\n .form-group textarea {\n height: 140px;\n resize: vertical;\n }\n\n .form-group select {\n appearance: none;\n cursor: pointer;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23777' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 14px center;\n padding-right: 40px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 14px;\n background: var(--orange);\n color: var(--white);\n border: none;\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n }\n\n .submit-btn:hover {\n background: #A8430F;\n }\n\n .submit-btn:active {\n transform: scale(0.98);\n }\n\n .form-footer {\n text-align: center;\n font-size: 0.75rem;\n color: var(--muted);\n margin-top: 1rem;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n .contact-grid {\n grid-template-columns: 1fr;\n padding: 0 1rem 3rem;\n }\n\n .info-card {\n position: static;\n }\n\n .info-body {\n padding: 1.5rem;\n text-align: center;\n }\n\n .contact-line {\n justify-content: center;\n }\n\n .social-label {\n text-align: center;\n }\n\n .social-row {\n justify-content: center;\n }\n\n .form-card {\n padding: 1.5rem;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .contact-hero {\n padding: 2.5rem 1rem 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"contact-hero\">\n <h1>Contact<\/h1>\n <p class=\"subtitle\">N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message !<\/p>\n <div class=\"divider\"><div class=\"divider-dot\"><\/div><\/div>\n <\/section>\n\n <div class=\"contact-grid\">\n\n <aside class=\"info-card\">\n <div class=\"info-body\">\n <h2>Isabella Greco<\/h2>\n <p class=\"role\">D\u00e9put\u00e9e wallonne \u2014 Cheffe de groupe PS \u00e0 Charleroi<\/p>\n\n <a href=\"mailto:isabella@isabellagreco.be\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/span>\n isabella@isabellagreco.be\n <\/a>\n\n <a href=\"tel:+32473799909\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.24 1.01l-2.2 2.2z\"\/><\/svg><\/span>\n 0473\/79 99 09\n <\/a>\n\n <a href=\"https:\/\/maps.google.com\/?q=Charleroi+Belgique\" target=\"_blank\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 7a2.5 2.5 0 010 4.5z\"\/><\/svg><\/span>\n Charleroi, Belgique\n <\/a>\n\n <p class=\"social-label\">Suivez-moi<\/p>\n <div class=\"social-row\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100012575206749\" target=\"_blank\" class=\"social-btn\" title=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/isabella.greco.charleroi\/\" target=\"_blank\" class=\"social-btn\" title=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 01-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 017.8 2zm-.2 2A3.6 3.6 0 004 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 003.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM12 7a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/be.linkedin.com\/in\/isabella-greco-987770157\" target=\"_blank\" class=\"social-btn\" title=\"LinkedIn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h14m-.5 15.5v-5.3a3.26 3.26 0 00-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 011.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 001.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 00-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/x.com\/\" target=\"_blank\" class=\"social-btn\" title=\"X\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@isabellagreco.6000\" target=\"_blank\" class=\"social-btn\" title=\"TikTok\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16.6 5.82A4.28 4.28 0 0113.8 3h-3.05v12.4a2.59 2.59 0 01-2.58 2.4 2.59 2.59 0 01-2.58-2.6 2.59 2.59 0 012.58-2.6c.27 0 .53.04.78.12V9.6a5.72 5.72 0 00-.78-.05A5.72 5.72 0 002.45 15.3a5.72 5.72 0 005.72 5.7 5.72 5.72 0 005.72-5.7V9.58a7.35 7.35 0 004.28 1.37V7.9a4.28 4.28 0 01-1.57-2.08z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"form-card\">\n <h2>Envoyez-moi un message<\/h2>\n <p class=\"form-sub\">Je vous r\u00e9pondrai dans les plus brefs d\u00e9lais.<\/p>\n\n <form id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nom\">Nom complet<\/label>\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.be\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"tel\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" id=\"tel\" name=\"tel\" placeholder=\"04XX\/XX XX XX\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"sujet\">Sujet<\/label>\n <select id=\"sujet\" name=\"sujet\">\n <option value=\"\">Choisir un sujet<\/option>\n <option value=\"question\">Question g\u00e9n\u00e9rale<\/option>\n <option value=\"aide\">Demande d’aide<\/option>\n <option value=\"rdv\">Demande de rendez-vous<\/option>\n <option value=\"presse\">Presse \/ M\u00e9dias<\/option>\n <option value=\"autre\">Autre<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-group full\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Votre message...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">Envoyer le message<\/button>\n <p class=\"form-footer\">Vos donn\u00e9es sont trait\u00e9es conform\u00e9ment au RGPD et ne seront jamais partag\u00e9es.<\/p>\n <\/form>\n <\/div>\n\n <\/div>\n\n <script>\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n var btn = this.querySelector('.submit-btn');\n btn.textContent = 'Message envoy\u00e9 !';\n btn.style.background = '#639922';\n setTimeout(function() {\n btn.textContent = 'Envoyer le message';\n btn.style.background = '';\n }, 3000);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u2014 Isabella Greco Contact N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message ! Isabella Greco D\u00e9put\u00e9e wallonne \u2014 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false},"uagb_author_info":{"display_name":"A.D.","author_link":"https:\/\/isabellagreco.be\/index.php\/author\/admin8852\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact \u2014 Isabella Greco Contact N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message ! Isabella Greco D\u00e9put\u00e9e wallonne \u2014 […]","_links":{"self":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":17,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":890,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions\/890"}],"wp:attachment":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":116,"date":"2024-03-14T00:39:43","date_gmt":"2024-03-13T23:39:43","guid":{"rendered":"https:\/\/isabellagreco.be\/?page_id=116"},"modified":"2026-04-26T20:04:15","modified_gmt":"2026-04-26T18:04:15","slug":"contact","status":"publish","type":"page","link":"https:\/\/isabellagreco.be\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n \n \n Contact \u2014 Isabella Greco<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --orange: #C8521A;\n --orange-soft: #F4EAE3;\n --dark: #1C1C1C;\n --text: #3A3A3A;\n --muted: #777;\n --border: #E5E0DA;\n --bg: #FAF9F7;\n --white: #FFFFFF;\n }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--bg);\n color: var(--text);\n -webkit-font-smoothing: antialiased;\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .contact-hero {\n text-align: center;\n padding: 4rem 1.5rem 2.5rem;\n }\n\n .contact-hero h1 {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.4rem, 6vw, 3.6rem);\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 0.5rem;\n }\n\n .contact-hero .subtitle {\n font-size: 1.05rem;\n color: var(--muted);\n max-width: 520px;\n margin: 0 auto;\n }\n\n .divider {\n display: flex;\n align-items: center;\n gap: .75rem;\n max-width: 700px;\n margin: 2rem auto;\n }\n .divider::before, .divider::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n }\n .divider-dot {\n width: 7px; height: 7px;\n border-radius: 50%;\n background: var(--orange);\n }\n\n \/* \u2500\u2500 MAIN GRID \u2500\u2500 *\/\n .contact-grid {\n max-width: 1060px;\n margin: 0 auto;\n padding: 0 1.5rem 4rem;\n display: grid;\n grid-template-columns: 360px 1fr;\n gap: 2.5rem;\n align-items: start;\n }\n\n \/* \u2500\u2500 LEFT CARD \u2500\u2500 *\/\n .info-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n position: sticky;\n top: 2rem;\n }\n\n .info-body {\n padding: 2rem;\n }\n\n .info-body h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.7rem;\n font-weight: 700;\n color: var(--orange);\n margin-bottom: 2px;\n }\n\n .info-body .role {\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n color: var(--muted);\n font-weight: 500;\n margin-bottom: 1.5rem;\n }\n\n \/* \u2500\u2500 CONTACT LINES \u2500\u2500 *\/\n .contact-line {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 0;\n border-top: 1px solid var(--border);\n text-decoration: none;\n color: var(--text);\n font-size: 0.92rem;\n transition: color 0.2s;\n }\n\n .contact-line:hover {\n color: var(--orange);\n }\n\n .contact-line .icon {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--orange-soft);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .contact-line .icon svg {\n width: 16px;\n height: 16px;\n fill: var(--orange);\n }\n\n \/* \u2500\u2500 SOCIAL \u2500\u2500 *\/\n .social-label {\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n color: var(--muted);\n font-weight: 500;\n margin-top: 1.25rem;\n margin-bottom: 0.75rem;\n }\n\n .social-row {\n display: flex;\n gap: 10px;\n }\n\n .social-btn {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n background: var(--bg);\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n transition: background 0.2s, border-color 0.2s, transform 0.2s;\n }\n\n .social-btn:hover {\n background: var(--orange);\n border-color: var(--orange);\n transform: translateY(-2px);\n }\n\n .social-btn svg {\n width: 16px;\n height: 16px;\n fill: var(--text);\n transition: fill 0.2s;\n }\n\n .social-btn:hover svg {\n fill: var(--white);\n }\n\n \/* \u2500\u2500 RIGHT: FORM \u2500\u2500 *\/\n .form-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 18px;\n padding: 2.5rem;\n }\n\n .form-card h2 {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 0.25rem;\n }\n\n .form-card .form-sub {\n font-size: 0.9rem;\n color: var(--muted);\n margin-bottom: 2rem;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n\n .form-group {\n margin-bottom: 1.25rem;\n }\n\n .form-group.full {\n grid-column: 1 \/ -1;\n }\n\n .form-group label {\n display: block;\n font-size: 0.8rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--muted);\n margin-bottom: 6px;\n }\n\n .form-group input,\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid var(--border);\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.92rem;\n color: var(--text);\n background: var(--bg);\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n }\n\n .form-group input:focus,\n .form-group select:focus,\n .form-group textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 3px rgba(200, 82, 26, 0.1);\n }\n\n .form-group textarea {\n height: 140px;\n resize: vertical;\n }\n\n .form-group select {\n appearance: none;\n cursor: pointer;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23777' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 14px center;\n padding-right: 40px;\n }\n\n .submit-btn {\n width: 100%;\n padding: 14px;\n background: var(--orange);\n color: var(--white);\n border: none;\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.95rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n }\n\n .submit-btn:hover {\n background: #A8430F;\n }\n\n .submit-btn:active {\n transform: scale(0.98);\n }\n\n .form-footer {\n text-align: center;\n font-size: 0.75rem;\n color: var(--muted);\n margin-top: 1rem;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n .contact-grid {\n grid-template-columns: 1fr;\n padding: 0 1rem 3rem;\n }\n\n .info-card {\n position: static;\n }\n\n .info-body {\n padding: 1.5rem;\n text-align: center;\n }\n\n .contact-line {\n justify-content: center;\n }\n\n .social-label {\n text-align: center;\n }\n\n .social-row {\n justify-content: center;\n }\n\n .form-card {\n padding: 1.5rem;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n }\n\n .contact-hero {\n padding: 2.5rem 1rem 1.5rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"contact-hero\">\n <h1>Contact<\/h1>\n <p class=\"subtitle\">N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message !<\/p>\n <div class=\"divider\"><div class=\"divider-dot\"><\/div><\/div>\n <\/section>\n\n <div class=\"contact-grid\">\n\n <aside class=\"info-card\">\n <div class=\"info-body\">\n <h2>Isabella Greco<\/h2>\n <p class=\"role\">D\u00e9put\u00e9e wallonne \u2014 Cheffe de groupe PS \u00e0 Charleroi<\/p>\n\n <a href=\"mailto:isabella@isabellagreco.be\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/span>\n isabella@isabellagreco.be\n <\/a>\n\n <a href=\"tel:+32473799909\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58a1 1 0 01-.24 1.01l-2.2 2.2z\"\/><\/svg><\/span>\n 0473\/79 99 09\n <\/a>\n\n <a href=\"https:\/\/maps.google.com\/?q=Charleroi+Belgique\" target=\"_blank\" class=\"contact-line\">\n <span class=\"icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 7a2.5 2.5 0 010 4.5z\"\/><\/svg><\/span>\n Charleroi, Belgique\n <\/a>\n\n <p class=\"social-label\">Suivez-moi<\/p>\n <div class=\"social-row\">\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100012575206749\" target=\"_blank\" class=\"social-btn\" title=\"Facebook\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/isabella.greco.charleroi\/\" target=\"_blank\" class=\"social-btn\" title=\"Instagram\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 01-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 017.8 2zm-.2 2A3.6 3.6 0 004 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 003.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6zm9.65 1.5a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM12 7a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/be.linkedin.com\/in\/isabella-greco-987770157\" target=\"_blank\" class=\"social-btn\" title=\"LinkedIn\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h14m-.5 15.5v-5.3a3.26 3.26 0 00-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 011.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 001.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 00-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/x.com\/\" target=\"_blank\" class=\"social-btn\" title=\"X\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@isabellagreco.6000\" target=\"_blank\" class=\"social-btn\" title=\"TikTok\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M16.6 5.82A4.28 4.28 0 0113.8 3h-3.05v12.4a2.59 2.59 0 01-2.58 2.4 2.59 2.59 0 01-2.58-2.6 2.59 2.59 0 012.58-2.6c.27 0 .53.04.78.12V9.6a5.72 5.72 0 00-.78-.05A5.72 5.72 0 002.45 15.3a5.72 5.72 0 005.72 5.7 5.72 5.72 0 005.72-5.7V9.58a7.35 7.35 0 004.28 1.37V7.9a4.28 4.28 0 01-1.57-2.08z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/aside>\n\n <div class=\"form-card\">\n <h2>Envoyez-moi un message<\/h2>\n <p class=\"form-sub\">Je vous r\u00e9pondrai dans les plus brefs d\u00e9lais.<\/p>\n\n <form id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nom\">Nom complet<\/label>\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Votre nom\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.be\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"tel\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" id=\"tel\" name=\"tel\" placeholder=\"04XX\/XX XX XX\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"sujet\">Sujet<\/label>\n <select id=\"sujet\" name=\"sujet\">\n <option value=\"\">Choisir un sujet<\/option>\n <option value=\"question\">Question g\u00e9n\u00e9rale<\/option>\n <option value=\"aide\">Demande d’aide<\/option>\n <option value=\"rdv\">Demande de rendez-vous<\/option>\n <option value=\"presse\">Presse \/ M\u00e9dias<\/option>\n <option value=\"autre\">Autre<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"form-group full\">\n <label for=\"message\">Message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Votre message...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">Envoyer le message<\/button>\n <p class=\"form-footer\">Vos donn\u00e9es sont trait\u00e9es conform\u00e9ment au RGPD et ne seront jamais partag\u00e9es.<\/p>\n <\/form>\n <\/div>\n\n <\/div>\n\n <script>\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n var btn = this.querySelector('.submit-btn');\n btn.textContent = 'Message envoy\u00e9 !';\n btn.style.background = '#639922';\n setTimeout(function() {\n btn.textContent = 'Envoyer le message';\n btn.style.background = '';\n }, 3000);\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact \u2014 Isabella Greco Contact N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message ! Isabella Greco D\u00e9put\u00e9e wallonne \u2014 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-116","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false},"uagb_author_info":{"display_name":"A.D.","author_link":"https:\/\/isabellagreco.be\/index.php\/author\/admin8852\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact \u2014 Isabella Greco Contact N’h\u00e9sitez pas \u00e0 m’appeler ou \u00e0 m’envoyer un message ! Isabella Greco D\u00e9put\u00e9e wallonne \u2014 […]","_links":{"self":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":17,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions"}],"predecessor-version":[{"id":890,"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/pages\/116\/revisions\/890"}],"wp:attachment":[{"href":"https:\/\/isabellagreco.be\/index.php\/wp-json\/wp\/v2\/media?parent=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}