/* 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 #e6e6f0; box-shadow: none !important; }
html body .ec-dock__logo { background: #fff; border-bottom: 1px solid #eeeef5; }
html body .ec-dock__list a { position: relative; border-radius: 12px; color: #5c5b7b !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: #f8f7f2 !important; color: #2c2b47 !important; outline: 0; }
html body .ec-dock__list a.is-active { background: #f5f3ec !important; color: #3b3a5e !important; }
html body .ec-dock__list a.is-active .gc-oi, html body .ec-dock__list a.is-active .fa-icon { color: #3b3a5e !important; stroke: #3b3a5e !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: #3b3a5e; }
html body .ec-dock__list a:focus-visible { box-shadow: 0 0 0 2px #3b3a5e; }
html body .ec-dock__list a.is-alert .fa-icon, html body .ec-dock__list a.is-alert .gc-oi { color: #b8470f !important; stroke: #b8470f !important; }
html body .ec-dock__badge { box-shadow: 0 0 0 2px #fff; }
html body .ec-dock__badge.is-soft { background: #cccbe1; color: #2c2b47; }
html body .ec-dock__mine { border-top-color: #eeeef5 !important; }
html body .ec-dock__group { color: #3b3a5e; }
html body .ec-dock__sub { color: #6c6b92; }
html body .ec-dock__subs a { color: #484769; }
html body .ec-dock__subs a:hover, html body .ec-dock__subs a:focus-visible { background: #f8f7f2; color: #2c2b47; }
html body .ec-dock__subs a.is-on { background: #f5f3ec; color: #3b3a5e; }
/* Search. */
html body .ec-dock__search input { border-color: #e3e3ef; background: #f7f7fa; }
html body .ec-dock__search input:hover { background: #efeff6; }
html body .ec-dock__search .fa-icon, html body .ec-dock__search .gc-oi { color: #5c5b7b; stroke: #5c5b7b; }
/* Account at the foot. */
html body .ec-dock__account { border-top: 1px solid #eeeef5; background: #fff; }
html body .ec-dock__account a:not(.btn) { color: #5c5b7b; }
html body .ec-dock__account a:not(.btn):hover { color: #2c2b47; }
html body .ec-dock__login.btn { background: #3b3a5e !important; border-color: #3b3a5e !important; color: #fff !important; box-shadow: 0 2px 6px rgba(59, 58, 94, .3); }
html body .ec-dock__login.btn:hover { background: #363556 !important; }
/* Tooltip: dark on the light rail. */
html body .ec-dock__tip { background: #2c2b47; border-radius: 8px; box-shadow: 0 6px 16px rgba(44, 43, 71, .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:is([href="/"], [data-k="/"]), html body .ec-dock__account a:is([href="/"], [data-k="/"]) { color: #4daac3 !important; }
html body .ec-dock__list a:is([href="/"], [data-k="/"]):hover, html body .ec-dock__list a:is([href="/"], [data-k="/"]).is-active { background: #f7f5ef !important; color: #4daac3 !important; }
html body .ec-dock__list a:is([href="/"], [data-k="/"]).is-active::before { background: #4daac3; }
html body .ec-dock__list a:is([href="/mon-entite"], [data-k="/mon-entite"]), html body .ec-dock__account a:is([href="/mon-entite"], [data-k="/mon-entite"]) { color: #403e65 !important; }
html body .ec-dock__list a:is([href="/mon-entite"], [data-k="/mon-entite"]):hover, html body .ec-dock__list a:is([href="/mon-entite"], [data-k="/mon-entite"]).is-active { background: #f2f0e8 !important; color: #403e65 !important; }
html body .ec-dock__list a:is([href="/mon-entite"], [data-k="/mon-entite"]).is-active::before { background: #403e65; }
html body .ec-dock__list a:is([href="/demande-de-service"], [data-k="/demande-de-service"]), html body .ec-dock__account a:is([href="/demande-de-service"], [data-k="/demande-de-service"]) { color: #b8470f !important; }
html body .ec-dock__list a:is([href="/demande-de-service"], [data-k="/demande-de-service"]):hover, html body .ec-dock__list a:is([href="/demande-de-service"], [data-k="/demande-de-service"]).is-active { background: #fdefe8 !important; color: #b8470f !important; }
html body .ec-dock__list a:is([href="/demande-de-service"], [data-k="/demande-de-service"]).is-active::before { background: #b8470f; }
html body .ec-dock__list a:is([href="/projets"], [data-k="/projets"]), html body .ec-dock__account a:is([href="/projets"], [data-k="/projets"]) { color: #cd8812 !important; }
html body .ec-dock__list a:is([href="/projets"], [data-k="/projets"]):hover, html body .ec-dock__list a:is([href="/projets"], [data-k="/projets"]).is-active { background: #fdf3e1 !important; color: #cd8812 !important; }
html body .ec-dock__list a:is([href="/projets"], [data-k="/projets"]).is-active::before { background: #cd8812; }
html body .ec-dock__list a:is([href="/climate-innovation"], [data-k="/climate-innovation"]), html body .ec-dock__account a:is([href="/climate-innovation"], [data-k="/climate-innovation"]) { color: #2d6e51 !important; }
html body .ec-dock__list a:is([href="/climate-innovation"], [data-k="/climate-innovation"]):hover, html body .ec-dock__list a:is([href="/climate-innovation"], [data-k="/climate-innovation"]).is-active { background: #e3f6ed !important; color: #2d6e51 !important; }
html body .ec-dock__list a:is([href="/climate-innovation"], [data-k="/climate-innovation"]).is-active::before { background: #2d6e51; }
html body .ec-dock__list a:is([href="/alertes-climat"], [data-k="/alertes-climat"]), html body .ec-dock__account a:is([href="/alertes-climat"], [data-k="/alertes-climat"]) { color: #c265b4 !important; }
html body .ec-dock__list a:is([href="/alertes-climat"], [data-k="/alertes-climat"]):hover, html body .ec-dock__list a:is([href="/alertes-climat"], [data-k="/alertes-climat"]).is-active { background: #f8eef7 !important; color: #c265b4 !important; }
html body .ec-dock__list a:is([href="/alertes-climat"], [data-k="/alertes-climat"]).is-active::before { background: #c265b4; }
html body .ec-dock__list a:is([href="/devenir-moniteur-communautaire"], [data-k="/devenir-moniteur-communautaire"]), html body .ec-dock__account a:is([href="/devenir-moniteur-communautaire"], [data-k="/devenir-moniteur-communautaire"]) { color: #b74ba7 !important; }
html body .ec-dock__list a:is([href="/devenir-moniteur-communautaire"], [data-k="/devenir-moniteur-communautaire"]):hover, html body .ec-dock__list a:is([href="/devenir-moniteur-communautaire"], [data-k="/devenir-moniteur-communautaire"]).is-active { background: #f7ecf6 !important; color: #b74ba7 !important; }
html body .ec-dock__list a:is([href="/devenir-moniteur-communautaire"], [data-k="/devenir-moniteur-communautaire"]).is-active::before { background: #b74ba7; }
html body .ec-dock__list a:is([href="/a-propos"], [data-k="/a-propos"]), html body .ec-dock__account a:is([href="/a-propos"], [data-k="/a-propos"]) { color: #484769 !important; }
html body .ec-dock__list a:is([href="/a-propos"], [data-k="/a-propos"]):hover, html body .ec-dock__list a:is([href="/a-propos"], [data-k="/a-propos"]).is-active { background: #eeeef5 !important; color: #484769 !important; }
html body .ec-dock__list a:is([href="/a-propos"], [data-k="/a-propos"]).is-active::before { background: #484769; }
html body .ec-dock__list a:is([href="/mon-espace"], [data-k="/mon-espace"]), html body .ec-dock__account a:is([href="/mon-espace"], [data-k="/mon-espace"]) { color: #3b3a5e !important; }
html body .ec-dock__list a:is([href="/mon-espace"], [data-k="/mon-espace"]):hover, html body .ec-dock__list a:is([href="/mon-espace"], [data-k="/mon-espace"]).is-active { background: #f5f3ec !important; color: #3b3a5e !important; }
html body .ec-dock__list a:is([href="/mon-espace"], [data-k="/mon-espace"]).is-active::before { background: #3b3a5e; }
html body .ec-dock__list a[href="/suivi/rapport"], html body .ec-dock__account a[href="/suivi/rapport"] { color: #2f7254 !important; }
html body .ec-dock__list a[href="/suivi/rapport"]:hover, html body .ec-dock__list a[href="/suivi/rapport"].is-active { background: #e0f4eb !important; color: #2f7254 !important; }
html body .ec-dock__list a[href="/suivi/rapport"].is-active::before { background: #2f7254; }
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; }