{"id":346,"date":"2026-05-19T19:33:39","date_gmt":"2026-05-19T19:33:39","guid":{"rendered":"https:\/\/lehavreurbain.com\/?page_id=346"},"modified":"2026-05-20T01:53:39","modified_gmt":"2026-05-20T01:53:39","slug":"reserver-une-visite","status":"publish","type":"page","link":"https:\/\/lehavreurbain.com\/?page_id=346","title":{"rendered":"R\u00e9server une visite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"346\" class=\"elementor elementor-346\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42c7316 e-flex e-con-boxed e-con e-parent\" data-id=\"42c7316\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5986d1 elementor-widget elementor-widget-html\" data-id=\"f5986d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.lhu-booking-wrap {\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  background: #f8f6f2;\n  padding: 0;\n  margin: 0;\n}\n.lhu-intro-strip {\n  background: #1a1a2e;\n  color: #fff;\n  text-align: center;\n  padding: 50px 30px 40px;\n}\n.lhu-intro-strip h2 {\n  font-size: 2.2em;\n  font-weight: 300;\n  letter-spacing: 0.08em;\n  margin: 0 0 10px;\n  text-transform: uppercase;\n  color: #fff;\n}\n.lhu-intro-strip p { font-size: 1em; color: #c9bfad; margin: 0; letter-spacing: 0.04em; }\n.lhu-intro-strip .lhu-accent-line { width: 60px; height: 2px; background: #c9a84c; margin: 18px auto 20px; }\n.lhu-apt-section { padding: 60px 30px 40px; background: #fff; }\n.lhu-apt-section h3 { text-align: center; font-size: 1.15em; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #1a1a2e; margin-bottom: 10px; }\n.lhu-apt-section .lhu-sub { text-align: center; color: #888; font-size: 0.92em; margin-bottom: 35px; }\n.lhu-apt-cards { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; }\n.lhu-apt-card { flex: 1; min-width: 220px; max-width: 320px; border: 2px solid #e8e2d9; border-radius: 14px; padding: 32px 24px 24px; cursor: pointer; transition: all 0.3s ease; background: #faf9f7; position: relative; text-align: center; }\n.lhu-apt-card:hover { border-color: #c9a84c; box-shadow: 0 8px 28px rgba(201,168,76,0.13); transform: translateY(-4px); }\n.lhu-apt-card.selected { border-color: #c9a84c; background: #fffbf0; box-shadow: 0 8px 28px rgba(201,168,76,0.18); }\n.lhu-apt-card .lhu-check { display: none; position: absolute; top: 14px; right: 14px; width: 24px; height: 24px; background: #c9a84c; border-radius: 50%; color: #fff; font-size: 13px; align-items: center; justify-content: center; }\n.lhu-apt-card.selected .lhu-check { display: flex; }\n.lhu-apt-card .lhu-apt-icon { font-size: 2.5em; margin-bottom: 14px; display: block; }\n.lhu-apt-card h4 { font-size: 1.5em; font-weight: 700; color: #1a1a2e; margin: 0 0 6px; }\n.lhu-apt-card .lhu-apt-rooms { color: #c9a84c; font-weight: 600; font-size: 0.88em; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }\n.lhu-apt-card .lhu-apt-feats { list-style: none; padding: 0; margin: 0; text-align: left; }\n.lhu-apt-card .lhu-apt-feats li { font-size: 0.88em; color: #666; padding: 4px 0 4px 18px; position: relative; }\n.lhu-apt-card .lhu-apt-feats li::before { content: '\u2192'; position: absolute; left: 0; color: #c9a84c; font-size: 0.85em; }\n.lhu-features-row { display: flex; gap: 0; background: #1a1a2e; flex-wrap: wrap; }\n.lhu-feat-item { flex: 1; min-width: 160px; text-align: center; padding: 30px 20px; border-right: 1px solid rgba(255,255,255,0.08); color: #fff; }\n.lhu-feat-item:last-child { border-right: none; }\n.lhu-feat-item .lhu-feat-icon { font-size: 1.8em; margin-bottom: 8px; display: block; }\n.lhu-feat-item span.lhu-feat-label { font-size: 0.78em; letter-spacing: 0.1em; text-transform: uppercase; color: #c9bfad; display: block; }\n.lhu-form-section { padding: 60px 30px; background: #f8f6f2; max-width: 700px; margin: 0 auto; }\n.lhu-form-section h3 { font-size: 1.15em; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #1a1a2e; margin-bottom: 6px; text-align: center; }\n.lhu-form-section .lhu-sub { text-align: center; color: #888; font-size: 0.92em; margin-bottom: 35px; }\n.lhu-form-row { display: flex; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }\n.lhu-form-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; }\n.lhu-form-group.lhu-full { flex: 100%; min-width: 100%; }\n.lhu-form-group label { font-size: 0.78em; letter-spacing: 0.1em; text-transform: uppercase; color: #666; margin-bottom: 7px; font-weight: 600; }\n.lhu-form-group input, .lhu-form-group select, .lhu-form-group textarea { border: 1.5px solid #ddd; border-radius: 8px; padding: 13px 16px; font-size: 0.95em; background: #fff; color: #1a1a2e; transition: border-color 0.2s; outline: none; font-family: inherit; width: 100%; box-sizing: border-box; }\n.lhu-form-group input:focus, .lhu-form-group select:focus, .lhu-form-group textarea:focus { border-color: #c9a84c; }\n.lhu-form-group textarea { resize: vertical; min-height: 100px; }\n.lhu-avail-banner { background: linear-gradient(135deg, #c9a84c 0%, #e8c87a 100%); color: #1a1a2e; padding: 22px 30px; text-align: center; font-size: 0.92em; font-weight: 600; letter-spacing: 0.04em; }\n.lhu-avail-banner span { display: inline-block; background: rgba(255,255,255,0.3); border-radius: 20px; padding: 4px 14px; margin: 0 6px; font-weight: 700; }\n.lhu-submit-wrap { text-align: center; margin-top: 28px; }\n.lhu-submit-btn { background: #1a1a2e; color: #fff; border: none; border-radius: 50px; padding: 18px 52px; font-size: 0.95em; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: all 0.3s; font-family: inherit; }\n.lhu-submit-btn:hover { background: #c9a84c; color: #1a1a2e; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,0.3); }\n.lhu-confirm-msg { display: none; background: #eafaf1; border: 1.5px solid #2ecc71; border-radius: 12px; padding: 28px; text-align: center; margin-top: 24px; color: #1a5c35; }\n.lhu-confirm-msg h4 { margin: 0 0 8px; font-size: 1.1em; }\n.lhu-confirm-msg p { margin: 0; font-size: 0.92em; color: #2d6a4f; }\n.lhu-dispo-section { background: #fff; padding: 50px 30px; text-align: center; }\n.lhu-dispo-section h3 { font-size: 1.1em; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #1a1a2e; margin-bottom: 6px; }\n.lhu-dispo-section .lhu-sub { color: #888; font-size: 0.92em; margin-bottom: 30px; }\n.lhu-schedule-grid { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; max-width: 700px; margin: 0 auto; }\n.lhu-schedule-item { background: #f8f6f2; border-radius: 12px; padding: 20px 28px; text-align: center; min-width: 130px; }\n.lhu-schedule-item .lhu-day { font-weight: 700; color: #1a1a2e; font-size: 0.95em; display: block; margin-bottom: 4px; }\n.lhu-schedule-item .lhu-hours { font-size: 0.82em; color: #c9a84c; font-weight: 600; }\n.lhu-process-section { background: #f8f6f2; padding: 60px 30px; }\n.lhu-process-section h3 { text-align: center; font-size: 1.1em; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #1a1a2e; margin-bottom: 6px; }\n.lhu-process-section .lhu-sub { text-align: center; color: #888; font-size: 0.92em; margin-bottom: 40px; }\n.lhu-steps { display: flex; gap: 0; justify-content: center; max-width: 800px; margin: 0 auto; position: relative; flex-wrap: wrap; }\n.lhu-step { flex: 1; min-width: 160px; text-align: center; padding: 0 20px; position: relative; }\n.lhu-step-num { width: 44px; height: 44px; border-radius: 50%; background: #c9a84c; color: #fff; font-weight: 700; font-size: 1.1em; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; position: relative; z-index: 1; }\n.lhu-step h5 { font-size: 0.88em; font-weight: 700; color: #1a1a2e; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.06em; }\n.lhu-step p { font-size: 0.82em; color: #888; margin: 0; line-height: 1.5; }\n@media (max-width: 600px) {\n  .lhu-apt-cards, .lhu-features-row, .lhu-schedule-grid, .lhu-steps { flex-direction: column; align-items: center; }\n  .lhu-apt-card { max-width: 100%; }\n  .lhu-feat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }\n}\n<\/style>\n<div class=\"lhu-booking-wrap\">\n<div class=\"lhu-intro-strip\">\n<h2>Prenez rendez-vous<\/h2>\n<div class=\"lhu-accent-line\"><\/div>\n<p>Vivez l'exp&eacute;rience Le Havre Urbain &mdash; des appartements pens&eacute;s pour votre confort<\/p>\n<\/div>\n<div class=\"lhu-avail-banner\">&#128273; Disponibilit&eacute;s actuelles&nbsp;: <span>3&frac12;<\/span> et <span>4&frac12;<\/span> &mdash; Visites sur rendez-vous<\/div>\n<div class=\"lhu-apt-section\">\n<h3>Choisissez votre appartement<\/h3>\n<p class=\"lhu-sub\">S&eacute;lectionnez le type d&rsquo;unit&eacute; qui vous int&eacute;resse<\/p>\n<div class=\"lhu-apt-cards\">\n<div class=\"lhu-apt-card\" id=\"card-3\" onclick=\"selectApt('3')\">\n<div class=\"lhu-check\">&#10003;<\/div>\n<span class=\"lhu-apt-icon\">&#127968;<\/span>\n<h4>3&frac12;<\/h4>\n<div class=\"lhu-apt-rooms\">2 chambres &middot; Salon &middot; Cuisine<\/div>\n<ul class=\"lhu-apt-feats\">\n<li>Id&eacute;al pour 1&ndash;2 personnes<\/li>\n<li>Espace optimis&eacute; et moderne<\/li>\n<li>Lumineux et bien ventil&eacute;<\/li>\n<li>Rangements int&eacute;gr&eacute;s<\/li>\n<\/ul>\n<\/div>\n<div class=\"lhu-apt-card\" id=\"card-4\" onclick=\"selectApt('4')\">\n<div class=\"lhu-check\">&#10003;<\/div>\n<span class=\"lhu-apt-icon\">&#127969;<\/span>\n<h4>4&frac12;<\/h4>\n<div class=\"lhu-apt-rooms\">3 chambres &middot; Salon &middot; Cuisine<\/div>\n<ul class=\"lhu-apt-feats\">\n<li>Parfait pour famille ou coloc<\/li>\n<li>Grande superficie<\/li>\n<li>Espaces de vie g&eacute;n&eacute;reux<\/li>\n<li>Salle de bain et garde-robe<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<input type=\"hidden\" id=\"lhu-apt-selected\" value=\"\">\n<\/div>\n<div class=\"lhu-features-row\">\n<div class=\"lhu-feat-item\"><span class=\"lhu-feat-icon\">&#128703;<\/span><span class=\"lhu-feat-label\">Salle de bain moderne<\/span><\/div>\n<div class=\"lhu-feat-item\"><span class=\"lhu-feat-icon\">&#127807;<\/span><span class=\"lhu-feat-label\">Espaces verts<\/span><\/div>\n<div class=\"lhu-feat-item\"><span class=\"lhu-feat-icon\">&#128663;<\/span><span class=\"lhu-feat-label\">Stationnement<\/span><\/div>\n<div class=\"lhu-feat-item\"><span class=\"lhu-feat-icon\">&#128274;<\/span><span class=\"lhu-feat-label\">Entr&eacute;e s&eacute;curis&eacute;e<\/span><\/div>\n<div class=\"lhu-feat-item\"><span class=\"lhu-feat-icon\">&#10052;&#65039;<\/span><span class=\"lhu-feat-label\">Climatisation<\/span><\/div>\n<\/div>\n<div class=\"lhu-process-section\">\n<h3>Comment &ccedil;a marche<\/h3>\n<p class=\"lhu-sub\">Simple et rapide en 3 &eacute;tapes<\/p>\n<div class=\"lhu-steps\">\n<div class=\"lhu-step\"><div class=\"lhu-step-num\">1<\/div><h5>Choisissez<\/h5><p>S&eacute;lectionnez votre appartement et vos disponibilit&eacute;s<\/p><\/div>\n<div class=\"lhu-step\"><div class=\"lhu-step-num\">2<\/div><h5>On vous contacte<\/h5><p>Notre &eacute;quipe vous confirme le rendez-vous sous 24h<\/p><\/div>\n<div class=\"lhu-step\"><div class=\"lhu-step-num\">3<\/div><h5>Visitez<\/h5><p>D&eacute;couvrez votre futur chez-vous en personne<\/p><\/div>\n<\/div>\n<\/div>\n<div class=\"lhu-dispo-section\">\n<h3>Horaires de visite<\/h3>\n<p class=\"lhu-sub\">Disponible en semaine et le week-end<\/p>\n<div class=\"lhu-schedule-grid\">\n<div class=\"lhu-schedule-item\"><span class=\"lhu-day\">Lun &ndash; Ven<\/span><span class=\"lhu-hours\">9h00 &ndash; 18h00<\/span><\/div>\n<div class=\"lhu-schedule-item\"><span class=\"lhu-day\">Samedi<\/span><span class=\"lhu-hours\">10h00 &ndash; 15h00<\/span><\/div>\n<div class=\"lhu-schedule-item\"><span class=\"lhu-day\">Dimanche<\/span><span class=\"lhu-hours\">Sur demande<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"background:#f8f6f2;padding:60px 20px;\">\n<div class=\"lhu-form-section\" style=\"padding:0;background:transparent;\">\n<h3>Demande de visite<\/h3>\n<p class=\"lhu-sub\">Remplissez le formulaire et nous vous recontactons rapidement<\/p>\n<form id=\"lhu-booking-form\" onsubmit=\"lhuSubmit(event)\">\n<div class=\"lhu-form-row\">\n<div class=\"lhu-form-group\"><label>Pr&eacute;nom<\/label><input type=\"text\" placeholder=\"Marie\" required><\/div>\n<div class=\"lhu-form-group\"><label>Nom<\/label><input type=\"text\" placeholder=\"Tremblay\" required><\/div>\n<\/div>\n<div class=\"lhu-form-row\">\n<div class=\"lhu-form-group\"><label>Courriel<\/label><input type=\"email\" placeholder=\"marie@exemple.com\" required><\/div>\n<div class=\"lhu-form-group\"><label>T&eacute;l&eacute;phone<\/label><input type=\"tel\" placeholder=\"(514) 000-0000\"><\/div>\n<\/div>\n<div class=\"lhu-form-row\">\n<div class=\"lhu-form-group lhu-full\"><label>Type d&rsquo;appartement souhait&eacute;<\/label>\n<select id=\"lhu-apt-select\" required>\n<option value=\"\">&mdash; S&eacute;lectionnez &mdash;<\/option>\n<option value=\"3.5\">3&frac12; (2 chambres)<\/option>\n<option value=\"4.5\">4&frac12; (3 chambres)<\/option>\n<option value=\"les-deux\">Les deux &mdash; je veux comparer<\/option>\n<\/select><\/div>\n<\/div>\n<div class=\"lhu-form-row\">\n<div class=\"lhu-form-group\"><label>Date souhait&eacute;e<\/label><input type=\"date\" required><\/div>\n<div class=\"lhu-form-group\"><label>Plage horaire<\/label>\n<select>\n<option value=\"\">&mdash; Pr&eacute;f&eacute;rence &mdash;<\/option>\n<option>Matin (9h&ndash;12h)<\/option>\n<option>Midi (12h&ndash;14h)<\/option>\n<option>Apr&egrave;s-midi (14h&ndash;18h)<\/option>\n<\/select><\/div>\n<\/div>\n<div class=\"lhu-form-row\">\n<div class=\"lhu-form-group lhu-full\"><label>Questions ou commentaires (optionnel)<\/label>\n<textarea placeholder=\"Ex : Avez-vous des appartements au rez-de-chauss&eacute;e ? Est-ce que les animaux sont accept&eacute;s ?...\"><\/textarea>\n<\/div>\n<\/div>\n<div class=\"lhu-submit-wrap\"><button type=\"submit\" class=\"lhu-submit-btn\">Envoyer ma demande &rarr;<\/button><\/div>\n<\/form>\n<div class=\"lhu-confirm-msg\" id=\"lhu-confirm\">\n<h4>&#9989; Demande re&ccedil;ue !<\/h4>\n<p>Merci pour votre int&eacute;r&ecirc;t. Notre &eacute;quipe vous contactera dans les 24 heures pour confirmer votre visite.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<script>\nfunction selectApt(type){document.querySelectorAll('.lhu-apt-card').forEach(function(c){c.classList.remove('selected');});document.getElementById('card-'+type).classList.add('selected');document.getElementById('lhu-apt-selected').value=type;var sel=document.getElementById('lhu-apt-select');if(sel){if(type==='3')sel.value='3.5';else if(type==='4')sel.value='4.5';}}\nfunction lhuSubmit(e){e.preventDefault();document.getElementById('lhu-booking-form').style.display='none';document.getElementById('lhu-confirm').style.display='block';}\n<\/script>\t\t\t\t<\/div>\n\t\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>Prenez rendez-vous Vivez l&#8217;exp&eacute;rience Le Havre Urbain &mdash; des appartements pens&eacute;s pour votre confort &#128273; Disponibilit&eacute;s actuelles&nbsp;: 3&frac12; et 4&frac12; &mdash; Visites sur rendez-vous Choisissez votre appartement S&eacute;lectionnez le type d&rsquo;unit&eacute; qui vous int&eacute;resse &#10003; &#127968; 3&frac12; 2 chambres &middot; Salon &middot; Cuisine Id&eacute;al pour 1&ndash;2 personnes Espace optimis&eacute; et moderne Lumineux et bien ventil&eacute; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-346","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/pages\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=346"}],"version-history":[{"count":5,"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/pages\/346\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=\/wp\/v2\/pages\/346\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/lehavreurbain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}