Maroc Zain Academy LMS<\/title>\n<style>\n:root{\n --navy:#071d3a;\n --blue:#0f5f9a;\n --blue2:#1479c9;\n --gold:#e9c84a;\n --bg:#f4f7fb;\n --card:#ffffff;\n --text:#1b2638;\n --muted:#6f7d90;\n --border:#e6edf5;\n --success:#1f9d66;\n --danger:#c0392b;\n --shadow:0 14px 36px rgba(20,48,80,.09);\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n margin:0;\n font-family:Inter,Arial,Helvetica,sans-serif;\n background:var(--bg);\n color:var(--text);\n}\na{text-decoration:none;color:inherit}\nbutton{font:inherit}\n.mza-shell{\n min-height:100vh;\n display:grid;\n grid-template-columns:270px 1fr;\n}\n.sidebar{\n background:linear-gradient(180deg,var(--navy),#0a315c);\n color:#fff;\n padding:22px 18px;\n position:sticky;\n top:0;\n height:100vh;\n overflow:auto;\n}\n.brand{\n display:flex;align-items:center;gap:12px;\n padding:8px 8px 24px;\n}\n.logo{\n width:46px;height:46px;border-radius:14px;\n display:grid;place-items:center;\n background:var(--gold);color:var(--navy);\n font-weight:900;font-size:20px;\n}\n.brand h1{font-size:17px;margin:0;line-height:1.2}\n.brand small{display:block;opacity:.7;margin-top:3px}\n.nav-title{\n font-size:11px;\n text-transform:uppercase;\n letter-spacing:.12em;\n opacity:.55;\n margin:18px 10px 8px;\n}\n.nav-btn{\n width:100%;\n border:0;\n background:transparent;\n color:#fff;\n display:flex;\n align-items:center;\n gap:11px;\n padding:12px 13px;\n border-radius:12px;\n cursor:pointer;\n text-align:left;\n margin-bottom:4px;\n}\n.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.12)}\n.main{padding:26px;overflow:hidden}\n.topbar{\n display:flex;justify-content:space-between;align-items:center;\n gap:18px;margin-bottom:22px;\n}\n.search{\n background:#fff;border:1px solid var(--border);\n border-radius:13px;padding:11px 14px;min-width:320px;\n}\n.profile{\n display:flex;align-items:center;gap:10px;\n}\n.avatar{\n width:42px;height:42px;border-radius:50%;\n background:var(--navy);color:#fff;\n display:grid;place-items:center;font-weight:800;\n}\n.hero{\n background:linear-gradient(135deg,var(--navy),var(--blue));\n color:#fff;\n border-radius:25px;\n padding:34px;\n box-shadow:var(--shadow);\n display:grid;\n grid-template-columns:1.6fr 1fr;\n gap:22px;\n align-items:center;\n}\n.hero h2{font-size:36px;margin:0 0 10px}\n.hero p{margin:0;opacity:.9;max-width:720px}\n.hero-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}\n.btn{\n border:0;border-radius:12px;\n padding:12px 17px;font-weight:800;cursor:pointer;\n display:inline-block;\n}\n.btn-gold{background:var(--gold);color:var(--navy)}\n.btn-light{background:#fff;color:var(--blue)}\n.btn-blue{background:var(--blue);color:#fff}\n.btn-soft{background:#edf5fc;color:var(--blue)}\n.hero-card{\n background:rgba(255,255,255,.13);\n border:1px solid rgba(255,255,255,.2);\n border-radius:18px;padding:20px;\n}\n.hero-card strong{font-size:30px;display:block}\n.section{display:none}\n.section.active{display:block}\n.section-title{\n font-size:26px;color:#0d315c;margin:28px 0 15px;\n}\n.grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:16px;\n}\n.card{\n background:var(--card);\n border:1px solid var(--border);\n border-radius:18px;\n padding:20px;\n box-shadow:var(--shadow);\n}\n.metric .label{font-size:13px;color:var(--muted)}\n.metric .value{font-size:30px;font-weight:900;color:var(--blue);margin-top:4px}\n.metric .delta{font-size:12px;margin-top:4px;color:var(--success)}\n.two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px}\n.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.progress{\n height:9px;background:#e7edf4;border-radius:99px;overflow:hidden;margin-top:9px\n}\n.progress > span{display:block;height:100%;background:var(--blue)}\n.list-item{\n padding:15px 0;border-bottom:1px solid var(--border);\n display:flex;justify-content:space-between;gap:16px;align-items:center\n}\n.list-item:last-child{border-bottom:0}\n.pill{\n font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;\n background:#edf6ff;color:var(--blue)\n}\n.pill.success{background:#e8f8f0;color:var(--success)}\n.pill.warn{background:#fff6dc;color:#a87800}\n.table-wrap{overflow:auto}\ntable{width:100%;border-collapse:collapse}\nth,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}\nth{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}\n.course-grid{\n display:grid;grid-template-columns:repeat(3,1fr);gap:16px\n}\n.course-card{\n background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;\n box-shadow:var(--shadow)\n}\n.course-cover{\n padding:26px;\n background:linear-gradient(135deg,#0c345f,#1381c8);\n color:#fff;\n min-height:125px\n}\n.course-body{padding:18px}\n.course-body h3{margin:0 0 7px}\n.course-meta{font-size:13px;color:var(--muted);margin-bottom:12px}\n.exam-box{\n border:1px solid var(--border);\n background:#fff;\n border-radius:18px;\n padding:22px;\n box-shadow:var(--shadow)\n}\n.exam-option{\n display:block;padding:12px;border:1px solid var(--border);\n border-radius:11px;margin-top:9px;cursor:pointer\n}\n.exam-option:hover{background:#f5f9fd}\n.cert{\n background:#fff;\n border:8px double var(--gold);\n padding:34px;\n text-align:center;\n border-radius:10px;\n max-width:850px;\n margin:auto;\n box-shadow:var(--shadow)\n}\n.cert h2{font-size:38px;color:var(--navy);margin:8px 0}\n.cert .seal{\n width:90px;height:90px;border-radius:50%;margin:18px auto;\n border:4px solid var(--gold);display:grid;place-items:center;\n color:var(--navy);font-weight:900\n}\n.quick-links{\n display:grid;grid-template-columns:repeat(4,1fr);gap:14px\n}\n.quick{\n background:#fff;border:1px solid var(--border);border-radius:15px;padding:16px;\n font-weight:800;color:var(--navy)\n}\n.quick small{display:block;color:var(--muted);font-weight:400;margin-top:5px}\n.note{\n background:#fff8dc;border:1px solid #f4df82;border-radius:13px;padding:14px;\n color:#725b00;margin-top:14px\n}\n.footer{margin:32px 0 10px;text-align:center;color:var(--muted);font-size:13px}\n.mobile-menu{display:none}\n@media(max-width:1100px){\n .grid{grid-template-columns:repeat(2,1fr)}\n .course-grid{grid-template-columns:repeat(2,1fr)}\n .quick-links{grid-template-columns:repeat(2,1fr)}\n .hero,.two-col{grid-template-columns:1fr}\n}\n@media(max-width:760px){\n .mza-shell{grid-template-columns:1fr}\n .sidebar{\n position:fixed;left:-290px;z-index:50;width:270px;transition:.25s\n }\n .sidebar.open{left:0}\n .mobile-menu{display:inline-block}\n .main{padding:16px}\n .topbar{align-items:flex-start}\n .search{min-width:0;width:100%}\n .grid,.course-grid,.three-col,.quick-links{grid-template-columns:1fr}\n .hero{padding:24px}\n .hero h2{font-size:29px}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mza-shell\">\n\n<aside class=\"sidebar\" id=\"sidebar\">\n <div class=\"brand\">\n <div class=\"logo\">MZ<\/div>\n <div>\n <h1>Maroc Zain Academy<\/h1>\n <small>LMS Control Center<\/small>\n <\/div>\n <\/div>\n\n <div class=\"nav-title\">Campus<\/div>\n <button class=\"nav-btn active\" data-section=\"apprenant\">\ud83c\udfe0 Tableau apprenant<\/button>\n <button class=\"nav-btn\" data-section=\"formations\">\ud83c\udf93 Formations<\/button>\n <button class=\"nav-btn\" data-section=\"examens\">\ud83d\udcdd Examens & QCM<\/button>\n <button class=\"nav-btn\" data-section=\"certificats\">\ud83c\udfc6 Certificats<\/button>\n\n <div class=\"nav-title\">Pilotage<\/div>\n <button class=\"nav-btn\" data-section=\"direction\">\ud83d\udcca PDG \/ Direction<\/button>\n <button class=\"nav-btn\" data-section=\"entreprise\">\ud83c\udfe2 Entreprise \/ DRH<\/button>\n <button class=\"nav-btn\" data-section=\"formateur\">\ud83d\udc68\u200d\ud83c\udfeb Formateur<\/button>\n\n <div class=\"nav-title\">Raccourcis<\/div>\n <a class=\"nav-btn\" href=\"\/catalogue-formations\/\">\ud83d\udcda Catalogue public<\/a>\n <a class=\"nav-btn\" href=\"\/bibliotheque\/\">\ud83d\udcd6 Biblioth\u00e8que<\/a>\n <a class=\"nav-btn\" href=\"\/assistance\/\">\ud83d\udcac Assistance<\/a>\n <a class=\"nav-btn\" href=\"\/mon-compte\/\">\ud83d\udc64 Mon compte<\/a>\n<\/aside>\n\n<main class=\"main\">\n\n <div class=\"topbar\">\n <button class=\"btn btn-soft mobile-menu\" onclick=\"document.getElementById('sidebar').classList.toggle('open')\">\u2630 Menu<\/button>\n <input class=\"search\" placeholder=\"Rechercher une formation, un apprenant, un certificat...\">\n <div class=\"profile\">\n <div class=\"avatar\">MZ<\/div>\n <div><strong>Academy LMS<\/strong><br><small style=\"color:var(--muted)\">Connect\u00e9<\/small><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"section active\" id=\"apprenant\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">\ud83c\udf93 ESPACE APPRENANT<\/div>\n <h2>Bienvenue sur votre campus num\u00e9rique<\/h2>\n <p>Continuez vos formations, entra\u00eenez-vous aux QCM, passez vos examens et retrouvez vos certificats dans un seul espace.<\/p>\n <div class=\"hero-actions\">\n <a class=\"btn btn-gold\" href=\"\/cours\/\">Continuer mon cours<\/a>\n <a class=\"btn btn-light\" href=\"\/quiz\/\">Faire un QCM<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-card\">\n <span>Progression g\u00e9n\u00e9rale<\/span>\n <strong>74%<\/strong>\n <div class=\"progress\"><span style=\"width:74%;background:var(--gold)\"><\/span><\/div>\n <small>3 parcours actifs \u2022 2 certificats obtenus<\/small>\n <\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes indicateurs<\/h3>\n <div class=\"grid\">\n <div class=\"card metric\"><div class=\"label\">Formations actives<\/div><div class=\"value\">3<\/div><div class=\"delta\">+1 ce mois<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Score moyen QCM<\/div><div class=\"value\">84%<\/div><div class=\"delta\">+6 points<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Examens r\u00e9ussis<\/div><div class=\"value\">5<\/div><div class=\"delta\">83% r\u00e9ussite<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Certificats<\/div><div class=\"value\">2<\/div><div class=\"delta\">V\u00e9rifiables par QR<\/div><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes formations<\/h3>\n <div class=\"two-col\">\n <div class=\"card\">\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Chef d’Escale<\/strong><div class=\"progress\"><span style=\"width:82%\"><\/span><\/div><\/div>\n <span class=\"pill\">82%<\/span>\n <\/div>\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Agent d’Escale<\/strong><div class=\"progress\"><span style=\"width:91%\"><\/span><\/div><\/div>\n <span class=\"pill success\">91%<\/span>\n <\/div>\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Anglais a\u00e9ronautique<\/strong><div class=\"progress\"><span style=\"width:49%\"><\/span><\/div><\/div>\n <span class=\"pill\">49%<\/span>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h3 style=\"margin-top:0\">Prochaine \u00e9tape<\/h3>\n <p><strong>Module 8 \u2014 Gestion de crise<\/strong><\/p>\n <p style=\"color:var(--muted)\">Chef d’Escale \u2022 35 minutes<\/p>\n <a class=\"btn btn-blue\" href=\"\/cours\/\">Reprendre<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"formations\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CATALOGUE LMS<\/div>\n <h2>Parcours m\u00e9tiers Maroc Zain Academy<\/h2>\n <p>A\u00e9rien, tourisme, voyages, cargo, management, relation client et fonctions support.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>24+<\/strong><span>parcours structur\u00e9s<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Formations principales<\/h3>\n <div class=\"course-grid\">\n <div class=\"course-card\"><div class=\"course-cover\">\u2708\ufe0f<h3>Chef d’Escale<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">12 modules \u2022 Niveau avanc\u00e9<\/div><p>Supervision, coordination, gestion d’irr\u00e9gularit\u00e9s et leadership.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udeeb<h3>Agent d’Escale<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">10 modules \u2022 Niveau professionnel<\/div><p>Accueil passager, embarquement, bagages et proc\u00e9dures a\u00e9roportuaires.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udc69\u200d\u2708\ufe0f<h3>Chef de Cabine<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">14 modules \u2022 Niveau expert<\/div><p>S\u00e9curit\u00e9, service, leadership cabine et situations d’urgence.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udce6<h3>Fret & Cargo<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">9 modules<\/div><p>Documentation, s\u00fbret\u00e9, marchandises, DGR et exploitation cargo.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83c\udf0d<h3>Agence de Voyages<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">15 modules<\/div><p>Billetterie, h\u00f4tels, voyages, proc\u00e9dures, vente et relation client.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udcc8<h3>Management<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">8 modules<\/div><p>Leadership, pilotage, performance, organisation et communication.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"examens\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CENTRE D’\u00c9VALUATION<\/div>\n <h2>QCM, examens et certification<\/h2>\n <p>Entra\u00eenement libre, \u00e9valuations par module et examens finaux chronom\u00e9tr\u00e9s.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>84%<\/strong><span>score moyen actuel<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Examen d\u00e9monstration<\/h3>\n <div class=\"exam-box\">\n <div class=\"pill\">Question 1 \/ 10<\/div>\n <h3>Quel est le r\u00f4le principal du Chef d’Escale lors d’une irr\u00e9gularit\u00e9 op\u00e9rationnelle ?<\/h3>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Superviser uniquement l’embarquement<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Coordonner les acteurs et piloter la r\u00e9solution<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> G\u00e9rer uniquement les bagages<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Transmettre les informations sans intervenir<\/label>\n <div style=\"margin-top:18px\"><button class=\"btn btn-blue\" onclick=\"alert('D\u00e9mo : branchez ce bouton \u00e0 votre moteur QCM WordPress\/LMS.')\">Valider la r\u00e9ponse<\/button><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Niveaux d’examen<\/h3>\n <div class=\"three-col\">\n <div class=\"card\"><h3>Niveau 1 \u2014 Initial<\/h3><p>20 questions<\/p><span class=\"pill\">Seuil 70%<\/span><\/div>\n <div class=\"card\"><h3>Niveau 2 \u2014 Professionnel<\/h3><p>30 questions<\/p><span class=\"pill\">Seuil 75%<\/span><\/div>\n <div class=\"card\"><h3>Niveau 3 \u2014 Expert<\/h3><p>40 questions<\/p><span class=\"pill\">Seuil 80%<\/span><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"certificats\">\n <h3 class=\"section-title\" style=\"margin-top:0\">Centre de certification<\/h3>\n <div class=\"cert\">\n <div style=\"font-weight:900;letter-spacing:.08em;color:var(--blue)\">MAROC ZAIN ACADEMY<\/div>\n <h2>Certificat de R\u00e9ussite<\/h2>\n <p>Ce certificat atteste que<\/p>\n <h3 style=\"font-size:28px;color:var(--navy)\">Nom de l’Apprenant<\/h3>\n <p>a satisfait aux exigences du parcours<\/p>\n <h3>Chef d’Escale \u2014 Niveau Professionnel<\/h3>\n <div class=\"seal\">MZA<br>2026<\/div>\n <p><strong>Score : 87%<\/strong><\/p>\n <p style=\"color:var(--muted)\">N\u00b0 certificat : MZA-CEA-2026-000184<\/p>\n <div style=\"margin-top:18px\">\n <button class=\"btn btn-blue\" onclick=\"window.print()\">Imprimer \/ PDF<\/button>\n <\/div>\n <\/div>\n\n <div class=\"note\">Version HTML de d\u00e9monstration : le num\u00e9ro unique, le nom, le QR code et la validation doivent \u00eatre reli\u00e9s \u00e0 la base de donn\u00e9es LMS pour une certification r\u00e9ellement automatis\u00e9e.<\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"direction\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">ACADEMY CONTROL CENTER<\/div>\n <h2>Tableau de bord PDG \/ Direction<\/h2>\n <p>Vue 360\u00b0 de l’activit\u00e9 p\u00e9dagogique, commerciale et op\u00e9rationnelle.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>1 287<\/strong><span>apprenants enregistr\u00e9s<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Indicateurs ex\u00e9cutifs<\/h3>\n <div class=\"grid\">\n <div class=\"card metric\"><div class=\"label\">Apprenants actifs<\/div><div class=\"value\">1 287<\/div><div class=\"delta\">+12,4%<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Entreprises clientes<\/div><div class=\"value\">74<\/div><div class=\"delta\">+9 ce trimestre<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Taux de r\u00e9ussite<\/div><div class=\"value\">83.4%<\/div><div class=\"delta\">+3,1 pts<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Certificats d\u00e9livr\u00e9s<\/div><div class=\"value\">482<\/div><div class=\"delta\">+58 ce mois<\/div><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Pilotage des formations<\/h3>\n <div class=\"two-col\">\n <div class=\"card table-wrap\">\n <table>\n <thead><tr><th>Formation<\/th><th>Inscrits<\/th><th>R\u00e9ussite<\/th><th>Progression<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Chef d’Escale<\/td><td>214<\/td><td>88%<\/td><td>76%<\/td><\/tr>\n <tr><td>Agent d’Escale<\/td><td>326<\/td><td>85%<\/td><td>81%<\/td><\/tr>\n <tr><td>Chef de Cabine<\/td><td>177<\/td><td>79%<\/td><td>69%<\/td><\/tr>\n <tr><td>Fret & Cargo<\/td><td>134<\/td><td>82%<\/td><td>73%<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"card\">\n <h3 style=\"margin-top:0\">Alertes direction<\/h3>\n <div class=\"list-item\"><span>Taux d’abandon \u00e9lev\u00e9<\/span><span class=\"pill warn\">3 parcours<\/span><\/div>\n <div class=\"list-item\"><span>Examens \u00e0 valider<\/span><span class=\"pill\">18<\/span><\/div>\n <div class=\"list-item\"><span>Certificats en attente<\/span><span class=\"pill success\">7<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"entreprise\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CAMPUS ENTREPRISES<\/div>\n <h2>Espace Entreprise \/ DRH<\/h2>\n <p>G\u00e9rez les collaborateurs, affectez les formations et suivez les r\u00e9sultats en temps r\u00e9el.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>100<\/strong><span>licences disponibles<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Suivi collaborateurs<\/h3>\n <div class=\"card table-wrap\">\n <table>\n <thead><tr><th>Collaborateur<\/th><th>Formation<\/th><th>Progression<\/th><th>Score<\/th><th>Certificat<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Collaborateur 01<\/td><td>Chef d’Escale<\/td><td>100%<\/td><td>87%<\/td><td><span class=\"pill success\">D\u00e9livr\u00e9<\/span><\/td><\/tr>\n <tr><td>Collaborateur 02<\/td><td>Chef d’Escale<\/td><td>72%<\/td><td>74%<\/td><td><span class=\"pill warn\">En cours<\/span><\/td><\/tr>\n <tr><td>Collaborateur 03<\/td><td>Agent d’Escale<\/td><td>43%<\/td><td>\u2014<\/td><td><span class=\"pill\">Non<\/span><\/td><\/tr>\n <tr><td>Collaborateur 04<\/td><td>Fret & Cargo<\/td><td>91%<\/td><td>82%<\/td><td><span class=\"pill success\">D\u00e9livr\u00e9<\/span><\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <h3 class=\"section-title\">Actions RH<\/h3>\n <div class=\"quick-links\">\n <div class=\"quick\">\u2795 Ajouter un collaborateur<small>Cr\u00e9er ou importer un profil<\/small><\/div>\n <div class=\"quick\">\ud83c\udf93 Affecter une formation<small>Individuelle ou par groupe<\/small><\/div>\n <div class=\"quick\">\ud83d\udcca Exporter le reporting<small>Progression, scores, certificats<\/small><\/div>\n <div class=\"quick\">\ud83c\udfc6 V\u00e9rifier les certificats<small>Num\u00e9ro unique et QR<\/small><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"formateur\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">ESPACE FORMATEUR<\/div>\n <h2>Pilotez vos groupes et vos \u00e9valuations<\/h2>\n <p>Suivi des apprenants, validation p\u00e9dagogique, QCM, examens et accompagnement.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>86<\/strong><span>apprenants suivis<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes groupes<\/h3>\n <div class=\"grid\">\n <div class=\"card\"><h3>Chef d’Escale \u2014 Groupe A<\/h3><p>28 apprenants<\/p><span class=\"pill success\">82% moyen<\/span><\/div>\n <div class=\"card\"><h3>Agent d’Escale \u2014 Groupe B<\/h3><p>32 apprenants<\/p><span class=\"pill\">77% moyen<\/span><\/div>\n <div class=\"card\"><h3>Fret & Cargo \u2014 Groupe C<\/h3><p>26 apprenants<\/p><span class=\"pill warn\">71% moyen<\/span><\/div>\n <div class=\"card\"><h3>Examens \u00e0 corriger<\/h3><p style=\"font-size:30px;font-weight:900;color:var(--blue)\">14<\/p><button class=\"btn btn-soft\">Ouvrir<\/button><\/div>\n <\/div>\n <\/section>\n\n <div class=\"footer\">\u00a9 2026 Maroc Zain Academy \u2014 LMS Premium<\/div>\n\n<\/main>\n<\/div>\n\n<script>\ndocument.querySelectorAll('.nav-btn[data-section]').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.nav-btn[data-section]').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));\n const target=document.getElementById(btn.dataset.section);\n if(target) target.classList.add('active');\n document.getElementById('sidebar').classList.remove('open');\n window.scrollTo({top:0,behavior:'smooth'});\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Maroc Zain Academy LMS MZ Maroc Zain Academy LMS Control Center Campus \ud83c\udfe0 Tableau apprenant \ud83c\udf93 Formations \ud83d\udcdd Examens & QCM \ud83c\udfc6 Certificats Pilotage \ud83d\udcca PDG \/ Direction \ud83c\udfe2 Entreprise \/ DRH \ud83d\udc68\u200d\ud83c\udfeb Formateur Raccourcis \ud83d\udcda Catalogue public \ud83d\udcd6 Biblioth\u00e8que \ud83d\udcac Assistance \ud83d\udc64 Mon compte \u2630 Menu MZ Academy LMSConnect\u00e9 \ud83c\udf93 ESPACE APPRENANT Bienvenue sur […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-3892","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=3892"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892\/revisions"}],"predecessor-version":[{"id":3893,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892\/revisions\/3893"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/categories?post=3892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/tags?post=3892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3892,"date":"2026-08-23T11:33:19","date_gmt":"2026-08-23T11:33:19","guid":{"rendered":"https:\/\/maroczain.com\/?p=3892"},"modified":"2026-08-23T11:33:19","modified_gmt":"2026-08-23T11:33:19","slug":"3892","status":"publish","type":"post","link":"https:\/\/maroczain.com\/en\/2026\/08\/23\/3892\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nMaroc Zain Academy LMS<\/title>\n<style>\n:root{\n --navy:#071d3a;\n --blue:#0f5f9a;\n --blue2:#1479c9;\n --gold:#e9c84a;\n --bg:#f4f7fb;\n --card:#ffffff;\n --text:#1b2638;\n --muted:#6f7d90;\n --border:#e6edf5;\n --success:#1f9d66;\n --danger:#c0392b;\n --shadow:0 14px 36px rgba(20,48,80,.09);\n}\n*{box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n margin:0;\n font-family:Inter,Arial,Helvetica,sans-serif;\n background:var(--bg);\n color:var(--text);\n}\na{text-decoration:none;color:inherit}\nbutton{font:inherit}\n.mza-shell{\n min-height:100vh;\n display:grid;\n grid-template-columns:270px 1fr;\n}\n.sidebar{\n background:linear-gradient(180deg,var(--navy),#0a315c);\n color:#fff;\n padding:22px 18px;\n position:sticky;\n top:0;\n height:100vh;\n overflow:auto;\n}\n.brand{\n display:flex;align-items:center;gap:12px;\n padding:8px 8px 24px;\n}\n.logo{\n width:46px;height:46px;border-radius:14px;\n display:grid;place-items:center;\n background:var(--gold);color:var(--navy);\n font-weight:900;font-size:20px;\n}\n.brand h1{font-size:17px;margin:0;line-height:1.2}\n.brand small{display:block;opacity:.7;margin-top:3px}\n.nav-title{\n font-size:11px;\n text-transform:uppercase;\n letter-spacing:.12em;\n opacity:.55;\n margin:18px 10px 8px;\n}\n.nav-btn{\n width:100%;\n border:0;\n background:transparent;\n color:#fff;\n display:flex;\n align-items:center;\n gap:11px;\n padding:12px 13px;\n border-radius:12px;\n cursor:pointer;\n text-align:left;\n margin-bottom:4px;\n}\n.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.12)}\n.main{padding:26px;overflow:hidden}\n.topbar{\n display:flex;justify-content:space-between;align-items:center;\n gap:18px;margin-bottom:22px;\n}\n.search{\n background:#fff;border:1px solid var(--border);\n border-radius:13px;padding:11px 14px;min-width:320px;\n}\n.profile{\n display:flex;align-items:center;gap:10px;\n}\n.avatar{\n width:42px;height:42px;border-radius:50%;\n background:var(--navy);color:#fff;\n display:grid;place-items:center;font-weight:800;\n}\n.hero{\n background:linear-gradient(135deg,var(--navy),var(--blue));\n color:#fff;\n border-radius:25px;\n padding:34px;\n box-shadow:var(--shadow);\n display:grid;\n grid-template-columns:1.6fr 1fr;\n gap:22px;\n align-items:center;\n}\n.hero h2{font-size:36px;margin:0 0 10px}\n.hero p{margin:0;opacity:.9;max-width:720px}\n.hero-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}\n.btn{\n border:0;border-radius:12px;\n padding:12px 17px;font-weight:800;cursor:pointer;\n display:inline-block;\n}\n.btn-gold{background:var(--gold);color:var(--navy)}\n.btn-light{background:#fff;color:var(--blue)}\n.btn-blue{background:var(--blue);color:#fff}\n.btn-soft{background:#edf5fc;color:var(--blue)}\n.hero-card{\n background:rgba(255,255,255,.13);\n border:1px solid rgba(255,255,255,.2);\n border-radius:18px;padding:20px;\n}\n.hero-card strong{font-size:30px;display:block}\n.section{display:none}\n.section.active{display:block}\n.section-title{\n font-size:26px;color:#0d315c;margin:28px 0 15px;\n}\n.grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:16px;\n}\n.card{\n background:var(--card);\n border:1px solid var(--border);\n border-radius:18px;\n padding:20px;\n box-shadow:var(--shadow);\n}\n.metric .label{font-size:13px;color:var(--muted)}\n.metric .value{font-size:30px;font-weight:900;color:var(--blue);margin-top:4px}\n.metric .delta{font-size:12px;margin-top:4px;color:var(--success)}\n.two-col{display:grid;grid-template-columns:2fr 1fr;gap:16px}\n.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.progress{\n height:9px;background:#e7edf4;border-radius:99px;overflow:hidden;margin-top:9px\n}\n.progress > span{display:block;height:100%;background:var(--blue)}\n.list-item{\n padding:15px 0;border-bottom:1px solid var(--border);\n display:flex;justify-content:space-between;gap:16px;align-items:center\n}\n.list-item:last-child{border-bottom:0}\n.pill{\n font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;\n background:#edf6ff;color:var(--blue)\n}\n.pill.success{background:#e8f8f0;color:var(--success)}\n.pill.warn{background:#fff6dc;color:#a87800}\n.table-wrap{overflow:auto}\ntable{width:100%;border-collapse:collapse}\nth,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}\nth{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}\n.course-grid{\n display:grid;grid-template-columns:repeat(3,1fr);gap:16px\n}\n.course-card{\n background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;\n box-shadow:var(--shadow)\n}\n.course-cover{\n padding:26px;\n background:linear-gradient(135deg,#0c345f,#1381c8);\n color:#fff;\n min-height:125px\n}\n.course-body{padding:18px}\n.course-body h3{margin:0 0 7px}\n.course-meta{font-size:13px;color:var(--muted);margin-bottom:12px}\n.exam-box{\n border:1px solid var(--border);\n background:#fff;\n border-radius:18px;\n padding:22px;\n box-shadow:var(--shadow)\n}\n.exam-option{\n display:block;padding:12px;border:1px solid var(--border);\n border-radius:11px;margin-top:9px;cursor:pointer\n}\n.exam-option:hover{background:#f5f9fd}\n.cert{\n background:#fff;\n border:8px double var(--gold);\n padding:34px;\n text-align:center;\n border-radius:10px;\n max-width:850px;\n margin:auto;\n box-shadow:var(--shadow)\n}\n.cert h2{font-size:38px;color:var(--navy);margin:8px 0}\n.cert .seal{\n width:90px;height:90px;border-radius:50%;margin:18px auto;\n border:4px solid var(--gold);display:grid;place-items:center;\n color:var(--navy);font-weight:900\n}\n.quick-links{\n display:grid;grid-template-columns:repeat(4,1fr);gap:14px\n}\n.quick{\n background:#fff;border:1px solid var(--border);border-radius:15px;padding:16px;\n font-weight:800;color:var(--navy)\n}\n.quick small{display:block;color:var(--muted);font-weight:400;margin-top:5px}\n.note{\n background:#fff8dc;border:1px solid #f4df82;border-radius:13px;padding:14px;\n color:#725b00;margin-top:14px\n}\n.footer{margin:32px 0 10px;text-align:center;color:var(--muted);font-size:13px}\n.mobile-menu{display:none}\n@media(max-width:1100px){\n .grid{grid-template-columns:repeat(2,1fr)}\n .course-grid{grid-template-columns:repeat(2,1fr)}\n .quick-links{grid-template-columns:repeat(2,1fr)}\n .hero,.two-col{grid-template-columns:1fr}\n}\n@media(max-width:760px){\n .mza-shell{grid-template-columns:1fr}\n .sidebar{\n position:fixed;left:-290px;z-index:50;width:270px;transition:.25s\n }\n .sidebar.open{left:0}\n .mobile-menu{display:inline-block}\n .main{padding:16px}\n .topbar{align-items:flex-start}\n .search{min-width:0;width:100%}\n .grid,.course-grid,.three-col,.quick-links{grid-template-columns:1fr}\n .hero{padding:24px}\n .hero h2{font-size:29px}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mza-shell\">\n\n<aside class=\"sidebar\" id=\"sidebar\">\n <div class=\"brand\">\n <div class=\"logo\">MZ<\/div>\n <div>\n <h1>Maroc Zain Academy<\/h1>\n <small>LMS Control Center<\/small>\n <\/div>\n <\/div>\n\n <div class=\"nav-title\">Campus<\/div>\n <button class=\"nav-btn active\" data-section=\"apprenant\">\ud83c\udfe0 Tableau apprenant<\/button>\n <button class=\"nav-btn\" data-section=\"formations\">\ud83c\udf93 Formations<\/button>\n <button class=\"nav-btn\" data-section=\"examens\">\ud83d\udcdd Examens & QCM<\/button>\n <button class=\"nav-btn\" data-section=\"certificats\">\ud83c\udfc6 Certificats<\/button>\n\n <div class=\"nav-title\">Pilotage<\/div>\n <button class=\"nav-btn\" data-section=\"direction\">\ud83d\udcca PDG \/ Direction<\/button>\n <button class=\"nav-btn\" data-section=\"entreprise\">\ud83c\udfe2 Entreprise \/ DRH<\/button>\n <button class=\"nav-btn\" data-section=\"formateur\">\ud83d\udc68\u200d\ud83c\udfeb Formateur<\/button>\n\n <div class=\"nav-title\">Raccourcis<\/div>\n <a class=\"nav-btn\" href=\"\/catalogue-formations\/\">\ud83d\udcda Catalogue public<\/a>\n <a class=\"nav-btn\" href=\"\/bibliotheque\/\">\ud83d\udcd6 Biblioth\u00e8que<\/a>\n <a class=\"nav-btn\" href=\"\/assistance\/\">\ud83d\udcac Assistance<\/a>\n <a class=\"nav-btn\" href=\"\/mon-compte\/\">\ud83d\udc64 Mon compte<\/a>\n<\/aside>\n\n<main class=\"main\">\n\n <div class=\"topbar\">\n <button class=\"btn btn-soft mobile-menu\" onclick=\"document.getElementById('sidebar').classList.toggle('open')\">\u2630 Menu<\/button>\n <input class=\"search\" placeholder=\"Rechercher une formation, un apprenant, un certificat...\">\n <div class=\"profile\">\n <div class=\"avatar\">MZ<\/div>\n <div><strong>Academy LMS<\/strong><br><small style=\"color:var(--muted)\">Connect\u00e9<\/small><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"section active\" id=\"apprenant\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">\ud83c\udf93 ESPACE APPRENANT<\/div>\n <h2>Bienvenue sur votre campus num\u00e9rique<\/h2>\n <p>Continuez vos formations, entra\u00eenez-vous aux QCM, passez vos examens et retrouvez vos certificats dans un seul espace.<\/p>\n <div class=\"hero-actions\">\n <a class=\"btn btn-gold\" href=\"\/cours\/\">Continuer mon cours<\/a>\n <a class=\"btn btn-light\" href=\"\/quiz\/\">Faire un QCM<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-card\">\n <span>Progression g\u00e9n\u00e9rale<\/span>\n <strong>74%<\/strong>\n <div class=\"progress\"><span style=\"width:74%;background:var(--gold)\"><\/span><\/div>\n <small>3 parcours actifs \u2022 2 certificats obtenus<\/small>\n <\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes indicateurs<\/h3>\n <div class=\"grid\">\n <div class=\"card metric\"><div class=\"label\">Formations actives<\/div><div class=\"value\">3<\/div><div class=\"delta\">+1 ce mois<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Score moyen QCM<\/div><div class=\"value\">84%<\/div><div class=\"delta\">+6 points<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Examens r\u00e9ussis<\/div><div class=\"value\">5<\/div><div class=\"delta\">83% r\u00e9ussite<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Certificats<\/div><div class=\"value\">2<\/div><div class=\"delta\">V\u00e9rifiables par QR<\/div><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes formations<\/h3>\n <div class=\"two-col\">\n <div class=\"card\">\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Chef d’Escale<\/strong><div class=\"progress\"><span style=\"width:82%\"><\/span><\/div><\/div>\n <span class=\"pill\">82%<\/span>\n <\/div>\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Agent d’Escale<\/strong><div class=\"progress\"><span style=\"width:91%\"><\/span><\/div><\/div>\n <span class=\"pill success\">91%<\/span>\n <\/div>\n <div class=\"list-item\">\n <div style=\"flex:1\"><strong>Anglais a\u00e9ronautique<\/strong><div class=\"progress\"><span style=\"width:49%\"><\/span><\/div><\/div>\n <span class=\"pill\">49%<\/span>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h3 style=\"margin-top:0\">Prochaine \u00e9tape<\/h3>\n <p><strong>Module 8 \u2014 Gestion de crise<\/strong><\/p>\n <p style=\"color:var(--muted)\">Chef d’Escale \u2022 35 minutes<\/p>\n <a class=\"btn btn-blue\" href=\"\/cours\/\">Reprendre<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"formations\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CATALOGUE LMS<\/div>\n <h2>Parcours m\u00e9tiers Maroc Zain Academy<\/h2>\n <p>A\u00e9rien, tourisme, voyages, cargo, management, relation client et fonctions support.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>24+<\/strong><span>parcours structur\u00e9s<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Formations principales<\/h3>\n <div class=\"course-grid\">\n <div class=\"course-card\"><div class=\"course-cover\">\u2708\ufe0f<h3>Chef d’Escale<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">12 modules \u2022 Niveau avanc\u00e9<\/div><p>Supervision, coordination, gestion d’irr\u00e9gularit\u00e9s et leadership.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udeeb<h3>Agent d’Escale<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">10 modules \u2022 Niveau professionnel<\/div><p>Accueil passager, embarquement, bagages et proc\u00e9dures a\u00e9roportuaires.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udc69\u200d\u2708\ufe0f<h3>Chef de Cabine<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">14 modules \u2022 Niveau expert<\/div><p>S\u00e9curit\u00e9, service, leadership cabine et situations d’urgence.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udce6<h3>Fret & Cargo<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">9 modules<\/div><p>Documentation, s\u00fbret\u00e9, marchandises, DGR et exploitation cargo.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83c\udf0d<h3>Agence de Voyages<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">15 modules<\/div><p>Billetterie, h\u00f4tels, voyages, proc\u00e9dures, vente et relation client.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <div class=\"course-card\"><div class=\"course-cover\">\ud83d\udcc8<h3>Management<\/h3><\/div><div class=\"course-body\"><div class=\"course-meta\">8 modules<\/div><p>Leadership, pilotage, performance, organisation et communication.<\/p><a class=\"btn btn-soft\" href=\"\/catalogue-formations\/\">Voir le parcours<\/a><\/div><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"examens\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CENTRE D’\u00c9VALUATION<\/div>\n <h2>QCM, examens et certification<\/h2>\n <p>Entra\u00eenement libre, \u00e9valuations par module et examens finaux chronom\u00e9tr\u00e9s.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>84%<\/strong><span>score moyen actuel<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Examen d\u00e9monstration<\/h3>\n <div class=\"exam-box\">\n <div class=\"pill\">Question 1 \/ 10<\/div>\n <h3>Quel est le r\u00f4le principal du Chef d’Escale lors d’une irr\u00e9gularit\u00e9 op\u00e9rationnelle ?<\/h3>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Superviser uniquement l’embarquement<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Coordonner les acteurs et piloter la r\u00e9solution<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> G\u00e9rer uniquement les bagages<\/label>\n <label class=\"exam-option\"><input type=\"radio\" name=\"q1\"> Transmettre les informations sans intervenir<\/label>\n <div style=\"margin-top:18px\"><button class=\"btn btn-blue\" onclick=\"alert('D\u00e9mo : branchez ce bouton \u00e0 votre moteur QCM WordPress\/LMS.')\">Valider la r\u00e9ponse<\/button><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Niveaux d’examen<\/h3>\n <div class=\"three-col\">\n <div class=\"card\"><h3>Niveau 1 \u2014 Initial<\/h3><p>20 questions<\/p><span class=\"pill\">Seuil 70%<\/span><\/div>\n <div class=\"card\"><h3>Niveau 2 \u2014 Professionnel<\/h3><p>30 questions<\/p><span class=\"pill\">Seuil 75%<\/span><\/div>\n <div class=\"card\"><h3>Niveau 3 \u2014 Expert<\/h3><p>40 questions<\/p><span class=\"pill\">Seuil 80%<\/span><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"certificats\">\n <h3 class=\"section-title\" style=\"margin-top:0\">Centre de certification<\/h3>\n <div class=\"cert\">\n <div style=\"font-weight:900;letter-spacing:.08em;color:var(--blue)\">MAROC ZAIN ACADEMY<\/div>\n <h2>Certificat de R\u00e9ussite<\/h2>\n <p>Ce certificat atteste que<\/p>\n <h3 style=\"font-size:28px;color:var(--navy)\">Nom de l’Apprenant<\/h3>\n <p>a satisfait aux exigences du parcours<\/p>\n <h3>Chef d’Escale \u2014 Niveau Professionnel<\/h3>\n <div class=\"seal\">MZA<br>2026<\/div>\n <p><strong>Score : 87%<\/strong><\/p>\n <p style=\"color:var(--muted)\">N\u00b0 certificat : MZA-CEA-2026-000184<\/p>\n <div style=\"margin-top:18px\">\n <button class=\"btn btn-blue\" onclick=\"window.print()\">Imprimer \/ PDF<\/button>\n <\/div>\n <\/div>\n\n <div class=\"note\">Version HTML de d\u00e9monstration : le num\u00e9ro unique, le nom, le QR code et la validation doivent \u00eatre reli\u00e9s \u00e0 la base de donn\u00e9es LMS pour une certification r\u00e9ellement automatis\u00e9e.<\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"direction\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">ACADEMY CONTROL CENTER<\/div>\n <h2>Tableau de bord PDG \/ Direction<\/h2>\n <p>Vue 360\u00b0 de l’activit\u00e9 p\u00e9dagogique, commerciale et op\u00e9rationnelle.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>1 287<\/strong><span>apprenants enregistr\u00e9s<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Indicateurs ex\u00e9cutifs<\/h3>\n <div class=\"grid\">\n <div class=\"card metric\"><div class=\"label\">Apprenants actifs<\/div><div class=\"value\">1 287<\/div><div class=\"delta\">+12,4%<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Entreprises clientes<\/div><div class=\"value\">74<\/div><div class=\"delta\">+9 ce trimestre<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Taux de r\u00e9ussite<\/div><div class=\"value\">83.4%<\/div><div class=\"delta\">+3,1 pts<\/div><\/div>\n <div class=\"card metric\"><div class=\"label\">Certificats d\u00e9livr\u00e9s<\/div><div class=\"value\">482<\/div><div class=\"delta\">+58 ce mois<\/div><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Pilotage des formations<\/h3>\n <div class=\"two-col\">\n <div class=\"card table-wrap\">\n <table>\n <thead><tr><th>Formation<\/th><th>Inscrits<\/th><th>R\u00e9ussite<\/th><th>Progression<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Chef d’Escale<\/td><td>214<\/td><td>88%<\/td><td>76%<\/td><\/tr>\n <tr><td>Agent d’Escale<\/td><td>326<\/td><td>85%<\/td><td>81%<\/td><\/tr>\n <tr><td>Chef de Cabine<\/td><td>177<\/td><td>79%<\/td><td>69%<\/td><\/tr>\n <tr><td>Fret & Cargo<\/td><td>134<\/td><td>82%<\/td><td>73%<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"card\">\n <h3 style=\"margin-top:0\">Alertes direction<\/h3>\n <div class=\"list-item\"><span>Taux d’abandon \u00e9lev\u00e9<\/span><span class=\"pill warn\">3 parcours<\/span><\/div>\n <div class=\"list-item\"><span>Examens \u00e0 valider<\/span><span class=\"pill\">18<\/span><\/div>\n <div class=\"list-item\"><span>Certificats en attente<\/span><span class=\"pill success\">7<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"entreprise\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">CAMPUS ENTREPRISES<\/div>\n <h2>Espace Entreprise \/ DRH<\/h2>\n <p>G\u00e9rez les collaborateurs, affectez les formations et suivez les r\u00e9sultats en temps r\u00e9el.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>100<\/strong><span>licences disponibles<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Suivi collaborateurs<\/h3>\n <div class=\"card table-wrap\">\n <table>\n <thead><tr><th>Collaborateur<\/th><th>Formation<\/th><th>Progression<\/th><th>Score<\/th><th>Certificat<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Collaborateur 01<\/td><td>Chef d’Escale<\/td><td>100%<\/td><td>87%<\/td><td><span class=\"pill success\">D\u00e9livr\u00e9<\/span><\/td><\/tr>\n <tr><td>Collaborateur 02<\/td><td>Chef d’Escale<\/td><td>72%<\/td><td>74%<\/td><td><span class=\"pill warn\">En cours<\/span><\/td><\/tr>\n <tr><td>Collaborateur 03<\/td><td>Agent d’Escale<\/td><td>43%<\/td><td>\u2014<\/td><td><span class=\"pill\">Non<\/span><\/td><\/tr>\n <tr><td>Collaborateur 04<\/td><td>Fret & Cargo<\/td><td>91%<\/td><td>82%<\/td><td><span class=\"pill success\">D\u00e9livr\u00e9<\/span><\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <h3 class=\"section-title\">Actions RH<\/h3>\n <div class=\"quick-links\">\n <div class=\"quick\">\u2795 Ajouter un collaborateur<small>Cr\u00e9er ou importer un profil<\/small><\/div>\n <div class=\"quick\">\ud83c\udf93 Affecter une formation<small>Individuelle ou par groupe<\/small><\/div>\n <div class=\"quick\">\ud83d\udcca Exporter le reporting<small>Progression, scores, certificats<\/small><\/div>\n <div class=\"quick\">\ud83c\udfc6 V\u00e9rifier les certificats<small>Num\u00e9ro unique et QR<\/small><\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section\" id=\"formateur\">\n <div class=\"hero\">\n <div>\n <div class=\"pill\" style=\"display:inline-block;background:rgba(255,255,255,.15);color:#fff\">ESPACE FORMATEUR<\/div>\n <h2>Pilotez vos groupes et vos \u00e9valuations<\/h2>\n <p>Suivi des apprenants, validation p\u00e9dagogique, QCM, examens et accompagnement.<\/p>\n <\/div>\n <div class=\"hero-card\"><strong>86<\/strong><span>apprenants suivis<\/span><\/div>\n <\/div>\n\n <h3 class=\"section-title\">Mes groupes<\/h3>\n <div class=\"grid\">\n <div class=\"card\"><h3>Chef d’Escale \u2014 Groupe A<\/h3><p>28 apprenants<\/p><span class=\"pill success\">82% moyen<\/span><\/div>\n <div class=\"card\"><h3>Agent d’Escale \u2014 Groupe B<\/h3><p>32 apprenants<\/p><span class=\"pill\">77% moyen<\/span><\/div>\n <div class=\"card\"><h3>Fret & Cargo \u2014 Groupe C<\/h3><p>26 apprenants<\/p><span class=\"pill warn\">71% moyen<\/span><\/div>\n <div class=\"card\"><h3>Examens \u00e0 corriger<\/h3><p style=\"font-size:30px;font-weight:900;color:var(--blue)\">14<\/p><button class=\"btn btn-soft\">Ouvrir<\/button><\/div>\n <\/div>\n <\/section>\n\n <div class=\"footer\">\u00a9 2026 Maroc Zain Academy \u2014 LMS Premium<\/div>\n\n<\/main>\n<\/div>\n\n<script>\ndocument.querySelectorAll('.nav-btn[data-section]').forEach(btn=>{\n btn.addEventListener('click',()=>{\n document.querySelectorAll('.nav-btn[data-section]').forEach(b=>b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));\n const target=document.getElementById(btn.dataset.section);\n if(target) target.classList.add('active');\n document.getElementById('sidebar').classList.remove('open');\n window.scrollTo({top:0,behavior:'smooth'});\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Maroc Zain Academy LMS MZ Maroc Zain Academy LMS Control Center Campus \ud83c\udfe0 Tableau apprenant \ud83c\udf93 Formations \ud83d\udcdd Examens & QCM \ud83c\udfc6 Certificats Pilotage \ud83d\udcca PDG \/ Direction \ud83c\udfe2 Entreprise \/ DRH \ud83d\udc68\u200d\ud83c\udfeb Formateur Raccourcis \ud83d\udcda Catalogue public \ud83d\udcd6 Biblioth\u00e8que \ud83d\udcac Assistance \ud83d\udc64 Mon compte \u2630 Menu MZ Academy LMSConnect\u00e9 \ud83c\udf93 ESPACE APPRENANT Bienvenue sur […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-3892","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/comments?post=3892"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892\/revisions"}],"predecessor-version":[{"id":3893,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/posts\/3892\/revisions\/3893"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/categories?post=3892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/tags?post=3892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}