.frise-histoire { margin: 0; padding: 0 0 0 28px; list-style: none; border-left: 4px solid var(--bleu); display: grid; gap: 28px; }
.frise-histoire li { position: relative; }
.frise-histoire li::before { content: ""; position: absolute; left: -40px; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: var(--mandarine); box-shadow: 0 0 0 4px #fff; }
.frise-histoire strong { display: block; font-size: 1.6rem; font-weight: 900; color: var(--bleu); line-height: 1.1; }
.frise-histoire span { color: var(--doux); }
.frise-histoire .frise-attente::before { background: #fff; box-shadow: inset 0 0 0 3px var(--bleu), 0 0 0 4px #fff; }
.frise-histoire .frise-attente strong { color: var(--doux); }