{"id":205,"date":"2026-07-24T11:26:33","date_gmt":"2026-07-24T11:26:33","guid":{"rendered":"https:\/\/logic.maisons-athome.fr\/?page_id=205"},"modified":"2026-07-24T11:48:59","modified_gmt":"2026-07-24T11:48:59","slug":"contact","status":"publish","type":"page","link":"https:\/\/logic.maisons-athome.fr\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"205\" class=\"elementor elementor-205\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48aec63 e-con-full e-flex e-con e-parent\" data-id=\"48aec63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac9576 elementor-widget elementor-widget-html\" data-id=\"4ac9576\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  PAGE CONTACT \u2014 LOGI-C\n  Bloc autonome \u00e0 coller dans un widget HTML Elementor \/ Gutenberg.\n-->\n<section class=\"lcc-page\" id=\"lcc-contact\">\n  <style>\n    .lcc-page{\n      --lcc-red:#a92a2d;\n      --lcc-red-dark:#741b1f;\n      --lcc-dark:#252525;\n      --lcc-dark-2:#171717;\n      --lcc-grey:#5d5d5d;\n      --lcc-text:#666666;\n      --lcc-soft:#f6f4f1;\n      --lcc-red-soft:#fbf3f3;\n      --lcc-white:#ffffff;\n      --lcc-line:rgba(37,37,37,.12);\n      --lcc-shadow:0 26px 70px rgba(0,0,0,.16);\n      --lcc-shadow-soft:0 16px 48px rgba(0,0,0,.08);\n      display:block;\n      width:100%;\n      margin:0;\n      padding:0;\n      overflow:hidden;\n      isolation:isolate;\n      font-family:Arial,Helvetica,sans-serif;\n      color:var(--lcc-text);\n      background:#fff;\n    }\n\n    .lcc-page,\n    .lcc-page *{box-sizing:border-box}\n    .lcc-page img{display:block;max-width:100%}\n    .lcc-page a{text-decoration:none}\n    .lcc-page button,\n    .lcc-page input,\n    .lcc-page textarea{font:inherit}\n\n    .lcc-wrap{\n      position:relative;\n      z-index:2;\n      width:min(1180px,calc(100% - 40px));\n      margin:0 auto;\n    }\n\n    .lcc-page h1,\n    .lcc-page h2,\n    .lcc-page h3,\n    .lcc-page h4{\n      margin:0;\n      color:var(--lcc-dark);\n      font-weight:900;\n      line-height:1.06;\n      letter-spacing:-.03em;\n    }\n    .lcc-page h2{font-size:clamp(31px,4vw,52px)}\n    .lcc-page h3{font-size:clamp(21px,2vw,27px)}\n    .lcc-page p{margin:0;font-size:17px;line-height:1.72}\n\n    .lcc-kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin-bottom:18px;\n      color:var(--lcc-red);\n      font-size:13px;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.065em;\n    }\n\n    .lcc-kicker:before{\n      content:\"\";\n      width:10px;\n      height:10px;\n      flex:0 0 auto;\n      border-radius:50%;\n      background:var(--lcc-red);\n      box-shadow:0 0 0 7px rgba(169,42,45,.11);\n    }\n\n    .lcc-kicker.is-light{color:#fff}\n    .lcc-kicker.is-light:before{\n      background:#fff;\n      box-shadow:0 0 0 7px rgba(255,255,255,.12);\n    }\n\n    .lcc-btn{\n      display:inline-flex !important;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      min-height:54px;\n      padding:14px 24px;\n      border:0;\n      border-radius:999px;\n      font-size:15px;\n      font-weight:900;\n      line-height:1.2;\n      cursor:pointer;\n      transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease;\n    }\n\n    .lcc-btn:hover,\n    .lcc-btn:focus-visible{transform:translateY(-4px)}\n\n    .lcc-btn-red{\n      color:#fff !important;\n      background:var(--lcc-red) !important;\n      box-shadow:0 18px 42px rgba(169,42,45,.32);\n    }\n\n    .lcc-btn-red:hover,\n    .lcc-btn-red:focus-visible{\n      color:#fff !important;\n      background:var(--lcc-red-dark) !important;\n      box-shadow:0 24px 54px rgba(169,42,45,.42);\n    }\n\n    .lcc-btn-white{\n      color:var(--lcc-dark) !important;\n      background:#fff !important;\n      box-shadow:0 16px 42px rgba(0,0,0,.16);\n    }\n\n    .lcc-btn-white:hover,\n    .lcc-btn-white:focus-visible{\n      color:var(--lcc-red) !important;\n      background:#fff !important;\n    }\n\n    .lcc-btn-line-light{\n      color:#fff !important;\n      background:rgba(255,255,255,.04) !important;\n      border:1px solid rgba(255,255,255,.24);\n    }\n\n    .lcc-btn-line-light:hover,\n    .lcc-btn-line-light:focus-visible{\n      color:var(--lcc-dark) !important;\n      background:#fff !important;\n      border-color:#fff;\n    }\n\n    \/* BARRE CONTACT RAPIDE *\/\n    .lcc-quick{\n      --lcc-quick-cut:61px;\n      position:relative;\n      z-index:5;\n      margin:0;\n      padding:0 0 34px;\n      background:linear-gradient(\n        to bottom,\n        var(--lcc-soft) 0,\n        var(--lcc-soft) var(--lcc-quick-cut),\n        #fff var(--lcc-quick-cut),\n        #fff 100%\n      );\n    }\n\n    .lcc-quick-grid{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n      border-radius:29px;\n      overflow:hidden;\n      background:#fff;\n      border:1px solid var(--lcc-line);\n      box-shadow:var(--lcc-shadow);\n    }\n\n    .lcc-quick-item{\n      display:grid;\n      grid-template-columns:52px 1fr;\n      gap:17px;\n      align-items:center;\n      min-height:122px;\n      padding:25px 28px;\n      color:var(--lcc-text);\n      transition:background .24s ease;\n    }\n\n    .lcc-quick-item+.lcc-quick-item{border-left:1px solid var(--lcc-line)}\n    .lcc-quick-item:hover{background:var(--lcc-soft)}\n\n    .lcc-quick-icon{\n      width:52px;\n      height:52px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      border-radius:17px;\n      color:#fff;\n      background:var(--lcc-red);\n      box-shadow:0 13px 30px rgba(169,42,45,.25);\n      font-size:21px;\n      font-weight:900;\n    }\n\n    .lcc-quick-item small{\n      display:block;\n      color:var(--lcc-red);\n      font-size:11px;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.07em;\n    }\n\n    .lcc-quick-item strong{\n      display:block;\n      margin-top:7px;\n      color:var(--lcc-dark);\n      font-size:17px;\n      line-height:1.35;\n      font-weight:900;\n    }\n\n    \/* FORMULAIRE *\/\n    .lcc-contact-section{\n      position:relative;\n      padding:82px 0 70px;\n      background:\n        radial-gradient(circle at 92% 8%,rgba(169,42,45,.1),transparent 26%),\n        linear-gradient(180deg,#f8f7f5,var(--lcc-soft));\n    }\n\n    .lcc-contact-section:before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      top:0;\n      bottom:0;\n      width:min(430px,32vw);\n      background:url(\"https:\/\/logic.maisons-athome.fr\/wp-content\/uploads\/2026\/07\/Design.webp\") left center\/contain no-repeat;\n      opacity:.3;\n      pointer-events:none;\n    }\n\n    .lcc-contact-head{\n      max-width:900px;\n      margin-bottom:43px;\n    }\n\n    .lcc-contact-grid{\n      display:grid;\n      grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);\n      gap:25px;\n      align-items:stretch;\n    }\n\n    .lcc-form-card{\n      padding:39px;\n      border:1px solid var(--lcc-line);\n      border-radius:34px;\n      background:#fff;\n      box-shadow:var(--lcc-shadow);\n    }\n\n    .lcc-form-card h3{font-size:29px}\n    .lcc-form-intro{margin-top:12px!important;font-size:15px!important}\n\n    .lcc-form{\n      display:grid;\n      gap:18px;\n      margin-top:29px;\n    }\n\n    .lcc-form-row{\n      display:grid;\n      grid-template-columns:repeat(2,minmax(0,1fr));\n      gap:16px;\n    }\n\n    .lcc-field{display:grid;gap:8px}\n\n    .lcc-field label{\n      color:var(--lcc-dark);\n      font-size:13px;\n      font-weight:900;\n    }\n\n    .lcc-field label span{color:var(--lcc-red)}\n\n    .lcc-field input,\n    .lcc-field textarea{\n      width:100%;\n      border:1px solid rgba(37,37,37,.14);\n      border-radius:17px;\n      color:var(--lcc-dark);\n      background:#fbfbfa;\n      outline:none;\n      transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;\n    }\n\n    .lcc-field input{\n      min-height:56px;\n      padding:0 17px;\n    }\n\n    .lcc-field textarea{\n      min-height:175px;\n      padding:16px 17px;\n      resize:vertical;\n      line-height:1.55;\n    }\n\n    .lcc-field input:focus,\n    .lcc-field textarea:focus{\n      border-color:rgba(169,42,45,.65);\n      background:#fff;\n      box-shadow:0 0 0 4px rgba(169,42,45,.09);\n    }\n\n    .lcc-form-bottom{\n      display:flex;\n      align-items:center;\n      justify-content:flex-end;\n      gap:18px;\n      margin-top:3px;\n    }\n\n    .lcc-form-note{\n      max-width:390px;\n      color:#818181;\n      font-size:12px;\n      line-height:1.5;\n    }\n\n    .lcc-form-status{\n      display:none;\n      margin-top:2px;\n      padding:14px 16px;\n      border-radius:15px;\n      color:var(--lcc-dark);\n      background:var(--lcc-red-soft);\n      border:1px solid rgba(169,42,45,.14);\n      font-size:14px;\n      font-weight:800;\n    }\n\n    .lcc-form-status.is-visible{display:block}\n\n    .lcc-side{\n      position:relative;\n      padding:35px 32px;\n      border-radius:34px;\n      color:#fff;\n      background:\n        linear-gradient(180deg,rgba(17,17,17,.32),rgba(17,17,17,.94)),\n        url(\"https:\/\/logic.maisons-athome.fr\/wp-content\/uploads\/2026\/06\/10.webp\") center\/cover no-repeat;\n      box-shadow:var(--lcc-shadow);\n      overflow:hidden;\n    }\n\n    .lcc-side:after{\n      content:\"\";\n      position:absolute;\n      right:-95px;\n      bottom:-95px;\n      width:220px;\n      height:220px;\n      border-radius:50%;\n      background:rgba(169,42,45,.85);\n    }\n\n    .lcc-side-inner{position:relative;z-index:2}\n    .lcc-side h3{color:#fff;font-size:29px}\n    .lcc-side p{margin-top:15px;color:rgba(255,255,255,.77);font-size:15px}\n\n    .lcc-topic-list{\n      display:grid;\n      gap:11px;\n      margin-top:27px;\n    }\n\n    .lcc-topic{\n      display:grid;\n      grid-template-columns:35px 1fr;\n      gap:12px;\n      align-items:center;\n      min-height:57px;\n      padding:11px 13px;\n      border:1px solid rgba(255,255,255,.13);\n      border-radius:17px;\n      color:#fff;\n      background:rgba(255,255,255,.075);\n      backdrop-filter:blur(8px);\n      font-size:14px;\n      line-height:1.4;\n      font-weight:800;\n    }\n\n    .lcc-topic:before{\n      content:\"\u2713\";\n      width:35px;\n      height:35px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      border-radius:12px;\n      color:#fff;\n      background:var(--lcc-red);\n      font-weight:900;\n    }\n\n    .lcc-side-call{\n      margin-top:27px;\n      padding-top:23px;\n      border-top:1px solid rgba(255,255,255,.16);\n    }\n\n    .lcc-side-call small{\n      display:block;\n      color:rgba(255,255,255,.61);\n      font-size:11px;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.07em;\n    }\n\n    .lcc-side-call a{\n      display:inline-flex;\n      margin-top:8px;\n      color:#fff;\n      font-size:24px;\n      line-height:1.2;\n      font-weight:900;\n    }\n\n    \/* CARTE *\/\n    .lcc-map-section{\n      position:relative;\n      padding:58px 0 92px;\n      background:#fff;\n    }\n\n    .lcc-map-head{\n      display:grid;\n      grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);\n      gap:45px;\n      align-items:end;\n      margin-bottom:40px;\n    }\n\n    .lcc-map-head p{max-width:570px}\n\n    .lcc-map-shell{\n      display:grid;\n      grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);\n      min-height:520px;\n      border-radius:38px;\n      overflow:hidden;\n      background:#fff;\n      box-shadow:var(--lcc-shadow);\n    }\n\n    .lcc-map{\n      position:relative;\n      min-height:520px;\n      background:#e9e9e9;\n    }\n\n    .lcc-map iframe{\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      border:0;\n    }\n\n    .lcc-map-card{\n      position:relative;\n      display:flex;\n      flex-direction:column;\n      justify-content:center;\n      padding:42px 38px;\n      color:#fff;\n      background:\n        radial-gradient(circle at 85% 88%,rgba(169,42,45,.48),transparent 30%),\n        linear-gradient(145deg,#1c1c1c,#353535);\n      overflow:hidden;\n    }\n\n    .lcc-map-card:after{\n      content:\"\";\n      position:absolute;\n      right:-115px;\n      top:-120px;\n      width:260px;\n      height:260px;\n      border:56px solid rgba(255,255,255,.05);\n      transform:rotate(45deg);\n    }\n\n    .lcc-map-card>*{position:relative;z-index:2}\n    .lcc-map-card h3{color:#fff;font-size:31px}\n    .lcc-map-card p{margin-top:16px;color:rgba(255,255,255,.76);font-size:15px}\n\n    .lcc-address-box{\n      margin-top:25px;\n      padding:22px;\n      border:1px solid rgba(255,255,255,.14);\n      border-radius:21px;\n      background:rgba(255,255,255,.075);\n      backdrop-filter:blur(10px);\n    }\n\n    .lcc-address-box small{\n      display:block;\n      color:#d85458;\n      font-size:11px;\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.07em;\n    }\n\n    .lcc-address-box strong{\n      display:block;\n      margin-top:9px;\n      color:#fff;\n      font-size:19px;\n      line-height:1.42;\n      font-weight:900;\n    }\n\n    .lcc-map-actions{\n      display:flex;\n      flex-wrap:wrap;\n      gap:11px;\n      margin-top:25px;\n    }\n\n    \/* CTA FINAL *\/\n    .lcc-final{\n      position:relative;\n      padding:72px 0;\n      color:#fff;\n      background:\n        linear-gradient(90deg,rgba(116,27,31,.96),rgba(169,42,45,.86)),\n        url(\"https:\/\/logic.maisons-athome.fr\/wp-content\/uploads\/2026\/06\/11.webp\") center\/cover no-repeat;\n      overflow:hidden;\n    }\n\n    .lcc-final:after{\n      content:\"\";\n      position:absolute;\n      right:-180px;\n      top:-240px;\n      width:500px;\n      height:500px;\n      border:90px solid rgba(255,255,255,.09);\n      transform:rotate(45deg);\n    }\n\n    .lcc-final-grid{\n      display:grid;\n      grid-template-columns:minmax(0,1fr) auto;\n      gap:40px;\n      align-items:center;\n    }\n\n    .lcc-final h2{max-width:810px;color:#fff;font-size:clamp(32px,4vw,52px)}\n    .lcc-final p{max-width:670px;margin-top:16px;color:rgba(255,255,255,.84)}\n    .lcc-final-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}\n\n    \/* ANIMATIONS *\/\n    .lcc-reveal{\n      opacity:0;\n      transform:translateY(26px);\n      transition:opacity .72s ease,transform .72s ease;\n    }\n\n    .lcc-reveal.is-visible{opacity:1;transform:none}\n\n    @media(prefers-reduced-motion:reduce){\n      .lcc-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}\n      .lcc-reveal{opacity:1;transform:none}\n    }\n\n    @media(max-width:1040px){\n      .lcc-contact-grid{grid-template-columns:1fr}\n      .lcc-side{min-height:520px}\n      .lcc-map-shell{grid-template-columns:1fr}\n      .lcc-map-card{min-height:390px}\n      .lcc-final-grid{grid-template-columns:1fr}\n      .lcc-final-actions{justify-content:flex-start}\n    }\n\n    @media(max-width:780px){\n      .lcc-wrap{width:min(100% - 28px,1180px)}\n      .lcc-quick-grid{grid-template-columns:1fr}\n      .lcc-quick-item{min-height:105px}\n      .lcc-quick-item+.lcc-quick-item{border-left:0;border-top:1px solid var(--lcc-line)}\n      .lcc-contact-section{padding:72px 0}\n      .lcc-quick{\n        --lcc-quick-cut:158px;\n        padding-bottom:28px;\n      }\n      .lcc-map-section{padding:42px 0 72px}\n      .lcc-contact-head,.lcc-map-head{margin-bottom:32px}\n      .lcc-form-card{padding:27px 21px;border-radius:27px}\n      .lcc-form-row{grid-template-columns:1fr}\n      .lcc-form-bottom{align-items:flex-start;flex-direction:column}\n      .lcc-side{min-height:0;padding:31px 24px}\n      .lcc-map-shell{border-radius:29px}\n      .lcc-map{min-height:440px}\n      .lcc-map-card{padding:34px 25px}\n      .lcc-final{padding:62px 0}\n    }\n\n    @media(max-width:520px){\n      .lcc-page h2{font-size:clamp(30px,9vw,42px)}\n      .lcc-btn{width:100%}\n      .lcc-quick-item{grid-template-columns:46px 1fr;padding:22px 20px}\n      .lcc-quick-icon{width:46px;height:46px;border-radius:15px}\n      .lcc-form-card h3,.lcc-side h3{font-size:25px}\n      .lcc-side-call a{font-size:21px}\n      .lcc-map{min-height:390px}\n    }\n  <\/style>\n\n\n  <div class=\"lcc-contact-section\" id=\"lcc-formulaire\">\n    <div class=\"lcc-wrap\">\n      <div class=\"lcc-contact-head lcc-reveal\">\n        <div>\n          <span class=\"lcc-kicker\">Contactez LOGI-C<\/span>\n          <h2>Parlons de votre projet de construction.<\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"lcc-contact-grid\">\n        <div class=\"lcc-form-card lcc-reveal\">\n          <h3>Envoyer un message<\/h3>\n          <p class=\"lcc-form-intro\">Les champs marqu\u00e9s d\u2019un ast\u00e9risque sont n\u00e9cessaires.<\/p>\n\n          <form class=\"lcc-form\" novalidate>\n            <div class=\"lcc-form-row\">\n              <div class=\"lcc-field\">\n                <label for=\"lcc-nom\">Nom <span>*<\/span><\/label>\n                <input id=\"lcc-nom\" name=\"nom\" type=\"text\" autocomplete=\"family-name\" placeholder=\"Votre nom\" required>\n              <\/div>\n\n              <div class=\"lcc-field\">\n                <label for=\"lcc-prenom\">Pr\u00e9nom <span>*<\/span><\/label>\n                <input id=\"lcc-prenom\" name=\"prenom\" type=\"text\" autocomplete=\"given-name\" placeholder=\"Votre pr\u00e9nom\" required>\n              <\/div>\n            <\/div>\n\n            <div class=\"lcc-form-row\">\n              <div class=\"lcc-field\">\n                <label for=\"lcc-email\">Adresse e-mail <span>*<\/span><\/label>\n                <input id=\"lcc-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"nom@exemple.fr\" required>\n              <\/div>\n\n              <div class=\"lcc-field\">\n                <label for=\"lcc-telephone\">T\u00e9l\u00e9phone<\/label>\n                <input id=\"lcc-telephone\" name=\"telephone\" type=\"tel\" autocomplete=\"tel\" placeholder=\"06 00 00 00 00\">\n              <\/div>\n            <\/div>\n\n            <div class=\"lcc-field\">\n              <label for=\"lcc-message\">Votre message <span>*<\/span><\/label>\n              <textarea id=\"lcc-message\" name=\"message\" placeholder=\"Parlez-nous de votre projet, de votre terrain, de votre budget ou de vos questions\u2026\" required><\/textarea>\n            <\/div>\n\n            <div class=\"lcc-form-bottom\">\n              <button class=\"lcc-btn lcc-btn-red\" type=\"submit\">Envoyer ma demande \u2192<\/button>\n            <\/div>\n\n            <div class=\"lcc-form-status\" role=\"status\" aria-live=\"polite\">Votre messagerie va s\u2019ouvrir avec les informations du formulaire.<\/div>\n          <\/form>\n        <\/div>\n\n        <aside class=\"lcc-side lcc-reveal\">\n          <div class=\"lcc-side-inner\">\n            <span class=\"lcc-kicker is-light\">Votre projet peut concerner<\/span>\n            <h3>Une maison neuve, une r\u00e9novation ou une extension.<\/h3>\n            <p>LOGI-C \u00e9tudie votre besoin et vous met en relation avec des professionnels adapt\u00e9s \u00e0 votre projet.<\/p>\n\n            <div class=\"lcc-topic-list\">\n              <div class=\"lcc-topic\">\u00c9tude d\u2019un projet de maison individuelle<\/div>\n              <div class=\"lcc-topic\">Recherche d\u2019entreprises et d\u2019artisans<\/div>\n              <div class=\"lcc-topic\">R\u00e9novation ou extension d\u2019un logement<\/div>\n              <div class=\"lcc-topic\">Question sur un terrain ou une annonce<\/div>\n              <div class=\"lcc-topic\">Demande d\u2019information sur l\u2019accompagnement LOGI-C<\/div>\n            <\/div>\n\n            <div class=\"lcc-side-call\">\n              <small>Vous pr\u00e9f\u00e9rez \u00e9changer directement ?<\/small>\n              <a href=\"tel:+33472511641\">04 72 51 16 41<\/a>\n            <\/div>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"lcc-quick\">\n    <div class=\"lcc-wrap\">\n      <div class=\"lcc-quick-grid lcc-reveal\">\n        <a class=\"lcc-quick-item\" href=\"tel:+33472511641\">\n          <span class=\"lcc-quick-icon\" aria-hidden=\"true\">\u260e<\/span>\n          <span>\n            <small>T\u00e9l\u00e9phone<\/small>\n            <strong>04 72 51 16 41<\/strong>\n          <\/span>\n        <\/a>\n\n        <a class=\"lcc-quick-item\" href=\"mailto:contact@logi-c.fr\">\n          <span class=\"lcc-quick-icon\" aria-hidden=\"true\">@<\/span>\n          <span>\n            <small>Adresse e-mail<\/small>\n            <strong>contact@logi-c.fr<\/strong>\n          <\/span>\n        <\/a>\n\n        <a class=\"lcc-quick-item\" href=\"#lcc-carte\">\n          <span class=\"lcc-quick-icon\" aria-hidden=\"true\">\u2316<\/span>\n          <span>\n            <small>Nous rencontrer<\/small>\n            <strong>19b rue de la R\u00e9publique<br>69740 Genas<\/strong>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"lcc-map-section\" id=\"lcc-carte\">\n    <div class=\"lcc-wrap\">\n      <div class=\"lcc-map-head lcc-reveal\">\n        <div>\n          <span class=\"lcc-kicker\">Nous rencontrer<\/span>\n          <h2>LOGI-C vous accueille \u00e0 Genas.<\/h2>\n        <\/div>\n        <p>Les \u00e9quipes du Groupe ESR PROM-S sont r\u00e9unies dans un m\u00eame lieu. Pour un rendez-vous, contactez-nous au pr\u00e9alable afin que le bon interlocuteur puisse vous recevoir.<\/p>\n      <\/div>\n\n      <div class=\"lcc-map-shell lcc-reveal\">\n        <div class=\"lcc-map\">\n          <iframe\n            title=\"Carte OpenStreetMap \u2014 LOGI-C, 19b rue de la R\u00e9publique \u00e0 Genas\"\n            loading=\"lazy\"\n            src=\"https:\/\/www.openstreetmap.org\/export\/embed.html?bbox=4.9945%2C45.7266%2C5.0125%2C45.7372&amp;layer=mapnik&amp;marker=45.7319733%2C5.0035\">\n          <\/iframe>\n        <\/div>\n\n        <div class=\"lcc-map-card\">\n          <span class=\"lcc-kicker is-light\">Adresse<\/span>\n          <h3>Au c\u0153ur de Genas, dans le p\u00f4le du Groupe ESR PROM-S.<\/h3>\n          <p>Retrouvez LOGI-C au 19b rue de la R\u00e9publique, \u00e0 proximit\u00e9 du centre de Genas.<\/p>\n\n          <div class=\"lcc-address-box\">\n            <small>LOGI-C<\/small>\n            <strong>19b rue de la R\u00e9publique<br>69740 Genas<\/strong>\n          <\/div>\n\n          <div class=\"lcc-map-actions\">\n            <a class=\"lcc-btn lcc-btn-white\" href=\"https:\/\/www.openstreetmap.org\/search?query=19b%20Rue%20de%20la%20R%C3%A9publique%2069740%20Genas\" target=\"_blank\" rel=\"noopener\">Ouvrir la carte \u2192<\/a>\n            <a class=\"lcc-btn lcc-btn-line-light\" href=\"tel:+33472511641\">Appeler LOGI-C<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"lcc-final\">\n    <div class=\"lcc-wrap\">\n      <div class=\"lcc-final-grid lcc-reveal\">\n        <div>\n          <span class=\"lcc-kicker is-light\">Une premi\u00e8re \u00e9tape simple<\/span>\n          <h2>Votre projet m\u00e9rite une r\u00e9ponse claire.<\/h2>\n          <p>Expliquez-nous votre besoin. Nous vous aiderons \u00e0 poser les premi\u00e8res bases et \u00e0 identifier les bons interlocuteurs.<\/p>\n        <\/div>\n\n        <div class=\"lcc-final-actions\">\n          <a class=\"lcc-btn lcc-btn-white\" href=\"#lcc-formulaire\">Nous \u00e9crire \u2192<\/a>\n          <a class=\"lcc-btn lcc-btn-line-light\" href=\"mailto:contact@logi-c.fr\">contact@logi-c.fr<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var page=document.getElementById('lcc-contact');\n      if(!page){return;}\n\n      var reveals=page.querySelectorAll('.lcc-reveal');\n      if('IntersectionObserver' in window){\n        var observer=new IntersectionObserver(function(entries){\n          entries.forEach(function(entry){\n            if(entry.isIntersecting){\n              entry.target.classList.add('is-visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        },{threshold:.12});\n        reveals.forEach(function(el){observer.observe(el);});\n      }else{\n        reveals.forEach(function(el){el.classList.add('is-visible');});\n      }\n\n      page.querySelectorAll('a[href^=\"#\"]').forEach(function(link){\n        link.addEventListener('click',function(event){\n          var target=page.querySelector(this.getAttribute('href'));\n          if(!target){return;}\n          event.preventDefault();\n          target.scrollIntoView({behavior:'smooth',block:'start'});\n        });\n      });\n\n      var form=page.querySelector('.lcc-form');\n      var status=page.querySelector('.lcc-form-status');\n\n      if(form){\n        form.addEventListener('submit',function(event){\n          event.preventDefault();\n\n          if(!form.checkValidity()){\n            form.reportValidity();\n            return;\n          }\n\n          var data=new FormData(form);\n          var nom=(data.get('nom')||'').toString().trim();\n          var prenom=(data.get('prenom')||'').toString().trim();\n          var email=(data.get('email')||'').toString().trim();\n          var telephone=(data.get('telephone')||'').toString().trim();\n          var message=(data.get('message')||'').toString().trim();\n\n          var subject='Demande de contact LOGI-C \u2014 '+prenom+' '+nom;\n          var body=[\n            'Bonjour,',\n            '',\n            'Je souhaite \u00eatre recontact\u00e9(e) au sujet de mon projet.',\n            '',\n            'Nom : '+nom,\n            'Pr\u00e9nom : '+prenom,\n            'Adresse e-mail : '+email,\n            'T\u00e9l\u00e9phone : '+(telephone||'Non renseign\u00e9'),\n            '',\n            'Message :',\n            message,\n            '',\n            'Cordialement,'\n          ].join('\\n');\n\n          if(status){status.classList.add('is-visible');}\n\n          window.location.href='mailto:contact@logi-c.fr?subject='+encodeURIComponent(subject)+'&body='+encodeURIComponent(body);\n        });\n      }\n    })();\n  <\/script>\n<\/section>\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>Contactez LOGI-C Parlons de votre projet de construction. Envoyer un message Les champs marqu\u00e9s d\u2019un ast\u00e9risque sont n\u00e9cessaires. Nom * Pr\u00e9nom * Adresse e-mail * T\u00e9l\u00e9phone Votre message * Envoyer ma demande \u2192 Votre messagerie va s\u2019ouvrir avec les informations du formulaire. Votre projet peut concerner Une maison neuve, une r\u00e9novation ou une extension. LOGI-C [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":13,"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/logic.maisons-athome.fr\/index.php\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}