{"id":3120,"date":"2024-11-13T10:51:11","date_gmt":"2024-11-13T09:51:11","guid":{"rendered":"https:\/\/preprod.lockroy.fr\/?page_id=3120"},"modified":"2026-09-16T13:32:05","modified_gmt":"2026-09-16T11:32:05","slug":"contact","status":"publish","type":"page","link":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/","title":{"rendered":"Contactez-nous"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3120\" class=\"elementor elementor-3120\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50c42a3 e-con-full e-flex e-con e-child\" data-id=\"50c42a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-59fdcf0 e-con-full e-flex e-con e-child\" data-id=\"59fdcf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69f9dad elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"69f9dad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Votre projet<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98ebe6c elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"98ebe6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Un projet immobilier ?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6fc0cc elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d6fc0cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Parlons-en.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c595cde elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"c595cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;20&quot;,&quot;step_next_label&quot;:&quot;Suivant&quot;,&quot;step_previous_label&quot;:&quot;Pr\\u00e9c\\u00e9dent&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Nouveau formulaire\" aria-label=\"Nouveau formulaire\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"3120\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"c595cde\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Contactez-nous - Lockroy\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"3120\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tVotre pr\u00e9nom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre pr\u00e9nom\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_dc43155 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_dc43155\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tVotre nom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_dc43155]\" id=\"form-field-field_dc43155\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre nom\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"E-mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_2376aba]\" id=\"form-field-field_2376aba\" class=\"elementor-field elementor-size-md \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_61edab1 elementor-col-100 recaptcha_v3-bottomright\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_61edab1\"><div class=\"elementor-g-recaptcha\" data-sitekey=\"6Le3JlosAAAAAC778BOLzVjhzrB6zSvvFKWMircM\" data-type=\"v3\" data-action=\"Form\" data-badge=\"bottomright\" data-size=\"invisible\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-20 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Envoyer<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa65c28 e-con-full e-flex e-con e-parent\" data-id=\"fa65c28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6410792 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"6410792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nos agences<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac4d879 elementor-widget elementor-widget-html\" data-id=\"ac4d879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@100..900&family=Assistant:wght@200..800&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.8.5\/d3.min.js\"><\/script>\n\n<style>\n  .lockroy-agencies-section,\n  .lockroy-agencies-section * {\n    box-sizing: border-box;\n  }\n\n  .lockroy-agencies-section {\n    --map-base: #c3d9ee;\n    --map-hover: #8db2d6;\n    --accent: #3066ab;\n    --dark: #0e3049;\n    --white: #ffffff;\n    --border: rgba(14, 48, 73, 0.08);\n\n    width: 100%;\n    margin: 0 auto;\n    padding: 0;\n    font-family: \"Assistant\", sans-serif;\n    color: var(--dark);\n  }\n\n  \/* =========================================================\n     STRUCTURE PRINCIPALE\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-agencies-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 55%) minmax(0, 45%);\n    align-items: stretch;\n    gap: 40px;\n    width: 100%;\n  }\n\n  \/* =========================================================\n     CARTE\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-map-wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    min-width: 0;\n    padding: 20px; \/* MODIF : r\u00e9duit de 30px \u00e0 20px *\/\n    overflow: hidden;\n    background: var(--white);\n    border-radius: 20px;\n    box-shadow: 0 10px 40px rgba(14, 48, 73, 0.03);\n  }\n\n  .lockroy-agencies-section .lockroy-map-header {\n    margin: 0 0 20px;\n    font-family: \"Assistant\", sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.3;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--accent);\n  }\n\n  .lockroy-agencies-section .lockroy-map-svg {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-height: 610px;\n    margin: auto;\n    overflow: visible;\n  }\n\n  .lockroy-agencies-section .lockroy-region {\n    fill: var(--map-base);\n    stroke: #ffffff;\n    stroke-width: 1.5;\n    cursor: pointer;\n    transition: fill 0.25s ease;\n  }\n\n  .lockroy-agencies-section .lockroy-region.is-active {\n    fill: var(--map-hover);\n  }\n\n  \/* =========================================================\n     POINTS SUR LA CARTE\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-pin {\n    pointer-events: none;\n  }\n\n  .lockroy-agencies-section .lockroy-pin-core {\n    fill: var(--dark);\n  }\n\n  .lockroy-agencies-section .lockroy-pin-halo {\n    fill: #ebf0f6;\n    opacity: 0;\n    transition:\n      opacity 0.25s ease,\n      r 0.25s ease;\n  }\n\n  .lockroy-agencies-section .lockroy-pin.is-active .lockroy-pin-halo {\n    opacity: 0.65;\n    r: 16;\n  }\n\n  \/* =========================================================\n     LISTE DES AGENCES\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-agencies-panel {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    height: 100%;\n  }\n\n  .lockroy-agencies-section .lockroy-agencies-list-wrapper {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .lockroy-agencies-section .lockroy-agencies-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 10px;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .lockroy-agencies-section .lockroy-agencies-list > li {\n    min-width: 0;\n  }\n\n  \/* =========================================================\n     CARTE D'UNE AGENCE\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-agency-card {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    width: 100%;\n    min-width: 0;\n    padding: 18px 24px;\n    color: inherit;\n    text-decoration: none;\n    background: var(--white);\n    border: 1px solid transparent;\n    border-radius: 12px;\n    box-shadow: 0 4px 20px rgba(14, 48, 73, 0.02);\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      box-shadow 0.25s ease;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-card-left {\n    display: flex;\n    align-items: flex-start;\n    min-width: 0;\n    flex: 1;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-info {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    min-width: 0;\n    width: 100%;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-title-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-dot {\n    width: 10px;\n    height: 10px;\n    flex: 0 0 10px;\n    background: var(--dark);\n    border-radius: 50%;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-name {\n    min-width: 0;\n    font-family: \"Assistant\", sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: 0.6px;\n    text-transform: uppercase;\n    color: var(--dark);\n  }\n\n  .lockroy-agencies-section .lockroy-agency-contact {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n    min-width: 0;\n    margin-top: 5px;\n    padding-left: 22px;\n  }\n\n  .lockroy-agencies-section .lockroy-contact-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    font-family: \"Assistant\", sans-serif;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.35;\n    color: #6f94b9;\n  }\n\n  .lockroy-agencies-section .lockroy-contact-item span {\n    min-width: 0;\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n\n  .lockroy-agencies-section .lockroy-contact-item svg {\n    width: 17px;\n    height: 17px;\n    flex: 0 0 17px;\n    margin-top: 2px;\n  }\n\n  .lockroy-agencies-section .lockroy-contact-item svg path,\n  .lockroy-agencies-section .lockroy-contact-item svg circle {\n    fill: none;\n    stroke: #6f94b9;\n    stroke-width: 2;\n  }\n\n  .lockroy-agencies-section\n    .lockroy-contact-item\n    svg[viewBox*=\"-960\"]\n    path {\n    fill: #7a92a5;\n    stroke: none;\n  }\n\n  \/* =========================================================\n     FL\u00c8CHE\n  ========================================================= *\/\n\n  .lockroy-agencies-section .lockroy-agency-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    transition: transform 0.25s ease;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-arrow svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .lockroy-agencies-section .lockroy-agency-arrow path {\n    fill: none;\n    stroke: var(--dark);\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* =========================================================\n     SURVOL\n  ========================================================= *\/\n\n  @media (hover: hover) {\n    .lockroy-agencies-section .lockroy-agency-card:hover,\n    .lockroy-agencies-section .lockroy-agency-card.is-active {\n      transform: translateX(4px);\n      border-color: rgba(14, 48, 73, 0.12);\n      box-shadow: 0 10px 25px rgba(14, 48, 73, 0.06);\n    }\n\n    .lockroy-agencies-section\n      .lockroy-agency-card:hover\n      .lockroy-agency-arrow,\n    .lockroy-agencies-section\n      .lockroy-agency-card.is-active\n      .lockroy-agency-arrow {\n      transform: translateX(4px);\n    }\n  }\n\n  \/* =========================================================\n     TABLETTE\n  ========================================================= *\/\n\n  @media (max-width: 1100px) {\n    .lockroy-agencies-section .lockroy-agencies-layout {\n      grid-template-columns: minmax(0, 52%) minmax(0, 48%);\n      gap: 24px;\n    }\n\n    .lockroy-agencies-section .lockroy-map-wrapper {\n      padding: 18px 16px; \/* MODIF : r\u00e9duit *\/\n    }\n\n    .lockroy-agencies-section .lockroy-agency-card {\n      padding: 16px 18px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-contact {\n      padding-left: 22px;\n    }\n\n    .lockroy-agencies-section .lockroy-contact-item {\n      font-size: 15px;\n    }\n  }\n\n  \/* =========================================================\n     TABLETTE VERTICALE\n  ========================================================= *\/\n\n  @media (max-width: 900px) {\n    .lockroy-agencies-section .lockroy-agencies-layout {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .lockroy-agencies-section .lockroy-map-wrapper {\n      width: 100%;\n      padding: 20px 18px; \/* MODIF : r\u00e9duit *\/\n    }\n\n    .lockroy-agencies-section .lockroy-map-svg {\n      width: min(100%, 620px);\n      max-height: 550px;\n    }\n\n    .lockroy-agencies-section .lockroy-agencies-panel,\n    .lockroy-agencies-section .lockroy-agencies-list-wrapper,\n    .lockroy-agencies-section .lockroy-agencies-list {\n      height: auto;\n    }\n\n    .lockroy-agencies-section .lockroy-agencies-list {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      align-items: stretch;\n      gap: 14px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-card {\n      height: 100%;\n      min-height: 130px;\n    }\n  }\n\n  \/* =========================================================\n     MOBILE\n  ========================================================= *\/\n\n  @media (max-width: 640px) {\n  .lockroy-agencies-section {\n    width: calc(100% + 20px);\n    max-width: none;\n    margin-left: -10px;\n    margin-right: -10px;\n \n}\n    .lockroy-agencies-section .lockroy-agencies-layout {\n      gap: 18px !important;\n    }\n\n    .lockroy-agencies-section .lockroy-map-wrapper {\n      padding: 14px 8px 8px !important; \/* MODIF : r\u00e9duit *\/\n      border-radius: 16px;\n    }\n\n    .lockroy-agencies-section .lockroy-map-header {\n      margin-bottom: 1px;\n      padding-left: 10px !impor;\n      font-size: 12px;\n      letter-spacing: 1.2px;\n    }\n\n    .lockroy-agencies-section .lockroy-map-svg {\n      width: 100%;\n      max-height: none;\n    }\n\n    .lockroy-agencies-section .lockroy-agencies-list {\n      grid-template-columns: 1fr;\n      gap: 10px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-card {\n      min-height: 0;\n      gap: 12px;\n      padding: 16px 15px;\n      border-radius: 10px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-title-row {\n      gap: 10px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-dot {\n      width: 9px;\n      height: 9px;\n      flex-basis: 9px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-name {\n      font-size: 15px;\n      line-height: 1.2;\n      letter-spacing: 0.4px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-contact {\n      gap: 5px;\n      padding-left: 19px;\n    }\n\n    .lockroy-agencies-section .lockroy-contact-item {\n      gap: 8px;\n      font-size: 14px;\n      line-height: 1.3;\n    }\n\n    .lockroy-agencies-section .lockroy-contact-item svg {\n      width: 15px;\n      height: 15px;\n      flex-basis: 15px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-arrow svg {\n      width: 17px;\n      height: 17px;\n    }\n  }\n\n  \/* =========================================================\n     TR\u00c8S PETITS \u00c9CRANS\n  ========================================================= *\/\n\n  @media (max-width: 380px) {\n    .lockroy-agencies-section .lockroy-map-wrapper {\n      padding-right: 8px;\n      padding-left: 8px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-card {\n      padding-right: 12px;\n      padding-left: 12px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-name {\n      font-size: 14px;\n    }\n\n    .lockroy-agencies-section .lockroy-contact-item {\n      font-size: 13px;\n    }\n\n    .lockroy-agencies-section .lockroy-agency-contact {\n      padding-left: 18px;\n    }\n  }\n<\/style>\n\n<section class=\"lockroy-agencies-section\">\n  <div class=\"lockroy-agencies-layout\">\n\n    <div class=\"lockroy-map-wrapper\">\n      <div class=\"lockroy-map-header\">\n        Implantations en France\n      <\/div>\n\n      <svg\n        class=\"lockroy-map-svg\"\n        aria-label=\"Carte des agences Lockroy en France\"\n      ><\/svg>\n    <\/div>\n\n    <div class=\"lockroy-agencies-panel\">\n      <div class=\"lockroy-agencies-list-wrapper\">\n        <ul class=\"lockroy-agencies-list\"><\/ul>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  (function () {\n    const sections = document.querySelectorAll(\n      \".lockroy-agencies-section\"\n    );\n\n    sections.forEach(function (section) {\n      const agencies = [\n        {\n          key: \"bordeaux\",\n          label: \"Lockroy Bordeaux\",\n          region: \"Nouvelle-Aquitaine\",\n          address: \"81, boulevard Pierre 1er 33110 Bordeaux\",\n          email: \"bordeaux@lockroy.fr\",\n          lon: -0.58,\n          lat: 44.84,\n          url: \"\/index.php\/agence-bordeaux-nouvelle-aquitaine\/\"\n        },\n        {\n          key: \"paris\",\n          label: \"Lockroy Paris\",\n          region: \"\u00cele-de-France\",\n          address: \"14, rue Delambre 75014 Paris\",\n          email: \"paris@lockroy.fr\",\n          lon: 2.08,\n          lat: 48.8,\n          url: \"\/index.php\/agence-paris\/\"\n        },\n        {\n          key: \"lyon\",\n          label: \"Lockroy Lyon\",\n          region: \"Auvergne-Rh\u00f4ne-Alpes\",\n          address: \"27, rue Maurice Flandin 69003 Lyon\",\n          email: \"lyon@lockroy.fr\",\n          lon: 4.83,\n          lat: 45.75,\n          url: \"\/index.php\/agence-lyon-rhone-alpes\/\"\n        },\n        {\n          key: \"nantes\",\n          label: \"Lockroy Nantes\",\n          region: \"Pays de la Loire\",\n          address: \"12, avenue Carnot 44000 Nantes\",\n          email: \"nantes@lockroy.fr\",\n          lon: -1.55,\n          lat: 47.22,\n          url: \"\/index.php\/agence-nantes-pays-de-la-loire\/\"\n        },\n        {\n          key: \"lille\",\n          label: \"Lockroy Lille\",\n          region: \"Hauts-de-France\",\n          address: \"165, avenue de la Marne 59700 Marcq-en-Bar\u0153ul\",\n          email: \"lille@lockroy.fr\",\n          lon: 3.07,\n          lat: 50.63,\n          url: \"\/index.php\/agence-lille-hauts-de-france\/\"\n        },\n        {\n          key: \"aix\",\n          label: \"Lockroy Aix\",\n          region: \"Provence-Alpes-C\u00f4te d'Azur\",\n          address:\n            \"1330, rue G. de la Lauzi\u00e8re, Europarc de Pichaury 13290 Aix-en-Provence\",\n          email: \"aix@lockroy.fr\",\n          lon: 5.45,\n          lat: 43.53,\n          url: \"\/index.php\/agence-aix-marseille-paca\/\"\n        },\n        {\n          key: \"strasbourg\",\n          label: \"Lockroy Strasbourg\",\n          region: \"Grand Est\",\n          address: \"\",\n          email: \"contact@lockroy.fr\",\n          lon: 7.75,\n          lat: 48.58,\n          url: \"#\"\n        }\n      ];\n\n      const regionMap = {\n        \"\u00cele-de-France\": \"paris\",\n        \"Hauts-de-France\": \"lille\",\n        \"Pays de la Loire\": \"nantes\",\n        \"Auvergne-Rh\u00f4ne-Alpes\": \"lyon\",\n        \"Nouvelle-Aquitaine\": \"bordeaux\",\n        \"Provence-Alpes-C\u00f4te d'Azur\": \"aix\",\n        \"Grand Est\": \"strasbourg\"\n      };\n\n      const agencyList = section.querySelector(\n        \".lockroy-agencies-list\"\n      );\n\n      const svgNode = section.querySelector(\n        \".lockroy-map-svg\"\n      );\n\n      if (!agencyList || !svgNode || typeof d3 === \"undefined\") {\n        return;\n      }\n\n      agencies.forEach(function (agency) {\n        const listItem = document.createElement(\"li\");\n\n        const addressHtml = agency.address\n          ? `\n            <div class=\"lockroy-contact-item\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n              <\/svg>\n\n              <span>${agency.address}<\/span>\n            <\/div>\n          `\n          : \"\";\n\n        listItem.innerHTML = `\n          <a\n            href=\"${agency.url}\"\n            class=\"lockroy-agency-card\"\n            data-key=\"${agency.key}\"\n          >\n            <div class=\"lockroy-agency-card-left\">\n              <div class=\"lockroy-agency-info\">\n\n                <div class=\"lockroy-agency-title-row\">\n                  <span class=\"lockroy-agency-dot\"><\/span>\n\n                  <span class=\"lockroy-agency-name\">\n                    ${agency.label}\n                  <\/span>\n                <\/div>\n\n                <div class=\"lockroy-agency-contact\">\n                  ${addressHtml}\n\n                  <div class=\"lockroy-contact-item\">\n                    <svg\n                      viewBox=\"0 -960 960 960\"\n                      aria-hidden=\"true\"\n                    >\n                      <path d=\"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z\"><\/path>\n                    <\/svg>\n\n                    <span>${agency.email}<\/span>\n                  <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n\n            <span class=\"lockroy-agency-arrow\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M5 12H19\"><\/path>\n                <path d=\"M13 6L19 12L13 18\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/a>\n        `;\n\n        agencyList.appendChild(listItem);\n      });\n\n      const width = 620;\n      const height = 600;\n\n      const svg = d3\n        .select(svgNode)\n        .attr(\"viewBox\", `0 0 ${width} ${height}`)\n        .attr(\"preserveAspectRatio\", \"xMidYMid meet\");\n\n      const projection = d3\n        .geoConicConformal()\n        .center([2.4, 46.5])\n        .scale(2500)\n        .translate([width \/ 2, height \/ 2]);\n\n      const path = d3.geoPath().projection(projection);\n\n      function activateAgency(key) {\n        svg\n          .selectAll(\".lockroy-region\")\n          .classed(\"is-active\", function () {\n            return this.dataset.agency === key;\n          });\n\n        svg\n          .selectAll(\".lockroy-pin\")\n          .classed(\"is-active\", function () {\n            return this.dataset.key === key;\n          });\n\n        section\n          .querySelectorAll(\".lockroy-agency-card\")\n          .forEach(function (card) {\n            card.classList.toggle(\n              \"is-active\",\n              card.dataset.key === key\n            );\n          });\n      }\n\n      function deactivateAgency() {\n        svg\n          .selectAll(\".lockroy-region\")\n          .classed(\"is-active\", false);\n\n        svg\n          .selectAll(\".lockroy-pin\")\n          .classed(\"is-active\", false);\n\n        section\n          .querySelectorAll(\".lockroy-agency-card\")\n          .forEach(function (card) {\n            card.classList.remove(\"is-active\");\n          });\n      }\n\n      fetch(\n        \"https:\/\/raw.githubusercontent.com\/gregoiredavid\/france-geojson\/master\/regions-version-simplifiee.geojson\"\n      )\n        .then(function (response) {\n          if (!response.ok) {\n            throw new Error(\n              \"Impossible de charger la carte de France.\"\n            );\n          }\n\n          return response.json();\n        })\n        .then(function (geojson) {\n          \/* =========================================================\n             MODIF : recadrage serr\u00e9 du viewBox sur la carte\n             Supprime le blanc autour de la France en calant le\n             viewBox sur les limites r\u00e9elles du trac\u00e9.\n             pad = marge r\u00e9siduelle en px (mettre 0 pour coller aux bords).\n          ========================================================= *\/\n          const bounds = path.bounds(geojson);\n          const pad = 12;\n          svg.attr(\n            \"viewBox\",\n            `${bounds[0][0] - pad} ${bounds[0][1] - pad} ` +\n              `${bounds[1][0] - bounds[0][0] + pad * 2} ` +\n              `${bounds[1][1] - bounds[0][1] + pad * 2}`\n          );\n\n          svg\n            .selectAll(\".lockroy-region\")\n            .data(geojson.features)\n            .enter()\n            .append(\"path\")\n            .attr(\"class\", \"lockroy-region\")\n            .attr(\"d\", path)\n            .each(function (feature) {\n              const agencyKey =\n                regionMap[feature.properties.nom];\n\n              if (agencyKey) {\n                this.dataset.agency = agencyKey;\n              }\n            })\n            .on(\"mouseenter\", function (event, feature) {\n              const agencyKey =\n                regionMap[feature.properties.nom];\n\n              if (agencyKey) {\n                activateAgency(agencyKey);\n              }\n            })\n            .on(\"mouseleave\", function () {\n              deactivateAgency();\n            })\n            .on(\"click\", function (event, feature) {\n              const agencyKey =\n                regionMap[feature.properties.nom];\n\n              if (!agencyKey) {\n                return;\n              }\n\n              const agency = agencies.find(function (item) {\n                return item.key === agencyKey;\n              });\n\n              if (\n                agency &&\n                agency.url &&\n                agency.url !== \"#\"\n              ) {\n                window.location.href = agency.url;\n              }\n            });\n\n          agencies.forEach(function (agency) {\n            const coordinates = projection([\n              agency.lon,\n              agency.lat\n            ]);\n\n            if (!coordinates) {\n              return;\n            }\n\n            const pin = svg\n              .append(\"g\")\n              .attr(\"class\", \"lockroy-pin\")\n              .attr(\"data-key\", agency.key)\n              .attr(\n                \"transform\",\n                `translate(${coordinates[0]},${coordinates[1]})`\n              );\n\n            pin\n              .append(\"circle\")\n              .attr(\"class\", \"lockroy-pin-halo\")\n              .attr(\"r\", 8);\n\n            pin\n              .append(\"circle\")\n              .attr(\"class\", \"lockroy-pin-core\")\n              .attr(\"r\", 5);\n          });\n\n          section\n            .querySelectorAll(\".lockroy-agency-card\")\n            .forEach(function (card) {\n              card.addEventListener(\n                \"mouseenter\",\n                function () {\n                  activateAgency(card.dataset.key);\n                }\n              );\n\n              card.addEventListener(\n                \"mouseleave\",\n                deactivateAgency\n              );\n\n              card.addEventListener(\n                \"focus\",\n                function () {\n                  activateAgency(card.dataset.key);\n                }\n              );\n\n              card.addEventListener(\n                \"blur\",\n                deactivateAgency\n              );\n            });\n        })\n        .catch(function (error) {\n          console.error(\n            \"Erreur de chargement de la carte :\",\n            error\n          );\n        });\n    });\n  })();\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>Votre projet Un projet immobilier ? Parlons-en. Nos agences Implantations en France<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3120","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contactez-nous - Lockroy<\/title>\n<meta name=\"description\" content=\"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contactez-nous - Lockroy\" \/>\n<meta property=\"og:description\" content=\"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/preprod.lockroy.fr\/index.php\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Lockroy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T11:32:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/index.php\\\/contact\\\/\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/index.php\\\/contact\\\/\",\"name\":\"Contactez-nous - Lockroy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#website\"},\"datePublished\":\"2024-11-13T09:51:11+00:00\",\"dateModified\":\"2026-09-16T11:32:05+00:00\",\"description\":\"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/index.php\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/preprod.lockroy.fr\\\/index.php\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/index.php\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contactez-nous\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#website\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\",\"name\":\"Lockroy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/preprod.lockroy.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#organization\",\"name\":\"Lockroy\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/logo_bleu.png\",\"contentUrl\":\"https:\\\/\\\/preprod.lockroy.fr\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/logo_bleu.png\",\"width\":12319,\"height\":2766,\"caption\":\"Lockroy\"},\"image\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contactez-nous - Lockroy","description":"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.","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":"fr_FR","og_type":"article","og_title":"Contactez-nous - Lockroy","og_description":"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.","og_url":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/","og_site_name":"Lockroy","article_modified_time":"2026-09-16T11:32:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/","url":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/","name":"Contactez-nous - Lockroy","isPartOf":{"@id":"https:\/\/preprod.lockroy.fr\/#website"},"datePublished":"2024-11-13T09:51:11+00:00","dateModified":"2026-09-16T11:32:05+00:00","description":"Prenez contact avec Lockroy pour discuter de vos projets. Nous sommes pr\u00e9sents \u00e0 Paris, Lille, Lyon, Bordeaux, Nantes et Aix-en-Provence.","breadcrumb":{"@id":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/preprod.lockroy.fr\/index.php\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/preprod.lockroy.fr\/index.php\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/preprod.lockroy.fr\/"},{"@type":"ListItem","position":2,"name":"Contactez-nous"}]},{"@type":"WebSite","@id":"https:\/\/preprod.lockroy.fr\/#website","url":"https:\/\/preprod.lockroy.fr\/","name":"Lockroy","description":"","publisher":{"@id":"https:\/\/preprod.lockroy.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/preprod.lockroy.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/preprod.lockroy.fr\/#organization","name":"Lockroy","url":"https:\/\/preprod.lockroy.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/preprod.lockroy.fr\/#\/schema\/logo\/image\/","url":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2024\/10\/logo_bleu.png","contentUrl":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2024\/10\/logo_bleu.png","width":12319,"height":2766,"caption":"Lockroy"},"image":{"@id":"https:\/\/preprod.lockroy.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages\/3120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/comments?post=3120"}],"version-history":[{"count":56,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages\/3120\/revisions"}],"predecessor-version":[{"id":15587,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages\/3120\/revisions\/15587"}],"wp:attachment":[{"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/media?parent=3120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}