/* The side menu in light colours (2026-11-11, owner: « menu latéral pas en
   noir, trouve a great design »): a white rail with a thin border, slate
   icons, the active page in a soft blue pill with a bar, round hover, alert
   dots ringed in white; icons only, names in the tooltip (DevCheck rule). */
html body .ec-dock { background: #fff !important; border-right: 1px solid #e6eaf0; box-shadow: none !important; }
html body .ec-dock__logo { background: #fff; border-bottom: 1px solid #eef1f5; }
html body .ec-dock__list a { position: relative; border-radius: 12px; color: #5b6b7b !important; transition: background .15s, color .15s; }
html body .ec-dock__list a .fa-icon, html body .ec-dock__list a .gc-oi { color: currentColor !important; stroke: currentColor !important; fill: none; }
html body .ec-dock__list a .fa-icon:not(.gc-oi) { fill: currentColor !important; }
html body .ec-dock__list a:hover, html body .ec-dock__list a:focus-visible { background: #f1f5f9 !important; color: #0b2a45 !important; outline: 0; }
html body .ec-dock__list a.is-active { background: #e6f1fb !important; color: #0077be !important; }
html body .ec-dock__list a.is-active .gc-oi, html body .ec-dock__list a.is-active .fa-icon { color: #0077be !important; stroke: #0077be !important; }
html body .ec-dock__list a.is-active::before { content: ""; position: absolute; left: -.55rem; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: #0077be; }
html body .ec-dock__list a:focus-visible { box-shadow: 0 0 0 2px #0077be; }
html body .ec-dock__list a.is-alert .fa-icon, html body .ec-dock__list a.is-alert .gc-oi { color: #e11d48 !important; stroke: #e11d48 !important; }
html body .ec-dock__badge { box-shadow: 0 0 0 2px #fff; }
html body .ec-dock__badge.is-soft { background: #cbd5e1; color: #0b2a45; }
html body .ec-dock__mine { border-top-color: #eef1f5 !important; }
html body .ec-dock__group { color: #0077be; }
html body .ec-dock__sub { color: #6b7f92; }
html body .ec-dock__subs a { color: #475569; }
html body .ec-dock__subs a:hover, html body .ec-dock__subs a:focus-visible { background: #f1f5f9; color: #0b2a45; }
html body .ec-dock__subs a.is-on { background: #e6f1fb; color: #0077be; }
/* Search. */
html body .ec-dock__search input { border-color: #e3e8ef; background: #f6f8fb; }
html body .ec-dock__search input:hover { background: #eef2f7; }
html body .ec-dock__search .fa-icon, html body .ec-dock__search .gc-oi { color: #5b6b7b; stroke: #5b6b7b; }
/* Account at the foot. */
html body .ec-dock__account { border-top: 1px solid #eef1f5; background: #fff; }
html body .ec-dock__account a:not(.btn) { color: #5b6b7b; }
html body .ec-dock__account a:not(.btn):hover { color: #0b2a45; }
html body .ec-dock__login.btn { background: #0077be !important; border-color: #0077be !important; color: #fff !important; box-shadow: 0 2px 6px rgba(0, 119, 190, .3); }
html body .ec-dock__login.btn:hover { background: #00639e !important; }
/* Tooltip: dark on the light rail. */
html body .ec-dock__tip { background: #0b2a45; border-radius: 8px; box-shadow: 0 6px 16px rgba(11, 42, 69, .22); }
html body .ec-dock__tip::before { content: ""; position: absolute; left: -4px; top: 50%; width: 8px; height: 8px; background: inherit; transform: translateY(-50%) rotate(45deg); }

/* Coloured icons, one colour per section (2026-11-11, owner: « colored
   icon », as Outlook's app column); the active one on a tint of it. */
html body .ec-dock__list a[href="/"], html body .ec-dock__account a[href="/"] { color: #2563eb !important; }
html body .ec-dock__list a[href="/"]:hover, html body .ec-dock__list a[href="/"].is-active { background: #e8f0fe !important; color: #2563eb !important; }
html body .ec-dock__list a[href="/"].is-active::before { background: #2563eb; }
html body .ec-dock__list a[href="/mon-entite"], html body .ec-dock__account a[href="/mon-entite"] { color: #0891b2 !important; }
html body .ec-dock__list a[href="/mon-entite"]:hover, html body .ec-dock__list a[href="/mon-entite"].is-active { background: #e0f5fa !important; color: #0891b2 !important; }
html body .ec-dock__list a[href="/mon-entite"].is-active::before { background: #0891b2; }
html body .ec-dock__list a[href="/demande-de-service"], html body .ec-dock__account a[href="/demande-de-service"] { color: #e11d48 !important; }
html body .ec-dock__list a[href="/demande-de-service"]:hover, html body .ec-dock__list a[href="/demande-de-service"].is-active { background: #fde8ec !important; color: #e11d48 !important; }
html body .ec-dock__list a[href="/demande-de-service"].is-active::before { background: #e11d48; }
html body .ec-dock__list a[href="/projets"], html body .ec-dock__account a[href="/projets"] { color: #d97706 !important; }
html body .ec-dock__list a[href="/projets"]:hover, html body .ec-dock__list a[href="/projets"].is-active { background: #fdf2e1 !important; color: #d97706 !important; }
html body .ec-dock__list a[href="/projets"].is-active::before { background: #d97706; }
html body .ec-dock__list a[href="/climate-innovation"], html body .ec-dock__account a[href="/climate-innovation"] { color: #059669 !important; }
html body .ec-dock__list a[href="/climate-innovation"]:hover, html body .ec-dock__list a[href="/climate-innovation"].is-active { background: #e3f6ef !important; color: #059669 !important; }
html body .ec-dock__list a[href="/climate-innovation"].is-active::before { background: #059669; }
html body .ec-dock__list a[href="/alertes-climat"], html body .ec-dock__account a[href="/alertes-climat"] { color: #7c3aed !important; }
html body .ec-dock__list a[href="/alertes-climat"]:hover, html body .ec-dock__list a[href="/alertes-climat"].is-active { background: #efe9fd !important; color: #7c3aed !important; }
html body .ec-dock__list a[href="/alertes-climat"].is-active::before { background: #7c3aed; }
html body .ec-dock__list a[href="/devenir-moniteur-communautaire"], html body .ec-dock__account a[href="/devenir-moniteur-communautaire"] { color: #db2777 !important; }
html body .ec-dock__list a[href="/devenir-moniteur-communautaire"]:hover, html body .ec-dock__list a[href="/devenir-moniteur-communautaire"].is-active { background: #fce7f2 !important; color: #db2777 !important; }
html body .ec-dock__list a[href="/devenir-moniteur-communautaire"].is-active::before { background: #db2777; }
html body .ec-dock__list a[href="/a-propos"], html body .ec-dock__account a[href="/a-propos"] { color: #475569 !important; }
html body .ec-dock__list a[href="/a-propos"]:hover, html body .ec-dock__list a[href="/a-propos"].is-active { background: #eef1f5 !important; color: #475569 !important; }
html body .ec-dock__list a[href="/a-propos"].is-active::before { background: #475569; }
html body .ec-dock__list a[href="/mon-espace"], html body .ec-dock__account a[href="/mon-espace"] { color: #0f6cbd !important; }
html body .ec-dock__list a[href="/mon-espace"]:hover, html body .ec-dock__list a[href="/mon-espace"].is-active { background: #e6f0fb !important; color: #0f6cbd !important; }
html body .ec-dock__list a[href="/mon-espace"].is-active::before { background: #0f6cbd; }
html body .ec-dock__list a[href="/suivi/rapport"], html body .ec-dock__account a[href="/suivi/rapport"] { color: #0d9488 !important; }
html body .ec-dock__list a[href="/suivi/rapport"]:hover, html body .ec-dock__list a[href="/suivi/rapport"].is-active { background: #e0f4f2 !important; color: #0d9488 !important; }
html body .ec-dock__list a[href="/suivi/rapport"].is-active::before { background: #0d9488; }
html body .ec-dock__list a.is-active .gc-oi, html body .ec-dock__list a.is-active .fa-icon { color: currentColor !important; stroke: currentColor !important; }
html body .ec-dock__account a.btn, html body .ec-dock__account a.btn .gc-oi, html body .ec-dock__account a.btn .fa-icon { color: #fff !important; stroke: #fff !important; }
html body .ec-dock .gc-oi { stroke-width: 1.9; }