:root{--blue:#087ff5;--navy:#07182c;--red:#f12a26;--pale:#f3f7fb;--text:#26384b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--text);font-size:18px;line-height:1.65}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.top{background:var(--navy);color:#fff;font-size:15px}.top .wrap{display:flex;justify-content:space-between;padding:7px 0}.top a{color:#fff}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.logo img{width:310px;display:block}.nav nav{display:flex;align-items:center;gap:26px;font-weight:700}.drop{position:relative}.drop button{border:0;background:none;font:inherit;color:inherit;padding:22px 0}.dropmenu{display:none;position:absolute;top:64px;left:-20px;min-width:260px;background:#fff;border-radius:12px;padding:10px;box-shadow:0 18px 45px #001b3830;z-index:10}.drop:hover .dropmenu{display:grid}.dropmenu a{padding:9px 12px;border-radius:8px}.dropmenu a:hover{background:var(--pale);color:var(--blue)}.call,.primary,.hero-call{background:var(--red);color:#fff!important;border-radius:9px;padding:12px 20px}.burger,#nav{display:none}.home-hero{min-height:650px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#06162bea,#06162b80),radial-gradient(circle at 85% 20%,#0c86f5 0,transparent 40%),#0b3158}.home-hero .wrap{padding:80px 0}.home-hero span,.local-hero span{font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#91caff}.home-hero h1,.local-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.05;margin:18px 0}.home-hero p{max-width:760px;font-size:21px}.home-hero .primary,.home-hero .secondary{display:inline-block;margin:22px 12px 0 0;padding:15px 23px}.secondary{border:2px solid #fff;color:#fff;border-radius:9px}.section{padding:90px 0}.section h2{font-size:clamp(34px,4vw,52px);line-height:1.15;color:var(--navy);margin:10px 0 34px}.eyebrow{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.expert,.cards,.dept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.expert article{padding:45px;border-radius:22px;color:#fff}.expert article.blue{background:var(--blue)}.expert article.red{background:var(--red)}.expert article>i{font-size:44px}.expert h3{font-size:34px;margin:18px 0 5px}.expert a{font-weight:900}.dark{background:var(--navy);color:#fff}.dark h2{color:#fff}.dept-grid{grid-template-columns:repeat(4,1fr)}.dept-grid article{background:#102943;padding:28px;border-radius:16px}.dept-grid strong{font-size:48px;color:#67b1ff}.dept-grid h3{margin:0 0 18px}.dept-grid a{display:block;color:#fff}.about,.two,.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about li{list-style:none;margin:9px 0}.about ul{padding:0}.about i{color:var(--blue)}.pale{background:var(--pale)}details{background:#fff;border-radius:12px;margin:12px 0;padding:19px 22px}summary{font-weight:900;cursor:pointer;color:var(--navy)}.cta{background:linear-gradient(100deg,var(--red),#bd1618);color:#fff;padding:55px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:5px 0;font-size:42px}.cta a{display:flex;gap:14px;align-items:center;background:#fff;color:var(--red);padding:15px 22px;border-radius:10px;font-weight:900;font-size:24px}footer{background:#04101f;color:#cbd8e5;padding:70px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:35px}.foot h3{color:#fff}.foot a{display:block;margin:8px 0}.flogo{width:300px;max-width:100%}.copy{text-align:center;border-top:1px solid #ffffff24;margin-top:45px;padding-top:20px}.copy .youge{display:inline-flex;align-items:center;gap:7px}.youge img{width:27px;height:27px;object-fit:contain}.mobile-call{display:none}.local-hero{padding:100px 0;color:#fff}.local-hero.blue{background:linear-gradient(120deg,#061a34,#087ff5)}.local-hero.red{background:linear-gradient(120deg,#42100f,#f12a26)}.local-hero p{font-size:21px;max-width:800px}.hero-call{display:inline-block;margin-top:18px;font-weight:900}.two{grid-template-columns:2fr 1fr}.two h2{font-size:34px;margin-top:45px;margin-bottom:14px}.two h2:first-of-type{margin-top:12px}.map iframe{width:100%;height:320px;border:0;border-radius:16px}.cities{margin-top:22px;background:var(--pale);padding:25px;border-radius:16px}.cities a{display:block;padding:7px 0;border-bottom:1px solid #dce5ef}.services{padding:70px 0;background:var(--pale)}.cards{grid-template-columns:repeat(4,1fr)}.cards article{background:#fff;padding:28px;border-radius:16px}.cards i{font-size:30px;color:var(--blue)}.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.city-grid a{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border:1px solid #dbe5ef;padding:20px;border-radius:12px}.city-grid small{color:#6f8091}.text-center{text-align:center;max-width:800px}.contact-card{background:var(--navy);color:#fff;padding:40px;border-radius:22px;text-align:center}.contact-card>i{font-size:40px;color:#6cb6ff}.contact-card small{display:block}.contact-card a{display:block;font-size:34px;font-weight:900;color:#fff}@media(max-width:900px){.nav{height:78px}.logo img{width:230px}.burger{display:block;font-size:28px}.nav nav{display:none;position:absolute;left:0;right:0;top:111px;background:#fff;padding:25px;z-index:20;flex-direction:column;align-items:stretch}.nav #nav:checked~nav{display:flex}.drop button{padding:0}.dropmenu{position:static;box-shadow:none;padding-left:18px}.drop:hover .dropmenu,.drop:focus-within .dropmenu{display:grid}.dept-grid,.cards{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}.two,.about,.contact-box{grid-template-columns:1fr}.home-hero{min-height:570px}.cta .wrap{display:block}.cta a{margin-top:20px;width:max-content}.mobile-call{display:block;position:fixed;bottom:12px;left:12px;right:12px;background:var(--red);color:#fff;text-align:center;padding:13px;border-radius:9px;font-weight:900;z-index:40}}@media(max-width:600px){body{font-size:18px}.top span{display:none}.top .wrap{justify-content:center}.expert,.dept-grid,.cards,.city-grid,.foot{grid-template-columns:1fr}.home-hero h1,.local-hero h1{font-size:42px}.home-hero .primary,.home-hero .secondary{display:block;margin-right:0;text-align:center}.section{padding:65px 0}.copy span{display:none}.copy .youge{margin-top:10px}.local-hero{padding:70px 0}.cta h2{font-size:34px}}
.home-hero{background:linear-gradient(90deg,#06162bef,#06162b8a),url(../img/hero.png) center/cover no-repeat}.section-intro{max-width:850px;margin:-15px 0 40px;font-size:20px}.expert article{padding:0;overflow:hidden}.expert article>img{width:100%;height:270px;object-fit:cover;display:block}.expert-body{padding:38px 42px}.expert-body>i{font-size:42px}.expert-body h3{font-size:34px;margin:12px 0}.lead{font-size:21px}.process-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-grid article{background:#fff;padding:32px;border-radius:18px}.process-grid strong{font-size:42px;color:var(--blue)}.process-grid h3{color:var(--navy);font-size:24px;margin:6px 0}.reviews-head{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.review-grid article{background:#fff;border:1px solid #dfe8f1;padding:30px;border-radius:18px;box-shadow:0 15px 38px #06182b0c}.stars{color:#ffb400;letter-spacing:3px}.review-grid blockquote{margin:18px 0 25px;font-size:18px}.review-author{display:flex;align-items:center;gap:13px}.review-author>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.review-author strong,.review-author small{display:block}.review-author small{color:#6e7d8b}@media(max-width:900px){.process-grid,.review-grid{grid-template-columns:1fr}.reviews-head{grid-template-columns:1fr;gap:0}.expert article>img{height:230px}}.department-hero{padding:110px 0;color:#fff;background-position:center;background-size:cover}.department-hero.plumbing{background-image:linear-gradient(90deg,#05182ce8,#087ff57d),url(../img/plomberie.png)}.department-hero.locksmith{background-image:linear-gradient(90deg,#28100fea,#f12a266e),url(../img/serrurerie.png)}.department-hero span{font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#b9dcff}.department-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.08;margin:16px 0}.department-hero p{max-width:780px;font-size:21px}.department-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:65px;align-items:start}.department-copy h2{font-size:42px}.department-copy p{margin:0 0 20px}.department-cities{background:var(--navy);color:#fff;border-radius:18px;padding:28px;position:sticky;top:25px}.department-cities h3{font-size:25px;margin-top:0}.department-cities a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff24}.department-cities small{color:#8fc8ff}.map-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center}.map-layout iframe{width:100%;height:430px;border:0;border-radius:18px;box-shadow:0 18px 45px #06182b17}@media(max-width:900px){.department-layout,.map-layout{grid-template-columns:1fr}.department-cities{position:static}.department-hero{padding:80px 0}}.department-side-map{margin-bottom:22px}.department-side-map iframe{display:block;width:100%;height:330px;border:0;border-radius:18px;box-shadow:0 18px 45px #06182b17}.local-hero.blue{background-image:linear-gradient(90deg,#061a34ed,#087ff56e),url(../img/plomberie.png);background-position:center;background-size:cover}.local-hero.red{background-image:linear-gradient(90deg,#30100fee,#f12a2668),url(../img/serrurerie.png);background-position:center;background-size:cover}.intervention-image{display:block;width:100%;height:360px;object-fit:cover;border-radius:18px;margin-bottom:34px;box-shadow:0 18px 45px #06182b16}.city-extra-copy{margin-top:48px}.city-extra-copy h2{margin-top:36px}.city-reviews{background:var(--pale)}@media(max-width:600px){.intervention-image{height:240px}}@media(min-width:901px){body>header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 8px 28px #06182b14}}
@media(min-width:992px){.dropmenu{max-height:70vh;overflow-y:auto}}

.contact-intro{max-width:850px;margin-bottom:36px}.department-phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.department-phone-grid article{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:25px;box-shadow:0 12px 35px rgba(15,35,60,.07)}.department-phone-grid h3{font-size:18px;margin:0 0 14px;color:#172b46}.department-phone-grid a{display:inline-flex;align-items:center;gap:10px;color:#e3262e;font-size:19px;font-weight:800;text-decoration:none}.department-phone-grid a:hover{color:#b81820}@media(max-width:991px){.department-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.department-phone-grid{grid-template-columns:1fr}}

/* Correction grille départements accueil */
.dept-grid>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:190px;background:#102943;padding:28px;border-radius:16px;overflow:hidden;transition:transform .2s ease,background .2s ease}
.dept-grid>a:hover{background:#153653;transform:translateY(-3px)}
.dept-grid>a strong{display:block;width:100%;font-size:clamp(25px,2.1vw,34px);line-height:1.15;overflow-wrap:anywhere;color:#67b1ff}
.dept-grid>a span{display:block;margin-top:12px;font-size:16px;color:#fff}
.dept-grid>a i{display:block;margin-top:auto;padding-top:22px;color:#fff}
@media(max-width:900px){.dept-grid>a{min-height:170px}}
@media(max-width:600px){.dept-grid>a{min-height:150px}.dept-grid>a strong{font-size:30px}}

/* Sous-menus et footer 3 colonnes */
.dropmenu{min-width:360px;font-size:16px;font-weight:500}
.foot{grid-template-columns:minmax(0,30fr) minmax(0,35fr) minmax(0,35fr);gap:44px}
.footer-nav{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff24}
.footer-nav h3{margin:0 0 10px}
.footer-nav a{display:inline-block;margin:5px 18px 5px 0}
@media(max-width:900px){.dropmenu{min-width:0;font-size:16px}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.foot>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.foot{grid-template-columns:1fr}.foot>div:first-child{grid-column:auto}}


/* Identité Pierre Services */
:root{--blue:#155fa9;--navy:#052d55;--red:#f18700;--pale:#f7f4ee;--text:#22384d}
body{font-family:Manrope,Arial,sans-serif;background:#fff;color:var(--text)}
.top{background:#052542}.top .wrap{padding:8px 0}
.nav{height:100px}.logo img{width:285px}.nav nav{gap:24px;font-weight:700}.nav nav>a:not(.call),.drop button{position:relative}.nav nav>a:not(.call):after,.drop button:after{content:"";position:absolute;left:0;right:100%;bottom:13px;height:2px;background:var(--red);transition:right .2s ease}.nav nav>a:not(.call):hover:after,.drop button:hover:after{right:0}
.call,.primary,.hero-call{background:var(--red);border-radius:999px;box-shadow:0 10px 24px #b8630038}.call:hover,.primary:hover,.hero-call:hover{background:#d87400;transform:translateY(-1px)}
.dropmenu{border-radius:18px;border:1px solid #e7edf3;padding:12px;box-shadow:0 24px 60px #052d5528}.dropmenu a{border-radius:11px}.dropmenu a:hover{background:#fff3df;color:#9b5200}
.home-hero{min-height:680px;background:linear-gradient(90deg,#031d39f2 0%,#052d55ce 45%,#052d553d 78%),url(../img/hero.png) center/cover no-repeat}.home-hero span,.local-hero span,.department-hero span{color:#ffd18d}.home-hero h1,.local-hero h1,.department-hero h1{letter-spacing:-2px}.home-hero .secondary{border-color:#ffbd5c;background:#ffffff10}.home-hero .secondary:hover{background:#ffffff20}
.section{padding:96px 0}.eyebrow{color:#ce6c00}.section h2{letter-spacing:-1.5px}.expert{gap:30px}.expert article{border-radius:28px;box-shadow:0 24px 55px #052d5518}.expert article.blue{background:linear-gradient(145deg,#155fa9,#0a3f76)}.expert article.red{background:linear-gradient(145deg,#f39416,#cd6500)}.expert article>img{height:300px}.expert-body{padding:40px 44px}
.dark{background:linear-gradient(145deg,#031d39,#073966)}.dept-grid>a{background:#0c4679;border:1px solid #ffffff18;border-radius:22px}.dept-grid>a:hover{background:#12578f}.dept-grid>a strong{color:#ffb549}.dept-grid>a span{color:#dcecf9}
.pale{background:#f7f4ee}.process-grid article,.review-grid article,details{border:1px solid #e9e1d5;border-radius:20px;box-shadow:0 12px 32px #052d550b}.process-grid strong{color:var(--red)}.review-author>span{background:linear-gradient(135deg,var(--blue),var(--navy))}.stars{color:#ef8700}
.cta{background:linear-gradient(110deg,#e67b00,#f49a20)}.cta a{color:#b75e00;border-radius:999px}.cta a:hover{background:#052d55;color:#fff}
footer{background:#031d39}.footer-nav{border-color:#ffffff1f}.copy{border-color:#ffffff1f}
.department-hero.plumbing{background-image:linear-gradient(90deg,#031d39ee,#155fa96b),url(../img/plomberie.png)}.department-hero.locksmith{background-image:linear-gradient(90deg,#031d39ee,#f1870052),url(../img/serrurerie.png)}
.local-hero.blue{background-image:linear-gradient(90deg,#031d39ef,#155fa966),url(../img/plomberie.png)}.local-hero.red{background-image:linear-gradient(90deg,#031d39ef,#f1870059),url(../img/serrurerie.png)}
.department-cities,.contact-card{background:linear-gradient(145deg,#052d55,#083e70);border-radius:24px}.department-cities small{color:#ffbd5c}.cities,.department-phone-grid article{border-radius:20px}.department-phone-grid a{color:#cf6a00}
@media(max-width:900px){.nav{height:82px}.logo img{width:225px}.nav nav{top:115px}.nav nav>a:not(.call):after,.drop button:after{display:none}}


/* Témoignages et prestations illustrés */
.stars{font-size:28px;line-height:1;letter-spacing:5px}
.review-author>img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;border:3px solid #fff;box-shadow:0 5px 16px #052d5526}
.cards article{padding:0;overflow:hidden;display:flex;flex-direction:column}
.service-card-image{display:block;width:100%;height:175px;object-fit:cover;margin-bottom:0}
.cards article h3{margin:22px 26px 8px;color:var(--navy)}
.cards article p{margin:0 26px 28px}
@media(max-width:600px){.stars{font-size:25px}.service-card-image{height:210px}}