{"id":14315,"date":"2026-08-13T09:30:14","date_gmt":"2026-08-13T09:30:14","guid":{"rendered":"https:\/\/thec.msites.tech\/?page_id=14315"},"modified":"2026-08-13T10:12:02","modified_gmt":"2026-08-13T10:12:02","slug":"acheter","status":"publish","type":"page","link":"https:\/\/thec.msites.tech\/en\/acheter\/","title":{"rendered":"Buy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14315\" class=\"elementor elementor-14315\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c213a23 e-con-full e-flex e-con e-parent\" data-id=\"c213a23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2f08ea elementor-widget elementor-widget-html\" data-id=\"b2f08ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\r\n<script src=\"https:\/\/npmcdn.com\/flatpickr\/dist\/l10n\/fr.js\"><\/script>\r\n\r\n<style>\r\n  \/* ============================================================\r\n     VARIABLES & FONTES\r\n  ================================================================ *\/\r\n  :root {\r\n    --c-primary: #C04F28;\r\n    --c-blue: #112251;\r\n    --c-bg: #807F7F0D;\r\n    --c-white: #ffffff;\r\n    --c-border: rgba(17, 34, 81, 0.2);\r\n    --c-text: rgba(17, 34, 81, 0.8);\r\n\r\n    --f-title: \"GT Super Display\", Georgia, serif;\r\n    --f-body: \"Area Normal\", \"Inter\", sans-serif;\r\n  }\r\n\r\n  html, body { min-height: 100% !important; margin: 0; }\r\n\r\n  #thec-page-wrapper {\r\n    position: relative; display: flex; align-items: center; justify-content: center;\r\n    min-height: 100vh; width: 100%; padding: 40px 16px; background-color: #f9f9f9;\r\n  }\r\n\r\n  \/* ============================================================\r\n     WIDGET STYLES\r\n  ================================================================ *\/\r\n  #thec-widget * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  #thec-widget label { display: block; float: none; }\r\n  #thec-widget input, #thec-widget textarea, #thec-widget button, #thec-widget select { font-family: inherit; float: none; }\r\n  #thec-widget {\r\n    font-family: var(--f-body); font-weight: 400; color: var(--c-text);\r\n    background: var(--c-bg); backdrop-filter: blur(12px); border-radius: 16px;\r\n    overflow: hidden; position: relative; width: 100%; max-width: 900px; margin: 0 auto;\r\n    border: 1px solid rgba(17, 34, 81, 0.05); box-shadow: 0 25px 60px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  \/* Header *\/\r\n  #thec-widget .ep-header {\r\n    position: relative; z-index: 10; text-align: center;\r\n    padding: 40px 32px 30px; background-color: var(--c-blue); color: var(--c-white);\r\n  }\r\n  #thec-widget .ep-logo-link { display: inline-block; margin-bottom: 16px; transition: opacity 0.2s ease; }\r\n  #thec-widget .ep-logo-link:hover { opacity: 0.8; }\r\n  #thec-widget .ep-logo { height: 90px; object-fit: contain; display: block; margin: 0 auto; }\r\n\r\n  #thec-widget .ep-tagline { font-family: var(--f-body); font-size: 22px; font-weight: 500; letter-spacing: 0.02em; }\r\n  #thec-widget .ep-divider { width: 40px; height: 1px; background: var(--c-primary); opacity: 0.8; margin: 14px auto 14px; }\r\n  #thec-widget .ep-desc { font-family: var(--f-body); font-size: 15px; color: rgba(255,255,255,0.85); max-width: 460px; margin: 0 auto; line-height: 1.6; }\r\n\r\n  #thec-widget .ep-progress-track { width: 100%; height: 4px; background: rgba(17, 34, 81, 0.1); position: relative; }\r\n  #thec-widget .ep-progress-fill { height: 100%; background: var(--c-primary); width: 0%; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1); }\r\n  #thec-widget .ep-progress-label { text-align:right; font-size:11px; color:rgba(17,34,81,0.4); padding:6px 48px 0; letter-spacing:0.05em; }\r\n\r\n  #thec-widget .ep-form { position: relative; z-index: 10; padding: 40px 48px; }\r\n  #thec-widget .ep-step-header { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--c-border); padding-bottom: 16px; margin-bottom: 32px; }\r\n  #thec-widget .ep-step-num { width: 32px; height: 32px; border-radius: 50%; background: rgba(192, 79, 40, 0.1); color: var(--c-primary); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; flex-shrink: 0; }\r\n  #thec-widget .ep-step-title { font-family: 'red hat display bold', var(--f-body); font-weight:bold; font-size: 22px; color: var(--c-blue); }\r\n\r\n  #thec-widget .ep-step { transition: opacity 0.4s ease, transform 0.4s ease; display: none; opacity: 0; transform: translateY(10px); }\r\n  #thec-widget .ep-step.ep-visible { display: block; opacity: 1; transform: translateY(0); }\r\n\r\n  \/* Grilles *\/\r\n  #thec-widget .ep-row { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; }\r\n  #thec-widget .ep-row.ep-align-end { align-items: flex-end; }\r\n  #thec-widget .ep-col-100 { width: 100%; padding: 0 12px; }\r\n  #thec-widget .ep-col-50 { width: 50%; padding: 0 12px; }\r\n  #thec-widget .ep-col-33 { width: 33.333%; padding: 0 12px; }\r\n  #thec-widget .ep-col-25 { width: 25%; padding: 0 12px; }\r\n\r\n  #thec-widget .ep-grid-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 24px; align-items: stretch; }\r\n  #thec-widget .ep-grid-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; width: 100%; align-items: stretch; }\r\n  #thec-widget .ep-grid-4col { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 24px; width: 100%; align-items: stretch; }\r\n\r\n  @media (max-width: 768px) {\r\n    #thec-widget .ep-col-50, #thec-widget .ep-col-33, #thec-widget .ep-col-25 { width: 100%; }\r\n    #thec-widget .ep-form { padding: 30px 24px; }\r\n    #thec-widget .ep-grid-4col, #thec-widget .ep-grid-3col { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 480px) {\r\n    #thec-widget .ep-grid-2x2, #thec-widget .ep-grid-4col, #thec-widget .ep-grid-3col { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  \/* Champs de saisie *\/\r\n  #thec-widget .ep-field { position: relative; margin-bottom: 28px; width: 100%; }\r\n  #thec-widget .ep-field input[type=\"text\"],\r\n  #thec-widget .ep-field input[type=\"email\"],\r\n  #thec-widget .ep-field input[type=\"tel\"],\r\n  #thec-widget .ep-field input[type=\"number\"],\r\n  #thec-widget .ep-field input[type=\"time\"],\r\n  #thec-widget .ep-field textarea {\r\n    display: block; width: 100%; background: transparent; border: none;\r\n    border-bottom: 1px solid var(--c-border); color: var(--c-blue);\r\n    font-size: 16px; font-family: var(--f-body); padding: 12px 28px 12px 0; outline: none; transition: border-color 0.2s; border-radius: 0;\r\n    line-height: 1.4;\r\n  }\r\n  #thec-widget .ep-field input[type=\"time\"] { padding: 10px 28px 10px 0; }\r\n  #thec-widget .ep-field textarea { border: 1px solid var(--c-border); padding: 12px; border-radius: 8px; min-height: 100px; resize: vertical; margin-top: 10px; }\r\n  #thec-widget .ep-field input:focus, #thec-widget .ep-field textarea:focus { border-color: var(--c-primary); }\r\n\r\n  #thec-widget .ep-field label { position: absolute; top: 12px; left: 0; font-size: 15px; color: rgba(17, 34, 81, 0.5); pointer-events: none; transition: transform 0.25s ease, font-size 0.25s ease, color 0.25s ease; transform-origin: left top; }\r\n  #thec-widget .ep-field textarea + label { top: -20px; left: 0; transform: scale(0.8); color: var(--c-primary); display: none;}\r\n  #thec-widget .ep-field input:focus ~ label, #thec-widget .ep-field input:not(:placeholder-shown) ~ label { transform: translateY(-22px) scale(0.8); color: var(--c-primary); }\r\n  #thec-widget .ep-field-icon { position: absolute; right: 0; bottom: 12px; color: rgba(17, 34, 81, 0.3); pointer-events: none; }\r\n  #thec-widget .ep-field-icon i { width: 18px; height: 18px; display: block; }\r\n\r\n  \/* Autre - champ compl\u00e9mentaire *\/\r\n  #thec-widget .ep-autre-field { display: none; margin-top: -12px; margin-bottom: 24px; }\r\n  #thec-widget .ep-autre-field.ep-show { display: block; }\r\n\r\n  \/* Upload Fichier *\/\r\n  #thec-widget .ep-file-upload {\r\n    border: 1px dashed var(--c-border); border-radius: 8px; cursor: pointer; transition: all 0.2s;\r\n    margin-bottom: 24px; position: relative; width: 100%; box-sizing: border-box;\r\n    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;\r\n    text-align: center; padding: 28px 20px; min-height: 120px;\r\n  }\r\n  #thec-widget .ep-file-upload:hover { border-color: var(--c-primary); background: rgba(192,79,40,0.02); }\r\n  #thec-widget .ep-file-upload input[type=\"file\"] { position: absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; opacity: 0; cursor: pointer; }\r\n  #thec-widget .ep-file-upload i,\r\n  #thec-widget .ep-file-upload svg { display: block !important; color: var(--c-primary); margin: 0 0 10px 0 !important; width: 28px !important; height: 28px !important; }\r\n  #thec-widget .ep-file-upload span { display: block; width: 100%; font-size: 14px; color: var(--c-blue); line-height: 1.4; }\r\n\r\n  \/* Pseudo-selects *\/\r\n  #thec-widget .ep-pselect { position: relative; margin-bottom: 28px; width: 100%; }\r\n  #thec-widget .ep-pselect summary { list-style: none; display: flex; align-items: center; justify-content: space-between; width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--c-border); color: var(--c-blue); font-size: 16px; padding: 12px 0; cursor: pointer; outline: none; transition: border-color 0.2s; line-height: 1.4; }\r\n  #thec-widget .ep-pselect summary::-webkit-details-marker, #thec-widget .ep-pselect summary::marker { display: none; }\r\n  #thec-widget .ep-pselect .ep-ps-value { flex: 1; color: rgba(17, 34, 81, 0.5); font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n  #thec-widget .ep-pselect.ep-has-value .ep-ps-value { color: var(--c-blue); }\r\n  #thec-widget .ep-pselect .ep-ps-chevron i { width: 18px; height: 18px; color: rgba(17, 34, 81, 0.5); }\r\n  #thec-widget .ep-pselect[open] .ep-ps-chevron { transform: rotate(180deg); color: var(--c-primary); }\r\n  #thec-widget .ep-pselect .ep-ps-label { position: absolute; top: 12px; left: 0; font-size: 15px; color: rgba(17, 34, 81, 0.5); pointer-events: none; transition: all 0.25s ease; display: none; }\r\n  #thec-widget .ep-pselect[open] .ep-ps-label, #thec-widget .ep-pselect.ep-has-value .ep-ps-label { display: block; transform: translateY(-22px) scale(0.8); color: var(--c-primary); }\r\n\r\n  #thec-widget .ep-pselect .ep-ps-panel {\r\n    position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: var(--c-white);\r\n    border: 1px solid var(--c-border); border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n    padding: 6px; max-height: 240px; overflow-y: auto; z-index: 50;\r\n    -webkit-overflow-scrolling: touch;\r\n    overscroll-behavior: contain;\r\n  }\r\n  #thec-widget .ep-pselect.ep-ps-flip .ep-ps-panel {\r\n    top: auto; bottom: calc(100% + 4px);\r\n  }\r\n  #thec-widget .ep-pselect .ep-ps-option-inner { padding: 10px 14px; font-size: 14px; color: var(--c-text); border-radius: 6px; cursor: pointer; transition: background 0.15s; }\r\n  #thec-widget .ep-pselect .ep-ps-option-inner:hover { background: rgba(192, 79, 40, 0.08); color: var(--c-primary); }\r\n  #thec-widget .ep-pselect .ep-ps-option input[type=\"radio\"] { display: none; }\r\n  #thec-widget .ep-pselect .ep-ps-option input:checked + .ep-ps-option-inner { background: rgba(192, 79, 40, 0.15); color: var(--c-primary); font-weight: 500; }\r\n\r\n  \/* Radio & Checkbox Cards *\/\r\n  #thec-widget .ep-section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-blue); display: block; margin-bottom: 16px; margin-top: 10px; border-bottom: 1px solid rgba(17,34,81,0.05); padding-bottom: 8px;}\r\n  #thec-widget .ep-radio-card { cursor: pointer; display: block; position: relative; margin-bottom: 0; height: 100%; }\r\n  #thec-widget .ep-radio-card input[type=\"radio\"], #thec-widget .ep-radio-card input[type=\"checkbox\"] { position: absolute; opacity: 0; width: 0; height: 0; }\r\n  #thec-widget .ep-card-inner { border: 1px solid var(--c-border); background: var(--c-white); border-radius: 8px; padding: 14px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--c-text); transition: all 0.2s ease; height: 100%; min-height: 110px; }\r\n  #thec-widget .ep-radio-card:hover .ep-card-inner { border-color: rgba(192, 79, 40, 0.4); }\r\n  #thec-widget .ep-radio-card input:checked + .ep-card-inner { border-color: var(--c-primary); background: rgba(192, 79, 40, 0.05); color: var(--c-primary); font-weight: 500; }\r\n  #thec-widget .ep-card-main { font-size: 13px; line-height: 1.3;}\r\n\r\n  \/* Compact cards for simple options *\/\r\n  #thec-widget .ep-card-compact .ep-card-inner { padding: 10px; flex-direction: row; gap: 8px; min-height: 44px; }\r\n  #thec-widget .ep-card-compact i { margin-bottom: 0; width: 16px; height: 16px; }\r\n\r\n  \/* Animations & Success UI *\/\r\n  @keyframes thecShake { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-6px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(4px)} }\r\n  .ep-shake { animation: thecShake 0.4s ease; }\r\n  @keyframes thecSpin { to{transform:rotate(360deg)} }\r\n  .ep-spinner { width: 18px; height: 18px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: thecSpin 0.8s linear infinite; display: inline-block; }\r\n\r\n  #thec-success {\r\n    display: none; text-align: center; padding: 20px 10px 40px;\r\n    opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease;\r\n  }\r\n  #thec-success.ep-show { display: block; }\r\n  #thec-success.ep-animate { opacity: 1; transform: translateY(0); }\r\n  #thec-success .ep-success-icon { width: 88px; height: 88px; margin: 0 auto 28px; background: rgba(192, 79, 40, 0.1); border: 1px solid rgba(192, 79, 40, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; }\r\n  #thec-success .ep-success-icon i { width: 42px; height: 42px; color: var(--c-primary); }\r\n  #thec-success h2 { font-family: var(--f-title); font-size: 32px; color: var(--c-blue); margin-bottom: 14px; }\r\n  #thec-success .ep-success-div { width: 40px; height: 2px; background: var(--c-primary); margin: 0 auto 18px; }\r\n  #thec-success p { font-size: 16px; color: var(--c-text); max-width: 440px; margin: 0 auto 32px; line-height: 1.6; }\r\n\r\n  #thec-success .ep-success-reset { background:none; border:none; border-bottom:1px solid rgba(17,34,81,0.3); color:var(--c-blue); font-family:var(--f-body); font-size:12px; letter-spacing:0.1em; text-transform:uppercase; padding-bottom:4px; cursor:pointer; transition:all 0.2s; display:inline-block; text-decoration:none; margin-top: 10px; font-weight: 600; }\r\n  #thec-success .ep-success-reset:hover { color:var(--c-primary); border-bottom-color:var(--c-primary); }\r\n\r\n  \/* Navigation *\/\r\n  #thec-widget .ep-nav { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--c-border); margin-top: 24px; padding-top: 24px; transition: 0.3s; }\r\n  #thec-widget .ep-btn-back { background: none; border: none; cursor: pointer; font-family: var(--f-body); font-size: 15px; color: var(--c-text); display: flex; align-items: center; gap: 8px; padding: 0; opacity: 0; pointer-events: none; transition: 0.2s; }\r\n  #thec-widget .ep-btn-back:hover { color: var(--c-primary); }\r\n  #thec-widget .ep-btn-back.ep-visible-btn { opacity: 1; pointer-events: auto; }\r\n\r\n  #thec-widget .ep-btn-next, #thec-widget .ep-btn-submit {\r\n    background: var(--c-primary); color: var(--c-white); border: none; cursor: pointer; font-family: var(--f-body);\r\n    font-size: 15px; font-weight: 500; padding: 14px 32px; border-radius: 8px; display: flex; align-items: center; gap: 8px; transition: all 0.2s; margin-left: auto;\r\n  }\r\n  #thec-widget .ep-btn-next:hover, #thec-widget .ep-btn-submit:hover { background: #a64220; transform: translateY(-2px); }\r\n  #thec-widget .ep-btn-submit { display: none; }\r\n  #thec-widget .ep-btn-submit:disabled { opacity: 0.7; pointer-events: none; }\r\n\r\n<\/style>\r\n\r\n<div id=\"thec-page-wrapper\">\r\n  <div id=\"thec-widget\">\r\n\r\n    <div class=\"ep-header\">\r\n      <a href=\"\/\" class=\"ep-logo-link\">\r\n        <img decoding=\"async\" src=\"https:\/\/thec.msites.tech\/wp-content\/uploads\/2026\/03\/lo-e1782207565345.png\" alt=\"The C Marrakech\" class=\"ep-logo\">\r\n      <\/a>\r\n      <div class=\"ep-divider\"><\/div>\r\n      <div class=\"ep-desc\">Partagez votre projet d'investissement, nous vous accompagnons dans sa r\u00e9alisation.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ep-progress-track\" id=\"ep-progress-track\">\r\n      <div class=\"ep-progress-fill\" id=\"ep-progress-fill\"><\/div>\r\n    <\/div>\r\n\r\n    <form class=\"ep-form\" id=\"thec-lead-form\" onsubmit=\"return false;\">\r\n\r\n      <!-- ============================= INVESTISSEUR ============================= -->\r\n\r\n      <div id=\"step-2i-projet\" class=\"ep-step ep-visible\">\r\n        <div class=\"ep-step-header\">\r\n          <div class=\"ep-step-num\">01<\/div>\r\n          <div class=\"ep-step-title\">Votre projet<\/div>\r\n        <\/div>\r\n        <span class=\"ep-section-label\">Type de bien recherch\u00e9<\/span>\r\n        <div class=\"ep-grid-3col\">\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Villa\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Villa<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Riad\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Riad<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Appartement\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Appartement<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Terrain\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Terrain<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Commerce\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Commerce<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"H\u00f4tel\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">H\u00f4tel<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_type\" value=\"Autre\" id=\"inv_type_autre\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Autre<\/span><\/div><\/label>\r\n        <\/div>\r\n        <div class=\"ep-field ep-autre-field\" id=\"inv_type_autre_field\">\r\n          <input type=\"text\" name=\"inv_type_autre_text\" placeholder=\" \">\r\n          <label>Pr\u00e9cisez le type de bien<\/label>\r\n        <\/div>\r\n\r\n        <span class=\"ep-section-label\">Objectif<\/span>\r\n        <div class=\"ep-grid-3col\">\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"R\u00e9sidence principale\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">R\u00e9sidence principale<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"R\u00e9sidence secondaire\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">R\u00e9sidence secondaire<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"Investissement locatif\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Investissement locatif<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"Revente\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Revente<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"Projet h\u00f4telier\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Projet h\u00f4telier<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"radio\" name=\"inv_objectif\" value=\"Autre\" id=\"inv_objectif_autre\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Autre<\/span><\/div><\/label>\r\n        <\/div>\r\n        <div class=\"ep-field ep-autre-field\" id=\"inv_objectif_autre_field\">\r\n          <input type=\"text\" name=\"inv_objectif_autre_text\" placeholder=\" \">\r\n          <label>Pr\u00e9cisez l'objectif<\/label>\r\n        <\/div>\r\n\r\n        <span class=\"ep-section-label\">Budget<\/span>\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-50\"><div class=\"ep-field\"><input type=\"number\" name=\"inv_budget_min\" placeholder=\" \"><label>Budget minimum (\u20ac)<\/label><\/div><\/div>\r\n          <div class=\"ep-col-50\"><div class=\"ep-field\"><input type=\"number\" name=\"inv_budget_max\" placeholder=\" \"><label>Budget maximum (\u20ac)<\/label><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div id=\"step-2i-preferences\" class=\"ep-step\">\r\n        <div class=\"ep-step-header\">\r\n          <div class=\"ep-step-num\">02<\/div>\r\n          <div class=\"ep-step-title\">Pr\u00e9f\u00e9rences<\/div>\r\n        <\/div>\r\n        <div class=\"ep-row ep-align-end\">\r\n          <div class=\"ep-col-50\"><div class=\"ep-field\"><input type=\"text\" name=\"inv_zone\" placeholder=\" \"><label>Zone g\u00e9ographique recherch\u00e9e<\/label><\/div><\/div>\r\n          <div class=\"ep-col-50\">\r\n            <details class=\"ep-pselect\">\r\n              <summary><span class=\"ep-ps-value\">\u00c9tat du bien<\/span><span class=\"ep-ps-chevron\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary>\r\n              <div class=\"ep-ps-panel\">\r\n                <label class=\"ep-ps-option\"><input type=\"radio\" name=\"inv_etat\" value=\"Bien ancien\"><div class=\"ep-ps-option-inner\">Bien ancien<\/div><\/label>\r\n                <label class=\"ep-ps-option\"><input type=\"radio\" name=\"inv_etat\" value=\"Bien moderne\"><div class=\"ep-ps-option-inner\">Bien moderne<\/div><\/label>\r\n                <label class=\"ep-ps-option\"><input type=\"radio\" name=\"inv_etat\" value=\"Programme neuf\"><div class=\"ep-ps-option-inner\">Programme neuf<\/div><\/label>\r\n                <label class=\"ep-ps-option\"><input type=\"radio\" name=\"inv_etat\" value=\"Achat sur plan\"><div class=\"ep-ps-option-inner\">Achat sur plan<\/div><\/label>\r\n                <label class=\"ep-ps-option\"><input type=\"radio\" name=\"inv_etat\" value=\"Terrain \u00e0 construire\"><div class=\"ep-ps-option-inner\">Terrain \u00e0 construire<\/div><\/label>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div id=\"step-2i-criteres\" class=\"ep-step\">\r\n        <div class=\"ep-step-header\">\r\n          <div class=\"ep-step-num\">03<\/div>\r\n          <div class=\"ep-step-title\">Crit\u00e8res<\/div>\r\n        <\/div>\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-50\"><div class=\"ep-field\"><input type=\"number\" name=\"inv_surface\" placeholder=\" \"><label>Surface souhait\u00e9e (m\u00b2)<\/label><\/div><\/div>\r\n          <div class=\"ep-col-50\"><div class=\"ep-field\"><input type=\"number\" name=\"inv_chambres\" placeholder=\" \"><label>Nombre de chambres<\/label><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"ep-grid-4col\">\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"checkbox\" name=\"inv_criteres[]\" value=\"Piscine\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Piscine<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"checkbox\" name=\"inv_criteres[]\" value=\"Jardin\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Jardin<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"checkbox\" name=\"inv_criteres[]\" value=\"Rooftop\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Rooftop<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"checkbox\" name=\"inv_criteres[]\" value=\"Vue\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">Belle vue<\/span><\/div><\/label>\r\n          <label class=\"ep-radio-card ep-card-compact\"><input type=\"checkbox\" name=\"inv_criteres[]\" value=\"R\u00e9sidence s\u00e9curis\u00e9e\"><div class=\"ep-card-inner\"><span class=\"ep-card-main\">R\u00e9sidence s\u00e9curis\u00e9e<\/span><\/div><\/label>\r\n        <\/div>\r\n        <div class=\"ep-field\">\r\n          <input type=\"text\" name=\"inv_criteres_autres\" placeholder=\" \">\r\n          <label>Autres crit\u00e8res<\/label>\r\n        <\/div>\r\n\r\n        <span class=\"ep-section-label\">Documents (Cahier des charges, plans...)<\/span>\r\n        <label class=\"ep-file-upload\">\r\n          <input type=\"file\" name=\"inv_fichiers[]\" multiple accept=\".pdf,.doc,.docx\">\r\n          <i data-lucide=\"upload-cloud\"><\/i>\r\n          <span id=\"inv_file_label\">Joindre un document<\/span>\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <!-- ============================= COORDONN\u00c9ES ============================= -->\r\n      <div id=\"step-3\" class=\"ep-step\">\r\n        <div class=\"ep-step-header\">\r\n          <div class=\"ep-step-num\">04<\/div>\r\n          <div class=\"ep-step-title\">Vos coordonn\u00e9es<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\" id=\"ep-f-contact_prenom\">\r\n              <input type=\"text\" name=\"contact_prenom\" id=\"contact_prenom\" placeholder=\" \">\r\n              <label for=\"contact_prenom\">Pr\u00e9nom *<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"user\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\" id=\"ep-f-contact_nom\">\r\n              <input type=\"text\" name=\"contact_nom\" id=\"contact_nom\" placeholder=\" \">\r\n              <label for=\"contact_nom\">Nom *<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"user\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\" id=\"ep-f-contact_tel\">\r\n              <input type=\"tel\" name=\"contact_tel\" id=\"contact_tel\" placeholder=\" \">\r\n              <label for=\"contact_tel\">T\u00e9l\u00e9phone *<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"phone\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\">\r\n              <input type=\"tel\" name=\"contact_whatsapp\" id=\"contact_whatsapp\" placeholder=\" \">\r\n              <label for=\"contact_whatsapp\">WhatsApp<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"message-circle\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-100\">\r\n            <div class=\"ep-field\" id=\"ep-f-contact_email\">\r\n              <input type=\"email\" name=\"contact_email\" id=\"contact_email\" placeholder=\" \">\r\n              <label for=\"contact_email\">Email *<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"mail\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ep-row\">\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\">\r\n              <input type=\"text\" name=\"contact_nationalite\" id=\"contact_nationalite\" placeholder=\" \">\r\n              <label for=\"contact_nationalite\">Nationalit\u00e9<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"globe\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ep-col-50\">\r\n            <div class=\"ep-field\">\r\n              <input type=\"text\" name=\"contact_langue\" id=\"contact_langue\" placeholder=\" \">\r\n              <label for=\"contact_langue\">Langue parl\u00e9e<\/label>\r\n              <span class=\"ep-field-icon\"><i data-lucide=\"message-square\"><\/i><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div id=\"thec-success\">\r\n        <div class=\"ep-success-icon\"><i data-lucide=\"check\"><\/i><\/div>\r\n        <h2>Demande envoy\u00e9e<\/h2>\r\n        <div class=\"ep-success-div\"><\/div>\r\n        <p>Votre demande a bien \u00e9t\u00e9 transmise \u00e0 l'\u00e9quipe The C Marrakech. Un conseiller vous contactera dans les plus brefs d\u00e9lais.<\/p>\r\n        <a href=\"\/\" class=\"ep-success-reset\">Retour \u00e0 l'accueil<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"ep-nav\" id=\"form-nav\">\r\n        <button type=\"button\" class=\"ep-btn-back\" id=\"btn-back\" onclick=\"navigateStep(-1)\">\r\n          <i data-lucide=\"arrow-left\"><\/i> Retour\r\n        <\/button>\r\n        <button type=\"button\" class=\"ep-btn-next\" id=\"btn-next\" onclick=\"navigateStep(1)\">\r\n          Continuer <i data-lucide=\"arrow-right\"><\/i>\r\n        <\/button>\r\n        <button type=\"button\" class=\"ep-btn-submit\" id=\"btn-submit\" onclick=\"submitForm()\">\r\n          Recevoir une \u00e9tude personnalis\u00e9e <i data-lucide=\"arrow-right\"><\/i>\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  lucide.createIcons();\r\n\r\n  var THEC_AJAX = 'https:\/\/thec.msites.tech\/wp-admin\/admin-ajax.php';\r\n  var THEC_SECRET = 'THEC_SECRET_2026';\r\n\r\n  \/* ---------- Flatpickr (FR) ---------- *\/\r\n  flatpickr('.flatpickr-range', { mode: \"range\", dateFormat: \"d\/m\/Y\", minDate: \"today\", locale: \"fr\" });\r\n  flatpickr('.flatpickr-single', { dateFormat: \"d\/m\/Y\", minDate: \"today\", locale: \"fr\" });\r\n\r\n  \/* ---------- Parcours investisseur (unique) ---------- *\/\r\n  var currentFlow = ['step-2i-projet', 'step-2i-preferences', 'step-2i-criteres', 'step-3'];\r\n  var currentIndex = 0;\r\n\r\n  function shake(btn) {\r\n    btn.classList.add('ep-shake');\r\n    setTimeout(() => btn.classList.remove('ep-shake'), 500);\r\n  }\r\n\r\n  function navigateStep(direction) {\r\n    if (direction === 1) {\r\n      if (currentIndex < currentFlow.length - 1) {\r\n        transitionSteps(currentFlow[currentIndex], currentFlow[currentIndex + 1]);\r\n        currentIndex++;\r\n      }\r\n    } else {\r\n      if (currentIndex > 0) {\r\n        transitionSteps(currentFlow[currentIndex], currentFlow[currentIndex - 1]);\r\n        currentIndex--;\r\n      }\r\n    }\r\n    updateNavUI();\r\n  }\r\n\r\n  function transitionSteps(hideId, showId) {\r\n    let hideEl = document.getElementById(hideId);\r\n    let showEl = document.getElementById(showId);\r\n    hideEl.style.opacity = '0'; hideEl.style.transform = 'translateY(-10px)';\r\n    setTimeout(() => {\r\n      hideEl.classList.remove('ep-visible'); showEl.classList.add('ep-visible');\r\n      void showEl.offsetWidth;\r\n      showEl.style.opacity = '1'; showEl.style.transform = 'translateY(0)';\r\n      window.scrollTo({ top: document.getElementById('thec-widget').offsetTop - 20, behavior: 'smooth' });\r\n    }, 400);\r\n  }\r\n\r\n  function updateNavUI() {\r\n    setTimeout(() => {\r\n      let total = currentFlow.length;\r\n      let progress = total > 1 ? (currentIndex \/ (total - 1)) * 100 : 0;\r\n      document.getElementById('ep-progress-fill').style.width = progress + '%';\r\n\r\n      let btnBack = document.getElementById('btn-back');\r\n      let btnNext = document.getElementById('btn-next');\r\n      let btnSubmit = document.getElementById('btn-submit');\r\n\r\n      btnBack.classList.toggle('ep-visible-btn', currentIndex > 0);\r\n\r\n      if (currentFlow[currentIndex] === 'step-3') {\r\n        btnNext.style.display = 'none'; btnSubmit.style.display = 'flex';\r\n      } else {\r\n        btnNext.style.display = 'flex'; btnSubmit.style.display = 'none';\r\n      }\r\n    }, 400);\r\n  }\r\n  updateNavUI();\r\n\r\n  \/* ---------- Toggles \"Autre\" ---------- *\/\r\n  function bindAutreRadioGroup(groupName, fieldId) {\r\n    var field = document.getElementById(fieldId);\r\n    if (!field) return;\r\n    document.querySelectorAll('input[name=\"' + groupName + '\"]').forEach(function (r) {\r\n      r.addEventListener('change', function () {\r\n        let show = \/^Autre\/.test(r.value) && r.checked;\r\n        field.classList.toggle('ep-show', show);\r\n        if (!show) { field.querySelector('input').value = ''; }\r\n      });\r\n    });\r\n  }\r\n\r\n  bindAutreRadioGroup('inv_type', 'inv_type_autre_field');\r\n  bindAutreRadioGroup('inv_objectif', 'inv_objectif_autre_field');\r\n\r\n  \/* File Upload text update *\/\r\n  document.querySelectorAll('input[type=\"file\"]').forEach(input => {\r\n    input.addEventListener('change', function (e) {\r\n      let label = this.nextElementSibling.nextElementSibling;\r\n      if (this.files && this.files.length > 1) {\r\n        label.textContent = this.files.length + ' fichiers s\u00e9lectionn\u00e9s';\r\n      } else if (this.files && this.files.length === 1) {\r\n        label.textContent = this.files[0].name;\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* PSelect Logic *\/\r\n  document.querySelectorAll('.ep-pselect').forEach(sel => {\r\n    sel.querySelectorAll('input[type=\"radio\"]').forEach(radio => {\r\n      radio.addEventListener('change', (e) => {\r\n        let text = e.target.nextElementSibling.textContent;\r\n        sel.querySelector('.ep-ps-value').textContent = text;\r\n        sel.classList.add('ep-has-value');\r\n        sel.removeAttribute('open');\r\n      });\r\n    });\r\n\r\n    sel.addEventListener('toggle', () => {\r\n      if (!sel.open) return;\r\n\r\n      let panel = sel.querySelector('.ep-ps-panel');\r\n      let widget = document.getElementById('thec-widget');\r\n      let PADDING = 16;\r\n\r\n      sel.classList.remove('ep-ps-flip');\r\n      panel.style.maxHeight = '';\r\n\r\n      let widgetBox = widget.getBoundingClientRect();\r\n      let selBox = sel.getBoundingClientRect();\r\n\r\n      let spaceBelow = widgetBox.bottom - selBox.bottom - PADDING;\r\n      let spaceAbove = selBox.top - widgetBox.top - PADDING;\r\n\r\n      let DEFAULT_MAX = 240;\r\n      let MIN_USABLE = 120;\r\n\r\n      if (spaceBelow >= MIN_USABLE) {\r\n        panel.style.maxHeight = Math.min(DEFAULT_MAX, spaceBelow) + 'px';\r\n      } else if (spaceAbove > spaceBelow) {\r\n        sel.classList.add('ep-ps-flip');\r\n        panel.style.maxHeight = Math.min(DEFAULT_MAX, Math.max(spaceAbove, MIN_USABLE)) + 'px';\r\n      } else {\r\n        panel.style.maxHeight = Math.max(spaceBelow, spaceAbove, MIN_USABLE) + 'px';\r\n      }\r\n    });\r\n  });\r\n\r\n  window.addEventListener('resize', () => {\r\n    let openSel = document.querySelector('.ep-pselect[open]');\r\n    if (openSel) openSel.dispatchEvent(new Event('toggle'));\r\n  });\r\n\r\n  function submitForm() {\r\n    let prenom = document.getElementById('contact_prenom').value.trim();\r\n    let nom = document.getElementById('contact_nom').value.trim();\r\n    let email = document.getElementById('contact_email').value.trim();\r\n\r\n    if (!prenom || !nom || !email) {\r\n      shake(document.getElementById('btn-submit'));\r\n      return;\r\n    }\r\n\r\n    let btn = document.getElementById('btn-submit');\r\n    btn.disabled = true;\r\n    btn.innerHTML = '<span class=\"ep-spinner\"><\/span> Envoi en cours...';\r\n\r\n    let fd = new FormData(document.getElementById('thec-lead-form'));\r\n    fd.append('action', 'thec_form');\r\n    fd.append('secret', THEC_SECRET);\r\n    fd.append('profil_type', 'investisseur');\r\n\r\n    fetch(THEC_AJAX, { method: 'POST', body: fd })\r\n      .then(r => { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); })\r\n      .then(data => {\r\n        if (data && data.success) {\r\n          document.getElementById('step-3').style.opacity = '0';\r\n          document.getElementById('form-nav').style.opacity = '0';\r\n          document.getElementById('ep-progress-track').style.opacity = '0';\r\n          setTimeout(() => {\r\n            document.getElementById('step-3').classList.remove('ep-visible');\r\n            document.getElementById('form-nav').style.display = 'none';\r\n            document.getElementById('ep-progress-track').style.display = 'none';\r\n\r\n            let s = document.getElementById('thec-success');\r\n            s.classList.add('ep-show');\r\n            lucide.createIcons();\r\n            setTimeout(() => s.classList.add('ep-animate'), 50);\r\n          }, 400);\r\n        } else {\r\n          throw new Error(data.data || 'Erreur inconnue');\r\n        }\r\n      })\r\n      .catch(err => {\r\n        btn.disabled = false;\r\n        btn.innerHTML = 'R\u00e9essayer <i data-lucide=\"refresh-cw\"><\/i>';\r\n        lucide.createIcons();\r\n        alert('Erreur lors de l\\'envoi. Veuillez r\u00e9essayer.');\r\n      });\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Partagez votre projet d&rsquo;investissement, nous vous accompagnons dans sa r\u00e9alisation. 01 Votre projet Type de bien recherch\u00e9 Villa Riad Appartement Terrain Commerce H\u00f4tel Autre Pr\u00e9cisez le type de bien Objectif R\u00e9sidence principale R\u00e9sidence secondaire Investissement locatif Revente Projet h\u00f4telier Autre Pr\u00e9cisez l&rsquo;objectif Budget Budget minimum (\u20ac) Budget maximum (\u20ac) 02 Pr\u00e9f\u00e9rences Zone g\u00e9ographique recherch\u00e9e \u00c9tat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/pages\/14315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/comments?post=14315"}],"version-history":[{"count":10,"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/pages\/14315\/revisions"}],"predecessor-version":[{"id":14337,"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/pages\/14315\/revisions\/14337"}],"wp:attachment":[{"href":"https:\/\/thec.msites.tech\/en\/wp-json\/wp\/v2\/media?parent=14315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}