Frise test

<style> .timeline-wrapper {

 position: relative;
 width: 100%;
 max-width: 1600px;
 margin: 0 auto;

} .timeline {

 position: relative;
 height: 100px;
 background: #FFFFFF;
 border: 5px solid #000;
 margin: 120px 0 220px 0;
 box-shadow: 0 8px 24px rgba(0,0,0,0.18);

} .segment {

 position: absolute;
 top: 0;
 height: 100%;
 cursor: pointer;
 transition: filter 0.2s ease;

} .segment:hover {

 filter: brightness(1.38);

} .tick {

 position: absolute;
 top: -50px;
 transform: translateX(-50%) rotate(-90deg);
 font-weight: bold;
 font-size: 1.18rem;
 color: #000;
 white-space: nowrap;
 text-align: right;

} .tick-extreme {

 top: -120px;

} .event-label {

 position: absolute;
 bottom: -250px;
 width: 450px;
 left: 50%;
 transform: translateX(-50%) rotate(-90deg);
 font-size: 1.08rem;
 font-weight: 600;
 color: #222;
 line-height: 1.4;
 letter-spacing: 0.4px;
 white-space: nowrap;
 text-align: right;

} </style>

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 0%; width: 2%; background: #83e7be;" title="Signature du Traité d’El Dorado"></a>

Signature du Traité d’El Dorado

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 16%; width: 2%; background: white;" title="-49 à -35"></a>

-49 à -35

   <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
      style="left: 2%; width: 28%; background: #F59787;" title="Bataille du Royaume Céleste"></a>

Bataille du Royaume Céleste

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 4%; width: 2%; background: #FA5050;" title="Massacre de la forge"></a>

Massacre de la forge

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 6%; width: 2%; background: #F57C64;" title="Invasion de Nocturna"></a>

Invasion de Nocturna

   <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
      style="left: 70%; width: 30%; background: #FA5050;" title="Deuxième guerre de l'Abîme"></a>

Deuxième guerre de l'Abîme

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 70%; width: 2%; background: #F59787;" title="Bataille de Riddermark"></a>

Bataille de Riddermark

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 92%; width: 2%; background: #F59787;" title="Dernier carré de Primordia"></a>

Dernier carré de Primordia

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 94%; width: 2%; background: white;" title="-4 à 0"></a>

-4 à 0

An -50

-49

-48

-47

-35

-15

An 0

-4