70 lines
44 KiB
HTML
70 lines
44 KiB
HTML
<!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="Apercu%20accueil%20Blade.html" aria-label="Syllabus, accueil" style="display:flex;align-items:center;gap:0;text-decoration:none"><img src="images/logo-syllabus-icone.png" alt="" style="height:32px;width:auto;display:block"><span style="font-family:Mulish,system-ui,sans-serif;font-weight:800;font-size:19px;color:#111827;letter-spacing:-0.01em;margin-left:-14px;position:relative">Syllabus</span></a>
|
||
<ul style="margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;flex:1;line-height:1.5"><li><details class="group"><summary style="cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;height:36px;margin:-6px -12px;padding:0 12px;border-radius:999px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220" class="hover:bg-[#f1f3f4] group-open:bg-[#e8f0fe] group-open:text-[#0b57d0] [&::-webkit-details-marker]:hidden">Fonctionnalités<svg aria-hidden="true" viewBox="0 0 16 16" width="16" height="16" class="transition-transform duration-200 group-open:rotate-180" style="flex:none;opacity:.7"><path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
|
||
<div style="position:absolute;left:20px;right:20px;top:100%;margin-top:4px;z-index:50;max-width:1160px;margin-left:auto;margin-right:auto;box-sizing:border-box;max-height:calc(100vh - 90px);overflow:auto;border-radius:20px;background:#fff;border:1px solid #e3e5e8;box-shadow:0 24px 48px -16px rgba(15,23,42,.22)">
|
||
<div class="grid grid-cols-2 sm:grid-cols-3 min-[1100px]:grid-cols-5 [&>div:last-child]:col-span-2 min-[1100px]:[&>div:last-child]:col-span-1" style="gap:1px;background:#e3e5e8"><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#0b57d0"></span>Piloter la classe</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">En direct et au quotidien</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=cockpit" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Tableau de bord prof</a></li><li><a href="apercu-ressource.html?outil=visio" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Visio de classe</a></li><li><a href="apercu-ressource.html?outil=espace-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace élève</a></li><li><a href="apercu-ressource.html?outil=fiche-eleve" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Fiche élève</a></li><li><a href="apercu-ressource.html?outil=messagerie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Messagerie</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#137333"></span>Apprendre</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Cours, TP et code</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=cours" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Cours gratuits</a></li><li><a href="apercu-ressource.html?outil=labs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TP sur machine Linux</a></li><li><a href="apercu-ressource.html?outil=lab-web" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Lab web</a></li><li><a href="apercu-ressource.html?outil=ide" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Éditeur de code en ligne</a></li><li><a href="apercu-ressource.html?outil=maison" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Ressources à la maison</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#b06000"></span>Préparer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Prêt à projeter ou imprimer</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=bibliotheque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Bibliothèque du prof</a></li><li><a href="apercu-ressource.html?outil=banque" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Banque de sujets</a></li><li><a href="apercu-ressource.html?outil=generateur" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Générateur de TD</a></li><li><a href="apercu-ressource.html?outil=td-imprimable" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">TD à imprimer</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#c5221f"></span>Évaluer</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Quiz, examens, devoirs</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=quiz" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Quiz flash</a></li><li><a href="apercu-ressource.html?outil=sujet" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Créer un sujet</a></li><li><a href="apercu-ressource.html?outil=devoirs" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Devoirs maison</a></li><li><a href="apercu-ressource.html?outil=correction" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Corriger les copies</a></li><li><a href="apercu-ressource.html?outil=export" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Export Pronote / ENT</a></li></ul></div><div style="padding:22px 20px 20px;min-width:0;background:#fff"><p style="margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#0b1220"><span aria-hidden="true" style="flex:none;width:10px;height:10px;border-radius:3px;background:#8430ce"></span>Établissement</p><p style="margin:4px 0 0 20px;min-height:32px;font-size:12px;line-height:16px;font-weight:500;color:#5f6368">Vie scolaire, direction, DSI</p><ul style="margin:10px 0 0 20px;padding:12px 0 0;border-top:1px solid #f1f3f4;list-style:none;display:grid;gap:2px"><li><a href="apercu-ressource.html?outil=vie-scolaire" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Vie scolaire</a></li><li><a href="apercu-ressource.html?outil=cohortes" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Suivi des cohortes</a></li><li><a href="apercu-ressource.html?outil=espace-etablissement" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Espace établissement</a></li><li><a href="apercu-ressource.html?outil=academie" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Académie</a></li><li><a href="apercu-ressource.html?outil=integration" style="display:block;margin:0 -8px;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35;font-weight:600;color:#0b1220;text-decoration:none" class="hover:bg-[#f1f3f4] hover:text-[#0b57d0]">Intégration et sécurité</a></li></ul></div></div>
|
||
<div style="position:sticky;bottom:0;padding:14px 24px;border-top:1px solid #e3e5e8;background:#f8f9fa;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px"><span style="font-size:14px;font-weight:500;color:#5f6368">24 outils, chacun avec sa présentation et sa démo</span><a href="apercu-fonctionnalites.html" style="font-size:15px;font-weight:700;color:#0b57d0;text-decoration:none">Voir toutes les fonctionnalités →</a></div>
|
||
</div></details></li><li><a href="apercu-cours.html" style="display:inline-flex;align-items:center;height:24px;line-height:1.5;font-size:15px;font-weight:600;color:#0b1220;text-decoration:none" class="hover:text-[#0b57d0] aria-[current=page]:text-[#0b57d0]">Cours</a></li><li><a href="apercu-tarifs.html" 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="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 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 € 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="apercu-cours.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="apercu-paiement.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="apercu-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="apercu-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 € HT par mois avec 100 h de VM incluses, puis 0,09 € 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 ? <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="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>
|