{"id":12503,"date":"2026-07-03T15:54:11","date_gmt":"2026-07-03T13:54:11","guid":{"rendered":"https:\/\/preprod.lockroy.fr\/?page_id=12503"},"modified":"2026-07-30T10:35:32","modified_gmt":"2026-07-30T08:35:32","slug":"page_accueil","status":"publish","type":"page","link":"https:\/\/preprod.lockroy.fr\/","title":{"rendered":"Page d&rsquo;accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12503\" class=\"elementor elementor-12503\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8b6818 e-con-full e-flex e-con e-parent\" data-id=\"b8b6818\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" move-right=\"\">\n\t\t<div class=\"elementor-element elementor-element-4590272 e-con-full e-flex e-con e-child\" data-id=\"4590272\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6390f2b elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"6390f2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Le Groupe Lockroy<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-960290a elementor-widget__width-initial scroll-move-right elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"960290a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">3 m\u00e9tiers <br><span style=\"color:#5387C9\">au service <br>de vos projets<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21849db elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"21849db\" 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\">L'immobilier d'entreprise, construction et am\u00e9nagement, cl\u00e9 en main<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82f8ebe e-con-full e-flex e-con e-child\" data-id=\"82f8ebe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-935f760 elementor-widget elementor-widget-heading\" data-id=\"935f760\" 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\">Depuis plus de 30 ans, le Groupe Lockroy accompagne les entreprises, investisseurs, utilisateurs et collectivit\u00e9s dans leurs projets immobiliers professionnels.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9733348 elementor-widget elementor-widget-heading\" data-id=\"9733348\" 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\">Conseil strat\u00e9gique, AMO, construction de b\u00e2timents industriels, tertiaires et logistiques, am\u00e9nagement de bureaux et locaux professionnels : nos \u00e9quipes pilotent vos op\u00e9rations de la conception \u00e0 la livraison, avec une approche cl\u00e9 en main.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66ce815 e-con-full e-flex e-con e-parent\" data-id=\"66ce815\" 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-7b9737f elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"7b9737f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;800;900&family=Assistant:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  html,\n  body {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: inherit;\n  }\n\n  \/* --- DESKTOP (Par d\u00e9faut) --- *\/\n  .lockroy-menu {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 50px;\n    width: 100%;\n    padding: 0;\n  }\n\n  .lockroy-arrow-link {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n    text-decoration: none !important;\n  }\n\n  .lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {\n    display: inline-block;\n    max-width: 400px;\n    font-family: 'Assistant', sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    letter-spacing: 1px !important;\n    text-transform: uppercase !important;\n    color: #CFDAEB !important;\n    transition: color 0.3s ease !important;\n  }\n\n  .lockroy-menu .lockroy-arrow-link:hover .lockroy-arrow-text {\n    color: #5387C9 !important;\n  }\n\n  .lockroy-arrow {\n    flex: 0 0 auto;\n  }\n\n  .lockroy-arrow svg {\n    display: block;\n    width: 18px !important;\n    height: 18px !important;\n    transition: transform 0.4s ease;\n  }\n\n  .lockroy-arrow svg path {\n    stroke: #CFDAEB;\n    stroke-width: 2px !important;\n    transition: stroke 0.3s ease;\n  }\n\n  .lockroy-arrow-link:hover .lockroy-arrow svg {\n    transform: translateY(4px);\n  }\n\n  .lockroy-arrow-link:hover .lockroy-arrow svg path {\n    stroke: #5387C9;\n  }\n\n  \/* --- TABLETTE (max-width: 1024px) --- *\/\n  @media (max-width: 1024px) {\n    .lockroy-menu {\n      gap: 30px;\n    }\n\n    .lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {\n      font-size: 14px !important;\n    }\n  }\n\n  \/* --- MOBILE : 2 liens par ligne (max-width: 768px) --- *\/\n  @media (max-width: 768px) {\n    .lockroy-menu {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      column-gap: 20px;\n      row-gap: 24px;\n      align-items: start;\n    }\n\n    .lockroy-arrow-link {\n      width: 100%;\n      align-items: flex-start;\n    }\n\n    .lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {\n      max-width: none !important;\n      font-size: 13px !important;\n      line-height: 1.25 !important;\n      letter-spacing: 0.7px !important;\n    }\n\n    .lockroy-arrow svg {\n      width: 16px !important;\n      height: 16px !important;\n    }\n  }\n\n  \/* --- PETIT MOBILE (max-width: 400px) --- *\/\n  @media (max-width: 400px) {\n    .lockroy-menu {\n      column-gap: 12px;\n      row-gap: 20px;\n    }\n\n    .lockroy-arrow-link {\n      gap: 6px !important;\n    }\n\n    .lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {\n      font-size: 12px !important;\n      letter-spacing: 0.4px !important;\n    }\n  }\n<\/style>\n\n<div class=\"lockroy-menu\">\n\n  <a href=\"#expertise\" class=\"lockroy-arrow-link\">\n    <span class=\"lockroy-arrow\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 4V20\"><\/path>\n        <path d=\"M7 15L12 20L17 15\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"lockroy-arrow-text\">Nos expertises<\/span>\n  <\/a>\n\n  <a href=\"#promesse\" class=\"lockroy-arrow-link\">\n    <span class=\"lockroy-arrow\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 4V20\"><\/path>\n        <path d=\"M7 15L12 20L17 15\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"lockroy-arrow-text\">Notre promesse<\/span>\n  <\/a>\n\n  <a href=\"#histoire\" class=\"lockroy-arrow-link\">\n    <span class=\"lockroy-arrow\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 4V20\"><\/path>\n        <path d=\"M7 15L12 20L17 15\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"lockroy-arrow-text\">Notre histoire<\/span>\n  <\/a>\n\n  <a href=\"#agences\" class=\"lockroy-arrow-link\">\n    <span class=\"lockroy-arrow\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 4V20\"><\/path>\n        <path d=\"M7 15L12 20L17 15\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"lockroy-arrow-text\">Nos agences<\/span>\n  <\/a>\n\n  <a href=\"#contact\" class=\"lockroy-arrow-link\">\n    <span class=\"lockroy-arrow\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M12 4V20\"><\/path>\n        <path d=\"M7 15L12 20L17 15\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"lockroy-arrow-text\">Contactez-nous<\/span>\n  <\/a>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecd6e61 e-con-full e-flex e-con e-parent\" data-id=\"ecd6e61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" move-right=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a63afc0 elementor-widget elementor-widget-image\" data-id=\"a63afc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp\" class=\"attachment-full size-full wp-image-8327\" alt=\"\" srcset=\"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp 2560w, https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-300x200.webp 300w, https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1024x683.webp 1024w, https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-768x512.webp 768w, https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1536x1024.webp 1536w, https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-2048x1366.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43d705b e-con-full e-flex e-con e-parent\" data-id=\"43d705b\" 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-a70c138 elementor-widget elementor-widget-html\" data-id=\"a70c138\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;500;700;900&family=Assistant:wght@400;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .lockroy-features-section,\n  .lockroy-features-section * {\n    box-sizing: border-box;\n  }\n\n  .lockroy-features-section {\n    width: 100%;\n    padding-top: 0;\n    padding-bottom: 30px !important;\n    background: transparent;\n    font-family: 'Assistant', sans-serif;\n  }\n\n  .lockroy-features-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-left: 40px !important;\n    margin-right: 40px !important;\n  }\n\n  .lockroy-feature-card {\n    min-width: 0;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 12px;\n    padding: 40px 30px;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .lockroy-feature-card:hover {\n    background: rgba(255, 255, 255, 0.06);\n    border-color: rgba(255, 255, 255, 0.15);\n    transform: translateY(-5px);\n  }\n\n  .lockroy-feature-number {\n    font-family: 'Alexandria', sans-serif;\n    font-size: 54px;\n    font-weight: 900;\n    color: rgba(255, 255, 255, 0.4);\n    margin-bottom: 25px;\n    line-height: 0.9;\n    letter-spacing: -1px !important;\n    position: relative;\n    display: inline-block;\n    transition: color 0.3s ease;\n    white-space: nowrap;\n  }\n\n  .lockroy-feature-card:hover .lockroy-feature-number {\n    color: rgba(255, 255, 255, 1);\n  }\n\n  .lockroy-feature-number::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 0;\n    width: 25px;\n    height: 3px;\n    background-color: rgba(255, 255, 255, 0.4);\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  .lockroy-feature-card:hover .lockroy-feature-number::after {\n    width: 55px;\n    background-color: rgba(255, 255, 255, 1);\n  }\n\n  .lockroy-feature-text {\n    margin: 0;\n    font-family: 'Alexandria', sans-serif;\n    font-size: 15px !important;\n    font-weight: 600;\n    line-height: 1.3;\n    color: rgba(255, 255, 255, 1);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n  }\n\n  \/* \u00c9cran large inchang\u00e9 : 4 blocs par ligne *\/\n  @media (max-width: 1200px) {\n    .lockroy-features-grid {\n      margin-left: 40px !important;\n      margin-right: 40px !important;\n    }\n  }\n\n  \/* Tablette : 2 blocs par ligne *\/\n  @media (max-width: 1024px) {\n    .lockroy-features-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 15px !important;\n      margin-left: 30px !important;\n      margin-right: 30px !important;\n      margin-bottom: 30px !important;\n    }\n\n    .lockroy-features-section {\n      padding-top: 30px!important;\n      padding-bottom: ;: 30px!important;\n    }\n\n    .lockroy-feature-card {\n      padding: 34px 26px;\n    }\n  }\n\n  \/* Mobile : toujours 2 blocs par ligne *\/\n  @media (max-width: 600px) {\n    .lockroy-features-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 15px !important;\n      margin-left: 0px !important;\n      margin-right: 0px !important;\n    }\n\n    .lockroy-features-section {\n      padding-top: 0px !important;\n      padding-bottom: 0px !important;\n    }\n\n    .lockroy-feature-card {\n      padding: 26px 18px;\n      border-radius: 10px;\n    }\n\n    .lockroy-feature-number {\n      font-size: 38px;\n      margin-bottom: 22px;\n    }\n\n    .lockroy-feature-text {\n      font-size: 12px !important;\n      line-height: 1.25;\n      overflow-wrap: anywhere;\n    }\n  }\n\n  \/* Tr\u00e8s petits \u00e9crans *\/\n  @media (max-width: 380px) {\n    .lockroy-features-grid {\n      gap: 10px;\n      margin-left: 10px !important;\n      margin-right: 10px !important;\n    }\n\n    .lockroy-feature-card {\n      padding: 22px 14px;\n    }\n\n    .lockroy-feature-number {\n      font-size: 32px;\n    }\n\n    .lockroy-feature-text {\n      font-size: 11px !important;\n    }\n  }\n<\/style>\n\n<section class=\"lockroy-features-section\">\n  <div class=\"lockroy-features-grid\">\n\n    <article class=\"lockroy-feature-card\">\n      <div class=\"lockroy-feature-number\">7<\/div>\n      <p class=\"lockroy-feature-text\">Agences<\/p>\n    <\/article>\n\n    <article class=\"lockroy-feature-card\">\n      <div class=\"lockroy-feature-number\">450<\/div>\n      <p class=\"lockroy-feature-text\">Projets<\/p>\n    <\/article>\n\n    <article class=\"lockroy-feature-card\">\n      <div class=\"lockroy-feature-number\">30 ans<\/div>\n      <p class=\"lockroy-feature-text\">D'expertises<\/p>\n    <\/article>\n\n    <article class=\"lockroy-feature-card\">\n      <div class=\"lockroy-feature-number\">75<\/div>\n      <p class=\"lockroy-feature-text\">Collaborateurs<\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-786d0f4 e-con-full e-flex e-con e-parent\" data-id=\"786d0f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0cf887f e-con-full e-flex e-con e-child\" data-id=\"0cf887f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b55bc1 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"0b55bc1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"expertise\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Une expertise int\u00e9gr\u00e9e,<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d92a21 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"8d92a21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">de la strat\u00e9gie \u00e0 la livraison.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c4a61f e-con-full e-flex e-con e-child\" data-id=\"4c4a61f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82fd0e9 elementor-widget elementor-widget-heading\" data-id=\"82fd0e9\" 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\">Conseil strat\u00e9gique, construction cl\u00e9 en main, am\u00e9nagement d'espaces - nos trois p\u00f4les op\u00e8rent ensemble ou s\u00e9par\u00e9ment selon vos besoins, avec un pilotage rigoureux \u00e0 chaque \u00e9tape.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c9bed1 e-con-full e-flex e-con e-parent\" data-id=\"6c9bed1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-455c682 e-con-full e-flex e-con e-child\" data-id=\"455c682\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a800b6e e-con-full metier-card e-flex e-con e-child\" data-id=\"a800b6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2d426fa e-con-full e-flex e-con e-child\" data-id=\"2d426fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-995245e elementor-widget elementor-widget-heading\" data-id=\"995245e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">01<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16e6b0c elementor-widget__width-auto titre-fit elementor-widget elementor-widget-heading\" data-id=\"16e6b0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">AMO \u2022 strat\u00e9gie immobili\u00e8re<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-720c17f elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"720c17f\" 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\">Lockroy Conseil<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-700ab80 elementor-widget elementor-widget-heading\" data-id=\"700ab80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Lockroy Conseil se concentre sur la gestion de vos projets immobiliers d\u2019entreprise. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d30ad9 elementor-widget elementor-widget-heading\" data-id=\"0d30ad9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Nous analysons vos besoins, \u00e9tudions la faisabilit\u00e9 et optimisons les solutions pour vous garantir le succ\u00e8s de vos projets. Nos experts vous aident \u00e0 naviguer dans un environnement r\u00e9glementaire complexe tout en maximisant la rentabilit\u00e9 de vos investissements. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96ef363 e-con-full e-flex e-con e-child\" data-id=\"96ef363\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c2a899 elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9c2a899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bf9fec elementor-widget elementor-widget-heading\" data-id=\"7bf9fec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Anticipons vos besoins pour que chaque projet devienne une r\u00e9ussite.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09caef6 metier-link elementor-widget elementor-widget-html\" data-id=\"09caef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .lockroy-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 auto; \n\n    font-family: 'Assistant', sans-serif;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-align: left ;\n\n    color: #0e3049;\n    text-decoration: none;\n\n    border-bottom: 0.2px solid #c1d1e1;\n    padding-bottom: 2px;\n\n    transition: transform 0.4s ease, color 0.4s ease, border-color 0.4s ease;\n  }\n\n  \/* Conteneur parent pour forcer le centrage *\/\n  .lockroy-btn-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n  @media screen and (max-width: 767px) {\n  .lockroy-btn {\n    border-bottom: none;\n    padding-bottom: 0;\n    line-height: 20px !important;\n}\n\n  .lockroy-btn svg {\n    width: 18px;\n    height: 18px;\n    transition: transform 0.4s ease;\n  }\n  \n\n  .lockroy-btn svg path {\n    stroke: #0e3049;\n    stroke-width: 3;\n    transition: stroke 0.4s ease;\n  }\n\n  \/* \u2728 Hover premium *\/\n  .lockroy-btn:hover {\n    transform: translateX(8px);\n    color: #4AB485 !important;\n    border-bottom-color: #4AB485;\n  }\n\n  .lockroy-btn:hover svg path {\n    stroke: #4AB485!important;\n  }\n<\/style>\n\n<div class=\"lockroy-btn-wrapper\">\n  <a href=\"https:\/\/preprod.lockroy.fr\/index.php\/conseil\/\" class=\"lockroy-btn\">\n    D\u00e9couvrir Lockroy Conseil\n    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n      <path d=\"M5 12H19\"><\/path>\n      <path d=\"M13 6L19 12L13 18\"><\/path>\n    <\/svg>\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bdcc7a e-con-full metier-card e-flex e-con e-child\" data-id=\"9bdcc7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2f2362b e-con-full e-flex e-con e-child\" data-id=\"2f2362b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56b3c77 elementor-widget elementor-widget-heading\" data-id=\"56b3c77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">02<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5b916 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"7e5b916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">contractant g\u00e9n\u00e9ral<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-544e4ba elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"544e4ba\" 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\">Lockroy Construction<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fb0b74 elementor-widget elementor-widget-heading\" data-id=\"4fb0b74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Lockroy Construction g\u00e8re pour vous l\u2019ensemble du processus de construction, du permis de construire \u00e0 la livraison finale. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc5dca8 elementor-widget elementor-widget-heading\" data-id=\"cc5dca8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">En tant que contractant g\u00e9n\u00e9ral, nous concevons et vous offrons des solutions sur mesure, respectueuses des d\u00e9lais et budgets fix\u00e9s, avec un souci constant de la qualit\u00e9 et de la s\u00e9curit\u00e9. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00657f1 e-con-full e-flex e-con e-child\" data-id=\"00657f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9029b elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7f9029b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74c818 elementor-widget elementor-widget-heading\" data-id=\"c74c818\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Construisons ensemble un futur durable et performant.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b873d metier-link elementor-widget elementor-widget-html\" data-id=\"63b873d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* Conteneur parent pour le centrage *\/\n  .lockroy-btn-1-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .lockroy-btn-1 {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    \/* Police Alexandria *\/\n    font-family: 'Alexandria', sans-serif;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-decoration: none;\n\n    color: #0e3049;\n    \/* Bordure fine mais visible (1px rgba) *\/\n    border-bottom: 1px solid rgba(14, 48, 73, 0.2); \n    padding-bottom: 2px;\n\n    \/* \u2705 Transition fluide ajout\u00e9e pour le transform de l'ensemble du bouton *\/\n    transition: transform 0.4s cubic-bezier(.22,1,.36,1), color 0.4s ease, border-color 0.4s ease;\n  }\n  @media screen and (max-width: 767px) {\n  .lockroy-btn-1 {\n    border-bottom: none;\n    padding-bottom: 0;\n    line-height: 20px !important;\n  }\n  .lockroy-btn-1 svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .lockroy-btn-1 svg path {\n    stroke: #0e3049;\n    stroke-width: 2.5;\n    stroke-linecap: round; \/* Bords arrondis pour la fl\u00e8che *\/\n    stroke-linejoin: round;\n    transition: stroke 0.4s ease;\n  }\n\n  \/* \u2728 Hover : Le bouton entier se d\u00e9place *\/\n  .lockroy-btn-1:hover {\n    \/* \u2705 R\u00e9tablissement du mouvement global de 8px vers la droite *\/\n    transform: translateX(8px); \n    color: #d65429 !important;\n    border-bottom-color: #d65429;\n  }\n\n  .lockroy-btn-1:hover svg path {\n    stroke: #d65429;\n  }\n<\/style>\n\n<div class=\"lockroy-btn-1-wrapper\">\n  <a href=\"https:\/\/preprod.lockroy.fr\/index.php\/construction\/\" class=\"lockroy-btn-1\">\n    D\u00e9couvrir Lockroy Construction\n    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n      <path d=\"M5 12H19\"><\/path>\n      <path d=\"M13 6L19 12L13 18\"><\/path>\n    <\/svg>\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15da8b2 e-con-full metier-card e-flex e-con e-child\" data-id=\"15da8b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d9d5032 e-con-full e-flex e-con e-child\" data-id=\"d9d5032\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-006085a elementor-widget elementor-widget-heading\" data-id=\"006085a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">03<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1492877 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"1492877\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">DESIGN &amp; BUILD<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1126040 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"1126040\" 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\">Lockroy Am\u00e9nagement<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c2938b elementor-widget elementor-widget-heading\" data-id=\"6c2938b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Lockroy Am\u00e9nagement vous accompagne dans la cr\u00e9ation d\u2019espaces fonctionnels et esth\u00e9tiques. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da8f7e8 elementor-widget elementor-widget-heading\" data-id=\"da8f7e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Que ce soit pour des bureaux, des ateliers de fabrication ou des espaces commerciaux, nous allions ergonomie et design pour concevoir des lieux de vie et de travail agr\u00e9ables, modulables et inspirants, o\u00f9 chaque d\u00e9tail est pens\u00e9. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5ac00e e-con-full e-flex e-con e-child\" data-id=\"e5ac00e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d329d6d elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d329d6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92ac727 elementor-widget elementor-widget-heading\" data-id=\"92ac727\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Am\u00e9nageons vos espaces avec pr\u00e9cision et inspiration.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-132646a metier-link elementor-widget elementor-widget-html\" data-id=\"132646a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* Conteneur parent pour le centrage *\/\n  .lockroy-btn-2-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .lockroy-btn-2 {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n\n    \/* Police Alexandria *\/\n    font-family: 'Alexandria', sans-serif;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-decoration: none;\n\n    color: #0e3049;\n    \/* Bordure fine mais visible (1px rgba) *\/\n    border-bottom: 1px solid rgba(14, 48, 73, 0.2); \n    padding-bottom: 2px;\n\n    \/* Transition fluide pour le transform de l'ensemble du bouton *\/\n    transition: transform 0.4s cubic-bezier(.22,1,.36,1), color 0.4s ease, border-color 0.4s ease;\n  }\n\n  .lockroy-btn-2 svg {\n    width: 18px;\n    height: 18px;\n  }\n  @media screen and (max-width: 767px) {\n  .lockroy-btn-2 {\n    border-bottom: none;\n    padding-bottom: 0;\n    line-height: 20px !important;\n  }\n\n  .lockroy-btn-2 svg path {\n    stroke: #0e3049;\n    stroke-width: 2.5;\n    stroke-linecap: round; \/* Bords arrondis pour la fl\u00e8che *\/\n    stroke-linejoin: round;\n    transition: stroke 0.4s ease;\n  }\n\n  \/* \u2728 Hover : Le bouton entier se d\u00e9place *\/\n  .lockroy-btn-2:hover {\n    transform: translateX(8px); \n    color: #eda338 !important;\n    border-bottom-color: #eda338;\n  }\n\n  .lockroy-btn-2:hover svg path {\n    stroke: #eda338;\n  }\n<\/style>\n\n<div class=\"lockroy-btn-2-wrapper\">\n  <a href=\"https:\/\/preprod.lockroy.fr\/index.php\/amenagement\/\" class=\"lockroy-btn-2\">\n    D\u00e9couvrir Lockroy Am\u00e9nagement\n    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n      <path d=\"M5 12H19\"><\/path>\n      <path d=\"M13 6L19 12L13 18\"><\/path>\n    <\/svg>\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed584ec e-con-full e-flex e-con e-child\" data-id=\"ed584ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f91c572 e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"f91c572\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" move-right=\"\">\n\t\t<div class=\"elementor-element elementor-element-dbc4a5e e-con-full e-flex e-con e-child\" data-id=\"dbc4a5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8898ba elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"b8898ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">notre promesse<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4f4d9 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"ef4f4d9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"promesse\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La synergie entre<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e53fc71 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e53fc71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">audace, performance\net durabilit\u00e9.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c43632 elementor-widget elementor-widget-heading\" data-id=\"7c43632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Depuis plus de 30 ans, le Groupe Lockroy s\u2019engage aupr\u00e8s de ses clients en offrant des services de qualit\u00e9, bas\u00e9s sur une \u00e9coute attentive et une expertise pointue. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc3cbc elementor-widget elementor-widget-heading\" data-id=\"5dc3cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Notre mission est de vous accompagner dans chaque \u00e9tape de vos projets, de la r\u00e9flexion strat\u00e9gique \u00e0 l\u2019am\u00e9nagement cl\u00e9 en main. <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ae31f2 e-con-full e-flex e-con e-child\" data-id=\"0ae31f2\" 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-7da0419 e-con-full e-transform lockroy-natif-pole-card e-flex e-con e-child\" data-id=\"7da0419\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-4,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f51ed elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon\" data-id=\"62f51ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-comments\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7366c08 e-con-full e-flex e-con e-child\" data-id=\"7366c08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5874c elementor-widget__width-inherit lockroy-pole elementor-widget elementor-widget-heading\" data-id=\"db5874c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">\u00c9coute<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c517c0 lockroy-natif-divider elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7c517c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54e600b elementor-widget elementor-widget-heading\" data-id=\"54e600b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Compr\u00e9hension, d\u00e9finition des besoins et accompagnement.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17bb067 e-con-full e-transform lockroy-natif-pole-card e-flex e-con e-child\" data-id=\"17bb067\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-4,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b61ff8 elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon\" data-id=\"3b61ff8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-pencil-ruler\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M109.46 244.04l134.58-134.56-44.12-44.12-61.68 61.68a7.919 7.919 0 0 1-11.21 0l-11.21-11.21c-3.1-3.1-3.1-8.12 0-11.21l61.68-61.68-33.64-33.65C131.47-3.1 111.39-3.1 99 9.29L9.29 99c-12.38 12.39-12.39 32.47 0 44.86l100.17 100.18zm388.47-116.8c18.76-18.76 18.75-49.17 0-67.93l-45.25-45.25c-18.76-18.76-49.18-18.76-67.95 0l-46.02 46.01 113.2 113.2 46.02-46.03zM316.08 82.71l-297 296.96L.32 487.11c-2.53 14.49 10.09 27.11 24.59 24.56l107.45-18.84L429.28 195.9 316.08 82.71zm186.63 285.43l-33.64-33.64-61.68 61.68c-3.1 3.1-8.12 3.1-11.21 0l-11.21-11.21c-3.09-3.1-3.09-8.12 0-11.21l61.68-61.68-44.14-44.14L267.93 402.5l100.21 100.2c12.39 12.39 32.47 12.39 44.86 0l89.71-89.7c12.39-12.39 12.39-32.47 0-44.86z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f997ad3 e-con-full e-flex e-con e-child\" data-id=\"f997ad3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55cad8a elementor-widget__width-inherit lockroy-pole elementor-widget elementor-widget-heading\" data-id=\"55cad8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Sur-mesure<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f90ed93 lockroy-natif-divider elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f90ed93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe44855 elementor-widget elementor-widget-heading\" data-id=\"fe44855\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Proposition de solutions adapt\u00e9es et optimis\u00e9es .<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c988cee e-con-full e-transform lockroy-natif-pole-card e-flex e-con e-child\" data-id=\"c988cee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-4,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52894d2 elementor-view-stacked elementor-shape-rounded elementor-widget elementor-widget-icon\" data-id=\"52894d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-leaf\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a588d0 e-con-full e-flex e-con e-child\" data-id=\"0a588d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae96ca elementor-widget__width-inherit lockroy-pole elementor-widget elementor-widget-heading\" data-id=\"8ae96ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Agilit\u00e9 &amp; durabilit\u00e9<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ccb293 lockroy-natif-divider elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1ccb293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9058b1f elementor-widget elementor-widget-heading\" data-id=\"9058b1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Int\u00e9gration de solutions durables et innovantes.\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-145e2fb e-con-full e-flex e-con e-parent\" data-id=\"145e2fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1c66b05 e-con-full e-flex e-con e-child\" data-id=\"1c66b05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d232857 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"d232857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">notre histoire<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2063c2 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"a2063c2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"histoire\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">30 ans de projets,<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d5ffb elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b5d5ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">une aventure collective.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dd27ff e-con-full e-flex e-con e-child\" data-id=\"1dd27ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d019969 elementor-widget elementor-widget-heading\" data-id=\"d019969\" 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\">De la cr\u00e9ation d'Abcis Ing\u00e9nierie en 1994 \u00e0 la naissance du Groupe Lockroy en 2024 : une trajectoire b\u00e2tie sur la confiance, l'ambition et l'exigence.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-877ced4 e-con-full e-flex e-con e-parent\" data-id=\"877ced4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c50eae elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"5c50eae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;800&family=Assistant:wght@400;600&family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap\"\n  rel=\"stylesheet\"\n>\n\n<style>\n  \/* ==================================================\n     CONTENEUR GLOBAL DE LA FRISE\n  ================================================== *\/\n\n  .lk-history-frise-container {\n    --lk-history-navy: #0e3049;\n    --lk-history-navy-30: rgba(14, 48, 73, 0.3);\n    --lk-history-navy-12: rgba(14, 48, 73, 0.12);\n    --lk-history-blue: #2e86c1;\n    --lk-history-white: #ffffff;\n    --lk-history-muted: #5a7585;\n    --lk-history-serif: \"DM Serif Display\", Georgia, serif;\n    --lk-history-sans: \"DM Sans\", system-ui, sans-serif;\n    --lk-history-ease: cubic-bezier(0.22, 1, 0.36, 1);\n\n    width: 100%;\n    overflow: hidden;\n    background: var(--lk-history-white);\n    font-family: var(--lk-history-sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .lk-history-frise-container,\n  .lk-history-frise-container *,\n  .lk-history-frise-container *::before,\n  .lk-history-frise-container *::after {\n    box-sizing: border-box;\n  }\n\n  .lk-history-frise-container *,\n  .lk-history-frise-container *::before,\n  .lk-history-frise-container *::after {\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ==================================================\n     ANIMATION D\u2019APPARITION\n  ================================================== *\/\n\n  .lk-history-frise-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition:\n      opacity 0.65s var(--lk-history-ease),\n      transform 0.65s var(--lk-history-ease);\n  }\n\n  .lk-history-frise-reveal.lk-history-frise-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  \/* ==================================================\n     STRUCTURE G\u00c9N\u00c9RALE\n  ================================================== *\/\n\n  .lk-history-frise {\n    width: 100%;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .lk-history-frise__scroll-container {\n    position: relative;\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 60px;\n  }\n\n  .lk-history-frise__scroll-wrap {\n    position: relative;\n    width: 100%;\n  }\n\n  .lk-history-frise__scroll-wrap::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 2;\n    width: 60px;\n    pointer-events: none;\n    background: linear-gradient(\n      to left,\n      var(--lk-history-white),\n      transparent\n    );\n  }\n\n  \/* ==================================================\n     PISTE HORIZONTALE\n  ================================================== *\/\n\n  .lk-history-frise__track {\n    position: relative;\n    display: flex;\n    gap: 60px;\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 32px 0 10px;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    cursor: grab;\n  }\n\n  .lk-history-frise__track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .lk-history-frise__track:active {\n    cursor: grabbing;\n  }\n\n  \/* ==================================================\n     LIGNE DE LA FRISE\n  ================================================== *\/\n\n  .lk-history-frise__line {\n    position: absolute;\n    top: 43px;\n    right: -2000px;\n    left: -5000px;\n    z-index: 0;\n    height: 1px;\n    background: rgba(47, 103, 172, 0.2);\n  }\n\n  \/* ==================================================\n     \u00c9TAPES\n  ================================================== *\/\n\n  .lk-history-frise__step {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex: 0 0 300px;\n    flex-direction: column;\n    align-items: center;\n    width: 300px;\n    text-align: center;\n  }\n\n  .lk-history-frise__step:last-child {\n    margin-right: 100px;\n  }\n\n  \/* ==================================================\n     POINTS\n  ================================================== *\/\n\n  .lk-history-frise__dot-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 22px;\n    margin-bottom: 18px;\n  }\n\n  .lk-history-frise__dot {\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border: 2px solid rgba(47, 103, 172, 0.4);\n    border-radius: 50%;\n    background: var(--lk-history-white);\n    transition:\n      background 0.3s ease,\n      border-color 0.3s ease;\n  }\n\n  .lk-history-frise__dot::after {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(47, 103, 172, 0.4);\n    transition: background 0.3s ease;\n  }\n\n  .lk-history-frise__step:hover .lk-history-frise__dot,\n  .lk-history-frise__step--key:hover .lk-history-frise__dot {\n    border-color: rgba(47, 103, 172, 1);\n    background: var(--lk-history-white);\n  }\n\n  .lk-history-frise__step:hover .lk-history-frise__dot::after,\n  .lk-history-frise__step--key:hover .lk-history-frise__dot::after {\n    background: rgba(47, 103, 172, 1);\n  }\n\n  \/* ==================================================\n     ANN\u00c9ES\n  ================================================== *\/\n\n  .lk-history-frise__year {\n    width: 100%;\n    margin-bottom: 8px;\n    font-family: \"Alexandria\", sans-serif;\n    font-size: 30px;\n    font-weight: 800;\n    line-height: 1;\n    color: rgba(47, 103, 172, 1);\n    text-align: center;\n  }\n\n  \/* ==================================================\n     TEXTES\n  ================================================== *\/\n\n  .lk-history-frise__text {\n    width: 70%;\n    margin: 0 auto;\n    font-family: \"Assistant\", sans-serif;\n    font-size: 18px;\n    line-height: 21px;\n    color: var(--lk-history-muted);\n    text-align: center;\n  }\n\n  \/* ==================================================\n     \u00c9TAPES CL\u00c9S\n  ================================================== *\/\n\n  .lk-history-frise__step--key .lk-history-frise__dot {\n    border-color: var(--lk-history-navy);\n    background: var(--lk-history-navy);\n  }\n\n  .lk-history-frise__step--key .lk-history-frise__dot::after {\n    background: var(--lk-history-white);\n  }\n\n  .lk-history-frise__step--key .lk-history-frise__year {\n    color: var(--lk-history-navy);\n  }\n\n  \/* ==================================================\n     BOUTONS DE NAVIGATION\n  ================================================== *\/\n\n  .lk-history-frise__nav-btn {\n    position: absolute;\n    top: 45px;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 33px;\n    height: 33px;\n    border: 1px solid rgba(47, 103, 172, 0.2);\n    border-radius: 50%;\n    background: var(--lk-history-white);\n    color: rgba(47, 103, 172, 1);\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: all 0.3s var(--lk-history-ease);\n  }\n\n  .lk-history-frise__nav-btn:hover {\n    border-color: var(--lk-history-navy);\n    background: var(--lk-history-navy);\n    color: var(--lk-history-white);\n    box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1);\n  }\n\n  .lk-history-frise__nav-btn:active,\n  .lk-history-frise__nav-btn:focus {\n    border-color: var(--lk-history-navy) !important;\n    background: var(--lk-history-navy) !important;\n    color: var(--lk-history-white) !important;\n    outline: none !important;\n    box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1) !important;\n  }\n\n  .lk-history-frise__nav-btn svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n  }\n\n  .lk-history-frise__nav-btn--prev {\n    left: 10px;\n  }\n\n  .lk-history-frise__nav-btn--next {\n    right: 10px;\n  }\n\n  \/* ==================================================\n     TABLETTE\n  ================================================== *\/\n\n  @media screen and (max-width: 1024px) {\n    .lk-history-frise__scroll-container {\n      padding: 0 45px;\n    }\n\n    .lk-history-frise__track {\n      gap: 40px;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: 0;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .lk-history-frise__step {\n      flex-basis: 260px;\n      width: 260px;\n      scroll-snap-align: start;\n    }\n\n    .lk-history-frise__step:last-child {\n      margin-right: 70px;\n    }\n\n    .lk-history-frise__year {\n      font-size: 27px;\n    }\n\n    .lk-history-frise__text {\n      width: 85%;\n      font-size: 17px;\n      line-height: 21px;\n    }\n\n    .lk-history-frise__nav-btn--prev {\n      left: 2px;\n    }\n\n    .lk-history-frise__nav-btn--next {\n      right: 2px;\n    }\n  }\n\n  \/* ==================================================\n     MOBILE\n  ================================================== *\/\n\n  @media screen and (max-width: 767px) {\n    .lk-history-frise__scroll-container {\n      padding: 0 38px;\n    }\n\n    .lk-history-frise__scroll-wrap::after {\n      width: 35px;\n    }\n\n    .lk-history-frise__track {\n      gap: 20px;\n      padding: 27px 0 10px;\n      scroll-snap-type: x mandatory;\n      scroll-padding-left: 0;\n      overscroll-behavior-x: contain;\n      touch-action: pan-x;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .lk-history-frise__line {\n      top: 38px;\n    }\n\n    .lk-history-frise__step {\n      flex: 0 0 calc(100vw - 110px);\n      width: calc(100vw - 110px);\n      min-width: 220px;\n      max-width: 280px;\n      scroll-snap-align: start;\n    }\n\n    .lk-history-frise__step:last-child {\n      margin-right: 45px;\n    }\n\n    .lk-history-frise__dot-wrap {\n      margin-bottom: 16px;\n    }\n\n    .lk-history-frise__dot {\n      width: 20px;\n      height: 20px;\n    }\n\n    .lk-history-frise__dot::after {\n      width: 7px;\n      height: 7px;\n    }\n\n    .lk-history-frise__year {\n      margin-bottom: 9px;\n      font-size: 25px;\n    }\n\n    .lk-history-frise__text {\n      width: 100%;\n      max-width: 250px;\n      padding: 0 6px;\n      font-size: 16px;\n      line-height: 20px;\n    }\n\n    .lk-history-frise__nav-btn {\n      top: 39px;\n      width: 30px;\n      height: 30px;\n    }\n\n    .lk-history-frise__nav-btn svg {\n      width: 14px;\n      height: 14px;\n    }\n\n    .lk-history-frise__nav-btn--prev {\n      left: 3px;\n    }\n\n    .lk-history-frise__nav-btn--next {\n      right: 3px;\n    }\n  }\n\n  \/* ==================================================\n     TR\u00c8S PETITS \u00c9CRANS\n  ================================================== *\/\n\n  @media screen and (max-width: 420px) {\n    .lk-history-frise__scroll-container {\n      padding: 0 34px;\n    }\n\n    .lk-history-frise__track {\n      gap: 16px;\n    }\n\n    .lk-history-frise__step {\n      flex-basis: calc(100vw - 92px);\n      width: calc(100vw - 92px);\n      min-width: 210px;\n    }\n\n    .lk-history-frise__year {\n      font-size: 23px;\n    }\n\n    .lk-history-frise__text {\n      max-width: 230px;\n      font-size: 15px;\n      line-height: 19px;\n    }\n\n    .lk-history-frise__nav-btn {\n      width: 28px;\n      height: 28px;\n    }\n\n    .lk-history-frise__nav-btn--prev {\n      left: 1px;\n    }\n\n    .lk-history-frise__nav-btn--next {\n      right: 1px;\n    }\n  }\n\n  \/* ==================================================\n     R\u00c9DUCTION DES ANIMATIONS\n  ================================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .lk-history-frise-reveal,\n    .lk-history-frise__track,\n    .lk-history-frise__dot,\n    .lk-history-frise__nav-btn {\n      scroll-behavior: auto;\n      transition: none;\n    }\n  }\n<\/style>\n\n<div class=\"lk-history-frise-container\">\n  <section class=\"lk-history-frise\">\n\n    <div\n      class=\"lk-history-frise__scroll-container lk-history-frise-reveal\"\n    >\n\n      <button\n        class=\"lk-history-frise__nav-btn lk-history-frise__nav-btn--prev\"\n        id=\"lk-history-frise-prev\"\n        type=\"button\"\n        aria-label=\"Afficher l\u2019\u00e9tape pr\u00e9c\u00e9dente\"\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M15 19l-7-7 7-7\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ><\/path>\n        <\/svg>\n      <\/button>\n\n      <button\n        class=\"lk-history-frise__nav-btn lk-history-frise__nav-btn--next\"\n        id=\"lk-history-frise-next\"\n        type=\"button\"\n        aria-label=\"Afficher l\u2019\u00e9tape suivante\"\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M9 5l7 7-7 7\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ><\/path>\n        <\/svg>\n      <\/button>\n\n      <div class=\"lk-history-frise__scroll-wrap\">\n\n        <div\n          class=\"lk-history-frise__track\"\n          id=\"lk-history-frise-track\"\n        >\n\n          <div class=\"lk-history-frise__line\"><\/div>\n\n          <div\n            class=\"lk-history-frise__step lk-history-frise__step--key\"\n          >\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              1994\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Cr\u00e9ation d'Abcis Ing\u00e9nierie, ma\u00eetre d'\u0153uvre, par Thierry Hallot.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2010\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Arriv\u00e9e de Jean Baboin et Aymeric Gerbault.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2016\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Cr\u00e9ation de l'activit\u00e9 contractant g\u00e9n\u00e9ral.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2017\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Reprise de l'entreprise par Jean Baboin et Aymeric Gerbault.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2020\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Louis Jacquet rejoint Abcis avec Sejim pour d\u00e9velopper l'activit\u00e9 conseil.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2021\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Cr\u00e9ation des premi\u00e8res agences en r\u00e9gion pour se rapprocher des clients.\n            <\/div>\n          <\/div>\n\n          <div class=\"lk-history-frise__step\">\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2022\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Lancement de l'activit\u00e9 am\u00e9nagement d'espaces int\u00e9rieurs cl\u00e9 en main.\n            <\/div>\n          <\/div>\n\n          <div\n            class=\"lk-history-frise__step lk-history-frise__step--key\"\n          >\n            <div class=\"lk-history-frise__dot-wrap\">\n              <div class=\"lk-history-frise__dot\"><\/div>\n            <\/div>\n\n            <div class=\"lk-history-frise__year\">\n              2024\n            <\/div>\n\n            <div class=\"lk-history-frise__text\">\n              Abcis devient le <strong>Groupe Lockroy<\/strong> avec 3 p\u00f4les :\n              Conseil, Construction, Am\u00e9nagement.\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n  (function () {\n    var friseContainer = document.querySelector(\n      \".lk-history-frise-container\"\n    );\n\n    if (!friseContainer) {\n      return;\n    }\n\n    var revealElements = friseContainer.querySelectorAll(\n      \".lk-history-frise-reveal\"\n    );\n\n    if (!(\"IntersectionObserver\" in window)) {\n      revealElements.forEach(function (element) {\n        element.classList.add(\"lk-history-frise-visible\");\n      });\n    } else {\n      var observer = new IntersectionObserver(\n        function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\n                \"lk-history-frise-visible\"\n              );\n\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        {\n          threshold: 0.1\n        }\n      );\n\n      revealElements.forEach(function (element) {\n        observer.observe(element);\n      });\n    }\n\n    var track = friseContainer.querySelector(\n      \"#lk-history-frise-track\"\n    );\n\n    var btnPrev = friseContainer.querySelector(\n      \"#lk-history-frise-prev\"\n    );\n\n    var btnNext = friseContainer.querySelector(\n      \"#lk-history-frise-next\"\n    );\n\n    if (!track || !btnPrev || !btnNext) {\n      return;\n    }\n\n    function getStepWidth() {\n      var firstStep = track.querySelector(\n        \".lk-history-frise__step\"\n      );\n\n      if (!firstStep) {\n        return 360;\n      }\n\n      var trackStyles = window.getComputedStyle(track);\n\n      var gap =\n        parseFloat(\n          trackStyles.columnGap || trackStyles.gap\n        ) || 0;\n\n      return (\n        firstStep.getBoundingClientRect().width + gap\n      );\n    }\n\n    btnPrev.addEventListener(\"click\", function () {\n      track.scrollBy({\n        left: -getStepWidth(),\n        behavior: \"smooth\"\n      });\n    });\n\n    btnNext.addEventListener(\"click\", function () {\n      track.scrollBy({\n        left: getStepWidth(),\n        behavior: \"smooth\"\n      });\n    });\n\n    var isDragging = false;\n    var startX = 0;\n    var initialScrollLeft = 0;\n\n    track.addEventListener(\"mousedown\", function (event) {\n      isDragging = true;\n      startX = event.pageX - track.offsetLeft;\n      initialScrollLeft = track.scrollLeft;\n\n      track.style.cursor = \"grabbing\";\n      track.style.scrollBehavior = \"auto\";\n    });\n\n    track.addEventListener(\"mousemove\", function (event) {\n      if (!isDragging) {\n        return;\n      }\n\n      event.preventDefault();\n\n      var currentX = event.pageX - track.offsetLeft;\n      var distance = currentX - startX;\n\n      track.scrollLeft =\n        initialScrollLeft - distance * 1.2;\n    });\n\n    track.addEventListener(\"mouseleave\", stopDragging);\n\n    document.addEventListener(\"mouseup\", stopDragging);\n\n    function stopDragging() {\n      isDragging = false;\n      track.style.cursor = \"grab\";\n      track.style.scrollBehavior = \"smooth\";\n    }\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51ebbab elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"51ebbab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;800&family=Assistant:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .lockroy-mobile-timeline,\n  .lockroy-mobile-timeline * {\n    box-sizing: border-box;\n  }\n\n  \/* Masqu\u00e9e par d\u00e9faut sur ordinateur *\/\n  .lockroy-mobile-timeline {\n    display: none;\n  }\n\n    \/* Masque la frise horizontale sur mobile *\/\n    .histoire__scroll-container {\n      display: none !important;\n    }\n\n    .lockroy-mobile-timeline {\n      display: block;\n      width: 100%;\n      overflow: hidden;\n      background: #ffffff;\n      font-family: 'Assistant', sans-serif;\n    }\n\n    .lockroy-mobile-timeline__wrapper {\n      position: relative;\n      width: 100%;\n      margin: 0 auto;\n      padding: 0px 10px;\n    }\n\n    .lockroy-mobile-timeline__viewport {\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      transition: height 0.45s ease;\n    }\n\n    .lockroy-mobile-timeline__list {\n      position: relative;\n      width: 100%;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n      will-change: transform;\n    }\n\n    \/* Ligne verticale *\/\n    .lockroy-mobile-timeline__list::before {\n      content: '';\n      position: absolute;\n      top: 11px;\n      bottom: 11px;\n      left: 16px;\n      width: 1px;\n      background: rgba(47, 103, 172, 0.22);\n    }\n\n    .lockroy-mobile-timeline__item {\n      position: relative;\n      display: grid;\n      grid-template-columns: 34px minmax(0, 1fr);\n      column-gap: 18px;\n      width: 100%;\n      min-height: 150px;\n      padding-bottom: 26px;\n    }\n\n    .lockroy-mobile-timeline__marker {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      justify-content: center;\n      padding-top: 3px;\n    }\n\n    .lockroy-mobile-timeline__dot {\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      width: 22px;\n      height: 22px;\n      border: 2px solid rgba(47, 103, 172, 0.4);\n      border-radius: 50%;\n      background: #ffffff;\n    }\n\n    .lockroy-mobile-timeline__dot::after {\n      content: '';\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(47, 103, 172, 0.4);\n    }\n\n    .lockroy-mobile-timeline__item--key\n    .lockroy-mobile-timeline__dot {\n      border-color: #0e3049;\n      background: #0e3049;\n    }\n\n    .lockroy-mobile-timeline__item--key\n    .lockroy-mobile-timeline__dot::after {\n      background: #ffffff;\n    }\n\n    .lockroy-mobile-timeline__content {\n      min-width: 0;\n      padding-right: 4px;\n    }\n\n    .lockroy-mobile-timeline__year {\n      margin: 0 0 9px;\n      font-family: 'Alexandria', sans-serif;\n      font-size: 28px;\n      font-weight: 800;\n      line-height: 1;\n      color: #2f67ac;\n    }\n\n    .lockroy-mobile-timeline__item--key\n    .lockroy-mobile-timeline__year {\n      color: #0e3049;\n    }\n\n    .lockroy-mobile-timeline__text {\n      margin: 0;\n      font-family: 'Assistant', sans-serif;\n      font-size: 17px;\n      font-weight: 400;\n      line-height: 1.4;\n      color: #5a7585;\n    }\n\n    \/* Boutons *\/\n    .lockroy-mobile-timeline__button {\n      position: absolute;\n      left: 50%;\n      z-index: 10;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 36px;\n      height: 36px;\n      padding: 0;\n      border: 1px solid rgba(47, 103, 172, 0.22);\n      border-radius: 50%;\n      background: #ffffff;\n      color: #2f67ac;\n      cursor: pointer;\n      transform: translateX(-50%);\n      transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n\n    .lockroy-mobile-timeline__button--prev {\n      top: 0;\n    }\n\n    .lockroy-mobile-timeline__button--next {\n      bottom: 0;\n    }\n\n    .lockroy-mobile-timeline__button:hover {\n      border-color: #0e3049;\n      background: #0e3049;\n      color: #ffffff;\n      box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1);\n    }\n\n    .lockroy-mobile-timeline__button:focus,\n    .lockroy-mobile-timeline__button:active {\n      border-color: #0e3049 !important;\n      background: #0e3049 !important;\n      color: #ffffff !important;\n      outline: none !important;\n    }\n\n    .lockroy-mobile-timeline__button:disabled {\n      opacity: 0.28;\n      cursor: default;\n      pointer-events: none;\n    }\n\n    .lockroy-mobile-timeline__button svg {\n      width: 17px;\n      height: 17px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 2;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .lockroy-mobile-timeline {\n      padding-right: 14px;\n      padding-left: 14px;\n    }\n\n    .lockroy-mobile-timeline__wrapper {\n      padding-top: 46px;\n      padding-bottom: 46px;\n    }\n\n    .lockroy-mobile-timeline__item {\n      grid-template-columns: 30px minmax(0, 1fr);\n      column-gap: 14px;\n      min-height: 145px;\n      padding-bottom: 22px;\n    }\n\n    .lockroy-mobile-timeline__list::before {\n      left: 14px;\n    }\n\n    .lockroy-mobile-timeline__dot {\n      width: 20px;\n      height: 20px;\n    }\n\n    .lockroy-mobile-timeline__dot::after {\n      width: 7px;\n      height: 7px;\n    }\n\n    .lockroy-mobile-timeline__year {\n      font-size: 25px;\n    }\n\n    .lockroy-mobile-timeline__text {\n      font-size: 16px;\n      line-height: 1.38;\n    }\n\n    .lockroy-mobile-timeline__button {\n      width: 34px;\n      height: 34px;\n    }\n  }\n<\/style>\n\n<div class=\"lockroy-mobile-timeline\">\n  <div class=\"lockroy-mobile-timeline__wrapper\">\n\n    <button\n      class=\"lockroy-mobile-timeline__button lockroy-mobile-timeline__button--prev\"\n      type=\"button\"\n      aria-label=\"Afficher les trois dates pr\u00e9c\u00e9dentes\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M18 15l-6-6-6 6\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ><\/path>\n      <\/svg>\n    <\/button>\n\n    <div class=\"lockroy-mobile-timeline__viewport\">\n      <ol class=\"lockroy-mobile-timeline__list\">\n\n        <li class=\"lockroy-mobile-timeline__item lockroy-mobile-timeline__item--key\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">1994<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Cr\u00e9ation d'Abcis Ing\u00e9nierie, ma\u00eetre d'\u0153uvre, par Thierry Hallot.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2010<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Arriv\u00e9e de Jean Baboin et Aymeric Gerbault.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2016<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Cr\u00e9ation de l'activit\u00e9 contractant g\u00e9n\u00e9ral.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2017<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Reprise de l'entreprise par Jean Baboin et Aymeric Gerbault.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2020<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Louis Jacquet rejoint Abcis avec Sejim pour d\u00e9velopper l'activit\u00e9 conseil.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2021<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Cr\u00e9ation des premi\u00e8res agences en r\u00e9gion pour se rapprocher des clients.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2022<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Lancement de l'activit\u00e9 am\u00e9nagement d'espaces int\u00e9rieurs cl\u00e9 en main.\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <li class=\"lockroy-mobile-timeline__item lockroy-mobile-timeline__item--key\">\n          <div class=\"lockroy-mobile-timeline__marker\">\n            <span class=\"lockroy-mobile-timeline__dot\"><\/span>\n          <\/div>\n\n          <div class=\"lockroy-mobile-timeline__content\">\n            <h3 class=\"lockroy-mobile-timeline__year\">2024<\/h3>\n            <p class=\"lockroy-mobile-timeline__text\">\n              Abcis devient le <strong>Groupe Lockroy<\/strong> avec 3 p\u00f4les :\n              Conseil, Construction et Am\u00e9nagement.\n            <\/p>\n          <\/div>\n        <\/li>\n\n      <\/ol>\n    <\/div>\n\n    <button\n      class=\"lockroy-mobile-timeline__button lockroy-mobile-timeline__button--next\"\n      type=\"button\"\n      aria-label=\"Afficher les trois dates suivantes\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path\n          d=\"M6 9l6 6 6-6\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ><\/path>\n      <\/svg>\n    <\/button>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    var timelines = document.querySelectorAll('.lockroy-mobile-timeline');\n\n    timelines.forEach(function (timeline) {\n      var viewport = timeline.querySelector(\n        '.lockroy-mobile-timeline__viewport'\n      );\n\n      var list = timeline.querySelector(\n        '.lockroy-mobile-timeline__list'\n      );\n\n      var items = Array.prototype.slice.call(\n        timeline.querySelectorAll('.lockroy-mobile-timeline__item')\n      );\n\n      var previousButton = timeline.querySelector(\n        '.lockroy-mobile-timeline__button--prev'\n      );\n\n      var nextButton = timeline.querySelector(\n        '.lockroy-mobile-timeline__button--next'\n      );\n\n      if (\n        !viewport ||\n        !list ||\n        !items.length ||\n        !previousButton ||\n        !nextButton\n      ) {\n        return;\n      }\n\n      var itemsPerGroup = 3;\n      var currentGroup = 0;\n      var totalGroups = Math.ceil(items.length \/ itemsPerGroup);\n\n      function getStartIndex() {\n        return currentGroup * itemsPerGroup;\n      }\n\n      function getItemOffset(index) {\n        var offset = 0;\n\n        for (var i = 0; i < index; i++) {\n          offset += items[i].getBoundingClientRect().height;\n        }\n\n        return offset;\n      }\n\n      function getVisibleGroupHeight() {\n        var startIndex = getStartIndex();\n        var endIndex = Math.min(\n          startIndex + itemsPerGroup,\n          items.length\n        );\n\n        var height = 0;\n\n        for (var i = startIndex; i < endIndex; i++) {\n          height += items[i].getBoundingClientRect().height;\n        }\n\n        return height;\n      }\n\n      function updateTimeline(animate) {\n        var startIndex = getStartIndex();\n        var offset = getItemOffset(startIndex);\n        var visibleHeight = getVisibleGroupHeight();\n\n        if (!animate) {\n          list.style.transition = 'none';\n        }\n\n        list.style.transform = 'translateY(-' + offset + 'px)';\n        viewport.style.height = visibleHeight + 'px';\n\n        previousButton.disabled = currentGroup === 0;\n        nextButton.disabled = currentGroup >= totalGroups - 1;\n\n        if (!animate) {\n          requestAnimationFrame(function () {\n            list.style.transition = '';\n          });\n        }\n      }\n\n      previousButton.addEventListener('click', function () {\n        if (currentGroup <= 0) {\n          return;\n        }\n\n        currentGroup -= 1;\n        updateTimeline(true);\n      });\n\n      nextButton.addEventListener('click', function () {\n        if (currentGroup >= totalGroups - 1) {\n          return;\n        }\n\n        currentGroup += 1;\n        updateTimeline(true);\n      });\n\n      var resizeTimer;\n\n      window.addEventListener('resize', function () {\n        clearTimeout(resizeTimer);\n\n        resizeTimer = setTimeout(function () {\n          updateTimeline(false);\n        }, 150);\n      });\n\n      window.addEventListener('load', function () {\n        updateTimeline(false);\n      });\n\n      updateTimeline(false);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38d03a6 e-con-full e-flex e-con e-child\" data-id=\"38d03a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3686379 e-con-full e-flex e-con e-parent\" data-id=\"3686379\" 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-0fab28c elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"0fab28c\" 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-27e0d94 elementor-widget elementor-widget-html\" data-id=\"27e0d94\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"agences\" 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: 30px;\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: 26px 22px;\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: 28px 24px;\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: 18px 10px 10px !important;\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: 10px;\n      padding-left: 10px;\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          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<div class=\"elementor-element elementor-element-9f137ef e-con-full e-flex e-con e-parent\" data-id=\"9f137ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5b9fe1f e-con-full e-flex e-con e-child\" data-id=\"5b9fe1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6649590 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"6649590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Votre projet<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda30f2 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"bda30f2\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contact\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un projet immobilier ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cfd678 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9cfd678\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Parlons-en.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0422c2 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"f0422c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Nos \u00e9quipes vous accompagnent d\u00e8s la premi\u00e8re r\u00e9flexion. Prenez contact avec nos experts pour un premier \u00e9change sans engagement.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20eb214 metier-link elementor-widget elementor-widget-html\" data-id=\"20eb214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .lockroy-btn-4 {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin: 0 auto; \n\n    font-family: 'Assistant', sans-serif;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    text-align: left ;\n\n    color: #0e3049;\n    text-decoration: none;\n\n    border-bottom: 0.2px solid #c1d1e1;\n    padding-bottom: 2px;\n\n    transition: transform 0.4s ease, color 0.4s ease, border-color 0.4s ease;\n  }\n\n  \/* Conteneur parent pour forcer le centrage *\/\n  .lockroy-btn-4-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .lockroy-btn-4 svg {\n    width: 18px;\n    height: 18px;\n    transition: transform 0.4s ease;\n  }\n\n  .lockroy-btn-4 svg path {\n    stroke: #0e3049;\n    stroke-width: 3;\n    transition: stroke 0.4s ease;\n  }\n\n  \/* \u2728 Hover premium *\/\n  .lockroy-btn-4:hover {\n    transform: translateX(8px);\n    color: #3066AB !important;\n    border-bottom-color: #3066AB;\n  }\n\n  .lockroy-btn-4:hover svg path {\n    stroke: #3066AB !important;\n  }\n<\/style>\n\n<div class=\"lockroy-btn-wrapper\">\n  <a href=\"https:\/\/preprod.lockroy.fr\/index.php\/contact\/\" class=\"lockroy-btn-4\">\n    Contactez-nous\n    <svg viewBox=\"0 0 24 24\" fill=\"none\">\n      <path d=\"M5 12H19\"><\/path>\n      <path d=\"M13 6L19 12L13 18\"><\/path>\n    <\/svg>\n  <\/a>\n<\/div>\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>Le Groupe Lockroy 3 m\u00e9tiers au service de vos projets L&rsquo;immobilier d&rsquo;entreprise, construction et am\u00e9nagement, cl\u00e9 en main Depuis plus de 30 ans, le Groupe Lockroy accompagne les entreprises, investisseurs, utilisateurs et collectivit\u00e9s dans leurs projets immobiliers professionnels. Conseil strat\u00e9gique, AMO, construction de b\u00e2timents industriels, tertiaires et logistiques, am\u00e9nagement de bureaux et locaux professionnels : [&hellip;]<\/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,"_angie_page":false,"footnotes":""},"class_list":["post-12503","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Page d&#039;accueil - Lockroy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/preprod.lockroy.fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page d&#039;accueil - Lockroy\" \/>\n<meta property=\"og:description\" content=\"Le Groupe Lockroy 3 m\u00e9tiers au service de vos projets L&rsquo;immobilier d&rsquo;entreprise, construction et am\u00e9nagement, cl\u00e9 en main Depuis plus de 30 ans, le Groupe Lockroy accompagne les entreprises, investisseurs, utilisateurs et collectivit\u00e9s dans leurs projets immobiliers professionnels. Conseil strat\u00e9gique, AMO, construction de b\u00e2timents industriels, tertiaires et logistiques, am\u00e9nagement de bureaux et locaux professionnels : [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/preprod.lockroy.fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Lockroy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T08:35:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\",\"name\":\"Page d'accueil - Lockroy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/preprod.lockroy.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp\",\"datePublished\":\"2026-07-03T13:54:11+00:00\",\"dateModified\":\"2026-07-30T08:35:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/preprod.lockroy.fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/preprod.lockroy.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp\",\"contentUrl\":\"https:\\\/\\\/preprod.lockroy.fr\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/preprod.lockroy.fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/preprod.lockroy.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page d&rsquo;accueil\"}]},{\"@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":"Page d'accueil - Lockroy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/preprod.lockroy.fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Page d'accueil - Lockroy","og_description":"Le Groupe Lockroy 3 m\u00e9tiers au service de vos projets L&rsquo;immobilier d&rsquo;entreprise, construction et am\u00e9nagement, cl\u00e9 en main Depuis plus de 30 ans, le Groupe Lockroy accompagne les entreprises, investisseurs, utilisateurs et collectivit\u00e9s dans leurs projets immobiliers professionnels. Conseil strat\u00e9gique, AMO, construction de b\u00e2timents industriels, tertiaires et logistiques, am\u00e9nagement de bureaux et locaux professionnels : [&hellip;]","og_url":"https:\/\/preprod.lockroy.fr\/","og_site_name":"Lockroy","article_modified_time":"2026-07-30T08:35:32+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/preprod.lockroy.fr\/","url":"https:\/\/preprod.lockroy.fr\/","name":"Page d'accueil - Lockroy","isPartOf":{"@id":"https:\/\/preprod.lockroy.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/preprod.lockroy.fr\/#primaryimage"},"image":{"@id":"https:\/\/preprod.lockroy.fr\/#primaryimage"},"thumbnailUrl":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","datePublished":"2026-07-03T13:54:11+00:00","dateModified":"2026-07-30T08:35:32+00:00","breadcrumb":{"@id":"https:\/\/preprod.lockroy.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/preprod.lockroy.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/preprod.lockroy.fr\/#primaryimage","url":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","contentUrl":"https:\/\/preprod.lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/preprod.lockroy.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/preprod.lockroy.fr\/"},{"@type":"ListItem","position":2,"name":"Page d&rsquo;accueil"}]},{"@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\/12503","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=12503"}],"version-history":[{"count":447,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages\/12503\/revisions"}],"predecessor-version":[{"id":14371,"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/pages\/12503\/revisions\/14371"}],"wp:attachment":[{"href":"https:\/\/preprod.lockroy.fr\/index.php\/wp-json\/wp\/v2\/media?parent=12503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}