<!doctype html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<script>Object.defineProperty(window,"angiePlugin",{value:{"schemaVersion":1,"available":true,"version":"1.1.17"},writable:false,configurable:false});</script>
<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Immobilier d'entreprise, construction, aménagement - Lockroy</title>
<meta name="description" content="Immobilier d'entreprise clé en main : conseil, construction et aménagement. 30 ans d'expertise, 450 projets réalisés, 7 agences en France." />
<link rel="canonical" href="https://lockroy.fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Immobilier d'entreprise, construction, aménagement - Lockroy" />
<meta property="og:description" content="Immobilier d'entreprise clé en main : conseil, construction et aménagement. 30 ans d'expertise, 450 projets réalisés, 7 agences en France." />
<meta property="og:url" content="https://lockroy.fr/" />
<meta property="og:site_name" content="Lockroy" />
<meta property="article:publisher" content="https://www.linkedin.com/company/groupe-lockroy/" />
<meta property="article:modified_time" content="2026-09-29T13:20:38+00:00" />
<meta property="og:image" content="https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lockroy.fr\/","url":"https:\/\/lockroy.fr\/","name":"Immobilier d'entreprise, construction, aménagement - Lockroy","isPartOf":{"@id":"https:\/\/lockroy.fr\/#website"},"about":{"@id":"https:\/\/lockroy.fr\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/lockroy.fr\/#primaryimage"},"image":{"@id":"https:\/\/lockroy.fr\/#primaryimage"},"thumbnailUrl":"https:\/\/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-09-29T13:20:38+00:00","description":"Immobilier d'entreprise clé en main : conseil, construction et aménagement. 30 ans d'expertise, 450 projets réalisés, 7 agences en France.","breadcrumb":{"@id":"https:\/\/lockroy.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lockroy.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/lockroy.fr\/#primaryimage","url":"https:\/\/lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","contentUrl":"https:\/\/lockroy.fr\/wp-content\/uploads\/2026\/03\/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/lockroy.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/lockroy.fr\/#website","url":"https:\/\/lockroy.fr\/","name":"Lockroy","description":"","publisher":{"@id":"https:\/\/lockroy.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lockroy.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/lockroy.fr\/#organization","name":"Lockroy","url":"https:\/\/lockroy.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/lockroy.fr\/#\/schema\/logo\/image\/","url":"https:\/\/lockroy.fr\/wp-content\/uploads\/2024\/10\/logo_bleu.png","contentUrl":"https:\/\/lockroy.fr\/wp-content\/uploads\/2024\/10\/logo_bleu.png","width":2560,"height":575,"caption":"Lockroy"},"image":{"@id":"https:\/\/lockroy.fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/groupe-lockroy\/"]}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://lockroy.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flockroy.fr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://lockroy.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Flockroy.fr%2F&format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="safe-svg-svg-icon-style-inline-css">
.wp-block-safe-svg-svg-icon a{align-self:center}.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}
/*# sourceURL=https://lockroy.fr/wp-content/plugins/safe-svg/dist/safe-svg-block-frontend.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='hello-elementor-css' href='https://lockroy.fr/wp-content/themes/hello-elementor/assets/css/reset.css?ver=3.5.1' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://lockroy.fr/wp-content/themes/hello-elementor/assets/css/theme.css?ver=3.5.1' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https://lockroy.fr/wp-content/themes/hello-elementor/assets/css/header-footer.css?ver=3.5.1' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/frontend.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='elementor-post-165-css' href='https://lockroy.fr/wp-content/uploads/elementor/css/post-165.css?ver=1790696566' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='widget-nav-menu-css' href='https://lockroy.fr/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=4.3.0' media='all' />
<link rel='stylesheet' id='e-sticky-css' href='https://lockroy.fr/wp-content/plugins/elementor-pro/assets/css/modules/sticky.css?ver=4.3.0' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='widget-divider-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='widget-nested-accordion-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/widget-nested-accordion.min.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='e-animation-slideInRight-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/lib/animations/styles/slideInRight.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='widget-off-canvas-css' href='https://lockroy.fr/wp-content/plugins/elementor-pro/assets/css/widget-off-canvas.min.css?ver=4.3.0' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='e-animation-fadeIn-css' href='https://lockroy.fr/wp-content/plugins/elementor/assets/lib/animations/styles/fadeIn.css?ver=4.3.2' media='all' />
<link rel='stylesheet' id='elementor-post-12503-css' href='https://lockroy.fr/wp-content/uploads/elementor/css/post-12503.css?ver=1790696608' media='all' />
<link rel='stylesheet' id='elementor-post-12202-css' href='https://lockroy.fr/wp-content/uploads/elementor/css/post-12202.css?ver=1790696566' media='all' />
<link rel='stylesheet' id='elementor-post-12185-css' href='https://lockroy.fr/wp-content/uploads/elementor/css/post-12185.css?ver=1790696567' media='all' />
<link rel='stylesheet' id='elementor-gf-alexandria-css' href='https://fonts.googleapis.com/css?family=Alexandria:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-assistant-css' href='https://fonts.googleapis.com/css?family=Assistant:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' />
<link rel='stylesheet' id='elementor-gf-italiana-css' href='https://fonts.googleapis.com/css?family=Italiana:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=swap' media='all' />
<script id="jquery-core-js" src="https://lockroy.fr/wp-includes/js/jquery/jquery.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://lockroy.fr/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://lockroy.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://lockroy.fr/wp-json/wp/v2/pages/12503" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://lockroy.fr/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://lockroy.fr/' />
<meta name="cdp-version" content="1.5.7" /><meta name="generator" content="Site Kit by Google 1.188.0" /><meta name="generator" content="Elementor 4.3.2; features: e_font_icon_svg, additional_custom_breakpoints, e_optimized_css_files; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<noscript><style>.lazyload[data-src]{display:none !important;}</style></noscript><style>.lazyload{background-image:none !important;}.lazyload:before{background-image:none !important;}</style><link rel="icon" href="https://lockroy.fr/wp-content/uploads/2026/09/favicon-150x150.png" sizes="32x32" />
<link rel="icon" href="https://lockroy.fr/wp-content/uploads/2026/09/favicon-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://lockroy.fr/wp-content/uploads/2026/09/favicon-300x300.png" />
<meta name="msapplication-TileImage" content="https://lockroy.fr/wp-content/uploads/2026/09/favicon-300x300.png" />
<style id="wp-custom-css">
.teamtailor-recrutement {
padding: 0;
font-family: 'Assistant', sans-serif;
color: #2a3a4a;
text-align: left;
}
/* FILTRES */
.filters-bar {
display: flex;
gap: 18px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 28px;
padding-bottom: 24px;
border-bottom: 1px solid #d6e3ef;
justify-content: flex-start;
}
.filter-label {
font-family: 'Assistant', sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #3066AB;
margin-right: 4px;
}
.filter-btn {
font-family: 'Assistant', sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
padding: 6px 18px;
border-radius: 999px;
border: 1px solid #c1d1e1;
background: transparent;
color: #3066AB;
cursor: pointer;
transition: all 0.15s ease;
}
.filter-btn:hover:not(.active) {
background-color: #ebf0f6;
border-color: #c1d1e1;
color: #3066AB;
}
.filter-btn.active {
background: #3066AB;
border-color: #3066AB;
color: #ffffff;
}
/* LISTE */
.jobs-list {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.job-card {
width: 100%;
border: 1px solid #c1d1e1;
border-radius: 12px;
padding: 22px 26px;
display: grid;
grid-template-columns: 1fr auto;
gap: 14px;
align-items: center;
text-decoration: none;
color: inherit;
background: #ffffff;
transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}
.job-card:hover {
border-color: #95b2c9;
box-shadow: 0 4px 24px rgba(48, 102, 171, 0.1);
transform: translateY(-2px);
}
/* HAUT DE CARTE */
.job-topline {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.job-dept {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
padding: 2px 10px;
border-radius: 6px;
}
.job-dept.dept-construction {
background: #ffeadb;
color: #d65429;
}
.job-dept.dept-conseil {
background: rgba(229, 247, 243, 0.9);
color: #44a67a;
}
.job-dept.dept-amenagement {
background: #fef5ec;
color: #eda338;
}
.job-remote {
font-size: 13px;
font-weight: 400;
color: #6f94b9;
}
/* TITRE */
.job-title {
font-family: 'Alexandria', sans-serif;
font-size: 15px;
font-weight: 600;
color: #0e3049;
line-height: 1.8;
margin: 8px 0 5px 0;
text-align: left;
}
/* MÉTAS */
.job-metas {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
justify-content: flex-start;
}
.job-meta-item {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: #95b2c9;
}
.job-meta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
flex-shrink: 0;
}
.job-meta-icon svg {
display: block;
width: 15px;
height: 15px;
fill: none;
stroke: #95b2c9;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.location-icon svg {
stroke: #95b2c9;
}
.date-icon svg {
stroke: #95b2c9;
}
/* DESCRIPTION */
.job-desc-text {
font-size: 14px;
color: #95b2c9;
line-height: 1.5;
margin-top: 20px;
text-align: left;
}
/* FLÈCHE */
.job-arrow {
width: 38px;
height: 38px;
border-radius: 50%;
border: 1px solid #95b2c9;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #6f94b9;
font-size: 18px;
transition: all 0.15s ease;
}
.job-card:hover .job-arrow {
background: #3066AB;
border-color: #3066AB;
color: #ffffff;
}
/* MESSAGE */
.no-jobs-message {
font-size: 14px;
color: #829cb0;
margin-top: 20px;
}
/* MOBILE */
@media (max-width: 767px) {
.filters-bar {
gap: 10px;
}
.filter-label {
width: 100%;
margin-bottom: 4px;
}
.filter-btn {
font-size: 13px;
padding: 6px 14px;
}
.job-card {
grid-template-columns: 1fr;
padding: 20px;
}
.job-arrow {
display: none;
}
.job-title {
font-size: 14px;
}
.job-desc-text {
font-size: 13px;
}
.job-topline {
gap: 8px;
}
}
</style>
</head>
<body class="home wp-singular page-template-default page page-id-12503 wp-custom-logo wp-embed-responsive wp-theme-hello-elementor angie-default hello-elementor-default elementor-default elementor-template-full-width elementor-kit-165 elementor-page elementor-page-12503">
<a class="skip-link screen-reader-text" href="#content">Aller au contenu</a>
<header data-elementor-type="header" data-elementor-id="12202" class="elementor elementor-12202 elementor-location-header" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-ad7f470 e-con-full custom-header-wrapper elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent" data-id="ad7f470" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic","sticky":"top","sticky_effects_offset":100,"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_anchor_link_offset":0}">
<div class="elementor-element elementor-element-0cc4f76 elementor-widget elementor-widget-html" data-id="0cc4f76" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<script>
document.addEventListener('DOMContentLoaded', function() {
let lastScrollTop = 0;
// On cible la classe que vous venez d'ajouter sur le conteneur Elementor
const header = document.querySelector('.custom-header-wrapper');
if(!header) return;
window.addEventListener('scroll', function() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if (scrollTop > 100) { // Attend 100px de scroll pour s'activer
if (scrollTop > lastScrollTop) {
/* Scroll bas = on cache en le remontant */
header.style.setProperty('transform', 'translateY(-100%)', 'important');
} else {
/* Scroll haut = on le fait redescendre */
header.style.setProperty('transform', 'translateY(0)', 'important');
}
} else {
/* Tout en haut = position normale */
header.style.setProperty('transform', 'translateY(0)', 'important');
}
lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
}, { passive: true });
});
</script> </div>
<div class="elementor-element elementor-element-b9bd824 e-con-full e-flex e-con e-child" data-id="b9bd824" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-50bb560 elementor-widget__width-initial logo-blanc elementor-widget elementor-widget-image" data-id="50bb560" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<a href="https://lockroy.fr/">
<img fetchpriority="high" width="2560" height="575" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAGvAQMAAACARlpcAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHtJREFUGBntwTEBAAAAwiD7p14ND2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8CuVzgABJWxBTQAAAABJRU5ErkJggg==" class="attachment-full size-full wp-image-416 lazyload" alt="" data-src="https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc.png" decoding="async" data-srcset="https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc.png 2560w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-300x67.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-1024x230.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-768x172.png 768w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-1536x345.png 1536w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-2048x460.png 2048w" data-max-width="2560" data-sizes="auto" data-eio-rwidth="2560" data-eio-rheight="575" /><noscript><img fetchpriority="high" width="2560" height="575" src="https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc.png" class="attachment-full size-full wp-image-416" alt="" srcset="https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc.png 2560w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-300x67.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-1024x230.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-768x172.png 768w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-1536x345.png 1536w, https://lockroy.fr/wp-content/uploads/2024/10/logo_blanc-2048x460.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" data-eio="l" /></noscript> </a>
</div>
<div class="elementor-element elementor-element-7925bff elementor-widget__width-initial logo-bleu elementor-widget elementor-widget-image" data-id="7925bff" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<a href="https://lockroy.fr/">
<img width="800" height="180" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAADmAQMAAABxgWVMAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADJJREFUGBntwQEBAAAAgqD+r3ZIwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgXnPmAAGY0MR1AAAAAElFTkSuQmCC" class="attachment-large size-large wp-image-1633 lazyload" alt="" data-src="https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1024x230.png" decoding="async" data-srcset="https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1024x230.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-300x67.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-768x172.png 768w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1536x345.png 1536w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-2048x460.png 2048w" data-max-width="800" data-sizes="auto" data-eio-rwidth="1024" data-eio-rheight="230" /><noscript><img width="800" height="180" src="https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1024x230.png" class="attachment-large size-large wp-image-1633" alt="" srcset="https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1024x230.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-300x67.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-768x172.png 768w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-1536x345.png 1536w, https://lockroy.fr/wp-content/uploads/2024/10/logo_bleu-2048x460.png 2048w" sizes="(max-width: 800px) 100vw, 800px" data-eio="l" /></noscript> </a>
</div>
</div>
<div class="elementor-element elementor-element-aef3890 e-con-full e-flex e-con e-child" data-id="aef3890" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7113fc0 elementor-nav-menu__align-end elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="7113fc0" data-element_type="widget" data-e-type="widget" data-settings="{"submenu_icon":{"value":"","library":""},"layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default">
<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none">
<ul id="menu-1-7113fc0" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12123"><a href="https://lockroy.fr/conseil/" class="elementor-item">Conseil</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12124"><a href="https://lockroy.fr/construction/" class="elementor-item">Construction</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12381"><a href="https://lockroy.fr/amenagement/" class="elementor-item">Aménagement</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12382"><a href="#" class="elementor-item elementor-item-anchor">Nos agences</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13405"><a href="https://lockroy.fr/agence-paris-ile-de-france/" class="elementor-sub-item">Paris – Ile-de-France</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12383"><a href="https://lockroy.fr/agence-bordeaux-nouvelle-aquitaine/" class="elementor-sub-item">Bordeaux – Nouvelle-Aquitaine</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13407"><a href="https://lockroy.fr/agence-nantes-pays-de-la-loire/" class="elementor-sub-item">Nantes – Grand Ouest</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13408"><a href="https://lockroy.fr/agence-lyon-rhone-alpes/" class="elementor-sub-item">Lyon – Auvergne-Rhône-Alpes</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13406"><a href="https://lockroy.fr/agence-aix-marseille-paca/" class="elementor-sub-item">Aix-en-Provence – PACA</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13430"><a href="https://lockroy.fr/agence-lille-hauts-de-france/" class="elementor-sub-item">Lille – Hauts-de-France</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13123"><a href="https://lockroy.fr/nos-realisations/" class="elementor-item">Nos réalisations</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12122"><a href="https://lockroy.fr/nos-engagements-rse/" class="elementor-item">Notre impact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13122"><a href="https://lockroy.fr/nos-actualites/" class="elementor-item">Actualités</a></li>
</ul> </nav>
<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Permuter le menu" aria-expanded="false">
<svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg> </div>
<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
<ul id="menu-2-7113fc0" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12123"><a href="https://lockroy.fr/conseil/" class="elementor-item" tabindex="-1">Conseil</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12124"><a href="https://lockroy.fr/construction/" class="elementor-item" tabindex="-1">Construction</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12381"><a href="https://lockroy.fr/amenagement/" class="elementor-item" tabindex="-1">Aménagement</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12382"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Nos agences</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13405"><a href="https://lockroy.fr/agence-paris-ile-de-france/" class="elementor-sub-item" tabindex="-1">Paris – Ile-de-France</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12383"><a href="https://lockroy.fr/agence-bordeaux-nouvelle-aquitaine/" class="elementor-sub-item" tabindex="-1">Bordeaux – Nouvelle-Aquitaine</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13407"><a href="https://lockroy.fr/agence-nantes-pays-de-la-loire/" class="elementor-sub-item" tabindex="-1">Nantes – Grand Ouest</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13408"><a href="https://lockroy.fr/agence-lyon-rhone-alpes/" class="elementor-sub-item" tabindex="-1">Lyon – Auvergne-Rhône-Alpes</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13406"><a href="https://lockroy.fr/agence-aix-marseille-paca/" class="elementor-sub-item" tabindex="-1">Aix-en-Provence – PACA</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13430"><a href="https://lockroy.fr/agence-lille-hauts-de-france/" class="elementor-sub-item" tabindex="-1">Lille – Hauts-de-France</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13123"><a href="https://lockroy.fr/nos-realisations/" class="elementor-item" tabindex="-1">Nos réalisations</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12122"><a href="https://lockroy.fr/nos-engagements-rse/" class="elementor-item" tabindex="-1">Notre impact</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13122"><a href="https://lockroy.fr/nos-actualites/" class="elementor-item" tabindex="-1">Actualités</a></li>
</ul> </nav>
</div>
<div class="elementor-element elementor-element-9d21ffc btn-rejoindre elementor-widget elementor-widget-button" data-id="9d21ffc" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/nous-rejoindre/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Carrières</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-71cd068 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="71cd068" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/contact/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Contact</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-4e7567c elementor-view-stacked elementor-shape-circle elementor-widget elementor-widget-icon" data-id="4e7567c" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="https://lockroy.fr/contact/">
<svg aria-hidden="true" class="e-font-icon-svg e-far-envelope" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path></svg> </a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-c1acedc e-con-full custom-header-wrapper elementor-hidden-desktop e-flex e-con e-parent" data-id="c1acedc" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic","sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}">
<div class="elementor-element elementor-element-ce9ad2f elementor-widget-mobile__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-image" data-id="ce9ad2f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<a href="https://lockroy.fr/">
<img width="342" height="454" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVYAAAHGAQMAAAAVBzGDAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACpJREFUGBntwTEBAAAAwiD7p14LL2AAAAAAAAAAAAAAAAAAAAAAAAAAXAVOCAABUhuXYgAAAABJRU5ErkJggg==" class="attachment-2048x2048 size-2048x2048 wp-image-14324 lazyload" alt="Glyphe_RVB_Negatif" data-src="https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif.png" decoding="async" data-srcset="https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif.png 342w, https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif-226x300.png 226w" data-max-width="342" data-sizes="auto" data-eio-rwidth="342" data-eio-rheight="454" /><noscript><img width="342" height="454" src="https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif.png" class="attachment-2048x2048 size-2048x2048 wp-image-14324" alt="Glyphe_RVB_Negatif" srcset="https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif.png 342w, https://lockroy.fr/wp-content/uploads/2026/07/LockroyGroupe_Glyphe_RVB_Negatif-226x300.png 226w" sizes="(max-width: 342px) 100vw, 342px" data-eio="l" /></noscript> </a>
</div>
<div class="elementor-element elementor-element-97f7956 elementor-widget elementor-widget-off-canvas" data-id="97f7956" data-element_type="widget" data-e-type="widget" data-settings="{"entrance_animation_mobile":"slideInRight","exit_animation_mobile":"slideInRight","prevent_scroll":"yes"}" data-widget_type="off-canvas.default">
<div id="off-canvas-97f7956" class="e-off-canvas" role="dialog" aria-hidden="true" aria-label="Off-Canvas" aria-modal="true" inert="" data-delay-child-handlers="true">
<div class="e-off-canvas__overlay"></div>
<div class="e-off-canvas__main">
<div class="e-off-canvas__content">
<div class="elementor-element elementor-element-019e655 e-con-full e-flex e-con e-child" data-id="019e655" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b487426 elementor-view-default elementor-widget elementor-widget-icon" data-id="b487426" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="#elementor-action%3Aaction%3Doff_canvas%3Aclose%26settings%3DeyJpZCI6Ijk3Zjc5NTYiLCJkaXNwbGF5TW9kZSI6ImNsb3NlIn0%3D">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-times" viewbox="0 0 352 512" xmlns="http://www.w3.org/2000/svg"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </a>
</div>
</div>
<div class="elementor-element elementor-element-2495645 e-con-full e-flex e-con e-child" data-id="2495645" data-element_type="container" data-e-type="container">
<a class="elementor-element elementor-element-83b9a34 e-con-full e-transform e-flex e-con e-child" data-id="83b9a34" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/conseil/">
<div class="elementor-element elementor-element-2a63298 e-con-full e-flex e-con e-child" data-id="2a63298" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-0834ae1 elementor-widget elementor-widget-heading" data-id="0834ae1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">01</p> </div>
<div class="elementor-element elementor-element-97c9fd0 elementor-widget elementor-widget-heading" data-id="97c9fd0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Conseil</p> </div>
</div>
<div class="elementor-element elementor-element-739483d elementor-view-default elementor-widget elementor-widget-icon" data-id="739483d" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-621d42a elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="621d42a" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<a class="elementor-element elementor-element-fd8e8f5 e-con-full e-transform e-flex e-con e-child" data-id="fd8e8f5" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/construction/">
<div class="elementor-element elementor-element-f0d7fb3 e-con-full e-flex e-con e-child" data-id="f0d7fb3" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-aa180ef elementor-widget elementor-widget-heading" data-id="aa180ef" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">02</p> </div>
<div class="elementor-element elementor-element-576c133 elementor-widget elementor-widget-heading" data-id="576c133" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Construction</p> </div>
</div>
<div class="elementor-element elementor-element-21e8e4e elementor-view-default elementor-widget elementor-widget-icon" data-id="21e8e4e" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-a7c2832 elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a7c2832" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<a class="elementor-element elementor-element-f27f26f e-con-full e-transform e-flex e-con e-child" data-id="f27f26f" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/amenagement/">
<div class="elementor-element elementor-element-992113d e-con-full e-flex e-con e-child" data-id="992113d" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-213ee6b elementor-widget elementor-widget-heading" data-id="213ee6b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">03</p> </div>
<div class="elementor-element elementor-element-54f96fa elementor-widget elementor-widget-heading" data-id="54f96fa" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Aménagement</p> </div>
</div>
<div class="elementor-element elementor-element-97d5509 elementor-view-default elementor-widget elementor-widget-icon" data-id="97d5509" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-1ee7287 elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1ee7287" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<div class="elementor-element elementor-element-b42f4b1 e-con-full e-flex e-con e-child" data-id="b42f4b1" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-82f6132 elementor-widget elementor-widget-heading" data-id="82f6132" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">04</p> </div>
<div class="elementor-element elementor-element-4264b78 elementor-widget-mobile__width-initial elementor-widget elementor-widget-n-accordion" data-id="4264b78" data-element_type="widget" data-e-type="widget" data-settings="{"default_state":"all_collapsed","n_accordion_animation_duration":{"unit":"ms","size":300,"sizes":[]},"max_items_expended":"one"}" data-widget_type="nested-accordion.default">
<div class="e-n-accordion" aria-label="Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys">
<details id="e-n-accordion-item-6960" class="e-n-accordion-item" >
<summary class="e-n-accordion-item-title" data-accordion-index="1" tabindex="0" aria-expanded="false" aria-controls="e-n-accordion-item-6960" >
<span class='e-n-accordion-item-title-header'><div class="e-n-accordion-item-title-text"> Nos agences </div></span>
<span class='e-n-accordion-item-title-icon'>
<span class='e-opened' ><svg aria-hidden="true" class="e-font-icon-svg e-fas-minus" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg></span>
<span class='e-closed'><svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></span>
</span>
</summary>
<div role="region" aria-labelledby="e-n-accordion-item-6960" class="elementor-element elementor-element-2f6762f e-con-full e-flex e-con e-child" data-id="2f6762f" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-024999f e-transform elementor-widget elementor-widget-button" data-id="024999f" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-bordeaux-nouvelle-aquitaine/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Bordeaux</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-c20aa4d e-transform elementor-widget elementor-widget-button" data-id="c20aa4d" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-lyon-rhone-alpes/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Lyon</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-8e1c655 e-transform elementor-widget elementor-widget-button" data-id="8e1c655" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-nantes-pays-de-la-loire/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Nantes</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-ed2787d e-transform elementor-widget elementor-widget-button" data-id="ed2787d" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-lille-hauts-de-france/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Lille</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-3889014 e-transform elementor-widget elementor-widget-button" data-id="3889014" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-aix-marseille-paca/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Aix-en-Provence</span>
</span>
</a>
</div>
<div class="elementor-element elementor-element-770bfd2 e-transform elementor-widget elementor-widget-button" data-id="770bfd2" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/agence-paris-ile-de-france/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Paris</span>
</span>
</a>
</div>
</div>
</details>
</div>
</div>
</div>
<div class="elementor-element elementor-element-2bdeac8 elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2bdeac8" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<a class="elementor-element elementor-element-4fdaf84 e-con-full e-transform e-flex e-con e-child" data-id="4fdaf84" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/nos-realisations/">
<div class="elementor-element elementor-element-6364074 e-con-full e-flex e-con e-child" data-id="6364074" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-36a37a3 elementor-widget elementor-widget-heading" data-id="36a37a3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">05</p> </div>
<div class="elementor-element elementor-element-2e6369e elementor-widget elementor-widget-heading" data-id="2e6369e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Nos réalisations</p> </div>
</div>
<div class="elementor-element elementor-element-fa4116a elementor-view-default elementor-widget elementor-widget-icon" data-id="fa4116a" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-db5fb38 elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="db5fb38" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<a class="elementor-element elementor-element-ea53a96 e-con-full e-transform e-flex e-con e-child" data-id="ea53a96" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/nos-engagements-rse/">
<div class="elementor-element elementor-element-e46d20b e-con-full e-flex e-con e-child" data-id="e46d20b" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-c6ef77d elementor-widget elementor-widget-heading" data-id="c6ef77d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">06</p> </div>
<div class="elementor-element elementor-element-82be612 elementor-widget elementor-widget-heading" data-id="82be612" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Notre impact</p> </div>
</div>
<div class="elementor-element elementor-element-ce6bae4 elementor-view-default elementor-widget elementor-widget-icon" data-id="ce6bae4" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-299a057 elementor-widget-mobile__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="299a057" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<a class="elementor-element elementor-element-6685314 e-con-full e-transform e-flex e-con e-child" data-id="6685314" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/nos-actualites/">
<div class="elementor-element elementor-element-35c7c7c e-con-full e-flex e-con e-child" data-id="35c7c7c" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-7875c1e elementor-widget elementor-widget-heading" data-id="7875c1e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">07</p> </div>
<div class="elementor-element elementor-element-20aedc6 elementor-widget elementor-widget-heading" data-id="20aedc6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Actualités</p> </div>
</div>
<div class="elementor-element elementor-element-b1d4966 elementor-view-default elementor-widget elementor-widget-icon" data-id="b1d4966" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
</div>
<div class="elementor-element elementor-element-b5ab434 e-con-full e-flex e-con e-child" data-id="b5ab434" data-element_type="container" data-e-type="container">
<a class="elementor-element elementor-element-b619b7f e-con-full e-transform e-flex e-con e-child" data-id="b619b7f" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/nous-rejoindre/">
<div class="elementor-element elementor-element-e23e072 elementor-widget elementor-widget-heading" data-id="e23e072" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Carrières</p> </div>
<div class="elementor-element elementor-element-f1bd958 elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="f1bd958" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
<div class="elementor-element elementor-element-a049cbb elementor-widget elementor-widget-heading" data-id="a049cbb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Un projet ?</p> </div>
<a class="elementor-element elementor-element-6cbf59f e-con-full e-transform e-flex e-con e-child" data-id="6cbf59f" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover_mobile":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" href="https://lockroy.fr/contact/">
<div class="elementor-element elementor-element-a92d475 elementor-widget elementor-widget-heading" data-id="a92d475" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Parlons-en</p> </div>
<div class="elementor-element elementor-element-52959a6 elementor-view-default elementor-widget elementor-widget-icon" data-id="52959a6" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-e4a3a2e elementor-view-framed elementor-shape-circle elementor-widget elementor-widget-icon" data-id="e4a3a2e" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="#elementor-action%3Aaction%3Doff_canvas%3Aopen%26settings%3DeyJpZCI6Ijk3Zjc5NTYiLCJkaXNwbGF5TW9kZSI6Im9wZW4ifQ%3D%3D">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-bars" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg> </a>
</div>
</div>
</div>
</header>
<div data-elementor-type="wp-page" data-elementor-id="12503" class="elementor elementor-12503" data-elementor-post-type="page">
<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="{"background_background":"classic"}" move-right="">
<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">
<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">
<p class="elementor-heading-title elementor-size-default">Le Groupe Lockroy</p> </div>
<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">
<h1 class="elementor-heading-title elementor-size-default">Immobilier d'entreprise, construction et aménagement <br><span style="color:#5387C9">clé en main </h1> </div>
<div class="elementor-element elementor-element-21849db elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="21849db" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Nous vous conseillons, concevons et réalisons vos locaux professionnels.</p> </div>
</div>
<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">
<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">
<p class="elementor-heading-title elementor-size-default">Depuis plus de 30 ans, le Groupe Lockroy accompagne les entreprises, investisseurs, utilisateurs et collectivités dans leurs projets immobiliers professionnels. </p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Conseil stratégique, AMO, construction de bâtiments industriels, tertiaires et logistiques, aménagement de bureaux et locaux professionnels : nos équipes pilotent vos opérations de la conception à la livraison, avec une approche clé en main.</p> </div>
<div class="elementor-element elementor-element-8913028 e-transform elementor-widget__width-auto elementor-widget elementor-widget-button" data-id="8913028" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":8,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/contact/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Parlons de votre projet</span>
</span>
</a>
</div>
</div>
</div>
<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="{"background_background":"classic"}">
<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">
<link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@400;700;800;900&family=Assistant:wght@400;700&display=swap" rel="stylesheet">
<style>
html,
body {
margin: 0;
padding: 0;
width: 100%;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
/* --- DESKTOP (Par défaut) --- */
.lockroy-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 50px;
width: 100%;
padding: 0;
}
.lockroy-arrow-link {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
text-decoration: none !important;
}
.lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {
display: inline-block;
max-width: 400px;
font-family: 'Assistant', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #CFDAEB !important;
transition: color 0.3s ease !important;
}
.lockroy-menu .lockroy-arrow-link:hover .lockroy-arrow-text {
color: #5387C9 !important;
}
.lockroy-arrow {
flex: 0 0 auto;
}
.lockroy-arrow svg {
display: block;
width: 18px !important;
height: 18px !important;
transition: transform 0.4s ease;
}
.lockroy-arrow svg path {
stroke: #CFDAEB;
stroke-width: 2px !important;
transition: stroke 0.3s ease;
}
.lockroy-arrow-link:hover .lockroy-arrow svg {
transform: translateY(4px);
}
.lockroy-arrow-link:hover .lockroy-arrow svg path {
stroke: #5387C9;
}
/* --- TABLETTE (max-width: 1024px) --- */
@media (max-width: 1024px) {
.lockroy-menu {
gap: 25px;
}
.lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {
font-size: 15px !important;
}
}
/* --- MOBILE : 2 liens par ligne (max-width: 768px) --- */
@media (max-width: 768px) {
.lockroy-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
row-gap: 24px;
align-items: start;
}
.lockroy-arrow-link {
width: 100%;
align-items: flex-start;
}
.lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {
max-width: none !important;
font-size: 14px !important;
line-height: 1.25 !important;
letter-spacing: 0.7px !important;
}
.lockroy-arrow svg {
width: 16px !important;
height: 16px !important;
}
}
/* --- PETIT MOBILE (max-width: 400px) --- */
@media (max-width: 400px) {
.lockroy-menu {
column-gap: 12px;
row-gap: 20px;
}
.lockroy-arrow-link {
gap: 6px !important;
}
.lockroy-menu .lockroy-arrow-link .lockroy-arrow-text {
font-size: 14px !important;
letter-spacing: 0.4px !important;
font-weight: 500px!important;
}
}
</style>
<div class="lockroy-menu">
<a href="#expertise" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Nos expertises</span>
</a>
<a href="#promesse" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Notre promesse</span>
</a>
<a href="#histoire" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Notre histoire</span>
</a>
<a href="#agences" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Nos agences</span>
</a>
<a href="#contact" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Contactez-nous</span>
</a>
<a href="#clients" class="lockroy-arrow-link">
<span class="lockroy-arrow">
<svg viewbox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M12 4V20"></path>
<path d="M7 15L12 20L17 15"></path>
</svg>
</span>
<span class="lockroy-arrow-text">Nos clients</span>
</a>
</div> </div>
</div>
<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="{"background_background":"classic"}" move-right="">
<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">
<img loading="lazy" decoding="async" width="2560" height="1707" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAUAAQMAAACcQ910AAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAUJJREFUGBntwQENAAAAwiD7p34ON2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwI0AtTwAAb3/K1kAAAAASUVORK5CYII=" class="attachment-full size-full wp-image-8327 lazyload" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp" data-srcset="https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp 2560w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-300x200.webp 300w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1024x683.webp 1024w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-768x512.webp 768w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1536x1024.webp 1536w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-2048x1366.webp 2048w" data-max-width="2560" data-sizes="auto" data-eio-rwidth="2560" data-eio-rheight="1707" /><noscript><img loading="lazy" decoding="async" width="2560" height="1707" src="https://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://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1.webp 2560w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-300x200.webp 300w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1024x683.webp 1024w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-768x512.webp 768w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-1536x1024.webp 1536w, https://lockroy.fr/wp-content/uploads/2026/03/lockroy_sixte-labouche_someflu_208_retouche-scaled-1-2048x1366.webp 2048w" sizes="(max-width: 2560px) 100vw, 2560px" data-eio="l" /></noscript> </div>
</div>
<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="{"background_background":"classic"}">
<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">
<link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;700;900&family=Assistant:wght@400;600&display=swap" rel="stylesheet">
<style>
.lockroy-features-section,
.lockroy-features-section * {
box-sizing: border-box;
}
.lockroy-features-section {
width: 100%;
padding-top: 0;
padding-bottom: 30px !important;
background: transparent;
font-family: 'Assistant', sans-serif;
}
.lockroy-features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-left: 40px !important;
margin-right: 40px !important;
}
.lockroy-feature-card {
min-width: 0;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 40px 30px;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.lockroy-feature-card:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.15);
transform: translateY(-5px);
}
.lockroy-feature-number {
font-family: 'Alexandria', sans-serif;
font-size: 54px;
font-weight: 900;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 25px;
line-height: 0.9;
letter-spacing: -1px !important;
position: relative;
display: inline-block;
transition: color 0.3s ease;
white-space: nowrap;
}
.lockroy-feature-card:hover .lockroy-feature-number {
color: rgba(255, 255, 255, 1);
}
.lockroy-feature-number::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 25px;
height: 3px;
background-color: rgba(255, 255, 255, 0.4);
transition: width 0.3s ease, background-color 0.3s ease;
}
.lockroy-feature-card:hover .lockroy-feature-number::after {
width: 55px;
background-color: rgba(255, 255, 255, 1);
}
.lockroy-feature-text {
margin: 0;
font-family: 'Alexandria', sans-serif;
font-size: 15px !important;
font-weight: 600;
line-height: 1.3;
color: rgba(255, 255, 255, 1);
letter-spacing: 0.01em;
text-transform: uppercase;
}
/* Écran large inchangé : 4 blocs par ligne */
@media (max-width: 1200px) {
.lockroy-features-grid {
margin-left: 40px !important;
margin-right: 40px !important;
}
}
/* Tablette : 2 blocs par ligne */
@media (max-width: 1024px) {
.lockroy-features-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px !important;
}
.lockroy-features-section {
padding-bottom: ;: 30px!important;
}
.lockroy-feature-card {
padding: 34px 26px;
}
}
/* Mobile : toujours 2 blocs par ligne */
@media (max-width: 600px) {
.lockroy-features-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.lockroy-features-section {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.lockroy-feature-card {
padding: 26px 18px;
border-radius: 10px;
}
.lockroy-feature-number {
font-size: 38px;
margin-bottom: 22px;
}
.lockroy-feature-text {
font-size: 12px !important;
line-height: 1.25;
overflow-wrap: anywhere;
}
}
/* Très petits écrans */
@media (max-width: 380px) {
.lockroy-features-grid {
gap: 10px;
}
.lockroy-feature-card {
padding: 22px 14px;
}
.lockroy-feature-number {
font-size: 32px;
}
.lockroy-feature-text {
font-size: 11px !important;
}
}
</style>
<section class="lockroy-features-section">
<div class="lockroy-features-grid">
<article class="lockroy-feature-card">
<div class="lockroy-feature-number">7</div>
<p class="lockroy-feature-text">Agences</p>
</article>
<article class="lockroy-feature-card">
<div class="lockroy-feature-number">450</div>
<p class="lockroy-feature-text">Projets</p>
</article>
<article class="lockroy-feature-card">
<div class="lockroy-feature-number">30 ans</div>
<p class="lockroy-feature-text">D'expertises</p>
</article>
<article class="lockroy-feature-card">
<div class="lockroy-feature-number">75</div>
<p class="lockroy-feature-text">Collaborateurs</p>
</article>
</div>
</section> </div>
</div>
<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">
<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">
<div class="elementor-element elementor-element-0b55bc1 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__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">
<h2 class="elementor-heading-title elementor-size-default"><span class="titre-accent">Une expertise intégrée,</span><br>de la stratégie à la livraison.</h2> </div>
</div>
<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">
<div class="elementor-element elementor-element-82fd0e9 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="82fd0e9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Conseil stratégique, construction clé en main, aménagement d'espaces - nos trois pôles opèrent ensemble ou séparément selon vos besoins, avec un pilotage rigoureux à chaque étape.</p> </div>
</div>
</div>
<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">
<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">
<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">
<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">
<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">
<p class="elementor-heading-title elementor-size-default">01</p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">AMO • stratégie immobilière</p> </div>
<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">
<h3 class="elementor-heading-title elementor-size-default">Lockroy Conseil</h3> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Lockroy Conseil se concentre sur la gestion de vos projets immobiliers d’entreprise. </p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Nous analysons vos besoins, étudions la faisabilité et optimisons les solutions pour vous garantir le succès de vos projets. Nos experts vous aident à naviguer dans un environnement réglementaire complexe tout en maximisant la rentabilité de vos investissements.
</p> </div>
</div>
<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">
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<p class="elementor-heading-title elementor-size-default">Anticipons vos besoins pour que chaque projet devienne une réussite. </p> </div>
<div class="elementor-element elementor-element-f0606b3 elementor-align-justify e-transform elementor-mobile-align-left elementor-widget elementor-widget-button" data-id="f0606b3" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/conseil/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Découvrir Lockroy Conseil</span>
</span>
</a>
</div>
</div>
</div>
<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">
<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">
<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">
<p class="elementor-heading-title elementor-size-default">02</p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">contractant général</p> </div>
<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">
<h3 class="elementor-heading-title elementor-size-default">Lockroy Construction</h3> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Lockroy Construction gère pour vous l’ensemble du processus de construction, du permis de construire à la livraison finale. </p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">En tant que contractant général, nous concevons et vous offrons des solutions sur mesure, respectueuses des délais et budgets fixés, avec un souci constant de la qualité et de la sécurité. </p> </div>
</div>
<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">
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<p class="elementor-heading-title elementor-size-default">Construisons ensemble un futur durable et performant.</p> </div>
<div class="elementor-element elementor-element-21b436b elementor-align-justify e-transform elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="21b436b" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/construction/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Découvrir Lockroy Construction</span>
</span>
</a>
</div>
</div>
</div>
<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">
<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">
<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">
<p class="elementor-heading-title elementor-size-default">03</p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">aménagement de bureaux</p> </div>
<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">
<h3 class="elementor-heading-title elementor-size-default">Lockroy Aménagement</h3> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Lockroy Aménagement vous accompagne dans la création d’espaces fonctionnels et esthétiques.</p> </div>
<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">
<p 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éables, modulables et inspirants, où chaque détail est pensé.</p> </div>
</div>
<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">
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<p class="elementor-heading-title elementor-size-default">Aménageons vos intérieurs, avec précision et inspiration. </p> </div>
<div class="elementor-element elementor-element-883d0d5 elementor-align-justify e-transform elementor-mobile-align-left elementor-widget elementor-widget-button" data-id="883d0d5" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":4,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="https://lockroy.fr/amenagement/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Découvrir Lockroy Aménagement</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<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="{"background_background":"classic"}">
</div>
<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="{"animation":"fadeIn","background_background":"classic"}" move-right="">
<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">
<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">
<div class="elementor-heading-title elementor-size-default">notre promesse</div> </div>
<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">
<h2 class="elementor-heading-title elementor-size-default"><span class="titre-accent">La synergie entre</span><br>
audace, performance et durabilité.</h2> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Depuis plus de 30 ans, le Groupe Lockroy s'engage auprès de ses clients avec une écoute attentive et une expertise pointue, de la réflexion stratégique à l'aménagement clé en main.</p> </div>
<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">
<p class="elementor-heading-title elementor-size-default">Notre mission est de vous accompagner dans chaque étape de vos projets, de la réflexion stratégique à l’aménagement clé en main. </p> </div>
</div>
<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="{"background_background":"classic"}">
<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="{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<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">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<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> </div>
</div>
</div>
<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">
<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">
<h3 class="elementor-heading-title elementor-size-default">L'audace de voir grand</h3> </div>
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<p class="elementor-heading-title elementor-size-default">Inspiré par l'esprit des grands bâtisseurs, nous transformons vos idées en réalisations concrètes.</p> </div>
</div>
</div>
<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="{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<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">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<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> </div>
</div>
</div>
<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">
<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">
<h3 class="elementor-heading-title elementor-size-default">Une synergie renforcée</h3> </div>
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<p class="elementor-heading-title elementor-size-default">En réunissant le conseil, la construction et l'aménagement intérieur, nous simplifions votre parcours immobilier : des solutions complètes et personnalisées.
</p> </div>
</div>
</div>
<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="{"background_background":"classic","_transform_translateY_effect_hover":{"unit":"px","size":-4,"sizes":[]},"_transform_translateX_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<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">
<div class="elementor-icon-wrapper">
<div class="elementor-icon">
<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> </div>
</div>
</div>
<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">
<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">
<h3 class="elementor-heading-title elementor-size-default">Des solutions durables et d'avenir</h3> </div>
<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">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<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">
<h4 class="elementor-heading-title elementor-size-default">Nous concevons des espaces innovants et responsables, pensés pour durer et répondre à vos besoins de demain.</h4> </div>
</div>
</div>
</div>
</div>
<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">
<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">
<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">
<p class="elementor-heading-title elementor-size-default">notre histoire</p> </div>
<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">
<h2 class="elementor-heading-title elementor-size-default"><span class="titre-accent">30 ans de projets,</span><br>
une aventure collective.</h2> </div>
</div>
<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">
<div class="elementor-element elementor-element-d019969 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading" data-id="d019969" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">De la création d'Abcis Ingénierie en 1994 à la naissance du Groupe Lockroy en 2024 : une trajectoire bâtie sur la confiance, l'ambition et l'exigence.</p> </div>
</div>
</div>
<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">
<div class="elementor-element elementor-element-5c50eae elementor-hidden-mobile elementor-widget elementor-widget-html" data-id="5c50eae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
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"
rel="stylesheet"
>
<style>
/* ==================================================
CONTENEUR GLOBAL DE LA FRISE
================================================== */
.lk-history-frise-container {
--lk-history-navy: #0e3049;
--lk-history-navy-30: rgba(14, 48, 73, 0.3);
--lk-history-navy-12: rgba(14, 48, 73, 0.12);
--lk-history-blue: #2e86c1;
--lk-history-white: #ffffff;
--lk-history-muted: #5a7585;
--lk-history-serif: "DM Serif Display", Georgia, serif;
--lk-history-sans: "DM Sans", system-ui, sans-serif;
--lk-history-ease: cubic-bezier(0.22, 1, 0.36, 1);
width: 100%;
overflow: hidden;
background: var(--lk-history-white);
font-family: var(--lk-history-sans);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
.lk-history-frise-container,
.lk-history-frise-container *,
.lk-history-frise-container *::before,
.lk-history-frise-container *::after {
box-sizing: border-box;
}
.lk-history-frise-container *,
.lk-history-frise-container *::before,
.lk-history-frise-container *::after {
margin: 0;
padding: 0;
}
/* ==================================================
ANIMATION D’APPARITION
================================================== */
.lk-history-frise-reveal {
opacity: 0;
transform: translateY(22px);
transition:
opacity 0.65s var(--lk-history-ease),
transform 0.65s var(--lk-history-ease);
}
.lk-history-frise-reveal.lk-history-frise-visible {
opacity: 1;
transform: none;
}
/* ==================================================
STRUCTURE GÉNÉRALE
================================================== */
.lk-history-frise {
width: 100%;
overflow: hidden;
padding: 0;
}
.lk-history-frise__scroll-container {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0 60px;
}
.lk-history-frise__scroll-wrap {
position: relative;
width: 100%;
}
.lk-history-frise__scroll-wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
width: 60px;
pointer-events: none;
background: linear-gradient(
to left,
var(--lk-history-white),
transparent
);
}
/* ==================================================
PISTE HORIZONTALE
================================================== */
.lk-history-frise__track {
position: relative;
display: flex;
gap: 60px;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
padding: 32px 0 10px;
scroll-behavior: smooth;
scrollbar-width: none;
cursor: grab;
}
.lk-history-frise__track::-webkit-scrollbar {
display: none;
}
.lk-history-frise__track:active {
cursor: grabbing;
}
/* ==================================================
LIGNE DE LA FRISE
================================================== */
.lk-history-frise__line {
position: absolute;
top: 43px;
right: -2000px;
left: -5000px;
z-index: 0;
height: 1px;
background: rgba(47, 103, 172, 0.2);
}
/* ==================================================
ÉTAPES
================================================== */
.lk-history-frise__step {
position: relative;
z-index: 1;
display: flex;
flex: 0 0 300px;
flex-direction: column;
align-items: center;
width: 300px;
text-align: center;
}
.lk-history-frise__step:last-child {
margin-right: 100px;
}
/* ==================================================
POINTS
================================================== */
.lk-history-frise__dot-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 22px;
margin-bottom: 18px;
}
.lk-history-frise__dot {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border: 2px solid rgba(47, 103, 172, 0.4);
border-radius: 50%;
background: var(--lk-history-white);
transition:
background 0.3s ease,
border-color 0.3s ease;
}
.lk-history-frise__dot::after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(47, 103, 172, 0.4);
transition: background 0.3s ease;
}
.lk-history-frise__step:hover .lk-history-frise__dot,
.lk-history-frise__step--key:hover .lk-history-frise__dot {
border-color: rgba(47, 103, 172, 1);
background: var(--lk-history-white);
}
.lk-history-frise__step:hover .lk-history-frise__dot::after,
.lk-history-frise__step--key:hover .lk-history-frise__dot::after {
background: rgba(47, 103, 172, 1);
}
/* ==================================================
ANNÉES
================================================== */
.lk-history-frise__year {
width: 100%;
margin-bottom: 8px;
font-family: "Alexandria", sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1;
color: rgba(47, 103, 172, 1);
text-align: center;
}
/* ==================================================
TEXTES
================================================== */
.lk-history-frise__text {
width: 70%;
margin: 0 auto;
font-family: "Assistant", sans-serif;
font-size: 18px;
line-height: 21px;
color: var(--lk-history-muted);
text-align: center;
}
/* ==================================================
ÉTAPES CLÉS
================================================== */
.lk-history-frise__step--key .lk-history-frise__dot {
border-color: var(--lk-history-navy);
background: var(--lk-history-navy);
}
.lk-history-frise__step--key .lk-history-frise__dot::after {
background: var(--lk-history-white);
}
.lk-history-frise__step--key .lk-history-frise__year {
color: var(--lk-history-navy);
}
/* ==================================================
BOUTONS DE NAVIGATION
================================================== */
.lk-history-frise__nav-btn {
position: absolute;
top: 45px;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 33px;
height: 33px;
border: 1px solid rgba(47, 103, 172, 0.2);
border-radius: 50%;
background: var(--lk-history-white);
color: rgba(47, 103, 172, 1);
cursor: pointer;
transform: translateY(-50%);
transition: all 0.3s var(--lk-history-ease);
}
.lk-history-frise__nav-btn:hover {
border-color: var(--lk-history-navy);
background: var(--lk-history-navy);
color: var(--lk-history-white);
box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1);
}
.lk-history-frise__nav-btn:active,
.lk-history-frise__nav-btn:focus {
border-color: var(--lk-history-navy) !important;
background: var(--lk-history-navy) !important;
color: var(--lk-history-white) !important;
outline: none !important;
box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1) !important;
}
.lk-history-frise__nav-btn svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
.lk-history-frise__nav-btn--prev {
left: 10px;
}
.lk-history-frise__nav-btn--next {
right: 10px;
}
/* ==================================================
TABLETTE
================================================== */
@media screen and (max-width: 1024px) {
.lk-history-frise__scroll-container {
padding: 0 45px;
}
.lk-history-frise__track {
gap: 40px;
scroll-snap-type: x mandatory;
scroll-padding-left: 0;
-webkit-overflow-scrolling: touch;
}
.lk-history-frise__step {
flex-basis: 260px;
width: 260px;
scroll-snap-align: start;
}
.lk-history-frise__step:last-child {
margin-right: 70px;
}
.lk-history-frise__year {
font-size: 27px;
}
.lk-history-frise__text {
width: 85%;
font-size: 17px;
line-height: 21px;
}
.lk-history-frise__nav-btn--prev {
left: 2px;
}
.lk-history-frise__nav-btn--next {
right: 2px;
}
}
/* ==================================================
MOBILE
================================================== */
@media screen and (max-width: 767px) {
.lk-history-frise__scroll-container {
padding: 0 38px;
}
.lk-history-frise__scroll-wrap::after {
width: 35px;
}
.lk-history-frise__track {
gap: 20px;
padding: 27px 0 10px;
scroll-snap-type: x mandatory;
scroll-padding-left: 0;
overscroll-behavior-x: contain;
touch-action: pan-x;
-webkit-overflow-scrolling: touch;
}
.lk-history-frise__line {
top: 38px;
}
.lk-history-frise__step {
flex: 0 0 calc(100vw - 110px);
width: calc(100vw - 110px);
min-width: 220px;
max-width: 280px;
scroll-snap-align: start;
}
.lk-history-frise__step:last-child {
margin-right: 45px;
}
.lk-history-frise__dot-wrap {
margin-bottom: 16px;
}
.lk-history-frise__dot {
width: 20px;
height: 20px;
}
.lk-history-frise__dot::after {
width: 7px;
height: 7px;
}
.lk-history-frise__year {
margin-bottom: 9px;
font-size: 25px;
}
.lk-history-frise__text {
width: 100%;
max-width: 250px;
padding: 0 6px;
font-size: 16px;
line-height: 20px;
}
.lk-history-frise__nav-btn {
top: 39px;
width: 30px;
height: 30px;
}
.lk-history-frise__nav-btn svg {
width: 14px;
height: 14px;
}
.lk-history-frise__nav-btn--prev {
left: 3px;
}
.lk-history-frise__nav-btn--next {
right: 3px;
}
}
/* ==================================================
TRÈS PETITS ÉCRANS
================================================== */
@media screen and (max-width: 420px) {
.lk-history-frise__scroll-container {
padding: 0 34px;
}
.lk-history-frise__track {
gap: 16px;
}
.lk-history-frise__step {
flex-basis: calc(100vw - 92px);
width: calc(100vw - 92px);
min-width: 210px;
}
.lk-history-frise__year {
font-size: 23px;
}
.lk-history-frise__text {
max-width: 230px;
font-size: 15px;
line-height: 19px;
}
.lk-history-frise__nav-btn {
width: 28px;
height: 28px;
}
.lk-history-frise__nav-btn--prev {
left: 1px;
}
.lk-history-frise__nav-btn--next {
right: 1px;
}
}
/* ==================================================
RÉDUCTION DES ANIMATIONS
================================================== */
@media (prefers-reduced-motion: reduce) {
.lk-history-frise-reveal,
.lk-history-frise__track,
.lk-history-frise__dot,
.lk-history-frise__nav-btn {
scroll-behavior: auto;
transition: none;
}
}
</style>
<div class="lk-history-frise-container">
<section class="lk-history-frise">
<div
class="lk-history-frise__scroll-container lk-history-frise-reveal"
>
<button
class="lk-history-frise__nav-btn lk-history-frise__nav-btn--prev"
id="lk-history-frise-prev"
type="button"
aria-label="Afficher l’étape précédente"
>
<svg viewbox="0 0 24 24" aria-hidden="true">
<path
d="M15 19l-7-7 7-7"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
<button
class="lk-history-frise__nav-btn lk-history-frise__nav-btn--next"
id="lk-history-frise-next"
type="button"
aria-label="Afficher l’étape suivante"
>
<svg viewbox="0 0 24 24" aria-hidden="true">
<path
d="M9 5l7 7-7 7"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
<div class="lk-history-frise__scroll-wrap">
<div
class="lk-history-frise__track"
id="lk-history-frise-track"
>
<div class="lk-history-frise__line"></div>
<div
class="lk-history-frise__step lk-history-frise__step--key"
>
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
1994
</div>
<div class="lk-history-frise__text">
Création d'Abcis Ingénierie, maître d'œuvre, par Thierry Hallot.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2010
</div>
<div class="lk-history-frise__text">
Arrivée de Jean Baboin et Aymeric Gerbault.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2016
</div>
<div class="lk-history-frise__text">
Création de l'activité contractant général.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2017
</div>
<div class="lk-history-frise__text">
Reprise de l'entreprise par Jean Baboin et Aymeric Gerbault.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2020
</div>
<div class="lk-history-frise__text">
Louis Jacquet rejoint Abcis avec Sejim pour développer l'activité conseil.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2021
</div>
<div class="lk-history-frise__text">
Création des premières agences en région pour se rapprocher des clients.
</div>
</div>
<div class="lk-history-frise__step">
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2022
</div>
<div class="lk-history-frise__text">
Lancement de l'activité aménagement d'espaces intérieurs clé en main.
</div>
</div>
<div
class="lk-history-frise__step lk-history-frise__step--key"
>
<div class="lk-history-frise__dot-wrap">
<div class="lk-history-frise__dot"></div>
</div>
<div class="lk-history-frise__year">
2024
</div>
<div class="lk-history-frise__text">
Abcis devient le <strong>Groupe Lockroy</strong> avec 3 pôles :
Conseil, Construction, Aménagement.
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script>
(function () {
var friseContainer = document.querySelector(
".lk-history-frise-container"
);
if (!friseContainer) {
return;
}
var revealElements = friseContainer.querySelectorAll(
".lk-history-frise-reveal"
);
if (!("IntersectionObserver" in window)) {
revealElements.forEach(function (element) {
element.classList.add("lk-history-frise-visible");
});
} else {
var observer = new IntersectionObserver(
function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add(
"lk-history-frise-visible"
);
observer.unobserve(entry.target);
}
});
},
{
threshold: 0.1
}
);
revealElements.forEach(function (element) {
observer.observe(element);
});
}
var track = friseContainer.querySelector(
"#lk-history-frise-track"
);
var btnPrev = friseContainer.querySelector(
"#lk-history-frise-prev"
);
var btnNext = friseContainer.querySelector(
"#lk-history-frise-next"
);
if (!track || !btnPrev || !btnNext) {
return;
}
function getStepWidth() {
var firstStep = track.querySelector(
".lk-history-frise__step"
);
if (!firstStep) {
return 360;
}
var trackStyles = window.getComputedStyle(track);
var gap =
parseFloat(
trackStyles.columnGap || trackStyles.gap
) || 0;
return (
firstStep.getBoundingClientRect().width + gap
);
}
btnPrev.addEventListener("click", function () {
track.scrollBy({
left: -getStepWidth(),
behavior: "smooth"
});
});
btnNext.addEventListener("click", function () {
track.scrollBy({
left: getStepWidth(),
behavior: "smooth"
});
});
var isDragging = false;
var startX = 0;
var initialScrollLeft = 0;
track.addEventListener("mousedown", function (event) {
isDragging = true;
startX = event.pageX - track.offsetLeft;
initialScrollLeft = track.scrollLeft;
track.style.cursor = "grabbing";
track.style.scrollBehavior = "auto";
});
track.addEventListener("mousemove", function (event) {
if (!isDragging) {
return;
}
event.preventDefault();
var currentX = event.pageX - track.offsetLeft;
var distance = currentX - startX;
track.scrollLeft =
initialScrollLeft - distance * 1.2;
});
track.addEventListener("mouseleave", stopDragging);
document.addEventListener("mouseup", stopDragging);
function stopDragging() {
isDragging = false;
track.style.cursor = "grab";
track.style.scrollBehavior = "smooth";
}
})();
</script> </div>
<div class="elementor-element elementor-element-51ebbab elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html" data-id="51ebbab" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@400;700;800&family=Assistant:wght@400;600;700&display=swap" rel="stylesheet">
<style>
.lockroy-mobile-timeline,
.lockroy-mobile-timeline * {
box-sizing: border-box;
}
/* Masquée par défaut sur ordinateur */
.lockroy-mobile-timeline {
display: none;
}
/* Masque la frise horizontale sur mobile */
.histoire__scroll-container {
display: none !important;
}
.lockroy-mobile-timeline {
display: block;
width: 100%;
overflow: hidden;
background: #ffffff;
font-family: 'Assistant', sans-serif;
}
.lockroy-mobile-timeline__wrapper {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0px 10px;
}
.lockroy-mobile-timeline__viewport {
position: relative;
width: 100%;
overflow: hidden;
transition: height 0.45s ease;
}
.lockroy-mobile-timeline__list {
position: relative;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
/* Ligne verticale */
.lockroy-mobile-timeline__list::before {
content: '';
position: absolute;
top: 11px;
bottom: 11px;
left: 16px;
width: 1px;
background: rgba(47, 103, 172, 0.22);
}
.lockroy-mobile-timeline__item {
position: relative;
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
column-gap: 18px;
width: 100%;
min-height: 150px;
padding-bottom: 26px;
}
.lockroy-mobile-timeline__marker {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
padding-top: 3px;
}
.lockroy-mobile-timeline__dot {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border: 2px solid rgba(47, 103, 172, 0.4);
border-radius: 50%;
background: #ffffff;
}
.lockroy-mobile-timeline__dot::after {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(47, 103, 172, 0.4);
}
.lockroy-mobile-timeline__item--key
.lockroy-mobile-timeline__dot {
border-color: #0e3049;
background: #0e3049;
}
.lockroy-mobile-timeline__item--key
.lockroy-mobile-timeline__dot::after {
background: #ffffff;
}
.lockroy-mobile-timeline__content {
min-width: 0;
padding-right: 4px;
}
.lockroy-mobile-timeline__year {
margin: 0 0 9px;
font-family: 'Alexandria', sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 1;
color: #2f67ac;
}
.lockroy-mobile-timeline__item--key
.lockroy-mobile-timeline__year {
color: #0e3049;
}
.lockroy-mobile-timeline__text {
margin: 0;
font-family: 'Assistant', sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.4;
color: #5a7585;
}
/* Boutons */
.lockroy-mobile-timeline__button {
position: absolute;
left: 50%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 1px solid rgba(47, 103, 172, 0.22);
border-radius: 50%;
background: #ffffff;
color: #2f67ac;
cursor: pointer;
transform: translateX(-50%);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.lockroy-mobile-timeline__button--prev {
top: 0;
}
.lockroy-mobile-timeline__button--next {
bottom: 0;
}
.lockroy-mobile-timeline__button:hover {
border-color: #0e3049;
background: #0e3049;
color: #ffffff;
box-shadow: 5px 5px 10px rgba(14, 48, 73, 0.1);
}
.lockroy-mobile-timeline__button:focus,
.lockroy-mobile-timeline__button:active {
border-color: #0e3049 !important;
background: #0e3049 !important;
color: #ffffff !important;
outline: none !important;
}
.lockroy-mobile-timeline__button:disabled {
opacity: 0.28;
cursor: default;
pointer-events: none;
}
.lockroy-mobile-timeline__button svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
}
@media (max-width: 420px) {
.lockroy-mobile-timeline {
padding-right: 14px;
padding-left: 14px;
}
.lockroy-mobile-timeline__wrapper {
padding-top: 46px;
padding-bottom: 46px;
}
.lockroy-mobile-timeline__item {
grid-template-columns: 30px minmax(0, 1fr);
column-gap: 14px;
min-height: 145px;
padding-bottom: 22px;
}
.lockroy-mobile-timeline__list::before {
left: 14px;
}
.lockroy-mobile-timeline__dot {
width: 20px;
height: 20px;
}
.lockroy-mobile-timeline__dot::after {
width: 7px;
height: 7px;
}
.lockroy-mobile-timeline__year {
font-size: 25px;
}
.lockroy-mobile-timeline__text {
font-size: 16px;
line-height: 1.38;
}
.lockroy-mobile-timeline__button {
width: 34px;
height: 34px;
}
}
</style>
<div class="lockroy-mobile-timeline">
<div class="lockroy-mobile-timeline__wrapper">
<button
class="lockroy-mobile-timeline__button lockroy-mobile-timeline__button--prev"
type="button"
aria-label="Afficher les trois dates précédentes"
>
<svg viewbox="0 0 24 24" aria-hidden="true">
<path
d="M18 15l-6-6-6 6"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
<div class="lockroy-mobile-timeline__viewport">
<ol class="lockroy-mobile-timeline__list">
<li class="lockroy-mobile-timeline__item lockroy-mobile-timeline__item--key">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">1994</h3>
<p class="lockroy-mobile-timeline__text">
Création d'Abcis Ingénierie, maître d'œuvre, par Thierry Hallot.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2010</h3>
<p class="lockroy-mobile-timeline__text">
Arrivée de Jean Baboin et Aymeric Gerbault.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2016</h3>
<p class="lockroy-mobile-timeline__text">
Création de l'activité contractant général.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2017</h3>
<p class="lockroy-mobile-timeline__text">
Reprise de l'entreprise par Jean Baboin et Aymeric Gerbault.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2020</h3>
<p class="lockroy-mobile-timeline__text">
Louis Jacquet rejoint Abcis avec Sejim pour développer l'activité conseil.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2021</h3>
<p class="lockroy-mobile-timeline__text">
Création des premières agences en région pour se rapprocher des clients.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2022</h3>
<p class="lockroy-mobile-timeline__text">
Lancement de l'activité aménagement d'espaces intérieurs clé en main.
</p>
</div>
</li>
<li class="lockroy-mobile-timeline__item lockroy-mobile-timeline__item--key">
<div class="lockroy-mobile-timeline__marker">
<span class="lockroy-mobile-timeline__dot"></span>
</div>
<div class="lockroy-mobile-timeline__content">
<h3 class="lockroy-mobile-timeline__year">2024</h3>
<p class="lockroy-mobile-timeline__text">
Abcis devient le <strong>Groupe Lockroy</strong> avec 3 pôles :
Conseil, Construction et Aménagement.
</p>
</div>
</li>
</ol>
</div>
<button
class="lockroy-mobile-timeline__button lockroy-mobile-timeline__button--next"
type="button"
aria-label="Afficher les trois dates suivantes"
>
<svg viewbox="0 0 24 24" aria-hidden="true">
<path
d="M6 9l6 6 6-6"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
</div>
</div>
<script>
(function () {
var timelines = document.querySelectorAll('.lockroy-mobile-timeline');
timelines.forEach(function (timeline) {
var viewport = timeline.querySelector(
'.lockroy-mobile-timeline__viewport'
);
var list = timeline.querySelector(
'.lockroy-mobile-timeline__list'
);
var items = Array.prototype.slice.call(
timeline.querySelectorAll('.lockroy-mobile-timeline__item')
);
var previousButton = timeline.querySelector(
'.lockroy-mobile-timeline__button--prev'
);
var nextButton = timeline.querySelector(
'.lockroy-mobile-timeline__button--next'
);
if (
!viewport ||
!list ||
!items.length ||
!previousButton ||
!nextButton
) {
return;
}
var itemsPerGroup = 3;
var currentGroup = 0;
var totalGroups = Math.ceil(items.length / itemsPerGroup);
function getStartIndex() {
return currentGroup * itemsPerGroup;
}
function getItemOffset(index) {
var offset = 0;
for (var i = 0; i < index; i++) {
offset += items[i].getBoundingClientRect().height;
}
return offset;
}
function getVisibleGroupHeight() {
var startIndex = getStartIndex();
var endIndex = Math.min(
startIndex + itemsPerGroup,
items.length
);
var height = 0;
for (var i = startIndex; i < endIndex; i++) {
height += items[i].getBoundingClientRect().height;
}
return height;
}
function updateTimeline(animate) {
var startIndex = getStartIndex();
var offset = getItemOffset(startIndex);
var visibleHeight = getVisibleGroupHeight();
if (!animate) {
list.style.transition = 'none';
}
list.style.transform = 'translateY(-' + offset + 'px)';
viewport.style.height = visibleHeight + 'px';
previousButton.disabled = currentGroup === 0;
nextButton.disabled = currentGroup >= totalGroups - 1;
if (!animate) {
requestAnimationFrame(function () {
list.style.transition = '';
});
}
}
previousButton.addEventListener('click', function () {
if (currentGroup <= 0) {
return;
}
currentGroup -= 1;
updateTimeline(true);
});
nextButton.addEventListener('click', function () {
if (currentGroup >= totalGroups - 1) {
return;
}
currentGroup += 1;
updateTimeline(true);
});
var resizeTimer;
window.addEventListener('resize', function () {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function () {
updateTimeline(false);
}, 150);
});
window.addEventListener('load', function () {
updateTimeline(false);
});
updateTimeline(false);
});
})();
</script> </div>
</div>
<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="{"background_background":"classic"}">
</div>
<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="{"background_background":"classic"}">
<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">
<h2 class="elementor-heading-title elementor-size-default">Nos agences</h2> </div>
<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">
<link
href="https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Assistant:wght@200..800&display=swap"
rel="stylesheet"
>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
<style>
.lockroy-agencies-section,
.lockroy-agencies-section * {
box-sizing: border-box;
}
.lockroy-agencies-section {
--map-base: #c3d9ee;
--map-hover: #8db2d6;
--accent: #3066ab;
--dark: #0e3049;
--white: #ffffff;
--border: rgba(14, 48, 73, 0.08);
width: 100%;
margin: 0 auto;
padding: 0;
font-family: "Assistant", sans-serif;
color: var(--dark);
}
/* =========================================================
STRUCTURE PRINCIPALE
========================================================= */
.lockroy-agencies-section .lockroy-agencies-layout {
display: grid;
grid-template-columns: minmax(0, 55%) minmax(0, 45%);
align-items: stretch;
gap: 40px;
width: 100%;
}
/* =========================================================
CARTE
========================================================= */
.lockroy-agencies-section .lockroy-map-wrapper {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-width: 0;
padding: 20px; /* MODIF : réduit de 30px à 20px */
overflow: hidden;
background: var(--white);
border-radius: 20px;
box-shadow: 0 10px 40px rgba(14, 48, 73, 0.03);
}
.lockroy-agencies-section .lockroy-map-header {
margin: 0 0 20px;
font-family: "Assistant", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--accent);
}
.lockroy-agencies-section .lockroy-map-svg {
display: block;
width: 100%;
height: auto;
max-height: 610px;
margin: auto;
overflow: visible;
}
.lockroy-agencies-section .lockroy-region {
fill: var(--map-base);
stroke: #ffffff;
stroke-width: 1.5;
cursor: pointer;
transition: fill 0.25s ease;
}
.lockroy-agencies-section .lockroy-region.is-active {
fill: var(--map-hover);
}
/* =========================================================
POINTS SUR LA CARTE
========================================================= */
.lockroy-agencies-section .lockroy-pin {
pointer-events: none;
}
.lockroy-agencies-section .lockroy-pin-core {
fill: var(--dark);
}
.lockroy-agencies-section .lockroy-pin-halo {
fill: #ebf0f6;
opacity: 0;
transition:
opacity 0.25s ease,
r 0.25s ease;
}
.lockroy-agencies-section .lockroy-pin.is-active .lockroy-pin-halo {
opacity: 0.65;
r: 16;
}
/* =========================================================
LISTE DES AGENCES
========================================================= */
.lockroy-agencies-section .lockroy-agencies-panel {
display: flex;
flex-direction: column;
min-width: 0;
height: 100%;
}
.lockroy-agencies-section .lockroy-agencies-list-wrapper {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.lockroy-agencies-section .lockroy-agencies-list {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.lockroy-agencies-section .lockroy-agencies-list > li {
min-width: 0;
}
/* =========================================================
CARTE D'UNE AGENCE
========================================================= */
.lockroy-agencies-section .lockroy-agency-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
min-width: 0;
padding: 18px 24px;
color: inherit;
text-decoration: none;
background: var(--white);
border: 1px solid transparent;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(14, 48, 73, 0.02);
transition:
transform 0.25s ease,
border-color 0.25s ease,
box-shadow 0.25s ease;
}
.lockroy-agencies-section .lockroy-agency-card-left {
display: flex;
align-items: flex-start;
min-width: 0;
flex: 1;
}
.lockroy-agencies-section .lockroy-agency-info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
width: 100%;
}
.lockroy-agencies-section .lockroy-agency-title-row {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.lockroy-agencies-section .lockroy-agency-dot {
width: 10px;
height: 10px;
flex: 0 0 10px;
background: var(--dark);
border-radius: 50%;
}
.lockroy-agencies-section .lockroy-agency-name {
min-width: 0;
font-family: "Assistant", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.6px;
text-transform: uppercase;
color: var(--dark);
}
.lockroy-agencies-section .lockroy-agency-contact {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
margin-top: 5px;
padding-left: 22px;
}
.lockroy-agencies-section .lockroy-contact-item {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
font-family: "Assistant", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.35;
color: #6f94b9;
}
.lockroy-agencies-section .lockroy-contact-item span {
min-width: 0;
overflow-wrap: anywhere;
word-break: normal;
}
.lockroy-agencies-section .lockroy-contact-item svg {
width: 17px;
height: 17px;
flex: 0 0 17px;
margin-top: 2px;
}
.lockroy-agencies-section .lockroy-contact-item svg path,
.lockroy-agencies-section .lockroy-contact-item svg circle {
fill: none;
stroke: #6f94b9;
stroke-width: 2;
}
.lockroy-agencies-section
.lockroy-contact-item
svg[viewBox*="-960"]
path {
fill: #7a92a5;
stroke: none;
}
/* =========================================================
FLÈCHE
========================================================= */
.lockroy-agencies-section .lockroy-agency-arrow {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
transition: transform 0.25s ease;
}
.lockroy-agencies-section .lockroy-agency-arrow svg {
width: 18px;
height: 18px;
}
.lockroy-agencies-section .lockroy-agency-arrow path {
fill: none;
stroke: var(--dark);
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
SURVOL
========================================================= */
@media (hover: hover) {
.lockroy-agencies-section .lockroy-agency-card:hover,
.lockroy-agencies-section .lockroy-agency-card.is-active {
transform: translateX(4px);
border-color: rgba(14, 48, 73, 0.12);
box-shadow: 0 10px 25px rgba(14, 48, 73, 0.06);
}
.lockroy-agencies-section
.lockroy-agency-card:hover
.lockroy-agency-arrow,
.lockroy-agencies-section
.lockroy-agency-card.is-active
.lockroy-agency-arrow {
transform: translateX(4px);
}
}
/* =========================================================
TABLETTE
========================================================= */
@media (max-width: 1100px) {
.lockroy-agencies-section .lockroy-agencies-layout {
grid-template-columns: minmax(0, 52%) minmax(0, 48%);
gap: 24px;
}
.lockroy-agencies-section .lockroy-map-wrapper {
padding: 18px 16px; /* MODIF : réduit */
}
.lockroy-agencies-section .lockroy-agency-card {
padding: 16px 18px;
}
.lockroy-agencies-section .lockroy-agency-contact {
padding-left: 22px;
}
.lockroy-agencies-section .lockroy-contact-item {
font-size: 15px;
}
}
/* =========================================================
TABLETTE VERTICALE
========================================================= */
@media (max-width: 900px) {
.lockroy-agencies-section .lockroy-agencies-layout {
grid-template-columns: 1fr;
gap: 24px;
}
.lockroy-agencies-section .lockroy-map-wrapper {
width: 100%;
padding: 20px 18px; /* MODIF : réduit */
}
.lockroy-agencies-section .lockroy-map-svg {
width: min(100%, 620px);
max-height: 550px;
}
.lockroy-agencies-section .lockroy-agencies-panel,
.lockroy-agencies-section .lockroy-agencies-list-wrapper,
.lockroy-agencies-section .lockroy-agencies-list {
height: auto;
}
.lockroy-agencies-section .lockroy-agencies-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: 14px;
}
.lockroy-agencies-section .lockroy-agency-card {
height: 100%;
min-height: 130px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 640px) {
.lockroy-agencies-section {
width: calc(100% + 20px);
max-width: none;
margin-left: -10px;
margin-right: -10px;
}
.lockroy-agencies-section .lockroy-agencies-layout {
gap: 18px !important;
}
.lockroy-agencies-section .lockroy-map-wrapper {
padding: 14px 8px 8px !important; /* MODIF : réduit */
border-radius: 16px;
}
.lockroy-agencies-section .lockroy-map-header {
margin-bottom: 1px;
padding-left: 10px !impor;
font-size: 12px;
letter-spacing: 1.2px;
}
.lockroy-agencies-section .lockroy-map-svg {
width: 100%;
max-height: none;
}
.lockroy-agencies-section .lockroy-agencies-list {
grid-template-columns: 1fr;
gap: 10px;
}
.lockroy-agencies-section .lockroy-agency-card {
min-height: 0;
gap: 12px;
padding: 16px 15px;
border-radius: 10px;
}
.lockroy-agencies-section .lockroy-agency-title-row {
gap: 10px;
}
.lockroy-agencies-section .lockroy-agency-dot {
width: 9px;
height: 9px;
flex-basis: 9px;
}
.lockroy-agencies-section .lockroy-agency-name {
font-size: 15px;
line-height: 1.2;
letter-spacing: 0.4px;
}
.lockroy-agencies-section .lockroy-agency-contact {
gap: 5px;
padding-left: 19px;
}
.lockroy-agencies-section .lockroy-contact-item {
gap: 8px;
font-size: 14px;
line-height: 1.3;
}
.lockroy-agencies-section .lockroy-contact-item svg {
width: 15px;
height: 15px;
flex-basis: 15px;
}
.lockroy-agencies-section .lockroy-agency-arrow svg {
width: 17px;
height: 17px;
}
}
/* =========================================================
TRÈS PETITS ÉCRANS
========================================================= */
@media (max-width: 380px) {
.lockroy-agencies-section .lockroy-map-wrapper {
padding-right: 8px;
padding-left: 8px;
}
.lockroy-agencies-section .lockroy-agency-card {
padding-right: 12px;
padding-left: 12px;
}
.lockroy-agencies-section .lockroy-agency-name {
font-size: 14px;
}
.lockroy-agencies-section .lockroy-contact-item {
font-size: 13px;
}
.lockroy-agencies-section .lockroy-agency-contact {
padding-left: 18px;
}
}
</style>
<section class="lockroy-agencies-section">
<div class="lockroy-agencies-layout">
<div class="lockroy-map-wrapper">
<div class="lockroy-map-header">
Implantations en France
</div>
<svg
class="lockroy-map-svg"
aria-label="Carte des agences Lockroy en France"
></svg>
</div>
<div class="lockroy-agencies-panel">
<div class="lockroy-agencies-list-wrapper">
<ul class="lockroy-agencies-list"></ul>
</div>
</div>
</div>
</section>
<script>
(function () {
const sections = document.querySelectorAll(
".lockroy-agencies-section"
);
sections.forEach(function (section) {
const agencies = [
{
key: "bordeaux",
label: "Lockroy Bordeaux",
region: "Nouvelle-Aquitaine",
address: "81, boulevard Pierre 1er 33110 Bordeaux",
email: "bordeaux@lockroy.fr",
lon: -0.58,
lat: 44.84,
url: "/agence-bordeaux-nouvelle-aquitaine/"
},
{
key: "paris",
label: "Lockroy Paris",
region: "Île-de-France",
address: "14, rue Delambre 75014 Paris",
email: "paris@lockroy.fr",
lon: 2.08,
lat: 48.8,
url: "/agence-paris/"
},
{
key: "lyon",
label: "Lockroy Lyon",
region: "Auvergne-Rhône-Alpes",
address: "27, rue Maurice Flandin 69003 Lyon",
email: "lyon@lockroy.fr",
lon: 4.83,
lat: 45.75,
url: "/agence-lyon-rhone-alpes/"
},
{
key: "nantes",
label: "Lockroy Nantes",
region: "Pays de la Loire",
address: "12, avenue Carnot 44000 Nantes",
email: "nantes@lockroy.fr",
lon: -1.55,
lat: 47.22,
url: "/agence-nantes-pays-de-la-loire/"
},
{
key: "lille",
label: "Lockroy Lille",
region: "Hauts-de-France",
address: "165, avenue de la Marne 59700 Marcq-en-Barœul",
email: "lille@lockroy.fr",
lon: 3.07,
lat: 50.63,
url: "/agence-lille-hauts-de-france/"
},
{
key: "aix",
label: "Lockroy Aix",
region: "Provence-Alpes-Côte d'Azur",
address:
"1330, rue G. de la Lauzière, Europarc de Pichaury 13290 Aix-en-Provence",
email: "aix@lockroy.fr",
lon: 5.45,
lat: 43.53,
url: "/agence-aix-marseille-paca/"
},
{
key: "strasbourg",
label: "Lockroy Strasbourg",
region: "Grand Est",
address: "",
email: "contact@lockroy.fr",
lon: 7.75,
lat: 48.58,
url: "#"
}
];
const regionMap = {
"Île-de-France": "paris",
"Hauts-de-France": "lille",
"Pays de la Loire": "nantes",
"Auvergne-Rhône-Alpes": "lyon",
"Nouvelle-Aquitaine": "bordeaux",
"Provence-Alpes-Côte d'Azur": "aix",
"Grand Est": "strasbourg"
};
const agencyList = section.querySelector(
".lockroy-agencies-list"
);
const svgNode = section.querySelector(
".lockroy-map-svg"
);
if (!agencyList || !svgNode || typeof d3 === "undefined") {
return;
}
agencies.forEach(function (agency) {
const listItem = document.createElement("li");
const addressHtml = agency.address
? `
<div class="lockroy-contact-item">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
<circle cx="12" cy="10" r="3"></circle>
</svg>
<span>${agency.address}</span>
</div>
`
: "";
listItem.innerHTML = `
<a
href="${agency.url}"
class="lockroy-agency-card"
data-key="${agency.key}"
>
<div class="lockroy-agency-card-left">
<div class="lockroy-agency-info">
<div class="lockroy-agency-title-row">
<span class="lockroy-agency-dot"></span>
<span class="lockroy-agency-name">
${agency.label}
</span>
</div>
<div class="lockroy-agency-contact">
${addressHtml}
<div class="lockroy-contact-item">
<svg
viewBox="0 -960 960 960"
aria-hidden="true"
>
<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>
</svg>
<span>${agency.email}</span>
</div>
</div>
</div>
</div>
<span class="lockroy-agency-arrow">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M5 12H19"></path>
<path d="M13 6L19 12L13 18"></path>
</svg>
</span>
</a>
`;
agencyList.appendChild(listItem);
});
const width = 620;
const height = 600;
const svg = d3
.select(svgNode)
.attr("viewBox", `0 0 ${width} ${height}`)
.attr("preserveAspectRatio", "xMidYMid meet");
const projection = d3
.geoConicConformal()
.center([2.4, 46.5])
.scale(2500)
.translate([width / 2, height / 2]);
const path = d3.geoPath().projection(projection);
function activateAgency(key) {
svg
.selectAll(".lockroy-region")
.classed("is-active", function () {
return this.dataset.agency === key;
});
svg
.selectAll(".lockroy-pin")
.classed("is-active", function () {
return this.dataset.key === key;
});
section
.querySelectorAll(".lockroy-agency-card")
.forEach(function (card) {
card.classList.toggle(
"is-active",
card.dataset.key === key
);
});
}
function deactivateAgency() {
svg
.selectAll(".lockroy-region")
.classed("is-active", false);
svg
.selectAll(".lockroy-pin")
.classed("is-active", false);
section
.querySelectorAll(".lockroy-agency-card")
.forEach(function (card) {
card.classList.remove("is-active");
});
}
fetch(
"https://raw.githubusercontent.com/gregoiredavid/france-geojson/master/regions-version-simplifiee.geojson"
)
.then(function (response) {
if (!response.ok) {
throw new Error(
"Impossible de charger la carte de France."
);
}
return response.json();
})
.then(function (geojson) {
/* =========================================================
MODIF : recadrage serré du viewBox sur la carte
Supprime le blanc autour de la France en calant le
viewBox sur les limites réelles du tracé.
pad = marge résiduelle en px (mettre 0 pour coller aux bords).
========================================================= */
const bounds = path.bounds(geojson);
const pad = 12;
svg.attr(
"viewBox",
`${bounds[0][0] - pad} ${bounds[0][1] - pad} ` +
`${bounds[1][0] - bounds[0][0] + pad * 2} ` +
`${bounds[1][1] - bounds[0][1] + pad * 2}`
);
svg
.selectAll(".lockroy-region")
.data(geojson.features)
.enter()
.append("path")
.attr("class", "lockroy-region")
.attr("d", path)
.each(function (feature) {
const agencyKey =
regionMap[feature.properties.nom];
if (agencyKey) {
this.dataset.agency = agencyKey;
}
})
.on("mouseenter", function (event, feature) {
const agencyKey =
regionMap[feature.properties.nom];
if (agencyKey) {
activateAgency(agencyKey);
}
})
.on("mouseleave", function () {
deactivateAgency();
})
.on("click", function (event, feature) {
const agencyKey =
regionMap[feature.properties.nom];
if (!agencyKey) {
return;
}
const agency = agencies.find(function (item) {
return item.key === agencyKey;
});
if (
agency &&
agency.url &&
agency.url !== "#"
) {
window.location.href = agency.url;
}
});
agencies.forEach(function (agency) {
const coordinates = projection([
agency.lon,
agency.lat
]);
if (!coordinates) {
return;
}
const pin = svg
.append("g")
.attr("class", "lockroy-pin")
.attr("data-key", agency.key)
.attr(
"transform",
`translate(${coordinates[0]},${coordinates[1]})`
);
pin
.append("circle")
.attr("class", "lockroy-pin-halo")
.attr("r", 8);
pin
.append("image")
.attr("class", "lockroy-pin-core")
.attr("href", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVcAAAHGCAYAAADAC8j+AAAACXBIWXMAAAsSAAALEgHS3X78AAARnUlEQVR4nO3dPXJex5WA4eMpx6B2IOYIyMIGiBQRGSAnHCEUvQJxVmAoREQ4R5XhSKHhDcicADlnB2NtQBPwUobEP3zf7XP773mqGLisIroUvHXVp7vxh19++SUAKOu/ai8AYETiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIk+ONWP+jg6OQsIs62+nmNuvr5px+vai8CyLdZXCPicUQ82/Dntei29gKAbdgWAEggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSDBH2svAMh3cHTyOCLu//kmIp7e+0ceR8S3266qiH9HxNOff/rxXe2F/J64wkCWiD699+dxRDypuKRM/46I4xbDGiGu0LWDo5OnEXF878+jisvZ0oewvq29kM8RV+jI8mV6HBEvYq6Y3td8WCPEFZq3BPVFRJzFuP+J/1BdhDVCXKFJgvpJ3YQ1QlyhKQdHJ2fxPqrPKy+lNV2FNUJcobqDo5NvIuJVvP9K7fE4VLbuwhohrlDN8p/+ryPiZd2VNK3LsEaIK2xOVB+s27BGiCtsRlR30nVYI8QV0onqzroPa4S4Qpp7g6pXMedh/30MEdYIcYUUB0cnLyLiIkz/dzFMWCPEFYpatgAuwjnVXQ0V1gjvuUIxB0cnryLibQjrroYLa4QvV1ht2Vu9iYhntdfSoSHDGuHLFVZZ9lbfhbDuY9iwRogr7O3g6OQiIv4WTgLsY+iwRtgWgJ0tQ6ub8FrVvoYPa4QvV9jJwdHJcbwfWgnrfqYIa4S4woMtzwH+I2wD7GuasEbYFoAHOTg6uQrXV9eYKqwR4gpftByzugpnV9eYLqwR4gqftYT1NuyvrjFlWCPsucInCWsR04Y1QlzhIwdHJ0/DiYC1pg5rhG0B+I0lrLfhRMAa04c1wpcr/EpYixDWhbhC/HqG9TaEdQ1hvce2ANNbwvqm9jo6J6y/48uVqQlrEcL6CeLKtA6OTl6HsK4lrJ9hW4Apuc5ahLB+gS9XpiOsRQjrV/hyZRreCShGWB9AXJmC66zFCOsD2RZgeMJajLDuQFwZ2r1bV8K6jrDuyLYAw3KdtRhh3YMvV4YkrMUI657EleEsv0TwNoR1LWFdQVwZil8iWIywriSuDMM7AcUIawHiyhAOjk5ehbCWIKyFOC1A91xnLUZYC/LlSteEtRhhLcyXK11abl1dhLCWIKwJxJXuuM5alLAmsS1AV4S1KGFNJK504+Do5HEIaynCmsy2AF1wnbUoYd2AL1eaJ6xFCetGxJWmCWtRwrohcaVZy3XWf4WwliCsGxNXmuSdgKKEtQJxpTnCWpSwVuK0AE1xnbUoYa3IlyvNENaihLUycaUJwlqUsDbAtgBVuc5anLA2wpcr1QhrccLaEHGlCmEtTlgbI65sbrl19TaEtRRhbZA9VzblOmtxwtooX65sRliLE9aGiSubWG5d3YawliKsjbMtQDrXWYsT1g74ciWVsBYnrJ0QV9IcHJ1chLCWJKwdsS1ACtdZixPWzvhypThhLU5YO+TLlWKWW1c3EfGs9loGIqydEleKcJ01hbB2zLYAqwlrCmHtnLiyyr1bV8JajrAOwLYAe3OdNYWwDsKXK3sR1hTCOhBxZWcHRycvQlhLE9bBiCs7Wa6z/i2EtSRhHZC48mDeCUghrIMSVx7k4OjkdQhracI6MKcF+CrXWVMI6+B8ufJFwppCWCfgy5VPWm5dXYSwliaskxBXPuI6axphnYhtAX5DWNMI62TElV8dHJ08DmHNIKwTsi1ARLjOmkhYJ+XLFWHNI6wTE9fJHRydHIewZhDWyYnrxJbrrP8IYS1NWBHXWXknII2wEhHiOqWDo5NXIawZhJVfOS0wGddZ0wgrv+HLdSLCmkZY+Yi4TkJY0wgrn2RbYHCus6YSVj7Ll+vAhDWVsPJF4jooYU0lrHyVuA5ouc76LoQ1g7DyIOI6GO8EpBJWHkxcByKsqYSVnYjrIJbrrP8KYc0grOxMXAfgnYBUwspexLVzwppKWNmbuHbs4OjkIoQ1i7CyihtanXKdNZWwspov1w4JayphpQhfrh1Zbl3dRMSz2msZlLBSjLh2wnXWdMJKUbYFOiCs6YSV4sS1ccutq7chrFmElRS2BRrmOms6YSWNL9dGCWs6YSWVuDZouXV1G8KaRVhJZ1ugMa6zphNWNuHLtSHCmk5Y2Yy4NuLg6OR1CGsmYWVTtgUa4DprOmFlc75cKxPWdMJKFb5cK1luXV1FxPPKSxmZsFKNuFbgOusmhJWqbAtsTFg3IaxUJ67b+nDrSljzCCtNsC2wLfuruYSVZvhyZRTCSlPElREIK80RV3onrDRJXOmdsNIkcaVnfxJWWiWu9OpPP//041XtRcDniCs9ElaaJ670RljpgrjSE2GlG+JKL4SVrogrPRBWuiOutE5Y6ZK40jJhpVviSquEla6JKy0SVronrrRGWBmCuNISYWUY4korhJWhiCstEFaGI67UJqwMSVypSVgZlrhSi7AyNHGlBmFleOLK1oSVKYgrWxJWpiGubEVYmYq4sgVhZTriSrYpw3p4fv3i8Pz6ae11UI+4kmnWsJ5FxN8i4ubw/PqbysuhEnEly8xhfbP8z28j4qbeaqhJXMkgrP/x7PD8+mr71VCbuFKasH7s5fL/MxFxpaRZw3oVnw/rB28MuOYirpQyc1hfPvAfvzXgmoe4UoKwPsyjiLhNWQzNEVfWEtbdPDHgmoO4soaw7seAawLiyr6mC+vh+fU3h+fXN7EurB8YcA1OXNnHlGGN9/ulzwv+tQZcAxNXdjVzWJ8U/qsfhcAOS1zZhbCW9yQiLpL+bioSVx5KWPO8PDy/fpX8M9iYuPIQwprvL4fn18cb/Sw2IK58zYxhfRoR72K7sH5wc3h+/Xjjn0kSceVLZg3rbbwfNm3tUXgDdhjiyucIax0GXIMQVz5FWOsy4BqAuPJ7wtoGA67OiSv3zRjW42gvrB8YcHVMXPlgxrCeRcQ/os2wRhhwdU1ciZg3rF/77QEteBIRV7UXwe7EFWFt3/PD8+vXtRfBbsR1bsLaj+8Pz69f1F4EDyeu8xLW/lx5A7Yf4jqnGcN6EX2HNeL9gOvKgKsP4jqfGcN6FRHf1V5HIQZcnRDXucwa1hK/lqUlBlwdENd5COtYDLgaJ65zENYxGXA1TFzHN1VYl9/QehXjhzXCDa6mievYpgtrvH8nYIawfvBtRNzUXgQfE9dxzRrWrX97QAueLUfNaIi4jklY5/PdckmCRojreIR1XhcGXO0Q17EI69wMuBoiruOYLaxPI+JtCOvvGXA1QlzHMGNYb+N9SPiYAVcDxLV/s4a11d8e0AoDrsrEtW/Cype8MeCqR1z7Jaw8xK0BVx3i2qfZwnocwrqvR/H+3x0bE9f+zBbWF9H2b2jtwZPlvQU2JK59mSqsi3cR8e/aixjASwOubYlrP2YMa9xdnr6NiLPa6xiEAdeGxLUPU4b1g7vL05uI+HPtdQzCgGsj4tq+qcP6wd3l6UVE/LX2OgZgwLURcW2bsN5zd3l6FhH/rL2OARhwbUBc2yWsn/YiIv6n9iIGYMCVTFzbJKyfcXd5+n/xfsDlBMF6b5YzxCQQ1/YI61csJwiOa69jEDeH59ePay9iROLaFmF9oCWwf6q9jgF4AzaJuLZDWHd0d3l6FRE/1F7HAJ5EhCcKCxPXNgjrnu4uT1+FI1olvDw8v35VexEjEdf6hHW9V+EEQQl/MeAqR1zrEtYClhMEx+EEQQkGXIWIaz3CWpDAFmPAVYi41iGsCZYTBPYN1zPgKkBctyesiZYTBB55We/l4fn169qL6Jm4bktYN+CRl2K+Xx4rZw/iuh1h3dDyyIsTBOtdeQN2P+K6DWGt4zgEdq1H8T6wBlw7Etd8wlqJR16KeRIRV7UX0RtxzSWslS0nCOwbrvfcgGs34ppHWBtxd3l6Gx55KcGAawfimkNYG+ORl2IMuB5IXMsT1kYtj7z8vfY6OmfA9UDiWpawtu8snCBYy4DrAcS1HGHtgDcIinl+eH7tiuwXiGsZwtoRgS3mO7/k8PPEdT1h7ZBHXoq5MOD6NHFdR1g7tpwg+O/a6+icJwo/Q1z3J6wDuLs8fR0eeVnr24i4qb2I1ojrfoR1IB55KeKZAddvievuhHVMxxHxv7UX0TkDrnvEdTfCOqjlBMGLcIJgLQOuhbg+nLAOziMvRRhwLcT1YYR1Eh55KeLbiLitvYjaxPXrhHUyyxEtJwjWeXJ4fn1VexE1ieuXCeuklhMEHnlZ5+XMAy5x/Txh5Swc0VrrzawDLnH9NGHFCYJybmcccInrx4SVX91dnr4Lj7ys9SgmHHCJ628JKx/xyEsR0w24xPU/hJXP8shLEVMNuMT1PWHlqzzyUsQ0Ay5xFVZ28yqcIFjr9vD8+nHtRWSbPa7Cyk7u/RYDj7zsb4orsjPHVVjZiyNaRTyJiKGfKJw1rsLKKssJgrPa6+jcy8Pz62FPYcwYV2GliLvL05vwyMtafzk8vz6uvYgMs8VVWCnKIy9F3Iw44JoprsJKiuWRl3/WXkfHhhxwzRJXYSXbi3BEa43hBlwzxFVYSecEQRFDDbhGj6uwspl7j7ywv2EGXCPHVVjZ3HJEywmCdW5GuCI7alyFlWo88rLao4i46n3ANWJchZXqPPKy2pOIuKq9iDVGi6uw0hKPvKzz/PD8+nXtRexrpLgKK02598iLEwT7+/7w/PpF7UXsY5S4CitNEtgirnoccI0QV2GlaR55Wa3LAVfvcRVWurA88vLn2uvoWHcDrp7jKqx05e7y9CKcIFijqwFXr3EVVrrkkZfVvu/llxz2GFdhpXceeVnnoocBV29xFVa6t5wgOAsnCPbVxROFPcVVWBnGcoLguPY6OvZtRNzUXsSX9BLXH4SV0XjkZbVnh+fXzb4B20Nc//rzTz8O88Yj3Lc88vJD7XV07LtWB1ytx/WvP//041ntRUCmu8vTV+GI1hpNDrhajquwMhOPvOyvyQFXq3EVVqbiDYLVmhtwtRhXYWVKArvas8Pz66vai/igtbgKK1PzyMtqL1sZcLUUV2GF8MhLAW9aGHC1EldhhXs88rLabe0BVwtxFVb4hOWRFycI9vMoIm5rLqB2XIUVvuw4BHZfT2oOuGrGVVjhKzzyslq1AVetuAorPNBygqDLX9LXiCoDrhpxFVbY0d3l6W145GWNzQdcW8dVWGFPHnlZZfMB1x9++eWXTX7QwdHJ459/+vHdJj8MBnZ4fn1cew0de7vsY6fbLK4AM6l9FAtgSOIKkEBcARKIK0ACcQVIIK4ACcQVIIG4AiQQV4AE4gqQQFwBEogrQAJxBUggrgAJxBUggbgCJBBXgATiCpBAXAESiCtAAnEFSCCuAAnEFSCBuAIkEFeABOIKkEBcARKIK0ACcQVIIK4ACcQVIMH/A9uzXSeBtBi8AAAAAElFTkSuQmCC")
.attr("x", -9)
.attr("y", -12)
.attr("width", 18)
.attr("height", 24)
.attr("preserveAspectRatio", "xMidYMid meet");
});
section
.querySelectorAll(".lockroy-agency-card")
.forEach(function (card) {
card.addEventListener(
"mouseenter",
function () {
activateAgency(card.dataset.key);
}
);
card.addEventListener(
"mouseleave",
deactivateAgency
);
card.addEventListener(
"focus",
function () {
activateAgency(card.dataset.key);
}
);
card.addEventListener(
"blur",
deactivateAgency
);
});
})
.catch(function (error) {
console.error(
"Erreur de chargement de la carte :",
error
);
});
});
})();
</script> </div>
</div>
<div class="elementor-element elementor-element-1894750 e-con-full e-flex e-con e-parent" data-id="1894750" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-58c3ba6 e-con-full e-flex e-con e-child" data-id="58c3ba6" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-a8ac1e1 elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="a8ac1e1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Votre projet</p> </div>
<div class="elementor-element elementor-element-be5910e elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="be5910e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Un projet immobilier ?</p> </div>
<div class="elementor-element elementor-element-0fee816 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="0fee816" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Parlons-en.</h2> </div>
</div>
<div class="elementor-element elementor-element-bc1ce62 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="bc1ce62" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Nos équipes vous accompagnent dès la première réflexion.<br>Prenez contact avec nos experts pour un premier échange sans engagement.</p> </div>
<div class="elementor-element elementor-element-82fb073 metier-link elementor-widget elementor-widget-html" data-id="82fb073" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@400;700;900&display=swap" rel="stylesheet">
<style>
.lockroy-btn-4 {
display: inline-flex;
align-items: center;
gap: 12px;
margin: 0 auto;
font-family: 'Assistant', sans-serif;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left ;
color: #0e3049;
text-decoration: none;
border-bottom: 0.2px solid #c1d1e1;
padding-bottom: 2px;
transition: transform 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}
/* Conteneur parent pour forcer le centrage */
.lockroy-btn-4-wrapper {
display: flex;
justify-content: center;
width: 100%;
}
.lockroy-btn-4 svg {
width: 18px;
height: 18px;
transition: transform 0.4s ease;
}
.lockroy-btn-4 svg path {
stroke: #0e3049;
stroke-width: 3;
transition: stroke 0.4s ease;
}
/* ✨ Hover premium */
.lockroy-btn-4:hover {
transform: translateX(8px);
color: #3066AB !important;
border-bottom-color: #3066AB;
}
.lockroy-btn-4:hover svg path {
stroke: #3066AB !important;
}
</style>
<div class="lockroy-btn-wrapper">
<a href="https://lockroy.fr/contact/" class="lockroy-btn-4">
Contactez-nous
<svg viewbox="0 0 24 24" fill="none">
<path d="M5 12H19"></path>
<path d="M13 6L19 12L13 18"></path>
</svg>
</a>
</div> </div>
</div>
<div class="elementor-element elementor-element-b377bd5 e-con-full e-flex e-con e-parent" data-id="b377bd5" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-23659de e-con-full e-flex e-con e-child" data-id="23659de" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-2475c3d elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="2475c3d" data-element_type="widget" data-e-type="widget" id="clients" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">nos clients</p> </div>
<div class="elementor-element elementor-element-d32b884 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="d32b884" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default"><span class="titre-accent">Ils nous font</span> confiance</h2> </div>
</div>
<div class="elementor-element elementor-element-cd7c1b5 elementor-widget elementor-widget-html" data-id="cd7c1b5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<link
href="https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&family=Assistant:wght@400;600;700&display=swap"
rel="stylesheet"
>
<!-- ==========================================================
⚠️ À FAIRE AVANT MISE EN LIGNE
----------------------------------------------------------
1. Uploader les 20 PNG (logo_clients_BW-01.png … -20.png)
dans la médiathèque WordPress de lockroy.fr.
2. Remplacer la base d'URL ci-dessous par celle générée
par WordPress (dossier /uploads/AAAA/MM/).
Base utilisée ici :
https://lockroy.fr/wp-content/uploads/2026/09/
3. EBP (logo BW-21) : aucune image PNG fournie → entrée
laissée en commentaire, à compléter plus tard.
========================================================== -->
<style>
/* ==========================================================
CLIENTS LOCKROY
========================================================== */
.lockroy-clients,
.lockroy-clients * {
box-sizing: border-box;
}
.lockroy-clients {
width: 100%;
overflow: hidden;
font-family: "Assistant", sans-serif;
}
/* ==========================================================
ZONE LOGOS
========================================================== */
.lockroy-clients-marquee {
position: relative;
width: 100%;
overflow: hidden;
}
/* Fondu gauche / droite */
.lockroy-clients-marquee::before,
.lockroy-clients-marquee::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 90px;
z-index: 5;
pointer-events: none;
}
.lockroy-clients-marquee::before {
left: 0;
background: linear-gradient(
to right,
#0e3049 0%,
rgba(14, 48, 73, 0) 100%
);
}
.lockroy-clients-marquee::after {
right: 0;
background: linear-gradient(
to left,
#0e3049 0%,
rgba(14, 48, 73, 0) 100%
);
}
/* ==========================================================
LIGNES
========================================================== */
.lockroy-clients-row {
display: flex;
align-items: center;
width: max-content;
will-change: transform;
}
.lockroy-clients-row + .lockroy-clients-row {
margin-top: 2px;
}
/* Défilement lent */
.lockroy-clients-row--1 {
animation: lockroyClientsLeft 75s linear infinite;
}
.lockroy-clients-row--2 {
animation: lockroyClientsRight 82s linear infinite;
}
/* Pause au survol */
.lockroy-clients-marquee:hover .lockroy-clients-row {
animation-play-state: paused;
}
/* ==========================================================
GROUPE
========================================================== */
.lockroy-clients-group {
display: flex;
align-items: center;
flex-shrink: 0;
gap: 58px;
padding-right: 58px;
}
/* ==========================================================
LOGO
========================================================== */
.lockroy-client-logo {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 190px;
width: 190px;
height: 92px;
padding: 0;
background: transparent;
}
/* PNG des logos (blancs, fond transparent) */
.lockroy-client-logo img {
display: block;
width: 100%;
max-width: 185px;
height: auto;
max-height: 88px;
object-fit: contain;
/* Logos blancs : plus de filtre grayscale.
Effet sobre : légèrement estompé, plein au survol. */
opacity: 0.8;
transition:
opacity 0.3s ease,
transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
.lockroy-client-logo:hover img {
opacity: 1;
transform: scale(1.06);
}
}
/* ==========================================================
ANIMATIONS
========================================================== */
@keyframes lockroyClientsLeft {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@keyframes lockroyClientsRight {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0);
}
}
/* ==========================================================
TABLETTE
========================================================== */
@media screen and (max-width: 1024px) {
.lockroy-clients-group {
gap: 46px;
padding-right: 46px;
}
.lockroy-client-logo {
flex-basis: 170px;
width: 170px;
height: 82px;
}
.lockroy-client-logo img {
max-width: 165px;
max-height: 78px;
}
}
/* ==========================================================
MOBILE
========================================================== */
@media screen and (max-width: 767px) {
.lockroy-clients-marquee {
padding: 0px 0 0px;
}
.lockroy-clients-marquee::before,
.lockroy-clients-marquee::after {
width: 35px;
}
.lockroy-clients-group {
gap: 30px;
padding-right: 30px;
}
.lockroy-client-logo {
flex-basis: 145px;
width: 145px;
height: 72px;
}
.lockroy-client-logo img {
max-width: 140px;
max-height: 68px;
}
.lockroy-clients-row + .lockroy-clients-row {
margin-top: 10px;
}
.lockroy-clients-row--1 {
animation-duration: 65s;
}
.lockroy-clients-row--2 {
animation-duration: 72s;
}
}
/* ==========================================================
ACCESSIBILITÉ
========================================================== */
@media (prefers-reduced-motion: reduce) {
.lockroy-clients-row {
animation: none !important;
}
.lockroy-clients-marquee {
overflow-x: auto;
}
}
</style>
<section class="lockroy-clients">
<!-- ======================================================
LOGOS
====================================================== -->
<div class="lockroy-clients-marquee">
<!-- ====================================================
LIGNE 1
==================================================== -->
<div class="lockroy-clients-row lockroy-clients-row--1">
<div class="lockroy-clients-group">
<!-- ADHIKA PARK -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Adhika Park"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-01.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-01.png"
alt="Adhika Park"
data-eio="l"></noscript>
</div>
<!-- AIR LIQUIDE -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Air Liquide"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-09.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-09.png"
alt="Air Liquide"
data-eio="l"></noscript>
</div>
<!-- ALDERAN -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Alderan"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-14.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-14.png"
alt="Alderan"
data-eio="l"></noscript>
</div>
<!-- ATLAND -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Atland"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-18.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-18.png"
alt="Atland"
data-eio="l"></noscript>
</div>
<!-- BOLLORÉ -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Bolloré Logistics"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-02.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-02.png"
alt="Bolloré Logistics"
data-eio="l"></noscript>
</div>
<!-- CHALAVAN & DUC -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Chalavan et Duc"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-03.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-03.png"
alt="Chalavan et Duc"
data-eio="l"></noscript>
</div>
<!-- CROIX ROUGE -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Croix-Rouge française"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-04.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-04.png"
alt="Croix-Rouge française"
data-eio="l"></noscript>
</div>
<!-- DEF -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="DEF"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-19.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-19.png"
alt="DEF"
data-eio="l"></noscript>
</div>
<!-- EBP — ⚠️ PNG non fourni (BW-21). Décommenter après upload.
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
alt="EBP"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-21.png" class="lazyload"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-21.png"
alt="EBP"
data-eio="l"></noscript>
</div>
-->
<!-- FANUC -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Fanuc"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-05.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-05.png"
alt="Fanuc"
data-eio="l"></noscript>
</div>
<!-- GEODIS -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Geodis"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-08.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-08.png"
alt="Geodis"
data-eio="l"></noscript>
</div>
</div>
<!-- COPIE POUR LA BOUCLE -->
<div
class="lockroy-clients-group"
aria-hidden="true"
>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-01.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-01.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-09.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-09.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-14.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-14.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-18.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-18.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-02.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-02.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-03.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-03.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-04.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-04.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-19.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-19.png" alt="" data-eio="l"></noscript>
</div>
<!-- EBP — ⚠️ PNG non fourni (BW-21).
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-21.png" class="lazyload"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-21.png" alt="" data-eio="l"></noscript>
</div>
-->
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-05.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-05.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-08.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-08.png" alt="" data-eio="l"></noscript>
</div>
</div>
</div>
<!-- ====================================================
LIGNE 2
==================================================== -->
<div class="lockroy-clients-row lockroy-clients-row--2">
<div class="lockroy-clients-group">
<!-- GROUPE ALSEI -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Groupe Alsei"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-06.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-06.png"
alt="Groupe Alsei"
data-eio="l"></noscript>
</div>
<!-- LOGICOR -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Logicor"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-15.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-15.png"
alt="Logicor"
data-eio="l"></noscript>
</div>
<!-- MERCK -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Merck"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-13.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-13.png"
alt="Merck"
data-eio="l"></noscript>
</div>
<!-- MILEWAY -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Mileway"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-20.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-20.png"
alt="Mileway"
data-eio="l"></noscript>
</div>
<!-- PROUDREED -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Proudreed"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-11.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-11.png"
alt="Proudreed"
data-eio="l"></noscript>
</div>
<!-- RENAULT -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Renault"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-07.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-07.png"
alt="Renault"
data-eio="l"></noscript>
</div>
<!-- SELP -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="SELP"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-17.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-17.png"
alt="SELP"
data-eio="l"></noscript>
</div>
<!-- SOMEFLU -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Someflu"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-10.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-10.png"
alt="Someflu"
data-eio="l"></noscript>
</div>
<!-- SOREMI -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Soremi"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-12.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-12.png"
alt="Soremi"
data-eio="l"></noscript>
</div>
<!-- STONE HEDGE -->
<div class="lockroy-client-logo">
<img decoding="async"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII="
alt="Stone Hedge"
data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-16.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async"
src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-16.png"
alt="Stone Hedge"
data-eio="l"></noscript>
</div>
</div>
<!-- COPIE POUR LA BOUCLE -->
<div
class="lockroy-clients-group"
aria-hidden="true"
>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-06.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-06.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-15.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-15.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-13.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-13.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-20.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-20.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-11.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-11.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-07.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-07.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-17.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-17.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-10.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-10.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-12.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-12.png" alt="" data-eio="l"></noscript>
</div>
<div class="lockroy-client-logo">
<img decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAARJJREFUGBntwQENAAAAwiD7p34PBwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOBU+OUAARAVzPEAAAAASUVORK5CYII=" alt="" data-src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-16.png" class="lazyload" width="2560" height="1440" data-eio-rwidth="2560" data-eio-rheight="1440"><noscript><img decoding="async" src="https://lockroy.fr/wp-content/uploads/2026/09/logo_clients_BW-16.png" alt="" data-eio="l"></noscript>
</div>
</div>
</div>
</div>
</section> </div>
</div>
<div class="elementor-element elementor-element-56000d4 e-con-full e-flex e-con e-parent" data-id="56000d4" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b631c4d elementor-widget elementor-widget-html" data-id="b631c4d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
<style>
.lockroy-back-to-top {
position: fixed;
right: 24px;
bottom: 24px;
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
background: #0E3049;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
cursor: pointer;
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition:
opacity 0.25s ease,
visibility 0.25s ease,
transform 0.25s ease,
background 0.25s ease;
}
.lockroy-back-to-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.lockroy-back-to-top:hover {
background: #3066AB;
}
.lockroy-back-to-top svg {
width: 20px;
height: 20px;
transition: transform 0.25s ease;
}
.lockroy-back-to-top:hover svg {
transform: translateY(-3px);
}
/* =========================
MOBILE
========================= */
@media screen and (max-width: 767px) {
.lockroy-back-to-top {
right: 16px;
bottom: 16px;
width: 42px;
height: 42px;
}
.lockroy-back-to-top svg {
width: 18px;
height: 18px;
}
}
</style>
<button
class="lockroy-back-to-top"
type="button"
aria-label="Revenir en haut de la page"
>
<svg
viewbox="0 0 24 24"
fill="none"
aria-hidden="true"
>
<path
d="M12 19V5"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
/>
<path
d="M6 11L12 5L18 11"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
<script>
document.addEventListener('DOMContentLoaded', function () {
const backToTop =
document.querySelector(
'.lockroy-back-to-top'
);
if (!backToTop) {
return;
}
function updateBackToTop() {
if (window.scrollY > 500) {
backToTop.classList.add(
'is-visible'
);
} else {
backToTop.classList.remove(
'is-visible'
);
}
}
window.addEventListener(
'scroll',
updateBackToTop,
{
passive: true
}
);
updateBackToTop();
backToTop.addEventListener(
'click',
function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
);
});
</script> </div>
</div>
</div>
<footer data-elementor-type="footer" data-elementor-id="12185" class="elementor elementor-12185 elementor-location-footer" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-5f16b93 e-con-full e-flex e-con e-parent" data-id="5f16b93" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-39a8866 e-con-full e-flex e-con e-child" data-id="39a8866" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-44bcd58 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="44bcd58" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<img width="1448" height="341" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABagAAAFVAQMAAAAwqZrGAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFNJREFUGBntwTEBAAAAwiD7p14ND2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABXAvJuAAGxSVRJAAAAAElFTkSuQmCC" class="attachment-2048x2048 size-2048x2048 wp-image-69 lazyload" alt="" data-src="https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2.png" decoding="async" data-srcset="https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2.png 1448w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-300x71.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-1024x241.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-768x181.png 768w" data-max-width="1448" data-sizes="auto" data-eio-rwidth="1448" data-eio-rheight="341" /><noscript><img width="1448" height="341" src="https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2.png" class="attachment-2048x2048 size-2048x2048 wp-image-69" alt="" srcset="https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2.png 1448w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-300x71.png 300w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-1024x241.png 1024w, https://lockroy.fr/wp-content/uploads/2024/10/Fichier-2-768x181.png 768w" sizes="(max-width: 1448px) 100vw, 1448px" data-eio="l" /></noscript> </div>
<div class="elementor-element elementor-element-db0dc05 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="db0dc05" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
Lockroy met son expertise en conseil, construction et aménagement intérieur au service de vos projets. De la conception aux finitions, nous vous accompagnons avec une approche technique solide et des solutions créatives, quel que soit votre secteur d’activité. </div>
</div>
<div class="elementor-element elementor-element-339153e e-con-full e-flex e-con e-child" data-id="339153e" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-fbb000a elementor-widget elementor-widget-heading" data-id="fbb000a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">le groupe</p> </div>
<div class="elementor-element elementor-element-7b8a68a e-con-full e-flex e-con e-child" data-id="7b8a68a" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-715f96e e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="715f96e" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/nous-rejoindre/">
<span class="elementor-icon-list-text">Nous rejoindre</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-e4a9368 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e4a9368" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/nos-engagements-rse/">
<span class="elementor-icon-list-text">Nos engagements</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-363a65c e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="363a65c" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/nos-realisations/">
<span class="elementor-icon-list-text">Nos réalisations</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-390e2dd e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="390e2dd" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/nos-actualites/">
<span class="elementor-icon-list-text">Nos actualités</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-element elementor-element-fcb1451 e-con-full e-flex e-con e-child" data-id="fcb1451" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-5556046 elementor-widget elementor-widget-heading" data-id="5556046" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">expertises</p> </div>
<div class="elementor-element elementor-element-2b69aa8 e-con-full e-flex e-con e-child" data-id="2b69aa8" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-43c45d1 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="43c45d1" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/conseil/">
<span class="elementor-icon-list-text">Conseil</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-4970778 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4970778" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/construction/">
<span class="elementor-icon-list-text">Construction</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-0186ea2 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="0186ea2" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/amenagement/">
<span class="elementor-icon-list-text">Aménagement</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-element elementor-element-95c9639 e-con-full e-flex e-con e-child" data-id="95c9639" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-37783c9 elementor-widget elementor-widget-heading" data-id="37783c9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Nos agences</p> </div>
<div class="elementor-element elementor-element-113f48e e-con-full e-flex e-con e-child" data-id="113f48e" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-813492e e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="813492e" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-paris-ile-de-france/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Paris - Ile-de-France</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-bcf3518 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="bcf3518" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-bordeaux-nouvelle-aquitaine/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Bordeaux - Nouvelle-Aquitaine</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-d7e2787 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="d7e2787" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-lyon-rhone-alpes/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Lyon - Auvergne Rhône-Alpes </span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-8a65100 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8a65100" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-nantes-pays-de-la-loire/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Nantes - Pays de la Loire</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-751fde9 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="751fde9" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-lille-hauts-de-france/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Lille - Hauts de France </span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-fc5e255 e-transform elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="fc5e255" data-element_type="widget" data-e-type="widget" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/agence-aix-marseille-paca/">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-circle" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg> </span>
<span class="elementor-icon-list-text">Aix-en-Provence - Provence Alpes Côte d’Azur </span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-element elementor-element-00c5e0b e-con-full e-flex e-con e-child" data-id="00c5e0b" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-b532eb3 elementor-widget elementor-widget-heading" data-id="b532eb3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">contact</p> </div>
<div class="elementor-element elementor-element-567ba35 e-con-full e-transform e-flex e-con e-child" data-id="567ba35" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<div class="elementor-element elementor-element-691f9cb elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="691f9cb" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="https://lockroy.fr/contact/">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-map-marker-alt" viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg> </a>
</div>
</div>
<div class="elementor-element elementor-element-b33065a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b33065a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://share.google/ezZwLrkTRNSKnYb8h" target="_blank">
<span class="elementor-icon-list-text">14 rue Delambre 75014 Paris</span>
</a>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-40836e3 e-con-full e-transform e-flex e-con e-child" data-id="40836e3" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<div class="elementor-element elementor-element-c7ab378 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="c7ab378" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="https://lockroy.fr/contact/">
<svg aria-hidden="true" class="e-font-icon-svg e-far-envelope" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"></path></svg> </a>
</div>
</div>
<div class="elementor-element elementor-element-59c6670 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="59c6670" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="mailto:contact@lockroy.fr">
<span class="elementor-icon-list-text">contact@lockroy.fr</span>
</a>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-42e644c e-con-full e-transform e-flex e-con e-child" data-id="42e644c" data-element_type="container" data-e-type="container" data-settings="{"_transform_translateX_effect_hover":{"unit":"px","size":5,"sizes":[]},"_transform_translateX_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateX_effect_hover_mobile":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_translateY_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}">
<div class="elementor-element elementor-element-0feec0c elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-view-default elementor-widget elementor-widget-icon" data-id="0feec0c" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="https://lockroy.fr/contact/">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin-in" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> </a>
</div>
</div>
<div class="elementor-element elementor-element-c4fade0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="c4fade0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://www.linkedin.com/company/groupe-lockroy/posts/?feedView=all" target="_blank">
<span class="elementor-icon-list-text">Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7e240ca e-con-full e-flex e-con e-parent" data-id="7e240ca" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-e86b326 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e86b326" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<div class="elementor-element elementor-element-b735745 e-con-full e-flex e-con e-child" data-id="b735745" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f4fbcc2 e-con-full e-flex e-con e-child" data-id="f4fbcc2" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-fc3c7c6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="fc3c7c6" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/">
<span class="elementor-icon-list-text">© 2026 Lockroy Groupe</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-b1febed elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="b1febed" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<div class="elementor-element elementor-element-e2017f7 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e2017f7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-text">Tous droits réservés</span>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-f51778b elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f51778b" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<div class="elementor-element elementor-element-beedead elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="beedead" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://comfrancaise.com/" target="_blank">
<span class="elementor-icon-list-text">Conception par Com' à la Française</span>
</a>
</li>
</ul>
</div>
</div>
<div class="elementor-element elementor-element-31a8382 e-con-full e-flex e-con e-child" data-id="31a8382" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-f5bdaac elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f5bdaac" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/mentions-legales/">
<span class="elementor-icon-list-text">Mentions légales</span>
</a>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-05baa9c elementor-widget__width-initial elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="05baa9c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<div class="elementor-element elementor-element-e0dd597 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e0dd597" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://lockroy.fr/mentions-legales/">
<span class="elementor-icon-list-text">Politiques de confidentialité</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
( () => {
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
} )();
</script>
<style id="core-block-supports-inline-css">
/**
* Core styles: block-supports
*/
/*# sourceURL=core-block-supports-inline-css */
</style>
<script id="eio-lazy-load-pre-js-before">
const eio_lazy_vars = {"bg_min_dpr":1.1,"exactdn_domain":"","safe_paths":["\/wp-content\/plugins","\/wp-content\/themes","\/wp-includes\/"],"safe_domains":["lockroy.fr","www.lockroy.fr"],"skip_autoscale":0,"threshold":0,"use_dpr":1};Object.freeze(eio_lazy_vars);
//# sourceURL=eio-lazy-load-pre-js-before
</script>
<script data-wp-strategy="defer" defer id="eio-lazy-load-pre-js" src="https://lockroy.fr/wp-content/plugins/ewww-image-optimizer/includes/lazysizes-pre.js?ver=880"></script>
<script data-wp-strategy="defer" defer id="eio-lazy-load-uvh-js" src="https://lockroy.fr/wp-content/plugins/ewww-image-optimizer/includes/ls.unveilhooks.js?ver=880"></script>
<script data-wp-strategy="defer" defer id="eio-lazy-load-post-js" src="https://lockroy.fr/wp-content/plugins/ewww-image-optimizer/includes/lazysizes-post.js?ver=880"></script>
<script data-wp-strategy="defer" defer id="eio-lazy-load-js" src="https://lockroy.fr/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.js?ver=880"></script>
<script id="angie-canvas-template-js-before">
angieCanvasTemplateData = {"templateSlug":"angie-canvas"};
//# sourceURL=angie-canvas-template-js-before
</script>
<script id="hello-theme-frontend-js" src="https://lockroy.fr/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.5.1"></script>
<script id="elementor-webpack-runtime-js" src="https://lockroy.fr/wp-content/plugins/elementor/assets/js/webpack.runtime.js?ver=4.3.2"></script>
<script id="elementor-frontend-modules-js" src="https://lockroy.fr/wp-content/plugins/elementor/assets/js/frontend-modules.js?ver=4.3.2"></script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://lockroy.fr/wp-includes/js/jquery/ui/core.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":true},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnX":"Partager sur X","pinIt":"L\u2019\u00e9pingler","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger une image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer","a11yCarouselPrevSlideMessage":"Diapositive pr\u00e9c\u00e9dente","a11yCarouselNextSlideMessage":"Diapositive suivante","a11yCarouselFirstSlideMessage":"Ceci est la premi\u00e8re diapositive","a11yCarouselLastSlideMessage":"Ceci est la derni\u00e8re diapositive","a11yCarouselPaginationBulletMessage":"Aller \u00e0 la diapositive"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Portrait mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Paysage","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette en mode portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablette en mode paysage","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.3.2","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_optimized_css_files":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true,"mega-menu":true},"urls":{"assets":"https:\/\/lockroy.fr\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/lockroy.fr\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/lockroy.fr\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"5c385676bc","atomicFormsSendForm":"6e425244be"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":12503,"title":"Immobilier%20d%27entreprise%2C%20construction%2C%20am%C3%A9nagement%20-%20Lockroy","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://lockroy.fr/wp-content/plugins/elementor/assets/js/frontend.js?ver=4.3.2"></script>
<script id="smartmenus-js" src="https://lockroy.fr/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.js?ver=1.2.1"></script>
<script id="e-sticky-js" src="https://lockroy.fr/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.js?ver=4.3.0"></script>
<script id="wp-hooks-js" src="https://lockroy.fr/wp-includes/js/dist/hooks.js?ver=f0f188028580e8dc1255"></script>
<script id="wp-i18n-js" src="https://lockroy.fr/wp-includes/js/dist/i18n.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/lockroy.fr\/wp-admin\/admin-ajax.php","nonce":"a1aacab4b5","urls":{"assets":"https:\/\/lockroy.fr\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/lockroy.fr\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"fr_FR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/lockroy.fr\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://lockroy.fr/wp-content/plugins/elementor-pro/assets/js/frontend.js?ver=4.3.0"></script>
<script id="pro-elements-handlers-js" src="https://lockroy.fr/wp-content/plugins/elementor-pro/assets/js/elements-handlers.js?ver=4.3.0"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"wpemoji":"https://lockroy.fr/wp-includes/js/wp-emoji.js?ver=f0936cc515cdc2b9de8fa8660636609d","twemoji":"https://lockroy.fr/wp-includes/js/twemoji.js?ver=f0936cc515cdc2b9de8fa8660636609d"}}
</script>
<script type="module">
/**
* @output wp-includes/js/wp-emoji-loader.js
*/
/* eslint-env es6 */
// Note: This is loaded as a script module, so there is no need for an IIFE to prevent pollution of the global scope.
/**
* Emoji Settings as exported in PHP via _print_emoji_detection_script().
* @typedef WPEmojiSettings
* @type {object}
* @property {?object} source
* @property {?string} source.concatemoji
* @property {?string} source.twemoji
* @property {?string} source.wpemoji
*/
const selector = 'script#wp-emoji-settings';
const script = document.querySelector( selector );
if ( ! ( script instanceof HTMLScriptElement ) ) {
throw new Error( `Element missing: ${ selector }`);
}
const settings = /** @type {WPEmojiSettings} */ ( JSON.parse( script.text ) );
// For compatibility with other scripts that read from this global, in particular wp-includes/js/wp-emoji.js (source file: js/_enqueues/wp/emoji.js).
window._wpemojiSettings = settings;
/**
* Support tests.
* @typedef SupportTests
* @type {object}
* @property {?boolean} flag
* @property {?boolean} emoji
*/
const sessionStorageKey = 'wpEmojiSettingsSupports';
const tests = [ 'flag', 'emoji' ];
/**
* Checks whether the browser supports offloading to a Worker.
*
* @since 6.3.0
*
* @private
*
* @returns {boolean}
*/
function supportsWorkerOffloading() {
return (
typeof Worker !== 'undefined' &&
typeof OffscreenCanvas !== 'undefined' &&
typeof URL !== 'undefined' &&
URL.createObjectURL &&
typeof Blob !== 'undefined'
);
}
/**
* @typedef SessionSupportTests
* @type {object}
* @property {number} timestamp
* @property {SupportTests} supportTests
*/
/**
* Get support tests from session.
*
* @since 6.3.0
*
* @private
*
* @returns {?SupportTests} Support tests, or null if not set or older than 1 week.
*/
function getSessionSupportTests() {
try {
/** @type {SessionSupportTests} */
const item = JSON.parse(
sessionStorage.getItem( sessionStorageKey )
);
if (
typeof item === 'object' &&
typeof item.timestamp === 'number' &&
new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds.
typeof item.supportTests === 'object'
) {
return item.supportTests;
}
} catch ( e ) {}
return null;
}
/**
* Persist the supports in session storage.
*
* @since 6.3.0
*
* @private
*
* @param {SupportTests} supportTests Support tests.
*/
function setSessionSupportTests( supportTests ) {
try {
/** @type {SessionSupportTests} */
const item = {
supportTests: supportTests,
timestamp: new Date().valueOf()
};
sessionStorage.setItem(
sessionStorageKey,
JSON.stringify( item )
);
} catch ( e ) {}
}
/**
* Checks if two sets of Emoji characters render the same visually.
*
* This is used to determine if the browser is rendering an emoji with multiple data points
* correctly. set1 is the emoji in the correct form, using a zero-width joiner. set2 is the emoji
* in the incorrect form, using a zero-width space. If the two sets render the same, then the browser
* does not support the emoji correctly.
*
* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
* scope. Everything must be passed by parameters.
*
* @since 4.9.0
*
* @private
*
* @param {CanvasRenderingContext2D} context 2D Context.
* @param {string} set1 Set of Emoji to test.
* @param {string} set2 Set of Emoji to test.
*
* @return {boolean} True if the two sets render the same.
*/
function emojiSetsRenderIdentically( context, set1, set2 ) {
// Cleanup from previous test.
context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
context.fillText( set1, 0, 0 );
const rendered1 = new Uint32Array(
context.getImageData(
0,
0,
context.canvas.width,
context.canvas.height
).data
);
// Cleanup from previous test.
context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
context.fillText( set2, 0, 0 );
const rendered2 = new Uint32Array(
context.getImageData(
0,
0,
context.canvas.width,
context.canvas.height
).data
);
return rendered1.every( ( rendered2Data, index ) => {
return rendered2Data === rendered2[ index ];
} );
}
/**
* Checks if the center point of a single emoji is empty.
*
* This is used to determine if the browser is rendering an emoji with a single data point
* correctly. The center point of an incorrectly rendered emoji will be empty. A correctly
* rendered emoji will have a non-zero value at the center point.
*
* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
* scope. Everything must be passed by parameters.
*
* @since 6.8.2
*
* @private
*
* @param {CanvasRenderingContext2D} context 2D Context.
* @param {string} emoji Emoji to test.
*
* @return {boolean} True if the center point is empty.
*/
function emojiRendersEmptyCenterPoint( context, emoji ) {
// Cleanup from previous test.
context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
context.fillText( emoji, 0, 0 );
// Test if the center point (16, 16) is empty (0,0,0,0).
const centerPoint = context.getImageData(16, 16, 1, 1);
for ( let i = 0; i < centerPoint.data.length; i++ ) {
if ( centerPoint.data[ i ] !== 0 ) {
// Stop checking the moment it's known not to be empty.
return false;
}
}
return true;
}
/**
* Determines if the browser properly renders Emoji that Twemoji can supplement.
*
* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
* scope. Everything must be passed by parameters.
*
* @since 4.2.0
*
* @private
*
* @param {CanvasRenderingContext2D} context 2D Context.
* @param {string} type Whether to test for support of "flag" or "emoji".
* @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
* @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
*
* @return {boolean} True if the browser can render emoji, false if it cannot.
*/
function browserSupportsEmoji( context, type, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
let isIdentical;
switch ( type ) {
case 'flag':
/*
* Test for Transgender flag compatibility. Added in Unicode 13.
*
* To test for support, we try to render it, and compare the rendering to how it would look if
* the browser doesn't render it correctly (white flag emoji + transgender symbol).
*/
isIdentical = emojiSetsRenderIdentically(
context,
'\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence
'\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space
);
if ( isIdentical ) {
return false;
}
/*
* Test for Sark flag compatibility. This is the least supported of the letter locale flags,
* so gives us an easy test for full support.
*
* To test for support, we try to render it, and compare the rendering to how it would look if
* the browser doesn't render it correctly ([C] + [Q]).
*/
isIdentical = emojiSetsRenderIdentically(
context,
'\uD83C\uDDE8\uD83C\uDDF6', // as the sequence of two code points
'\uD83C\uDDE8\u200B\uD83C\uDDF6' // as the two code points separated by a zero-width space
);
if ( isIdentical ) {
return false;
}
/*
* Test for English flag compatibility. England is a country in the United Kingdom, it
* does not have a two letter locale code but rather a five letter sub-division code.
*
* To test for support, we try to render it, and compare the rendering to how it would look if
* the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]).
*/
isIdentical = emojiSetsRenderIdentically(
context,
// as the flag sequence
'\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F',
// with each code point separated by a zero-width space
'\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F'
);
return ! isIdentical;
case 'emoji':
/*
* Is there a large, hairy, humanoid mythical creature living in the browser?
*
* To test for Emoji 17.0 support, try to render a new emoji: Hairy Creature.
*
* The hairy creature emoji is a single code point emoji. Testing for browser
* support required testing the center point of the emoji to see if it is empty.
*
* 0xD83E 0x1FAC8 (\uD83E\u1FAC8) == Hairy creature.
*
* When updating this test, please ensure that the emoji is either a single code point
* or switch to using the emojiSetsRenderIdentically function and testing with a zero-width
* joiner vs a zero-width space.
*/
const notSupported = emojiRendersEmptyCenterPoint( context, '\uD83E\u1FAC8' );
return ! notSupported;
}
return false;
}
/**
* Checks emoji support tests.
*
* This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing
* scope. Everything must be passed by parameters.
*
* @since 6.3.0
*
* @private
*
* @param {string[]} tests Tests.
* @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification.
* @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification.
* @param {Function} emojiRendersEmptyCenterPoint Reference to emojiRendersEmptyCenterPoint function, needed due to minification.
*
* @return {SupportTests} Support tests.
*/
function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint ) {
let canvas;
if (
typeof WorkerGlobalScope !== 'undefined' &&
self instanceof WorkerGlobalScope
) {
canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement.
} else {
canvas = document.createElement( 'canvas' );
}
const context = canvas.getContext( '2d', { willReadFrequently: true } );
/*
* Chrome on OS X added native emoji rendering in M41. Unfortunately,
* it doesn't work when the font is bolder than 500 weight. So, we
* check for bold rendering support to avoid invisible emoji in Chrome.
*/
context.textBaseline = 'top';
context.font = '600 32px Arial';
const supports = {};
tests.forEach( ( test ) => {
supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
} );
return supports;
}
/**
* Adds a script to the head of the document.
*
* @ignore
*
* @since 4.2.0
*
* @param {string} src The url where the script is located.
*
* @return {void}
*/
function addScript( src ) {
const script = document.createElement( 'script' );
script.src = src;
script.defer = true;
document.head.appendChild( script );
}
settings.supports = {
everything: true,
everythingExceptFlag: true
};
// Obtain the emoji support from the browser, asynchronously when possible.
new Promise( ( resolve ) => {
let supportTests = getSessionSupportTests();
if ( supportTests ) {
resolve( supportTests );
return;
}
if ( supportsWorkerOffloading() ) {
try {
// Note that the functions are being passed as arguments due to minification.
const workerScript =
'postMessage(' +
testEmojiSupports.toString() +
'(' +
[
JSON.stringify( tests ),
browserSupportsEmoji.toString(),
emojiSetsRenderIdentically.toString(),
emojiRendersEmptyCenterPoint.toString()
].join( ',' ) +
'));';
const blob = new Blob( [ workerScript ], {
type: 'text/javascript'
} );
const worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } );
worker.onmessage = ( event ) => {
supportTests = event.data;
setSessionSupportTests( supportTests );
worker.terminate();
resolve( supportTests );
};
return;
} catch ( e ) {}
}
supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically, emojiRendersEmptyCenterPoint );
setSessionSupportTests( supportTests );
resolve( supportTests );
} )
// Once the browser emoji support has been obtained from the session, finalize the settings.
.then( ( supportTests ) => {
/*
* Tests the browser support for flag emojis and other emojis, and adjusts the
* support settings accordingly.
*/
for ( const test in supportTests ) {
settings.supports[ test ] = supportTests[ test ];
settings.supports.everything =
settings.supports.everything && settings.supports[ test ];
if ( 'flag' !== test ) {
settings.supports.everythingExceptFlag =
settings.supports.everythingExceptFlag &&
settings.supports[ test ];
}
}
settings.supports.everythingExceptFlag =
settings.supports.everythingExceptFlag &&
! settings.supports.flag;
// When the browser can not render everything we need to load a polyfill.
if ( ! settings.supports.everything ) {
const src = settings.source || {};
if ( src.concatemoji ) {
addScript( src.concatemoji );
} else if ( src.wpemoji && src.twemoji ) {
addScript( src.twemoji );
addScript( src.wpemoji );
}
}
} );
//# sourceURL=https://lockroy.fr/wp-includes/js/wp-emoji-loader.js
</script>
</body>
</html>
