{"id":23,"date":"2026-08-12T09:17:44","date_gmt":"2026-08-12T09:17:44","guid":{"rendered":"https:\/\/kiemview.testpw.link\/?page_id=23"},"modified":"2026-10-02T12:37:11","modified_gmt":"2026-10-02T12:37:11","slug":"localisation","status":"publish","type":"page","link":"https:\/\/kiemview.testpw.link\/en\/localisation\/","title":{"rendered":"Location"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386.png\" width=\"2250\" height=\"753\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386.png 2250w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-1280x428.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-980x328.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-480x161.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 2250px, 100vw\" class=\"wp-image-94\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h1>Maisons \u00e0 vendre<br \/>au Kirchberg<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Quatre maisons d'exception dans un quartier id\u00e9al au <strong>Kirchberg<\/strong>. Profitez de ces magnifiques demeures log\u00e9es dans une voie sans issue.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h1>Maisons \u00e0 vendre<br \/>au Kirchberg<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Quatre maisons d'exception dans un quartier id\u00e9al au <strong>Kirchberg<\/strong>. Profitez de ces magnifiques demeures log\u00e9es dans une voie sans issue.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>LE QUARTIER<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\" data-et-mv-hidden-tablet=\"true\"><h2>Une maison proche de tout.<br \/>Mais loin de l'agitation.<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"p1\">\u00c0 quelques pas du quartier des affaires du Kirchberg, KiemView prend place au bout du Sentier de Bricherhof, \u00e0 Weimershof dans une voie sans issue discr\u00e8te et r\u00e9sidentielle. Ici, l'environnement est calme et paisible, propice \u00e0 la promenade et \u00e0 un quotidien plus serein.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"#popup_335793\" class=\"kiem-btn\">\n    <span class=\"kiem-btn__icon\" aria-hidden=\"true\">\n        <span class=\"kiem-btn__arrow\">\u2193<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn__label\">\n        T\u00c9L\u00c9CHARGER LE\n        <span>\n            DESCRIPTIF<span class=\"kiem-btn__extra\">&nbsp;COMMERCIAL<\/span>\n        <\/span>\n    <\/span>\n<\/a>\n\n<style>\n\/* KIEMVIEW \u2014 BOUTON D\u2019OUVERTURE DU POPUP *\/\n\n.kiem-btn {\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --green: #3D5640;\n    --cream: #FAF7EF;\n\n    position: relative;\n    display: inline-flex;\n    align-items: stretch;\n\n    height: 58px;\n    padding: 0;\n    box-sizing: border-box;\n\n    border: 1px solid rgba(61, 86, 64, .85);\n    border-radius: 12px;\n    background: rgba(250, 247, 239, .82);\n\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n    color: var(--green) !important;\n    text-decoration: none !important;\n    cursor: pointer;\n    overflow: hidden;\n\n    box-shadow:\n        0 8px 24px rgba(56, 45, 37, .08),\n        inset 0 1px 0 rgba(255, 255, 255, .65);\n\n    transition:\n        transform .4s cubic-bezier(.22, 1, .36, 1),\n        background .4s ease,\n        border-color .4s ease,\n        box-shadow .4s ease;\n}\n\n\/* FL\u00c8CHE *\/\n\n.kiem-btn__icon {\n    position: relative;\n    width: 56px;\n    flex: 0 0 56px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-right: 1px solid rgba(61, 86, 64, .38);\n    background: rgba(123, 147, 100, .13);\n\n    transition:\n        background .4s ease,\n        border-color .4s ease;\n}\n\n.kiem-btn__arrow {\n    color: var(--green);\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22, 1, .36, 1);\n}\n\n\/* TEXTE *\/\n\n.kiem-btn__label {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 22px;\n\n    color: var(--green);\n    font-family: \"Hind Siliguri\", sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .20em;\n    white-space: nowrap;\n\n    transition: color .35s ease;\n}\n\n.kiem-btn__label > span {\n    position: relative;\n    display: inline-block;\n    margin-left: .45em;\n}\n\n.kiem-btn__label > span::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: -7px;\n\n    width: 58%;\n    height: 1px;\n    background: var(--accent-dark);\n\n    transition:\n        width .45s cubic-bezier(.22, 1, .36, 1),\n        background .35s ease;\n}\n\n\/* SURVOL *\/\n\n.kiem-btn:hover {\n    transform: translateY(-2px);\n    background: rgba(250, 247, 239, .98);\n    border-color: var(--green);\n\n    box-shadow: 0 12px 30px rgba(56, 45, 37, .13);\n}\n\n.kiem-btn:hover .kiem-btn__icon {\n    background: var(--green);\n    border-right-color: var(--green);\n}\n\n.kiem-btn:hover .kiem-btn__arrow {\n    color: #FFFFFF;\n    transform: translateY(3px);\n}\n\n.kiem-btn:hover .kiem-btn__label {\n    color: var(--green);\n}\n\n.kiem-btn:hover .kiem-btn__label > span::after {\n    width: 100%;\n}\n\n\/* CLAVIER *\/\n\n.kiem-btn:focus-visible {\n    outline: 2px solid var(--accent-dark);\n    outline-offset: 5px;\n}\n\n\/* TABLETTE ET T\u00c9L\u00c9PHONE *\/\n\n@media (max-width: 980px) {\n    .kiem-btn__extra {\n        display: none;\n    }\n}\n\n@media (max-width: 767px) {\n    .kiem-btn {\n        height: 52px;\n        border-radius: 10px;\n    }\n\n    .kiem-btn__icon {\n        width: 48px;\n        flex-basis: 48px;\n    }\n\n    .kiem-btn__arrow {\n        font-size: 18px;\n    }\n\n    .kiem-btn__label {\n        padding: 0 18px;\n        font-size: 11px;\n        letter-spacing: .18em;\n    }\n\n    .kiem-btn__label > span::after {\n        bottom: -6px;\n    }\n}\n\n\/* MOUVEMENT R\u00c9DUIT *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .kiem-btn,\n    .kiem-btn__icon,\n    .kiem-btn__arrow,\n    .kiem-btn__label,\n    .kiem-btn__label > span::after {\n        transition: none !important;\n    }\n}\n<\/style><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"kv-comparison\">\n\n    <div class=\"kv-comparison__decor\"><\/div>\n\n    <div class=\"kv-comparison__frame\">\n\n        <!-- IMAGE 1 -->\n        <img decoding=\"async\"\n            class=\"kv-comparison__image kv-comparison__image--back\"\n            src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4.png\"\n            alt=\"Projet KiemView\"\n            draggable=\"false\"\n        >\n\n        <!-- IMAGE 2 -->\n        <div class=\"kv-comparison__front\">\n            <img decoding=\"async\"\n                class=\"kv-comparison__image kv-comparison__image--front\"\n                src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16.png\"\n                alt=\"Quartier de KiemView\"\n                draggable=\"false\"\n            >\n        <\/div>\n\n        <!-- LIGNE CENTRALE -->\n        <div class=\"kv-comparison__divider\">\n            <div class=\"kv-comparison__handle\">\n                <span>\u2039<\/span>\n                <span>\u203a<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- INDICATION -->\n        <div class=\"kv-comparison__instruction\">\n            <span class=\"kv-comparison__move-icon\">\u2194<\/span>\n            <span>D\u00c9PLACEZ LA SOURIS<\/span>\n        <\/div>\n\n        <!-- COMPTEUR -->\n        <div class=\"kv-comparison__counter\">\n            <span>01<\/span>\n\n            <span class=\"kv-comparison__progress\">\n                <i><\/i>\n            <\/span>\n\n            <span>02<\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<style>\n\/* =========================================================\n   KIEMVIEW \u2014 COMPARATEUR D\u2019IMAGES\n========================================================= *\/\n\n.kv-comparison,\n.kv-comparison * {\n    box-sizing: border-box;\n}\n\n.kv-comparison {\n    position: relative;\n    width: 100%;\n    max-width: 780px;\n    margin-left: auto;\n    isolation: isolate;\n}\n\n\n\/* =========================================================\n   INT\u00c9GRATION AU FOND VERT\n========================================================= *\/\n\n.kv-comparison::before {\n    content: \"\";\n    position: absolute;\n    z-index: -2;\n    inset: -55px -65px;\n\n    background:\n        radial-gradient(\n            ellipse at center,\n            rgba(169, 188, 148, .18) 0%,\n            rgba(123, 147, 100, .08) 42%,\n            rgba(61, 86, 64, 0) 72%\n        );\n\n    filter: blur(16px);\n    pointer-events: none;\n}\n\n\n\/* Contour ext\u00e9rieur int\u00e9gr\u00e9 *\/\n.kv-comparison__decor {\n    position: absolute;\n    z-index: -1;\n    inset: -10px;\n\n    border: 1px solid rgba(169, 188, 148, .22);\n    border-radius: 28px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(245, 241, 232, .075),\n            rgba(169, 188, 148, .018)\n        );\n\n    box-shadow:\n        0 35px 80px rgba(19, 32, 23, .22),\n        inset 0 1px 0 rgba(255, 255, 255, .04);\n\n    pointer-events: none;\n}\n\n\n\/* Petit \u00e9l\u00e9ment d\u00e9coratif derri\u00e8re *\/\n.kv-comparison__decor::before {\n    content: \"\";\n    position: absolute;\n    top: 42px;\n    right: -18px;\n\n    width: 4px;\n    height: 130px;\n\n    background: linear-gradient(\n        180deg,\n        transparent,\n        #A9BC94,\n        transparent\n    );\n\n    border-radius: 999px;\n    opacity: .65;\n}\n\n\n\/* =========================================================\n   CADRE \u2014 ARRONDIS FORC\u00c9S\n========================================================= *\/\n\n.kv-comparison__frame {\n    --position: 50%;\n    --radius: 20px;\n\n    position: relative;\n    width: 100%;\n    height: clamp(470px, 36vw, 590px);\n\n    \/*\n    Les deux techniques garantissent l\u2019arrondi,\n    m\u00eame si Divi surcharge overflow ou border-radius.\n    *\/\n    overflow: hidden !important;\n    border-radius: var(--radius) !important;\n    clip-path: inset(0 round var(--radius));\n    -webkit-clip-path: inset(0 round var(--radius));\n\n    background: #2F4633;\n    border: 2px solid rgba(245, 241, 232, .30);\n\n    box-shadow:\n        0 28px 65px rgba(18, 31, 21, .28),\n        0 10px 25px rgba(18, 31, 21, .16),\n        inset 0 0 0 1px rgba(255, 255, 255, .08);\n\n    cursor: ew-resize;\n    touch-action: pan-y;\n\n    transform: translateZ(0);\n    -webkit-transform: translateZ(0);\n    isolation: isolate;\n}\n\n\n\/* Bordure int\u00e9rieure douce *\/\n.kv-comparison__frame::before {\n    content: \"\";\n    position: absolute;\n    z-index: 8;\n    inset: 0;\n\n    border: 1px solid rgba(255, 255, 255, .13);\n    border-radius: inherit;\n\n    box-shadow:\n        inset 0 0 45px rgba(30, 50, 35, .13),\n        inset 0 -45px 55px rgba(25, 42, 30, .17);\n\n    pointer-events: none;\n}\n\n\n\/* Traitement doux des contours *\/\n.kv-comparison__frame::after {\n    content: \"\";\n    position: absolute;\n    z-index: 7;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(39, 62, 44, .18) 0%,\n            transparent 10%,\n            transparent 90%,\n            rgba(39, 62, 44, .18) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(39, 62, 44, .10) 0%,\n            transparent 15%,\n            transparent 72%,\n            rgba(30, 49, 35, .24) 100%\n        );\n\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   IMAGES\n========================================================= *\/\n\n.kv-comparison__image {\n    position: absolute !important;\n    inset: 0 !important;\n\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: cover;\n    object-position: center;\n\n    border: 0 !important;\n    border-radius: 0 !important;\n\n    pointer-events: none;\n    user-select: none;\n    -webkit-user-drag: none;\n}\n\n.kv-comparison__image--back {\n    z-index: 1;\n}\n\n\n\/* Image r\u00e9v\u00e9l\u00e9e \u00e0 gauche *\/\n.kv-comparison__front {\n    position: absolute;\n    z-index: 2;\n    inset: 0 auto 0 0;\n\n    width: var(--position);\n    height: 100%;\n\n    overflow: hidden;\n    pointer-events: none;\n}\n\n.kv-comparison__image--front {\n    width: var(--image-width, 100%) !important;\n    min-width: var(--image-width, 100%) !important;\n}\n\n\n\/* =========================================================\n   S\u00c9PARATEUR\n========================================================= *\/\n\n.kv-comparison__divider {\n    position: absolute;\n    z-index: 10;\n    top: 0;\n    bottom: 0;\n    left: var(--position);\n\n    width: 2px;\n\n    background: rgba(245, 241, 232, .90);\n\n    box-shadow:\n        0 0 0 1px rgba(61, 86, 64, .10),\n        0 0 22px rgba(20, 34, 24, .30);\n\n    transform: translateX(-50%);\n    pointer-events: none;\n}\n\n\n\/* Bouton central rectangulaire arrondi *\/\n.kv-comparison__handle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n\n    width: 74px;\n    height: 56px;\n\n    color: #3D5640;\n    background: rgba(245, 241, 232, .96);\n\n    border: 1px solid rgba(61, 86, 64, .24);\n    border-radius: 14px;\n\n    box-shadow:\n        0 14px 36px rgba(18, 30, 21, .27),\n        inset 0 1px 0 rgba(255, 255, 255, .80);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    transform: translate(-50%, -50%);\n\n    transition:\n        width .25s ease,\n        background .25s ease,\n        box-shadow .25s ease;\n}\n\n.kv-comparison__frame:hover .kv-comparison__handle {\n    width: 82px;\n    background: #F5F1E8;\n\n    box-shadow:\n        0 16px 40px rgba(18, 30, 21, .34),\n        inset 0 1px 0 rgba(255, 255, 255, .85);\n}\n\n.kv-comparison__handle span {\n    font-family: Arial, sans-serif;\n    font-size: 29px;\n    font-weight: 300;\n    line-height: 1;\n}\n\n\n\/* =========================================================\n   TEXTE D\u2019INDICATION\n========================================================= *\/\n\n.kv-comparison__instruction {\n    position: absolute;\n    z-index: 12;\n    left: 20px;\n    bottom: 20px;\n\n    display: flex;\n    align-items: center;\n    gap: 9px;\n\n    padding: 11px 14px;\n\n    color: #3D5640;\n    background: rgba(245, 241, 232, .91);\n\n    border: 1px solid rgba(255, 255, 255, .55);\n    border-radius: 10px;\n\n    box-shadow:\n        0 10px 28px rgba(19, 31, 22, .18),\n        inset 0 1px 0 rgba(255, 255, 255, .60);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n    font-size: 9px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .14em;\n\n    pointer-events: none;\n\n    transition:\n        opacity .3s ease,\n        transform .3s ease;\n}\n\n.kv-comparison__move-icon {\n    color: #7B9364;\n    font-size: 15px;\n    letter-spacing: 0;\n}\n\n.kv-comparison.has-moved .kv-comparison__instruction {\n    opacity: 0;\n    transform: translateY(6px);\n}\n\n\n\/* =========================================================\n   PAGINATION 01 \u2014 02\n========================================================= *\/\n\n.kv-comparison__counter {\n    position: absolute;\n    z-index: 12;\n    right: 20px;\n    bottom: 20px;\n\n    display: flex;\n    align-items: center;\n    gap: 9px;\n\n    padding: 12px 15px;\n\n    color: #3D5640;\n    background: rgba(245, 241, 232, .92);\n\n    border: 1px solid rgba(255, 255, 255, .55);\n    border-radius: 10px;\n\n    box-shadow:\n        0 10px 28px rgba(19, 31, 22, .18),\n        inset 0 1px 0 rgba(255, 255, 255, .60);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: .12em;\n\n    pointer-events: none;\n}\n\n.kv-comparison__progress {\n    position: relative;\n    display: block;\n    width: 30px;\n    height: 1px;\n\n    overflow: hidden;\n    background: rgba(61, 86, 64, .25);\n}\n\n.kv-comparison__progress i {\n    position: absolute;\n    inset: 0;\n\n    display: block;\n    background: #7B9364;\n\n    transform: scaleX(.5);\n    transform-origin: left center;\n}\n\n\n\/* =========================================================\n   DIVI\n========================================================= *\/\n\n.et_pb_code:has(.kv-comparison),\n.et_pb_code_inner:has(.kv-comparison) {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    overflow: visible !important;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 980px) {\n    .kv-comparison {\n        max-width: 100%;\n        margin: 40px auto 0;\n    }\n\n    .kv-comparison__frame {\n        height: clamp(440px, 70vw, 600px);\n    }\n}\n\n@media (max-width: 767px) {\n    .kv-comparison__frame {\n        --radius: 14px;\n        height: 410px;\n    }\n\n    .kv-comparison__decor {\n        inset: -6px;\n        border-radius: 20px;\n    }\n\n    .kv-comparison__handle {\n        width: 62px;\n        height: 49px;\n        border-radius: 12px;\n    }\n\n    .kv-comparison__frame:hover .kv-comparison__handle {\n        width: 66px;\n    }\n\n    .kv-comparison__handle span {\n        font-size: 24px;\n    }\n\n    .kv-comparison__instruction {\n        display: none;\n    }\n\n    .kv-comparison__counter {\n        right: 13px;\n        bottom: 13px;\n    }\n}\n<\/style>\n\n<script>\n(function () {\n\n    function initKiemComparison() {\n\n        document.querySelectorAll(\".kv-comparison\").forEach(function (slider) {\n\n            if (slider.dataset.initialized === \"true\") return;\n            slider.dataset.initialized = \"true\";\n\n            const frame = slider.querySelector(\".kv-comparison__frame\");\n            const frontImage = slider.querySelector(\".kv-comparison__image--front\");\n            const progress = slider.querySelector(\".kv-comparison__progress i\");\n\n            let dragging = false;\n\n            function updateImageWidth() {\n                const frameWidth = frame.getBoundingClientRect().width;\n\n                frame.style.setProperty(\n                    \"--image-width\",\n                    frameWidth + \"px\"\n                );\n\n                frontImage.style.width = frameWidth + \"px\";\n                frontImage.style.minWidth = frameWidth + \"px\";\n            }\n\n            function updateSlider(clientX) {\n                const bounds = frame.getBoundingClientRect();\n\n                let position =\n                    ((clientX - bounds.left) \/ bounds.width) * 100;\n\n                \/* Toujours laisser appara\u00eetre un peu les deux images *\/\n                position = Math.max(5, Math.min(95, position));\n\n                frame.style.setProperty(\n                    \"--position\",\n                    position + \"%\"\n                );\n\n                if (progress) {\n                    progress.style.transform =\n                        \"scaleX(\" + (position \/ 100) + \")\";\n                }\n\n                slider.classList.add(\"has-moved\");\n            }\n\n            \/* La s\u00e9paration suit directement la souris *\/\n            frame.addEventListener(\"mousemove\", function (event) {\n                updateSlider(event.clientX);\n            });\n\n            frame.addEventListener(\"mousedown\", function (event) {\n                dragging = true;\n                updateSlider(event.clientX);\n            });\n\n            document.addEventListener(\"mousemove\", function (event) {\n                if (!dragging) return;\n                updateSlider(event.clientX);\n            });\n\n            document.addEventListener(\"mouseup\", function () {\n                dragging = false;\n            });\n\n            \/* Fonctionnement mobile et tablette *\/\n            frame.addEventListener(\"touchstart\", function (event) {\n                if (!event.touches.length) return;\n                updateSlider(event.touches[0].clientX);\n            }, {\n                passive: true\n            });\n\n            frame.addEventListener(\"touchmove\", function (event) {\n                if (!event.touches.length) return;\n                updateSlider(event.touches[0].clientX);\n            }, {\n                passive: true\n            });\n\n            updateImageWidth();\n\n            window.addEventListener(\"resize\", updateImageWidth);\n\n            if (\"ResizeObserver\" in window) {\n                const observer = new ResizeObserver(updateImageWidth);\n                observer.observe(frame);\n            }\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initKiemComparison\n        );\n    } else {\n        initKiemComparison();\n    }\n\n    window.addEventListener(\"load\", initKiemComparison);\n\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"kiem-move\">\n\n  <div class=\"kiem-move__intro\">\n    <div class=\"kiem-move__eyebrow\">\n      Se d\u00e9placer\n    <\/div>\n\n    <h2 class=\"kiem-move__title\">\n      <span>Plus de temps pour vivre.<\/span>\n      <span>Plus de temps pour profiter.<\/span>\n    <\/h2>\n  <\/div>\n\n  <div class=\"kiem-move__grid\">\n\n    <div class=\"kiem-move__item\">\n      <div class=\"kiem-move__time\">\n        <strong>3<\/strong>\n        <sup>min<\/sup>\n      <\/div>\n\n      <span class=\"kiem-move__mode\">\n        En voiture\n      <\/span>\n\n      <p>Axes autoroutiers<\/p>\n    <\/div>\n\n    <div class=\"kiem-move__item\">\n      <div class=\"kiem-move__time\">\n        <strong>6<\/strong>\n        <sup>min<\/sup>\n      <\/div>\n\n      <span class=\"kiem-move__mode\">\n        En tram\n      <\/span>\n\n      <p>Universit\u00e9<\/p>\n    <\/div>\n\n    <div class=\"kiem-move__item\">\n      <div class=\"kiem-move__time\">\n        <strong>10<\/strong>\n        <sup>min<\/sup>\n      <\/div>\n\n      <span class=\"kiem-move__mode\">\n        En voiture\n      <\/span>\n\n      <p>A\u00e9roport<\/p>\n    <\/div>\n\n    <div class=\"kiem-move__item\">\n      <div class=\"kiem-move__time\">\n        <strong>10<\/strong>\n        <sup>min<\/sup>\n      <\/div>\n\n      <span class=\"kiem-move__mode\">\n        \u00c0 pied\n      <\/span>\n\n      <p>\n        Gare Pfaffenthal-<br>\n        Kirchberg\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n\/* =========================================================\n   KIEMVIEW \u2014 BLOC MOBILIT\u00c9\n========================================================= *\/\n\n.kiem-move,\n.kiem-move * {\n  box-sizing: border-box;\n}\n\n.kiem-move {\n  --kiem-green: #3d5640;\n  --kiem-green-light: #afc597;\n  --kiem-cream: #f5f1e8;\n\n  display: grid;\n  grid-template-columns: minmax(350px, 1.45fr) minmax(0, 2.55fr);\n  align-items: stretch;\n\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  color: var(--kiem-cream);\n  background: var(--kiem-green);\n\n  border-radius: 18px;\n  overflow: hidden;\n\n  font-family: \"Hind Siliguri\", Arial, sans-serif;\n}\n\n\n\/* =========================================================\n   INTRODUCTION GAUCHE\n========================================================= *\/\n\n.kiem-move__intro {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 36px 32px 38px;\n}\n\n\n\/* Petit titre *\/\n\n.kiem-move__eyebrow {\n  margin-bottom: 15px;\n\n  color: var(--kiem-green-light);\n\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n\n\/* Titre principal *\/\n\n.kiem-move .kiem-move__title {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--kiem-cream) !important;\n\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(30px, 2.1vw, 40px) !important;\n  font-weight: 300 !important;\n  line-height: 1.08 !important;\n\n  letter-spacing: -0.025em !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n.kiem-move__title span {\n  display: block;\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   GRILLE DES STATISTIQUES\n========================================================= *\/\n\n.kiem-move__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  align-items: stretch;\n}\n\n\n\/* =========================================================\n   STATISTIQUE INDIVIDUELLE\n========================================================= *\/\n\n.kiem-move__item {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  min-width: 0;\n  min-height: 190px;\n\n  padding: 27px 24px;\n\n  transition: background 0.35s ease;\n}\n\n\n\/* S\u00e9parateurs *\/\n\n.kiem-move__item:not(:first-child)::before {\n  content: \"\";\n\n  position: absolute;\n  top: 18%;\n  left: 0;\n\n  width: 1px;\n  height: 64%;\n\n  background: rgba(245, 241, 232, 0.22);\n}\n\n\n\/* =========================================================\n   CHIFFRE ET MINUTES\n========================================================= *\/\n\n.kiem-move__time {\n  display: flex;\n  align-items: flex-start;\n\n  margin-bottom: 14px;\n\n  color: var(--kiem-cream);\n  line-height: 1;\n}\n\n.kiem-move__time strong {\n  color: var(--kiem-cream);\n\n  font-family: \"Hind Siliguri\", Arial, sans-serif;\n  font-size: clamp(52px, 4vw, 68px);\n  font-weight: 300;\n  line-height: 0.8;\n\n  letter-spacing: -4px;\n\n  transition:\n    opacity 0.35s ease,\n    transform 0.45s cubic-bezier(.22, 1, .36, 1);\n}\n\n.kiem-move__time sup {\n  margin: 3px 0 0 9px;\n\n  color: var(--kiem-green-light);\n\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1;\n\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   MODE DE TRANSPORT\n========================================================= *\/\n\n.kiem-move__mode {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--kiem-green-light);\n\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1.3;\n\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   DESTINATION\n========================================================= *\/\n\n.kiem-move__item p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--kiem-cream) !important;\n\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 17px !important;\n  font-weight: 400 !important;\n  line-height: 1.25em !important;\n\n  letter-spacing: -0.2px !important;\n}\n\n\n\/* =========================================================\n   SURVOL\n========================================================= *\/\n\n.kiem-move__item:hover {\n  background: rgba(255, 255, 255, 0.025);\n}\n\n.kiem-move__item:hover .kiem-move__time strong {\n  opacity: 0.82;\n  transform: translateY(-3px);\n}\n\n\n\/* =========================================================\n   PETITS ORDINATEURS ET TABLETTES\n========================================================= *\/\n\n@media (max-width: 1100px) {\n  .kiem-move {\n    grid-template-columns: 1fr;\n  }\n\n  .kiem-move__intro {\n    padding: 32px 30px 29px;\n  }\n\n  .kiem-move__title span {\n    white-space: normal;\n  }\n\n  .kiem-move__grid {\n    border-top: 1px solid rgba(245, 241, 232, 0.18);\n  }\n\n  .kiem-move__item {\n    min-height: 165px;\n    padding: 25px 28px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n  .kiem-move {\n    border-radius: 14px;\n  }\n\n  .kiem-move__intro {\n    padding: 27px 22px 25px;\n  }\n\n  .kiem-move__eyebrow {\n    margin-bottom: 11px;\n    font-size: 9px;\n  }\n\n  .kiem-move .kiem-move__title {\n    font-size: 29px !important;\n    line-height: 1.08 !important;\n  }\n\n  .kiem-move__title span {\n    white-space: normal;\n  }\n\n  .kiem-move__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .kiem-move__item {\n    min-height: 145px;\n    padding: 22px 18px;\n  }\n\n  \/* Suppression des s\u00e9parateurs par d\u00e9faut *\/\n\n  .kiem-move__item:not(:first-child)::before {\n    display: none;\n  }\n\n  \/* S\u00e9parateur vertical entre les colonnes *\/\n\n  .kiem-move__item:nth-child(even)::before {\n    content: \"\";\n    display: block;\n\n    position: absolute;\n    top: 16%;\n    left: 0;\n\n    width: 1px;\n    height: 68%;\n\n    background: rgba(245, 241, 232, 0.2);\n  }\n\n  \/* S\u00e9parateur horizontal entre les rang\u00e9es *\/\n\n  .kiem-move__item:nth-child(1),\n  .kiem-move__item:nth-child(2) {\n    border-bottom: 1px solid rgba(245, 241, 232, 0.18);\n  }\n\n  .kiem-move__time {\n    margin-bottom: 11px;\n  }\n\n  .kiem-move__time strong {\n    font-size: 49px;\n    letter-spacing: -3px;\n  }\n\n  .kiem-move__time sup {\n    margin-left: 7px;\n    font-size: 10px;\n  }\n\n  .kiem-move__mode {\n    font-size: 10px;\n  }\n\n  .kiem-move__item p {\n    font-size: 15px !important;\n  }\n}\n\n\n\/* =========================================================\n   TR\u00c8S PETITS \u00c9CRANS\n========================================================= *\/\n\n@media (max-width: 380px) {\n  .kiem-move__item {\n    padding-right: 12px;\n    padding-left: 12px;\n  }\n\n  .kiem-move__time strong {\n    font-size: 44px;\n  }\n\n  .kiem-move__item p {\n    font-size: 14px !important;\n  }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><header class=\"kiem-header\" id=\"kiemHeader\">\n\n    <div class=\"kiem-header__shell\">\n\n        <div class=\"kiem-header__inner\">\n\n            <!-- LOGO -->\n            <a href=\"\/\" class=\"kiem-header__logo\" aria-label=\"KiemView \u2014 Accueil\">\n\n                <!-- LOGO NORMAL -->\n                <img decoding=\"async\"\n                    class=\"kiem-logo-normal\"\n                    src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/LOGO-KIEM-VIEW-By-Eaglestone-VERT-002.png\"\n                    alt=\"KiemView by Eaglestone Luxembourg\"\n                >\n\n                <!-- LOGO STICKY -->\n                <img decoding=\"async\"\n                    class=\"kiem-logo-sticky\"\n                    src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386.png\"\n                    alt=\"KiemView\"\n                >\n\n            <\/a>\n\n\n            <!-- NAVIGATION -->\n            <nav class=\"kiem-header__nav\" aria-label=\"Navigation principale\">\n\n                <a href=\"\/le-projet\/\">Le Projet<\/a>\n\n                <span class=\"kiem-header__dot\"><\/span>\n\n                <a href=\"\/maisons-kirchberg\/\">Les Maisons<\/a>\n\n                <span class=\"kiem-header__dot\"><\/span>\n\n                <a href=\"\/localisation\/\">Localisation<\/a>\n\n                <span class=\"kiem-header__dot\"><\/span>\n\n                <a href=\"\/contact\/\">Contact<\/a>\n\n            <\/nav>\n\n\n            <!-- CTA -->\n            <a href=\"\/contact\/\" class=\"kiem-header__cta\">\n\n                <span class=\"kiem-header__cta-icon\">\n                    \u2192\n                <\/span>\n\n                <span class=\"kiem-header__cta-text\">\n                    \u00caTRE <span>CONTACT\u00c9<\/span>\n                <\/span>\n\n            <\/a>\n\n\n            <!-- BURGER -->\n            <button\n                class=\"kiem-header__burger\"\n                type=\"button\"\n                aria-label=\"Ouvrir le menu\"\n                aria-expanded=\"false\"\n            >\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n\n<style>\n\n\/* =========================================================\n   DIVI\n========================================================= *\/\n\n.kiem-header-section {\n    position: absolute !important;\n\n    top: 16px !important;\n    left: 0 !important;\n\n    width: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: transparent !important;\n\n    z-index: 999999 !important;\n\n    overflow: visible !important;\n}\n\n\n.kiem-header-section > .et_pb_row,\n.kiem-header-section .et_pb_column,\n.kiem-header-section .et_pb_code,\n.kiem-header-section .et_pb_code_inner {\n\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: transparent !important;\n\n    overflow: visible !important;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.kiem-header {\n\n    --green: #3D5640;\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --brown: #382D25;\n    --cream: #FAF7EF;\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n\n    z-index: 999999;\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   PAGES INTERNES\n   INVISIBLE TANT QU'ON N'A PAS SCROLL\u00c9\n========================================================= *\/\n\nbody:not(.home) .kiem-header {\n\n    opacity: 0;\n    visibility: hidden;\n\n    transform: translateY(-16px);\n\n    transition:\n        opacity .45s ease,\n        visibility .45s ease,\n        transform .55s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* Quand le sticky est activ\u00e9 *\/\n\nbody:not(.home) .kiem-header.is-sticky {\n\n    opacity: 1;\n    visibility: visible;\n\n    transform: translateY(0);\n}\n\n\n\/* =========================================================\n   SHELL\n========================================================= *\/\n\n.kiem-header__shell {\n\n    width: 100%;\n\n    margin: 0 auto;\n\n    border: 1px solid transparent;\n\n    border-radius: 0;\n\n    background: transparent;\n\n    box-sizing: border-box;\n\n    transform: translateY(0);\n\n    transition:\n        width .75s cubic-bezier(.16,1,.3,1),\n        max-width .75s cubic-bezier(.16,1,.3,1),\n        transform .75s cubic-bezier(.16,1,.3,1),\n        background-color .55s ease,\n        border-color .55s ease,\n        border-radius .75s cubic-bezier(.16,1,.3,1),\n        box-shadow .55s ease,\n        backdrop-filter .55s ease;\n}\n\n\n\/* =========================================================\n   \u00c9TAT NORMAL\n========================================================= *\/\n\n.kiem-header__inner {\n\n    width: calc(100% - 280px) !important;\n    max-width: 1620px !important;\n\n    height: 122px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        250px\n        minmax(0, 1fr)\n        260px;\n\n    align-items: center;\n\n    gap: 30px;\n\n    box-sizing: border-box;\n\n    pointer-events: auto;\n\n    transition:\n        width .75s cubic-bezier(.16,1,.3,1),\n        height .75s cubic-bezier(.16,1,.3,1),\n        padding .75s cubic-bezier(.16,1,.3,1),\n        gap .75s cubic-bezier(.16,1,.3,1),\n        grid-template-columns .75s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =========================================================\n   LOGO\n========================================================= *\/\n\n.kiem-header__logo {\n\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: flex-start;\n\n    justify-self: start;\n\n    width: 195px;\n    height: 95px;\n\n    line-height: 0;\n\n    overflow: visible;\n\n    text-decoration: none !important;\n\n    transition:\n        width .7s cubic-bezier(.16,1,.3,1),\n        height .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* LOGO NORMAL *\/\n\n.kiem-logo-normal {\n\n    display: block;\n\n    width: 100% !important;\n    height: auto !important;\n\n    max-width: none !important;\n\n    opacity: 1;\n\n    transform: scale(1.34);\n\n    transform-origin: left center;\n\n    transition:\n        opacity .35s ease,\n        transform .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* LOGO STICKY CACH\u00c9 *\/\n\n.kiem-logo-sticky {\n\n    position: absolute;\n\n    left: 0;\n    top: 50%;\n\n    display: block;\n\n    width: 100% !important;\n    height: auto !important;\n\n    max-width: none !important;\n\n    opacity: 0;\n\n    transform:\n        translateY(-50%)\n        scale(.90);\n\n    transform-origin: left center;\n\n    pointer-events: none;\n\n    transition:\n        opacity .35s ease,\n        transform .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =========================================================\n   NAVIGATION\n========================================================= *\/\n\n.kiem-header__nav {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 22px;\n\n    min-width: 0;\n\n    transition:\n        gap .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n.kiem-header__nav a {\n\n    position: relative;\n\n    padding: 11px 0;\n\n    color: var(--brown) !important;\n\n    font-size: 17px !important;\n    font-weight: 500 !important;\n\n    line-height: 1;\n\n    white-space: nowrap;\n\n    text-decoration: none !important;\n\n    transition:\n        color .3s ease,\n        transform .35s cubic-bezier(.22,1,.36,1),\n        font-size .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n.kiem-header__nav a::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: 1px;\n\n    width: 100%;\n    height: 1px;\n\n    background: var(--accent);\n\n    transform: scaleX(0);\n\n    transform-origin: right center;\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1);\n}\n\n\n.kiem-header__nav a:hover {\n\n    color: var(--green) !important;\n\n    transform: translateY(-1px);\n}\n\n\n.kiem-header__nav a:hover::after {\n\n    transform: scaleX(1);\n\n    transform-origin: left center;\n}\n\n\n\/* =========================================================\n   POINTS\n========================================================= *\/\n\n.kiem-header__dot {\n\n    width: 5px;\n    height: 5px;\n\n    flex: 0 0 5px;\n\n    border-radius: 50%;\n\n    background: var(--accent);\n\n    transition:\n        width .7s cubic-bezier(.16,1,.3,1),\n        height .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.kiem-header__cta {\n\n    position: relative;\n\n    justify-self: end;\n\n    height: 58px;\n\n    display: inline-flex;\n\n    align-items: stretch;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n    border:\n        1px solid rgba(61,86,64,.85) !important;\n\n    border-radius: 12px;\n\n    background:\n        rgba(250,247,239,.82) !important;\n\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n\n    color: var(--green) !important;\n\n    text-decoration: none !important;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 8px 24px rgba(56,45,37,.08),\n        inset 0 1px 0 rgba(255,255,255,.65);\n\n    transition:\n        height .7s cubic-bezier(.16,1,.3,1),\n        border-radius .7s cubic-bezier(.16,1,.3,1),\n        background .4s ease,\n        border-color .4s ease,\n        transform .4s cubic-bezier(.22,1,.36,1),\n        box-shadow .4s ease;\n}\n\n\n\/* =========================================================\n   CTA \u2014 FL\u00c8CHE\n========================================================= *\/\n\n.kiem-header__cta-icon {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 56px;\n\n    flex: 0 0 56px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border-right:\n        1px solid rgba(61,86,64,.38);\n\n    background:\n        rgba(123,147,100,.13);\n\n    color: var(--green);\n\n    font-size: 20px;\n\n    line-height: 1;\n\n    transition:\n        width .7s cubic-bezier(.16,1,.3,1),\n        flex-basis .7s cubic-bezier(.16,1,.3,1),\n        background .4s ease,\n        color .4s ease;\n}\n\n\n\/* =========================================================\n   CTA \u2014 TEXTE\n========================================================= *\/\n\n.kiem-header__cta-text {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: flex;\n\n    align-items: center;\n\n    padding:\n        0\n        22px;\n\n    color: var(--green);\n\n    font-size: 12px !important;\n    font-weight: 700;\n\n    line-height: 1;\n\n    letter-spacing: .17em;\n\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        font-size .7s cubic-bezier(.16,1,.3,1),\n        padding .7s cubic-bezier(.16,1,.3,1);\n}\n\n\n\/* CONTACT\u00c9 SOULIGN\u00c9 *\/\n\n.kiem-header__cta-text > span {\n\n    position: relative;\n\n    display: inline-block;\n\n    margin-left: .45em;\n}\n\n\n.kiem-header__cta-text > span::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    bottom: -7px;\n\n    width: 58%;\n    height: 1px;\n\n    background:\n        var(--accent-dark);\n\n    transition:\n        width .45s cubic-bezier(.22,1,.36,1),\n        background .35s ease;\n}\n\n\n\/* =========================================================\n   CTA \u2014 HOVER\n========================================================= *\/\n\n.kiem-header__cta:hover {\n\n    transform:\n        translateY(-2px);\n\n    border-color:\n        var(--green) !important;\n\n    background:\n        rgba(250,247,239,.98) !important;\n\n    box-shadow:\n        0 12px 30px rgba(56,45,37,.13);\n}\n\n\n.kiem-header__cta:hover\n.kiem-header__cta-icon {\n\n    background:\n        var(--green);\n\n    color: #FFFFFF;\n}\n\n\n.kiem-header__cta:hover\n.kiem-header__cta-text > span::after {\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   STICKY\n========================================================= *\/\n\n.kiem-header.is-sticky {\n\n    position: fixed;\n\n    top: 14px;\n    left: 0;\n\n    width: 100%;\n\n    pointer-events: none;\n}\n\n\nbody.admin-bar\n.kiem-header.is-sticky {\n\n    top: 46px;\n}\n\n\n\/* =========================================================\n   CAPSULE STICKY \/ GLASS\n========================================================= *\/\n\n.kiem-header.is-sticky\n.kiem-header__shell {\n\n    width: calc(100% - 300px) !important;\n\n    max-width: 1020px !important;\n\n    border:\n        1px solid rgba(123,147,100,.30);\n\n    border-radius: 14px;\n\n    background:\n        rgba(250,247,239,.43) !important;\n\n    -webkit-backdrop-filter:\n        blur(14px)\n        saturate(120%);\n\n    backdrop-filter:\n        blur(14px)\n        saturate(120%);\n\n    box-shadow:\n        0 12px 35px rgba(56,45,37,.09),\n        inset 0 1px 0 rgba(255,255,255,.52);\n\n    overflow: hidden;\n\n    pointer-events: auto;\n}\n\n\n\/* =========================================================\n   CONTENU STICKY\n========================================================= *\/\n\n.kiem-header.is-sticky\n.kiem-header__inner {\n\n    width: 100% !important;\n    max-width: none !important;\n\n    height: 76px;\n\n    padding:\n        0\n        16px;\n\n    grid-template-columns:\n        170px\n        minmax(0,1fr)\n        205px;\n\n    gap: 14px;\n}\n\n\n\/* =========================================================\n   LOGO STICKY\n========================================================= *\/\n\n.kiem-header.is-sticky\n.kiem-logo-normal {\n\n    opacity: 0;\n\n    transform:\n        scale(.88);\n\n    pointer-events: none;\n}\n\n\n.kiem-header.is-sticky\n.kiem-logo-sticky {\n\n    opacity: 1;\n\n    transform:\n        translateY(-50%)\n        scale(1.14);\n}\n\n\n.kiem-header.is-sticky\n.kiem-header__logo {\n\n    width: 154px;\n\n    height: 66px;\n}\n\n\n\/* =========================================================\n   NAV STICKY\n========================================================= *\/\n\n.kiem-header.is-sticky\n.kiem-header__nav {\n\n    gap: 13px;\n}\n\n\n.kiem-header.is-sticky\n.kiem-header__nav a {\n\n    font-size: 15px !important;\n\n    font-weight: 500 !important;\n}\n\n\n.kiem-header.is-sticky\n.kiem-header__dot {\n\n    width: 4px;\n    height: 4px;\n\n    flex-basis: 4px;\n}\n\n\n\/* =========================================================\n   CTA STICKY\n========================================================= *\/\n\n.kiem-header.is-sticky\n.kiem-header__cta {\n\n    height: 50px;\n\n    border-radius: 9px;\n\n    background:\n        rgba(250,247,239,.82) !important;\n\n    border:\n        1px solid rgba(61,86,64,.90) !important;\n\n    box-shadow:\n        0 6px 18px rgba(56,45,37,.08);\n}\n\n\n.kiem-header.is-sticky\n.kiem-header__cta-icon {\n\n    width: 46px;\n\n    flex-basis: 46px;\n\n    font-size: 17px;\n\n    background:\n        rgba(123,147,100,.17);\n}\n\n\n.kiem-header.is-sticky\n.kiem-header__cta-text {\n\n    padding:\n        0\n        16px;\n\n    font-size: 10.5px !important;\n\n    letter-spacing: .14em;\n}\n\n\n\/* =========================================================\n   BURGER\n========================================================= *\/\n\n.kiem-header__burger {\n\n    display: none;\n\n    width: 44px;\n    height: 44px;\n\n    padding: 0;\n\n    border:\n        1px solid var(--accent-dark);\n\n    border-radius: 8px;\n\n    background:\n        rgba(250,247,239,.70);\n\n    cursor: pointer;\n}\n\n\n.kiem-header__burger span {\n\n    display: block;\n\n    width: 21px;\n    height: 1px;\n\n    margin: 6px auto;\n\n    background:\n        var(--green);\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    .kiem-header__inner {\n\n        width: calc(100% - 60px) !important;\n    }\n\n\n    .kiem-header__nav {\n\n        gap: 12px;\n    }\n\n\n    .kiem-header__nav a {\n\n        font-size: 14px !important;\n    }\n\n\n    .kiem-header.is-sticky\n    .kiem-header__shell {\n\n        width: calc(100% - 60px) !important;\n\n        max-width: 980px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .kiem-header__inner {\n\n        width: calc(100% - 34px) !important;\n\n        height: 90px;\n\n        display: flex;\n\n        justify-content:\n            space-between;\n    }\n\n\n    .kiem-header__logo {\n\n        width: 155px;\n    }\n\n\n    .kiem-logo-normal {\n\n        transform:\n            scale(1.20);\n    }\n\n\n    .kiem-header__nav,\n    .kiem-header__cta {\n\n        display: none;\n    }\n\n\n    .kiem-header__burger {\n\n        display: block;\n    }\n\n\n    .kiem-header.is-sticky {\n\n        top: 8px;\n    }\n\n\n    body.admin-bar\n    .kiem-header.is-sticky {\n\n        top: 54px;\n    }\n\n\n    .kiem-header.is-sticky\n    .kiem-header__shell {\n\n        width: calc(100% - 24px) !important;\n\n        max-width: none !important;\n\n        border-radius: 11px;\n    }\n\n\n    .kiem-header.is-sticky\n    .kiem-header__inner {\n\n        height: 66px;\n\n        padding:\n            0\n            14px;\n    }\n\n\n    .kiem-header.is-sticky\n    .kiem-header__logo {\n\n        width: 130px;\n\n        height: 58px;\n    }\n\n\n    .kiem-header.is-sticky\n    .kiem-logo-sticky {\n\n        transform:\n            translateY(-50%)\n            scale(1);\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-header,\n    .kiem-header *,\n    .kiem-header *::before,\n    .kiem-header *::after {\n\n        transition: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const header =\n        document.getElementById(\"kiemHeader\");\n\n    if (!header) return;\n\n\n    \/* =====================================================\n       IDENTIFIER LA HOME\n    ===================================================== *\/\n\n    const isHome =\n        window.location.pathname === \"\/\" ||\n        document.body.classList.contains(\"home\");\n\n\n    \/* =====================================================\n       SECTION DIVI\n    ===================================================== *\/\n\n    const section =\n        header.closest(\".et_pb_section\");\n\n\n    if (section) {\n\n        section.classList.add(\n            \"kiem-header-section\"\n        );\n\n    }\n\n\n    \/* =====================================================\n       SCROLL\n    ===================================================== *\/\n\n    let ticking = false;\n\n\n    function updateHeader() {\n\n        \/*\n         * HOME :\n         * comportement actuel inchang\u00e9\n         * sticky apr\u00e8s 90px\n         *\n         * AUTRES PAGES :\n         * header invisible au d\u00e9part\n         * sticky apr\u00e8s 30px\n         *\/\n\n        const threshold =\n            isHome\n                ? 90\n                : 30;\n\n\n        const shouldStick =\n            window.scrollY > threshold;\n\n\n        header.classList.toggle(\n            \"is-sticky\",\n            shouldStick\n        );\n\n\n        ticking = false;\n\n    }\n\n\n    function onScroll() {\n\n        if (!ticking) {\n\n            window.requestAnimationFrame(\n                updateHeader\n            );\n\n            ticking = true;\n\n        }\n\n    }\n\n\n    \/* \u00e9tat initial *\/\n\n    updateHeader();\n\n\n    window.addEventListener(\n        \"scroll\",\n        onScroll,\n        {\n            passive: true\n        }\n    );\n\n});\n\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>\u00c0 PROXIMIT\u00c9<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2><span>Une adresse r\u00e9sidentielle privil\u00e9gi\u00e9e<\/span><\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"p1\">Au calme d'une impasse verdoyante, profitez d'un cadre de vie intimiste tout en restant connect\u00e9 \u00e0 l'essentiel. \u00c9coles, restaurants, offres culturelles et infrastructures sportives se trouvent \u00e0 quelques minutes seulement, pour conjuguer s\u00e9r\u00e9nit\u00e9 au quotidien et dynamisme urbain.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"https:\/\/kiemview.testpw.link\/maisons-kirchberg\/\" class=\"kiem-btn-light\">\n  \n    <span class=\"kiem-btn-light__icon\">\n        <span class=\"kiem-btn-light__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn-light__label\">\n        D\u00c9COUVRIR LES MAISONS\n    <\/span>\n\n<\/a>\n\n\n<style>\n\n\/* =========================================\n   KIEMVIEW \u2014 CTA SECONDAIRE L\u00c9GER\n========================================= *\/\n\n.kiem-btn-light {\n    --accent: #7B9364;\n    --accent-dark: #657B52;\n    --green: #3D5640;\n\n    position: relative;\n\n    display: inline-flex;\n    align-items: stretch;\n\n    height: 50px;\n\n    padding: 0;\n\n    box-sizing: border-box;\n\n    border: 1px solid rgba(101,123,82,.42);\n\n    border-radius: 9px;\n\n    background: rgba(250,247,239,.18);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    color: var(--green) !important;\n\n    text-decoration: none !important;\n\n    overflow: hidden;\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        border-color .4s ease,\n        background .4s ease,\n        box-shadow .4s ease;\n}\n\n\n\/* =========================================\n   BLOC FL\u00c8CHE\n========================================= *\/\n\n.kiem-btn-light__icon {\n    position: relative;\n\n    width: 48px;\n\n    flex: 0 0 48px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-right: 1px solid rgba(101,123,82,.30);\n\n    background: rgba(123,147,100,.06);\n\n    transition:\n        background .4s ease,\n        border-color .4s ease;\n}\n\n\n\/* =========================================\n   FL\u00c8CHE\n========================================= *\/\n\n.kiem-btn-light__arrow {\n    color: var(--green);\n\n    font-size: 20px;\n    font-weight: 400;\n\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   TEXTE\n========================================= *\/\n\n.kiem-btn-light__label {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    padding: 0 18px;\n\n    color: var(--green);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .20em;\n\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* =========================================\n   PETIT TRAIT\n========================================= *\/\n\n.kiem-btn-light__label::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 18px;\n    bottom: 8px;\n\n    width: 34px;\n    height: 1px;\n\n    background: var(--accent);\n\n    transition:\n        width .45s cubic-bezier(.22,1,.36,1),\n        background .35s ease;\n}\n\n\n\/* =========================================\n   HOVER\n========================================= *\/\n\n.kiem-btn-light:hover {\n    transform: translateY(-2px);\n\n    border-color: rgba(61,86,64,.72);\n\n    background: rgba(250,247,239,.55);\n\n    box-shadow:\n        0 8px 20px rgba(56,45,37,.06);\n}\n\n\n.kiem-btn-light:hover\n.kiem-btn-light__icon {\n    background: var(--green);\n\n    border-right-color: var(--green);\n}\n\n\n.kiem-btn-light:hover\n.kiem-btn-light__arrow {\n    color: #FFFFFF;\n\n    transform: translateX(3px);\n}\n\n\n.kiem-btn-light:hover\n.kiem-btn-light__label {\n    color: var(--green);\n\n    transform: translateX(2px);\n}\n\n\n.kiem-btn-light:hover\n.kiem-btn-light__label::after {\n    width: calc(100% - 36px);\n}\n\n\n\/* =========================================\n   FOCUS\n========================================= *\/\n\n.kiem-btn-light:focus-visible {\n    outline: 2px solid var(--accent-dark);\n\n    outline-offset: 5px;\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .kiem-btn-light {\n        height: 46px;\n\n        border-radius: 8px;\n    }\n\n\n    .kiem-btn-light__icon {\n        width: 44px;\n\n        flex-basis: 44px;\n    }\n\n\n    .kiem-btn-light__arrow {\n        font-size: 18px;\n    }\n\n\n    .kiem-btn-light__label {\n        padding: 0 16px;\n\n        font-size: 11px;\n\n        letter-spacing: .18em;\n    }\n\n\n    .kiem-btn-light__label::after {\n        left: 16px;\n\n        bottom: 7px;\n\n        width: 30px;\n    }\n\n\n    .kiem-btn-light:hover\n    .kiem-btn-light__label::after {\n        width: calc(100% - 32px);\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c9\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-btn-light,\n    .kiem-btn-light__icon,\n    .kiem-btn-light__arrow,\n    .kiem-btn-light__label,\n    .kiem-btn-light__label::after {\n        transition: none !important;\n    }\n\n}\n\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- \u00c0 coller int\u00e9gralement dans UN module Code Divi -->\n<section class=\"kvq\" data-kvq aria-label=\"Les atouts du quartier\">\n  <div class=\"kvq__backgrounds\" aria-hidden=\"true\">\n    <div class=\"kvq__background is-active\" data-kvq-bg=\"0\" style=\"background-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/4-1.png')\"><\/div>\n    <div class=\"kvq__background\" data-kvq-bg=\"1\" style=\"background-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/3-2.png')\"><\/div>\n    <div class=\"kvq__background\" data-kvq-bg=\"2\" style=\"background-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-3.png')\"><\/div>\n    <div class=\"kvq__background\" data-kvq-bg=\"3\" style=\"background-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16.png')\"><\/div>\n    <div class=\"kvq__shade\"><\/div>\n  <\/div>\n\n  <div class=\"kvq__grid\">\n    <button class=\"kvq__item is-active\" type=\"button\" data-kvq-item=\"0\"\n      style=\"--kvq-mobile-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/4-1.png')\">\n      <span class=\"kvq__panel\">\n        <span class=\"kvq__number\">01<\/span>\n        <span class=\"kvq__title\">\u00c9tudes &amp; travail<\/span>\n        <span class=\"kvq__text\">Universit\u00e9 \u00b7 Institutions europ\u00e9ennes \u00b7 Kirchberg<\/span>\n        <span class=\"kvq__arrow\">\u2197<\/span>\n      <\/span>\n    <\/button>\n\n    <button class=\"kvq__item\" type=\"button\" data-kvq-item=\"1\"\n      style=\"--kvq-mobile-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/3-2.png')\">\n      <span class=\"kvq__panel\">\n        <span class=\"kvq__number\">02<\/span>\n        <span class=\"kvq__title\">Vie quotidienne<\/span>\n        <span class=\"kvq__text\">Commerces \u00b7 Restaurants \u00b7 Shopping<\/span>\n        <span class=\"kvq__arrow\">\u2197<\/span>\n      <\/span>\n    <\/button>\n\n    <button class=\"kvq__item\" type=\"button\" data-kvq-item=\"2\"\n      style=\"--kvq-mobile-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-3.png')\">\n      <span class=\"kvq__panel\">\n        <span class=\"kvq__number\">03<\/span>\n        <span class=\"kvq__title\">Culture<\/span>\n        <span class=\"kvq__text\">Philharmonie \u00b7 Mudam \u00b7 Biblioth\u00e8que nationale<\/span>\n        <span class=\"kvq__arrow\">\u2197<\/span>\n      <\/span>\n    <\/button>\n\n    <button class=\"kvq__item\" type=\"button\" data-kvq-item=\"3\"\n      style=\"--kvq-mobile-image:url('https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16.png')\">\n      <span class=\"kvq__panel\">\n        <span class=\"kvq__number\">04<\/span>\n        <span class=\"kvq__title\">Sport &amp; nature<\/span>\n        <span class=\"kvq__text\">Coque \u00b7 Promenades \u00b7 Environnement verdoyant<\/span>\n        <span class=\"kvq__arrow\">\u2197<\/span>\n      <\/span>\n    <\/button>\n  <\/div>\n<\/section>\n\n<style>\n\/* Tout est volontairement limit\u00e9 \u00e0 .kvq : le header et le hero ne sont pas touch\u00e9s. *\/\n.kvq {\n  --cream: #F5F1E8;\n  --green: #304b36;\n  --sage: #8ca176;\n  position: relative;\n  width: 100%;\n  height: clamp(560px, 59vw, 720px);\n  overflow: hidden;\n  isolation: isolate;\n  background: var(--green);\n  font-family: \"Hind Siliguri\", Arial, sans-serif;\n}\n\n.kvq *, .kvq *::before, .kvq *::after { box-sizing: border-box; }\n\n.kvq__backgrounds,\n.kvq__background,\n.kvq__shade {\n  position: absolute;\n  inset: 0;\n}\n\n.kvq__backgrounds { z-index: 0; overflow: hidden; }\n\n.kvq__background {\n  background-position: center;\n  background-size: cover;\n  opacity: 0;\n  transform: scale(1.035);\n  transition:\n    opacity 900ms cubic-bezier(.22, .61, .36, 1),\n    transform 1500ms cubic-bezier(.22, .61, .36, 1);\n  will-change: opacity, transform;\n}\n\n.kvq__background.is-active {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.kvq__shade {\n  z-index: 2;\n  pointer-events: none;\n  background: rgba(25, 41, 29, .16);\n  transition: background 700ms ease;\n}\n\n.kvq__grid {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n  width: 100%;\n  height: 100%;\n}\n\n.kvq__item {\n  appearance: none;\n  position: relative;\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  border-right: 1px solid rgba(245, 241, 232, .28);\n  border-bottom: 1px solid rgba(245, 241, 232, .28);\n  border-radius: 0;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  text-align: left;\n  box-shadow: none;\n}\n\n.kvq__item:nth-child(2n) { border-right: 0; }\n.kvq__item:nth-child(n+3) { border-bottom: 0; }\n\n.kvq__panel {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  padding: clamp(34px, 4.3vw, 68px);\n  overflow: hidden;\n  background: var(--cream); \/* couleur demand\u00e9e au survol *\/\n  color: var(--green);\n  opacity: 0;\n  transform: translate3d(0, 22px, 0);\n  clip-path: inset(0 0 100% 0);\n  transition:\n    clip-path 780ms cubic-bezier(.76, 0, .24, 1),\n    opacity 480ms ease,\n    transform 780ms cubic-bezier(.22, 1, .36, 1);\n  pointer-events: none;\n  will-change: clip-path, opacity, transform;\n}\n\n.kvq__item.is-active .kvq__panel,\n.kvq__item:hover .kvq__panel,\n.kvq__item:focus-visible .kvq__panel {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  clip-path: inset(0 0 0 0);\n}\n\n.kvq__number {\n  display: block;\n  margin: 0 0 22px;\n  color: var(--sage);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1;\n  letter-spacing: .18em;\n}\n\n.kvq__title {\n  display: block;\n  max-width: 95%;\n  margin: 0;\n  color: var(--green);\n  font-size: clamp(34px, 3.5vw, 56px);\n  font-weight: 300;\n  line-height: 1.02;\n  letter-spacing: -.045em;\n}\n\n.kvq__text {\n  display: block;\n  max-width: 440px;\n  margin-top: 22px;\n  color: rgba(48, 75, 54, .73);\n  font-size: clamp(16px, 1.35vw, 20px);\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.kvq__arrow {\n  position: absolute;\n  right: clamp(28px, 3.7vw, 58px);\n  bottom: clamp(26px, 3.4vw, 52px);\n  color: var(--green);\n  font-size: 26px;\n  font-weight: 300;\n  line-height: 1;\n  transition: transform 350ms cubic-bezier(.22, 1, .36, 1);\n}\n\n.kvq__item:hover .kvq__arrow,\n.kvq__item:focus-visible .kvq__arrow { transform: translate(4px, -4px); }\n\n.kvq__item:focus-visible {\n  outline: 2px solid var(--cream);\n  outline-offset: -5px;\n}\n\n@media (max-width: 980px) {\n  .kvq { height: clamp(560px, 78vw, 680px); }\n  .kvq__panel { padding: 32px; }\n  .kvq__title { font-size: clamp(29px, 4.5vw, 42px); }\n  .kvq__text { font-size: 16px; line-height: 1.4; }\n}\n\n\/* Mobile : chaque th\u00e8me devient une vraie carte lisible, sans d\u00e9pendre du hover. *\/\n@media (max-width: 767px) {\n  .kvq {\n    height: auto;\n    overflow: visible;\n    background: var(--green);\n  }\n\n  .kvq__backgrounds { display: none; }\n\n  .kvq__grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: none;\n    height: auto;\n    gap: 1px;\n    background: rgba(245, 241, 232, .28);\n  }\n\n  .kvq__item {\n    min-height: 430px;\n    border: 0;\n    background-image:\n      linear-gradient(to bottom, transparent 32%, rgba(25, 41, 29, .12) 52%),\n      var(--kvq-mobile-image);\n    background-position: center;\n    background-size: cover;\n  }\n\n  .kvq__panel,\n  .kvq__item.is-active .kvq__panel,\n  .kvq__item:hover .kvq__panel,\n  .kvq__item:focus-visible .kvq__panel {\n    inset: auto 0 0;\n    min-height: 47%;\n    padding: 25px 24px 27px;\n    opacity: 1;\n    transform: none;\n    clip-path: none;\n  }\n\n  .kvq__number { margin-bottom: 12px; font-size: 10px; }\n  .kvq__title { font-size: clamp(30px, 9vw, 40px); }\n  .kvq__text { max-width: calc(100% - 38px); margin-top: 12px; font-size: 16px; }\n  .kvq__arrow { right: 22px; bottom: 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .kvq__background,\n  .kvq__panel,\n  .kvq__arrow { transition: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  document.querySelectorAll('[data-kvq]').forEach(function (section) {\n    if (section.dataset.kvqReady === '1') return;\n    section.dataset.kvqReady = '1';\n\n    var items = Array.from(section.querySelectorAll('[data-kvq-item]'));\n    var backgrounds = Array.from(section.querySelectorAll('[data-kvq-bg]'));\n    var activeIndex = 0;\n\n    function activate(index) {\n      if (index === activeIndex && items[index].classList.contains('is-active')) return;\n      activeIndex = index;\n      items.forEach(function (item, i) {\n        item.classList.toggle('is-active', i === index);\n        item.setAttribute('aria-pressed', i === index ? 'true' : 'false');\n      });\n      backgrounds.forEach(function (background, i) {\n        background.classList.toggle('is-active', i === index);\n      });\n    }\n\n    items.forEach(function (item, index) {\n      item.setAttribute('aria-pressed', index === 0 ? 'true' : 'false');\n      item.addEventListener('pointerenter', function () { activate(index); });\n      item.addEventListener('focus', function () { activate(index); });\n      item.addEventListener('click', function () { activate(index); });\n    });\n\n    \/* Pr\u00e9charge les 4 visuels pour \u00e9viter tout flash au premier survol. *\/\n    backgrounds.forEach(function (background) {\n      var match = background.style.backgroundImage.match(\/url\\([\"']?(.*?)[\"']?\\)\/);\n      if (match && match[1]) { var image = new Image(); image.src = match[1]; }\n    });\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16.png\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16.png 1536w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16-1280x853.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16-980x653.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-17_22_16-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1536px, 100vw\" class=\"wp-image-335202\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_8 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Kirchberg<br \/>entre ville<br \/>et nature<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_image_2 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386.png\" width=\"2250\" height=\"753\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386.png 2250w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-1280x428.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-980x328.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/Design-sans-titre-2026-08-12T135706.386-480x161.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 2250px, 100vw\" class=\"wp-image-94\" \/><\/span><\/div>\n\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"#projet\" class=\"kiem-dark-link\">\n\n    <span class=\"kiem-dark-link__icon\">\n        <span class=\"kiem-dark-link__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-dark-link__label-wrap\">\n        <span class=\"kiem-dark-link__label\">\n            EN SAVOIR PLUS\n        <\/span>\n\n        <span class=\"kiem-dark-link__underline\"><\/span>\n    <\/span>\n\n<\/a>\n\n\n<style>\n\n.kiem-dark-link {\n    --white: #F7F3EA;\n    --accent: #A9BC94;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 12px;\n\n    padding: 4px 0;\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    color: var(--white) !important;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* IC\u00d4NE *\/\n\n.kiem-dark-link__icon {\n    width: 32px;\n    height: 32px;\n\n    flex: 0 0 32px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\n\/* FL\u00c8CHE *\/\n\n.kiem-dark-link__arrow {\n    display: inline-block;\n\n    color: var(--white);\n\n    font-size: 20px;\n    font-weight: 300;\n\n    line-height: 1;\n\n    transition:\n        color .35s ease,\n        transform .45s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* BLOC TEXTE *\/\n\n.kiem-dark-link__label-wrap {\n    display: inline-flex;\n    flex-direction: column;\n\n    align-items: stretch;\n\n    gap: 7px;\n}\n\n\n\/* TEXTE *\/\n\n.kiem-dark-link__label {\n    color: var(--white) !important;\n\n    font-size: 13px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .20em;\n\n    white-space: nowrap;\n\n    transition:\n        color .35s ease,\n        transform .45s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* SOULIGNEMENT R\u00c9EL *\/\n\n.kiem-dark-link__underline {\n    display: block !important;\n\n    width: 100% !important;\n    height: 1px !important;\n\n    min-height: 1px;\n\n    background: rgba(247,243,234,.80) !important;\n\n    transform:\n        scaleX(1);\n\n    transform-origin:\n        left center;\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1),\n        background-color .35s ease;\n}\n\n\n\/* HOVER *\/\n\n.kiem-dark-link:hover {\n    transform:\n        translateX(3px);\n}\n\n\n.kiem-dark-link:hover\n.kiem-dark-link__arrow {\n    color:\n        var(--accent);\n\n    transform:\n        translateX(5px);\n}\n\n\n.kiem-dark-link:hover\n.kiem-dark-link__label {\n    color:\n        #FFFFFF !important;\n\n    transform:\n        translateX(2px);\n}\n\n\n.kiem-dark-link:hover\n.kiem-dark-link__underline {\n    transform:\n        scaleX(.78);\n\n    transform-origin:\n        right center;\n\n    background:\n        var(--accent) !important;\n}\n\n\n\/* FOCUS *\/\n\n.kiem-dark-link:focus-visible {\n    outline:\n        1px solid var(--accent);\n\n    outline-offset:\n        6px;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n    .kiem-dark-link {\n        gap: 10px;\n    }\n\n\n    .kiem-dark-link__icon {\n        width: 28px;\n        height: 28px;\n\n        flex-basis: 28px;\n    }\n\n\n    .kiem-dark-link__arrow {\n        font-size: 18px;\n    }\n\n\n    .kiem-dark-link__label {\n        font-size: 11px;\n\n        letter-spacing: .18em;\n    }\n\n\n    .kiem-dark-link__label-wrap {\n        gap: 6px;\n    }\n\n}\n\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-dark-link,\n    .kiem-dark-link__arrow,\n    .kiem-dark-link__label,\n    .kiem-dark-link__underline {\n        transition: none !important;\n    }\n\n}\n\n<\/style><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_3 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4.png\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4.png 1536w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4-1280x853.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4-980x653.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-4-480x320.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1536px, 100vw\" class=\"wp-image-335230\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_10 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_4 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-6.png\" title=\"260331_Kiem-View-Descriptif-FR_VF.pdf (6)\" width=\"756\" height=\"1590\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-6.png 756w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/260331_Kiem-View-Descriptif-FR_VF.pdf-6-480x1010.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 756px, 100vw\" class=\"wp-image-335204\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_11 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_5 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-2.png\" width=\"756\" height=\"1590\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-2.png 756w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/1-2-480x1010.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 756px, 100vw\" class=\"wp-image-335206\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_12 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_6 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-2.png\" width=\"756\" height=\"1590\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-2.png 756w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/08\/2-2-480x1010.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 756px, 100vw\" class=\"wp-image-335207\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_13 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>LA MAISON DE VOS R\u00caVES<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>Vivre au Kirchberg : questions et r\u00e9ponses<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Une adresse ne se r\u00e9sume jamais \u00e0 une carte. \u00c9changeons autour du projet et de votre future maison.<\/p>\n<\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_14 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"kiem-faq\">\n\n    <!-- QUESTION 1 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>O\u00f9 trouver une maison \u00e0 vendre au Kirchberg ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                KiemView propose quatre maisons contemporaines situ\u00e9es \u00e0 Weimershof,\n                en contrebas du Kirchberg, au Sentier de Bricherhof \u00e0 Luxembourg.\n                Le projet b\u00e9n\u00e9ficie d\u2019un environnement r\u00e9sidentiel et verdoyant\n                tout en restant \u00e0 proximit\u00e9 imm\u00e9diate du quartier du Kirchberg.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 2 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Pourquoi acheter une maison au Kirchberg \u00e0 Luxembourg ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Acheter une maison au Kirchberg permet de profiter d\u2019un secteur\n                particuli\u00e8rement recherch\u00e9 de Luxembourg, proche des institutions\n                europ\u00e9ennes, commerces, infrastructures culturelles, \u00e9coles et\n                principaux axes de mobilit\u00e9. Avec KiemView, cette proximit\u00e9\n                s\u2019accompagne d\u2019un cadre plus calme et r\u00e9sidentiel \u00e0 Weimershof.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 3 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Combien de maisons sont \u00e0 vendre dans le projet KiemView ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                KiemView est un projet r\u00e9sidentiel exclusif compos\u00e9 de seulement\n                quatre maisons contemporaines. Cette configuration \u00e0 taille humaine\n                permet de pr\u00e9server le caract\u00e8re intimiste du projet et son\n                int\u00e9gration dans l\u2019environnement r\u00e9sidentiel de Weimershof.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 4 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Quelles sont les superficies des maisons KiemView ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                 Les maisons proposent des surfaces brutes allant de 268 \u00e0 357 m\u00b2, selon la configuration choisie.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 5 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>KiemView se situe-t-il directement au Kirchberg ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                KiemView se situe \u00e0 Weimershof, en contrebas du Kirchberg,\n                au Sentier de Bricherhof, L-1221 Luxembourg.\n                Cette localisation permet de profiter de la proximit\u00e9 imm\u00e9diate\n                du Kirchberg tout en b\u00e9n\u00e9ficiant d\u2019une rue sans issue\n                et d\u2019un environnement plus paisible et verdoyant.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 6 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Les maisons KiemView sont-elles personnalisables ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Plusieurs possibilit\u00e9s d\u2019agencement et de finitions permettent\n                d\u2019adapter chaque maison \u00e0 votre mode de vie.\n                Selon l\u2019avancement du projet et la maison concern\u00e9e,\n                certains choix peuvent notamment porter sur l\u2019organisation\n                des espaces, les mat\u00e9riaux et les finitions int\u00e9rieures.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 7 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Quels sont les avantages de vivre pr\u00e8s du Kirchberg ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Le Kirchberg concentre de nombreux services, commerces,\n                institutions europ\u00e9ennes, \u00e9quipements sportifs et lieux culturels.\n                Depuis KiemView, la Philharmonie, le Mudam, la Coque,\n                l\u2019Universit\u00e9 et plusieurs p\u00f4les d\u2019activit\u00e9 sont accessibles\n                rapidement, tout en conservant un cadre de vie r\u00e9sidentiel.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 8 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Comment se d\u00e9placer depuis KiemView et le Kirchberg ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Le projet b\u00e9n\u00e9ficie d\u2019une excellente accessibilit\u00e9.\n                Les axes autoroutiers sont accessibles en environ 3 minutes,\n                l\u2019arr\u00eat de tram Universit\u00e9it en environ 6 minutes,\n                l\u2019a\u00e9roport en environ 10 minutes et la Gare Centrale\n                en environ 20 minutes en tram.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 9 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Quel est le prix d\u2019une maison \u00e0 vendre au Kirchberg dans KiemView ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Les prix d\u00e9pendent de la maison, de sa superficie,\n                de sa configuration et de ses caract\u00e9ristiques.\n                Pour conna\u00eetre les prix actualis\u00e9s du projet KiemView,\n                nous vous invitons \u00e0 prendre directement contact avec notre \u00e9quipe.\n            <\/p>\n        <\/div>\n    <\/details>\n\n\n    <!-- QUESTION 10 -->\n    <details class=\"kiem-faq-item\">\n        <summary>\n            <h3>Comment recevoir les plans, prix et disponibilit\u00e9s des maisons ?<\/h3>\n            <span class=\"kiem-faq-plus\"><\/span>\n        <\/summary>\n\n        <div class=\"kiem-faq-answer\">\n            <p>\n                Vous pouvez contacter directement notre \u00e9quipe afin de recevoir\n                la documentation compl\u00e8te du projet : plans des maisons,\n                superficies, configurations, informations commerciales,\n                prix et disponibilit\u00e9s actualis\u00e9es.\n            <\/p>\n        <\/div>\n    <\/details>\n\n<\/div>\n\n\n<style>\n\n\/* ==================================================\n   KIEMVIEW \u2014 FAQ SEO\n   H3 = QUESTIONS\n================================================== *\/\n\n.kiem-faq {\n    width: 100%;\n    max-width: 100%;\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    border-top: 1px solid rgba(247,243,234,.25);\n}\n\n\n\/* ==================================================\n   ITEM\n================================================== *\/\n\n.kiem-faq-item {\n    margin: 0;\n    padding: 0;\n\n    border-bottom: 1px solid rgba(247,243,234,.25);\n}\n\n\n\/* ==================================================\n   SUMMARY \/ QUESTION\n================================================== *\/\n\n.kiem-faq-item summary {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding: 20px 4px;\n\n    cursor: pointer;\n\n    list-style: none;\n\n    color: #F7F3EA;\n\n    transition:\n        color .3s ease,\n        padding-left .4s cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* Suppression fl\u00e8che native *\/\n\n.kiem-faq-item summary::-webkit-details-marker {\n    display: none;\n}\n\n.kiem-faq-item summary::marker {\n    display: none;\n}\n\n\n\/* ==================================================\n   H3 \u2014 IMPORTANT POUR DIVI\n================================================== *\/\n\n.kiem-faq-item summary h3 {\n    flex: 1;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: inherit !important;\n\n    font-family: \"Hind Siliguri\", sans-serif !important;\n\n    font-size: 17px !important;\n    font-weight: 400 !important;\n\n    line-height: 1.3 !important;\n\n    letter-spacing: 0 !important;\n\n    text-transform: none !important;\n\n    transition: color .3s ease;\n}\n\n\n\/* ==================================================\n   HOVER\n================================================== *\/\n\n.kiem-faq-item summary:hover {\n    color: #A9BC94;\n\n    padding-left: 9px;\n}\n\n\n\/* ==================================================\n   PLUS\n================================================== *\/\n\n.kiem-faq-plus {\n    position: relative;\n\n    width: 22px;\n    height: 22px;\n\n    flex: 0 0 22px;\n}\n\n\n.kiem-faq-plus::before,\n.kiem-faq-plus::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 14px;\n    height: 1px;\n\n    background: #A9BC94;\n\n    transform: translate(-50%, -50%);\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1),\n        background .3s ease;\n}\n\n\n.kiem-faq-plus::after {\n    transform:\n        translate(-50%, -50%)\n        rotate(90deg);\n}\n\n\n\/* ==================================================\n   ITEM OUVERT\n================================================== *\/\n\n.kiem-faq-item[open] .kiem-faq-plus::after {\n    transform:\n        translate(-50%, -50%)\n        rotate(0deg);\n}\n\n\n.kiem-faq-item[open] summary {\n    color: #A9BC94;\n\n    padding-left: 9px;\n}\n\n\n\/* ==================================================\n   R\u00c9PONSE\n================================================== *\/\n\n.kiem-faq-answer {\n    max-width: 92%;\n\n    padding:\n        0\n        50px\n        22px\n        9px;\n\n    color: rgba(247,243,234,.74);\n\n    font-family: \"Hind Siliguri\", sans-serif;\n\n    font-size: 15px;\n    font-weight: 300;\n\n    line-height: 1.65;\n\n    animation:\n        kiemFaqReveal\n        .45s\n        cubic-bezier(.22,1,.36,1);\n}\n\n\n\/* RESET P DIVI *\/\n\n.kiem-faq-answer p {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: inherit !important;\n\n    font-family: inherit !important;\n\n    font-size: inherit !important;\n    font-weight: inherit !important;\n\n    line-height: inherit !important;\n}\n\n\n\/* ==================================================\n   ANIMATION\n================================================== *\/\n\n@keyframes kiemFaqReveal {\n\n    from {\n        opacity: 0;\n        transform: translateY(-6px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n}\n\n\n\/* ==================================================\n   ACCESSIBILIT\u00c9\n================================================== *\/\n\n.kiem-faq-item summary:focus-visible {\n    outline: 1px solid #A9BC94;\n    outline-offset: 5px;\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .kiem-faq-item summary {\n        padding: 17px 2px;\n\n        gap: 20px;\n    }\n\n\n    .kiem-faq-item summary h3 {\n        font-size: 16px !important;\n        line-height: 1.35 !important;\n    }\n\n\n    .kiem-faq-item summary:hover,\n    .kiem-faq-item[open] summary {\n        padding-left: 5px;\n    }\n\n\n    .kiem-faq-answer {\n        max-width: 100%;\n\n        padding:\n            0\n            30px\n            19px\n            5px;\n\n        font-size: 14px;\n\n        line-height: 1.6;\n    }\n\n\n    .kiem-faq-plus {\n        width: 20px;\n        height: 20px;\n\n        flex: 0 0 20px;\n    }\n\n}\n\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"difl_page_category":[],"class_list":["post-23","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Localisation - KiemView<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Localisation - KiemView\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiemview.testpw.link\/en\/localisation\/\" \/>\n<meta property=\"og:site_name\" content=\"KiemView\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-02T12:37:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/localisation\\\/\",\"url\":\"https:\\\/\\\/kiemview.testpw.link\\\/localisation\\\/\",\"name\":\"Localisation - KiemView\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#website\"},\"datePublished\":\"2026-08-12T09:17:44+00:00\",\"dateModified\":\"2026-10-02T12:37:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/localisation\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kiemview.testpw.link\\\/localisation\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/localisation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kiemview.testpw.link\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Localisation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#website\",\"url\":\"https:\\\/\\\/kiemview.testpw.link\\\/\",\"name\":\"KiemView\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kiemview.testpw.link\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Location - KiemView","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"Localisation - KiemView","og_url":"https:\/\/kiemview.testpw.link\/en\/localisation\/","og_site_name":"KiemView","article_modified_time":"2026-10-02T12:37:11+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiemview.testpw.link\/localisation\/","url":"https:\/\/kiemview.testpw.link\/localisation\/","name":"Location - KiemView","isPartOf":{"@id":"https:\/\/kiemview.testpw.link\/#website"},"datePublished":"2026-08-12T09:17:44+00:00","dateModified":"2026-10-02T12:37:11+00:00","breadcrumb":{"@id":"https:\/\/kiemview.testpw.link\/localisation\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiemview.testpw.link\/localisation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiemview.testpw.link\/localisation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kiemview.testpw.link\/"},{"@type":"ListItem","position":2,"name":"Localisation"}]},{"@type":"WebSite","@id":"https:\/\/kiemview.testpw.link\/#website","url":"https:\/\/kiemview.testpw.link\/","name":"KiemView","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiemview.testpw.link\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":202,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":335795,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/23\/revisions\/335795"}],"wp:attachment":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"difl_page_category","embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/difl_page_category?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}