/* Accueil des annuaires SEO, d'après la maquette validée par Sofiane le 05/11/2026 (largeur de référence 1024 px). */
:root{--ag-ink:#0d2b33;--ag-ink2:#0b2f3b;--ag-acc:#0f7a63;--ag-acc-d:#0a5c50;--ag-mint:#dff5ec;--ag-mint2:#c7efdd;--ag-bg:#f6fafb;--ag-txt:#2c4048;--ag-mute:#5a6d75;--ag-line:#dfe8ec;--ag-disp:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--ag-body:"DM Sans",ui-sans-serif,system-ui,sans-serif}
body.ag-b{background:var(--ag-bg)}
.ag,.ag *{box-sizing:border-box}
.ag{font-family:var(--ag-body);color:var(--ag-txt)}
.ag a{color:inherit;text-decoration:none}
.ag svg.i{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ag :focus-visible{outline:3px solid var(--ag-acc);outline-offset:2px}
.ag-w{width:100%;max-width:1240px;margin-inline:auto;padding-inline:max(16px,5.1vw)}
@media (min-width:1432px){.ag-w{padding-inline:73px}}
/* en-tête */
.ag-hd{background:var(--ag-ink2);color:#fff;position:relative;z-index:30}
.ag-hd .ag-w{display:flex;align-items:center;min-height:53px;gap:24px}
.ag-logo{display:flex;align-items:center;gap:8px;font:800 14.5px/1.05 var(--ag-disp);letter-spacing:-.01em;color:#fff;flex:none;margin-right:auto}
.ag-logo svg{width:40px;height:40px;flex:none}
.ag-nav{display:flex;align-items:center;gap:30px;font:600 11.5px/1 var(--ag-disp)}
.ag-dd{position:relative}
.ag-dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;padding:12px 0;color:#fff}
.ag-dd>summary::-webkit-details-marker{display:none}
.ag-dd>summary::after{content:"";width:5px;height:5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.ag-dd ul{position:absolute;top:100%;left:-14px;min-width:210px;margin:0;padding:8px;list-style:none;background:#fff;color:var(--ag-ink);border-radius:12px;box-shadow:0 14px 34px rgba(13,43,51,.2)}
.ag-dd li a{display:block;padding:9px 10px;border-radius:8px;font-size:13px}.ag-dd li a:hover{background:var(--ag-mint)}
.ag-nav>a.ag-l{color:#fff;padding:12px 0}
.ag-cta-top{display:inline-flex;align-items:center;min-height:29px;padding:0 19px;border:1.5px solid var(--ag-b1);border-radius:10px;color:#fff;font:600 11.5px/1 var(--ag-disp)}
.ag-cta-top:hover{background:var(--ag-b1);color:var(--ag-ink)}
.ag-burger{display:none}
/* héros */
.ag-hero{position:relative;overflow:hidden;background:var(--ag-bg);padding-block:31px 23px}
.ag-blob{position:absolute;right:0;top:0;width:45%;height:400px;pointer-events:none}
.ag-hero .ag-w{position:relative}
.ag-hg{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:47px;align-items:start}
.ag-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 15px;background:var(--ag-mint2);border-radius:999px;font:700 12px/1 var(--ag-disp);color:var(--ag-acc-d)}
.ag-hero h1{font:800 43px/46px var(--ag-disp);letter-spacing:-.03em;color:var(--ag-ink);margin:10px 0 0;text-wrap:balance}
.ag-hero h1 em{display:inline-block;position:relative;font-style:italic;color:var(--ag-acc);padding-bottom:6px}
.ag-hero h1 em svg{position:absolute;left:0;bottom:-3px;width:100%;height:9px}
.ag-lead{margin:13px 0 0;font-size:15.5px;line-height:23px;color:var(--ag-ink);max-width:45ch}
.ag-q{position:relative;display:flex;align-items:center;gap:10px;height:48px;margin-top:14px;padding:0 3px 0 18px;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(13,43,51,.1);border:1px solid #edf2f4}
.ag-q svg{color:var(--ag-ink)}
.ag-q input{flex:1;min-width:0;border:0;background:none;font:400 12.5px/1 var(--ag-body);color:var(--ag-ink);padding:0 6px;outline:none}
.ag-q input::placeholder{color:#4c5f67;opacity:1}
.ag-q button{height:40px;padding:0 24px;border:0;border-radius:12px;background:var(--ag-acc-d);color:#fff;font:700 12.5px/1 var(--ag-disp);cursor:pointer}
.ag-q button:hover{background:var(--ag-acc-d)}
.ag-pop{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:20px;font:700 10.5px/1 var(--ag-disp);color:var(--ag-ink)}
.ag-pop span{margin-right:7px}
.ag-pop a{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 9px;background:#fff;border:1px solid var(--ag-line);border-radius:999px;font-weight:600}
.ag-pop a:hover{border-color:var(--ag-acc)}
.ag-feat{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:34px;font:500 10.5px/1 var(--ag-body);color:var(--ag-ink)}
.ag-feat li{display:flex;align-items:center;gap:8px;padding-right:20px;margin-right:20px;border-right:1px solid var(--ag-line);list-style:none}
.ag-feat li:last-child{border:0;margin:0;padding:0}.ag-feat{padding:0}
.ag-feat svg{color:var(--ag-acc)}
/* carte agences */
.ag-cards{position:relative;margin-top:18px;background:#fff;border-radius:18px;box-shadow:0 16px 42px rgba(13,43,51,.13);padding:6px 18px}
.ag-cards::after{content:"";position:absolute;right:-22px;top:-30px;width:40px;height:40px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M8 4v9M21 7l-5 8M36 18l-11 4'/%3E%3C/svg%3E")}
.ag-c{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center;padding:13px 0 14px;border-bottom:1px solid var(--ag-line)}
.ag-c:last-child{border:0}
.ag-c-l{display:flex;align-items:center;justify-content:center;height:30px;font:800 14px/1 var(--ag-disp);color:var(--ag-ink)}
.ag-c-l.socy{height:29px;width:52px;background:#5b2bd9;color:#fff;border-radius:8px;font-size:14px}
.ag-c-l.lmk{height:33px;width:33px;margin-inline:auto;background:#ee3f9c;color:#fff;border-radius:7px}
.ag-c h2{display:flex;align-items:center;gap:5px;font:700 12.5px/1.25 var(--ag-disp);color:var(--ag-ink);margin:0}
.ag-c h2 svg{color:#1d6fe0;width:13px;height:13px;flex:none}
.ag-c p{margin:4px 0 0;font-size:10px;color:var(--ag-mute);line-height:1.2}
.ag-st{color:#f3ad1f;letter-spacing:.5px;font-size:9px;margin-right:4px}
.ag-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.ag-tags span{height:17px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#eaf0f4;font-size:9.5px;color:var(--ag-ink)}
/* services */
.ag-svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.ag-svc a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-items:center;min-height:80px;padding:12px 22px;background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(13,43,51,.05)}
.ag-svc a:hover{box-shadow:0 8px 24px rgba(13,43,51,.12)}
.ag-svc svg{color:var(--ag-acc-d);width:30px;height:30px}
.ag-svc b{display:block;font:700 12.5px/1.25 var(--ag-disp);color:var(--ag-ink)}
.ag-svc span{display:block;font-size:10.5px;line-height:14px;color:var(--ag-mute);margin-top:3px}
/* titres de section */
.ag-sh{display:flex;align-items:center;gap:13px}
.ag-sh svg{color:var(--ag-acc);width:26px;height:26px}
.ag-sh h2{font:800 18.5px/1.15 var(--ag-disp);letter-spacing:-.02em;color:var(--ag-ink);margin:0}
.ag-sh p{margin:3px 0 0;font-size:11px;color:var(--ag-mute)}
/* top 10 */
.ag-top{display:grid;grid-template-columns:minmax(0,1fr) 239px;gap:25px;padding-top:20px;background:#fff0}
.ag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:13px}
.ag-v{position:relative;display:block;aspect-ratio:124/96;border-radius:10px;overflow:hidden;background:var(--ag-ink);color:#fff}
.ag-v img{width:100%;height:100%;object-fit:cover;display:block}
.ag-v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,28,38,0) 38%,rgba(6,28,38,.86) 100%)}
.ag-v b{position:absolute;z-index:1;left:11px;bottom:22px;font:700 14px/1 var(--ag-disp)}
.ag-v span{position:absolute;z-index:1;left:11px;bottom:9px;font-size:9.5px;font-weight:500}
.ag-v svg{position:absolute;z-index:1;right:11px;bottom:12px;width:16px;height:16px}
.ag-v:hover img{transform:scale(1.04)}.ag-v img{transition:transform .25s}
.ag-pro{position:relative;background:var(--ag-mint);border-radius:18px;padding:20px 18px;overflow:hidden}
.ag-pro>svg.b{color:var(--ag-acc-d);width:32px;height:32px}
.ag-pro>svg.g{position:absolute;right:16px;top:14px;width:48px;height:50px}
.ag-pro h3{font:800 21px/25px var(--ag-disp);letter-spacing:-.02em;color:var(--ag-ink);margin:14px 0 13px}
.ag-pro ul{list-style:none;margin:0;padding:0;font-size:11.5px;color:var(--ag-ink)}
.ag-pro li{display:flex;gap:9px;align-items:center;margin-bottom:9px}.ag-pro li svg{color:var(--ag-acc);width:14px;height:14px}
.ag-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:14px;background:var(--ag-acc-d);color:#fff;border-radius:12px;font:700 13px/1 var(--ag-disp)}
.ag .ag-btn{color:#fff}.ag-btn:hover{background:var(--ag-acc-d)}.ag-btn svg{width:15px;height:15px}
/* régions + projets */
.ag-sec{padding-top:24px}
.ag-rg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 118px;gap:13px;margin-top:10px}
.ag-rg a{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 14px 4px 20px;background:#fff;border:1px solid var(--ag-line);border-radius:10px;font:700 10.5px/14px var(--ag-disp);color:var(--ag-ink)}
.ag-rg a:hover,.ag-pj a:hover{border-color:var(--ag-acc)}
.ag-rg img{width:26px;height:26px;flex:none}
.ag .ag-more{display:flex;align-items:center;gap:7px;background:var(--ag-mint);border:0;border-radius:10px;color:var(--ag-acc-d);font:700 10.5px/14px var(--ag-disp);padding:6px 20px}
.ag-more svg{width:12px;height:12px}
.ag-pj{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 121px;gap:13px;margin-top:11px;align-items:center}
.ag-pj a:not(.ag-more){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:6px;background:#fff;border:1px solid var(--ag-line);border-radius:12px;text-align:center;font:700 10.5px/13px var(--ag-disp);color:var(--ag-ink)}
.ag-pj svg{color:var(--ag-ink);width:24px;height:24px}.ag-more svg{color:inherit}
.ag-pj .ag-more{min-height:47px}
/* guides */
.ag-gd{display:grid;grid-template-columns:266px repeat(3,minmax(0,1fr));gap:14px;margin:32px clamp(0px,calc(5.1vw - 25px),999px) 0;padding:16px;background:var(--ag-mint);border-radius:18px}
.ag-gd-i{padding:18px 8px}
.ag-gd-i>div{display:flex;gap:13px;align-items:flex-start}
.ag-gd-i svg.t{color:var(--ag-acc);width:26px;height:26px;margin-top:6px}
.ag-gd h2{font:800 18.5px/21px var(--ag-disp);letter-spacing:-.02em;color:var(--ag-ink);margin:0}
.ag-gd-i p{font-size:12px;line-height:17px;color:var(--ag-mute);margin:11px 0 0}
.ag-gd-i .ag-btn{display:inline-flex;padding:0 19px;min-height:33px;margin-top:20px;font-size:10.5px;width:auto}
.ag-a{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;min-width:0}
.ag-a img{width:100%;aspect-ratio:211/72;object-fit:cover;display:block;background:var(--ag-ink)}
.ag-a>div{padding:8px 13px 11px}
.ag-a .m{display:flex;align-items:center;gap:9px;font-size:9.5px;color:var(--ag-mute)}
.ag-a .m b{background:var(--ag-mint);border-radius:5px;padding:3px 6px;color:var(--ag-acc-d);font-weight:600}
.ag-a h3{font:700 12.5px/16px var(--ag-disp);color:var(--ag-ink);margin:7px 0 8px}
.ag-a:hover h3{color:var(--ag-acc)}
.ag-a .r{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ag-mute)}.ag-a .r svg{color:var(--ag-acc);width:12px;height:12px}
/* bandeau */
.ag-band{position:relative;overflow:hidden;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:36px;margin:19px clamp(0px,calc(5.1vw - 21px),999px) 0;min-height:90px;padding:10px 64px 10px 46px;background:var(--ag-ink2);border-radius:18px;color:#fff}
.ag-band>svg.bl{position:absolute;right:0;bottom:0;top:0;height:100%;width:170px}
.ag-band .ch{position:relative;width:64px;height:60px}
.ag-band h2{font:800 20px/1.15 var(--ag-disp);color:#fff;margin:0;letter-spacing:-.02em}
.ag-band p{margin:7px 0 0;font-size:11.5px;line-height:15px;color:#e6f0f2}
.ag .ag-wbtn{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:36px;padding:0 21px;background:#fff;border-radius:12px;color:var(--ag-ink);font:700 11.5px/1 var(--ag-disp)}
.ag-wbtn svg{width:14px;height:14px}
/* chiffres */
.ag-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;padding:14px 0;background:#fff;border-radius:14px}
.ag-nums>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid var(--ag-line)}
.ag-nums>div:last-child{border:0}
.ag-nums svg{color:var(--ag-acc);width:32px;height:32px}
.ag-nums b{display:block;font:800 15.5px/1.15 var(--ag-disp);color:var(--ag-ink)}
.ag-nums span{font-size:10.5px;color:var(--ag-mute)}
/* chat */
.ag-chat{padding-block:30px 8px}
.ag-chat [data-lmk-chat-embed]{min-height:520px;margin-top:12px}
@media (max-width:980px){
 .ag-nav{display:none}.ag-burger{display:inline-flex}.ag-hd .ag-w{gap:10px}
 .ag-hg,.ag-top{grid-template-columns:minmax(0,1fr)}.ag-blob{width:100%;opacity:.5}.ag-cards{margin-top:6px}
 .ag-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ag-rg{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-pj{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ag-gd{grid-template-columns:minmax(0,1fr);margin-inline:16px}
 .ag-band{grid-template-columns:minmax(0,1fr);margin-inline:16px;padding:22px;gap:14px}.ag-band .ch{display:none}
 .ag-nums{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.ag-nums>div{justify-content:flex-start;padding-left:14px;border:0}
 .ag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
 .ag-hero h1{font-size:34px;line-height:38px}
 .ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-svc{grid-template-columns:minmax(0,1fr)}.ag-rg{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-pj{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ag-q{height:auto;flex-wrap:wrap;padding:8px}.ag-q input{height:40px;font-size:15px}.ag-q button{width:100%}
 .ag-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ag-feat li{border:0;margin:0;padding:0}
 .ag-nums{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ag-v img{transition:none}}

/* --- passe 2 : écarts relevés sur la capture à 1024 px --- */
.ag,.ag p,.ag span,.ag li,.ag a,.ag input,.ag button{font-family:var(--ag-body)!important;word-spacing:normal}
.ag h1,.ag h2,.ag h3,.ag b,.ag-logo,.ag-logo span,.ag-pill,.ag-nav a,.ag-nav summary,.ag-cta-top,.ag-q button,.ag-pop,.ag-pop a,.ag-pop span,.ag-btn,.ag-wbtn,.ag-more,.ag-rg a,.ag-pj a,.ag-c-l,.ag-v b{font-family:var(--ag-disp)!important;letter-spacing:-.012em}
.ag-hero h1{letter-spacing:-.028em!important}
.ag-hero h1 em{padding-bottom:0}
.ag-lead{margin-top:9px}
.ag-q{margin-top:13px}
.ag-pop{flex-wrap:nowrap;gap:6px;margin-top:19px;white-space:nowrap}.ag-pop a{padding:0 8px}.ag-pop span{margin-right:5px}
.ag-feat{flex-wrap:nowrap;margin-top:31px;white-space:nowrap}.ag-feat li{padding-right:15px;margin-right:15px}
.ag-hd .ag-w{gap:0}.ag-logo{margin-right:0;width:247px}.ag-nav{gap:32px}.ag-cta-top{margin-left:24px}
.ag-cards{padding:0 18px;margin-top:17px}
.ag-c{padding:9px 0 11px;gap:6px}
.ag-c p{margin-top:2px}.ag-tags{margin-top:5px}
.ag a.ag-v{color:#fff}
.ag-v::after{background:linear-gradient(180deg,rgba(6,28,38,0) 42%,rgba(6,28,38,.9) 100%)}
.ag-pro li{font-size:11.5px;white-space:nowrap}
.ag .ag-more svg{width:12px;height:12px;color:inherit;flex:none}
.ag-pj a.ag-more{flex-direction:row}
.ag-svc span{font-size:10.5px}
.ag-a h3{font-size:12.5px}.ag-a>div{padding:7px 13px 10px}
.ag-gd{margin-top:32px}

/* --- passe 3 --- */
.ag-nav,.ag-nav a,.ag-nav summary,.ag-cta-top{white-space:nowrap}
.ag-nav{gap:24px;font-size:11px}.ag-nav a,.ag-nav summary{font-size:11px}.ag-cta-top{font-size:11px;padding:0 18px;margin-left:22px}.ag-logo{width:236px}
.ag h1,.ag h2,.ag h3{word-spacing:.05em}
.ag-lead{max-width:43ch;color:var(--ag-ink)}
.ag-sh p,.ag-svc span,.ag-pro li,.ag-gd-i p,.ag-a .m,.ag-a .r,.ag-nums span,.ag-c p{color:#39505a}
.ag-v b{bottom:23px;font-size:14px;line-height:1}.ag-v span{bottom:8px;line-height:1.1;font-size:9.5px}
.ag-grid{gap:11px 13px}.ag-top{padding-top:18px}.ag-sec{padding-top:20px}
.ag .ag-more>span{display:block;font:inherit}
.ag-pj a.ag-more{flex-direction:row;justify-content:center;gap:7px;padding:6px 10px}
.ag-rg a.ag-more{padding:6px 14px}
.ag-pj{margin-top:9px}.ag-gd{margin-top:24px;grid-template-columns:262px repeat(3,minmax(0,1fr))}
.ag-gd-i{padding:14px 6px}.ag-a>div{padding:6px 12px 9px}.ag-a h3{margin:5px 0 6px;line-height:15px}
.ag-a img{aspect-ratio:211/66}
.ag-band{grid-template-columns:96px minmax(0,1fr) auto;gap:30px;margin-top:16px}.ag-band p{max-width:50ch;color:#fff}
.ag-nums{margin-top:14px}
@media (max-width:980px){.ag-hd .ag-w{justify-content:space-between}.ag-logo{width:auto}.ag-cta-top{margin-left:0}.ag-pop,.ag-feat{flex-wrap:wrap;white-space:normal}.ag-feat li{white-space:nowrap}.ag-band{grid-template-columns:minmax(0,1fr)}.ag-pro li{white-space:normal}}

/* --- passe 4 --- */
.ag{word-spacing:.07em}
.ag-c-l.ag-im{background:#fff;border:0;padding:0;display:flex;align-items:center;justify-content:center}
.ag-c-l.ag-im img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain}
.ag-burger{display:none;position:relative}
.ag-burger summary{list-style:none;cursor:pointer;width:38px;height:38px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 9px}
.ag-burger summary::-webkit-details-marker{display:none}
.ag-burger summary span{display:block;height:2px;background:#fff;border-radius:2px}
.ag-burger ul{position:absolute;right:0;top:44px;background:#fff;border-radius:12px;list-style:none;margin:0;padding:8px;min-width:200px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:40}
.ag-burger a{display:block;padding:9px 10px;color:var(--ag-ink)!important;font:600 13.5px var(--ag-body)}
@media (max-width:980px){.ag-burger{display:block}}