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

70 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

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

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tarifs · 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="index.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="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="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="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="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="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="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="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="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="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="ressource.html?outil=maison" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Ressources à la maison</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#b06000"></span>Préparer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Prêt à projeter ou imprimer</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="ressource.html?outil=bibliotheque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Bibliothèque du prof</a></li><li><a href="ressource.html?outil=banque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Banque de sujets</a></li><li><a href="ressource.html?outil=generateur" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Générateur de TD</a></li><li><a href="ressource.html?outil=td-imprimable" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TD à imprimer</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#c5221f"></span>Évaluer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Quiz, examens, devoirs</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="ressource.html?outil=quiz" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="ressource.html?outil=sujet" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Créer un sujet</a></li><li><a href="ressource.html?outil=devoirs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Devoirs maison</a></li><li><a href="ressource.html?outil=correction" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Corriger les copies</a></li><li><a href="ressource.html?outil=export" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Export Pronote / ENT</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#8430ce"></span>Établissement</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Vie scolaire, direction, DSI</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="ressource.html?outil=vie-scolaire" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="ressource.html?outil=cohortes" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Suivi des cohortes</a></li><li><a href="ressource.html?outil=espace-etablissement" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace établissement</a></li><li><a href="ressource.html?outil=academie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Académie</a></li><li><a href="ressource.html?outil=integration" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></div></div>
<div style="position:sticky;bottom:0;padding:14px 24px;border-top:1px solid #e3e5e8;background:#f8f9fa;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px"><span style="font-size:14px;font-weight:500;color:#5f6368">24 outils, chacun avec sa présentation et sa démo</span><a href="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="liste-attente.html" style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Cours</a></li><li><a href="tarifs.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]">Tarifs</a></li></ul>
<div style="display:flex;align-items:center;gap:20px">
<a href="liste-attente.html" style="font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0]">Se connecter</a>
<a href="liste-attente.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 style="background:#fff"><section style="padding:112px 20px 72px;background:#fff"><div style="max-width:880px;margin:0 auto"><p style="margin:0;font-size:15px;font-weight:700;color:#0b57d0;text-align:center">Tarifs HT</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">Les cours sont gratuits. Les VM coûtent moins qu’un manuel.</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">Une licence Syllabus pour un élève coûte 24&nbsp;€ par an : QCM, TP sur VM, suivi et mode examen compris.</p></div></section><section style="padding:0 20px 120px;background:#fff"><div style="max-width:1200px;margin:0 auto"><ul style="margin:0;padding:0;list-style:none;display:grid;gap:20px;align-items:stretch" class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4"><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #e3e5e8;background:#fff"><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Découverte</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Élèves, curieux, enseignants</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">0 €</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">pour toujours</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Les 99 cours : CM, TD, QCM</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Corrections expliquées</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>1 lab d’essai de 30 min par jour</li></ul><p style="margin:32px 0 0"><a href="liste-attente.html" style="font-size:16px;font-weight:700;color:#0b57d0;text-decoration:none">Lire les cours →</a></p></li><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #e3e5e8;background:#fff"><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Enseignant</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Une classe, sans passer par l’intendance</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">29 € / mois</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">ou 290 € / an · jusqu’à 35 élèves</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Les 59 TP sur VM</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Correction automatique</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Suivi des élèves et mode examen</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Cockpit prof, messagerie, correction assistée</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>15 h de VM par élève et par mois</li></ul><p style="margin:32px 0 0"><a href="liste-attente.html" style="font-size:16px;font-weight:700;color:#0b57d0;text-decoration:none">Souscrire →</a></p></li><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #0b57d0;background:#fff;box-shadow:0 24px 48px -28px rgba(11,87,208,.45)"><p style="margin:0 0 12px;font-size:13px;font-weight:800;color:#0b57d0">Le plus choisi</p><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Établissement</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Lycée, BTS, IUT, université, école</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">24 € / élève / an</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">à partir de 60 élèves · 1 440 € / an</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Tout Enseignant, classes illimitées</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Espace vie scolaire : CPE, direction, intendance</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Export Pronote / ENT</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Espace administrateur et bibliothèque partagée</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Séances réservées, VM prêtes 10 min avant</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Paiement par mandat administratif</li></ul><p style="margin:32px 0 0"><a href="etablissements.html" style="display:flex;justify-content:center;align-items:center;height:52px;border-radius:999px;background:#0b57d0;color:#fff;font-size:16px;font-weight:700;text-decoration:none">Demander un devis</a></p></li><li style="display:flex;flex-direction:column;padding:32px;border-radius:24px;border:1px solid #e3e5e8;background:#fff"><h3 style="margin:0;font-size:22px;font-weight:800;color:#0b1220">Région et OF</h3><p style="margin:6px 0 0;font-size:15px;font-weight:600;color:#5f6368">Académies, régions, organismes de formation</p><p style="margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-0.02em;color:#0b1220">Sur devis</p><p style="margin:4px 0 0;font-size:14px;font-weight:600;color:#5f6368">à partir de 500 élèves ou stagiaires</p><ul style="margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px;flex:1;align-content:start"><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Tout Établissement</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Capacité réservée</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Suivi par centre ou par site</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Tableau de bord académie</li><li style="display:flex;gap:10px;font-size:15px;line-height:1.5;font-weight:500;color:#3c4043"><span style="color:#0b57d0;font-weight:800">✓</span>Accompagnement au déploiement</li></ul><p style="margin:32px 0 0"><a href="etablissements.html" style="font-size:16px;font-weight:700;color:#0b57d0;text-decoration:none">Nous contacter →</a></p></li></ul><p style="margin:40px 0 0;text-align:center;font-size:15px;font-weight:600;color:#5f6368">API et MCP pour développeurs : 19&nbsp;€ HT par mois avec 100&nbsp;h de VM incluses, puis 0,09&nbsp;€ HT l’heure. Les classes restent prioritaires sur la capacité.</p></div></section><section style="background:#f8f9fa" aria-labelledby="t-faq">
<div class="mx-auto max-w-7xl px-5 py-20 lg:px-10">
<h2 id="t-faq" class="mt-6 text-5xl font-extrabold leading-[0.95] tracking-tight sm:text-6xl" style="margin:12px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:800;color:#0b1220">Vos questions, nos réponses.</h2>
<p class="mt-4 max-w-2xl text-xl font-medium">Intendance, données, pédagogie, technique. Une question manque&nbsp;? <a href="mailto:adam@belkacemi.me" class="font-extrabold underline underline-offset-4">adam@belkacemi.me</a></p>
<div class="mt-12 grid gap-x-8 gap-y-14 lg:grid-cols-2">
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#fef7e0] px-4 py-2 text-2xl font-extrabold">Achat et intendance</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Bon de commande et Chorus Pro ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Nous envoyons un devis, vous émettez un bon de commande, la facture arrive sur Chorus Pro. Paiement par mandat administratif à 30 jours.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Faut-il une carte bancaire pour essayer ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Un enseignant crée sa classe gratuitement, sans CB. En échange, on vous demande juste un coup de pouce : vos remarques, ou votre aide pour faire souscrire votre établissement.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Une licence couvre quelle période ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Une licence suit l’année scolaire, de septembre à août. Les comptes archivés sont supprimés 90 jours après la fin d’année.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les élèves qui redoublent ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Ils repartent sur la licence de l’année suivante. Leur historique (notes, observations, progression) peut être conservé si l’établissement le demande.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Peut-on payer par région ou par académie ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui, un devis groupé est possible pour plusieurs établissements. Écrivez-nous pour en parler.</p></details></li></ul></div>
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#e6f4ea] px-4 py-2 text-2xl font-extrabold">Élèves et données</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Où sont hébergées les données ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">En France, chez Scaleway, sur des serveurs situés à Paris. Rien ne sort de l’Union européenne.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et le RGPD ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Nous collectons le minimum : nom, prénom, classe, résultats. Pas de publicité, pas de revente, pas de traceurs tiers. Un contrat de sous-traitance est fourni à l’établissement.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les élèves mineurs peuvent-ils s’inscrire seuls ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. C’est l’enseignant qui crée la classe et distribue les identifiants. L’élève n’a pas besoin d’adresse e-mail.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Un élève peut-il travailler chez lui ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui, depuis n’importe quel navigateur, sur PC ou téléphone. Cours, QCM, IDE et devoirs maison restent accessibles toute l’année.</p></details></li></ul></div>
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#eef0fd] px-4 py-2 text-2xl font-extrabold">Pédagogie</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les cours suivent-ils les programmes officiels ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Ils sont construits à partir des référentiels officiels (BO, arrêtés, fiches RNCP), du SNT au master. Chaque CM, TD et TP indique les compétences visées.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Puis-je modifier un cours ou un sujet ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Tout se duplique et se modifie : CM, questions, TD, sujets d’examen. Vos versions restent dans votre bibliothèque.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Comment marche le mode examen ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">L’élève passe en plein écran. Si sa souris sort de la fenêtre ou s’il change d’onglet, vous le voyez en direct, avec l’heure et la durée.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Les TD s’impriment-ils ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Oui. Chaque TD se télécharge en PDF avec ses étapes et ses cases à remplir. La correction s’imprime à part, pour vous.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et la fonction « Lever la main » ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">L’élève lève la main depuis son écran, vous voyez la file d’attente. Fini les « Madame ! Monsieur ! » en boucle.</p></details></li></ul></div>
<div class=""><h3 class="inline-block border border-[#e3e5e8] rounded-2xl bg-[#fce8e6] px-4 py-2 text-2xl font-extrabold">Technique</h3><ul class="mt-6 grid gap-4"><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Faut-il installer quelque chose ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Tout se passe dans le navigateur : terminal Debian, IDE, navigateur relié à la VM. Rien à installer sur les postes du lycée.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Et si un élève dépasse 15 h de VM ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Le compteur est partagé par la classe : un élève peut consommer plus si d’autres consomment moins. Au-delà, les TP restent ouverts en lecture.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Le réseau du lycée bloque souvent tout…<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Syllabus passe par une connexion web chiffrée classique, comme n’importe quel site. En cas de souci, on vous aide à le régler avec votre administrateur réseau.</p></details></li><li><details class="group border border-[#e3e5e8] rounded-2xl bg-white open:"><summary class="flex cursor-pointer list-none items-start justify-between gap-4 p-4 text-lg font-extrabold leading-snug [&::-webkit-details-marker]:hidden">Une VM peut-elle casser le réseau du lycée ?<span class="grid h-7 w-7 shrink-0 place-items-center border border-[#dadce0] rounded-lg font-mono text-lg leading-none group-open:bg-black group-open:text-white" aria-hidden="true"><span class="group-open:hidden">+</span><span class="hidden group-open:inline">−</span></span></summary><p class="border-t border-[#e3e5e8] px-4 py-3 font-medium leading-relaxed">Non. Chaque VM est isolée chez nous. L’élève peut tout casser dedans, il la réinitialise en un clic.</p></details></li></ul></div>
</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="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="liste-attente.html" style="font-size:14px;font-weight:500;color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="liste-attente.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="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="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="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="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="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="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="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="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="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="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="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="liste-attente.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="mentions-legales.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="mentions-legales.html#mentions" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Mentions légales</a></li><li><a href="mentions-legales.html#cgu" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">CGU</a></li><li><a href="mentions-legales.html#confidentialite" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Confidentialité et RGPD</a></li><li><a href="mentions-legales.html#cookies" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Cookies</a></li><li><a href="mentions-legales.html#sous-traitance" style="color:#5f6368;text-decoration:none" class="hover:text-[#0b57d0]">Sous-traitance</a></li></ul></nav></div>
</div>
</footer>
</body>
</html>