<div id="menuSidenav" class="sidenav">
    <div id="sidenav-scroll">
        <a href="<?= $relativePath ?>index.php" id="index" class="page-link"><span class="sidenav-content"><i
                class="fas fa-home sidenav-icon"></i> L'Accueil</span></a>

        <div class="separator"></div>

        <a href="<?= $relativePath ?>planning.php" id="planning" class="page-link"><span class="sidenav-content"><i
                class="fas fa-calendar-alt sidenav-icon"></i> Le
            Planning</span></a>
        <a href="<?= $relativePath ?>map.php" id="map" class="page-link"><span class="sidenav-content"><i
                class="fas fa-map sidenav-icon"></i> Le
            Plan</span></a>
        <a href="<?= $relativePath ?>blouse.php" id="blouse" class="page-link"><span class="sidenav-content"><i
                        class="fas fa-tshirt sidenav-icon"></i> La Blouse</span></a>
        <a href="<?= $relativePath ?>parrainage.php" id="parrainage" class="page-link"><span class="sidenav-content"><i
                class="fas fa-user-plus sidenav-icon"></i> Le
            Parrainage</span></a>
        <a href="<?= $relativePath ?>wini.php" id="wini" class="page-link"><span class="sidenav-content"><i
                        class="fas fa-star sidenav-icon"></i> Le
            WINI</span></a>

        <div class="separator"></div>

        <a href="<?= $relativePath ?>glissefondor.php" id="gli" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/gli_logo.png" class="sidenav-image"> Glissefondor </span></a>
        <a href="<?= $relativePath ?>peksentard.php" id="pek" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/pek_logo.png" class="sidenav-image"> Peksentard </span></a>
        <a href="<?= $relativePath ?>boomsouffle.php" id="boo" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/boo_logo.png" class="sidenav-image"> Boomsouffle </span></a>
        <a href="<?= $relativePath ?>verredaigle.php" id="ver" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/ver_logo.png" class="sidenav-image"> Verredaigle </span></a>
        <a href="<?= $relativePath ?>stats.php" id="stats" class="page-link"><span class="sidenav-content"><i
                class="fas fa-list-ol sidenav-icon"></i> Les Stats</span></a>

        <div class="separator"></div>

        <a href="<?= $relativePath ?>photos.php" id="photos" class="page-link"><span class="sidenav-content"><i
                        class="fas fa-camera sidenav-icon"></i> Les Photos</span></a>

        <div class="separator"></div>

        <a href="<?= $relativePath ?>coms.php" id="coms" class="page-link"><span class="sidenav-content"><i
                class="fas fa-users sidenav-icon"></i> Les Com's</span></a>
        <a href="<?= $relativePath ?>prevs.php" id="prevs" class="page-link"><span class="sidenav-content"><i
                class="fas fa-medkit sidenav-icon"></i> La Prévention</span></a>
        <a href="<?= $relativePath ?>downloads.php" id="downloads" class="page-link"><span class="sidenav-content"><i
                class="fas fa-download sidenav-icon"></i>Téléchargements</span></a>
        <a href="<?= $relativePath ?>info.php" id="contact" class="page-link"><span class="sidenav-content"><i
                class="fas fa-info sidenav-icon"></i> Les Infos</span></a>
    </div>
</div>
