<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Menu</title>
    <style>
        /* Style pour le menu latéral */
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            display: flex;
        }

        .menu-container {
            width: 250px; /* Largeur fixe du menu */
            background-color: #343a40; /* Fond du menu */
            padding: 20px;
            position: fixed; /* Fixe le menu sur le côté gauche */
            height: 100vh; /* Prend toute la hauteur de la fenêtre */
            overflow-y: auto; /* Ajoute un défilement si nécessaire */
        }

        .menu {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .menu li {
            margin: 10px 0;
        }

        .menu a {
            display: block;
            padding: 10px;
            text-decoration: none;
            color: white;
            background-color: #007bff;
            border-radius: 5px;
            text-align: center;
        }

        .menu a:hover {
            background-color: #0056b3;
        }

        /* Style pour le contenu principal */
        .content {
            margin-left: 250px; /* Espace pour le menu latéral */
            padding: 20px;
            flex-grow: 1;
        }

        a {
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div class="menu-container">
        <ul class="menu">
		    <li><a href="dashboard.php">Acceuil</a></li>
            <li><a href="ajouter_cours.php">Ajouter Cours</a></li>
            <li><a href="ajouter_video.php">Ajouter Vidéo</a></li>
			<li><a href="gerer_videos.php">Gerer Vidéo</a></li>
            <li><a href="https://meet.jit.si/" target="_blank">Salle de Classe</a></li>
			 <li><a href="ajouter_eleve.php">Ajouter Élève</a></li>
			 <li><a href="messages.php">Envoyer message</a></li>
            <li><a href="deconnexion.php">Déconnexion</a></li>
        </ul>
    </div>
    <div class="content">
        <!-- Contenu principal de la page -->
    </div>
</body>
</html>
