html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#0B2545}
img{max-width:100%}
a{color:inherit}a:hover{opacity:.78}
.dd{position:relative}
.ddb{background:none;border:0;margin:0;padding:12px 0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.dd .menu{display:none;position:absolute;top:100%;left:-16px;min-width:260px;background:#FFFFFF;border:1px solid rgba(0,0,0,.1);box-shadow:0 18px 40px rgba(0,0,0,.16);padding:8px;z-index:20}
.dd:hover .menu,.dd:focus-within .menu,.dd.open .menu{display:block}
.menu a{display:block;padding:12px 14px;text-decoration:none;font-size:14px;text-transform:none;letter-spacing:0;font-weight:500;color:#1A1A1A;break-inside:avoid}
.menu a{transition:background .2s ease,color .2s ease,padding-left .2s ease}
.menu a:hover,.menu a:focus-visible{background:#EAF1F9;color:#0055A4;padding-left:20px;opacity:1}
.nav-d > a,.nav-d .dd > a,.nav-d .ddb{position:relative;transition:color .2s ease}
.nav-d > a::after,.nav-d .dd > a::after,.nav-d .ddb::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:#E1251B;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
.nav-d > a[aria-current]::after{display:none}
.nav-d > a:hover,.nav-d .dd:hover > a,.nav-d .dd:hover > .ddb,.nav-d .dd.open > .ddb,.nav-d a:focus-visible,.nav-d .ddb:focus-visible{color:#0055A4;opacity:1}
.nav-d > a:hover::after,.nav-d .dd:hover > a::after,.nav-d .dd:hover > .ddb::after,.nav-d .dd.open > .ddb::after{transform:scaleX(1)}
.nav-m .lk,.nav-m summary,.nav-m .sub a{transition:color .2s ease}
.nav-m .lk:hover,.nav-m summary:hover,.nav-m .sub a:hover{color:#0055A4;opacity:1}
p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.logos9,.logos6{display:grid;gap:12px}
.logos9{grid-template-columns:repeat(9,minmax(0,1fr))}
.logos6{grid-template-columns:repeat(6,minmax(0,1fr))}
.hero{position:relative;overflow:hidden;background:#003B73}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide.on{opacity:1}
.s1{background-image:linear-gradient(90deg,rgba(0,59,115,.95) 0%,rgba(0,85,164,.85) 55%,rgba(0,85,164,.55) 100%),url(/refonte/img/slide-depannage.jpg)}
.s2{background-image:linear-gradient(90deg,rgba(0,59,115,.95) 0%,rgba(0,85,164,.85) 55%,rgba(0,85,164,.55) 100%),url(/refonte/img/slide-boutique.jpg)}
.s3{background-image:linear-gradient(90deg,rgba(0,59,115,.95) 0%,rgba(0,85,164,.85) 55%,rgba(0,85,164,.55) 100%),url(/refonte/img/hero-serrurier.jpg)}
.s4{background-image:linear-gradient(90deg,rgba(0,59,115,.95) 0%,rgba(0,85,164,.85) 55%,rgba(0,85,164,.55) 100%),url(/refonte/img/slide-assurances.jpg)}
.arrow{background:transparent;border:1px solid rgba(255,255,255,.5);color:#FFFFFF;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.arrow:hover{background:rgba(255,255,255,.15)}
.dot{border:0;padding:0;margin:0;height:44px;background:transparent;cursor:pointer;display:inline-flex;align-items:center}
.dot span{display:block;height:4px;width:100%;background:rgba(255,255,255,.45)}
.dot.on span{background:#FFFFFF}
.burger{display:none;background:none;border:1px solid #DCE6F2;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;color:#0B2545;padding:0}
.nav-m{display:none}
.nav-m details{border-bottom:1px solid #DCE6F2}
.nav-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.03em}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m details[open] summary .chev{transform:rotate(180deg)}
.nav-m .lk{display:flex;align-items:center;min-height:52px;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border-bottom:1px solid #DCE6F2}
.nav-m .sub a{display:flex;align-items:center;min-height:46px;padding-left:16px;text-decoration:none;font-size:16px;color:#46566B}
.callbar{display:none}
.htxt.on{animation:htin .45s ease both}
@keyframes htin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.slide{transition:none}.htxt.on{animation:none}}
@media (max-width:1100px),(hover:none) and (pointer:coarse){
.nav-d{display:none!important}
.burger{display:inline-flex}
.nav-m{display:block}
}
@media (max-width:1000px){.logos9{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:760px){
.tb-x{display:none!important}
.callbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#FFFFFF;border-top:1px solid #DCE6F2;padding:10px max(24px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(11,37,69,.12)}
.ftr{padding-bottom:0!important}
.ftr .c-pan{padding-bottom:calc(28px + 72px + env(safe-area-inset-bottom))!important}
.sec{padding-top:56px!important;padding-bottom:56px!important}
.hero-in{padding-top:264px!important;padding-bottom:40px!important;gap:32px!important}
.slide{bottom:auto;height:280px}
.s1{background-image:linear-gradient(180deg,rgba(0,59,115,0) 55%,rgba(0,59,115,1) 100%),url(/refonte/img/slide-depannage.jpg)}
.s2{background-image:linear-gradient(180deg,rgba(0,59,115,0) 55%,rgba(0,59,115,1) 100%),url(/refonte/img/slide-boutique.jpg)}
.s3{background-image:linear-gradient(180deg,rgba(0,59,115,0) 55%,rgba(0,59,115,1) 100%),url(/refonte/img/hero-serrurier.jpg)}
.s4{background-image:linear-gradient(180deg,rgba(0,59,115,0) 55%,rgba(0,59,115,1) 100%),url(/refonte/img/slide-assurances-m.jpg);background-position:center center}
.hero-btns a{flex:1 1 100%;text-align:center}
.ttl{font-size:40px!important}
.ttl-s{font-size:28px!important}
.c-pan{padding:28px!important}
.map{min-height:260px!important}
.ph-img{min-height:260px!important}
.hdr-in{padding-top:10px!important;padding-bottom:10px!important}
.logo-h{height:42px!important}
.band{justify-content:center!important;text-align:center}
}
@media (max-width:600px){
p{text-align:left}
.hero-p{font-size:17px!important}
.tel-num{display:none}
}
@media (max-width:560px){
.logos9,.logos6{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.lg-cell{height:auto!important;aspect-ratio:1/1;padding:3px}
.lg-img{width:100%!important;height:auto!important;max-width:50px}
.team-t{font-size:18px!important}
}

[hidden]{display:none!important}
.wrap{max-width:1280px;margin:0 auto;padding-inline:max(24px,env(safe-area-inset-left));box-sizing:content-box}
.phero{background:#0055A4;color:#FFFFFF}
.phero-in{padding-block:56px 52px;display:flex;flex-direction:column;gap:18px}
.crumbs{font-size:14px;color:#D8E7F7;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:#FFFFFF}
.phero-t{margin:0;font-family:'Archivo',sans-serif;font-stretch:70%;font-weight:800;font-size:clamp(40px,7vw,88px);line-height:.92;text-transform:uppercase;text-wrap:balance;max-width:16ch}
.phero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-sizing:border-box}
.btn-red{background:#E1251B;color:#FFFFFF}
.btn-blue{background:#0055A4;color:#FFFFFF}
.btn-line{border:1px solid #4A88C8;color:#FFFFFF}
.btn:hover{opacity:.88}
.blk{padding-block:72px 0}
.blk-in{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start}
.blk.rev .blk-in{flex-direction:row-reverse}
.txt{flex:1 1 440px;min-width:0;font-size:18px;line-height:1.65;color:#2B3A4D}
.txt.solo{max-width:820px}
.txt p{margin:0 0 18px}
.txt ul,.txt ol{margin:0 0 18px;padding-left:22px}
.txt li{margin:0 0 8px}
.txt strong,.txt b{color:#0B2545}
.txt a{color:#C8201A}
.txt h3{font-family:'Archivo',sans-serif;font-stretch:80%;font-weight:800;font-size:24px;text-transform:uppercase;color:#0B2545;margin:28px 0 12px;line-height:1.1}
.txt h4{font-size:18px;color:#0B2545;margin:22px 0 8px}
.sec-h{margin:0 0 22px;font-family:'Archivo',sans-serif;font-stretch:70%;font-weight:800;font-size:clamp(32px,4vw,46px);line-height:.98;text-transform:uppercase;color:#0B2545;text-wrap:balance}
.pics{flex:1 1 360px;min-width:0;display:grid;gap:16px}
.pics img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;max-width:100%}
.cta-box{margin-top:56px;background:#F3F7FC;border:1px solid #DCE6F2;padding:28px 32px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between}
.cta-k{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#C8201A;text-align:left}
.cta-t{margin:0;font-family:'Archivo',sans-serif;font-stretch:80%;font-weight:800;font-size:24px;line-height:1.15;text-transform:uppercase;color:#0B2545;text-align:left;max-width:30ch}
.cta-a{display:flex;flex-wrap:wrap;gap:12px}
.facts{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.facts li{background:#F3F7FC;border:1px solid #DCE6F2;padding:22px;font-family:'Archivo',sans-serif;font-stretch:75%;font-weight:800;font-size:26px;text-transform:uppercase;color:#0055A4;text-align:center}
.sibs{padding-block:80px 0}
.sibs-t{margin:0 0 20px;font-family:'Archivo',sans-serif;font-stretch:75%;font-weight:800;font-size:28px;text-transform:uppercase;color:#0B2545}
.sibs-t span{color:#C8201A}
.sib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sib{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:0 20px;background:#FFFFFF;border:1px solid #DCE6F2;text-decoration:none;color:#0B2545;font-weight:600;transition:border-color .2s,color .2s}
.sib:hover{border-color:#0055A4;color:#0055A4;opacity:1}
.after-sibs{height:80px}
.contact-grid{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:flex-start}
.contact-side{flex:1 1 340px;min-width:0}
.contact-side .lead{font-size:18px;color:#46566B;margin:0 0 20px;text-align:left}
.contact-side img{width:100%;height:auto;margin-top:24px;display:block}
.cinfo{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:12px 20px;font-size:16px}
.cinfo dt{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#C8201A;padding-top:3px}
.cinfo dd{margin:0;color:#0B2545}
.cinfo a{color:#0055A4}
.cform{margin-top:8px}
.cform p{margin:0 0 16px;text-align:left}
.cform label{display:block;font-size:14px;font-weight:600;color:#0B2545;margin-bottom:6px}
.cform input,.cform textarea{width:100%;box-sizing:border-box;border:1px solid #A8BFD9;background:#FFFFFF;color:#0B2545;font:inherit;font-size:16px;padding:12px 14px;min-height:48px}
.cform input:focus,.cform textarea:focus{outline:2px solid #0055A4;outline-offset:1px;border-color:#0055A4}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.cform-note{background:#EAF1F9;border:1px solid #DCE6F2;padding:14px 16px;font-size:15px;color:#0B2545}
.legal h3{font-size:22px}
.nav-d .cur::after{transform:scaleX(1)!important}
.nav-d .cur{color:#0055A4}
@media (max-width:760px){
.phero-in{padding-block:40px 36px}
.phero-btns .btn{flex:1 1 100%}
.blk{padding-block:48px 0}
.blk.rev .blk-in{flex-direction:column}
.blk-in{flex-direction:column}
.txt{font-size:17px}
.cta-box{padding:22px}
.cta-a .btn{flex:1 1 100%}
.facts{grid-template-columns:1fr}
.f2{grid-template-columns:1fr}
.sibs{padding-block:56px 0}
.after-sibs{height:56px}
}

.map-embed{flex:2 1 420px;min-width:0;min-height:420px;border:1px solid #DCE6F2;background:#E8EEF6;display:block}
.map-embed iframe{display:block;width:100%;height:100%;min-height:420px;border:0}
.cform-ok{background:#E8F5EC;border:1px solid #B7DFC3;color:#14532D;padding:14px 16px;font-size:15px}
.cform-err{background:#FDECEC;border:1px solid #F3B9B5;color:#7F1D1D;padding:14px 16px;font-size:15px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:760px){.map-embed,.map-embed iframe{min-height:280px}}