.ax-content-page {
    width: 95%;
    margin-top: 160px;
    margin-bottom: 160px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ax-content-page h1 {
    margin-bottom: 32px;
    z-index: 2;
}

.ax-content-page h3 {
    z-index: 2;
}

.ax-content-page p {
    z-index: 2;
}

.ax-content-page ul {
    margin-left: 32px;
    z-index: 2;
}

/* Anti-flash : on cache les lignes DÈS LE DÉPART (avant que js/lignes.js ne
   calcule la longueur exacte du tracé). Sinon le navigateur peint la ligne
   entière une fraction de seconde, puis le JS la cache pour la redessiner
   => effet "la ligne apparaît puis disparaît". Le JS écrase ces valeurs. */
.ax-content-page svg[class*="ax-ligne-"] path {
    stroke-dasharray: 10000;
    stroke-dashoffset: 10000;
}

.ax-ligne-011 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ax-ligne-021 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.ax-ligne-031 {
    position: absolute;
    top: 150%;
    right: 0;
    width: 30%;
    z-index: 1;
}