Paillasse/design/apercu-cohortes.html
2026-10-06 23:28:18 +02:00

72 lines
43 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Suivi des cohortes · Syllabus</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800;900&family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script>tailwind.config={theme:{extend:{fontFamily:{display:['Archivo','system-ui','sans-serif'],mono:['"IBM Plex Mono"','monospace']}}}}</script>
<style>
.etoile { clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.zigzag { background: linear-gradient(135deg, transparent 50%, #000 50% 62%, transparent 62%) 0 0 / 16px 16px, linear-gradient(45deg, transparent 50%, #000 50% 62%, transparent 62%) 0 0 / 16px 16px; }
@keyframes flotte { 0%,100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-10px) rotate(var(--r, 0deg)); } }
.flotte { animation: flotte 6s ease-in-out infinite; }
@keyframes clignote { 50% { opacity: 0; } }
.curseur { animation: clignote 1s steps(1) infinite; }
@media (prefers-reduced-motion: reduce) { .flotte, .curseur { animation: none; } }
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.css">
<script defer src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js"></script>
<script defer src="js/paillasse-terminal.js"></script>
<link rel="stylesheet" href="css/syllabus-theme.css">
</head>
<body class="bg-white font-display text-black antialiased">
<header style="position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e3e5e8">
<nav aria-label="Navigation principale" style="position:relative;max-width:1200px;margin:0 auto;padding:0 20px;min-height:64px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px">
<a href="Apercu%20accueil%20Blade.html" aria-label="Syllabus, accueil" style="display:flex;align-items:center;gap:0;text-decoration:none"><img src="images/logo-syllabus-icone.png" alt="" style="height:32px;width:auto;display:block"><span style="font-family:Mulish,system-ui,sans-serif;font-weight:800;font-size:19px;color:#111827;letter-spacing:-0.01em;margin-left:-14px;position:relative">Syllabus</span></a>
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;flex:1;line-height:1.5"><li><details class="group"><summary style="cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;height:36px;margin:-6px -12px;padding:0 12px;border-radius:999px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220" class="hover:bg-[#f1f3f4] group-open:bg-[#e8f0fe] group-open:text-[#0b57d0] [&::-webkit-details-marker]:hidden">Fonctionnalités<svg aria-hidden="true" viewBox="0 0 16 16" width="16" height="16" class="transition-transform duration-200 group-open:rotate-180" style="flex:none;opacity:.7"><path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
<div style="position:absolute;left:20px;right:20px;top:100%;margin-top:4px;z-index:50;max-width:1160px;margin-left:auto;margin-right:auto;box-sizing:border-box;max-height:calc(100vh - 90px);overflow:auto;border-radius:20px;background:#fff;border:1px solid #e3e5e8;box-shadow:0 24px 48px -16px rgba(15,23,42,.22)">
<div class="grid grid-cols-2 sm:grid-cols-3 min-[1100px]:grid-cols-5 [&>div:last-child]:col-span-2 min-[1100px]:[&>div:last-child]:col-span-1" style="gap:1px;background:#e3e5e8"><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#0b57d0"></span>Piloter la classe</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">En direct et au quotidien</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=cockpit" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Tableau de bord prof</a></li><li><a href="apercu-ressource.html?outil=visio" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Visio de classe</a></li><li><a href="apercu-ressource.html?outil=espace-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace élève</a></li><li><a href="apercu-ressource.html?outil=fiche-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Fiche élève</a></li><li><a href="apercu-ressource.html?outil=messagerie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Messagerie</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#137333"></span>Apprendre</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Cours, TP et code</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=cours" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="apercu-ressource.html?outil=labs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TP sur machine Linux</a></li><li><a href="apercu-ressource.html?outil=lab-web" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Lab web</a></li><li><a href="apercu-ressource.html?outil=ide" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Éditeur de code en ligne</a></li><li><a href="apercu-ressource.html?outil=maison" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Ressources à la maison</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#b06000"></span>Préparer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Prêt à projeter ou imprimer</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=bibliotheque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Bibliothèque du prof</a></li><li><a href="apercu-ressource.html?outil=banque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Banque de sujets</a></li><li><a href="apercu-ressource.html?outil=generateur" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Générateur de TD</a></li><li><a href="apercu-ressource.html?outil=td-imprimable" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TD à imprimer</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#c5221f"></span>Évaluer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Quiz, examens, devoirs</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=quiz" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="apercu-ressource.html?outil=sujet" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Créer un sujet</a></li><li><a href="apercu-ressource.html?outil=devoirs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Devoirs maison</a></li><li><a href="apercu-ressource.html?outil=correction" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Corriger les copies</a></li><li><a href="apercu-ressource.html?outil=export" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Export Pronote / ENT</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#8430ce"></span>Établissement</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Vie scolaire, direction, DSI</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=vie-scolaire" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="apercu-ressource.html?outil=cohortes" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Suivi des cohortes</a></li><li><a href="apercu-ressource.html?outil=espace-etablissement" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace établissement</a></li><li><a href="apercu-ressource.html?outil=academie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Académie</a></li><li><a href="apercu-ressource.html?outil=integration" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></div></div>
<div style="position:sticky;bottom:0;padding:14px 24px;border-top:1px solid #e3e5e8;background:#f8f9fa;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px"><span style="font-size:14px;font-weight:500;color:#5f6368">24 outils, chacun avec sa présentation et sa démo</span><a href="apercu-fonctionnalites.html" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Voir toutes les fonctionnalités →</a></div>
</div></details></li><li><a href="apercu-cours.html" style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Cours</a></li><li><a href="apercu-tarifs.html" style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Tarifs</a></li></ul>
<div style="display:flex;align-items:center;gap:20px">
<a href="apercu-connexion.html" style="font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0]">Se connecter</a>
<a href="apercu-inscription.html" style="display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:999px;background:#0b57d0;color:#fff;font-size:15px;font-weight:700;text-decoration:none">Créer une classe</a>
</div>
</nav>
</header>
<main>
<div class="border-b border-[#e3e5e8] bg-[#f8f9fa]"><div class="mx-auto grid max-w-[1600px] lg:grid-cols-[240px_minmax(0,1fr)]"><aside class="border-b border-[#e3e5e8] bg-white p-5 lg:border-b-0 lg:border-r-2"><p class="font-mono text-[11px] font-semibold uppercase tracking-wider">Filtres</p><div class="mt-2 grid gap-3"><label class="grid gap-1 text-sm font-bold">Période<select class="h-11 border border-[#dadce0] rounded-lg bg-white px-2 font-semibold"><option>Semestre 1 · 2026-2027</option><option>Année 2026-2027</option><option>Année 2025-2026</option></select></label><label class="grid gap-1 text-sm font-bold">Formation<select class="h-11 border border-[#dadce0] rounded-lg bg-white px-2 font-semibold"><option>Toutes</option><option>BTS SIO</option><option>BTS CIEL</option><option>BUT R&T</option></select></label></div><p class="mt-6 font-mono text-[11px] font-semibold uppercase tracking-wider">Vues</p><ul class="mt-2 grid gap-1"><li><a href="#cohortes" class="flex items-center gap-3 border border-[#dadce0] rounded-lg bg-[#0b57d0] text-white px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z"/></svg><span class="flex-1">Cohortes</span></a></li><li><a href="#assiduite" class="flex items-center gap-3 border-2 border-transparent hover:border-black px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg><span class="flex-1">Assiduité</span></a></li><li><a href="#regles" class="flex items-center gap-3 border-2 border-transparent hover:border-black px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0zM12 9v4M12 17h.01"/></svg><span class="flex-1">Règles d’alerte</span></a></li><li><a href="#droits" class="flex items-center gap-3 border-2 border-transparent hover:border-black px-3 py-2 text-sm font-bold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg><span class="flex-1">Rôles et droits</span></a></li></ul></aside><div class="min-w-0 p-5 lg:p-8"><div class="flex flex-wrap items-end justify-between gap-4"><div><p class="font-mono text-xs font-semibold">Scolarité</p><div class="min-w-0 flex-1"><p data-public="P" 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-[#1d3fa8]">Pour les profs</p>
<h1 class="mt-1 text-4xl font-extrabold tracking-tight">Suivi des cohortes</h1></div><p class="mt-1 font-semibold">Assiduité, résultats et alertes par classe. Cliquez sur une classe pour voir ses étudiants.</p></div><div class="flex flex-wrap gap-3"><details class="relative"><summary class="inline-flex h-11 cursor-pointer list-none items-center gap-2 border border-[#dadce0] rounded-lg bg-[#fef7e0] px-4 text-sm font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>Exporter ▾</summary><ul class="absolute right-0 z-20 mt-2 grid w-72 border border-[#dadce0] rounded-lg bg-white text-sm font-bold"><li class="border-b border-[#e3e5e8] last:border-b-0"><a href="apercu-export.html" class="block px-3 py-2 hover:bg-[#f8f9fa]">Notes · format Pronote (CSV</a></li><li class="border-b border-[#e3e5e8] last:border-b-0"><a href="apercu-export.html" class="block px-3 py-2 hover:bg-[#f8f9fa]">Assiduité · CSV</a></li><li class="border-b border-[#e3e5e8] last:border-b-0"><a href="apercu-export.html" class="block px-3 py-2 hover:bg-[#f8f9fa]">Relevé par compétence · PDF (livret BTS</a></li><li class="border-b border-[#e3e5e8] last:border-b-0"><a href="apercu-export.html" class="block px-3 py-2 hover:bg-[#f8f9fa]">Synthèse conseil de classe · PDF</a></li></ul></details></div></div><ul class="mt-6 grid grid-cols-2 gap-4 md:grid-cols-4"><li class="flex flex-col border border-[#dadce0] rounded-lg bg-white p-4"><div class="flex items-center justify-between gap-2"><p class="text-sm font-bold">Étudiants</p><span class="h-2.5 w-2.5 bg-[#e6f4ea]"></span></div><p class="mt-2 font-mono text-3xl font-semibold leading-none">113</p><p class="mt-3 text-xs font-bold">6 classes</p></li><li class="flex flex-col border border-[#dadce0] rounded-lg bg-white p-4"><div class="flex items-center justify-between gap-2"><p class="text-sm font-bold">Assiduité moyenne</p><span class="h-2.5 w-2.5 bg-[#fef7e0]"></span></div><p class="mt-2 font-mono text-3xl font-semibold leading-none">89 %</p><p class="mt-3 text-xs font-bold">séances planifiées</p></li><li class="flex flex-col border border-[#dadce0] rounded-lg bg-white p-4"><div class="flex items-center justify-between gap-2"><p class="text-sm font-bold">Compétences acquises</p><span class="h-2.5 w-2.5 bg-[#eef0fd]"></span></div><p class="mt-2 font-mono text-3xl font-semibold leading-none">64 %</p><p class="mt-3 text-xs font-bold">référentiels BTS / BUT</p></li><li class="flex flex-col border border-[#dadce0] rounded-lg bg-white p-4"><div class="flex items-center justify-between gap-2"><p class="text-sm font-bold">Alertes ouvertes</p><span class="h-2.5 w-2.5 bg-[#ec3013]"></span></div><p class="mt-2 font-mono text-3xl font-semibold leading-none">15</p><p class="mt-3 text-xs font-bold">dont 4 nouvelles</p></li></ul>
<div class="mt-6"><section id="cohortes" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-cohortes"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4 "><h2 id="t-cohortes" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z"/></svg>Cohortes</h2></div><div class="overflow-x-auto"><table class="w-full min-w-[860px] border-collapse text-left text-sm"><thead class="border-b border-[#e3e5e8] bg-[#f8f9fa] font-mono text-[11px] uppercase tracking-wider"><tr><th class="px-4 py-3 font-semibold">Classe</th><th class="px-4 py-3 font-semibold">Effectif</th><th class="px-4 py-3 font-semibold">Assiduité</th><th class="px-4 py-3 font-semibold">Moyenne</th><th class="px-4 py-3 font-semibold">Compétences</th><th class="px-4 py-3 font-semibold">Alertes</th><th class="px-4 py-3 font-semibold"></th></tr></thead><tbody><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BTS SIO 1 A</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">16</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:93%"></span></span><span class="font-mono text-xs">93 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">12,4</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:68%"></span></span><span class="font-mono text-xs">68 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#FFD23F">1 ouverte</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BTS SIO 1 B</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">15</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:88%"></span></span><span class="font-mono text-xs">88 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">11,1</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:61%"></span></span><span class="font-mono text-xs">61 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#FF6FB5">3 ouvertes</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BTS SIO 2 A</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">18</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:95%"></span></span><span class="font-mono text-xs">95 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">13,2</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:79%"></span></span><span class="font-mono text-xs">79 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#7CF2C0">Aucune</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BTS SIO 2 B</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">14</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:84%"></span></span><span class="font-mono text-xs">84 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">10,6</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:57%"></span></span><span class="font-mono text-xs">57 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#FF6FB5">4 ouvertes</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BTS CIEL 1</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">22</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:90%"></span></span><span class="font-mono text-xs">90 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">11,8</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:63%"></span></span><span class="font-mono text-xs">63 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#FFD23F">2 ouvertes</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">BUT R&T 1</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">28</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:86%"></span></span><span class="font-mono text-xs">86 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">11,3</span></td><td class="px-4 py-3 font-semibold"><span class="flex items-center gap-2"><span class="h-2.5 w-20 border border-[#dadce0] rounded-lg"><span class="block h-full bg-black" style="width:59%"></span></span><span class="font-mono text-xs">59 %</span></span></td><td class="px-4 py-3 font-semibold"><span class="inline-block border border-[#dadce0] rounded-lg px-2 py-0.5 text-xs font-extrabold" style="background:#FF6FB5">5 ouvertes</span></td><td class="px-4 py-3 font-semibold"><a href="apercu-vie-scolaire.html" class="text-xs font-extrabold underline underline-offset-4">Voir la classe →</a></td></tr></tbody></table></div></section></div>
<div class="mt-6 grid gap-6 xl:grid-cols-2">
<section id="assiduite" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-assiduite"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4 "><h2 id="t-assiduite" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>Assiduité · BTS SIO 2 B</h2></div><div class="overflow-x-auto"><table class="w-full min-w-[480px] border-collapse text-left text-sm"><thead class="border-b border-[#e3e5e8] bg-[#f8f9fa] font-mono text-[11px] uppercase tracking-wider"><tr><th class="px-4 py-3 font-semibold">Étudiant</th><th class="px-4 py-3 font-semibold">Présent</th><th class="px-4 py-3 font-semibold">Absent</th><th class="px-4 py-3 font-semibold">Justifié</th><th class="px-4 py-3 font-semibold">Taux</th></tr></thead><tbody><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold">Petit Hugo</td><td class="px-4 py-3 font-semibold">18</td><td class="px-4 py-3 font-semibold">6</td><td class="px-4 py-3 font-semibold">1</td><td class="px-4 py-3 font-semibold"><span class="font-mono font-extrabold text-[#b3001b]">72 %</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold">Leroy Tom</td><td class="px-4 py-3 font-semibold">21</td><td class="px-4 py-3 font-semibold">3</td><td class="px-4 py-3 font-semibold">3</td><td class="px-4 py-3 font-semibold"><span class="font-mono">88 %</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold">Diallo Adam</td><td class="px-4 py-3 font-semibold">23</td><td class="px-4 py-3 font-semibold">1</td><td class="px-4 py-3 font-semibold">1</td><td class="px-4 py-3 font-semibold"><span class="font-mono">96 %</span></td></tr></tbody></table></div><p class="border-t border-[#e3e5e8] p-3 text-xs font-semibold">Absence = séance planifiée sans connexion ni présence pointée. Une connexion hors séance ne compte pas comme présence.</p></section>
<section id="regles" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-regles"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4 "><h2 id="t-regles" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0zM12 9v4M12 17h.01"/></svg>Règles d’alerte</h2></div><ul class="grid gap-2 p-4"><li><label class="flex items-start gap-3 border border-[#dadce0] rounded-lg bg-white p-3 text-sm"><input type="checkbox" checked class="mt-0.5 h-5 w-5 accent-black"><span><span class="block font-extrabold">Absences</span><span class="block font-semibold">3 absences non justifiées en 30 jours</span></span></label></li><li><label class="flex items-start gap-3 border border-[#dadce0] rounded-lg bg-white p-3 text-sm"><input type="checkbox" checked class="mt-0.5 h-5 w-5 accent-black"><span><span class="block font-extrabold">Résultats</span><span class="block font-semibold">Moyenne en baisse de plus de 4 points sur 4 semaines</span></span></label></li><li><label class="flex items-start gap-3 border border-[#dadce0] rounded-lg bg-white p-3 text-sm"><input type="checkbox" checked class="mt-0.5 h-5 w-5 accent-black"><span><span class="block font-extrabold">Activité</span><span class="block font-semibold">Aucune connexion depuis 10 jours ouvrés</span></span></label></li><li><label class="flex items-start gap-3 border border-[#dadce0] rounded-lg bg-white p-3 text-sm"><input type="checkbox" checked class="mt-0.5 h-5 w-5 accent-black"><span><span class="block font-extrabold">Devoirs</span><span class="block font-semibold">2 devoirs non rendus consécutifs</span></span></label></li><li><label class="flex items-start gap-3 border border-[#dadce0] rounded-lg bg-white p-3 text-sm"><input type="checkbox" class="mt-0.5 h-5 w-5 accent-black"><span><span class="block font-extrabold">Examens</span><span class="block font-semibold">Plus de 3 sorties de fenêtre pendant un examen</span></span></label></li></ul><div class="grid gap-3 border-t border-[#e3e5e8] p-4 sm:grid-cols-2"><label class="grid gap-1 text-sm font-bold">Destinataires<select class="h-11 border border-[#dadce0] rounded-lg bg-white px-2 font-semibold"><option>Prof principal + CPE</option><option>CPE uniquement</option><option>Prof principal, CPE, direction</option></select></label><label class="grid gap-1 text-sm font-bold">Famille (mineurs<select class="h-11 border border-[#dadce0] rounded-lg bg-white px-2 font-semibold"><option>Non</option><option>Après validation du CPE</option></select></label></div></section>
</div>
<div class="mt-6"><section id="droits" class="border border-[#dadce0] rounded-lg bg-white" aria-labelledby="t-droits"><div class="flex flex-wrap items-center justify-between gap-3 border-b border-[#e3e5e8] p-4 "><h2 id="t-droits" class="flex items-center gap-2 text-lg font-extrabold"><svg viewBox="0 0 24 24" class="h-4 w-4 shrink-0" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>Rôles et droits</h2></div><div class="overflow-x-auto"><table class="w-full min-w-[760px] border-collapse text-left text-sm"><thead class="border-b border-[#e3e5e8] bg-[#f8f9fa] font-mono text-[11px] uppercase tracking-wider"><tr><th class="px-4 py-3 font-semibold">Donnée</th><th class="px-4 py-3 font-semibold">Enseignant</th><th class="px-4 py-3 font-semibold">Prof principal</th><th class="px-4 py-3 font-semibold">CPE</th><th class="px-4 py-3 font-semibold">Direction</th><th class="px-4 py-3 font-semibold">Intendance</th></tr></thead><tbody><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Notes de ses classes</span></td><td class="px-4 py-3 font-semibold">Lire, écrire</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Assiduité</span></td><td class="px-4 py-3 font-semibold">Pointer</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold">Lire, justifier</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Observations</span></td><td class="px-4 py-3 font-semibold">Écrire</td><td class="px-4 py-3 font-semibold">Lire, écrire</td><td class="px-4 py-3 font-semibold">Lire, écrire</td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Fiche élève complète</span></td><td class="px-4 py-3 font-semibold">Ses élèves</td><td class="px-4 py-3 font-semibold">Sa classe</td><td class="px-4 py-3 font-semibold">Tous</td><td class="px-4 py-3 font-semibold">Tous</td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Exports</span></td><td class="px-4 py-3 font-semibold">Ses classes</td><td class="px-4 py-3 font-semibold">Sa classe</td><td class="px-4 py-3 font-semibold">Tous</td><td class="px-4 py-3 font-semibold">Tous</td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td></tr><tr class="border-b border-[#e3e5e8] last:border-b-0 hover:bg-[#f8f9fa]"><td class="px-4 py-3 font-semibold"><span class="font-extrabold">Licences et factures</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td><td class="px-4 py-3 font-semibold"><span class="font-mono">—</span></td><td class="px-4 py-3 font-semibold">Lire</td><td class="px-4 py-3 font-semibold">Lire, gérer</td></tr></tbody></table></div><p class="border-t border-[#e3e5e8] bg-[#f8f9fa] p-3 text-xs font-semibold">Chaque consultation de fiche et chaque export sont journalisés. Le journal est consultable par la direction et le DPO.</p></section></div></div></div></div>
</main>
<footer style="background:#f8f9fa;border-top:1px solid #e3e5e8;font-family:Mulish,system-ui,sans-serif">
<div class="mx-auto grid max-w-7xl gap-10 px-5 py-14 sm:grid-cols-2 lg:grid-cols-4 lg:px-10">
<div>
<p style="margin:0;font-size:18px;font-weight:800;color:#0b1220">Syllabus</p>
<p style="margin:10px 0 0;font-size:14px;line-height:1.6;font-weight:500;color:#5f6368">Cours, labs, IDE et examens en ligne, du lycée au master.</p>
</div>
<nav aria-label="Produit"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Produit</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="apercu-fonctionnalites.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Fonctionnalités</a></li><li><a href="apercu-cours.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="apercu-lab-essai.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Essayer un lab</a></li><li><a href="apercu-tarifs.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Tarifs</a></li></ul></nav><nav aria-label="Outils"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Outils</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="apercu-ressource.html?outil=cockpit" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Tableau de bord prof</a></li><li><a href="apercu-ressource.html?outil=labs" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">TP sur machine Linux</a></li><li><a href="apercu-ressource.html?outil=ide" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Éditeur de code</a></li><li><a href="apercu-ressource.html?outil=quiz" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="apercu-ressource.html?outil=sujet" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Examens</a></li><li><a href="apercu-ressource.html?outil=bibliotheque" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Bibliothèque du prof</a></li></ul></nav><nav aria-label="Établissements"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Établissements</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="apercu-etablissements.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Équiper une classe</a></li><li><a href="apercu-ressource.html?outil=vie-scolaire" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="apercu-ressource.html?outil=espace-etablissement" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Licences et factures</a></li><li><a href="apercu-ressource.html?outil=integration" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></nav><nav aria-label="Syllabus"><p style="margin:0;font-size:13px;font-weight:800;color:#0b1220">Syllabus</p><ul style="margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px"><li><a href="apercu-aide.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Aide et tutoriels</a></li><li><a href="apercu-legal.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Mentions légales et RGPD</a></li></ul></nav>
<p style="margin:0;align-self:start;font-size:14px;font-weight:600;color:#5f6368"><span style="color:#137333">●</span> Tous les services fonctionnent</p>
</div>
<div style="border-top:1px solid #e3e5e8"><ul aria-label="Engagements" style="max-width:1200px;margin:0 auto;padding:24px 20px;list-style:none;display:flex;flex-wrap:wrap;gap:12px 40px"><li style="font-size:14px;font-weight:700;color:#0b1220">Hébergé en France <span style="font-weight:500;color:#5f6368">· Paris</span></li><li style="font-size:14px;font-weight:700;color:#0b1220">RGPD <span style="font-weight:500;color:#5f6368">· données minimisées</span></li><li style="font-size:14px;font-weight:700;color:#0b1220">20 cursus <span style="font-weight:500;color:#5f6368">· du lycée au master</span></li><li style="font-size:14px;font-weight:700;color:#0b1220">0 € <span style="font-weight:500;color:#5f6368">· sans carte bancaire</span></li></ul>
</div>
<div style="border-top:1px solid #e3e5e8">
<div class="mx-auto flex max-w-7xl flex-wrap items-center justify-center gap-x-6 gap-y-2 px-5 py-4 lg:px-10"><nav aria-label="Informations légales"><ul class="flex flex-wrap justify-center gap-x-5 gap-y-1" style="margin:0;padding:0;list-style:none;font-size:14px;font-weight:500"><li><a href="apercu-legal.html#mentions" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Mentions légales</a></li><li><a href="apercu-legal.html#cgu" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">CGU</a></li><li><a href="apercu-legal.html#confidentialite" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Confidentialité et RGPD</a></li><li><a href="apercu-legal.html#cookies" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cookies</a></li><li><a href="apercu-legal.html#sous-traitance" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Sous-traitance</a></li></ul></nav></div>
</div>
</footer>
</body>
</html>