diff --git a/ansible/roles/portail/tasks/08-banque-quiz.yml b/ansible/roles/portail/tasks/08-banque-quiz.yml
index 8443073..abe6d94 100644
--- a/ansible/roles/portail/tasks/08-banque-quiz.yml
+++ b/ansible/roles/portail/tasks/08-banque-quiz.yml
@@ -27,3 +27,14 @@
     chdir: "{{ portail_dossier_app }}"
   register: portail_banque_quiz_synchronisee
   changed_when: "'créé' in portail_banque_quiz_synchronisee.stdout"
+
+# « Mes cours » (séparation vitrine/application, 2026-10-13) : un seul
+# cours.md existe aujourd'hui (08-deux-lan-routeur), jamais de contenu
+# inventé pour les autres séquences.
+- name: synchroniser le catalogue des cours
+  ansible.builtin.command:
+    cmd: runuser -u www-data -- php artisan cours:synchroniser
+  args:
+    chdir: "{{ portail_dossier_app }}"
+  register: portail_cours_synchronises
+  changed_when: "'créé' in portail_cours_synchronises.stdout"
diff --git a/docs/dette.md b/docs/dette.md
index 01056ee..3f54e5b 100644
--- a/docs/dette.md
+++ b/docs/dette.md
@@ -31,3 +31,8 @@ retirer la ligne (et le noter dans le journal) quand c'est fait.
 | Self-healing : ne couvre que les VM (pas le serveur, déjà en dette, ni les conteneurs/services, déjà `Restart=always`) | Documenté dans `docs/runbooks/self-healing.md`, pas une lacune à corriger — rappel pour ne pas le redemander. | — | 2026-10-12 |
 | Banque de quiz : un quiz partagé disparaît si la classe d'origine est archivée puis purgée (RGPD, 90 jours) | La banque n'a pas de propriétaire indépendant d'une classe (pas de `user_id` ni de `classe_id` nullable sur `quizzes`, pour rester simple). À corriger si des profs partagent des quiz qu'ils veulent garder au-delà de la durée de vie d'une classe. N'affecte pas les quiz officiels (voir ligne suivante). | Si ça gêne en usage réel | 2026-10-13 |
 | Banque de quiz officielle : établissement, prof et classe techniques invisibles (« Bibliothèque Paillasse » / « Banque officielle », `App\Services\Quiz\BanqueOfficielle`) | Simple propriétaire stable pour les quiz synchronisés depuis `paillasse-contenus/`, jamais archivé donc jamais purgé — mais apparaîtrait comme un établissement et un prof fictifs dans toute future liste d'administration globale. À filtrer explicitement si un tel écran est ajouté. | Si un écran d'admin globale est ajouté | 2026-10-13 |
+| Thème sombre : pages migrées avant la coquille (quiz, devoirs, mes-classes…) gardent leurs couleurs fixes de la vitrine, pas les jetons `--sy-*` | Elles restent lisibles en clair ; en thème sombre, certains blocs à fond blanc ne basculent pas. Seules les pages écrites pour la coquille (Ma classe, Emploi du temps, Mes devoirs…) suivent le thème. Reprendre une par une si le thème sombre doit être parfait partout. | Si ça gêne en usage réel | 2026-10-14 |
+| Pages immersives (console, visio) gardent la barre latérale de la coquille | Visio et console auraient pu passer en plein écran sans chrome ; laissées avec la barre latérale par simplicité, au lieu d'une troisième variante de layout. | Si ça gêne en usage réel | 2026-10-14 |
+| Chat : pas de notification sonore ni de notification navigateur, sondage toutes les 3 s (ouvert) / 15 s (badge) | Suffisant pour un usage en classe ; à revoir si le besoin d'alerte immédiate apparaît. | Si ça gêne en usage réel | 2026-10-14 |
+| « Mes cours » : un seul lab (08) a un vrai cours.md | Les séquences 01 à 07 n'ont pas de cours rédigé (Adam écrit ce contenu lui-même, voir la banque de quiz). La page reste honnête : vide pour un élève qui n'a pratiqué que ces labs, jamais de contenu inventé pour combler. | Quand Adam rédige les cours | 2026-10-14 |
+| « Mes notes » : pas de notion de compétence pour les devoirs maison (seulement pour les labs, via `labs.competences`) | Un devoir maison n'est lié à aucune compétence du référentiel ; ses notes sortent sous « Sans compétence associée ». Ajouter un champ compétence(s) sur `Devoir` si besoin. | Si ça gêne en usage réel | 2026-10-14 |
diff --git a/docs/journal.md b/docs/journal.md
index f12e007..58bda03 100644
--- a/docs/journal.md
+++ b/docs/journal.md
@@ -977,3 +977,32 @@ Le choix qui évite le plus de dette ici : ne pas réutiliser le mécanisme « p
 **Suite**
 
 Reprendre le chantier « vrai cockpit » : Observations.
+
+## 2026-10-13/14 — Séparer la vitrine de l'application
+
+Demande d'Adam : une fois connecté (élève ou prof), on gardait le header vitrine (Fonctionnalités, Cours, Tarifs) — ça n'a pas de sens, comme sur Facebook il faut basculer dans une vraie interface d'application. Avant de coder, j'ai montré la liste des 10 entrées de navigation demandées (5 élève, 5 prof) : la plupart n'avaient pas de page réelle derrière (seulement `/mes-classes` et la banque de quiz existaient). Adam a choisi de construire une vraie version minimale de chaque page manquante plutôt qu'un simple renvoi « bientôt disponible ».
+
+**Fait**
+
+- `layouts/app` : barre du haut (logo, menu avatar — Mon profil, Paramètres, Aide, Signaler un problème, Se déconnecter), barre latérale (5 entrées par rôle + Mes raccourcis), zone centrale, bulle de chat Messenger. Mobile : barre d'onglets en bas (4 + Plus), chat plein écran. Thème clair/sombre et taille du texte réglables, appliqués via des attributs `data-theme`/`data-taille` sur `<html>`.
+- Nouvelles pages réelles, aucune donnée inventée :
+  - Élève : **Ma classe** (annonces du prof, camarades en prénom + initiale, qui est en ligne dans les 3 dernières minutes, lien ENT si connu) ; **Emploi du temps** (séances + échéances de devoirs réunies, pas d'examens tant qu'aucun modèle n'existe) ; **Mes devoirs** (devoirs maison, TP disponibles via une séance ouverte, quiz en cours — avec badge) ; **Mes cours** (uniquement les cours.md réels des labs déjà pratiqués par la classe — un seul existe aujourd'hui) ; **Mes notes** (devoirs notés et corrections de labs, groupées par compétence du lab.yaml, jamais lue jusqu'ici).
+  - Prof : **Emploi du temps** et **Séances en direct** (vue transverse à toutes les classes, plus besoin d'ouvrir chaque classe) ; **Bibliothèque** (labs + banque de quiz réels, distincte de la vitrine `/bibliotheque`) ; **Résultats** (corrections et nouvelles **Observations** — notes rapides sur un élève pour le conseil de classe, dernière fonction fictive du tableau de bord démo, jamais montrées à l'élève). Annonces et Observations se gèrent depuis le cockpit de la classe (`/mes-classes/{classe}`).
+  - Chat Messenger élève ↔ prof de sa classe, jamais entre élèves (structurellement impossible : aucune route élève-élève n'existe) ; le prof peut couper le chat de sa classe ; historique conservé, purgé avec la classe (RGPD).
+  - Mon profil, Paramètres, Signaler un problème (stocké, relu par Adam), Mes raccourcis (pages épinglées).
+- `/eleve` vidée des faux contenus (« À faire », « Ma progression », « Mes QCM » — des données inventées qui restaient depuis avant le chantier « vrai cockpit ») : ne reste que le quiz flash réel et des liens vers les 5 nouvelles pages.
+- Nouvelles tables : `annonces`, `observations`, `raccourcis`, `signalements`, `fils_conversation`, `messages_chat`, `cours` ; colonnes ajoutées à `users`/`eleves` (préférences, dernière activité), `labs` (compétences, enfin lues du lab.yaml), `classes` (chat_actif), `etablissements` (url_ent).
+- `cours:synchroniser` (même esprit que `labs:synchroniser` et `quiz:synchroniser-banque`) : lit les `cours.md` de `paillasse-contenus/`.
+- 9 nouveaux tests Pest (93 au total) : étanchéité des barres par rôle, impossibilité pour un élève d'atteindre les routes de chat du prof, deux élèves de classes différentes ne partagent jamais de fil, JavaScript valide des nouvelles pages, toutes les nouvelles pages se chargent sans erreur.
+
+**Bug trouvé et corrigé en vérifiant en réel** (pas en local) : le compteur de messages non lus du chat ne redescendait jamais à zéro — `FilConversation` n'avait pas `lu_par_prof_a`/`lu_par_eleve_a` dans son `$fillable`, donc `update()` les ignorait silencieusement, sans erreur. Trouvé en testant un vrai aller-retour élève ↔ prof sur le serveur, pas par les tests locaux (qui ne vérifiaient pas la valeur du compteur). Corrigé, et le test de non-régression ajouté aurait aussi révélé un second problème plus subtil : marquer « lu » au moment d'envoyer son propre message n'a pas de sens (le filtre par expéditeur l'exclut déjà) et créait un risque d'égalité de seconde avec un message suivant — retiré des deux côtés.
+
+**Vérifié sur le serveur réel** (un prof et un élève jetables, classe supprimée ensuite) : navigation cloisonnée par rôle (l'élève ne voit jamais les entrées prof et réciproquement), vitrine toujours accessible et intacte sans connexion, chat élève → prof → élève avec compteurs corrects après le correctif, coupure du chat par le prof effective immédiatement, annonce publiée visible dans Ma classe, observation ajoutée visible dans Résultats. La banque officielle et le quiz réel d'Adam n'ont pas bougé.
+
+**Comprendre**
+
+La leçon technique : les données injectées par un `View::composer` sur un layout ne sont visibles que dans le corps du layout lui-même (barre latérale, barre du haut) — pas dans le contenu de la page qui l'étend (`@section('contenu')`), parce que ce contenu est déjà rendu, en chaîne de caractères, avant que le composeur du layout ne s'exécute. Deux pages (`eleve.blade.php`, `aide-app.blade.php`) utilisaient à tort une variable du composeur dans leur propre contenu ; passées explicitement par leur contrôleur à la place.
+
+**Suite**
+
+Reprendre le chantier « vrai cockpit » : Observations étant maintenant construites, il ne reste que Surveillance d'examen — à cadrer avec Adam avant de coder (RGPD, mineurs).
diff --git a/portail/app/Console/Commands/PurgerClassesArchivees.php b/portail/app/Console/Commands/PurgerClassesArchivees.php
index 780c6f5..7f3ce47 100644
--- a/portail/app/Console/Commands/PurgerClassesArchivees.php
+++ b/portail/app/Console/Commands/PurgerClassesArchivees.php
@@ -10,9 +10,10 @@ use Illuminate\Support\Facades\Log;
 /**
  * RGPD (CLAUDE.md, étape 14) : supprime les classes archivées depuis
  * 90 jours, avec en cascade leurs élèves, séances, sessions de lab, machines,
- * corrections, quiz et devoirs maison (chantier « vrai cockpit »). Le compte du
- * prof est conservé. Le journal ne garde que des identifiants et des
- * nombres, jamais de nom d'élève.
+ * corrections, quiz et devoirs maison (chantier « vrai cockpit »), ainsi que
+ * les annonces, observations et le chat élève ↔ prof (séparation vitrine/
+ * application, 2026-10-13). Le compte du prof est conservé. Le journal ne
+ * garde que des identifiants et des nombres, jamais de nom d'élève.
  *
  * Les sauvegardes chiffrées contenant encore ces données expirent d'elles-
  * mêmes au plus 4 semaines plus tard (rotation, docs/runbooks/sauvegardes.md).
diff --git a/portail/app/Console/Commands/SynchroniserCours.php b/portail/app/Console/Commands/SynchroniserCours.php
new file mode 100644
index 0000000..08030fe
--- /dev/null
+++ b/portail/app/Console/Commands/SynchroniserCours.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Models\Cours;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\File;
+use Symfony\Component\Yaml\Yaml;
+
+/**
+ * Catalogue des cours.md de paillasse-contenus/ (même esprit que
+ * labs:synchroniser et quiz:synchroniser-banque) : lu par « Mes cours ».
+ * Un seul lab (08-deux-lan-routeur) a un cours.md aujourd'hui — les autres
+ * séquences n'apparaissent simplement pas, jamais de contenu inventé.
+ */
+class SynchroniserCours extends Command
+{
+    protected $signature = 'cours:synchroniser';
+
+    protected $description = 'Crée ou met à jour le catalogue des cours depuis les cours.md de paillasse-contenus/';
+
+    public function handle(): void
+    {
+        $dossier = config('contenus.dossier');
+
+        foreach (File::directories($dossier) as $chemin) {
+            $identifiant = basename($chemin);
+            $cheminCours = "{$chemin}/cours.md";
+            $cheminLab = "{$chemin}/lab.yaml";
+
+            if (! File::exists($cheminCours) || ! File::exists($cheminLab)) {
+                continue;
+            }
+
+            $titre = Yaml::parseFile($cheminLab)['titre'];
+
+            $cours = Cours::updateOrCreate(
+                ['identifiant' => $identifiant],
+                ['titre' => $titre, 'contenu_markdown' => File::get($cheminCours)],
+            );
+
+            $this->line(($cours->wasRecentlyCreated ? 'créé' : 'à jour')." : {$identifiant}");
+        }
+    }
+}
diff --git a/portail/app/Console/Commands/SynchroniserLabs.php b/portail/app/Console/Commands/SynchroniserLabs.php
index 3f3eb6f..73e5059 100644
--- a/portail/app/Console/Commands/SynchroniserLabs.php
+++ b/portail/app/Console/Commands/SynchroniserLabs.php
@@ -24,7 +24,7 @@ class SynchroniserLabs extends Command
 
             $lab = Lab::updateOrCreate(
                 ['identifiant' => $definition->identifiant],
-                ['titre' => $definition->titre, 'niveau' => $definition->niveau, 'duree_min' => $definition->dureeMin],
+                ['titre' => $definition->titre, 'niveau' => $definition->niveau, 'duree_min' => $definition->dureeMin, 'competences' => $definition->competences],
             );
 
             $this->line(($lab->wasRecentlyCreated ? 'créé' : 'à jour')." : {$identifiant}");
diff --git a/portail/app/Http/Controllers/AideController.php b/portail/app/Http/Controllers/AideController.php
new file mode 100644
index 0000000..05eb6e9
--- /dev/null
+++ b/portail/app/Http/Controllers/AideController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+class AideController extends Controller
+{
+    public function show(): View
+    {
+        return view('aide-app', ['estProf' => Auth::guard('web')->check()]);
+    }
+}
diff --git a/portail/app/Http/Controllers/AnnonceController.php b/portail/app/Http/Controllers/AnnonceController.php
new file mode 100644
index 0000000..b129978
--- /dev/null
+++ b/portail/app/Http/Controllers/AnnonceController.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Annonce;
+use App\Models\Classe;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * Annonces du prof à sa classe, lues par l'élève dans « Ma classe »
+ * (séparation vitrine/application, 2026-10-13).
+ */
+class AnnonceController extends Controller
+{
+    public function store(Request $request, Classe $classe): RedirectResponse
+    {
+        $this->verifierProprietaire($classe);
+
+        $donnees = $request->validate([
+            'titre' => ['required', 'string', 'max:150'],
+            'contenu' => ['required', 'string', 'max:3000'],
+        ]);
+
+        $classe->annonces()->create([...$donnees, 'user_id' => Auth::guard('web')->id()]);
+
+        return redirect()->route('mes-classes.show', $classe);
+    }
+
+    public function destroy(Classe $classe, Annonce $annonce): RedirectResponse
+    {
+        $this->verifierProprietaire($classe);
+        abort_if($annonce->classe_id !== $classe->id, 404);
+
+        $annonce->delete();
+
+        return redirect()->route('mes-classes.show', $classe);
+    }
+
+    private function verifierProprietaire(Classe $classe): void
+    {
+        abort_if($classe->user_id !== Auth::guard('web')->id(), 403);
+    }
+}
diff --git a/portail/app/Http/Controllers/BibliothequeProfController.php b/portail/app/Http/Controllers/BibliothequeProfController.php
new file mode 100644
index 0000000..7b4afef
--- /dev/null
+++ b/portail/app/Http/Controllers/BibliothequeProfController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Lab;
+use App\Models\Quiz;
+use Illuminate\View\View;
+
+/**
+ * Bibliothèque du prof : labs et quiz réels (séparation vitrine/
+ * application, 2026-10-13) — distincte de /bibliotheque (vitrine,
+ * démonstration). Regroupée comme /banque-quiz.
+ */
+class BibliothequeProfController extends Controller
+{
+    public function show(): View
+    {
+        $quizzes = Quiz::where('partage', true)
+            ->with(['classe.etablissement'])
+            ->withCount('questions')
+            ->latest()
+            ->get();
+
+        return view('bibliotheque-app', [
+            'labs' => Lab::orderBy('titre')->get(),
+            'groupesQuiz' => $quizzes->groupBy(fn (Quiz $q) => $q->theme ?? '')->sortKeys(),
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/ChatEleveController.php b/portail/app/Http/Controllers/ChatEleveController.php
new file mode 100644
index 0000000..02e585e
--- /dev/null
+++ b/portail/app/Http/Controllers/ChatEleveController.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\FilConversation;
+use App\Models\MessageChat;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * Chat Messenger élève ↔ prof de sa classe (règles d'Adam, 2026-10-13) :
+ * un seul fil, créé à la première ouverture. Jamais de message si le prof
+ * a coupé le chat de la classe.
+ */
+class ChatEleveController extends Controller
+{
+    /**
+     * `lu=1` seulement quand la fenêtre de chat est réellement ouverte :
+     * le sondage du badge en arrière-plan ne doit jamais marquer comme lu.
+     */
+    public function etat(Request $request): JsonResponse
+    {
+        $eleve = Auth::guard('eleve')->user()->load('classe');
+        $fil = $eleve->filConversation;
+
+        if ($fil && $request->boolean('lu')) {
+            $fil->update(['lu_par_eleve_a' => now()]);
+        }
+
+        return response()->json([
+            'actif' => $eleve->classe->chat_actif,
+            'non_lus' => $fil ? $fil->nonLusPourEleve() : 0,
+            'messages' => $fil ? $fil->messages->map(fn (MessageChat $m) => [
+                'id' => $m->id,
+                'expediteur' => $m->expediteur,
+                'contenu' => $m->contenu,
+                'envoye_a' => $m->created_at->toIso8601String(),
+            ]) : [],
+        ]);
+    }
+
+    public function envoyer(Request $request): JsonResponse
+    {
+        $eleve = Auth::guard('eleve')->user()->load('classe');
+        abort_unless($eleve->classe->chat_actif, 403, 'Le chat est désactivé pour ta classe.');
+
+        $donnees = $request->validate(['contenu' => ['required', 'string', 'max:2000']]);
+
+        $fil = FilConversation::firstOrCreate(
+            ['eleve_id' => $eleve->id],
+            ['classe_id' => $eleve->classe_id],
+        );
+
+        // Pas de mise à jour de lu_par_eleve_a ici : nonLusPourEleve() ne
+        // compte que les messages du prof, jamais les siens.
+        $message = $fil->messages()->create([
+            'expediteur' => MessageChat::ELEVE,
+            'contenu' => $donnees['contenu'],
+        ]);
+
+        return response()->json(['id' => $message->id], 201);
+    }
+}
diff --git a/portail/app/Http/Controllers/ChatProfController.php b/portail/app/Http/Controllers/ChatProfController.php
new file mode 100644
index 0000000..7b7058c
--- /dev/null
+++ b/portail/app/Http/Controllers/ChatProfController.php
@@ -0,0 +1,76 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\FilConversation;
+use App\Models\MessageChat;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * Chat Messenger élève ↔ prof : côté prof, une liste de fils (un par
+ * élève lui ayant déjà écrit), jamais de fil entre deux élèves.
+ */
+class ChatProfController extends Controller
+{
+    public function index(): JsonResponse
+    {
+        $classeIds = Auth::guard('web')->user()->classes()->pluck('id');
+
+        $fils = FilConversation::whereIn('classe_id', $classeIds)
+            ->whereHas('messages')
+            ->with(['eleve', 'classe'])
+            ->get()
+            ->map(fn (FilConversation $f) => [
+                'id' => $f->id,
+                'eleve' => $f->eleve->nomAffiche(),
+                'classe' => $f->classe->nom,
+                'non_lus' => $f->nonLusPourProf(),
+                'dernier_message_a' => $f->messages->last()?->created_at->toIso8601String(),
+            ])
+            ->sortByDesc('dernier_message_a')
+            ->values();
+
+        return response()->json(['fils' => $fils]);
+    }
+
+    public function etat(FilConversation $fil): JsonResponse
+    {
+        $this->verifierProprietaire($fil);
+        $fil->update(['lu_par_prof_a' => now()]);
+
+        return response()->json([
+            'eleve' => $fil->eleve->nomAffiche(),
+            'actif' => $fil->classe->chat_actif,
+            'messages' => $fil->messages->map(fn (MessageChat $m) => [
+                'id' => $m->id,
+                'expediteur' => $m->expediteur,
+                'contenu' => $m->contenu,
+                'envoye_a' => $m->created_at->toIso8601String(),
+            ]),
+        ]);
+    }
+
+    public function envoyer(Request $request, FilConversation $fil): JsonResponse
+    {
+        $this->verifierProprietaire($fil);
+        abort_unless($fil->classe->chat_actif, 403, 'Le chat est désactivé pour cette classe.');
+
+        $donnees = $request->validate(['contenu' => ['required', 'string', 'max:2000']]);
+
+        // Pas de mise à jour de lu_par_prof_a ici : nonLusPourProf() ne
+        // compte que les messages de l'élève, jamais les siens.
+        $message = $fil->messages()->create([
+            'expediteur' => MessageChat::PROF,
+            'contenu' => $donnees['contenu'],
+        ]);
+
+        return response()->json(['id' => $message->id], 201);
+    }
+
+    private function verifierProprietaire(FilConversation $fil): void
+    {
+        abort_if($fil->classe->user_id !== Auth::guard('web')->id(), 403);
+    }
+}
diff --git a/portail/app/Http/Controllers/ClasseChatController.php b/portail/app/Http/Controllers/ClasseChatController.php
new file mode 100644
index 0000000..5c70abe
--- /dev/null
+++ b/portail/app/Http/Controllers/ClasseChatController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Classe;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * Le prof peut couper le chat élève ↔ prof de sa classe (règle d'Adam,
+ * 2026-10-13).
+ */
+class ClasseChatController extends Controller
+{
+    public function basculer(Classe $classe): RedirectResponse
+    {
+        abort_if($classe->user_id !== Auth::guard('web')->id(), 403);
+
+        $classe->update(['chat_actif' => ! $classe->chat_actif]);
+
+        return redirect()->route('mes-classes.show', $classe);
+    }
+}
diff --git a/portail/app/Http/Controllers/ClasseController.php b/portail/app/Http/Controllers/ClasseController.php
index aa7ee1c..3d0834f 100644
--- a/portail/app/Http/Controllers/ClasseController.php
+++ b/portail/app/Http/Controllers/ClasseController.php
@@ -81,7 +81,7 @@ class ClasseController extends Controller
 
         return view('mes-classes.show', [
             'classes' => Auth::guard('web')->user()->classes()->withCount('eleves')->orderBy('nom')->get(),
-            'classe' => $classe->load('eleves'),
+            'classe' => $classe->load(['eleves', 'annonces.auteur', 'observations.eleve']),
             'demandes' => $classe->demandesInscription()->where('statut', DemandeInscription::EN_ATTENTE)->oldest()->get(),
             'seance' => $seance,
             'avancement' => $avancement,
diff --git a/portail/app/Http/Controllers/EleveTableauDeBordController.php b/portail/app/Http/Controllers/EleveTableauDeBordController.php
index 334dee3..d4f58d2 100644
--- a/portail/app/Http/Controllers/EleveTableauDeBordController.php
+++ b/portail/app/Http/Controllers/EleveTableauDeBordController.php
@@ -2,6 +2,7 @@
 
 namespace App\Http\Controllers;
 
+use App\Services\CompteurDevoirsEnAttente;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\View\View;
 
@@ -11,6 +12,6 @@ class EleveTableauDeBordController extends Controller
     {
         $eleve = Auth::guard('eleve')->user()->load('classe');
 
-        return view('eleve', ['eleve' => $eleve]);
+        return view('eleve', ['eleve' => $eleve, 'badgeMesDevoirs' => CompteurDevoirsEnAttente::pour($eleve)]);
     }
 }
diff --git a/portail/app/Http/Controllers/EmploiDuTempsController.php b/portail/app/Http/Controllers/EmploiDuTempsController.php
new file mode 100644
index 0000000..b6c218a
--- /dev/null
+++ b/portail/app/Http/Controllers/EmploiDuTempsController.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Devoir;
+use App\Models\Seance;
+use Carbon\Carbon;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * Emploi du temps (séparation vitrine/application, 2026-10-13) : séances
+ * et échéances de devoirs, réunies et triées par date. Pas d'examens ici
+ * tant qu'aucun modèle d'examen n'existe (CLAUDE.md : pas de ligne vide ni
+ * de donnée inventée).
+ */
+class EmploiDuTempsController extends Controller
+{
+    public function show(): View
+    {
+        if ($prof = Auth::guard('web')->user()) {
+            $classeIds = $prof->classes()->whereNull('archivee_a')->pluck('id');
+
+            $seances = Seance::whereIn('classe_id', $classeIds)
+                ->whereIn('statut', [Seance::PLANIFIEE, Seance::SALLE_ATTENTE, Seance::EN_COURS])
+                ->whereNotNull('prevue_a')
+                ->with(['classe', 'lab'])
+                ->get();
+
+            $devoirs = Devoir::whereIn('classe_id', $classeIds)
+                ->where('echeance', '>=', now())
+                ->with('classe')
+                ->get();
+        } else {
+            $eleve = Auth::guard('eleve')->user();
+
+            $seances = $eleve->classe->seances()
+                ->whereIn('statut', [Seance::PLANIFIEE, Seance::SALLE_ATTENTE, Seance::EN_COURS])
+                ->whereNotNull('prevue_a')
+                ->with(['lab', 'classe'])
+                ->get();
+
+            $devoirs = $eleve->classe->devoirs()->where('echeance', '>=', now())->get();
+        }
+
+        $evenements = $this->fusionner($seances, $devoirs);
+
+        return view('emploi-du-temps', ['evenements' => $evenements]);
+    }
+
+    /**
+     * @param  Collection<int, Seance>  $seances
+     * @param  Collection<int, Devoir>  $devoirs
+     * @return Collection<int, array{date: ?Carbon, type: string, titre: string, classe: string}>
+     */
+    private function fusionner(Collection $seances, Collection $devoirs): Collection
+    {
+        $depuisSeances = $seances->map(fn (Seance $s) => [
+            'date' => $s->prevue_a,
+            'type' => 'seance',
+            'titre' => $s->lab->titre,
+            'classe' => $s->classe->nom,
+        ]);
+
+        $depuisDevoirs = $devoirs->map(fn (Devoir $d) => [
+            'date' => $d->echeance,
+            'type' => 'devoir',
+            'titre' => $d->titre,
+            'classe' => $d->classe->nom,
+        ]);
+
+        return $depuisSeances->concat($depuisDevoirs)->sortBy('date')->values();
+    }
+}
diff --git a/portail/app/Http/Controllers/MaClasseController.php b/portail/app/Http/Controllers/MaClasseController.php
new file mode 100644
index 0000000..1a98b00
--- /dev/null
+++ b/portail/app/Http/Controllers/MaClasseController.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * « Ma classe » (séparation vitrine/application, 2026-10-13) : annonces du
+ * prof, camarades (prénom + initiale, comme partout ailleurs pour les
+ * mineurs), qui est connecté. Jamais de message privé entre élèves —
+ * voir le chat, limité à élève ↔ prof.
+ */
+class MaClasseController extends Controller
+{
+    public function show(): View
+    {
+        $eleve = Auth::guard('eleve')->user();
+        $classe = $eleve->classe()->with(['etablissement', 'annonces.auteur', 'eleves'])->first();
+
+        return view('ma-classe', [
+            'classe' => $classe,
+            'eleve' => $eleve,
+            'camarades' => $classe->eleves,
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/MesCoursController.php b/portail/app/Http/Controllers/MesCoursController.php
new file mode 100644
index 0000000..15ebb69
--- /dev/null
+++ b/portail/app/Http/Controllers/MesCoursController.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Cours;
+use App\Models\Lab;
+use App\Models\Seance;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Str;
+use Illuminate\View\View;
+
+/**
+ * « Mes cours » (séparation vitrine/application, 2026-10-13) : seulement
+ * les cours des labs déjà pratiqués par la classe, et seulement ceux qui
+ * ont un vrai cours.md (un seul aujourd'hui). Pas de fiche de démonstration
+ * (CLAUDE.md : pas de donnée inventée).
+ */
+class MesCoursController extends Controller
+{
+    public function show(): View
+    {
+        $eleve = Auth::guard('eleve')->user();
+
+        $labIds = Seance::where('classe_id', $eleve->classe_id)->distinct()->pluck('lab_id');
+
+        $identifiants = Lab::whereIn('id', $labIds)->pluck('identifiant');
+
+        $cours = Cours::whereIn('identifiant', $identifiants)->orderBy('titre')->get();
+
+        return view('mes-cours', ['cours' => $cours]);
+    }
+
+    public function montrer(Cours $cours): View
+    {
+        return view('cours-detail', [
+            'cours' => $cours,
+            'html' => Str::markdown($cours->contenu_markdown),
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/MesDevoirsController.php b/portail/app/Http/Controllers/MesDevoirsController.php
new file mode 100644
index 0000000..a4b70c6
--- /dev/null
+++ b/portail/app/Http/Controllers/MesDevoirsController.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Seance;
+use App\Models\SessionQuiz;
+use App\Services\CompteurDevoirsEnAttente;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * « Mes devoirs » (séparation vitrine/application, 2026-10-13) : devoirs
+ * maison réels, QCM en direct si une session de quiz tourne, TP joignables
+ * via une séance ouverte par le prof. Pas de TD assigné : ce type n'existe
+ * pas encore comme devoir (CLAUDE.md : pas de donnée inventée).
+ */
+class MesDevoirsController extends Controller
+{
+    public function show(): View
+    {
+        $eleve = Auth::guard('eleve')->user()->load('classe');
+
+        $devoirs = $eleve->classe->devoirs()
+            ->where('echeance', '>=', now()->subDays(7))
+            ->with(['rendus' => fn ($q) => $q->where('eleve_id', $eleve->id)])
+            ->get();
+
+        $seancesOuvertes = $eleve->classe->seances()
+            ->whereIn('statut', [Seance::SALLE_ATTENTE, Seance::EN_COURS])
+            ->with('lab')
+            ->get();
+
+        $sessionQuiz = SessionQuiz::whereHas('quiz', fn ($q) => $q->where('classe_id', $eleve->classe_id))
+            ->whereIn('statut', [SessionQuiz::EN_ATTENTE, SessionQuiz::EN_COURS])
+            ->latest()
+            ->first();
+
+        return view('mes-devoirs', [
+            'devoirs' => $devoirs,
+            'seancesOuvertes' => $seancesOuvertes,
+            'sessionQuiz' => $sessionQuiz,
+            'nombreEnAttente' => CompteurDevoirsEnAttente::pour($eleve),
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/MesNotesController.php b/portail/app/Http/Controllers/MesNotesController.php
new file mode 100644
index 0000000..71e4a71
--- /dev/null
+++ b/portail/app/Http/Controllers/MesNotesController.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Correction;
+use App\Models\RenduDevoir;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * « Mes notes » (séparation vitrine/application, 2026-10-13) : notes des
+ * devoirs maison et des labs, groupées par compétence quand le lab en a
+ * (lab.yaml, jamais lu jusqu'ici). « Sans compétence associée » sinon —
+ * jamais de taux inventé.
+ */
+class MesNotesController extends Controller
+{
+    public function show(): View
+    {
+        $eleve = Auth::guard('eleve')->user();
+
+        $notesDevoirs = RenduDevoir::where('eleve_id', $eleve->id)
+            ->whereNotNull('note')
+            ->with('devoir')
+            ->get()
+            ->map(fn (RenduDevoir $r) => [
+                'titre' => $r->devoir->titre,
+                'note' => (int) $r->note,
+                'note_max' => 20,
+                'competences' => [],
+            ]);
+
+        $notesLabs = Correction::whereHas('labSession', fn ($q) => $q->where('eleve_id', $eleve->id))
+            ->with('labSession.lab')
+            ->get()
+            ->map(fn (Correction $c) => [
+                'titre' => $c->labSession->lab->titre,
+                'note' => $c->note,
+                'note_max' => $c->note_max,
+                'competences' => $c->labSession->lab->competences ?? [],
+            ]);
+
+        $notes = $notesDevoirs->concat($notesLabs);
+
+        return view('mes-notes', ['notes' => $notes, 'parCompetence' => $this->grouperParCompetence($notes)]);
+    }
+
+    /**
+     * @param  Collection<int, array{titre: string, note: int, note_max: int, competences: array<int, string>}>  $notes
+     * @return Collection<string, array{moyenne: int, nombre: int}>
+     */
+    private function grouperParCompetence(Collection $notes): Collection
+    {
+        $parCompetence = [];
+
+        foreach ($notes as $note) {
+            $competences = $note['competences'] ?: ['Sans compétence associée'];
+            $taux = $note['note_max'] > 0 ? $note['note'] / $note['note_max'] * 100 : 0;
+
+            foreach ($competences as $competence) {
+                $parCompetence[$competence][] = $taux;
+            }
+        }
+
+        return collect($parCompetence)->map(fn (array $taux) => [
+            'moyenne' => (int) round(array_sum($taux) / count($taux)),
+            'nombre' => count($taux),
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/ObservationController.php b/portail/app/Http/Controllers/ObservationController.php
new file mode 100644
index 0000000..7729651
--- /dev/null
+++ b/portail/app/Http/Controllers/ObservationController.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Classe;
+use App\Models\Observation;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * Observations : notes rapides du prof sur un élève, pour le conseil de
+ * classe (chantier « vrai cockpit », dernière fonction fictive du tableau
+ * de bord démo). Jamais montrées à l'élève.
+ */
+class ObservationController extends Controller
+{
+    public function store(Request $request, Classe $classe): RedirectResponse
+    {
+        $this->verifierProprietaire($classe);
+
+        $donnees = $request->validate([
+            'eleve_id' => ['required', 'integer'],
+            'contenu' => ['required', 'string', 'max:2000'],
+        ]);
+        $classe->eleves()->findOrFail($donnees['eleve_id']);
+
+        $classe->observations()->create([...$donnees, 'user_id' => Auth::guard('web')->id()]);
+
+        return redirect()->route('mes-classes.show', $classe);
+    }
+
+    public function destroy(Classe $classe, Observation $observation): RedirectResponse
+    {
+        $this->verifierProprietaire($classe);
+        abort_if($observation->classe_id !== $classe->id, 404);
+
+        $observation->delete();
+
+        return redirect()->route('mes-classes.show', $classe);
+    }
+
+    private function verifierProprietaire(Classe $classe): void
+    {
+        abort_if($classe->user_id !== Auth::guard('web')->id(), 403);
+    }
+}
diff --git a/portail/app/Http/Controllers/ParametresController.php b/portail/app/Http/Controllers/ParametresController.php
new file mode 100644
index 0000000..9bba8dc
--- /dev/null
+++ b/portail/app/Http/Controllers/ParametresController.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Eleve;
+use App\Models\User;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * Thème clair/sombre et taille du texte (séparation vitrine/application,
+ * 2026-10-13) : un réglage réel, appliqué immédiatement, pas de données
+ * inventées.
+ */
+class ParametresController extends Controller
+{
+    public function show(): View
+    {
+        $compte = $this->compteConnecte();
+
+        return view('parametres', [
+            'theme' => $compte->preferenceTheme(),
+            'tailleTexte' => $compte->preferenceTailleTexte(),
+        ]);
+    }
+
+    public function update(Request $request): RedirectResponse
+    {
+        $donnees = $request->validate([
+            'theme' => ['required', 'in:'.implode(',', User::THEMES)],
+            'taille_texte' => ['required', 'in:'.implode(',', User::TAILLES_TEXTE)],
+        ]);
+
+        $this->compteConnecte()->definirPreferences($donnees['theme'], $donnees['taille_texte']);
+
+        return back()->with('parametres_enregistres', true);
+    }
+
+    private function compteConnecte(): User|Eleve
+    {
+        return Auth::guard('web')->user() ?? Auth::guard('eleve')->user();
+    }
+}
diff --git a/portail/app/Http/Controllers/ProfilController.php b/portail/app/Http/Controllers/ProfilController.php
new file mode 100644
index 0000000..11c16c7
--- /dev/null
+++ b/portail/app/Http/Controllers/ProfilController.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * « Mon profil » du menu avatar (séparation vitrine/application,
+ * 2026-10-13) : une seule page, pour un prof ou un élève connecté.
+ */
+class ProfilController extends Controller
+{
+    public function show(): View
+    {
+        if ($prof = Auth::guard('web')->user()) {
+            return view('profil', [
+                'role' => 'prof',
+                'nom' => $prof->name,
+                'email' => $prof->email,
+                'etablissement' => $prof->etablissement,
+                'classes' => $prof->classes()->whereNull('archivee_a')->orderBy('nom')->get(),
+            ]);
+        }
+
+        $eleve = Auth::guard('eleve')->user()->load('classe.etablissement');
+
+        return view('profil', [
+            'role' => 'eleve',
+            'nom' => $eleve->nomAffiche(),
+            'identifiant' => $eleve->identifiant,
+            'etablissement' => $eleve->classe->etablissement,
+            'classes' => collect([$eleve->classe]),
+        ]);
+    }
+}
diff --git a/portail/app/Http/Controllers/RaccourciController.php b/portail/app/Http/Controllers/RaccourciController.php
new file mode 100644
index 0000000..cd36b18
--- /dev/null
+++ b/portail/app/Http/Controllers/RaccourciController.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Eleve;
+use App\Models\Raccourci;
+use App\Models\User;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * « Mes raccourcis » dans la barre latérale (séparation vitrine/application,
+ * 2026-10-13) : le prof ou l'élève épingle une page qu'il visite déjà.
+ */
+class RaccourciController extends Controller
+{
+    public function store(Request $request): RedirectResponse
+    {
+        $donnees = $request->validate([
+            'label' => ['required', 'string', 'max:80'],
+            'url' => ['required', 'string', 'max:500'],
+        ]);
+
+        $compte = Auth::guard('web')->user() ?? Auth::guard('eleve')->user();
+        $ordre = Raccourci::when($compte instanceof User, fn ($q) => $q->where('user_id', $compte->id))
+            ->when($compte instanceof Eleve, fn ($q) => $q->where('eleve_id', $compte->id))
+            ->max('ordre');
+
+        Raccourci::create([
+            'user_id' => $compte instanceof User ? $compte->id : null,
+            'eleve_id' => $compte instanceof Eleve ? $compte->id : null,
+            'label' => $donnees['label'],
+            'url' => $donnees['url'],
+            'ordre' => ($ordre ?? 0) + 1,
+        ]);
+
+        return back()->with('raccourci_ajoute', true);
+    }
+
+    public function destroy(Raccourci $raccourci): RedirectResponse
+    {
+        $compte = Auth::guard('web')->user() ?? Auth::guard('eleve')->user();
+        $proprietaire = $compte instanceof User ? $raccourci->user_id === $compte->id : $raccourci->eleve_id === $compte->id;
+        abort_unless($proprietaire, 403);
+
+        $raccourci->delete();
+
+        return back();
+    }
+}
diff --git a/portail/app/Http/Controllers/ResultatsController.php b/portail/app/Http/Controllers/ResultatsController.php
new file mode 100644
index 0000000..9028b16
--- /dev/null
+++ b/portail/app/Http/Controllers/ResultatsController.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Classe;
+use App\Models\Correction;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * « Résultats » (séparation vitrine/application, 2026-10-13) : vue
+ * d'ensemble, par classe, des corrections et des observations. Le détail
+ * séance par séance reste dans le cockpit de chaque classe.
+ */
+class ResultatsController extends Controller
+{
+    public function show(): View
+    {
+        $prof = Auth::guard('web')->user();
+        $classes = $prof->classes()->whereNull('archivee_a')->orderBy('nom')->get();
+
+        $resultats = $classes->map(function (Classe $classe) {
+            $corrections = Correction::whereHas('labSession', fn ($q) => $q->whereIn('seance_id', $classe->seances()->select('id')))
+                ->latest()
+                ->limit(50)
+                ->get();
+
+            return [
+                'classe' => $classe,
+                'nombreCorrections' => $corrections->count(),
+                'reussiteMoyenne' => $corrections->isNotEmpty()
+                    ? (int) round($corrections->avg(fn ($c) => $c->note_max > 0 ? $c->note / $c->note_max * 100 : 0))
+                    : null,
+                'observations' => $classe->observations()->with('eleve')->limit(5)->get(),
+            ];
+        });
+
+        return view('resultats', ['resultats' => $resultats]);
+    }
+}
diff --git a/portail/app/Http/Controllers/SeancesEnDirectController.php b/portail/app/Http/Controllers/SeancesEnDirectController.php
new file mode 100644
index 0000000..6d6c60d
--- /dev/null
+++ b/portail/app/Http/Controllers/SeancesEnDirectController.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Seance;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+/**
+ * Vue transverse de toutes les classes du prof (séparation vitrine/
+ * application, 2026-10-13) : avant, il fallait ouvrir chaque classe pour
+ * savoir où une séance était en cours.
+ */
+class SeancesEnDirectController extends Controller
+{
+    public function show(): View
+    {
+        $prof = Auth::guard('web')->user();
+        $classeIds = $prof->classes()->whereNull('archivee_a')->pluck('id');
+
+        $seances = Seance::whereIn('classe_id', $classeIds)
+            ->whereIn('statut', [Seance::SALLE_ATTENTE, Seance::EN_COURS])
+            ->with(['classe', 'lab'])
+            ->get();
+
+        return view('seances-en-direct', ['seances' => $seances]);
+    }
+}
diff --git a/portail/app/Http/Controllers/SignalementController.php b/portail/app/Http/Controllers/SignalementController.php
new file mode 100644
index 0000000..77b44cb
--- /dev/null
+++ b/portail/app/Http/Controllers/SignalementController.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Eleve;
+use App\Models\Signalement;
+use App\Models\User;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+/**
+ * « Signaler un problème » du menu avatar (séparation vitrine/application,
+ * 2026-10-13) : juste enregistré, relu par Adam — pas de traitement
+ * automatique, pas de ticket inventé.
+ */
+class SignalementController extends Controller
+{
+    public function store(Request $request): RedirectResponse
+    {
+        $donnees = $request->validate([
+            'message' => ['required', 'string', 'max:2000'],
+            'page_url' => ['nullable', 'string', 'max:500'],
+        ]);
+
+        $compte = Auth::guard('web')->user() ?? Auth::guard('eleve')->user();
+
+        Signalement::create([
+            'user_id' => $compte instanceof User ? $compte->id : null,
+            'eleve_id' => $compte instanceof Eleve ? $compte->id : null,
+            'page_url' => $donnees['page_url'] ?? null,
+            'message' => $donnees['message'],
+        ]);
+
+        return back()->with('signalement_envoye', true);
+    }
+}
diff --git a/portail/app/Http/Middleware/MetAJourActivite.php b/portail/app/Http/Middleware/MetAJourActivite.php
new file mode 100644
index 0000000..d7ec258
--- /dev/null
+++ b/portail/app/Http/Middleware/MetAJourActivite.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Symfony\Component\HttpFoundation\Response;
+
+/**
+ * « Qui est connecté » dans Ma classe (séparation vitrine/application,
+ * 2026-10-13) : une seule écriture par minute, pas à chaque requête.
+ */
+class MetAJourActivite
+{
+    public function handle(Request $request, Closure $next): Response
+    {
+        $eleve = Auth::guard('eleve')->user();
+
+        if ($eleve !== null && (! $eleve->derniere_activite_a || $eleve->derniere_activite_a->lt(now()->subMinute()))) {
+            $eleve->forceFill(['derniere_activite_a' => now()])->save();
+        }
+
+        return $next($request);
+    }
+}
diff --git a/portail/app/Models/Annonce.php b/portail/app/Models/Annonce.php
new file mode 100644
index 0000000..cfd72d8
--- /dev/null
+++ b/portail/app/Models/Annonce.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Annonce extends Model
+{
+    protected $fillable = ['classe_id', 'user_id', 'titre', 'contenu'];
+
+    /** @return BelongsTo<Classe, $this> */
+    public function classe(): BelongsTo
+    {
+        return $this->belongsTo(Classe::class);
+    }
+
+    /** @return BelongsTo<User, $this> */
+    public function auteur(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'user_id');
+    }
+}
diff --git a/portail/app/Models/Classe.php b/portail/app/Models/Classe.php
index f367d11..f594419 100644
--- a/portail/app/Models/Classe.php
+++ b/portail/app/Models/Classe.php
@@ -15,10 +15,11 @@ class Classe extends Model
     /** @use HasFactory<ClasseFactory> */
     use HasFactory;
 
-    protected $fillable = ['etablissement_id', 'user_id', 'nom', 'formation', 'code_classe'];
+    protected $fillable = ['etablissement_id', 'user_id', 'nom', 'formation', 'code_classe', 'chat_actif'];
 
     protected $casts = [
         'archivee_a' => 'datetime',
+        'chat_actif' => 'boolean',
     ];
 
     protected static function booted(): void
@@ -79,6 +80,24 @@ class Classe extends Model
         return $this->hasMany(Devoir::class)->latest('echeance');
     }
 
+    /** @return HasMany<Annonce, $this> */
+    public function annonces(): HasMany
+    {
+        return $this->hasMany(Annonce::class)->latest();
+    }
+
+    /** @return HasMany<Observation, $this> */
+    public function observations(): HasMany
+    {
+        return $this->hasMany(Observation::class)->latest();
+    }
+
+    /** @return HasMany<FilConversation, $this> */
+    public function filsConversation(): HasMany
+    {
+        return $this->hasMany(FilConversation::class);
+    }
+
     public function estArchivee(): bool
     {
         return $this->archivee_a !== null;
diff --git a/portail/app/Models/Concerns/GerePreferences.php b/portail/app/Models/Concerns/GerePreferences.php
new file mode 100644
index 0000000..ab64f0a
--- /dev/null
+++ b/portail/app/Models/Concerns/GerePreferences.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Models\Concerns;
+
+/**
+ * Thème (clair/sombre/système) et taille du texte, pour le menu
+ * Paramètres de la barre du haut — partagé entre User et Eleve.
+ */
+trait GerePreferences
+{
+    public const THEMES = ['clair', 'sombre', 'systeme'];
+
+    public const TAILLES_TEXTE = ['normal', 'grand'];
+
+    public function preferenceTheme(): string
+    {
+        return $this->preferences['theme'] ?? 'systeme';
+    }
+
+    public function preferenceTailleTexte(): string
+    {
+        return $this->preferences['taille_texte'] ?? 'normal';
+    }
+
+    public function definirPreferences(string $theme, string $tailleTexte): void
+    {
+        $this->forceFill(['preferences' => ['theme' => $theme, 'taille_texte' => $tailleTexte]])->save();
+    }
+}
diff --git a/portail/app/Models/Cours.php b/portail/app/Models/Cours.php
new file mode 100644
index 0000000..91c965a
--- /dev/null
+++ b/portail/app/Models/Cours.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * Cours.md de paillasse-contenus/ (cours:synchroniser), lié au lab de même
+ * identifiant. « Mes cours » ne montre que les séquences qui en ont un.
+ */
+class Cours extends Model
+{
+    protected $fillable = ['identifiant', 'titre', 'contenu_markdown'];
+}
diff --git a/portail/app/Models/Eleve.php b/portail/app/Models/Eleve.php
index 2e80f9d..600d1c5 100644
--- a/portail/app/Models/Eleve.php
+++ b/portail/app/Models/Eleve.php
@@ -2,6 +2,7 @@
 
 namespace App\Models;
 
+use App\Models\Concerns\GerePreferences;
 use App\Models\Concerns\GereSessionUnique;
 use Database\Factories\EleveFactory;
 use Illuminate\Auth\Authenticatable;
@@ -10,11 +11,12 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\Relations\HasOne;
 
 class Eleve extends Model implements AuthenticatableContract
 {
     /** @use HasFactory<EleveFactory> */
-    use Authenticatable, GereSessionUnique, HasFactory;
+    use Authenticatable, GerePreferences, GereSessionUnique, HasFactory;
 
     protected $fillable = ['classe_id', 'prenom', 'nom', 'identifiant', 'code_secret', 'jeton_qr'];
 
@@ -22,8 +24,19 @@ class Eleve extends Model implements AuthenticatableContract
 
     protected $casts = [
         'derniere_connexion_a' => 'datetime',
+        'derniere_activite_a' => 'datetime',
+        'preferences' => 'array',
     ];
 
+    /**
+     * En ligne : une requête authentifiée dans les 3 dernières minutes
+     * (middleware MetAJourActivite) — pas une vraie présence temps réel.
+     */
+    public function estEnLigne(): bool
+    {
+        return $this->derniere_activite_a !== null && $this->derniere_activite_a->gt(now()->subMinutes(3));
+    }
+
     public function getAuthPasswordName(): string
     {
         return 'code_secret';
@@ -41,6 +54,18 @@ class Eleve extends Model implements AuthenticatableContract
         return $this->hasMany(LabSession::class);
     }
 
+    /** @return HasMany<Raccourci, $this> */
+    public function raccourcis(): HasMany
+    {
+        return $this->hasMany(Raccourci::class)->orderBy('ordre');
+    }
+
+    /** @return HasOne<FilConversation, $this> */
+    public function filConversation(): HasOne
+    {
+        return $this->hasOne(FilConversation::class);
+    }
+
     public function nomAffiche(): string
     {
         return $this->nom
diff --git a/portail/app/Models/Etablissement.php b/portail/app/Models/Etablissement.php
index 87eb90b..f8be61e 100644
--- a/portail/app/Models/Etablissement.php
+++ b/portail/app/Models/Etablissement.php
@@ -12,7 +12,7 @@ class Etablissement extends Model
     /** @use HasFactory<EtablissementFactory> */
     use HasFactory;
 
-    protected $fillable = ['nom', 'ville', 'uai'];
+    protected $fillable = ['nom', 'ville', 'uai', 'url_ent'];
 
     /** @return HasMany<User, $this> */
     public function profs(): HasMany
diff --git a/portail/app/Models/FilConversation.php b/portail/app/Models/FilConversation.php
new file mode 100644
index 0000000..7dcd9ab
--- /dev/null
+++ b/portail/app/Models/FilConversation.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+/**
+ * Chat Messenger élève ↔ prof de sa classe (règles d'Adam, 2026-10-13) :
+ * un seul fil par élève, jamais de message privé entre élèves.
+ */
+class FilConversation extends Model
+{
+    protected $table = 'fils_conversation';
+
+    protected $fillable = ['classe_id', 'eleve_id', 'lu_par_prof_a', 'lu_par_eleve_a'];
+
+    protected $casts = [
+        'lu_par_prof_a' => 'datetime',
+        'lu_par_eleve_a' => 'datetime',
+    ];
+
+    /** @return BelongsTo<Classe, $this> */
+    public function classe(): BelongsTo
+    {
+        return $this->belongsTo(Classe::class);
+    }
+
+    /** @return BelongsTo<Eleve, $this> */
+    public function eleve(): BelongsTo
+    {
+        return $this->belongsTo(Eleve::class);
+    }
+
+    /** @return HasMany<MessageChat, $this> */
+    public function messages(): HasMany
+    {
+        return $this->hasMany(MessageChat::class)->orderBy('created_at');
+    }
+
+    public function nonLusPourProf(): int
+    {
+        return $this->messages()
+            ->where('expediteur', MessageChat::ELEVE)
+            ->when($this->lu_par_prof_a, fn ($q) => $q->where('created_at', '>', $this->lu_par_prof_a))
+            ->count();
+    }
+
+    public function nonLusPourEleve(): int
+    {
+        return $this->messages()
+            ->where('expediteur', MessageChat::PROF)
+            ->when($this->lu_par_eleve_a, fn ($q) => $q->where('created_at', '>', $this->lu_par_eleve_a))
+            ->count();
+    }
+}
diff --git a/portail/app/Models/Lab.php b/portail/app/Models/Lab.php
index f8578c2..3d5012d 100644
--- a/portail/app/Models/Lab.php
+++ b/portail/app/Models/Lab.php
@@ -7,12 +7,19 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\HasMany;
 
+/**
+ * @property-read array<int, string> $competences
+ */
 class Lab extends Model
 {
     /** @use HasFactory<LabFactory> */
     use HasFactory;
 
-    protected $fillable = ['identifiant', 'titre', 'niveau', 'duree_min'];
+    protected $fillable = ['identifiant', 'titre', 'niveau', 'duree_min', 'competences'];
+
+    protected $casts = [
+        'competences' => 'array',
+    ];
 
     /** @return HasMany<Seance, $this> */
     public function seances(): HasMany
diff --git a/portail/app/Models/MessageChat.php b/portail/app/Models/MessageChat.php
new file mode 100644
index 0000000..c0f07a4
--- /dev/null
+++ b/portail/app/Models/MessageChat.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class MessageChat extends Model
+{
+    public const PROF = 'prof';
+
+    public const ELEVE = 'eleve';
+
+    protected $table = 'messages_chat';
+
+    protected $fillable = ['fil_conversation_id', 'expediteur', 'contenu'];
+
+    /** @return BelongsTo<FilConversation, $this> */
+    public function fil(): BelongsTo
+    {
+        return $this->belongsTo(FilConversation::class, 'fil_conversation_id');
+    }
+}
diff --git a/portail/app/Models/Observation.php b/portail/app/Models/Observation.php
new file mode 100644
index 0000000..d066f88
--- /dev/null
+++ b/portail/app/Models/Observation.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+/**
+ * Note rapide du prof sur un élève, pour le conseil de classe (chantier
+ * « vrai cockpit », visible dans « Résultats »). Jamais montrée à l'élève
+ * ni à ses camarades.
+ */
+class Observation extends Model
+{
+    protected $fillable = ['classe_id', 'eleve_id', 'user_id', 'contenu'];
+
+    /** @return BelongsTo<Classe, $this> */
+    public function classe(): BelongsTo
+    {
+        return $this->belongsTo(Classe::class);
+    }
+
+    /** @return BelongsTo<Eleve, $this> */
+    public function eleve(): BelongsTo
+    {
+        return $this->belongsTo(Eleve::class);
+    }
+
+    /** @return BelongsTo<User, $this> */
+    public function auteur(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'user_id');
+    }
+}
diff --git a/portail/app/Models/Raccourci.php b/portail/app/Models/Raccourci.php
new file mode 100644
index 0000000..98f67d0
--- /dev/null
+++ b/portail/app/Models/Raccourci.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Raccourci extends Model
+{
+    protected $fillable = ['user_id', 'eleve_id', 'label', 'url', 'ordre'];
+
+    /** @return BelongsTo<User, $this> */
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    /** @return BelongsTo<Eleve, $this> */
+    public function eleve(): BelongsTo
+    {
+        return $this->belongsTo(Eleve::class);
+    }
+}
diff --git a/portail/app/Models/Signalement.php b/portail/app/Models/Signalement.php
new file mode 100644
index 0000000..ebeb99e
--- /dev/null
+++ b/portail/app/Models/Signalement.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Signalement extends Model
+{
+    protected $fillable = ['user_id', 'eleve_id', 'page_url', 'message'];
+
+    /** @return BelongsTo<User, $this> */
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    /** @return BelongsTo<Eleve, $this> */
+    public function eleve(): BelongsTo
+    {
+        return $this->belongsTo(Eleve::class);
+    }
+}
diff --git a/portail/app/Models/User.php b/portail/app/Models/User.php
index 722474f..81e6b2e 100644
--- a/portail/app/Models/User.php
+++ b/portail/app/Models/User.php
@@ -3,6 +3,7 @@
 namespace App\Models;
 
 // use Illuminate\Contracts\Auth\MustVerifyEmail;
+use App\Models\Concerns\GerePreferences;
 use App\Models\Concerns\GereSessionUnique;
 use Database\Factories\UserFactory;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
@@ -18,7 +19,7 @@ use Illuminate\Notifications\Notifiable;
 class User extends Authenticatable
 {
     /** @use HasFactory<UserFactory> */
-    use GereSessionUnique, HasFactory, Notifiable;
+    use GerePreferences, GereSessionUnique, HasFactory, Notifiable;
 
     /**
      * Get the attributes that should be cast.
@@ -30,6 +31,7 @@ class User extends Authenticatable
         return [
             'email_verified_at' => 'datetime',
             'password' => 'hashed',
+            'preferences' => 'array',
         ];
     }
 
@@ -44,4 +46,10 @@ class User extends Authenticatable
     {
         return $this->hasMany(Classe::class);
     }
+
+    /** @return HasMany<Raccourci, $this> */
+    public function raccourcis(): HasMany
+    {
+        return $this->hasMany(Raccourci::class)->orderBy('ordre');
+    }
 }
diff --git a/portail/app/Providers/AppServiceProvider.php b/portail/app/Providers/AppServiceProvider.php
index 452e6b6..96f7baa 100644
--- a/portail/app/Providers/AppServiceProvider.php
+++ b/portail/app/Providers/AppServiceProvider.php
@@ -2,6 +2,11 @@
 
 namespace App\Providers;
 
+use App\Models\Eleve;
+use App\Models\User;
+use App\Services\CompteurDevoirsEnAttente;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\View;
 use Illuminate\Support\ServiceProvider;
 
 class AppServiceProvider extends ServiceProvider
@@ -19,6 +24,20 @@ class AppServiceProvider extends ServiceProvider
      */
     public function boot(): void
     {
-        //
+        // Coquille de l'application (layouts/app) : variables communes à
+        // la barre du haut et à la barre latérale, pour qu'aucun contrôleur
+        // n'ait à les repasser (séparation vitrine/application, 2026-10-13).
+        View::composer('layouts.app', function ($vue): void {
+            $prof = Auth::guard('web')->user();
+            $compte = $prof ?? Auth::guard('eleve')->user();
+
+            $vue->with([
+                'compte' => $compte,
+                'estProf' => $compte instanceof User,
+                'nomAffiche' => $compte instanceof Eleve ? $compte->nomAffiche() : $compte->name,
+                'raccourcis' => $compte->raccourcis,
+                'badgeMesDevoirs' => $compte instanceof Eleve ? CompteurDevoirsEnAttente::pour($compte) : 0,
+            ]);
+        });
     }
 }
diff --git a/portail/app/Services/CompteurDevoirsEnAttente.php b/portail/app/Services/CompteurDevoirsEnAttente.php
new file mode 100644
index 0000000..d5b15d7
--- /dev/null
+++ b/portail/app/Services/CompteurDevoirsEnAttente.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Services;
+
+use App\Models\Eleve;
+use App\Models\Seance;
+use App\Models\SessionQuiz;
+
+/**
+ * Nombre affiché sur le badge « Mes devoirs » (barre latérale et onglet
+ * mobile) : devoirs non rendus avant échéance, séances ouvertes, quiz en
+ * cours — partagé entre MesDevoirsController et le composeur de la barre.
+ */
+class CompteurDevoirsEnAttente
+{
+    public static function pour(Eleve $eleve): int
+    {
+        $devoirsEnAttente = $eleve->classe->devoirs()
+            ->where('echeance', '>=', now())
+            ->whereDoesntHave('rendus', fn ($q) => $q->where('eleve_id', $eleve->id))
+            ->count();
+
+        $seancesOuvertes = $eleve->classe->seances()
+            ->whereIn('statut', [Seance::SALLE_ATTENTE, Seance::EN_COURS])
+            ->count();
+
+        $quizEnCours = SessionQuiz::whereHas('quiz', fn ($q) => $q->where('classe_id', $eleve->classe_id))
+            ->whereIn('statut', [SessionQuiz::EN_ATTENTE, SessionQuiz::EN_COURS])
+            ->exists();
+
+        return $devoirsEnAttente + $seancesOuvertes + ($quizEnCours ? 1 : 0);
+    }
+}
diff --git a/portail/app/Services/Labs/DefinitionLab.php b/portail/app/Services/Labs/DefinitionLab.php
index bb88588..a84b955 100644
--- a/portail/app/Services/Labs/DefinitionLab.php
+++ b/portail/app/Services/Labs/DefinitionLab.php
@@ -21,6 +21,9 @@ class DefinitionLab
 
     public readonly ?int $dureeMin;
 
+    /** @var array<int, string> */
+    public readonly array $competences;
+
     /** @var array<int, array{nom: string, cidr: string}> */
     public readonly array $reseaux;
 
@@ -71,6 +74,7 @@ class DefinitionLab
         $this->titre = $donnees['titre'];
         $this->niveau = $donnees['niveau'] ?? null;
         $this->dureeMin = $donnees['duree_min'] ?? null;
+        $this->competences = $donnees['competences'] ?? [];
         $this->reseaux = $donnees['reseaux'];
         $this->machines = array_map(
             fn (array $m) => [
diff --git a/portail/bootstrap/app.php b/portail/bootstrap/app.php
index 2fc66ac..d4d21bc 100644
--- a/portail/bootstrap/app.php
+++ b/portail/bootstrap/app.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Middleware\MetAJourActivite;
 use App\Http\Middleware\PolitiqueSecuriteContenu;
 use App\Http\Middleware\VerifieSessionUnique;
 use Illuminate\Foundation\Application;
@@ -16,6 +17,7 @@ return Application::configure(basePath: dirname(__DIR__))
     ->withMiddleware(function (Middleware $middleware): void {
         $middleware->alias([
             'session.unique' => VerifieSessionUnique::class,
+            'maj.activite' => MetAJourActivite::class,
         ]);
         $middleware->web(append: [PolitiqueSecuriteContenu::class]);
     })
diff --git a/portail/database/migrations/2026_10_14_090000_add_preferences_to_users_table.php b/portail/database/migrations/2026_10_14_090000_add_preferences_to_users_table.php
new file mode 100644
index 0000000..bacf2f1
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090000_add_preferences_to_users_table.php
@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Séparation vitrine/application (demande d'Adam, 2026-10-13) : thème
+ * clair/sombre et taille du texte, choisis dans le menu Paramètres.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->json('preferences')->nullable()->after('password');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('preferences');
+        });
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090001_add_preferences_and_activite_to_eleves_table.php b/portail/database/migrations/2026_10_14_090001_add_preferences_and_activite_to_eleves_table.php
new file mode 100644
index 0000000..990882a
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090001_add_preferences_and_activite_to_eleves_table.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Séparation vitrine/application (demande d'Adam, 2026-10-13). preferences :
+ * thème et taille du texte. derniere_activite_a : horodatage mis à jour à
+ * chaque requête authentifiée (middleware MetAJourActivite), utilisé pour
+ * savoir qui est connecté dans « Ma classe » — pas de présence en temps
+ * réel, une simple fenêtre de quelques minutes.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('eleves', function (Blueprint $table) {
+            $table->json('preferences')->nullable()->after('code_secret');
+            $table->timestamp('derniere_activite_a')->nullable()->after('derniere_connexion_a');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('eleves', function (Blueprint $table) {
+            $table->dropColumn(['preferences', 'derniere_activite_a']);
+        });
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090002_add_competences_to_labs_table.php b/portail/database/migrations/2026_10_14_090002_add_competences_to_labs_table.php
new file mode 100644
index 0000000..0e194be
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090002_add_competences_to_labs_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Compétences du lab.yaml (déjà écrites par Adam, jamais lues jusqu'ici) :
+ * utilisées pour grouper « Mes notes » par compétence plutôt que d'inventer
+ * un référentiel séparé.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('labs', function (Blueprint $table) {
+            $table->json('competences')->nullable()->after('niveau');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('labs', function (Blueprint $table) {
+            $table->dropColumn('competences');
+        });
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090003_create_annonces_table.php b/portail/database/migrations/2026_10_14_090003_create_annonces_table.php
new file mode 100644
index 0000000..bfc932e
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090003_create_annonces_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Annonces du prof à sa classe (onglet « Ma classe » de l'élève, séparation
+ * vitrine/application, 2026-10-13).
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('annonces', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('classe_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->string('titre');
+            $table->text('contenu');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('annonces');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090004_create_raccourcis_table.php b/portail/database/migrations/2026_10_14_090004_create_raccourcis_table.php
new file mode 100644
index 0000000..08bfeb6
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090004_create_raccourcis_table.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * « Mes raccourcis » dans la barre latérale (séparation vitrine/application,
+ * 2026-10-13) : pages épinglées par le prof ou l'élève. Exactement un des
+ * deux (user_id, eleve_id) est rempli, vérifié en application plutôt qu'en
+ * contrainte base, comme ailleurs dans ce projet.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('raccourcis', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->foreignId('eleve_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->string('label');
+            $table->string('url');
+            $table->unsignedSmallInteger('ordre')->default(0);
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('raccourcis');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090005_create_signalements_table.php b/portail/database/migrations/2026_10_14_090005_create_signalements_table.php
new file mode 100644
index 0000000..3fb0d37
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090005_create_signalements_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * « Signaler un problème » du menu avatar (séparation vitrine/application,
+ * 2026-10-13) : relu par Adam, pas de traitement automatique.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('signalements', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->foreignId('eleve_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->string('page_url')->nullable();
+            $table->text('message');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('signalements');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090006_create_observations_table.php b/portail/database/migrations/2026_10_14_090006_create_observations_table.php
new file mode 100644
index 0000000..a108b65
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090006_create_observations_table.php
@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Observations (notes rapides sur un élève pour le conseil de classe) :
+ * dernière fonction fictive du tableau de bord démo, chantier « vrai
+ * cockpit » — construite ici en même temps que « Résultats » dans la
+ * nouvelle barre latérale prof (2026-10-13).
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('observations', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('classe_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('eleve_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->text('contenu');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('observations');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090007_add_chat_actif_to_classes_table.php b/portail/database/migrations/2026_10_14_090007_add_chat_actif_to_classes_table.php
new file mode 100644
index 0000000..b4d5e4a
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090007_add_chat_actif_to_classes_table.php
@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Le prof peut couper le chat élève ↔ prof de sa classe (règle d'Adam,
+ * 2026-10-13, minimisation pour mineurs).
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('classes', function (Blueprint $table) {
+            $table->boolean('chat_actif')->default(true)->after('code_classe');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('classes', function (Blueprint $table) {
+            $table->dropColumn('chat_actif');
+        });
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090008_create_fils_conversation_table.php b/portail/database/migrations/2026_10_14_090008_create_fils_conversation_table.php
new file mode 100644
index 0000000..fbe790e
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090008_create_fils_conversation_table.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Chat Messenger élève ↔ prof de sa classe (règles d'Adam, 2026-10-13) :
+ * un seul fil par élève, jamais entre élèves. eleve_id unique : un élève
+ * n'a jamais qu'un seul prof (le sien, via classe_id).
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('fils_conversation', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('classe_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('eleve_id')->unique()->constrained()->cascadeOnDelete();
+            $table->timestamp('lu_par_prof_a')->nullable();
+            $table->timestamp('lu_par_eleve_a')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('fils_conversation');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090009_create_messages_chat_table.php b/portail/database/migrations/2026_10_14_090009_create_messages_chat_table.php
new file mode 100644
index 0000000..22f27b3
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090009_create_messages_chat_table.php
@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('messages_chat', function (Blueprint $table) {
+            $table->id();
+            // constrained() devinerait "fil_conversations" (pluriel anglais) :
+            // notre table s'appelle "fils_conversation".
+            $table->foreignId('fil_conversation_id')->constrained('fils_conversation')->cascadeOnDelete();
+            $table->string('expediteur')->comment('prof, eleve');
+            $table->text('contenu');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('messages_chat');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090010_create_cours_table.php b/portail/database/migrations/2026_10_14_090010_create_cours_table.php
new file mode 100644
index 0000000..d518c42
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090010_create_cours_table.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Catalogue des cours.md de paillasse-contenus/ (cours:synchroniser, même
+ * esprit que labs:synchroniser). Un seul lab (08-deux-lan-routeur) a un
+ * cours.md complet aujourd'hui : « Mes cours » n'affiche que du vrai
+ * contenu, pas de ligne vide pour les séquences qui n'en ont pas encore.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('cours', function (Blueprint $table) {
+            $table->id();
+            $table->string('identifiant')->unique()->comment('= identifiant du lab, ex: 08-deux-lan-routeur');
+            $table->string('titre');
+            $table->text('contenu_markdown');
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('cours');
+    }
+};
diff --git a/portail/database/migrations/2026_10_14_090011_add_url_ent_to_etablissements_table.php b/portail/database/migrations/2026_10_14_090011_add_url_ent_to_etablissements_table.php
new file mode 100644
index 0000000..1534271
--- /dev/null
+++ b/portail/database/migrations/2026_10_14_090011_add_url_ent_to_etablissements_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Lien vers l'ENT de l'établissement (CLAUDE.md : « pas de CPE ni de
+ * secrétariat pour l'instant, un lien vers l'ENT suffit »), affiché dans
+ * « Ma classe » quand il est connu. Nul par défaut : jamais inventé.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('etablissements', function (Blueprint $table) {
+            $table->string('url_ent')->nullable()->after('uai');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('etablissements', function (Blueprint $table) {
+            $table->dropColumn('url_ent');
+        });
+    }
+};
diff --git a/portail/public/css/app-shell.css b/portail/public/css/app-shell.css
new file mode 100644
index 0000000..5a11650
--- /dev/null
+++ b/portail/public/css/app-shell.css
@@ -0,0 +1,172 @@
+/* Syllabus — coquille de l'application (séparation vitrine/application, 2026-10-13). */
+:root {
+    --app-topbar-h: 56px;
+    --app-sidebar-w: 248px;
+    --app-tabbar-h: 58px;
+}
+
+html[data-taille="grand"] { font-size: 18px; }
+
+/* Thème sombre : explicite, ou "système" + préférence OS. */
+html[data-theme="sombre"] {
+    --sy-bg: #0f172a; --sy-surface: #17223a; --sy-line: #2a3b57; --sy-ink: #e8ecf3; --sy-muted: #9aa7bd;
+    --sy-blue: #5b8dff; --sy-blue-dark: #4876e0; --sy-navy: #c6d4f5;
+}
+@media (prefers-color-scheme: dark) {
+    html[data-theme="systeme"] {
+        --sy-bg: #0f172a; --sy-surface: #17223a; --sy-line: #2a3b57; --sy-ink: #e8ecf3; --sy-muted: #9aa7bd;
+        --sy-blue: #5b8dff; --sy-blue-dark: #4876e0; --sy-navy: #c6d4f5;
+    }
+}
+html[data-theme="sombre"] body, html[data-theme="sombre"] .app-topbar, html[data-theme="sombre"] .app-sidebar,
+html[data-theme="sombre"] .app-tabbar, html[data-theme="sombre"] .app-chat-fenetre { color-scheme: dark; }
+@media (prefers-color-scheme: dark) {
+    html[data-theme="systeme"] body, html[data-theme="systeme"] .app-topbar, html[data-theme="systeme"] .app-sidebar,
+    html[data-theme="systeme"] .app-tabbar, html[data-theme="systeme"] .app-chat-fenetre { color-scheme: dark; }
+}
+
+body.app-corps { background: var(--sy-bg); }
+
+.app-topbar {
+    position: sticky; top: 0; z-index: 50; height: var(--app-topbar-h);
+    display: flex; align-items: center; justify-content: space-between; gap: 12px;
+    padding: 0 16px; background: var(--sy-surface); border-bottom: 1px solid var(--sy-line);
+}
+.app-topbar__logo { display: flex; align-items: center; gap: 0; text-decoration: none; }
+.app-topbar__logo img { height: 28px; width: auto; display: block; }
+.app-topbar__logo span { font-family: Mulish, system-ui, sans-serif; font-weight: 800; font-size: 17px; color: var(--sy-ink); margin-left: -12px; }
+
+.app-topbar__avatar { position: relative; }
+.app-topbar__avatar-btn {
+    display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 10px 0 4px; border: 0; border-radius: 999px;
+    background: transparent; cursor: pointer; font-family: Mulish, system-ui, sans-serif; font-weight: 700; color: var(--sy-ink);
+}
+.app-topbar__avatar-btn:hover { background: var(--sy-bg); }
+.app-topbar__avatar-cercle {
+    width: 32px; height: 32px; border-radius: 999px; background: var(--sy-blue); color: #fff;
+    display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; flex: none;
+}
+.app-topbar__menu {
+    position: absolute; right: 0; top: calc(100% + 6px); min-width: 240px; background: var(--sy-surface);
+    border: 1px solid var(--sy-line); border-radius: 14px; box-shadow: 0 16px 32px -12px rgba(15,23,42,.28);
+    padding: 6px; display: grid; gap: 2px;
+}
+.app-topbar__menu a, .app-topbar__menu button {
+    display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; border: 0; background: none;
+    padding: 9px 10px; border-radius: 9px; font-family: Mulish, system-ui, sans-serif; font-weight: 600; font-size: 14px;
+    color: var(--sy-ink); cursor: pointer; text-decoration: none;
+}
+.app-topbar__menu a:hover, .app-topbar__menu button:hover { background: var(--sy-bg); }
+.app-topbar__menu hr { margin: 4px 2px; border: 0; border-top: 1px solid var(--sy-line); }
+
+.app-shell { display: flex; min-height: calc(100vh - var(--app-topbar-h)); }
+
+.app-sidebar {
+    width: var(--app-sidebar-w); flex: none; border-right: 1px solid var(--sy-line); background: var(--sy-surface);
+    padding: 16px 10px; position: sticky; top: var(--app-topbar-h); height: calc(100vh - var(--app-topbar-h)); overflow-y: auto;
+}
+.app-sidebar__nav { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
+.app-sidebar__nav a {
+    display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; text-decoration: none;
+    font-family: Mulish, system-ui, sans-serif; font-weight: 700; font-size: 15px; color: var(--sy-ink); position: relative;
+}
+.app-sidebar__nav a:hover { background: var(--sy-bg); }
+.app-sidebar__nav a[aria-current="page"] { background: #eef0fd; color: var(--sy-blue-dark); }
+html[data-theme="sombre"] .app-sidebar__nav a[aria-current="page"],
+html[data-theme="systeme"] .app-sidebar__nav a[aria-current="page"] { background: rgba(91,141,255,.16); }
+.app-sidebar__nav svg { flex: none; width: 22px; height: 22px; }
+.app-sidebar__badge {
+    margin-left: auto; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #c5221f; color: #fff;
+    font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center;
+}
+.app-sidebar__titre {
+    margin: 18px 0 6px; padding: 0 12px; font-family: Mulish, system-ui, sans-serif; font-size: 12px; font-weight: 800;
+    letter-spacing: .02em; color: var(--sy-muted); text-transform: uppercase;
+}
+.app-sidebar__epingler {
+    display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; width: 100%; border: 1px dashed var(--sy-line);
+    background: none; font-family: Mulish, system-ui, sans-serif; font-weight: 700; font-size: 13px; color: var(--sy-muted); cursor: pointer;
+}
+.app-sidebar__epingler:hover { color: var(--sy-blue); border-color: var(--sy-blue); }
+.app-sidebar__raccourci { display: flex; align-items: center; gap: 8px; }
+.app-sidebar__raccourci form { margin-left: auto; }
+.app-sidebar__raccourci button[type="submit"] { border: 0; background: none; cursor: pointer; color: var(--sy-muted); font-size: 16px; line-height: 1; padding: 2px 6px; }
+.app-sidebar__raccourci button[type="submit"]:hover { color: #c5221f; }
+
+.app-main { flex: 1; min-width: 0; }
+
+/* Chat Messenger */
+.app-chat-bulle {
+    position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 56px; height: 56px; border-radius: 999px; border: 0;
+    background: var(--sy-blue); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;
+    box-shadow: 0 10px 24px -8px rgba(15,23,42,.4);
+}
+.app-chat-bulle svg { width: 26px; height: 26px; }
+.app-chat-bulle__badge {
+    position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px;
+    background: #c5221f; color: #fff; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center;
+    border: 2px solid var(--sy-bg);
+}
+.app-chat-fenetre {
+    position: fixed; right: 20px; bottom: 88px; z-index: 60; width: 340px; height: 460px; border-radius: 16px;
+    background: var(--sy-surface); border: 1px solid var(--sy-line); box-shadow: 0 20px 48px -16px rgba(15,23,42,.35);
+    display: flex; flex-direction: column; overflow: hidden;
+}
+.app-chat-fenetre__entete {
+    display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--sy-line);
+    font-family: Mulish, system-ui, sans-serif; font-weight: 800; color: var(--sy-ink);
+}
+.app-chat-fenetre__entete button { border: 0; background: none; cursor: pointer; color: var(--sy-muted); padding: 4px; }
+.app-chat-fenetre__corps { flex: 1; overflow-y: auto; padding: 10px 12px; display: grid; gap: 8px; align-content: start; }
+.app-chat-fenetre__liste-fils { list-style: none; margin: 0; padding: 0; display: grid; }
+.app-chat-fenetre__liste-fils li button {
+    width: 100%; text-align: left; display: flex; align-items: center; gap: 8px; border: 0; background: none; cursor: pointer;
+    padding: 10px 6px; border-radius: 10px; font-family: Mulish, system-ui, sans-serif; font-weight: 700; color: var(--sy-ink);
+}
+.app-chat-fenetre__liste-fils li button:hover { background: var(--sy-bg); }
+.app-bulle-message { max-width: 80%; padding: 8px 12px; border-radius: 14px; font-family: Mulish, system-ui, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.35; }
+.app-bulle-message--eleve { justify-self: start; background: var(--sy-bg); color: var(--sy-ink); border: 1px solid var(--sy-line); }
+.app-bulle-message--prof { justify-self: end; background: var(--sy-blue); color: #fff; }
+.app-chat-fenetre__pied { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--sy-line); }
+.app-chat-fenetre__pied input {
+    flex: 1; border: 1px solid var(--sy-line); border-radius: 999px; padding: 8px 12px; font-family: inherit; background: var(--sy-bg); color: var(--sy-ink);
+}
+.app-chat-fenetre__pied button {
+    border: 0; background: var(--sy-blue); color: #fff; border-radius: 999px; padding: 0 16px; font-weight: 800; cursor: pointer;
+}
+.app-chat-fenetre__desactive { padding: 14px; text-align: center; color: var(--sy-muted); font-family: Mulish, system-ui, sans-serif; font-weight: 700; font-size: 13px; }
+
+/* Barre d'onglets mobile */
+.app-tabbar {
+    display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 55; height: var(--app-tabbar-h);
+    background: var(--sy-surface); border-top: 1px solid var(--sy-line);
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+}
+.app-tabbar__liste { display: flex; height: 100%; margin: 0; padding: 0; list-style: none; }
+.app-tabbar__liste a, .app-tabbar__liste button {
+    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
+    text-decoration: none; border: 0; background: none; cursor: pointer; font-family: Mulish, system-ui, sans-serif;
+    font-size: 11px; font-weight: 700; color: var(--sy-muted); position: relative;
+}
+.app-tabbar__liste a[aria-current="page"] { color: var(--sy-blue); }
+.app-tabbar__liste svg { width: 22px; height: 22px; }
+.app-feuille {
+    display: none; position: fixed; inset: 0; z-index: 65; background: var(--sy-surface);
+}
+.app-feuille__entete { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--sy-line); }
+.app-feuille__contenu { padding: 10px; overflow-y: auto; height: calc(100% - 56px); }
+.app-feuille__contenu a, .app-feuille__contenu button {
+    display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; border: 0; background: none;
+    padding: 14px 10px; font-family: Mulish, system-ui, sans-serif; font-weight: 700; font-size: 16px; color: var(--sy-ink);
+    text-decoration: none; cursor: pointer;
+}
+.app-feuille__contenu svg { width: 22px; height: 22px; flex: none; }
+
+@media (max-width: 860px) {
+    .app-sidebar { display: none; }
+    .app-tabbar { display: block; }
+    .app-shell { min-height: calc(100vh - var(--app-topbar-h) - var(--app-tabbar-h)); padding-bottom: var(--app-tabbar-h); }
+    .app-chat-bulle { display: none; }
+    .app-chat-fenetre.est-ouverte { right: 0; bottom: 0; left: 0; top: var(--app-topbar-h); width: auto; height: auto; border-radius: 0; }
+}
+@media (prefers-reduced-motion: reduce) { .app-chat-fenetre, .app-feuille { transition: none; } }
diff --git a/portail/resources/views/aide-app.blade.php b/portail/resources/views/aide-app.blade.php
new file mode 100644
index 0000000..1031327
--- /dev/null
+++ b/portail/resources/views/aide-app.blade.php
@@ -0,0 +1,35 @@
+@extends('layouts.app')
+
+@section('titre', 'Aide et assistance')
+
+@section('contenu')
+    <div class="mx-auto max-w-2xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Aide et assistance</h1>
+
+        <div class="mt-6 grid gap-5">
+            @if ($estProf)
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Créer une classe et ajouter des élèves</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Depuis « Mes classes », crée une classe puis ajoute des élèves un par un, en lot avec un fichier CSV, ou laisse-les rejoindre avec le code de la classe.</p>
+                </section>
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Lancer un lab</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ouvre une classe, planifie une séance et admets les élèves en salle d'attente : chacun reçoit sa machine virtuelle.</p>
+                </section>
+            @else
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Rejoindre une séance</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Quand ton prof ouvre une séance, elle apparaît dans « Emploi du temps » et dans « Mes devoirs ». Clique sur « Rejoindre la séance » pour obtenir ta machine virtuelle.</p>
+                </section>
+                <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    <h2 class="font-extrabold" style="color:var(--sy-ink)">Perdre son identifiant ou son code</h2>
+                    <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Ton prof peut te régénérer une fiche de connexion depuis sa page « Mes classes ».</p>
+                </section>
+            @endif
+            <section class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                <h2 class="font-extrabold" style="color:var(--sy-ink)">Autre chose ?</h2>
+                <p class="mt-2 font-semibold" style="color:var(--sy-muted)">Utilise « Signaler un problème » dans le menu du profil, en haut à droite.</p>
+            </section>
+        </div>
+    </div>
+@endsection
diff --git a/portail/resources/views/bibliotheque-app.blade.php b/portail/resources/views/bibliotheque-app.blade.php
new file mode 100644
index 0000000..1967fcf
--- /dev/null
+++ b/portail/resources/views/bibliotheque-app.blade.php
@@ -0,0 +1,42 @@
+@extends('layouts.app')
+
+@section('titre', 'Bibliothèque')
+
+@section('contenu')
+    <div class="mx-auto max-w-4xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Bibliothèque</h1>
+
+        <section class="mt-8">
+            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Labs</h2>
+            @if ($labs->isEmpty())
+                <p class="mt-3 font-semibold" style="color:var(--sy-muted)">Aucun lab dans le catalogue.</p>
+            @else
+                <ul class="mt-3 grid gap-3 sm:grid-cols-2">
+                    @foreach ($labs as $lab)
+                        <li class="rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                            <p class="font-bold" style="color:var(--sy-ink)">{{ $lab->titre }}</p>
+                            <p class="mt-1 font-mono text-xs font-semibold" style="color:var(--sy-muted)">{{ $lab->niveau }}@if($lab->duree_min) · {{ $lab->duree_min }} min @endif</p>
+                        </li>
+                    @endforeach
+                </ul>
+            @endif
+        </section>
+
+        <section class="mt-10">
+            <div class="flex items-center justify-between">
+                <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Quiz</h2>
+                <a href="{{ route('banque-quiz.index') }}" class="font-bold underline" style="color:var(--sy-blue)">Voir la banque complète →</a>
+            </div>
+            @foreach ($groupesQuiz as $theme => $quizzes)
+                <div class="mt-5">
+                    <p class="font-mono text-sm font-bold" style="color:var(--sy-muted)">{{ $theme !== '' ? $theme : 'Partagés par des profs' }}</p>
+                    <ul class="mt-2 grid gap-2">
+                        @foreach ($quizzes as $quiz)
+                            <li class="rounded-xl border p-3 font-semibold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">{{ $quiz->titre }}</li>
+                        @endforeach
+                    </ul>
+                </div>
+            @endforeach
+        </section>
+    </div>
+@endsection
diff --git a/portail/resources/views/cours-detail.blade.php b/portail/resources/views/cours-detail.blade.php
new file mode 100644
index 0000000..3dcc7fe
--- /dev/null
+++ b/portail/resources/views/cours-detail.blade.php
@@ -0,0 +1,21 @@
+@extends('layouts.app')
+
+@section('titre', $cours->titre)
+
+@push('head')
+<style>
+    .contenu-cours h1, .contenu-cours h2, .contenu-cours h3 { color: var(--sy-ink); font-weight: 800; margin: 1.4em 0 .5em; }
+    .contenu-cours p, .contenu-cours li { color: var(--sy-ink); font-weight: 500; line-height: 1.6; }
+    .contenu-cours code { font-family: ui-monospace, "IBM Plex Mono", monospace; background: var(--sy-bg); border-radius: 4px; padding: 0 4px; }
+    .contenu-cours pre { background: var(--sy-bg); border: 1px solid var(--sy-line); border-radius: 10px; padding: 12px; overflow-x: auto; }
+    .contenu-cours ul { list-style: disc; padding-left: 1.4em; }
+</style>
+@endpush
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <p class="font-mono text-sm font-semibold"><a href="{{ route('mes-cours') }}" class="underline" style="color:var(--sy-muted)">← Mes cours</a></p>
+        <h1 class="mt-2 text-3xl font-extrabold" style="color:var(--sy-ink)">{{ $cours->titre }}</h1>
+        <div class="contenu-cours mt-6">{!! $html !!}</div>
+    </div>
+@endsection
diff --git a/portail/resources/views/devoirs/eleve.blade.php b/portail/resources/views/devoirs/eleve.blade.php
index 256372d..0e9799d 100644
--- a/portail/resources/views/devoirs/eleve.blade.php
+++ b/portail/resources/views/devoirs/eleve.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', $devoir->titre)
 
diff --git a/portail/resources/views/devoirs/index.blade.php b/portail/resources/views/devoirs/index.blade.php
index 94943c0..e5a72af 100644
--- a/portail/resources/views/devoirs/index.blade.php
+++ b/portail/resources/views/devoirs/index.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Devoirs · '.$classe->nom)
 
diff --git a/portail/resources/views/devoirs/show.blade.php b/portail/resources/views/devoirs/show.blade.php
index 9d852f8..7bda435 100644
--- a/portail/resources/views/devoirs/show.blade.php
+++ b/portail/resources/views/devoirs/show.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', $devoir->titre)
 
diff --git a/portail/resources/views/eleve.blade.php b/portail/resources/views/eleve.blade.php
index 5477ba4..5352957 100644
--- a/portail/resources/views/eleve.blade.php
+++ b/portail/resources/views/eleve.blade.php
@@ -1,118 +1,32 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Espace élève')
 
 @section('contenu')
-    <section class="relative overflow-hidden border-b border-[#e3e5e8] bg-white">
-        <div aria-hidden="true" class="pointer-events-none absolute inset-0"></div>
-        <div class="relative mx-auto flex max-w-7xl flex-wrap items-end gap-6 px-5 pb-12 pt-12 lg:px-10">
-            <div class="flex-1">
-                <p class="font-mono text-sm font-semibold">Espace élève · {{ $eleve->identifiant }}</p>
-                <div class="min-w-0 flex-1"><p data-public="E" class="mb-2 inline-flex items-center gap-2 rounded-full border border-[#b8c1cf] bg-white px-3 py-1 text-sm font-bold text-[#0b5e3c]">Pour les élèves</p>
-<h1 class="mt-2 text-6xl font-extrabold leading-[1.05] tracking-tight sm:text-7xl">Salut {{ $eleve->prenom }}.</h1></div>
-                <p class="mt-4 text-xl font-semibold">{{ $eleve->classe->nom }}@if($eleve->classe->formation) · {{ $eleve->classe->formation }}@endif</p>
+    <div class="mx-auto max-w-4xl px-5 py-10">
+        <p class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">{{ $eleve->classe->nom }}</p>
+        <h1 class="mt-1 text-4xl font-extrabold tracking-tight" style="color:var(--sy-ink)">Salut {{ $eleve->prenom }}.</h1>
+
+        {{-- Chantier « vrai cockpit », étape 2 : Quiz flash, réel, pas de démo.
+             Caché par défaut ; rempli et affiché par le sondage ci-dessous. --}}
+        <section id="quiz-flash" hidden class="mt-8" aria-labelledby="t-quiz-flash">
+            <div class="rounded-2xl border p-6" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                <h2 id="t-quiz-flash" class="text-2xl font-extrabold" style="color:var(--sy-ink)">Quiz flash</h2>
+                <div data-quiz-contenu class="mt-4"></div>
             </div>
-            <a href="{{ route('labs.essai') }}" class="inline-flex items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-black px-6 py-4 text-lg font-extrabold text-white transition-transform hover:bg-[#ec3013].5.5 active:shadow-none">Reprendre mon TP <span class="font-mono" aria-hidden="true">→</span></a>
-        </div>
-    </section>
-    {{-- Chantier « vrai cockpit », étape 2 : Quiz flash, réel, pas de démo.
-         Caché par défaut ; rempli et affiché par le sondage ci-dessous. --}}
-    <section id="quiz-flash" hidden class="mx-auto max-w-7xl px-5 pt-10 lg:px-10" aria-labelledby="t-quiz-flash">
-        <div class="rounded-2xl border border-[#e3e5e8] bg-[#eef0fd] p-6">
-            <h2 id="t-quiz-flash" class="text-2xl font-extrabold">Quiz flash</h2>
-            <div data-quiz-contenu class="mt-4"></div>
-        </div>
-    </section>
-    @php($seancesOuvertes = $eleve->classe->seances()->whereIn('statut', [\App\Models\Seance::SALLE_ATTENTE, \App\Models\Seance::EN_COURS])->with('lab')->get())
-    @if ($seancesOuvertes->isNotEmpty())
-        <section class="mx-auto max-w-7xl px-5 pt-10 lg:px-10" aria-labelledby="t-seance-ouverte">
-            <h2 id="t-seance-ouverte" class="text-2xl font-extrabold">Séance en cours</h2>
-            <ul class="mt-4 grid gap-3">
-                @foreach ($seancesOuvertes as $seance)
-                    <li class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border border-[#e3e5e8] bg-[#e6f4ea] p-5">
-                        <span class="text-xl font-extrabold">{{ $seance->lab->titre }}</span>
-                        <form action="{{ route('seances.rejoindre', $seance) }}" method="post">
-                            @csrf
-                            <button type="submit" class="inline-flex h-11 items-center rounded-full bg-black px-5 font-bold text-white">Rejoindre la séance</button>
-                        </form>
-                        @if ($seance->visioOuverte())
-                            <a href="{{ route('seances.visio.eleve', $seance) }}" class="inline-flex h-11 items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Rejoindre la visio</a>
-                        @endif
-                    </li>
-                @endforeach
-            </ul>
         </section>
-    @endif
-    {{-- Chantier « vrai cockpit », étape 3 : Devoirs maison, réels. --}}
-    @php($devoirsClasse = $eleve->classe->devoirs()->with(['rendus' => fn ($q) => $q->where('eleve_id', $eleve->id)])->where('echeance', '>=', now()->subDays(7))->get())
-    @if ($devoirsClasse->isNotEmpty())
-        <section class="mx-auto max-w-7xl px-5 pt-10 lg:px-10" aria-labelledby="t-devoirs">
-            <h2 id="t-devoirs" class="text-2xl font-extrabold">Devoirs maison</h2>
-            <ul class="mt-4 grid gap-3">
-                @foreach ($devoirsClasse as $devoir)
-                    @php($monRendu = $devoir->rendus->first())
-                    <li>
-                        <a href="{{ route('devoirs.eleve.show', $devoir) }}" class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border border-[#e3e5e8] p-5 {{ $monRendu ? 'bg-[#e6f4ea]' : ($devoir->echeanceDepassee() ? 'bg-[#fce8e6]' : 'bg-[#fef7e0]') }}">
-                            <span class="text-xl font-extrabold">{{ $devoir->titre }}</span>
-                            <span class="font-mono text-sm font-semibold">
-                                @if ($monRendu) Rendu
-                                @elseif ($devoir->echeanceDepassee()) Non rendu, échéance dépassée
-                                @else À rendre avant le {{ $devoir->echeance->timezone(config('app.fuseau_utilisateurs'))->translatedFormat('d/m H:i') }}
-                                @endif
-                            </span>
-                        </a>
-                    </li>
-                @endforeach
-            </ul>
-        </section>
-    @endif
-    <div class="mx-auto grid max-w-7xl gap-12 px-5 py-14 lg:grid-cols-12 lg:px-10">
-        <section class="lg:col-span-7" aria-labelledby="t-afaire">
-            <h2 id="t-afaire" class="text-4xl font-extrabold tracking-tight">À faire</h2>
-            <ul class="mt-8 grid gap-6">
-                <li><a href="{{ route('ide') }}" class="relative flex flex-wrap items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-white p-5"><span class="absolute -right-3 -top-4 border border-[#dadce0] rounded-lg bg-[#ec3013] px-2 py-0.5 text-sm font-extrabold text-white">Devoir maison</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] px-2 font-mono text-sm font-semibold text-white">IDE</span><span class="flex-1"><span class="block text-xl font-extrabold">Défi Python : somme d’une liste</span><span class="block font-semibold">À rendre mer. 8 oct. · 18:00</span></span><span class="font-mono font-semibold">Rendre →</span></a></li>
-                <li><a href="{{ route('labs.essai') }}" class="relative flex flex-wrap items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] p-5 transition-transform">
-                    <span class="absolute -right-3 -top-4 border border-[#dadce0] rounded-lg bg-white px-2 py-0.5 text-sm font-extrabold">En cours</span>
-                    <span class="border border-[#dadce0] rounded-lg bg-white px-2 font-mono text-sm font-semibold">TP</span>
-                    <span class="flex-1"><span class="block text-xl font-extrabold">Routage inter-VLAN</span><span class="block font-semibold">Étape 3 sur 4 · VM prête</span></span>
-                    <span class="font-mono font-semibold">Continuer →</span></a></li>
-                <li><a href="{{ route('cours.show') }}#qcm" class="flex flex-wrap items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] p-5 transition-transform md:ml-8">
-                    <span class="border border-[#dadce0] rounded-lg bg-white px-2 font-mono text-sm font-semibold">QCM</span>
-                    <span class="flex-1"><span class="block text-xl font-extrabold">Adressage IPv4 · 2ᵉ essai</span><span class="block font-semibold">Pour vendredi · 5 questions</span></span>
-                    <span class="font-mono font-semibold">Commencer →</span></a></li>
-                <li><a href="{{ route('cours.show') }}#td" class="flex flex-wrap items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] p-5 transition-transform">
-                    <span class="border border-[#dadce0] rounded-lg bg-white px-2 font-mono text-sm font-semibold">TD</span>
-                    <span class="flex-1"><span class="block text-xl font-extrabold">Découpage en sous-réseaux</span><span class="block font-semibold">Assigné par Mme Roux · 3 exercices</span></span>
-                    <span class="font-mono font-semibold">Ouvrir →</span></a></li>
-                <li><a href="{{ route('examen') }}" class="flex flex-wrap items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-black p-5 text-white transition-transform md:ml-8">
-                    <span class="border-2 border-white bg-[#ec3013] px-2 font-mono text-sm font-semibold">EXAMEN</span>
-                    <span class="flex-1"><span class="block text-xl font-extrabold">E6 blanc SISR · Adressage et VLAN</span><span class="block font-semibold">Lundi 10:00 · 1 h</span></span>
-                    <span class="font-mono font-semibold">Voir →</span></a></li>
-            </ul>
-        </section>
-        <aside class="grid content-start gap-10 lg:col-span-5">
-            <section class="border border-[#e3e5e8] rounded-2xl bg-white p-6" aria-labelledby="t-prog">
-                <h2 id="t-prog" class="text-2xl font-extrabold">Ma progression</h2>
-                <ul class="mt-5 grid gap-4">
-                    <li><p class="flex justify-between font-bold"><span>Adressage IPv4</span><span class="font-mono">100 %</span></p><div class="mt-1 h-4 border border-[#dadce0] rounded-lg bg-white"><div class="h-full bg-[#e6f4ea] border-r border-[#e3e5e8]" style="width:100%"></div></div></li>
-                    <li><p class="flex justify-between font-bold"><span>VLAN et commutation</span><span class="font-mono">100 %</span></p><div class="mt-1 h-4 border border-[#dadce0] rounded-lg bg-white"><div class="h-full bg-[#e6f4ea] border-r border-[#e3e5e8]" style="width:100%"></div></div></li>
-                    <li><p class="flex justify-between font-bold"><span>Routage inter-VLAN</span><span class="font-mono">75 %</span></p><div class="mt-1 h-4 border border-[#dadce0] rounded-lg bg-white"><div class="h-full bg-[#fef7e0] border-r border-[#e3e5e8]" style="width:75%"></div></div></li>
-                    <li><p class="flex justify-between font-bold"><span>Serveur DHCP</span><span class="font-mono">25 %</span></p><div class="mt-1 h-4 border border-[#dadce0] rounded-lg bg-white"><div class="h-full bg-[#fef7e0] border-r border-[#e3e5e8]" style="width:25%"></div></div></li>
-                    <li><p class="flex justify-between font-bold"><span>Serveur DNS avec BIND 9</span><span class="font-mono">0 %</span></p><div class="mt-1 h-4 border border-[#dadce0] rounded-lg bg-white"><div class="h-full bg-white border-r border-[#e3e5e8]" style="width:0%"></div></div></li>
-                </ul>
-            </section>
-            <section class="border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] p-6" aria-labelledby="t-notes">
-                <h2 id="t-notes" class="text-2xl font-extrabold">Mes QCM</h2>
-                <ul class="mt-4 divide-y divide-[#e3e5e8] border border-[#dadce0] rounded-lg bg-white font-semibold">
-                    <li class="flex justify-between px-4 py-2"><span>VLAN et commutation</span><span class="font-mono">17/20</span></li>
-                    <li class="flex justify-between px-4 py-2"><span>Adressage IPv4</span><span class="font-mono">14/20</span></li>
-                    <li class="flex justify-between px-4 py-2"><span>Modèle OSI</span><span class="font-mono">18/20</span></li>
-                </ul>
-                <a href="{{ route('cours.index') }}" class="mt-5 inline-block border border-[#e3e5e8] rounded-2xl bg-white px-4 py-2 font-extrabold hover:bg-[#fef7e0]">Réviser dans les cours</a>
-                <a href="{{ route('maison') }}" class="mt-3 block font-extrabold underline underline-offset-4">Aller plus loin à la maison →</a>
-            </section>
-        </aside>
+
+        <ul class="mt-10 grid gap-4 sm:grid-cols-2">
+            <li><a href="{{ route('ma-classe') }}" class="block rounded-2xl border p-5 font-extrabold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">Ma classe</a></li>
+            <li><a href="{{ route('emploi-du-temps') }}" class="block rounded-2xl border p-5 font-extrabold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">Emploi du temps</a></li>
+            <li><a href="{{ route('mes-devoirs') }}" class="block rounded-2xl border p-5 font-extrabold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">Mes devoirs
+                @if ($badgeMesDevoirs) <span class="app-sidebar__badge">{{ $badgeMesDevoirs }}</span> @endif
+            </a></li>
+            <li><a href="{{ route('mes-cours') }}" class="block rounded-2xl border p-5 font-extrabold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">Mes cours</a></li>
+            <li><a href="{{ route('mes-notes') }}" class="block rounded-2xl border p-5 font-extrabold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">Mes notes</a></li>
+        </ul>
     </div>
+
     <script nonce="{{ Vite::cspNonce() }}">
     (function () {
         var URL_ETAT = @json(route('quiz.eleve.etat'));
diff --git a/portail/resources/views/emploi-du-temps.blade.php b/portail/resources/views/emploi-du-temps.blade.php
new file mode 100644
index 0000000..7a175de
--- /dev/null
+++ b/portail/resources/views/emploi-du-temps.blade.php
@@ -0,0 +1,26 @@
+@extends('layouts.app')
+
+@section('titre', 'Emploi du temps')
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Emploi du temps</h1>
+
+        @if ($evenements->isEmpty())
+            <p class="mt-6 font-semibold" style="color:var(--sy-muted)">Rien de prévu pour l'instant.</p>
+        @else
+            <ul class="mt-6 grid gap-3">
+                @foreach ($evenements as $evenement)
+                    <li class="flex flex-wrap items-center gap-4 rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                        <span class="rounded-lg border px-2 py-0.5 font-mono text-xs font-bold" style="border-color:var(--sy-line);color:var(--sy-ink)">
+                            {{ $evenement['type'] === 'seance' ? 'Séance' : 'Devoir' }}
+                        </span>
+                        <span class="flex-1 font-bold" style="color:var(--sy-ink)">{{ $evenement['titre'] }}</span>
+                        <span class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">{{ $evenement['classe'] }}</span>
+                        <span class="font-mono text-sm font-semibold" style="color:var(--sy-ink)">{{ $evenement['date']?->timezone(config('app.fuseau_utilisateurs'))->translatedFormat('d/m H:i') }}</span>
+                    </li>
+                @endforeach
+            </ul>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/layouts/app.blade.php b/portail/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..eef9db5
--- /dev/null
+++ b/portail/resources/views/layouts/app.blade.php
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+<html lang="fr" data-theme="{{ $compte->preferenceTheme() }}" data-taille="{{ $compte->preferenceTailleTexte() }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <title>@yield('titre') · Syllabus</title>
+    {{ Vite::fonts() }}
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+    <link rel="stylesheet" href="{{ asset('css/syllabus-theme.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/app-shell.css') }}">
+    @stack('head')
+</head>
+<body class="app-corps font-display antialiased">
+
+<header class="app-topbar">
+    <a href="{{ $estProf ? route('mes-classes.index') : route('eleve') }}" class="app-topbar__logo" aria-label="Syllabus, accueil">
+        <img src="{{ asset('images/logo-syllabus-icone.png') }}" alt="">
+        <span>Syllabus</span>
+    </a>
+    <div class="app-topbar__avatar">
+        <button type="button" id="app-avatar-bouton" aria-haspopup="true" aria-expanded="false" aria-controls="app-avatar-menu">
+            <span class="app-topbar__avatar-cercle" aria-hidden="true">{{ mb_substr($nomAffiche, 0, 1) }}</span>
+            <span class="hidden sm:inline">{{ $nomAffiche }}</span>
+        </button>
+        <div id="app-avatar-menu" class="app-topbar__menu" hidden role="menu">
+            <a href="{{ route('profil') }}" role="menuitem">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.5-6 8-6s8 2 8 6"/></svg>
+                Mon profil
+            </a>
+            <a href="{{ route('parametres') }}" role="menuitem">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="3"/><path d="M19.4 13a7.6 7.6 0 0 0 0-2l2-1.5-2-3.4-2.3.9a7.6 7.6 0 0 0-1.7-1l-.3-2.5h-4l-.3 2.5a7.6 7.6 0 0 0-1.7 1l-2.3-.9-2 3.4L6.6 11a7.6 7.6 0 0 0 0 2l-2 1.5 2 3.4 2.3-.9c.5.4 1.1.8 1.7 1l.3 2.5h4l.3-2.5c.6-.2 1.2-.6 1.7-1l2.3.9 2-3.4-2-1.5Z"/></svg>
+                Paramètres
+            </a>
+            <a href="{{ route('aide.app') }}" role="menuitem">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.8.4-1 .8-1 1.7v.5"/><path d="M12 17h.01"/></svg>
+                Aide et assistance
+            </a>
+            <button type="button" id="app-signaler-bouton" role="menuitem">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M5 3v18"/><path d="M5 4h11l-2.5 3.5L16 11H5"/></svg>
+                Signaler un problème
+            </button>
+            <hr>
+            <form action="{{ route('deconnexion') }}" method="post">@csrf
+                <button type="submit" role="menuitem">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5"/><path d="M21 12H9"/></svg>
+                    Se déconnecter
+                </button>
+            </form>
+        </div>
+    </div>
+</header>
+
+<div class="app-shell">
+    <nav class="app-sidebar" aria-label="Navigation de l'application">
+        <ul class="app-sidebar__nav">
+            @include('partials.nav-application')
+        </ul>
+        <p class="app-sidebar__titre">Mes raccourcis</p>
+        <ul class="app-sidebar__nav">
+            @foreach ($raccourcis as $raccourci)
+                <li class="app-sidebar__raccourci">
+                    <a href="{{ $raccourci->url }}">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 17v5"/><path d="M8 3h8l-1 6 2 2v2H7v-2l2-2-1-6Z"/></svg>
+                        {{ $raccourci->label }}
+                    </a>
+                    <form action="{{ route('raccourcis.destroy', $raccourci) }}" method="post" onsubmit="return confirm('Retirer ce raccourci ?')">
+                        @csrf
+                        <button type="submit" aria-label="Retirer ce raccourci">×</button>
+                    </form>
+                </li>
+            @endforeach
+        </ul>
+        <button type="button" id="app-epingler-bouton" class="app-sidebar__epingler">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" width="16" height="16"><path d="M12 5v14M5 12h14"/></svg>
+            Épingler cette page
+        </button>
+        <form action="{{ route('raccourcis.store') }}" method="post" id="app-epingler-form" hidden class="mt-2 grid gap-2 px-1">
+            @csrf
+            <input type="hidden" name="url" id="app-epingler-url">
+            <input type="text" name="label" id="app-epingler-label" required maxlength="80" class="rounded-lg border px-2 py-1 text-sm" style="border-color:var(--sy-line);background:var(--sy-bg);color:var(--sy-ink)">
+            <button type="submit" class="rounded-lg px-2 py-1 text-sm font-bold text-white" style="background:var(--sy-blue)">Épingler</button>
+        </form>
+    </nav>
+
+    <main class="app-main">
+        @yield('contenu')
+    </main>
+</div>
+
+<nav class="app-tabbar" aria-label="Navigation (mobile)">
+    <ul class="app-tabbar__liste">
+        @include('partials.nav-application', ['mobile' => true])
+        <li>
+            <button type="button" id="app-plus-bouton">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="5" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="19" cy="12" r="1.5"/></svg>
+                Plus
+            </button>
+        </li>
+    </ul>
+</nav>
+
+<div class="app-feuille" id="app-feuille-plus" role="dialog" aria-label="Plus">
+    <div class="app-feuille__entete">
+        <strong>Plus</strong>
+        <button type="button" id="app-feuille-fermer" aria-label="Fermer">✕</button>
+    </div>
+    <div class="app-feuille__contenu">
+        @include('partials.nav-application', ['mobilePlus' => true])
+        <hr style="border-color:var(--sy-line);margin:8px 0">
+        <a href="{{ route('profil') }}">Mon profil</a>
+        <a href="{{ route('parametres') }}">Paramètres</a>
+        <a href="{{ route('aide.app') }}">Aide et assistance</a>
+        <form action="{{ route('deconnexion') }}" method="post">@csrf<button type="submit">Se déconnecter</button></form>
+    </div>
+</div>
+
+<div class="app-chat-bulle" role="presentation">
+    <button type="button" id="app-chat-bouton" aria-label="Ouvrir le chat" aria-expanded="false">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z"/></svg>
+        <span class="app-chat-bulle__badge" id="app-chat-badge" hidden></span>
+    </button>
+</div>
+<div class="app-chat-fenetre" id="app-chat-fenetre" hidden></div>
+
+<div id="app-signaler-fenetre" hidden style="position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.4);display:flex;align-items:center;justify-content:center;padding:20px">
+    <form action="{{ route('signalements.store') }}" method="post" style="background:var(--sy-surface);border-radius:16px;padding:20px;max-width:420px;width:100%;display:grid;gap:10px">
+        @csrf
+        <input type="hidden" name="page_url" value="{{ request()->fullUrl() }}">
+        <p style="font-weight:800;color:var(--sy-ink)">Signaler un problème</p>
+        <textarea name="message" required maxlength="2000" rows="4" placeholder="Décris ce qui ne marche pas…" style="border:1px solid var(--sy-line);border-radius:10px;padding:10px;background:var(--sy-bg);color:var(--sy-ink)"></textarea>
+        <div style="display:flex;gap:8px;justify-content:flex-end">
+            <button type="button" id="app-signaler-annuler" style="border:0;background:none;font-weight:700;color:var(--sy-muted)">Annuler</button>
+            <button type="submit" style="border:0;border-radius:999px;background:var(--sy-blue);color:#fff;padding:8px 18px;font-weight:800">Envoyer</button>
+        </div>
+    </form>
+</div>
+
+<script nonce="{{ Vite::cspNonce() }}">
+(function () {
+    function basculer(bouton, panneau) {
+        var ouvert = !panneau.hidden;
+        panneau.hidden = ouvert;
+        bouton.setAttribute('aria-expanded', String(!ouvert));
+    }
+
+    var avatarBtn = document.getElementById('app-avatar-bouton');
+    var avatarMenu = document.getElementById('app-avatar-menu');
+    avatarBtn.addEventListener('click', function (e) { e.stopPropagation(); basculer(avatarBtn, avatarMenu); });
+    document.addEventListener('click', function (e) { if (!avatarMenu.hidden && !avatarMenu.contains(e.target) && e.target !== avatarBtn) avatarMenu.hidden = true; });
+
+    var plusBtn = document.getElementById('app-plus-bouton');
+    var feuille = document.getElementById('app-feuille-plus');
+    if (plusBtn) plusBtn.addEventListener('click', function () { feuille.style.display = 'block'; });
+    document.getElementById('app-feuille-fermer').addEventListener('click', function () { feuille.style.display = 'none'; });
+
+    var signalerBtn = document.getElementById('app-signaler-bouton');
+    var signalerFenetre = document.getElementById('app-signaler-fenetre');
+    signalerBtn.addEventListener('click', function () { avatarMenu.hidden = true; signalerFenetre.style.display = 'flex'; });
+    document.getElementById('app-signaler-annuler').addEventListener('click', function () { signalerFenetre.style.display = 'none'; });
+
+    var epinglerBtn = document.getElementById('app-epingler-bouton');
+    var epinglerForm = document.getElementById('app-epingler-form');
+    if (epinglerBtn) epinglerBtn.addEventListener('click', function () {
+        document.getElementById('app-epingler-url').value = window.location.pathname;
+        document.getElementById('app-epingler-label').value = document.title.replace(/ · Syllabus$/, '');
+        epinglerForm.hidden = false;
+        epinglerBtn.hidden = true;
+    });
+})();
+</script>
+<script nonce="{{ Vite::cspNonce() }}">
+(function () {
+    var ROLE = @json($estProf ? 'prof' : 'eleve');
+    var CSRF = @json(csrf_token());
+    var URLS = @if ($estProf)
+        { index: @json(route('chat.prof.index')), etat: @json(url('/chat')) + '/__ID__/etat', envoyer: @json(url('/chat')) + '/__ID__/envoyer' }
+    @else
+        { etat: @json(route('chat.eleve.etat')), envoyer: @json(route('chat.eleve.envoyer')) }
+    @endif;
+
+    var bulle = document.getElementById('app-chat-bouton');
+    var fenetre = document.getElementById('app-chat-fenetre');
+    var badge = document.getElementById('app-chat-badge');
+    var ouverte = false, filActuel = null, minuteur = null;
+
+    function echapper(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
+
+    function rendreMessages(corps, messages, actif) {
+        var html = '<div class="app-chat-fenetre__corps" id="app-chat-corps">';
+        if (messages.length === 0) html += '<p style="color:var(--sy-muted);font-size:13px;font-weight:600">Aucun message pour l’instant.</p>';
+        messages.forEach(function (m) {
+            html += '<p class="app-bulle-message app-bulle-message--' + m.expediteur + '">' + echapper(m.contenu) + '</p>';
+        });
+        html += '</div>';
+        if (actif) {
+            html += '<form class="app-chat-fenetre__pied" id="app-chat-form"><input type="text" name="contenu" maxlength="2000" placeholder="Écrire un message…" required><button type="submit">Envoyer</button></form>';
+        } else {
+            html += '<p class="app-chat-fenetre__desactive">Le chat est désactivé pour cette classe.</p>';
+        }
+        corps.innerHTML = html;
+        var zone = document.getElementById('app-chat-corps');
+        zone.scrollTop = zone.scrollHeight;
+        var form = document.getElementById('app-chat-form');
+        if (form) form.addEventListener('submit', function (e) {
+            e.preventDefault();
+            var champ = form.querySelector('input');
+            var texte = champ.value.trim();
+            if (!texte) return;
+            var url = ROLE === 'prof' ? URLS.envoyer.replace('__ID__', filActuel) : URLS.envoyer;
+            fetch(url, { method: 'POST', headers: { 'X-CSRF-TOKEN': CSRF, 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ contenu: texte }) })
+                .then(function () { champ.value = ''; sonderConversation(); }).catch(function () {});
+        });
+    }
+
+    function sonderConversation() {
+        var url = ROLE === 'prof' ? URLS.etat.replace('__ID__', filActuel) : URLS.etat + '?lu=1';
+        fetch(url, { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (d) {
+            rendreMessages(fenetre, d.messages, d.actif);
+        }).catch(function () {});
+    }
+
+    function rendreEntete(titre, retour) {
+        return '<div class="app-chat-fenetre__entete">' +
+            (retour ? '<button type="button" id="app-chat-retour" aria-label="Retour">←</button>' : '') +
+            '<span style="flex:1">' + echapper(titre) + '</span>' +
+            '<button type="button" id="app-chat-fermer" aria-label="Fermer">✕</button></div>';
+    }
+
+    function ouvrirConversation(id, titre) {
+        filActuel = id;
+        fenetre.innerHTML = rendreEntete(titre, ROLE === 'prof');
+        sonderConversation();
+        attacherFermeture();
+        if (ROLE === 'prof') document.getElementById('app-chat-retour').addEventListener('click', ouvrirInbox);
+    }
+
+    function ouvrirInbox() {
+        filActuel = null;
+        fenetre.innerHTML = rendreEntete('Messages', false) + '<ul class="app-chat-fenetre__liste-fils" id="app-chat-fils"></ul>';
+        attacherFermeture();
+        fetch(URLS.index, { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (d) {
+            var liste = document.getElementById('app-chat-fils');
+            if (!liste) return;
+            if (d.fils.length === 0) { liste.innerHTML = '<li style="padding:10px 6px;color:var(--sy-muted);font-size:13px">Aucune conversation pour l’instant.</li>'; return; }
+            liste.innerHTML = d.fils.map(function (f) {
+                return '<li><button type="button" data-fil="' + f.id + '" data-eleve="' + echapper(f.eleve) + '">' + echapper(f.eleve) + ' · ' + echapper(f.classe) +
+                    (f.non_lus ? ' <span class="app-sidebar__badge">' + f.non_lus + '</span>' : '') + '</button></li>';
+            }).join('');
+            liste.querySelectorAll('button[data-fil]').forEach(function (b) {
+                b.addEventListener('click', function () { ouvrirConversation(b.dataset.fil, b.dataset.eleve); });
+            });
+        }).catch(function () {});
+    }
+
+    function attacherFermeture() {
+        document.getElementById('app-chat-fermer').addEventListener('click', fermer);
+    }
+
+    function fermer() {
+        ouverte = false;
+        fenetre.hidden = true;
+        fenetre.classList.remove('est-ouverte');
+        bulle.setAttribute('aria-expanded', 'false');
+        if (minuteur) clearInterval(minuteur);
+    }
+
+    function ouvrir() {
+        ouverte = true;
+        fenetre.hidden = false;
+        fenetre.classList.add('est-ouverte');
+        bulle.setAttribute('aria-expanded', 'true');
+        if (ROLE === 'eleve') ouvrirConversation(null, 'Mon prof'); else ouvrirInbox();
+        minuteur = setInterval(function () { if (filActuel !== null || ROLE === 'eleve') sonderConversation(); }, 3000);
+    }
+
+    bulle.addEventListener('click', function () { ouverte ? fermer() : ouvrir(); });
+
+    function sonderBadge() {
+        if (ROLE === 'eleve') {
+            fetch(URLS.etat, { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (d) {
+                badge.hidden = !d.non_lus;
+                badge.textContent = d.non_lus;
+            }).catch(function () {});
+        } else {
+            fetch(URLS.index, { headers: { Accept: 'application/json' } }).then(function (r) { return r.json(); }).then(function (d) {
+                var total = d.fils.reduce(function (s, f) { return s + f.non_lus; }, 0);
+                badge.hidden = total === 0;
+                badge.textContent = total;
+            }).catch(function () {});
+        }
+    }
+    sonderBadge();
+    setInterval(function () { if (!ouverte) sonderBadge(); }, 15000);
+})();
+</script>
+@stack('scripts_bas')
+</body>
+</html>
diff --git a/portail/resources/views/ma-classe.blade.php b/portail/resources/views/ma-classe.blade.php
new file mode 100644
index 0000000..25a8e20
--- /dev/null
+++ b/portail/resources/views/ma-classe.blade.php
@@ -0,0 +1,53 @@
+@extends('layouts.app')
+
+@section('titre', 'Ma classe')
+
+@section('contenu')
+    <div class="mx-auto max-w-4xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">{{ $classe->nom }}</h1>
+        @if ($classe->etablissement)
+            <p class="mt-1 font-semibold" style="color:var(--sy-muted)">{{ $classe->etablissement->nom }}</p>
+        @endif
+
+        <section class="mt-8">
+            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Annonces</h2>
+            @if ($classe->annonces->isEmpty())
+                <p class="mt-3 font-semibold" style="color:var(--sy-muted)">Aucune annonce pour l'instant.</p>
+            @else
+                <ul class="mt-3 grid gap-3">
+                    @foreach ($classe->annonces as $annonce)
+                        <li class="rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                            <p class="font-extrabold" style="color:var(--sy-ink)">{{ $annonce->titre }}</p>
+                            <p class="mt-1 font-semibold" style="color:var(--sy-ink)">{{ $annonce->contenu }}</p>
+                            <p class="mt-2 font-mono text-xs font-semibold" style="color:var(--sy-muted)">{{ $annonce->auteur->name }} · {{ $annonce->created_at->translatedFormat('d/m à H:i') }}</p>
+                        </li>
+                    @endforeach
+                </ul>
+            @endif
+        </section>
+
+        <section class="mt-10">
+            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Camarades</h2>
+            <ul class="mt-3 grid gap-2 sm:grid-cols-2">
+                @foreach ($camarades as $camarade)
+                    <li class="flex items-center gap-3 rounded-xl border p-3" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                        <span style="width:8px;height:8px;border-radius:999px;background:{{ $camarade->estEnLigne() ? '#3C8A5A' : 'var(--sy-line)' }}" aria-hidden="true"></span>
+                        <span class="font-bold" style="color:var(--sy-ink)">{{ $camarade->nomAffiche() }}</span>
+                        @if ($camarade->id === $eleve->id)
+                            <span class="font-mono text-xs font-semibold" style="color:var(--sy-muted)">(toi)</span>
+                        @elseif ($camarade->estEnLigne())
+                            <span class="font-mono text-xs font-semibold" style="color:var(--sy-muted)">en ligne</span>
+                        @endif
+                    </li>
+                @endforeach
+            </ul>
+            <p class="mt-3 text-sm font-semibold" style="color:var(--sy-muted)">Pour écrire à ton prof, utilise le chat en bas à droite — pas de message entre camarades.</p>
+        </section>
+
+        @if ($classe->etablissement?->url_ent)
+            <p class="mt-10">
+                <a href="{{ $classe->etablissement->url_ent }}" class="font-bold underline" style="color:var(--sy-blue)">Accéder à l'ENT de l'établissement →</a>
+            </p>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/mes-classes/index.blade.php b/portail/resources/views/mes-classes/index.blade.php
index 5e4b69e..96ee022 100644
--- a/portail/resources/views/mes-classes/index.blade.php
+++ b/portail/resources/views/mes-classes/index.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Mes classes')
 
diff --git a/portail/resources/views/mes-classes/show.blade.php b/portail/resources/views/mes-classes/show.blade.php
index fe0642f..06043c9 100644
--- a/portail/resources/views/mes-classes/show.blade.php
+++ b/portail/resources/views/mes-classes/show.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', $classe->nom)
 
@@ -32,6 +32,9 @@
             <li><a href="#seance" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">{{ $classe->estArchivee() ? 'Classe archivée' : 'Séance' }}</a></li>
             <li><a href="{{ route('mes-classes.quiz.index', $classe) }}" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Quiz flash</a></li>
             <li><a href="{{ route('mes-classes.devoirs.index', $classe) }}" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Devoirs maison</a></li>
+            <li><a href="#annonces" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Annonces</a></li>
+            <li><a href="#observations" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Observations</a></li>
+            <li><a href="#chat" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Chat</a></li>
         </ul>
         @if ($seance)
             <div class="mt-6 rounded-lg border border-[#dadce0] bg-white p-3 text-sm font-semibold">
@@ -320,6 +323,76 @@
             @endif
         </section>
 
+        <section id="annonces" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-annonces">
+            <h2 id="t-annonces" class="text-2xl font-extrabold">Annonces</h2>
+            <p class="mt-2 font-semibold">Visibles par tes élèves dans « Ma classe ».</p>
+            <form action="{{ route('mes-classes.annonces.store', $classe) }}" method="post" class="mt-4 grid gap-3">
+                @csrf
+                <label class="grid gap-1 font-bold">Titre<input name="titre" required maxlength="150" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></label>
+                <label class="grid gap-1 font-bold">Message<textarea name="contenu" required maxlength="3000" rows="3" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></textarea></label>
+                <button type="submit" class="mt-1 inline-flex h-11 w-fit items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Publier</button>
+            </form>
+            @if ($classe->annonces->isNotEmpty())
+                <ul class="mt-6 grid gap-3">
+                    @foreach ($classe->annonces as $annonce)
+                        <li class="flex flex-wrap items-start justify-between gap-3 rounded-xl border border-[#e3e5e8] p-4">
+                            <div>
+                                <p class="font-extrabold">{{ $annonce->titre }}</p>
+                                <p class="mt-1 font-semibold">{{ $annonce->contenu }}</p>
+                                <p class="mt-2 font-mono text-xs text-[#5f6368]">{{ $annonce->created_at->translatedFormat('d/m à H:i') }}</p>
+                            </div>
+                            <form action="{{ route('mes-classes.annonces.destroy', [$classe, $annonce]) }}" method="post">
+                                @csrf
+                                <button type="submit" class="font-bold underline underline-offset-4">Retirer</button>
+                            </form>
+                        </li>
+                    @endforeach
+                </ul>
+            @endif
+        </section>
+
+        @if ($classe->eleves->isNotEmpty())
+            <section id="observations" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-observations">
+                <h2 id="t-observations" class="text-2xl font-extrabold">Observations</h2>
+                <p class="mt-2 font-semibold">Notes rapides pour le conseil de classe — jamais montrées à l'élève.</p>
+                <form action="{{ route('mes-classes.observations.store', $classe) }}" method="post" class="mt-4 grid gap-3">
+                    @csrf
+                    <label class="grid gap-1 font-bold">Élève<select name="eleve_id" required class="rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold">
+                        @foreach ($classe->eleves as $eleveOption)
+                            <option value="{{ $eleveOption->id }}">{{ $eleveOption->nomAffiche() }}</option>
+                        @endforeach
+                    </select></label>
+                    <label class="grid gap-1 font-bold">Observation<textarea name="contenu" required maxlength="2000" rows="3" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></textarea></label>
+                    <button type="submit" class="mt-1 inline-flex h-11 w-fit items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Ajouter</button>
+                </form>
+                @if ($classe->observations->isNotEmpty())
+                    <ul class="mt-6 grid gap-2">
+                        @foreach ($classe->observations as $observation)
+                            <li class="flex flex-wrap items-start justify-between gap-3 rounded-xl border border-[#e3e5e8] p-3">
+                                <p class="font-semibold"><span class="font-extrabold">{{ $observation->eleve->nomAffiche() }}</span> — {{ $observation->contenu }}
+                                    <span class="font-mono text-xs text-[#5f6368]">({{ $observation->created_at->translatedFormat('d/m') }})</span></p>
+                                <form action="{{ route('mes-classes.observations.destroy', [$classe, $observation]) }}" method="post">
+                                    @csrf
+                                    <button type="submit" class="font-bold underline underline-offset-4">Retirer</button>
+                                </form>
+                            </li>
+                        @endforeach
+                    </ul>
+                @endif
+            </section>
+        @endif
+
+        <section id="chat" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-chat">
+            <h2 id="t-chat" class="text-2xl font-extrabold">Chat</h2>
+            <p class="mt-2 font-semibold">
+                {{ $classe->chat_actif ? 'Activé : tes élèves peuvent t\'écrire depuis la bulle en bas à droite.' : 'Désactivé : tes élèves ne peuvent plus t\'écrire.' }}
+            </p>
+            <form action="{{ route('mes-classes.chat.basculer', $classe) }}" method="post" class="mt-4">
+                @csrf
+                <button type="submit" class="inline-flex h-11 items-center rounded-full border border-[#dadce0] px-5 font-bold">{{ $classe->chat_actif ? 'Désactiver le chat' : 'Activer le chat' }}</button>
+            </form>
+        </section>
+
         <div id="seance">
         @if ($classe->estArchivee())
             <section class="mt-6 rounded-lg border border-[#A63D2A] bg-[#fce8e6] p-6" aria-labelledby="t-archivee">
diff --git a/portail/resources/views/mes-cours.blade.php b/portail/resources/views/mes-cours.blade.php
new file mode 100644
index 0000000..fac6253
--- /dev/null
+++ b/portail/resources/views/mes-cours.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+
+@section('titre', 'Mes cours')
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Mes cours</h1>
+
+        @if ($cours->isEmpty())
+            <p class="mt-6 font-semibold" style="color:var(--sy-muted)">Pas encore de cours disponible. Fais ton premier TP pour voir apparaître son cours ici.</p>
+        @else
+            <ul class="mt-6 grid gap-3">
+                @foreach ($cours as $c)
+                    <li>
+                        <a href="{{ route('mes-cours.show', $c) }}" class="flex items-center justify-between gap-4 rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                            <span class="font-bold" style="color:var(--sy-ink)">{{ $c->titre }}</span>
+                            <span class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">Lire →</span>
+                        </a>
+                    </li>
+                @endforeach
+            </ul>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/mes-devoirs.blade.php b/portail/resources/views/mes-devoirs.blade.php
new file mode 100644
index 0000000..8d7ab74
--- /dev/null
+++ b/portail/resources/views/mes-devoirs.blade.php
@@ -0,0 +1,59 @@
+@extends('layouts.app')
+
+@section('titre', 'Mes devoirs')
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Mes devoirs</h1>
+
+        @if ($sessionQuiz)
+            <section class="mt-8">
+                <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">QCM en cours</h2>
+                <p class="mt-2 rounded-2xl border p-4 font-semibold" style="border-color:var(--sy-line);background:var(--sy-surface);color:var(--sy-ink)">
+                    Un quiz flash est en cours. Rends-toi sur ton tableau de bord pour y répondre.
+                </p>
+            </section>
+        @endif
+
+        @if ($seancesOuvertes->isNotEmpty())
+            <section class="mt-8">
+                <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">TP disponibles</h2>
+                <ul class="mt-3 grid gap-3">
+                    @foreach ($seancesOuvertes as $seance)
+                        <li class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                            <span class="font-bold" style="color:var(--sy-ink)">{{ $seance->lab->titre }}</span>
+                            <form action="{{ route('seances.rejoindre', $seance) }}" method="post">
+                                @csrf
+                                <button type="submit" class="inline-flex h-10 items-center rounded-full px-4 font-bold text-white" style="background:var(--sy-blue)">Rejoindre</button>
+                            </form>
+                        </li>
+                    @endforeach
+                </ul>
+            </section>
+        @endif
+
+        <section class="mt-8">
+            <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Devoirs maison</h2>
+            @if ($devoirs->isEmpty())
+                <p class="mt-3 font-semibold" style="color:var(--sy-muted)">Aucun devoir maison pour l'instant.</p>
+            @else
+                <ul class="mt-3 grid gap-3">
+                    @foreach ($devoirs as $devoir)
+                        @php($monRendu = $devoir->rendus->first())
+                        <li>
+                            <a href="{{ route('devoirs.eleve.show', $devoir) }}" class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                                <span class="font-bold" style="color:var(--sy-ink)">{{ $devoir->titre }}</span>
+                                <span class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">
+                                    @if ($monRendu) Rendu
+                                    @elseif ($devoir->echeanceDepassee()) Non rendu, échéance dépassée
+                                    @else À rendre avant le {{ $devoir->echeance->timezone(config('app.fuseau_utilisateurs'))->translatedFormat('d/m H:i') }}
+                                    @endif
+                                </span>
+                            </a>
+                        </li>
+                    @endforeach
+                </ul>
+            @endif
+        </section>
+    </div>
+@endsection
diff --git a/portail/resources/views/mes-notes.blade.php b/portail/resources/views/mes-notes.blade.php
new file mode 100644
index 0000000..522ac7c
--- /dev/null
+++ b/portail/resources/views/mes-notes.blade.php
@@ -0,0 +1,42 @@
+@extends('layouts.app')
+
+@section('titre', 'Mes notes')
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Mes notes</h1>
+
+        @if ($notes->isEmpty())
+            <p class="mt-6 font-semibold" style="color:var(--sy-muted)">Pas encore de note.</p>
+        @else
+            <section class="mt-8">
+                <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Par compétence</h2>
+                <ul class="mt-3 grid gap-3">
+                    @foreach ($parCompetence as $competence => $donnees)
+                        <li class="rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                            <p class="flex justify-between font-bold" style="color:var(--sy-ink)">
+                                <span>{{ $competence }}</span>
+                                <span class="font-mono">{{ $donnees['moyenne'] }} % <span style="color:var(--sy-muted)">({{ $donnees['nombre'] }})</span></span>
+                            </p>
+                            <div class="mt-2 h-3 rounded-lg" style="background:var(--sy-bg)">
+                                <div class="h-full rounded-lg" style="width:{{ $donnees['moyenne'] }}%;background:var(--sy-blue)"></div>
+                            </div>
+                        </li>
+                    @endforeach
+                </ul>
+            </section>
+
+            <section class="mt-10">
+                <h2 class="text-xl font-extrabold" style="color:var(--sy-ink)">Toutes mes notes</h2>
+                <ul class="mt-3 divide-y rounded-2xl border font-semibold" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                    @foreach ($notes as $note)
+                        <li class="flex justify-between px-4 py-2" style="border-color:var(--sy-line);color:var(--sy-ink)">
+                            <span>{{ $note['titre'] }}</span>
+                            <span class="font-mono">{{ $note['note'] }}/{{ $note['note_max'] }}</span>
+                        </li>
+                    @endforeach
+                </ul>
+            </section>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/parametres.blade.php b/portail/resources/views/parametres.blade.php
new file mode 100644
index 0000000..ea48ca1
--- /dev/null
+++ b/portail/resources/views/parametres.blade.php
@@ -0,0 +1,40 @@
+@extends('layouts.app')
+
+@section('titre', 'Paramètres')
+
+@section('contenu')
+    <div class="mx-auto max-w-2xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Paramètres</h1>
+
+        @if (session('parametres_enregistres'))
+            <p class="mt-4 rounded-2xl border p-4 font-semibold" style="border-color:var(--sy-line);background:var(--sy-bg);color:var(--sy-ink)">Enregistré.</p>
+        @endif
+
+        <form action="{{ route('parametres.update') }}" method="post" class="mt-6 grid gap-8 rounded-2xl border p-6" style="border-color:var(--sy-line);background:var(--sy-surface)">
+            @csrf
+            <fieldset>
+                <legend class="font-extrabold" style="color:var(--sy-ink)">Thème</legend>
+                <div class="mt-3 grid gap-2">
+                    @foreach (['clair' => 'Clair', 'sombre' => 'Sombre', 'systeme' => 'Suivre l’appareil'] as $valeur => $label)
+                        <label class="flex items-center gap-3 font-semibold" style="color:var(--sy-ink)">
+                            <input type="radio" name="theme" value="{{ $valeur }}" @checked($theme === $valeur)>
+                            {{ $label }}
+                        </label>
+                    @endforeach
+                </div>
+            </fieldset>
+            <fieldset>
+                <legend class="font-extrabold" style="color:var(--sy-ink)">Taille du texte</legend>
+                <div class="mt-3 grid gap-2">
+                    @foreach (['normal' => 'Normale', 'grand' => 'Grande'] as $valeur => $label)
+                        <label class="flex items-center gap-3 font-semibold" style="color:var(--sy-ink)">
+                            <input type="radio" name="taille_texte" value="{{ $valeur }}" @checked($tailleTexte === $valeur)>
+                            {{ $label }}
+                        </label>
+                    @endforeach
+                </div>
+            </fieldset>
+            <button type="submit" class="justify-self-start rounded-full px-6 py-3 font-bold text-white" style="background:var(--sy-blue)">Enregistrer</button>
+        </form>
+    </div>
+@endsection
diff --git a/portail/resources/views/partials/nav-application.blade.php b/portail/resources/views/partials/nav-application.blade.php
new file mode 100644
index 0000000..84eaeaf
--- /dev/null
+++ b/portail/resources/views/partials/nav-application.blade.php
@@ -0,0 +1,59 @@
+{{-- Barre latérale (desktop), barre d'onglets et feuille « Plus » (mobile) —
+     séparation vitrine/application, 2026-10-13. Même liste de 5 entrées,
+     rendue différemment selon le contexte. --}}
+@php
+    $eleveNav = [
+        ['ma-classe', 'Ma classe', '<circle cx="8" cy="8" r="3"/><circle cx="16" cy="9" r="2.5"/><path d="M3 20c0-3 2.2-5 5-5s5 2 5 5"/><path d="M13.5 15.5c2.4.3 4 1.8 4 4.5"/>', null],
+        ['emploi-du-temps', 'Emploi du temps', '<rect x="3.5" y="5" width="17" height="16" rx="2"/><path d="M8 3v4M16 3v4M3.5 10h17"/>', null],
+        ['mes-devoirs', 'Mes devoirs', '<path d="M8 3h8v3H8z"/><rect x="5" y="4.5" width="14" height="17" rx="2"/><path d="M9 12l2 2 4-4"/>', $badgeMesDevoirs],
+        ['mes-cours', 'Mes cours', '<path d="M4 5c2-1 5-1 8 1 3-2 6-2 8-1v13c-2-1-5-1-8 1-3-2-6-2-8-1Z"/><path d="M12 6v13"/>', null],
+        ['mes-notes', 'Mes notes', '<path d="M4 20V10M10 20V4M16 20v-7M22 20H2" />', null],
+    ];
+    $profNav = [
+        ['mes-classes.index', 'Mes classes', '<circle cx="8" cy="8" r="3"/><circle cx="16" cy="9" r="2.5"/><path d="M3 20c0-3 2.2-5 5-5s5 2 5 5"/><path d="M13.5 15.5c2.4.3 4 1.8 4 4.5"/>', null],
+        ['emploi-du-temps', 'Emploi du temps', '<rect x="3.5" y="5" width="17" height="16" rx="2"/><path d="M8 3v4M16 3v4M3.5 10h17"/>', null],
+        ['seances-en-direct', 'Séances en direct', '<circle cx="12" cy="12" r="3"/><path d="M7.5 7.5a7 7 0 0 0 0 9M16.5 7.5a7 7 0 0 1 0 9M4.5 4.5a11 11 0 0 0 0 15M19.5 4.5a11 11 0 0 1 0 15"/>', null],
+        ['bibliotheque.app', 'Bibliothèque', '<path d="M4 5c2-1 5-1 8 1 3-2 6-2 8-1v13c-2-1-5-1-8 1-3-2-6-2-8-1Z"/><path d="M12 6v13"/>', null],
+        ['resultats', 'Résultats', '<path d="M4 20V10M10 20V4M16 20v-7M22 20H2" />', null],
+    ];
+    $entrees = $estProf ? $profNav : $eleveNav;
+@endphp
+
+@if (! ($mobile ?? false) && ! ($mobilePlus ?? false))
+    @foreach ($entrees as [$route, $label, $svg, $badge])
+        <li>
+            <a href="{{ route($route) }}" @if (request()->routeIs($route)) aria-current="page" @endif>
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">{!! $svg !!}</svg>
+                {{ $label }}
+                @if ($badge)
+                    <span class="app-sidebar__badge">{{ $badge }}</span>
+                @endif
+            </a>
+        </li>
+    @endforeach
+@elseif ($mobile ?? false)
+    @foreach (array_slice($entrees, 0, 4) as [$route, $label, $svg, $badge])
+        <li>
+            <a href="{{ route($route) }}" @if (request()->routeIs($route)) aria-current="page" @endif>
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">{!! $svg !!}</svg>
+                {{ $label }}
+                @if ($badge)
+                    <span class="app-sidebar__badge" style="position:absolute;top:0;right:18%">{{ $badge }}</span>
+                @endif
+            </a>
+        </li>
+    @endforeach
+@else
+    @foreach (array_slice($entrees, 4) as [$route, $label, $svg, $badge])
+        <a href="{{ route($route) }}">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">{!! $svg !!}</svg>
+            {{ $label }}
+        </a>
+    @endforeach
+    @foreach ($raccourcis as $raccourci)
+        <a href="{{ $raccourci->url }}">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 17v5"/><path d="M8 3h8l-1 6 2 2v2H7v-2l2-2-1-6Z"/></svg>
+            {{ $raccourci->label }}
+        </a>
+    @endforeach
+@endif
diff --git a/portail/resources/views/profil.blade.php b/portail/resources/views/profil.blade.php
new file mode 100644
index 0000000..cd17b52
--- /dev/null
+++ b/portail/resources/views/profil.blade.php
@@ -0,0 +1,43 @@
+@extends('layouts.app')
+
+@section('titre', 'Mon profil')
+
+@section('contenu')
+    <div class="mx-auto max-w-2xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Mon profil</h1>
+
+        <div class="mt-6 rounded-2xl border p-6" style="border-color:var(--sy-line);background:var(--sy-surface)">
+            <dl class="grid gap-4">
+                <div>
+                    <dt class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">Nom</dt>
+                    <dd class="text-lg font-bold" style="color:var(--sy-ink)">{{ $nom }}</dd>
+                </div>
+                @if ($role === 'prof')
+                    <div>
+                        <dt class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">E-mail</dt>
+                        <dd class="text-lg font-bold" style="color:var(--sy-ink)">{{ $email }}</dd>
+                    </div>
+                @else
+                    <div>
+                        <dt class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">Identifiant</dt>
+                        <dd class="text-lg font-bold" style="color:var(--sy-ink)">{{ $identifiant }}</dd>
+                    </div>
+                @endif
+                @if ($etablissement)
+                    <div>
+                        <dt class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">Établissement</dt>
+                        <dd class="text-lg font-bold" style="color:var(--sy-ink)">{{ $etablissement->nom }}</dd>
+                    </div>
+                @endif
+                <div>
+                    <dt class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">{{ $role === 'prof' ? 'Classes' : 'Classe' }}</dt>
+                    <dd class="mt-1 flex flex-wrap gap-2">
+                        @foreach ($classes as $classe)
+                            <span class="rounded-lg border px-2 py-0.5 text-sm font-bold" style="border-color:var(--sy-line);color:var(--sy-ink)">{{ $classe->nom }}</span>
+                        @endforeach
+                    </dd>
+                </div>
+            </dl>
+        </div>
+    </div>
+@endsection
diff --git a/portail/resources/views/quiz/banque.blade.php b/portail/resources/views/quiz/banque.blade.php
index d39c48a..9eb1f25 100644
--- a/portail/resources/views/quiz/banque.blade.php
+++ b/portail/resources/views/quiz/banque.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Banque de quiz')
 
diff --git a/portail/resources/views/quiz/index.blade.php b/portail/resources/views/quiz/index.blade.php
index 73b7782..7c6a468 100644
--- a/portail/resources/views/quiz/index.blade.php
+++ b/portail/resources/views/quiz/index.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Quiz · '.$classe->nom)
 
diff --git a/portail/resources/views/quiz/session-prof.blade.php b/portail/resources/views/quiz/session-prof.blade.php
index 651b52b..7201541 100644
--- a/portail/resources/views/quiz/session-prof.blade.php
+++ b/portail/resources/views/quiz/session-prof.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', $session->quiz->titre.' · en direct')
 
diff --git a/portail/resources/views/quiz/show.blade.php b/portail/resources/views/quiz/show.blade.php
index 27ab5ee..4e1a063 100644
--- a/portail/resources/views/quiz/show.blade.php
+++ b/portail/resources/views/quiz/show.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', $quiz->titre)
 
diff --git a/portail/resources/views/resultats.blade.php b/portail/resources/views/resultats.blade.php
new file mode 100644
index 0000000..6ab3834
--- /dev/null
+++ b/portail/resources/views/resultats.blade.php
@@ -0,0 +1,38 @@
+@extends('layouts.app')
+
+@section('titre', 'Résultats')
+
+@section('contenu')
+    <div class="mx-auto max-w-4xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Résultats</h1>
+
+        @if ($resultats->isEmpty())
+            <p class="mt-6 font-semibold" style="color:var(--sy-muted)">Crée d'abord une classe.</p>
+        @else
+            <ul class="mt-6 grid gap-5">
+                @foreach ($resultats as $r)
+                    <li class="rounded-2xl border p-5" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                        <div class="flex flex-wrap items-center justify-between gap-3">
+                            <a href="{{ route('mes-classes.show', $r['classe']) }}" class="text-lg font-extrabold underline" style="color:var(--sy-ink)">{{ $r['classe']->nom }}</a>
+                            <span class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">
+                                {{ $r['nombreCorrections'] }} correction(s)
+                                @if ($r['reussiteMoyenne'] !== null) · {{ $r['reussiteMoyenne'] }} % de réussite @endif
+                            </span>
+                        </div>
+                        @if ($r['observations']->isNotEmpty())
+                            <ul class="mt-4 grid gap-2">
+                                @foreach ($r['observations'] as $observation)
+                                    <li class="rounded-xl p-3 text-sm font-semibold" style="background:var(--sy-bg);color:var(--sy-ink)">
+                                        <span class="font-mono text-xs" style="color:var(--sy-muted)">{{ $observation->eleve->nomAffiche() }} · {{ $observation->created_at->translatedFormat('d/m') }}</span>
+                                        <br>{{ $observation->contenu }}
+                                    </li>
+                                @endforeach
+                            </ul>
+                        @endif
+                        <p class="mt-3 text-sm font-semibold"><a href="{{ route('mes-classes.show', $r['classe']) }}" class="underline" style="color:var(--sy-blue)">Ajouter une observation →</a></p>
+                    </li>
+                @endforeach
+            </ul>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/seances-en-direct.blade.php b/portail/resources/views/seances-en-direct.blade.php
new file mode 100644
index 0000000..c8c9514
--- /dev/null
+++ b/portail/resources/views/seances-en-direct.blade.php
@@ -0,0 +1,25 @@
+@extends('layouts.app')
+
+@section('titre', 'Séances en direct')
+
+@section('contenu')
+    <div class="mx-auto max-w-3xl px-5 py-10">
+        <h1 class="text-3xl font-extrabold" style="color:var(--sy-ink)">Séances en direct</h1>
+
+        @if ($seances->isEmpty())
+            <p class="mt-6 font-semibold" style="color:var(--sy-muted)">Aucune séance en cours dans tes classes.</p>
+        @else
+            <ul class="mt-6 grid gap-3">
+                @foreach ($seances as $seance)
+                    <li class="flex flex-wrap items-center justify-between gap-4 rounded-2xl border p-4" style="border-color:var(--sy-line);background:var(--sy-surface)">
+                        <div>
+                            <p class="font-bold" style="color:var(--sy-ink)">{{ $seance->lab->titre }}</p>
+                            <p class="font-mono text-sm font-semibold" style="color:var(--sy-muted)">{{ $seance->classe->nom }} · {{ $seance->statut === \App\Models\Seance::EN_COURS ? 'En cours' : 'Salle d\'attente' }}</p>
+                        </div>
+                        <a href="{{ route('mes-classes.show', $seance->classe) }}" class="inline-flex h-10 items-center rounded-full px-4 font-bold text-white" style="background:var(--sy-blue)">Ouvrir la classe</a>
+                    </li>
+                @endforeach
+            </ul>
+        @endif
+    </div>
+@endsection
diff --git a/portail/resources/views/seances/attente-eleve.blade.php b/portail/resources/views/seances/attente-eleve.blade.php
index b8c2ce2..6b12963 100644
--- a/portail/resources/views/seances/attente-eleve.blade.php
+++ b/portail/resources/views/seances/attente-eleve.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', "Salle d'attente")
 
diff --git a/portail/resources/views/seances/attente.blade.php b/portail/resources/views/seances/attente.blade.php
index 8a05436..30da541 100644
--- a/portail/resources/views/seances/attente.blade.php
+++ b/portail/resources/views/seances/attente.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', "Salle d'attente")
 
diff --git a/portail/resources/views/seances/console-prof.blade.php b/portail/resources/views/seances/console-prof.blade.php
index 8ccfbdc..d81d6e6 100644
--- a/portail/resources/views/seances/console-prof.blade.php
+++ b/portail/resources/views/seances/console-prof.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Console de ' . $labSession->eleve->nomAffiche())
 
diff --git a/portail/resources/views/seances/visio-eleve.blade.php b/portail/resources/views/seances/visio-eleve.blade.php
index d695db7..4ea28ab 100644
--- a/portail/resources/views/seances/visio-eleve.blade.php
+++ b/portail/resources/views/seances/visio-eleve.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Visio · '.$seance->classe->nom)
 
diff --git a/portail/resources/views/seances/visio-prof.blade.php b/portail/resources/views/seances/visio-prof.blade.php
index dff4882..0e92e67 100644
--- a/portail/resources/views/seances/visio-prof.blade.php
+++ b/portail/resources/views/seances/visio-prof.blade.php
@@ -1,4 +1,4 @@
-@extends('layouts.vitrine')
+@extends('layouts.app')
 
 @section('titre', 'Visio · '.$seance->classe->nom)
 
diff --git a/portail/routes/web.php b/portail/routes/web.php
index 0827ecf..1fbd9a4 100644
--- a/portail/routes/web.php
+++ b/portail/routes/web.php
@@ -1,20 +1,38 @@
 <?php
 
+use App\Http\Controllers\AideController;
+use App\Http\Controllers\AnnonceController;
 use App\Http\Controllers\Auth\ConnexionController;
 use App\Http\Controllers\BanqueQuizController;
+use App\Http\Controllers\BibliothequeProfController;
+use App\Http\Controllers\ChatEleveController;
+use App\Http\Controllers\ChatProfController;
+use App\Http\Controllers\ClasseChatController;
 use App\Http\Controllers\ClasseController;
 use App\Http\Controllers\ConsoleController;
 use App\Http\Controllers\CorrectionController;
 use App\Http\Controllers\DevoirController;
 use App\Http\Controllers\DevoirEleveController;
 use App\Http\Controllers\EleveTableauDeBordController;
+use App\Http\Controllers\EmploiDuTempsController;
 use App\Http\Controllers\InscriptionController;
+use App\Http\Controllers\MaClasseController;
+use App\Http\Controllers\MesCoursController;
+use App\Http\Controllers\MesDevoirsController;
+use App\Http\Controllers\MesNotesController;
+use App\Http\Controllers\ObservationController;
+use App\Http\Controllers\ParametresController;
+use App\Http\Controllers\ProfilController;
 use App\Http\Controllers\QuizController;
 use App\Http\Controllers\QuizEleveController;
+use App\Http\Controllers\RaccourciController;
 use App\Http\Controllers\RapportCspController;
 use App\Http\Controllers\RejoindreClasseController;
+use App\Http\Controllers\ResultatsController;
 use App\Http\Controllers\SeanceController;
+use App\Http\Controllers\SeancesEnDirectController;
 use App\Http\Controllers\SessionQuizController;
+use App\Http\Controllers\SignalementController;
 use App\Http\Controllers\VisioController;
 use Illuminate\Foundation\Http\Middleware\ValidateCsrfToken;
 use Illuminate\Support\Facades\Route;
@@ -88,9 +106,28 @@ Route::get('/rejoindre/etat', [RejoindreClasseController::class, 'etat'])->name(
 Route::get('/rejoindre/bienvenue', [RejoindreClasseController::class, 'bienvenue'])->name('rejoindre.bienvenue');
 Route::post('/deconnexion', [ConnexionController::class, 'deconnexion'])->name('deconnexion');
 
+// --- Commun aux deux espaces (séparation vitrine/application, 2026-10-13) ---
+Route::middleware(['auth:eleve,web', 'session.unique:eleve', 'session.unique:web', 'maj.activite'])->group(function () {
+    Route::get('/profil', [ProfilController::class, 'show'])->name('profil');
+    Route::get('/parametres', [ParametresController::class, 'show'])->name('parametres');
+    Route::post('/parametres', [ParametresController::class, 'update'])->name('parametres.update');
+    Route::post('/signalements', [SignalementController::class, 'store'])->name('signalements.store');
+    Route::get('/aide-app', [AideController::class, 'show'])->name('aide.app');
+    Route::post('/raccourcis', [RaccourciController::class, 'store'])->name('raccourcis.store');
+    Route::post('/raccourcis/{raccourci}/supprimer', [RaccourciController::class, 'destroy'])->name('raccourcis.destroy');
+    Route::get('/emploi-du-temps', [EmploiDuTempsController::class, 'show'])->name('emploi-du-temps');
+    Route::get('/mes-cours/{cours:identifiant}', [MesCoursController::class, 'montrer'])->name('mes-cours.show');
+});
+
 // --- Espace élève (protégé, session unique) ---
-Route::middleware(['auth:eleve', 'session.unique:eleve'])->group(function () {
+Route::middleware(['auth:eleve', 'session.unique:eleve', 'maj.activite'])->group(function () {
     Route::get('/eleve', [EleveTableauDeBordController::class, 'show'])->name('eleve');
+    Route::get('/ma-classe', [MaClasseController::class, 'show'])->name('ma-classe');
+    Route::get('/mes-devoirs', [MesDevoirsController::class, 'show'])->name('mes-devoirs');
+    Route::get('/mes-cours', [MesCoursController::class, 'show'])->name('mes-cours');
+    Route::get('/mes-notes', [MesNotesController::class, 'show'])->name('mes-notes');
+    Route::get('/chat/etat', [ChatEleveController::class, 'etat'])->name('chat.eleve.etat');
+    Route::post('/chat/envoyer', [ChatEleveController::class, 'envoyer'])->middleware('throttle:30,1')->name('chat.eleve.envoyer');
     Route::post('/seances/{seance}/rejoindre', [SeanceController::class, 'rejoindre'])->name('seances.rejoindre');
     Route::get('/seances/{seance}/attente-eleve', [SeanceController::class, 'attenteEleve'])->name('seances.eleve.attente');
     Route::get('/seances/{seance}/etat-eleve', [SeanceController::class, 'etatEleve'])->name('seances.eleve.etat');
@@ -162,4 +199,18 @@ Route::middleware(['auth:web', 'session.unique:web'])->group(function () {
     Route::get('/mes-classes/{classe}/devoirs/{devoir}', [DevoirController::class, 'show'])->name('mes-classes.devoirs.show');
     Route::post('/mes-classes/{classe}/devoirs/{devoir}/supprimer', [DevoirController::class, 'destroy'])->name('mes-classes.devoirs.destroy');
     Route::post('/mes-classes/{classe}/devoirs/{devoir}/rendus/{rendu}/noter', [DevoirController::class, 'noter'])->name('mes-classes.devoirs.noter');
+
+    // Séparation vitrine/application (2026-10-13) : Ma classe (annonces),
+    // Résultats (observations), Séances en direct, Bibliothèque, chat.
+    Route::post('/mes-classes/{classe}/annonces', [AnnonceController::class, 'store'])->name('mes-classes.annonces.store');
+    Route::post('/mes-classes/{classe}/annonces/{annonce}/supprimer', [AnnonceController::class, 'destroy'])->name('mes-classes.annonces.destroy');
+    Route::post('/mes-classes/{classe}/observations', [ObservationController::class, 'store'])->name('mes-classes.observations.store');
+    Route::post('/mes-classes/{classe}/observations/{observation}/supprimer', [ObservationController::class, 'destroy'])->name('mes-classes.observations.destroy');
+    Route::post('/mes-classes/{classe}/chat/basculer', [ClasseChatController::class, 'basculer'])->name('mes-classes.chat.basculer');
+    Route::get('/seances-en-direct', [SeancesEnDirectController::class, 'show'])->name('seances-en-direct');
+    Route::get('/bibliotheque-app', [BibliothequeProfController::class, 'show'])->name('bibliotheque.app');
+    Route::get('/resultats', [ResultatsController::class, 'show'])->name('resultats');
+    Route::get('/chat', [ChatProfController::class, 'index'])->name('chat.prof.index');
+    Route::get('/chat/{fil}/etat', [ChatProfController::class, 'etat'])->name('chat.prof.etat');
+    Route::post('/chat/{fil}/envoyer', [ChatProfController::class, 'envoyer'])->middleware('throttle:30,1')->name('chat.prof.envoyer');
 });
diff --git a/portail/tests/Feature/CoquilleApplicationTest.php b/portail/tests/Feature/CoquilleApplicationTest.php
new file mode 100644
index 0000000..f4e1742
--- /dev/null
+++ b/portail/tests/Feature/CoquilleApplicationTest.php
@@ -0,0 +1,140 @@
+<?php
+
+use App\Models\Classe;
+use App\Models\Eleve;
+use App\Models\FilConversation;
+use App\Models\User;
+use Illuminate\Support\Facades\Process;
+
+test('la vitrine reste accessible sans être connecté', function () {
+    $this->get(route('accueil'))->assertOk()->assertSee('Syllabus');
+});
+
+test('un élève voit la barre latérale élève, jamais celle du prof', function () {
+    $eleve = Eleve::factory()->create();
+
+    $page = eleve($this, $eleve)->get(route('eleve'));
+
+    $page->assertOk()
+        ->assertSee('Ma classe')
+        ->assertSee('Mes devoirs')
+        ->assertDontSee('Séances en direct')
+        ->assertDontSee('Bibliothèque');
+});
+
+test('un prof voit la barre latérale prof, jamais celle des élèves', function () {
+    $prof = User::factory()->create();
+    $classe = Classe::factory()->create(['user_id' => $prof->id]);
+
+    $page = prof($this, $prof)->get(route('mes-classes.show', $classe));
+
+    $page->assertOk()
+        ->assertSee('Séances en direct')
+        ->assertSee('Bibliothèque')
+        ->assertDontSee('Mes notes')
+        ->assertDontSee('Mes cours');
+});
+
+test('un élève ne peut jamais atteindre le chat (ni le sien, ni celui des profs) via les routes prof', function () {
+    $classeA = Classe::factory()->create();
+    $eleveA = Eleve::factory()->create(['classe_id' => $classeA->id]);
+    $filA = FilConversation::create(['classe_id' => $classeA->id, 'eleve_id' => $eleveA->id]);
+
+    eleve($this, $eleveA)->getJson(route('chat.prof.index'))->assertStatus(401);
+    eleve($this, $eleveA)->getJson(route('chat.prof.etat', $filA))->assertStatus(401);
+});
+
+test("un prof ne peut pas lire ou écrire dans le fil de conversation d'une classe qui n'est pas la sienne", function () {
+    $classeA = Classe::factory()->create();
+    $eleveA = Eleve::factory()->create(['classe_id' => $classeA->id]);
+    $filA = FilConversation::create(['classe_id' => $classeA->id, 'eleve_id' => $eleveA->id]);
+
+    $autreProf = User::factory()->create();
+
+    prof($this, $autreProf)->getJson(route('chat.prof.etat', $filA))->assertStatus(403);
+    prof($this, $autreProf)->postJson(route('chat.prof.envoyer', $filA), ['contenu' => 'Bonjour'])->assertStatus(403);
+
+    expect($filA->messages()->count())->toBe(0);
+});
+
+test("deux élèves de classes différentes n'ont jamais le même fil de conversation et ne peuvent pas lire celui de l'autre", function () {
+    $classeA = Classe::factory()->create();
+    $eleveA = Eleve::factory()->create(['classe_id' => $classeA->id]);
+
+    $classeB = Classe::factory()->create();
+    $eleveB = Eleve::factory()->create(['classe_id' => $classeB->id]);
+
+    eleve($this, $eleveA)->postJson(route('chat.eleve.envoyer'), ['contenu' => 'Un message de A'])->assertCreated();
+    eleve($this, $eleveB)->postJson(route('chat.eleve.envoyer'), ['contenu' => 'Un message de B'])->assertCreated();
+
+    $reponseA = eleve($this, $eleveA)->getJson(route('chat.eleve.etat'))->json();
+    $reponseB = eleve($this, $eleveB)->getJson(route('chat.eleve.etat'))->json();
+
+    expect(collect($reponseA['messages'])->pluck('contenu')->all())->toBe(['Un message de A'])
+        ->and(collect($reponseB['messages'])->pluck('contenu')->all())->toBe(['Un message de B']);
+});
+
+test('les scripts en ligne de la coquille (barre du haut, chat) sont du JavaScript valide, côté élève et côté prof', function () {
+    if (Process::run('node --version')->failed()) {
+        $this->markTestSkipped('Node absent');
+    }
+
+    $eleve = Eleve::factory()->create();
+    $prof = User::factory()->create();
+    $classe = Classe::factory()->create(['user_id' => $prof->id]);
+
+    $pages = [
+        fn () => eleve($this, $eleve)->get(route('eleve')),
+        fn () => prof($this, $prof)->get(route('mes-classes.show', $classe)),
+    ];
+
+    $erreurs = [];
+    foreach ($pages as $i => $visite) {
+        preg_match_all('#<script(?![^>]*\bsrc=)[^>]*>(.*?)</script>#s', $visite()->getContent(), $scripts);
+        foreach ($scripts[1] as $j => $code) {
+            $fichier = tempnam(sys_get_temp_dir(), 'js').'.js';
+            file_put_contents($fichier, $code);
+            $resultat = Process::run(['node', '--check', $fichier]);
+            unlink($fichier);
+            if ($resultat->failed()) {
+                $erreurs[] = "page {$i} script {$j} : ".strtok($resultat->errorOutput(), "\n");
+            }
+        }
+    }
+
+    expect($erreurs)->toBe([]);
+});
+
+test('toutes les nouvelles pages de la coquille se chargent sans erreur', function () {
+    $prof = User::factory()->create();
+    $classe = Classe::factory()->create(['user_id' => $prof->id]);
+    $eleve = Eleve::factory()->create(['classe_id' => $classe->id]);
+
+    $pagesEleve = ['ma-classe', 'emploi-du-temps', 'mes-devoirs', 'mes-cours', 'mes-notes', 'profil', 'parametres', 'aide.app'];
+    foreach ($pagesEleve as $route) {
+        eleve($this, $eleve)->get(route($route))->assertOk();
+    }
+
+    $pagesProf = ['seances-en-direct', 'bibliotheque.app', 'resultats', 'profil', 'parametres', 'aide.app', 'emploi-du-temps'];
+    foreach ($pagesProf as $route) {
+        prof($this, $prof)->get(route($route))->assertOk();
+    }
+});
+
+test('le compteur de messages non lus retombe à zéro une fois le fil ouvert, côté prof et côté élève', function () {
+    $prof = User::factory()->create();
+    $classe = Classe::factory()->create(['user_id' => $prof->id]);
+    $eleve = Eleve::factory()->create(['classe_id' => $classe->id]);
+
+    eleve($this, $eleve)->postJson(route('chat.eleve.envoyer'), ['contenu' => 'Un message'])->assertCreated();
+    $fil = FilConversation::where('eleve_id', $eleve->id)->first();
+
+    expect(prof($this, $prof)->getJson(route('chat.prof.index'))->json('fils.0.non_lus'))->toBe(1);
+    prof($this, $prof)->getJson(route('chat.prof.etat', $fil))->assertOk();
+    expect(prof($this, $prof)->getJson(route('chat.prof.index'))->json('fils.0.non_lus'))->toBe(0);
+
+    prof($this, $prof)->postJson(route('chat.prof.envoyer', $fil), ['contenu' => 'Une réponse'])->assertCreated();
+    expect(eleve($this, $eleve)->getJson(route('chat.eleve.etat'))->json('non_lus'))->toBe(1);
+    eleve($this, $eleve)->getJson(route('chat.eleve.etat').'?lu=1')->assertOk();
+    expect(eleve($this, $eleve)->getJson(route('chat.eleve.etat'))->json('non_lus'))->toBe(0);
+});
diff --git a/portail/tests/Feature/LancementLabTest.php b/portail/tests/Feature/LancementLabTest.php
index 861f85d..7c72e0c 100644
--- a/portail/tests/Feature/LancementLabTest.php
+++ b/portail/tests/Feature/LancementLabTest.php
@@ -130,16 +130,16 @@ test("une vérification ratée donne « échoué » avec le message du lab, une
         ->and($details['ip-pc-b']['message'])->toContain('ne répond pas');
 });
 
-test("l'élève voit la séance ouverte de sa classe et peut la rejoindre ; la déconnexion porte un jeton CSRF", function () {
+test("l'élève voit la séance ouverte de sa classe dans Mes devoirs et peut la rejoindre ; la déconnexion porte un jeton CSRF", function () {
     $session = sessionEnAttente();
     $eleve = $session->eleve;
     $session->delete();
     $jeton = $eleve->demarreNouvelleSession();
 
-    $page = $this->withSession(['jeton_session_eleve' => $jeton])->actingAs($eleve, 'eleve')->get(route('eleve'));
+    $page = $this->withSession(['jeton_session_eleve' => $jeton])->actingAs($eleve, 'eleve')->get(route('mes-devoirs'));
 
     $page->assertOk()
-        ->assertSee('Rejoindre la séance')
+        ->assertSee('Rejoindre')
         ->assertSee(route('seances.rejoindre', $session->seance_id), false);
     expect(preg_match('#action="'.preg_quote(route('deconnexion'), '#').'" method="post"[^>]*><input type="hidden" name="_token"#', $page->getContent()))->toBe(1);
 });