<nav role="navigation" class="fr-breadcrumb" aria-label="vous êtes ici :">
    <button type="button" class="fr-breadcrumb__button" aria-expanded="false" aria-controls="breadcrumb-4030">Voir le fil d’Ariane</button>
    <div class="fr-collapse" id="breadcrumb-4030">
        <ol class="fr-breadcrumb__list">
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4022" href="../">Accueil</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4023" href="../">Segment 1: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4024" href="../">Segment 2: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4025" href="../">Segment 3: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4026" href="../">Segment 4: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4027" href="../">Segment 5: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4028" href="../">Segment 6: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" id="breadcrumb-4029" href="../">Segment 7: lorem ipsum</a>
            </li>
            <li>
                <a class="fr-breadcrumb__link" aria-current="page">Page Actuelle</a>
            </li>
        </ol>
    </div>
</nav>