Interface de contrôle des tests
Retour

Menu latéral (sidemenu)

Le menu latéral permet aux utilisateurs de naviguer entre les différentes pages d’une rubrique ou d’un même thème.

Documentation

Navigation latérale de base

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 3

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 4

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 5

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 6

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 7

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

<nav class="fr-sidemenu" role="navigation" aria-label="Menu latéral">
    <div class="fr-sidemenu__inner">
        <button class="fr-sidemenu__btn" aria-controls="sidemenu-170" aria-expanded="false">Dans cette rubrique</button>
        <div class="fr-collapse" id="sidemenu-170">
            <div class="fr-sidemenu__title">Titre de rubrique</div>
            <ul class="fr-sidemenu__list">
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-149">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-149">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-150">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-150">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-151">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-151">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item fr-sidemenu__item--active">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-152" aria-current="true">Entrée menu active</button>
                    <div class="fr-collapse" id="sidemenu-152">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-153">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-153">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-154" aria-current="true">Entrée menu active</button>
                                <div class="fr-collapse" id="sidemenu-154">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                            <a class="fr-sidemenu__link" aria-current="page">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-155">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-155">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-156">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-156">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-157">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-157">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-158">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-158">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-159">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-159">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-160">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-160">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-161">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-161">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-162">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-162">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-163">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-163">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-164">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-164">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-165">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-165">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-166">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-166">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-167">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-167">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-168">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-168">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-169">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-169">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

Navigation latérale sticky

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 3

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 4

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 5

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 6

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 7

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

<nav class="fr-sidemenu fr-sidemenu--sticky" role="navigation" aria-label="Menu latéral">
    <div class="fr-sidemenu__inner">
        <button class="fr-sidemenu__btn" aria-controls="sidemenu-215" aria-expanded="false">Dans cette rubrique</button>
        <div class="fr-collapse" id="sidemenu-215">
            <div class="fr-sidemenu__title">Titre de rubrique</div>
            <ul class="fr-sidemenu__list">
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-194">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-194">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-195">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-195">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-196">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-196">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item fr-sidemenu__item--active">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-197" aria-current="true">Entrée menu active</button>
                    <div class="fr-collapse" id="sidemenu-197">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-198">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-198">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-199" aria-current="true">Entrée menu active</button>
                                <div class="fr-collapse" id="sidemenu-199">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                            <a class="fr-sidemenu__link" aria-current="page">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-200">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-200">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-201">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-201">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-202">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-202">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-203">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-203">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-204">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-204">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-205">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-205">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-206">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-206">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-207">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-207">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-208">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-208">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-209">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-209">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-210">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-210">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-211">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-211">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-212">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-212">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-213">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-213">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-214">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-214">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

Navigation latérale sticky et sur toute la hauteur

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 3

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 4

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 5

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 6

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 7

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

<nav class="fr-sidemenu fr-sidemenu--sticky-full-height" role="navigation" aria-label="Menu latéral">
    <div class="fr-sidemenu__inner">
        <button class="fr-sidemenu__btn" aria-controls="sidemenu-260" aria-expanded="false">Dans cette rubrique</button>
        <div class="fr-collapse" id="sidemenu-260">
            <div class="fr-sidemenu__title">Titre de rubrique</div>
            <ul class="fr-sidemenu__list">
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-239">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-239">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-240">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-240">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-241">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-241">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item fr-sidemenu__item--active">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-242" aria-current="true">Entrée menu active</button>
                    <div class="fr-collapse" id="sidemenu-242">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-243">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-243">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-244" aria-current="true">Entrée menu active</button>
                                <div class="fr-collapse" id="sidemenu-244">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                            <a class="fr-sidemenu__link" aria-current="page">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-245">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-245">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-246">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-246">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-247">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-247">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-248">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-248">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-249">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-249">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-250">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-250">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-251">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-251">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-252">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-252">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-253">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-253">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-254">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-254">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-255">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-255">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-256">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-256">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-257">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-257">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-258">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-258">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-259">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-259">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

Navigation latérale bordure complète

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 3

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 4

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 5

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 6

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 7

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

<nav class="fr-sidemenu fr-sidemenu--full-border" role="navigation" aria-label="Menu latéral">
    <div class="fr-sidemenu__inner">
        <button class="fr-sidemenu__btn" aria-controls="sidemenu-305" aria-expanded="false">Dans cette rubrique</button>
        <div class="fr-collapse" id="sidemenu-305">
            <div class="fr-sidemenu__title">Titre de rubrique</div>
            <ul class="fr-sidemenu__list">
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-284">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-284">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-285">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-285">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-286">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-286">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item fr-sidemenu__item--active">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-287" aria-current="true">Entrée menu active</button>
                    <div class="fr-collapse" id="sidemenu-287">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-288">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-288">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-289" aria-current="true">Entrée menu active</button>
                                <div class="fr-collapse" id="sidemenu-289">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                            <a class="fr-sidemenu__link" aria-current="page">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-290">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-290">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-291">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-291">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-292">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-292">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-293">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-293">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-294">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-294">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-295">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-295">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-296">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-296">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-297">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-297">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-298">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-298">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-299">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-299">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-300">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-300">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-301">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-301">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-302">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-302">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-303">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-303">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-304">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-304">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>

Navigation latérale à droite

Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 3

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 4

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 5

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 6

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Section 7

Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

<nav class="fr-sidemenu fr-sidemenu--right" role="navigation" aria-label="Menu latéral">
    <div class="fr-sidemenu__inner">
        <button class="fr-sidemenu__btn" aria-controls="sidemenu-350" aria-expanded="false">Dans cette rubrique</button>
        <div class="fr-collapse" id="sidemenu-350">
            <div class="fr-sidemenu__title">Titre de rubrique</div>
            <ul class="fr-sidemenu__list">
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-329">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-329">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-330">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-330">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-331">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-331">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item fr-sidemenu__item--active">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-332" aria-current="true">Entrée menu active</button>
                    <div class="fr-collapse" id="sidemenu-332">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-333">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-333">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-334" aria-current="true">Entrée menu active</button>
                                <div class="fr-collapse" id="sidemenu-334">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item fr-sidemenu__item--active">
                                            <a class="fr-sidemenu__link" aria-current="page">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-335">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-335">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-336">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-336">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-337">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-337">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-338">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-338">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-339">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-339">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-340">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-340">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-341">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-341">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-342">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-342">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-343">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-343">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-344">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-344">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-345">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-345">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-346">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-346">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="fr-sidemenu__item">
                    <a class="fr-sidemenu__link" href="#" target="_self">Accès direct</a>
                </li>
                <li class="fr-sidemenu__item">
                    <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-347">Niveau 1</button>
                    <div class="fr-collapse" id="sidemenu-347">
                        <ul class="fr-sidemenu__list">
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-348">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-348">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <button class="fr-sidemenu__btn" aria-expanded="false" aria-controls="sidemenu-349">Niveau 2</button>
                                <div class="fr-collapse" id="sidemenu-349">
                                    <ul class="fr-sidemenu__list">
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                        <li class="fr-sidemenu__item">
                                            <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 3</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                            <li class="fr-sidemenu__item">
                                <a class="fr-sidemenu__link" href="#" target="_self">Accès direct niveau 2</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>