/* À nos trousses — style et animations des vignettes. Licence MIT. */
.vignette{display:block;width:100%;height:100%;overflow:visible}
.vignette .t{fill:none;stroke:var(--encre);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vignette .c{fill:none;stroke:var(--c);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.vignette .f{fill:var(--c)}
.vignette .l{fill:color-mix(in srgb,var(--c) 30%,white)}
.vignette .w{fill:#fff;stroke:var(--encre);stroke-width:2}
.vignette text{font-family:var(--police);fill:var(--encre)}
.vignette .x{font-style:italic;font-size:16px}
.vignette .x2{font-size:11.5px;fill:var(--encre-2);font-weight:700}
.vignette .m{font-family:var(--police-main);font-size:15px;fill:var(--c)}
.vignette .mg{font-size:23px;fill:#2B3F9E;letter-spacing:1px}
.vignette .petitm{font-size:13px}
.vignette .gros{font-size:36px;font-weight:700}
.vignette .gros2{font-size:22px;font-weight:700}
.vignette .gros.f,.vignette .gros2.f,.vignette .c-txt{fill:var(--c)}
.vignette .op{font-family:var(--police-main);font-size:16px;fill:#2B3F9E}
.vignette .res{font-family:var(--police-main);font-size:16px;font-weight:700;fill:var(--c)}
.vignette .retenue{font-size:10px;fill:#D63B2F}
.vignette .d1,.vignette .d2,.vignette .d3{animation:vg-ecrit 6s infinite both}
.vignette .d2{animation-delay:.8s}.vignette .d3{animation-delay:1.6s}
@keyframes vg-ecrit{0%,8%{opacity:0}16%,90%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.vignette .d1,.vignette .d2,.vignette .d3{animation:none}}
