{"id":17,"date":"2026-08-12T09:17:14","date_gmt":"2026-08-12T09:17:14","guid":{"rendered":"https:\/\/kiemview.testpw.link\/?page_id=17"},"modified":"2026-09-29T12:36:12","modified_gmt":"2026-09-29T12:36:12","slug":"the-project","status":"publish","type":"page","link":"https:\/\/kiemview.testpw.link\/en\/le-projet\/","title":{"rendered":"The Project"},"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_code_0 et_pb_code et_pb_text_align_left et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,wght@1,500&family=Hind+Siliguri:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<h1 class=\"kiem-project-hero-title\">\n  <span class=\"kiem-project-hero-title__fr\" lang=\"fr\">\n    <span class=\"kiem-project-hero-title__main\">\n      Un projet immobilier de prestige\n    <\/span>\n    <span class=\"kiem-project-hero-title__place\">\n      au c\u0153ur du Kirchberg\n    <\/span>\n  <\/span>\n\n  <span class=\"kiem-project-hero-title__en\" lang=\"en\">\n    <span class=\"kiem-project-hero-title__main\">\n      A prestigious residential development\n    <\/span>\n    <span class=\"kiem-project-hero-title__place\">\n      in the heart of Kirchberg\n    <\/span>\n  <\/span>\n<\/h1>\n\n<style>\n\/* =========================================================\n   TITRE HERO \u2014 PAGE LE PROJET\n========================================================= *\/\n\n.kiem-project-hero-title {\n  display: block !important;\n  width: 100% !important;\n  max-width: 1150px !important;\n\n  margin: 0 0 0 auto !important;\n  padding: 0 0 18px !important;\n\n  color: #f5f1e8 !important;\n  text-align: right !important;\n  text-transform: none !important;\n}\n\n\/* Fran\u00e7ais par d\u00e9faut *\/\n.kiem-project-hero-title__fr {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n\/* Anglais masqu\u00e9 par d\u00e9faut *\/\n.kiem-project-hero-title__en {\n  display: none;\n}\n\n\/* Affichage de l\u2019anglais sur la version EN *\/\nhtml[lang^=\"en\"] .kiem-project-hero-title__fr {\n  display: none;\n}\n\nhtml[lang^=\"en\"] .kiem-project-hero-title__en {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n\/* Premi\u00e8re ligne *\/\n.kiem-project-hero-title__main {\n  display: block !important;\n  align-self: flex-end !important;\n\n  width: auto !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #f5f1e8 !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(62px, 5.2vw, 82px) !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: .94em !important;\n  letter-spacing: -3.4px !important;\n  text-align: right !important;\n  text-transform: none !important;\n  white-space: nowrap !important;\n}\n\n\/* Deuxi\u00e8me ligne *\/\n.kiem-project-hero-title__place {\n  display: block !important;\n  align-self: flex-end !important;\n\n  width: auto !important;\n  max-width: 100% !important;\n  margin: 7px 0 0 !important;\n  padding: 0 0 9px !important;\n\n  color: #f5f1e8 !important;\n  font-family: \"Bodoni Moda\", Georgia, serif !important;\n  font-size: clamp(62px, 5.2vw, 82px) !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: .98em !important;\n  letter-spacing: -3.4px !important;\n  text-align: right !important;\n  text-transform: none !important;\n  white-space: nowrap !important;\n}\n\n\/* La premi\u00e8re ligne anglaise est plus longue. *\/\nhtml[lang^=\"en\"] .kiem-project-hero-title__main {\n  font-size: clamp(48px, 4.1vw, 66px) !important;\n  letter-spacing: -2.5px !important;\n}\n\n\/* Priorit\u00e9 sur les styles Divi *\/\n.kiem-project-hero-title,\n.kiem-project-hero-title span {\n  color: #f5f1e8 !important;\n  text-align: right !important;\n}\n\n.et_pb_module:has(.kiem-project-hero-title),\n.et_pb_code:has(.kiem-project-hero-title),\n.et_pb_code_inner:has(.kiem-project-hero-title) {\n  text-align: right !important;\n}\n\n\/* \u00c9crans interm\u00e9diaires *\/\n@media (max-width: 1200px) {\n  .kiem-project-hero-title {\n    max-width: 950px !important;\n  }\n\n  .kiem-project-hero-title__main,\n  .kiem-project-hero-title__place {\n    font-size: clamp(54px, 5.5vw, 70px) !important;\n    letter-spacing: -2.8px !important;\n  }\n\n  html[lang^=\"en\"] .kiem-project-hero-title__main {\n    font-size: clamp(43px, 4.4vw, 56px) !important;\n    letter-spacing: -2px !important;\n  }\n}\n\n\/* Tablette *\/\n@media (max-width: 980px) {\n  .kiem-project-hero-title {\n    max-width: 800px !important;\n    padding-bottom: 14px !important;\n  }\n\n  .kiem-project-hero-title__main,\n  .kiem-project-hero-title__place {\n    font-size: clamp(47px, 6vw, 60px) !important;\n    letter-spacing: -2.2px !important;\n  }\n\n  .kiem-project-hero-title__place {\n    margin-top: 6px !important;\n  }\n\n  html[lang^=\"en\"] .kiem-project-hero-title__main {\n    font-size: clamp(38px, 4.8vw, 49px) !important;\n    letter-spacing: -1.8px !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .kiem-project-hero-title {\n    max-width: 100% !important;\n    padding-bottom: 10px !important;\n    text-align: right !important;\n  }\n\n  .kiem-project-hero-title__main {\n    max-width: 100% !important;\n    font-size: clamp(43px, 11vw, 56px) !important;\n    line-height: .96em !important;\n    letter-spacing: -1.9px !important;\n    white-space: normal !important;\n  }\n\n  .kiem-project-hero-title__place {\n    max-width: 100% !important;\n    margin-top: 7px !important;\n    font-size: clamp(41px, 10.5vw, 53px) !important;\n    line-height: 1em !important;\n    letter-spacing: -1.8px !important;\n    white-space: normal !important;\n  }\n\n  html[lang^=\"en\"] .kiem-project-hero-title__main {\n    font-size: clamp(39px, 9.5vw, 50px) !important;\n    letter-spacing: -1.6px !important;\n  }\n}\n\n\/* Petits mobiles *\/\n@media (max-width: 390px) {\n  .kiem-project-hero-title__main {\n    font-size: clamp(38px, 10.2vw, 47px) !important;\n  }\n\n  .kiem-project-hero-title__place {\n    font-size: clamp(36px, 9.7vw, 45px) !important;\n  }\n\n  html[lang^=\"en\"] .kiem-project-hero-title__main {\n    font-size: clamp(35px, 8.9vw, 42px) !important;\n  }\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n\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_0 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_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 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_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,wght@1,500&family=Hind+Siliguri:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<section class=\"kiem-progress\">\n  <div class=\"kiem-progress__heading\">\n    <div class=\"kiem-progress__title\">\n      <span class=\"kiem-progress__eyebrow\">\n        <span class=\"kiem-progress__fr\" lang=\"fr\">Avancement du projet<\/span>\n        <span class=\"kiem-progress__en\" lang=\"en\">Project progress<\/span>\n      <\/span>\n\n      <h2>\n        <span class=\"kiem-progress__fr\" lang=\"fr\">\n          <span>Un projet qui<\/span>\n          <em>prend forme.<\/em>\n        <\/span>\n        <span class=\"kiem-progress__en\" lang=\"en\">\n          <span>A project<\/span>\n          <em>taking shape.<\/em>\n        <\/span>\n      <\/h2>\n    <\/div>\n\n    <p class=\"kiem-progress__introduction\">\n      <span class=\"kiem-progress__fr\" lang=\"fr\">\n        De l\u2019obtention du permis \u00e0 la remise des cl\u00e9s, chaque \u00e9tape du projet avance avec pr\u00e9cision.\n      <\/span>\n      <span class=\"kiem-progress__en\" lang=\"en\">\n        From planning permission to the handover of the keys, every stage is carefully managed.\n      <\/span>\n    <\/p>\n  <\/div>\n\n  <div class=\"kiem-progress__steps\">\n    <div class=\"kiem-progress__track\" aria-hidden=\"true\">\n      <span class=\"kiem-progress__track-done\"><\/span>\n      <span class=\"kiem-progress__track-light\"><\/span>\n    <\/div>\n\n    <article class=\"kiem-progress__step kiem-progress__step--done\">\n      <div class=\"kiem-progress__step-top\">\n        <span class=\"kiem-progress__number\">01<\/span>\n        <span class=\"kiem-progress__indicator\" aria-hidden=\"true\"><i>\u2713<\/i><\/span>\n      <\/div>\n      <div class=\"kiem-progress__step-content\">\n        <h3>\n          <span class=\"kiem-progress__fr\" lang=\"fr\">Permis obtenu<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Planning permission granted<\/span>\n        <\/h3>\n        <span class=\"kiem-progress__status\">\n          <span class=\"kiem-progress__fr\" lang=\"fr\">\u00c9tape valid\u00e9e<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Completed<\/span>\n        <\/span>\n      <\/div>\n    <\/article>\n\n    <article class=\"kiem-progress__step kiem-progress__step--done\">\n      <div class=\"kiem-progress__step-top\">\n        <span class=\"kiem-progress__number\">02<\/span>\n        <span class=\"kiem-progress__indicator\" aria-hidden=\"true\"><i>\u2713<\/i><\/span>\n      <\/div>\n      <div class=\"kiem-progress__step-content\">\n        <h3>\n          <span class=\"kiem-progress__fr\" lang=\"fr\">Commercialisation<br>en cours<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Sales<br>underway<\/span>\n        <\/h3>\n      <\/div>\n    <\/article>\n\n    <article class=\"kiem-progress__step kiem-progress__step--current\">\n      <div class=\"kiem-progress__step-top\">\n        <span class=\"kiem-progress__number\">03<\/span>\n        <span class=\"kiem-progress__indicator\" aria-hidden=\"true\"><i><\/i><\/span>\n      <\/div>\n      <div class=\"kiem-progress__step-content\">\n        <span class=\"kiem-progress__current-label\">\n          <span class=\"kiem-progress__fr\" lang=\"fr\">\u00c9tape actuelle<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Current stage<\/span>\n        <\/span>\n        <h3>\n          <span class=\"kiem-progress__fr\" lang=\"fr\">Construction<br>imminente<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Construction<br>starting soon<\/span>\n        <\/h3>\n      <\/div>\n    <\/article>\n\n    <article class=\"kiem-progress__step kiem-progress__step--future\">\n      <div class=\"kiem-progress__step-top\">\n        <span class=\"kiem-progress__number\">04<\/span>\n        <span class=\"kiem-progress__indicator\" aria-hidden=\"true\"><i><\/i><\/span>\n      <\/div>\n      <div class=\"kiem-progress__step-content\">\n        <h3>\n          <span class=\"kiem-progress__fr\" lang=\"fr\">Livraison pr\u00e9vue<\/span>\n          <span class=\"kiem-progress__en\" lang=\"en\">Scheduled completion<\/span>\n        <\/h3>\n        <strong class=\"kiem-progress__year\">2028<\/strong>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\n\n<style>\n\/* LANGUES *\/\n.kiem-progress .kiem-progress__en {\n  display: none !important;\n}\n\nhtml[lang^=\"en\"] .kiem-progress .kiem-progress__fr {\n  display: none !important;\n}\n\nhtml[lang^=\"en\"] .kiem-progress .kiem-progress__en {\n  display: inline !important;\n}\n\n\/* Le titre garde ses deux lignes dans les deux langues. *\/\n.kiem-progress__heading h2 .kiem-progress__fr > span,\n.kiem-progress__heading h2 .kiem-progress__en > span,\n.kiem-progress__heading h2 .kiem-progress__fr > em,\n.kiem-progress__heading h2 .kiem-progress__en > em {\n  display: block !important;\n}\n\n\/* BLOC PRINCIPAL *\/\n.kiem-progress {\n  --green: #3d5640;\n  --green-light: #456149;\n  --green-deep: #344a37;\n  --accent: #afc597;\n  --cream: #f5f1e8;\n  --line: rgba(245, 241, 232, .18);\n\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  margin: 0;\n  padding:\n    clamp(50px, 5vw, 76px)\n    clamp(30px, 5vw, 75px)\n    clamp(46px, 5vw, 70px);\n  overflow: hidden;\n  color: var(--cream);\n  background: linear-gradient(\n    135deg,\n    var(--green-light) 0%,\n    var(--green) 55%,\n    var(--green-deep) 100%\n  );\n  border-radius: 0 72px 0 72px;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n}\n\n.kiem-progress *,\n.kiem-progress *::before,\n.kiem-progress *::after {\n  box-sizing: border-box;\n}\n\n.kiem-progress::before {\n  content: \"\";\n  position: absolute;\n  top: -280px;\n  right: -180px;\n  z-index: -1;\n  width: 540px;\n  height: 540px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(175, 197, 151, .12) 0%,\n    rgba(175, 197, 151, 0) 68%\n  );\n  pointer-events: none;\n}\n\n\/* EN-T\u00caTE *\/\n.kiem-progress__heading {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 60px;\n  margin-bottom: clamp(50px, 5.5vw, 76px);\n}\n\n.kiem-progress__title {\n  width: 100%;\n  max-width: 620px;\n  margin: 0;\n  padding: 0;\n  text-align: left !important;\n}\n\n.kiem-progress__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin: 0 0 20px !important;\n  padding: 0 !important;\n  color: var(--accent) !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 11px !important;\n  font-style: normal !important;\n  font-weight: 500 !important;\n  line-height: 1.2 !important;\n  letter-spacing: .21em !important;\n  text-align: left !important;\n  text-transform: uppercase !important;\n}\n\n.kiem-progress__eyebrow::before {\n  content: \"\";\n  display: block;\n  width: 38px;\n  height: 1px;\n  background: currentColor;\n}\n\n.kiem-progress__heading h2 {\n  display: block !important;\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cream) !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(45px, 4vw, 62px) !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: .96em !important;\n  letter-spacing: -2px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n.kiem-progress__heading h2 em {\n  position: relative;\n  left: -3px;\n  margin: 0 !important;\n  padding: 0 0 5px !important;\n  color: var(--accent) !important;\n  font-family: \"Bodoni Moda\", Georgia, serif !important;\n  font-size: 1em !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: .98em !important;\n  letter-spacing: -2.5px !important;\n  text-align: left !important;\n  text-transform: none !important;\n  white-space: nowrap;\n}\n\n.kiem-progress__introduction {\n  width: 100%;\n  max-width: 410px;\n  margin: 0 0 3px !important;\n  padding: 0 !important;\n  color: rgba(245, 241, 232, .78) !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 20px !important;\n  font-style: normal !important;\n  font-weight: 350 !important;\n  line-height: 1.4em !important;\n  letter-spacing: -.5px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n\/* GRILLE ET LIGNE DE PROGRESSION *\/\n.kiem-progress__steps {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n}\n\n.kiem-progress__track {\n  position: absolute;\n  top: -2px;\n  left: 0;\n  z-index: 5;\n  width: 100%;\n  height: 4px;\n  overflow: visible;\n  pointer-events: none;\n}\n\n.kiem-progress__track-done {\n  position: absolute;\n  top: 1px;\n  left: 0;\n  width: 66.666%;\n  height: 1px;\n  background: var(--accent);\n}\n\n.kiem-progress__track-light {\n  position: absolute;\n  top: 0;\n  left: -120px;\n  width: 120px;\n  height: 3px;\n  opacity: 0;\n  border-radius: 100px;\n  background: linear-gradient(\n    90deg,\n    rgba(245, 241, 232, 0),\n    rgba(245, 241, 232, .25) 20%,\n    rgba(245, 241, 232, .95) 50%,\n    rgba(175, 197, 151, .65) 68%,\n    rgba(175, 197, 151, 0)\n  );\n  box-shadow:\n    0 0 7px rgba(245, 241, 232, .75),\n    0 0 14px rgba(175, 197, 151, .55),\n    0 0 24px rgba(175, 197, 151, .25);\n  filter: blur(.15px);\n  will-change: left, opacity;\n  animation:\n    kiemProgressLightPremium\n    8s\n    cubic-bezier(.45, 0, .2, 1)\n    infinite;\n}\n\n@keyframes kiemProgressLightPremium {\n  0% {\n    left: -120px;\n    opacity: 0;\n  }\n  8% {\n    left: -120px;\n    opacity: 1;\n  }\n  58% {\n    left: calc(66.666% - 60px);\n    opacity: 1;\n  }\n  64% {\n    left: calc(66.666% - 60px);\n    opacity: .55;\n  }\n  70% {\n    left: calc(66.666% - 60px);\n    opacity: 1;\n  }\n  84% {\n    left: -120px;\n    opacity: 1;\n  }\n  90%, 100% {\n    left: -120px;\n    opacity: 0;\n  }\n}\n\n\/* \u00c9TAPES *\/\n.kiem-progress__step {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 230px;\n  padding: 28px clamp(18px, 2.3vw, 34px) 31px;\n  overflow: hidden;\n  border-right: 1px solid var(--line);\n  transition:\n    background-color .45s ease,\n    padding-left .5s cubic-bezier(.22, 1, .36, 1);\n}\n\n.kiem-progress__step:last-child {\n  border-right: 0;\n}\n\n.kiem-progress__step:hover {\n  padding-left: clamp(23px, 2.7vw, 41px);\n  background: rgba(245, 241, 232, .035);\n}\n\n.kiem-progress__step-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 42px;\n}\n\n.kiem-progress__number {\n  display: block;\n  margin: 0;\n  padding: 0;\n  color: var(--accent);\n  font-family: \"Bodoni Moda\", Georgia, serif !important;\n  font-size: 16px !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: -.5px !important;\n}\n\n.kiem-progress__indicator {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: 31px;\n  height: 31px;\n  flex: 0 0 31px;\n  border: 1px solid rgba(245, 241, 232, .31);\n}\n\n.kiem-progress__indicator::before {\n  content: \"\";\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  width: 13px;\n  height: 13px;\n  border-top: 1px solid var(--accent);\n  border-right: 1px solid var(--accent);\n  opacity: .55;\n}\n\n.kiem-progress__indicator i {\n  color: var(--accent);\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 13px !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  line-height: 1 !important;\n}\n\n.kiem-progress__step-content {\n  position: relative;\n  margin-top: auto;\n}\n\n.kiem-progress__step h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cream) !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: clamp(21px, 1.65vw, 25px) !important;\n  font-style: normal !important;\n  font-weight: 350 !important;\n  line-height: 1.18em !important;\n  letter-spacing: -.5px !important;\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n.kiem-progress__status {\n  display: block;\n  margin: 15px 0 0 !important;\n  padding: 0 !important;\n  color: rgba(245, 241, 232, .55) !important;\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 10px !important;\n  font-style: normal !important;\n  font-weight: 500 !important;\n  line-height: 1.3 !important;\n  letter-spacing: .16em !important;\n  text-align: left !important;\n  text-transform: uppercase !important;\n}\n\n.kiem-progress__step--current {\n  background: linear-gradient(\n    145deg,\n    rgba(175, 197, 151, .15),\n    rgba(175, 197, 151, .035)\n  );\n}\n\n.kiem-progress__step--current::after {\n  content: \"\";\n  position: absolute;\n  top: 28px;\n  bottom: 28px;\n  left: 0;\n  width: 2px;\n  background: var(--accent);\n}\n\n.kiem-progress__step--current .kiem-progress__indicator {\n  border-color: var(--accent);\n  box-shadow: 0 0 0 6px rgba(175, 197, 151, .08);\n}\n\n.kiem-progress__step--current .kiem-progress__indicator i {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--accent);\n  animation: kiemProgressPulse 2.8s ease-out infinite;\n}\n\n@keyframes kiemProgressPulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(175, 197, 151, .50);\n  }\n  70%, 100% {\n    box-shadow: 0 0 0 12px rgba(175, 197, 151, 0);\n  }\n}\n\n.kiem-progress__current-label {\n  display: inline-flex;\n  margin: 0 0 12px !important;\n  padding: 6px 9px 5px !important;\n  color: var(--accent) !important;\n  border: 1px solid rgba(175, 197, 151, .35);\n  font-family: \"Hind Siliguri\", Arial, sans-serif !important;\n  font-size: 9px !important;\n  font-style: normal !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: .15em !important;\n  text-transform: uppercase !important;\n}\n\n.kiem-progress__step--current h3 {\n  font-weight: 400 !important;\n}\n\n.kiem-progress__step--future {\n  opacity: .72;\n}\n\n.kiem-progress__step--future .kiem-progress__indicator i {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: rgba(245, 241, 232, .55);\n}\n\n.kiem-progress__year {\n  display: block;\n  margin: 8px 0 0 !important;\n  padding: 0 0 3px !important;\n  color: var(--accent) !important;\n  font-family: \"Bodoni Moda\", Georgia, serif !important;\n  font-size: 31px !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: -1px !important;\n  text-align: left !important;\n}\n\n\/* TABLETTE *\/\n@media (max-width: 980px) {\n  .kiem-progress {\n    border-radius: 0 52px 0 52px;\n  }\n\n  .kiem-progress__heading {\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 22px;\n  }\n\n  .kiem-progress__introduction {\n    max-width: 540px;\n    font-size: 20px !important;\n  }\n\n  .kiem-progress__step {\n    min-height: 215px;\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n\n  .kiem-progress__step:hover {\n    padding-left: 18px;\n  }\n\n  .kiem-progress__step h3 {\n    font-size: 21px !important;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 767px) {\n  .kiem-progress {\n    padding: 40px 22px 36px;\n    border-radius: 0 38px 0 38px;\n  }\n\n  .kiem-progress__heading {\n    gap: 20px;\n    margin-bottom: 38px;\n  }\n\n  .kiem-progress__eyebrow {\n    margin-bottom: 17px !important;\n    font-size: 10px !important;\n  }\n\n  .kiem-progress__heading h2 {\n    font-size: clamp(36px, 10vw, 46px) !important;\n    line-height: .98em !important;\n    letter-spacing: -1.4px !important;\n  }\n\n  .kiem-progress__heading h2 em {\n    left: -2px;\n    letter-spacing: -1.7px !important;\n  }\n\n  .kiem-progress__introduction {\n    max-width: 100%;\n    font-size: 18px !important;\n    line-height: 1.4em !important;\n  }\n\n  .kiem-progress__steps {\n    grid-template-columns: 1fr;\n    border-left: 1px solid var(--line);\n    border-bottom: 0;\n  }\n\n  .kiem-progress__track {\n    top: 0;\n    bottom: 0;\n    left: -2px;\n    width: 4px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .kiem-progress__track-done {\n    top: 0;\n    left: 1px;\n    width: 1px;\n    height: 66.666%;\n  }\n\n  .kiem-progress__track-light {\n    display: none;\n  }\n\n  .kiem-progress__step {\n    display: grid;\n    grid-template-columns: 57px minmax(0, 1fr);\n    gap: 5px;\n    min-height: 145px;\n    padding: 23px 17px;\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .kiem-progress__step:last-child {\n    border-bottom: 1px solid var(--line);\n  }\n\n  .kiem-progress__step:hover {\n    padding-left: 17px;\n  }\n\n  .kiem-progress__step-top {\n    align-items: flex-start;\n    flex-direction: column;\n    margin: 0;\n  }\n\n  .kiem-progress__indicator {\n    width: 27px;\n    height: 27px;\n    margin-top: 17px;\n  }\n\n  .kiem-progress__step-content {\n    align-self: center;\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  .kiem-progress__step h3 {\n    font-size: 23px !important;\n    line-height: 1.18em !important;\n  }\n\n  .kiem-progress__step h3 br {\n    display: none;\n  }\n\n  .kiem-progress__status {\n    margin-top: 12px !important;\n  }\n\n  .kiem-progress__step--current::after {\n    top: 20px;\n    bottom: 20px;\n    left: -1px;\n  }\n}\n\n\/* ACCESSIBILIT\u00c9 *\/\n@media (prefers-reduced-motion: reduce) {\n  .kiem-progress__track-light,\n  .kiem-progress__step--current .kiem-progress__indicator i {\n    animation: none !important;\n  }\n\n  .kiem-progress__step {\n    transition: none !important;\n  }\n}\n<\/style><\/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_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 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_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\/09\/20260123-13.png\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-13.png 1920w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-13-1280x720.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-13-980x551.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-13-480x270.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) 1920px, 100vw\" class=\"wp-image-335492\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_4 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_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2>La gen\u00e8se<br \/>du projet<\/p>\n<h2>\n<\/div><\/div>\n\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\/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_2 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_5 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_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\/09\/20260123-7.png\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-7.png 1920w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-7-1280x720.png 1280w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-7-980x551.png 980w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/20260123-7-480x270.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) 1920px, 100vw\" class=\"wp-image-335490\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 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_text_2 et_pb_text et_pb_bg_layout_light et_animated et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p class=\"p1\">Un art de vivre rare au c\u0153ur du Kirchberg. Si le quartier s\u2019est impos\u00e9 par son dynamisme et son architecture contemporaine, le Weimershof a su pr\u00e9server l\u2019esprit d\u2019un village intime. C\u2019est dans ce cadre privil\u00e9gi\u00e9 que prend vie KiemView : quatre maisons familiales avec jardin privatif et garage, \u00e0 deux pas des institutions europ\u00e9ennes. Nich\u00e9es au bout du Sentier de Bricherhof, en lisi\u00e8re de for\u00eat et sans aucune circulation de transit, elles offrent le privil\u00e8ge absolu d\u2019un havre de paix au vert, en pleine ville.<\/p>\n<\/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_5 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_code_3 et_pb_code et_animated et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,wght@1,500&display=swap\" rel=\"stylesheet\">\n\n<h2 class=\"kiem-guarantees-title\">\n  <span class=\"kiem-guarantees-title__main\">\n    D\u00e9lais tenus,\n  <\/span>\n\n  <em class=\"kiem-guarantees-title__focus\">\n    garanties assur\u00e9es\n  <\/em>\n<\/h2>\n\n<style>\n.kiem-guarantees-title {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n\n  width: 100%;\n  max-width: 850px;\n\n  margin: 0 !important;\n  padding: 0 0 12px !important;\n\n  text-align: left !important;\n  text-transform: none !important;\n}\n\n.kiem-guarantees-title__main,\n.kiem-guarantees-title__focus {\n  display: block !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  font-size: clamp(43px, 4vw, 61px) !important;\n  line-height: 1em !important;\n\n  text-transform: none !important;\n}\n\n\n\/* Premi\u00e8re ligne *\/\n\n.kiem-guarantees-title__main {\n  color: #ffffff !important;\n\n  font-family: \"Hind Siliguri\", sans-serif !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n\n  letter-spacing: -2px !important;\n}\n\n\n\/* Deuxi\u00e8me ligne *\/\n\n.kiem-guarantees-title__focus {\n  margin-top: 5px !important;\n  padding: 0 0.04em 6px !important;\n\n  color: #ffffff !important;\n\n  font-family: \"Bodoni Moda\", serif !important;\n  font-style: italic !important;\n  font-weight: 500 !important;\n\n  letter-spacing: -2.5px !important;\n\n  white-space: nowrap;\n}\n\n\n\/* Tablette *\/\n\n@media (max-width: 980px) {\n  .kiem-guarantees-title__main,\n  .kiem-guarantees-title__focus {\n    font-size: clamp(39px, 6vw, 53px) !important;\n  }\n}\n\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .kiem-guarantees-title__main,\n  .kiem-guarantees-title__focus {\n    font-size: clamp(34px, 9vw, 44px) !important;\n    line-height: 1.04em !important;\n  }\n\n  .kiem-guarantees-title__main {\n    letter-spacing: -1.3px !important;\n  }\n\n  .kiem-guarantees-title__focus {\n    margin-top: 4px !important;\n    padding-left: 3px !important;\n\n    letter-spacing: -1.7px !important;\n  }\n}\n\n@media (max-width: 390px) {\n  .kiem-guarantees-title__main,\n  .kiem-guarantees-title__focus {\n    font-size: clamp(31px, 8.5vw, 37px) !important;\n  }\n}\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital,wght@1,500&family=Hind+Siliguri:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n\n<div class=\"kiem-warranties\" aria-label=\"Garanties du projet\">\n\n    <!-- GARANTIE 01 -->\n\n    <article class=\"kiem-warranty\">\n\n        <span class=\"kiem-warranty__number\">\n            01\n        <\/span>\n\n        <div class=\"kiem-warranty__content\">\n\n            <h3>Garantie d\u2019ach\u00e8vement<\/h3>\n\n            \n\n        <\/div>\n\n        <span class=\"kiem-warranty__arrow\" aria-hidden=\"true\">\n            \u2197\n        <\/span>\n\n    <\/article>\n\n\n    <!-- GARANTIE 02 -->\n\n    <article class=\"kiem-warranty\">\n\n        <span class=\"kiem-warranty__number\">\n            02\n        <\/span>\n\n        <div class=\"kiem-warranty__content\">\n\n            <h3>Garantie biennale<\/h3>\n\n          \n\n        <\/div>\n\n        <span class=\"kiem-warranty__duration\">\n            2 ans\n        <\/span>\n\n    <\/article>\n\n\n    <!-- GARANTIE 03 -->\n\n    <article class=\"kiem-warranty\">\n\n        <span class=\"kiem-warranty__number\">\n            03\n        <\/span>\n\n        <div class=\"kiem-warranty__content\">\n\n            <h3>Garantie d\u00e9cennale<\/h3>\n\n           \n\n        <\/div>\n\n        <span class=\"kiem-warranty__duration\">\n            10 ans\n        <\/span>\n\n    <\/article>\n\n\n    <!-- GARANTIE 04 -->\n\n    <article class=\"kiem-warranty kiem-warranty--control\">\n\n        <span class=\"kiem-warranty__number\">\n            04\n        <\/span>\n\n        <div class=\"kiem-warranty__content\">\n\n            <h3>Contr\u00f4le permanent du chantier<\/h3>\n\n          \n\n        <\/div>\n\n        <span class=\"kiem-warranty__approval\">\n            Agr\u00e9\u00e9\n        <\/span>\n\n    <\/article>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   KIEMVIEW \u2014 GARANTIES\n========================================================= *\/\n\n.kiem-warranties {\n    --cream: #f5f1e8;\n    --accent: #afc597;\n    --green-light: rgba(175, 197, 151, .09);\n    --line: rgba(245, 241, 232, .20);\n\n    position: relative;\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    border-top:\n        1px solid var(--line);\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n}\n\n\n.kiem-warranties *,\n.kiem-warranties *::before,\n.kiem-warranties *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CHAQUE GARANTIE\n========================================================= *\/\n\n.kiem-warranty {\n    position: relative;\n\n    display: grid;\n    grid-template-columns:\n        42px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    column-gap: 18px;\n\n    min-height: 106px;\n\n    padding:\n        20px\n        18px\n        20px\n        0;\n\n    overflow: hidden;\n\n    border-bottom:\n        1px solid var(--line);\n\n    transition:\n        padding-left .55s cubic-bezier(.22, 1, .36, 1),\n        background-color .45s ease;\n}\n\n\n\/* FOND AU SURVOL *\/\n\n.kiem-warranty::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(175, 197, 151, .11) 0%,\n            rgba(175, 197, 151, .045) 48%,\n            rgba(175, 197, 151, 0) 100%\n        );\n\n    opacity: 0;\n\n    transform:\n        translateX(-35px);\n\n    transition:\n        opacity .45s ease,\n        transform .65s cubic-bezier(.22, 1, .36, 1);\n\n    pointer-events: none;\n}\n\n\n.kiem-warranty:hover {\n    padding-left: 18px;\n\n    background:\n        rgba(175, 197, 151, .025);\n}\n\n\n.kiem-warranty:hover::before {\n    opacity: 1;\n\n    transform:\n        translateX(0);\n}\n\n\n\/* =========================================================\n   NUM\u00c9ROS\n========================================================= *\/\n\n.kiem-warranty__number {\n    position: relative;\n    z-index: 2;\n\n    align-self: start;\n\n    margin: 0;\n    padding: 5px 0 0;\n\n    color: var(--accent) !important;\n\n    font-family:\n        \"Bodoni Moda\",\n        Georgia,\n        serif !important;\n\n    font-size: 15px !important;\n    font-style: italic !important;\n    font-weight: 500 !important;\n    line-height: 1 !important;\n    letter-spacing: -.5px !important;\n\n    text-align: left !important;\n}\n\n\n\/* =========================================================\n   CONTENU\n========================================================= *\/\n\n.kiem-warranty__content {\n    position: relative;\n    z-index: 2;\n\n    min-width: 0;\n}\n\n\n\/* TITRES *\/\n\n.kiem-warranty__content h3 {\n    margin: 0 0 5px !important;\n    padding: 0 !important;\n\n    color: var(--cream) !important;\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        clamp(21px, 1.55vw, 25px) !important;\n\n    font-style: normal !important;\n    font-weight: 400 !important;\n    line-height: 1.15em !important;\n    letter-spacing: -.5px !important;\n\n    text-align: left !important;\n    text-transform: none !important;\n}\n\n\n\/* PARAGRAPHES *\/\n\n.kiem-warranty__content p {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color:\n        rgba(245, 241, 232, .73) !important;\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n\n    font-size: 16px !important;\n    font-style: normal !important;\n    font-weight: 350 !important;\n    line-height: 1.4em !important;\n    letter-spacing: -.5px !important;\n\n    text-align: left !important;\n    text-transform: none !important;\n}\n\n\n.kiem-warranty__content strong {\n    color: var(--accent) !important;\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n\n    font-weight: 500 !important;\n}\n\n\n\/* =========================================================\n   INFORMATIONS \u00c0 DROITE\n========================================================= *\/\n\n.kiem-warranty__duration,\n.kiem-warranty__approval {\n    position: relative;\n    z-index: 2;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: 58px;\n\n    margin: 0;\n    padding: 0;\n\n    color: var(--accent) !important;\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n\n    font-size: 11px !important;\n    font-style: normal !important;\n    font-weight: 500 !important;\n    line-height: 1 !important;\n    letter-spacing: .15em !important;\n\n    text-align: right !important;\n    text-transform: uppercase !important;\n\n    white-space: nowrap;\n}\n\n\n\/* LABEL AGR\u00c9\u00c9 *\/\n\n.kiem-warranty__approval {\n    padding:\n        8px\n        10px\n        7px;\n\n    border:\n        1px solid rgba(175, 197, 151, .42);\n}\n\n\n\/* =========================================================\n   FL\u00c8CHE\n========================================================= *\/\n\n.kiem-warranty__arrow {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n    place-items: center;\n\n    width: 32px;\n    height: 32px;\n\n    color: var(--accent) !important;\n\n    border:\n        1px solid rgba(175, 197, 151, .35);\n\n    font-family:\n        \"Hind Siliguri\",\n        Arial,\n        sans-serif !important;\n\n    font-size: 18px !important;\n    font-style: normal !important;\n    font-weight: 350 !important;\n    line-height: 1 !important;\n\n    opacity: .55;\n\n    transform:\n        translate(-4px, 4px);\n\n    transition:\n        color .35s ease,\n        opacity .35s ease,\n        border-color .35s ease,\n        transform .5s cubic-bezier(.22, 1, .36, 1);\n}\n\n\n.kiem-warranty:hover\n.kiem-warranty__arrow {\n    color: var(--cream) !important;\n\n    border-color:\n        rgba(245, 241, 232, .60);\n\n    opacity: 1;\n\n    transform:\n        translate(0, 0);\n}\n\n\n\/* =========================================================\n   CONTR\u00d4LE OGC\n========================================================= *\/\n\n.kiem-warranty--control {\n    background:\n        linear-gradient(\n            90deg,\n            rgba(175, 197, 151, .09) 0%,\n            rgba(175, 197, 151, .025) 55%,\n            rgba(175, 197, 151, 0) 100%\n        );\n}\n\n\n.kiem-warranty--control::after {\n    content: \"\";\n\n    position: absolute;\n    top: 20px;\n    bottom: 20px;\n    left: 0;\n\n    width: 2px;\n\n    background: var(--accent);\n\n    opacity: .85;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 980px) {\n\n    .kiem-warranty {\n        grid-template-columns:\n            38px\n            minmax(0, 1fr)\n            auto;\n\n        column-gap: 15px;\n\n        min-height: 100px;\n\n        padding:\n            18px\n            14px\n            18px\n            0;\n    }\n\n    .kiem-warranty:hover {\n        padding-left: 14px;\n    }\n\n    .kiem-warranty__content h3 {\n        font-size: 21px !important;\n    }\n\n    .kiem-warranty__content p {\n        max-width: 540px;\n\n        font-size: 15px !important;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .kiem-warranty {\n        grid-template-columns:\n            34px\n            minmax(0, 1fr);\n\n        align-items: start;\n\n        gap: 12px;\n\n        min-height: 0;\n\n        padding:\n            20px\n            0;\n    }\n\n    .kiem-warranty:hover {\n        padding-left: 10px;\n    }\n\n    .kiem-warranty__number {\n        padding-top: 4px;\n\n        font-size: 13px !important;\n    }\n\n    .kiem-warranty__content h3 {\n        margin-bottom: 6px !important;\n\n        font-size: 20px !important;\n        line-height: 1.18em !important;\n    }\n\n    .kiem-warranty__content p {\n        max-width: 100%;\n\n        font-size: 15px !important;\n        line-height: 1.4em !important;\n    }\n\n    .kiem-warranty__duration,\n    .kiem-warranty__approval,\n    .kiem-warranty__arrow {\n        display: none;\n    }\n\n    .kiem-warranty--control::after {\n        top: 18px;\n        bottom: 18px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c9\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .kiem-warranty,\n    .kiem-warranty::before,\n    .kiem-warranty__arrow {\n        transition: none !important;\n    }\n\n}\n\n<\/style><\/div><\/div>\n\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><a href=\"https:\/\/kiemview.testpw.link\/maisons-kirchberg\/\" class=\"kiem-btn\">\n\n    <span class=\"kiem-btn__icon\">\n        <span class=\"kiem-btn__arrow\">\u2192<\/span>\n    <\/span>\n\n    <span class=\"kiem-btn__label\">\n        D\u00c9COUVRIR LES <span>MAISONS<\/span>\n    <\/span>\n\n<\/a>\n\n<style>\n\/* KIEMVIEW \u2014 CTA HERO *\/\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    height: 58px;\n    padding: 0;\n    box-sizing: border-box;\n    border: 1px solid rgba(61,86,64,.85);\n    border-radius: 12px;\n    background: rgba(250,247,239,.82);\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    font-family: \"Hind Siliguri\", sans-serif;\n    color: var(--green) !important;\n    text-decoration: none !important;\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.kiem-btn__icon {\n    position: relative;\n    width: 56px;\n    flex: 0 0 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\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.kiem-btn__label {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 0 22px;\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:\n        color .35s ease,\n        transform .4s cubic-bezier(.22,1,.36,1);\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    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.kiem-btn:hover {\n    transform: translateY(-2px);\n    background: rgba(250,247,239,.98);\n    border-color: var(--green);\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: translateX(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.kiem-btn:focus-visible {\n    outline: 2px solid var(--accent-dark);\n    outline-offset: 5px;\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@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_8 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_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\/09\/Design-sans-titre-2026-09-16T173903.982.png\" width=\"756\" height=\"1336\" srcset=\"https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/Design-sans-titre-2026-09-16T173903.982.png 756w, https:\/\/kiemview.testpw.link\/wp-content\/uploads\/2026\/09\/Design-sans-titre-2026-09-16T173903.982-480x848.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 756px, 100vw\" class=\"wp-image-335557\" \/><\/span><\/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-17","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>Le Projet - 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=\"Le Projet - KiemView\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiemview.testpw.link\/en\/the-project\/\" \/>\n<meta property=\"og:site_name\" content=\"KiemView\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T12:36:12+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\\\/le-projet\\\/\",\"url\":\"https:\\\/\\\/kiemview.testpw.link\\\/le-projet\\\/\",\"name\":\"Le Projet - KiemView\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/#website\"},\"datePublished\":\"2026-08-12T09:17:14+00:00\",\"dateModified\":\"2026-09-29T12:36:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/le-projet\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kiemview.testpw.link\\\/le-projet\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kiemview.testpw.link\\\/le-projet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kiemview.testpw.link\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le Projet\"}]},{\"@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":"The Project - 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":"Le Projet - KiemView","og_url":"https:\/\/kiemview.testpw.link\/en\/the-project\/","og_site_name":"KiemView","article_modified_time":"2026-09-29T12:36:12+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiemview.testpw.link\/le-projet\/","url":"https:\/\/kiemview.testpw.link\/le-projet\/","name":"The Project - KiemView","isPartOf":{"@id":"https:\/\/kiemview.testpw.link\/#website"},"datePublished":"2026-08-12T09:17:14+00:00","dateModified":"2026-09-29T12:36:12+00:00","breadcrumb":{"@id":"https:\/\/kiemview.testpw.link\/le-projet\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiemview.testpw.link\/le-projet\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiemview.testpw.link\/le-projet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kiemview.testpw.link\/"},{"@type":"ListItem","position":2,"name":"Le Projet"}]},{"@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\/17","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=17"}],"version-history":[{"count":77,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":335777,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/335777"}],"wp:attachment":[{"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"difl_page_category","embeddable":true,"href":"https:\/\/kiemview.testpw.link\/en\/wp-json\/wp\/v2\/difl_page_category?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}