html,body{overflow-x:clip}
.bandeau-infos{background:#0B3B35;color:#E6F2EF;font-size:13px;font-weight:500;line-height:1.4}
.bandeau-infos-contenu{max-width:1400px;margin:0 auto;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bandeau-infos-groupe{display:flex;align-items:center;gap:28px}
.bandeau-infos span,.bandeau-infos a{display:inline-flex;align-items:center;gap:8px;color:#E6F2EF}
.bandeau-infos a:hover{color:#FFFFFF;text-decoration:none}
.bandeau-infos svg{flex:0 0 auto}
.entete{position:sticky;top:0;z-index:1000;background:#FFFFFF;box-shadow:0 1px 0 #E3ECEA,0 8px 24px rgba(11,59,53,0.06)}
.entete-contenu{max-width:1400px;margin:0 auto;height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.entete-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.entete-logo:hover{text-decoration:none}
.entete-logo img{width:48px;height:48px;object-fit:contain}
.entete-nom{display:flex;flex-direction:column;line-height:1.15}
.entete-nom strong{font-size:19px;font-weight:800;color:#0F2A26;letter-spacing:-0.01em}
.entete-nom small{font-size:12px;font-weight:500;color:#4F6662}
.menu-principal{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu-principal > li{position:relative}
.menu-principal > li > a,.menu-principal > li > button{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:0;background:transparent;font-family:inherit;font-size:15px;font-weight:600;color:#0F2A26;text-decoration:none;cursor:pointer;line-height:1.4}
.menu-principal > li > a:hover,.menu-principal > li > button:hover{background:#F4F8F7;color:#136F63}
.menu-principal > li > .est-actif{color:#136F63}
.menu-principal > li > button[aria-expanded="true"]{background:#EAF3F1;color:#136F63}
.menu-principal > li > button svg{transition:transform .2s ease}
.menu-principal > li > button[aria-expanded="true"] svg{transform:rotate(180deg)}
.menu-secteurs{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:640px;box-sizing:border-box;padding:20px;background:#FFFFFF;border:1px solid #E3ECEA;border-radius:16px;box-shadow:0 24px 48px rgba(11,59,53,0.14);display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.menu-secteurs.est-ouvert{display:grid}
.menu-secteurs a{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;text-decoration:none;line-height:1.35}
.menu-secteurs a:hover{background:#F4F8F7;text-decoration:none}
.menu-secteurs .numero{font-size:13px;font-weight:700;color:#136F63}
.menu-secteurs .departement-nom{font-size:16px;font-weight:700;color:#0F2A26}
.menu-secteurs .villes{font-size:13px;color:#4F6662}
.menu-secteurs .toutes-villes{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid #E3ECEA;border-radius:0 0 12px 12px;font-size:14px;font-weight:600;color:#136F63}
.entete-actions{display:flex;align-items:center;gap:20px}
.entete-telephone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;text-decoration:none}
.entete-telephone:hover{text-decoration:none}
.entete-telephone small{font-size:12px;font-weight:500;color:#4F6662}
.entete-telephone strong{font-size:17px;font-weight:800;color:#0F2A26}
.bouton-devis{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:12px;background:#136F63;color:#FFFFFF;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.bouton-devis:hover{background:#0F574E;color:#FFFFFF;text-decoration:none}
.entete-mobile{display:none;align-items:center;gap:8px}
.bouton-rond{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.bouton-rond.plein{background:#136F63;border:0}
.bouton-rond.contour{background:#FFFFFF;border:1.5px solid #CFE0DC}
.bouton-rond .icone-fermer{display:none}
.bouton-rond[aria-expanded="true"] .icone-fermer{display:block}
.bouton-rond[aria-expanded="true"] .icone-menu{display:none}
.menu-mobile{display:none;background:#FFFFFF;border-top:1px solid #E3ECEA;max-height:calc(100vh - 68px);overflow-y:auto}
.menu-mobile.est-ouvert{display:block}
.menu-mobile ul{list-style:none;margin:0;padding:8px 16px 0}
.menu-mobile li > a,.menu-mobile .titre-secteurs{display:block;padding:16px 4px;border-bottom:1px solid #EEF4F2;font-size:19px;font-weight:700;color:#0F2A26;text-decoration:none}
.menu-mobile li > a.est-actif{color:#136F63}
.menu-mobile .titre-secteurs{border-bottom:0;padding-bottom:10px}
.menu-mobile .pastilles{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px 14px;border-bottom:1px solid #EEF4F2}
.menu-mobile .pastilles a{padding:10px 14px;border-radius:999px;background:#EAF3F1;font-size:14px;font-weight:600;color:#136F63;text-decoration:none}
.menu-mobile-actions{display:flex;flex-direction:column;gap:10px;padding:16px;background:#F4F8F7;margin-top:12px}
.menu-mobile-actions a{display:flex;align-items:center;justify-content:center;height:52px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none}
.menu-mobile-actions .bouton-devis{width:100%}
.menu-mobile-actions .appeler{border:1.5px solid #CFE0DC;background:#FFFFFF;color:#0F2A26}
.menu-mobile-actions p{margin:0;text-align:center;font-size:13px;color:#4F6662}
@media (max-width:1199.98px){
.menu-principal > li > a,.menu-principal > li > button{padding:10px 10px;font-size:14px}
.entete-telephone{display:none}
}
@media (max-width:991.98px){
.bandeau-infos{display:none}
.entete-contenu{height:68px;padding:0 16px}
.entete-logo img{width:40px;height:40px}
.entete-nom strong{font-size:17px}
.entete-principal,.entete-actions{display:none}
.entete-mobile{display:flex}
}
.entete .entete-nom strong,.entete .entete-telephone strong{color:#0F2A26 !important}
.entete button:focus{outline:none}
.entete a:focus-visible,.entete button:focus-visible,.bandeau-infos a:focus-visible{outline:2px solid #136F63;outline-offset:2px}
.pied{background:#0B3B35;color:#C9DFDA;font-size:15px;line-height:1.6;margin-top:0}
.pied a{color:#E6F2EF;text-decoration:none;transition:color .2s ease}
.pied a:hover{color:#FFFFFF;text-decoration:none}
.pied p{margin:0}
.pied-appel{max-width:1200px;margin:0 auto;padding:56px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid rgba(255,255,255,0.12)}
.pied-appel-titre{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-0.02em;line-height:1.2;color:#FFFFFF}
.pied-appel-sous-titre{margin-top:6px !important;color:#BFD9D3}
.pied-appel-actions{display:flex;gap:12px;flex-wrap:wrap}
.pied .pied-bouton-clair{background:#FFFFFF;color:#0B3B35;height:52px;border-radius:14px}
.pied .pied-bouton-clair:hover{background:#EAF3F1;color:#0B3B35}
.pied .pied-bouton-contour{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:14px;border:1.5px solid rgba(255,255,255,0.35);color:#FFFFFF;font-weight:700}
.pied .pied-bouton-contour:hover{border-color:#FFFFFF}
.pied-colonnes{max-width:1200px;margin:0 auto;padding:56px 32px 40px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,0.8fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:36px}
.pied-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}
.pied-logo img{width:52px;height:52px;object-fit:contain;background:#FFFFFF;border-radius:14px;padding:4px;box-sizing:border-box}
.pied-nom{display:flex;flex-direction:column;line-height:1.2}
.pied-nom strong{font-size:18px;font-weight:800;color:#FFFFFF !important}
.pied-nom small{font-size:12px;color:#BFD9D3}
.pied-marque p{max-width:340px;font-size:14px}
.pied .pied-reseau{margin-top:18px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.1);display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF}
.pied .pied-reseau:hover{background:#7FD1C1;color:#0B3B35}
.pied-titre{margin-bottom:14px !important;font-size:13px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#7FD1C1}
.pied-liens ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pied-contact li{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere}
.pied-contact svg{flex:0 0 auto;margin-top:3px;color:#7FD1C1}
.pied-bas{max-width:1200px;margin:0 auto;padding:22px 32px;border-top:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#9FC2BA}
.pied-bas ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}
.pied-bas a{color:#C9DFDA}
.pied a:focus-visible{outline:2px solid #7FD1C1;outline-offset:2px}
@media (max-width:991.98px){
.pied-appel{flex-direction:column;align-items:flex-start;padding:40px 20px}
.pied-colonnes{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 20px 32px;gap:32px}
.pied-marque{grid-column:1 / -1}
.pied-bas{padding:20px}
}
@media (max-width:575.98px){
.pied-colonnes{grid-template-columns:minmax(0,1fr)}
.pied-appel-actions{width:100%}
.pied-appel-actions a{flex:1 1 auto;justify-content:center}
}
