/* One navigation shared by every page. */
html{scroll-padding-top:112px}
body .header.site-header{position:sticky;top:12px;z-index:40;width:min(1360px,calc(100% - 28px));margin:12px auto 0;border:1px solid #9ab5f76b;border-radius:22px;background:linear-gradient(110deg,#17376aeF,#302453eF);box-shadow:inset 0 1px #ffffff24,0 12px 38px #0004;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
.site-header .nav-wrap{width:100%;min-height:84px;padding:12px 20px;gap:18px;display:flex;align-items:center;justify-content:space-between}
.site-header .brand{flex-shrink:0;font-size:12px;gap:11px}.site-header .brand-mark{font-size:43px}.site-header .brand small{font-size:9px}
.site-header nav.site-navigation{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;margin-left:auto;font-size:13px;font-weight:650}
.site-header nav.site-navigation>a{--route-rgb:105,174,255;--nav-i:0;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 11px;border:1px solid rgba(var(--route-rgb),.5);border-radius:11px;white-space:nowrap;color:#f2f6ff;text-decoration:none;background:linear-gradient(125deg,rgba(var(--route-rgb),.2),rgba(var(--route-rgb),.06));box-shadow:inset 0 1px #ffffff12;transition:background .25s,border-color .25s,box-shadow .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.site-header nav.site-navigation>a[href="particuliers.html"]{--route-rgb:33,227,204;--nav-i:0}
.site-header nav.site-navigation>a[href="entreprises.html"]{--route-rgb:170,130,255;--nav-i:1;margin-right:10px}
.site-header nav.site-navigation>a[href="telephones.html"]{--route-rgb:98,183,255;--nav-i:2}
.site-header nav.site-navigation>a[href="informatique.html"]{--route-rgb:255,189,82;--nav-i:3}
.site-header nav.site-navigation>a[href="creation-site-web.html"]{--route-rgb:255,129,210;--nav-i:4}
.site-header nav.site-navigation>a:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:rgb(var(--route-rgb));opacity:.7;transform:scaleX(.26);transform-origin:left;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s}
.site-header nav.site-navigation>a:hover,.site-header nav.site-navigation>a:focus-visible{background:linear-gradient(125deg,rgba(var(--route-rgb),.35),rgba(var(--route-rgb),.15));border-color:rgba(var(--route-rgb),.95);box-shadow:0 4px 22px rgba(var(--route-rgb),.15),inset 0 1px #ffffff20;color:white}
.site-header nav.site-navigation>a:hover:after,.site-header nav.site-navigation>a:focus-visible:after{transform:scaleX(1);opacity:1}
.site-header nav.site-navigation>a[aria-current=page]{background:linear-gradient(125deg,rgba(var(--route-rgb),.37),rgba(var(--route-rgb),.16));border-color:rgb(var(--route-rgb));box-shadow:inset 0 -2px rgb(var(--route-rgb)),0 0 22px rgba(var(--route-rgb),.14);color:white;text-decoration:none}
.site-header nav.site-navigation>a[aria-current=page]:after{transform:scaleX(1);opacity:1}
.site-header .nav-cta{flex-shrink:0;min-height:46px;padding:11px 17px;font-size:13px;border-radius:12px;white-space:nowrap}
.site-header .nav-short{display:none}
.site-header .site-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;color:#f4f7ff;background:#8eaaff14;border:1px solid #b5caff65;border-radius:11px;font-size:13px;font-weight:650}
.site-header .site-menu-toggle{order:3}.site-header nav.site-navigation{order:1}.site-header .nav-cta{order:2}
.menu-symbol{display:grid;gap:4px;width:16px}.menu-symbol:before,.menu-symbol:after{content:"";height:2px;background:currentColor;border-radius:2px;transition:transform .2s}
.menu-open .menu-symbol:before{transform:translateY(3px) rotate(45deg)}.menu-open .menu-symbol:after{transform:translateY(-3px) rotate(-45deg)}
@media(max-width:1150px){
 .site-header .nav-wrap{flex-wrap:wrap;min-height:76px;gap:10px;padding:10px 16px}.site-header .brand{margin-right:auto}
 .site-header nav.site-navigation{order:4;width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid #a9c1ff35}
 .site-header nav.site-navigation>a{display:flex;justify-content:flex-start;min-height:49px;white-space:normal;padding:12px 15px}
 .site-header nav.site-navigation>a[href="entreprises.html"]{margin-right:0}.site-header nav.site-navigation>a:last-child{grid-column:1/-1}
 .site-header nav.site-navigation>a:nth-child(n+3){margin-top:7px}
 .site-header.is-enhanced .site-menu-toggle{display:flex}.site-header.is-enhanced nav.site-navigation{display:none}.site-header.is-enhanced.menu-open nav.site-navigation{display:grid}
 .site-header.menu-open nav.site-navigation{animation:menu-arrive .22s ease both}.site-header .nav-cta{font-size:12px;padding:10px 13px;min-height:44px}
 .site-header.menu-open nav.site-navigation>a{animation:nav-choice-in .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--nav-i)*45ms)}
}
@media(max-width:600px){html{scroll-padding-top:100px}body .header.site-header{top:8px;width:calc(100% - 20px);margin-top:8px;border-radius:17px}.site-header .nav-wrap{min-height:68px;padding:10px 12px;gap:8px}.site-header .brand{font-size:10px;gap:8px}.site-header .brand-mark{font-size:34px}.site-header .brand small{font-size:7px}.site-header .nav-cta{font-size:11px;padding-inline:10px}.site-header .site-menu-toggle{padding:8px 10px;font-size:12px;gap:6px}.site-header nav.site-navigation{max-height:calc(100dvh - 150px);overflow-y:auto}.site-header nav.site-navigation>a{font-size:14px}.site-header .nav-wrap>.brand{min-width:0}.contact-workspace{scroll-margin-top:100px}}
@media(max-width:600px){.site-header .nav-long{display:none}.site-header .nav-short{display:inline}}
@media(max-width:360px){.site-header .brand>span:last-child{font-size:9px}.site-header .brand small{font-size:6px}.site-header .brand-mark{font-size:30px}.site-header .nav-cta{font-size:10px;padding-inline:8px}.site-header .site-menu-toggle{padding-inline:8px}}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes nav-choice-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
/* The two audiences keep the same colour cues on the home window. */
.desktop-profiles{gap:18px}
.profile-card.profile-personal{border-color:#63f0d5b3;background:linear-gradient(150deg,#0c756bba,#0a415ae0);box-shadow:inset 0 1px #a6ffec38,0 10px 34px #03d9b716}
.profile-personal .profile-kicker{color:#a3ffed}.profile-personal h3{color:#d7fff6}.profile-personal>p:not(.profile-kicker){color:#c2eee7}
.profile-personal .profile-action-primary{background:linear-gradient(115deg,#41e0c5,#6cc7f7);color:#082638;border-color:#b7fff4bf;box-shadow:0 8px 24px #1bddba2b}
.profile-personal .profile-action-chat{background:#073c4e8c;border-color:#77e9d28a}.profile-personal .profile-action-chat span{color:#a6e8de}.profile-personal .profile-phone-link{color:#c4fff0}
.profile-card.profile-business{border-color:#cb9cffbf;background:linear-gradient(150deg,#7533beba,#402267df);box-shadow:inset 0 1px #efccff38,0 10px 34px #9343e320}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.site-header nav.site-navigation>a:hover{transform:translateY(-2px)}.profile-personal:hover{box-shadow:inset 0 1px #a6ffec38,0 12px 34px #03d9b729}.profile-business:hover{box-shadow:inset 0 1px #efccff38,0 12px 34px #9343e333}}
@media(prefers-reduced-motion:reduce){.site-header.menu-open nav.site-navigation,.site-header.menu-open nav.site-navigation>a{animation:none}.site-header nav.site-navigation>a,.site-header nav.site-navigation>a:after,.menu-symbol:before,.menu-symbol:after{transition:none}}