Paillasse/design/apercu-cours.html

391 lines
120 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cours gratuits · 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="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-w
<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" aria-current="page" 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>
<section style="padding:112px 20px 96px;background:#fff"><div style="max-width:900px;margin:0 auto"><p style="margin:0;font-size:15px;font-weight:700;color:#0b57d0;text-align:center">Gratuit, sans compte</p><h1 style="margin:20px 0 0;font-size:clamp(40px,6vw,72px);line-height:1.04;font-weight:800;letter-spacing:-0.03em;color:#0b1220;text-align:center;text-wrap:balance">99 cours gratuits, calés sur vos référentiels.</h1><p style="margin:24px auto 0;max-width:660px;font-size:20px;line-height:1.6;font-weight:500;color:#3c4043;text-align:center;text-wrap:pretty">Chaque cours suit le découpage de l’Éducation nationale : un CM pour comprendre, un TD pour s’exercer sur papier, un TP sur une vraie VM, un QCM corrigé et expliqué.</p><p style="margin:28px 0 0;text-align:center;font-size:15px;font-weight:700;color:#5f6368">99 cours · 45 TD · 59 TP sur VM · 98 QCM corrigés</p><div style="margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:14px"><a href="#nsi" style="display:inline-flex;align-items:center;height:56px;padding:0 32px;border-radius:999px;background:#0b57d0;color:#fff;font-size:17px;font-weight:700;text-decoration:none">Choisir mon cursus</a></div><nav aria-label="Cursus" style="margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px"><a href="#nsi" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Lycée NSI</a><a href="#sio" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">BTS SIO SISR</a><a href="#ciel" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">BTS CIEL</a><a href="#but" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">BUT R&amp;T</a><a href="#tssr" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Titre pro TSSR</a><a href="#prog" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Programmation</a></nav></div></section>
<section id="nsi" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-nsi">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-nsi" style="margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-0.02em;color:#0b1220">Lycée NSI</h2>
<p class="text-lg font-semibold">Première et Terminale · spécialité NSI · 16 cours</p>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Première · Représentation des données</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Entiers%20naturels%20%3A%20binaire%20et%20hexad%C3%A9cimal" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Entiers naturels : binaire et hexadécimal</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Entiers%20relatifs%20et%20compl%C3%A9ment%20%C3%A0%20deux" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Entiers relatifs et complément à deux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Nombres%20flottants%20et%20leurs%20pi%C3%A8ges" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Nombres flottants et leurs pièges</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Codage%20des%20caract%C3%A8res%20%3A%20ASCII%2C%20Unicode%2C%20UTF-8" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Codage des caractères : ASCII, Unicode, UTF-8</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Première · Architectures et systèmes</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Mod%C3%A8le%20de%20von%20Neumann" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Modèle de von Neumann</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Syst%C3%A8me%20d%E2%80%99exploitation%20et%20commandes%20Linux" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Système d’exploitation et commandes Linux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Droits%20et%20permissions%20des%20fichiers" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Droits et permissions des fichiers</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=R%C3%A9seau%20%3A%20TCP%2FIP%20et%20protocole%20du%20bit%20altern%C3%A9" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Réseau : TCP/IP et protocole du bit alterné</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Première · Web et données</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=HTTP%2C%20formulaires%20GET%20et%20POST" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">HTTP, formulaires GET et POST</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Traitement%20de%20donn%C3%A9es%20en%20tables%20CSV" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Traitement de données en tables CSV</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Terminale · Architectures, réseaux, sécurité</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Processus%20et%20ordonnancement" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Processus et ordonnancement</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Routage%20%3A%20protocoles%20RIP%20et%20OSPF" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Routage : protocoles RIP et OSPF</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Chiffrement%20sym%C3%A9trique%2C%20asym%C3%A9trique%20et%20HTTPS" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Chiffrement symétrique, asymétrique et HTTPS</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Terminale · Données et structures</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Bases%20de%20donn%C3%A9es%20relationnelles%20et%20SQL" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Bases de données relationnelles et SQL</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Piles%2C%20files%20et%20listes%20cha%C3%AEn%C3%A9es" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Piles, files et listes chaînées</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Arbres%20binaires%20et%20graphes" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Arbres binaires et graphes</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="sio" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-sio">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-sio" style="margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-0.02em;color:#0b1220">BTS SIO SISR</h2>
<p class="text-lg font-semibold">Services informatiques aux organisations · option SISR · 18 cours</p>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Bloc 1 · Support et mise à disposition de services</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=G%C3%A9rer%20le%20parc%20avec%20GLPI" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Gérer le parc avec GLPI</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Traiter%20un%20incident%20%3A%20ticket%2C%20diagnostic%2C%20r%C3%A9solution" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Traiter un incident : ticket, diagnostic, résolution</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=Installer%20et%20configurer%20un%20poste%20Debian" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Installer et configurer un poste Debian</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Pr%C3%A9sence%20en%20ligne%20%3A%20nom%20de%20domaine%20et%20DNS%20public" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Présence en ligne : nom de domaine et DNS public</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Bloc 2 · Administration des systèmes et des réseaux</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-ipv4.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Adressage IPv4 et sous-réseaux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=VLAN%20et%20commutation" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">VLAN et commutation</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Routage%20inter-VLAN" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Routage inter-VLAN</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Serveur%20DHCP%20sous%20Debian" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Serveur DHCP sous Debian</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Serveur%20DNS%20avec%20BIND%209" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Serveur DNS avec BIND 9</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Annuaire%20Samba%20AD%20et%20strat%C3%A9gies%20de%20groupe" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Annuaire Samba AD et stratégies de groupe</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Supervision%20avec%20Zabbix" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Supervision avec Zabbix</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Sauvegarde%20et%20restauration" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Sauvegarde et restauration</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Virtualisation%20et%20conteneurs" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Virtualisation et conteneurs</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Bloc 3 · Cybersécurité des services</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=RGPD%20et%20protection%20des%20donn%C3%A9es" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">RGPD et protection des données</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Authentification%20et%20mots%20de%20passe" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Authentification et mots de passe</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Pare-feu%20avec%20nftables" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Pare-feu avec nftables</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=VPN%20avec%20WireGuard" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">VPN avec WireGuard</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=Journalisation%20et%20d%C3%A9tection%20d%E2%80%99intrusion" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Journalisation et détection d’intrusion</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="ciel" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-ciel">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-ciel" style="margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-0.02em;color:#0b1220">BTS CIEL</h2>
<p class="text-lg font-semibold">Cybersécurité, informatique et réseaux, électronique · option IR · 12 cours</p>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Réseaux</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Num%C3%A9ration%20et%20codage%20de%20l%E2%80%99information" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Numération et codage de l’information</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Mod%C3%A8le%20OSI%20et%20encapsulation" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Modèle OSI et encapsulation</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Ethernet%2C%20c%C3%A2blage%20et%20commutation" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Ethernet, câblage et commutation</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-ipv4.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Adressage IPv4 et IPv6</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=Services%20r%C3%A9seau%20%3A%20SSH%2C%20HTTP%2C%20FTP" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Services réseau : SSH, HTTP, FTP</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Capturer%20et%20analyser%20des%20trames%20avec%20tcpdump" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Capturer et analyser des trames avec tcpdump</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Informatique</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Scripts%20Bash" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Scripts Bash</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Python%20pour%20l%E2%80%99administration%20syst%C3%A8me" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Python pour l’administration système</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Objets%20connect%C3%A9s%20et%20protocole%20MQTT" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Objets connectés et protocole MQTT</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Cybersécurité</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Analyse%20de%20risques" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Analyse de risques</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Durcir%20un%20serveur%20Linux" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Durcir un serveur Linux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=D%C3%A9tecter%20une%20attaque%20dans%20les%20journaux" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Détecter une attaque dans les journaux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="but" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-but">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-but" style="margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-0.02em;color:#0b1220">BUT R&amp;T</h2>
<p class="text-lg font-semibold">Réseaux et télécommunications · parcours Cybersécurité et DevCloud · 13 cours</p>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Semestres 1 et 2</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Initiation%20aux%20r%C3%A9seaux%20informatiques" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Initiation aux réseaux informatiques</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Fondamentaux%20des%20syst%C3%A8mes%20Linux" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Fondamentaux des systèmes Linux</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Architecture%20des%20syst%C3%A8mes%20num%C3%A9riques" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Architecture des systèmes numériques</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD QCM"><a href="apercu-cours-fiche.html?chapitre=Transmission%20et%20supports%20physiques" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Transmission et supports physiques</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Bases%20de%20la%20programmation" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Bases de la programmation</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Semestres 3 et 4</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Routage%20dynamique%20OSPF" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Routage dynamique OSPF</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Services%20r%C3%A9seaux%20%3A%20DNS%2C%20mail%2C%20web" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Services réseaux : DNS, mail, web</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=R%C3%A9seaux%20d%E2%80%99op%C3%A9rateurs%20%3A%20BGP%20et%20MPLS" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Réseaux d’opérateurs : BGP et MPLS</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Supervision%20et%20m%C3%A9trologie" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Supervision et métrologie</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Automatiser%20avec%20Ansible" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Automatiser avec Ansible</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Parcours Cybersécurité et DevCloud</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Cryptographie%20appliqu%C3%A9e%20%3A%20PKI%20et%20certificats" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Cryptographie appliquée : PKI et certificats</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Conteneurs%20Docker%20et%20orchestration" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Conteneurs Docker et orchestration</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Auditer%20la%20s%C3%A9curit%C3%A9%20d%E2%80%99un%20r%C3%A9seau" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Auditer la sécurité d’un réseau</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="tssr" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-tssr">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-tssr" class="inline-block border border-[#e3e5e8] rounded-2xl bg-white px-4 py-1 text-5xl font-extrabold tracking-tight sm:text-6xl">Titre pro TSSR</h2>
<p class="text-lg font-semibold">Technicien supérieur systèmes et réseaux · niveau 5 · 11 cours</p>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 class="border-b border-[#e3e5e8] bg-white px-5 py-3 text-lg font-extrabold">CCP 1 · Assister les utilisateurs</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=Mettre%20en%20service%20un%20poste%20client" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Mettre en service un poste client</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="TD TP QCM"><a href="apercu-cours-fiche.html?chapitre=Diagnostiquer%20une%20panne%20r%C3%A9seau" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Diagnostiquer une panne réseau</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD"><a href="apercu-cours-fiche.html?chapitre=R%C3%A9diger%20une%20proc%C3%A9dure%20utilisateur" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Rédiger une procédure utilisateur</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 class="border-b border-[#e3e5e8] bg-white px-5 py-3 text-lg font-extrabold">CCP 2 · Infrastructure centralisée</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=D%C3%A9ployer%20un%20domaine%20Samba%20AD" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Déployer un domaine Samba AD</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Partages%20de%20fichiers%20et%20ACL" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Partages de fichiers et ACL</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Sauvegardes%20avec%20restic" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Sauvegardes avec restic</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="TP QCM"><a href="apercu-cours-fiche.html?chapitre=Superviser%20une%20infrastructure" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Superviser une infrastructure</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 class="border-b border-[#e3e5e8] bg-white px-5 py-3 text-lg font-extrabold">CCP 3 · Infrastructure distribuée</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=D%C3%A9ployer%20des%20services%20dans%20le%20cloud" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Déployer des services dans le cloud</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Docker%20Compose%20en%20production" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Docker Compose en production</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=Automatiser%20l%E2%80%99administration%20en%20Bash" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Automatiser l’administration en Bash</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-cours-fiche.html?chapitre=VPN%20site%20%C3%A0%20site" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">VPN site à site</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="prog" class="scroll-mt-24" style="border-top:1px solid #e3e5e8" aria-labelledby="t-prog">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="flex flex-wrap items-end gap-x-8 gap-y-3">
<h2 id="t-prog" style="margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-0.02em;color:#0b1220">Programmation</h2>
<p class="text-lg font-semibold">Python, web, SQL, Bash, C · exercices dans l’IDE en ligne · 29 cours</p>
<a href="apercu-ide.html" class="ml-auto border border-[#e3e5e8] rounded-2xl bg-black px-4 py-2 font-extrabold text-white hover:bg-[#ec3013]">Ouvrir l’IDE →</a>
</div>
<div class="mt-12 grid gap-10 lg:grid-cols-2">
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Python · les bases</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-pair" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Variables et types</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-pair" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Conditions : if, elif, else</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Boucles for et while</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-pair" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Fonctions et paramètres</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Listes et tuples</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-voyelles" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Chaînes de caractères</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-voyelles" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Dictionnaires</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Lire et écrire des fichiers CSV</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Python · aller plus loin</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Récursivité</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-pair" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Programmation orientée objet</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Algorithmes de tri</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=py-somme" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Recherche dichotomique</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=py-pair" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Tester son code avec assert</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-lab-essai.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Sockets : un client réseau en Python</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Web</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=web-bouton" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">HTML : structurer une page</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=web-bouton" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">CSS : flexbox et grid</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=web-bouton" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">JavaScript et le DOM</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=web-bouton" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Formulaires et validation</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=web-bouton" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">API REST et JSON avec fetch</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-lab-essai.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">PHP côté serveur</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Bases de données</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=sql-select" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">SELECT, WHERE, ORDER BY</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=sql-group" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Agrégats et GROUP BY</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TD IDE QCM"><a href="apercu-ide.html?ex=sql-select" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Jointures</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=sql-select" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Créer des tables et des contraintes</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=sql-select" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Injection SQL : comprendre et s’en protéger</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
</ul>
</div>
<div data-bloc style="border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;background:#fff">
<h3 style="margin:0;padding:16px 20px;border-bottom:1px solid #e3e5e8;background:#f8f9fa;font-size:17px;font-weight:800;color:#0b1220">Système et outils</h3>
<ul class="divide-y divide-[#e3e5e8]">
<li data-types="CM IDE TP QCM"><a href="apercu-ide.html?ex=bash-tp" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Scripts Bash avancés</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM IDE QCM"><a href="apercu-ide.html?ex=bash-tp" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Expressions régulières</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span class="border border-[#dadce0] rounded-lg bg-[#13233A] text-white px-1.5 font-mono text-xs font-semibold">IDE</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">2 h</span></a></li>
<li data-types="CM TP QCM"><a href="apercu-lab-essai.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Git : versionner son code</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">3 h</span></a></li>
<li data-types="CM TD TP QCM"><a href="apercu-lab-essai.html" class="flex flex-wrap items-center gap-x-4 gap-y-2 px-5 py-3 hover:bg-[#f8f9fa]"><span class="min-w-0 flex-1 font-extrabold">Langage C : pointeurs et mémoire</span><span class="flex gap-1"><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">CM</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TD</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">TP</span><span style="padding:1px 7px;border-radius:999px;background:#eef1f5;color:#3c4043;font-size:12px;font-weight:700">QCM</span></span><span class="w-10 text-right font-mono text-sm font-semibold">4 h</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<script>
document.querySelectorAll('[data-filtre]').forEach(function (b) {
b.addEventListener('click', function () {
var f = b.dataset.filtre;
document.querySelectorAll('[data-filtre]').forEach(function (x) { x.setAttribute('aria-pressed', x === b); });
document.querySelectorAll('[data-types]').forEach(function (li) {
li.hidden = f !== 'Tout' && li.dataset.types.split(' ').indexOf(f) === -1;
});
document.querySelectorAll('[data-bloc]').forEach(function (b) { b.hidden = !b.querySelector('[data-types]:not([hidden])'); });
document.querySelectorAll('section[id]').forEach(function (s) { if (s.querySelector('[data-bloc]')) s.hidden = !s.querySelector('[data-bloc]:not([hidden])'); });
});
});
</script>
<section class="border-t border-[#e3e5e8] bg-white" aria-label="Lever la main">
<div class="mx-auto max-w-7xl px-5 py-16 lg:px-10">
<div class="relative grid items-center gap-10 border border-[#e3e5e8] rounded-2xl bg-black p-8 text-white sm:p-12 md:grid-cols-[auto_1fr]">
<div class="grid h-40 w-40 place-items-center rounded-full border-4 border-white bg-[#E6FF3F] text-black" role="img" aria-label="Moins 40 décibels"><span class="flex flex-col items-center gap-1 text-center"><span class="font-mono text-5xl font-semibold leading-none">−40</span><span class="text-2xl font-extrabold leading-none">dB</span></span></div>
<div>
<p class="text-4xl font-extrabold leading-tight tracking-tight sm:text-5xl">Les élèves signalent un blocage avec la fonction « Lever la main », sans interrompre la classe.<span class="bg-[#E6FF3F] px-2 text-black">« Lever la main »</span>.</p>
<p class="mt-6 text-2xl font-bold">Chaque demande arrive dans votre tableau de bord, dans l’ordre.&nbsp;!</p>
</div>
</div>
</div>
</section>
<section class="border-t border-[#e3e5e8] bg-white" aria-labelledby="t-pdf">
<div class="mx-auto grid max-w-7xl items-center gap-10 px-5 py-16 lg:grid-cols-12 lg:px-10">
<div class="border border-[#e3e5e8] rounded-2xl bg-white lg:col-span-6"><div class="aspect-[10/7]"><svg viewBox="0 0 600 420" class="h-full w-full" role="img" aria-label="Un smiley qui sourit à côté des cours à télécharger">
<defs><pattern id="pts" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="3" fill="#000"/></pattern></defs>
<rect x="330" y="0" width="270" height="420" fill="url(#pts)"/>
<path d="M0 50 C150 20 270 80 320 170 L310 250 C230 215 120 240 0 285 Z" fill="#FF3E9A"/>
<path d="M190 262 C225 160 350 80 470 76 C575 72 606 170 566 262 C526 352 404 400 292 380 C210 364 172 318 190 262 Z" fill="#35E0E8"/>
<g transform="translate(486 104) rotate(14)"><path d="M-20 -26 H10 L22 -14 V28 H-20 Z" fill="#fff" stroke="#000" stroke-width="5" stroke-linejoin="round"/><path d="M10 -26 V-14 H22" fill="#FFD23F" stroke="#000" stroke-width="5" stroke-linejoin="round"/><rect x="-26" y="-2" width="38" height="16" fill="#ec3013" stroke="#000" stroke-width="5"/><text x="-7" y="11" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="12" fill="#fff">PDF</text></g>
<path d="M540 190 l7 15 16 2 -12 11 3 16 -14 -8 -14 8 3 -16 -12 -11 16 -2 z" fill="#FFD23F" stroke="#000" stroke-width="4" stroke-linejoin="round"/>
<g transform="rotate(-10 200 170)">
<circle cx="208" cy="178" r="112" fill="#000"/>
<circle cx="200" cy="170" r="112" fill="#FFDD57" stroke="#000" stroke-width="8"/>
<ellipse cx="160" cy="140" rx="13" ry="20" fill="#000"/>
<ellipse cx="240" cy="140" rx="13" ry="20" fill="#000"/>
<path d="M128 192 C150 250 250 250 272 192 Z" fill="#000" stroke="#000" stroke-width="8" stroke-linejoin="round"/>
<path d="M142 198 H258 C254 212 248 218 244 222 H156 C150 216 146 210 142 198 Z" fill="#fff"/>
</g>
<g font-family="Archivo, sans-serif" font-weight="900" transform="rotate(-8 400 350)">
<text x="208" y="352" font-size="40" fill="#FF3E9A" letter-spacing="1">SERVEZ-VOUS&#160;!</text>
<text x="205" y="349" font-size="40" fill="#000" letter-spacing="1">SERVEZ-VOUS&#160;!</text>
<rect x="204" y="362" width="340" height="26" fill="#fff" stroke="#000" stroke-width="3"/><text x="214" y="381" font-size="15" fill="#000" letter-spacing="1">COURS · TD · CORRECTIONS EN PDF</text>
</g>
</svg></div></div>
<div class="lg:col-span-6">
<p class="inline-block border border-[#dadce0] rounded-lg bg-[#35E0E8] px-3 py-1 text-sm font-bold">Gratuit · à télécharger</p>
<h2 id="t-pdf" class="mt-6 text-5xl font-extrabold leading-[0.95] tracking-tight sm:text-6xl">Tous les cours se téléchargent en PDF.</h2>
<p class="mt-5 text-xl font-medium leading-relaxed">CM complet, TD prêt à imprimer avec ses cases à remplir, correction à part, QCM papier. Pour la classe, pour réviser chez soi ou pour un jour sans réseau.</p>
<ul class="mt-8 grid gap-3 sm:grid-cols-2">
<li><a href="apercu-cours-ipv4-cm.html" class="flex items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] p-3 font-extrabold"><svg viewBox="0 0 40 48" class="h-12 w-10 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>CM complet<span class="block font-mono text-xs font-semibold">Adressage IPv4 · 12 pages</span></span></a></li>
<li><a href="apercu-td-imprimable.html" class="flex items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] p-3 font-extrabold"><svg viewBox="0 0 40 48" class="h-12 w-10 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>TD à imprimer<span class="block font-mono text-xs font-semibold">Étapes + cases à remplir</span></span></a></li>
<li><a href="apercu-td-imprimable.html#correction" class="flex items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] p-3 font-extrabold"><svg viewBox="0 0 40 48" class="h-12 w-10 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>Correction<span class="block font-mono text-xs font-semibold">Réservée au prof</span></span></a></li>
<li><a href="apercu-cours.html" class="flex items-center gap-4 border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] p-3 font-extrabold"><svg viewBox="0 0 40 48" class="h-12 w-10 shrink-0" role="img" aria-label="PDF"><path d="M3 3 H27 L37 13 V45 H3 Z" fill="#fff" stroke="#000" stroke-width="3" stroke-linejoin="round"/><path d="M27 3 V13 H37" fill="#FFD23F" stroke="#000" stroke-width="3" stroke-linejoin="round"/><rect x="0" y="22" width="32" height="14" fill="#ec3013" stroke="#000" stroke-width="3"/><text x="16" y="33" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="900" font-size="11" fill="#fff">PDF</text></svg><span>Tous les cours<span class="block font-mono text-xs font-semibold">Par cursus, du SNT au master</span></span></a></li>
</ul>
</div>
</div>
</section>
</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>