<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> -->
		<a href="<?= $relativePath ?>vacances.php" id="vacances" class="page-link"><span class="sidenav-content"><i
                        class="fas fa-book sidenav-icon"></i> Le
            Cahier de vacances</span></a>
		<a href="<?= $relativePath ?>chansons.php" id="chansons" class="page-link"><span class="sidenav-content"><i
                        class="fas fa-music sidenav-icon"></i> Les
            Chansons</span></a>

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

        <a href="<?= $relativePath ?>tamboom.php" id="tam" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/tam_logo.png" class="sidenav-image"> Tamboom </span></a>
        <a href="<?= $relativePath ?>pekstanas.php" id="pek" class="page-link"><span class="sidenav-content"><img
                src="<?= $relativePath ?>assets/images/logos/pek_logo.png" class="sidenav-image"> Pekstanas </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 ?>lydia.php" id="lydia" class="page-link"><span class="sidenav-content"><i
                class="fas fa-credit-card sidenav-icon"></i> Lydia et Izly</span></a>
		<a href="<?= $relativePath ?>clubs.php" id="clubs" class="page-link"><span class="sidenav-content"><i
                class="fas fa-sitemap sidenav-icon"></i> Les Clubs</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>
