:root { --d: #D9483B; --i: #E3B83F; --s: #2BA35A; --c: #2F80E8; --encre: #181818; --blue: #fff !important; }
::selection { background: #fff; color: var(--encre); }

.hero5-metiers span, .tabs5 button[data-tab] { position: relative; }
.hero5-metiers span, .tabs5 button[data-tab][aria-selected="false"] { background: none; box-shadow: none; color: #fff; transition: none; }
.hero5-metiers a:hover span, .tabs5 button[data-tab][aria-selected="false"]:hover { background: rgba(255, 255, 255, .09); color: #fff; }
.tabs5 button[data-tab][aria-selected="true"] { background: #fff; color: var(--encre); }

.fn.fn--tal { border-color: transparent; background: #202020; color: #fff; --av-bg: #3A3A3A; --av-fg: #BDBDBD; --av-ring: #202020; }
.fn--tal .fn-stack img { box-shadow: 0 0 0 1.5px #202020; }
.fn-tk { background: #fff; box-shadow: inset 0 0 0 1.5px var(--encre); color: var(--encre); }
.fn.fn--ia { border-color: #fff; background: #202020; color: #fff; box-shadow: none; animation: none; }
.wf-legend .lg-tal::before, .wf-legend .lg-cdi::before { box-shadow: none; border: 2px solid transparent; background: linear-gradient(#202020, #202020) padding-box, conic-gradient(var(--d) 0 25%, var(--i) 0 50%, var(--s) 0 75%, var(--c) 0) border-box; }
.wf-legend .lg-cdi::before { border-style: dashed; border-color: #181818; }
.wf-legend .lg-ia::before { background: none; box-shadow: inset 0 0 0 1.5px #fff; }
.disc-anneau { position: absolute; max-width: none; overflow: visible; pointer-events: none; }

.tk-role, .tr-role, .svc-postes span, .ia-role { background: none; color: #fff; box-shadow: inset 0 0 0 1px #6E6E6E; }

.tk-ring { position: relative; flex: none; display: grid; }
.tk-ring > svg { position: absolute; left: -8px; top: -8px; width: 88px; max-width: none; height: 88px; transform: rotate(-90deg); pointer-events: none; }

.club-seg input:checked + span { background: #fff; color: var(--encre); }
.hyb-l { fill: var(--encre); }
.ia-frise::after { background: #fff; }