Dossier OFPPT \/ CSF – Maroc Zain Academy<\/title>\n\n<style>\n:root{\n --primary:#0b4f6c;\n --secondary:#1481ba;\n --accent:#e9c84a;\n --light:#f5f9fc;\n --dark:#123;\n --success:#198754;\n --danger:#dc3545;\n --border:#dce6ed;\n}\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n font-family:Arial, Helvetica, sans-serif;\n background:#eef4f8;\n color:#243746;\n line-height:1.6;\n}\n\n.mza-wrapper{\n max-width:1300px;\n margin:auto;\n padding:25px;\n}\n\n.hero{\n background:linear-gradient(135deg,var(--primary),var(--secondary));\n color:white;\n border-radius:24px;\n padding:50px 30px;\n text-align:center;\n box-shadow:0 15px 35px rgba(0,0,0,.15);\n}\n\n.hero-badge{\n display:inline-block;\n background:var(--accent);\n color:#222;\n padding:8px 18px;\n border-radius:30px;\n font-weight:bold;\n margin-bottom:15px;\n}\n\n.hero h1{\n font-size:42px;\n margin:10px 0;\n}\n\n.hero p{\n max-width:850px;\n margin:15px auto;\n font-size:18px;\n}\n\n.nav{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n justify-content:center;\n margin:25px 0;\n}\n\n.nav a{\n text-decoration:none;\n padding:11px 17px;\n border-radius:10px;\n background:white;\n color:var(--primary);\n border:1px solid var(--border);\n font-weight:bold;\n transition:.2s;\n}\n\n.nav a:hover{\n background:var(--primary);\n color:white;\n}\n\n.card{\n background:white;\n margin:22px 0;\n padding:30px;\n border-radius:18px;\n box-shadow:0 8px 28px rgba(0,0,0,.07);\n}\n\n.card h2{\n color:var(--primary);\n margin-top:0;\n border-bottom:3px solid var(--accent);\n padding-bottom:12px;\n}\n\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n gap:18px;\n}\n\n.feature{\n border:1px solid var(--border);\n padding:20px;\n border-radius:15px;\n background:var(--light);\n}\n\n.feature h3{\n margin-top:0;\n color:var(--secondary);\n}\n\n.process{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\n gap:14px;\n}\n\n.step{\n padding:18px;\n border-radius:14px;\n background:linear-gradient(135deg,#f5fbff,#eaf5fb);\n border-left:5px solid var(--secondary);\n}\n\n.step strong{\n display:block;\n color:var(--primary);\n margin-bottom:6px;\n}\n\nform{\n display:grid;\n gap:15px;\n}\n\n.form-grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n gap:15px;\n}\n\nlabel{\n font-weight:bold;\n color:#234;\n}\n\ninput,\nselect,\ntextarea{\n width:100%;\n padding:12px;\n margin-top:6px;\n border:1px solid #cbd8df;\n border-radius:10px;\n font-size:15px;\n background:white;\n}\n\ntextarea{\n min-height:100px;\n}\n\n.btn{\n border:0;\n border-radius:10px;\n padding:13px 20px;\n font-size:15px;\n font-weight:bold;\n cursor:pointer;\n margin:5px;\n}\n\n.btn-primary{\n background:var(--primary);\n color:white;\n}\n\n.btn-secondary{\n background:var(--secondary);\n color:white;\n}\n\n.btn-accent{\n background:var(--accent);\n color:#222;\n}\n\n.btn-success{\n background:var(--success);\n color:white;\n}\n\ntable{\n width:100%;\n border-collapse:collapse;\n margin-top:15px;\n background:white;\n}\n\nth,\ntd{\n border:1px solid var(--border);\n padding:12px;\n text-align:left;\n}\n\nth{\n background:var(--primary);\n color:white;\n}\n\n.status{\n display:inline-block;\n padding:5px 10px;\n border-radius:20px;\n font-size:13px;\n font-weight:bold;\n}\n\n.status-ok{\n color:#086c37;\n background:#d9f6e6;\n}\n\n.status-attente{\n color:#805600;\n background:#fff1bd;\n}\n\n.checklist label{\n display:block;\n margin:9px 0;\n padding:10px;\n border-radius:8px;\n background:#f8fafc;\n}\n\n.checklist input{\n width:auto;\n margin-right:8px;\n}\n\n.dashboard{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(190px,1fr));\n gap:15px;\n}\n\n.kpi{\n text-align:center;\n padding:22px;\n border-radius:16px;\n color:white;\n background:linear-gradient(135deg,var(--primary),var(--secondary));\n}\n\n.kpi .value{\n font-size:30px;\n font-weight:bold;\n}\n\n.result-box{\n margin-top:20px;\n padding:20px;\n background:#eef9f2;\n border-left:6px solid var(--success);\n border-radius:12px;\n display:none;\n}\n\n.warning{\n border-left:6px solid #f0ad4e;\n background:#fff9e8;\n padding:18px;\n border-radius:10px;\n}\n\n.footer{\n margin-top:30px;\n padding:25px;\n background:#102e3c;\n color:white;\n text-align:center;\n border-radius:18px;\n}\n\n@media print{\n\n body{\n background:white;\n }\n\n .nav,\n .no-print,\n .btn{\n display:none !important;\n }\n\n .card,\n .hero{\n box-shadow:none;\n }\n\n .mza-wrapper{\n max-width:100%;\n }\n}\n\n@media(max-width:700px){\n\n .hero h1{\n font-size:30px;\n }\n\n .mza-wrapper{\n padding:12px;\n }\n\n .card{\n padding:18px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"mza-wrapper\">\n\n<section class=\"hero\">\n <div class=\"hero-badge\">MAROC ZAIN ACADEMY<\/div>\n\n <h1>Dossier OFPPT \/ CSF<\/h1>\n\n <p>\n Gestion des besoins de formation, plans de formation,\n actions, b\u00e9n\u00e9ficiaires, budgets, pr\u00e9sences,\n \u00e9valuations et justificatifs.\n <\/p>\n\n <button class=\"btn btn-accent no-print\" onclick=\"window.print()\">\n \ud83d\udda8\ufe0f Imprimer \/ PDF\n <\/button>\n<\/section>\n\n\n<nav class=\"nav no-print\">\n <a href=\"#entreprise\">Entreprise<\/a>\n <a href=\"#diagnostic\">Diagnostic<\/a>\n <a href=\"#formations\">Formations<\/a>\n <a href=\"#budget\">Budget<\/a>\n <a href=\"#participants\">Participants<\/a>\n <a href=\"#pieces\">Pi\u00e8ces<\/a>\n <a href=\"#suivi\">Suivi<\/a>\n<\/nav>\n\n\n<section class=\"card\">\n\n<h2>Tableau de bord<\/h2>\n\n<div class=\"dashboard\">\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiActions\">0<\/div>\n Actions\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiParticipants\">0<\/div>\n Participants\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiBudget\">0<\/div>\n MAD\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiPieces\">0%<\/div>\n Dossier complet\n <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"entreprise\">\n\n<h2>1. Identification de l’entreprise<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Raison sociale<\/label>\n<input type=\"text\" id=\"societe\" placeholder=\"Nom de l'entreprise\">\n<\/div>\n\n<div>\n<label>ICE<\/label>\n<input type=\"text\" id=\"ice\" placeholder=\"ICE\">\n<\/div>\n\n<div>\n<label>RC<\/label>\n<input type=\"text\" id=\"rc\">\n<\/div>\n\n<div>\n<label>Identifiant fiscal<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>CNSS<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>Secteur d’activit\u00e9<\/label>\n\n<select>\n<option>Agence de voyages<\/option>\n<option>Tourisme<\/option>\n<option>H\u00f4tellerie<\/option>\n<option>Transport a\u00e9rien<\/option>\n<option>Handling a\u00e9roportuaire<\/option>\n<option>Commerce<\/option>\n<option>Services<\/option>\n<option>Autre<\/option>\n<\/select>\n\n<\/div>\n\n<div>\n<label>Effectif<\/label>\n<input type=\"number\" id=\"effectif\">\n<\/div>\n\n<div>\n<label>Responsable formation<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>T\u00e9l\u00e9phone<\/label>\n<input type=\"tel\">\n<\/div>\n\n<div>\n<label>E-mail<\/label>\n<input type=\"email\">\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"diagnostic\">\n\n<h2>2. Diagnostic des besoins<\/h2>\n\n<label>Situation actuelle<\/label>\n\n<textarea placeholder=\"D\u00e9crire les comp\u00e9tences actuelles, probl\u00e9matiques rencontr\u00e9es...\"><\/textarea>\n\n<label>Comp\u00e9tences \u00e0 d\u00e9velopper<\/label>\n\n<textarea placeholder=\"Comp\u00e9tences recherch\u00e9es...\"><\/textarea>\n\n<label>Objectifs de la formation<\/label>\n\n<textarea placeholder=\"Objectifs op\u00e9rationnels attendus...\"><\/textarea>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Nombre de salari\u00e9s concern\u00e9s<\/label>\n<input type=\"number\" id=\"nbSalaries\" oninput=\"updateKPIs()\">\n<\/div>\n\n<div>\n<label>P\u00e9riode souhait\u00e9e<\/label>\n<input type=\"text\" placeholder=\"Ex : septembre - d\u00e9cembre 2026\">\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"formations\">\n\n<h2>3. Programme des actions de formation<\/h2>\n\n<div class=\"grid\">\n\n<div class=\"feature\">\n\n<h3>\u2708\ufe0f Agent d’escale<\/h3>\n\n<p>\nAccueil passager, enregistrement, embarquement,\nbagages et gestion des irr\u00e9gularit\u00e9s.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Agent d\u2019escale',30,4500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udeeb Chef d’escale<\/h3>\n\n<p>\nSupervision op\u00e9rationnelle, coordination,\nmanagement et gestion de crise.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Chef d\u2019escale',40,6500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83c\udf0d Agent de voyages<\/h3>\n\n<p>\nR\u00e9servation, billetterie, h\u00f4tels,\nforfaits, assurances et relation client.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Agent de voyages',35,5000)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83c\udfe2 Chef d’agence<\/h3>\n\n<p>\nManagement d’agence, vente,\ngestion et contr\u00f4le des op\u00e9rations.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Chef d\u2019agence',40,6500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udce6 Fret & Cargo<\/h3>\n\n<p>\nAcceptation, documentation,\ns\u00fbret\u00e9 et traitement des marchandises.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Fret & Cargo',30,5500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udc65 Management<\/h3>\n\n<p>\nLeadership, organisation,\ngestion des \u00e9quipes et conflits.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Management',24,4000)\">\nAjouter\n<\/button>\n\n<\/div>\n\n<\/div>\n\n\n<table id=\"tableFormations\">\n\n<thead>\n<tr>\n<th>Formation<\/th>\n<th>Dur\u00e9e<\/th>\n<th>Participants<\/th>\n<th>Co\u00fbt MAD<\/th>\n<th>Action<\/th>\n<\/tr>\n<\/thead>\n\n<tbody><\/tbody>\n\n<\/table>\n\n<\/section>\n\n\n<section class=\"card\" id=\"budget\">\n\n<h2>4. G\u00e9n\u00e9rateur de budget<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Co\u00fbt p\u00e9dagogique<\/label>\n<input type=\"number\" id=\"pedagogie\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Location salle<\/label>\n<input type=\"number\" id=\"salle\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Supports p\u00e9dagogiques<\/label>\n<input type=\"number\" id=\"supports\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>D\u00e9placements<\/label>\n<input type=\"number\" id=\"deplacement\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Autres co\u00fbts<\/label>\n<input type=\"number\" id=\"autres\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<\/div>\n\n\n<div class=\"result-box\" id=\"budgetResult\" style=\"display:block\">\n\n<h3>Budget total<\/h3>\n\n<strong style=\"font-size:30px;color:#198754;\">\n<span id=\"totalBudget\">0<\/span> MAD\n<\/strong>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"participants\">\n\n<h2>5. Participants<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Nom et pr\u00e9nom<\/label>\n<input type=\"text\" id=\"nomParticipant\">\n<\/div>\n\n<div>\n<label>Fonction<\/label>\n<input type=\"text\" id=\"fonctionParticipant\">\n<\/div>\n\n<div>\n<label>Formation<\/label>\n<input type=\"text\" id=\"formationParticipant\">\n<\/div>\n\n<div style=\"display:flex;align-items:end;\">\n<button class=\"btn btn-success\" onclick=\"ajouterParticipant()\">\n+ Ajouter le participant\n<\/button>\n<\/div>\n\n<\/div>\n\n\n<table id=\"tableParticipants\">\n\n<thead>\n<tr>\n<th>N\u00b0<\/th>\n<th>Nom<\/th>\n<th>Fonction<\/th>\n<th>Formation<\/th>\n<th>Pr\u00e9sence<\/th>\n<th>R\u00e9sultat<\/th>\n<\/tr>\n<\/thead>\n\n<tbody><\/tbody>\n\n<\/table>\n\n<\/section>\n\n\n<section class=\"card\" id=\"pieces\">\n\n<h2>6. Checklist du dossier administratif<\/h2>\n\n<div class=\"checklist\" id=\"checklist\">\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nIdentification de l’entreprise\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nJustificatifs administratifs\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nDiagnostic des besoins\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nPlan de formation\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nProgramme d\u00e9taill\u00e9\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nDevis \/ budget\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nListe des b\u00e9n\u00e9ficiaires\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nConvention \/ documents contractuels\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nFeuilles de pr\u00e9sence\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\n\u00c9valuations\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nRapport de formation\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nFactures et justificatifs financiers\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nAttestations de formation\n<\/label>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"suivi\">\n\n<h2>7. Suivi du dossier<\/h2>\n\n<div class=\"process\">\n\n<div class=\"step\">\n<strong>1. Diagnostic<\/strong>\nIdentification du besoin.\n<\/div>\n\n<div class=\"step\">\n<strong>2. Plan<\/strong>\nConstruction du plan de formation.\n<\/div>\n\n<div class=\"step\">\n<strong>3. Validation<\/strong>\nContr\u00f4le administratif.\n<\/div>\n\n<div class=\"step\">\n<strong>4. Formation<\/strong>\nR\u00e9alisation de l’action.\n<\/div>\n\n<div class=\"step\">\n<strong>5. \u00c9valuation<\/strong>\nQCM, cas pratiques et oral.\n<\/div>\n\n<div class=\"step\">\n<strong>6. Cl\u00f4ture<\/strong>\nRapport et justificatifs.\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\">\n\n<h2>8. G\u00e9n\u00e9rer la synth\u00e8se du dossier<\/h2>\n\n<button class=\"btn btn-success\" onclick=\"genererDossier()\">\n\ud83d\udcc2 G\u00e9n\u00e9rer la synth\u00e8se\n<\/button>\n\n<button class=\"btn btn-primary\" onclick=\"window.print()\">\n\ud83d\udda8\ufe0f Imprimer le dossier\n<\/button>\n\n<div class=\"result-box\" id=\"dossierResult\"><\/div>\n\n<\/section>\n\n\n<section class=\"card\">\n\n<h2>Important<\/h2>\n\n<div class=\"warning\">\n\nCette page constitue un outil de pr\u00e9paration et de gestion interne.\n\nL’\u00e9ligibilit\u00e9 d’une entreprise, les documents r\u00e9glementaires,\nles plafonds, les taux de remboursement et les conditions\ndu dispositif OFPPT \/ CSF doivent \u00eatre v\u00e9rifi\u00e9s\nselon les r\u00e8gles en vigueur au moment du d\u00e9p\u00f4t.\n\n<\/div>\n\n<\/section>\n\n\n<footer class=\"footer\">\n\n<strong>MAROC ZAIN ACADEMY<\/strong>\n\n<br>\n\nFormation professionnelle \u2022 A\u00e9rien \u2022 Tourisme \u2022 Management\n\n<br><br>\n\n\u00a9 2026 Maroc Zain Academy\n\n<\/footer>\n\n<\/div>\n\n\n<script>\n\nlet formations = [];\nlet participants = [];\n\n\nfunction ajouterFormation(nom,duree,cout){\n\nformations.push({\nnom:nom,\nduree:duree,\nparticipants:1,\ncout:cout\n});\n\nafficherFormations();\nupdateKPIs();\n\n}\n\n\nfunction afficherFormations(){\n\nlet tbody =\ndocument.querySelector(\"#tableFormations tbody\");\n\ntbody.innerHTML=\"\";\n\nformations.forEach(function(f,index){\n\ntbody.innerHTML += `\n<tr>\n\n<td>${f.nom}<\/td>\n\n<td>${f.duree} h<\/td>\n\n<td>\n<input\ntype=\"number\"\nmin=\"1\"\nvalue=\"${f.participants}\"\nonchange=\"changerParticipants(${index},this.value)\">\n<\/td>\n\n<td>${f.cout.toLocaleString('fr-FR')}<\/td>\n\n<td>\n<button\nclass=\"btn btn-primary\"\nonclick=\"supprimerFormation(${index})\">\nSupprimer\n<\/button>\n<\/td>\n\n<\/tr>\n`;\n\n});\n\ncalculTotalFormations();\n\n}\n\n\nfunction changerParticipants(index,valeur){\n\nformations[index].participants =\nparseInt(valeur)||1;\n\nupdateKPIs();\n\n}\n\n\nfunction supprimerFormation(index){\n\nformations.splice(index,1);\n\nafficherFormations();\n\nupdateKPIs();\n\n}\n\n\nfunction calculTotalFormations(){\n\nlet total=0;\n\nformations.forEach(function(f){\ntotal += f.cout;\n});\n\ndocument.getElementById(\"pedagogie\").value=total;\n\ncalculBudget();\n\n}\n\n\nfunction ajouterParticipant(){\n\nlet nom =\ndocument.getElementById(\"nomParticipant\").value.trim();\n\nlet fonction =\ndocument.getElementById(\"fonctionParticipant\").value.trim();\n\nlet formation =\ndocument.getElementById(\"formationParticipant\").value.trim();\n\nif(!nom){\n\nalert(\"Veuillez saisir le nom du participant.\");\n\nreturn;\n\n}\n\nparticipants.push({\nnom:nom,\nfonction:fonction,\nformation:formation\n});\n\nafficherParticipants();\n\ndocument.getElementById(\"nomParticipant\").value=\"\";\ndocument.getElementById(\"fonctionParticipant\").value=\"\";\ndocument.getElementById(\"formationParticipant\").value=\"\";\n\nupdateKPIs();\n\n}\n\n\nfunction afficherParticipants(){\n\nlet tbody =\ndocument.querySelector(\"#tableParticipants tbody\");\n\ntbody.innerHTML=\"\";\n\nparticipants.forEach(function(p,index){\n\ntbody.innerHTML += `\n<tr>\n\n<td>${index+1}<\/td>\n\n<td>${p.nom}<\/td>\n\n<td>${p.fonction}<\/td>\n\n<td>${p.formation}<\/td>\n\n<td>\n<select>\n<option>\u00c0 r\u00e9aliser<\/option>\n<option>Pr\u00e9sent<\/option>\n<option>Absent<\/option>\n<\/select>\n<\/td>\n\n<td>\n<select>\n<option>En attente<\/option>\n<option>R\u00e9ussi<\/option>\n<option>\u00c0 renforcer<\/option>\n<\/select>\n<\/td>\n\n<\/tr>\n`;\n\n});\n\n}\n\n\nfunction calculBudget(){\n\nlet ids=[\n\"pedagogie\",\n\"salle\",\n\"supports\",\n\"deplacement\",\n\"autres\"\n];\n\nlet total=0;\n\nids.forEach(function(id){\n\ntotal +=\nparseFloat(\ndocument.getElementById(id).value\n)||0;\n\n});\n\ndocument.getElementById(\"totalBudget\").innerText =\ntotal.toLocaleString('fr-FR');\n\nupdateKPIs();\n\n}\n\n\nfunction calculPieces(){\n\nlet checks =\ndocument.querySelectorAll(\n\"#checklist input[type=checkbox]\"\n);\n\nlet coches =\ndocument.querySelectorAll(\n\"#checklist input[type=checkbox]:checked\"\n);\n\nlet taux =\nchecks.length\n?\nMath.round((coches.length\/checks.length)*100)\n:\n0;\n\ndocument.getElementById(\"kpiPieces\").innerText =\ntaux+\"%\";\n\n}\n\n\nfunction updateKPIs(){\n\ndocument.getElementById(\"kpiActions\").innerText =\nformations.length;\n\ndocument.getElementById(\"kpiParticipants\").innerText =\nparticipants.length;\n\nlet budget =\nparseFloat(\ndocument.getElementById(\"totalBudget\")\n.innerText\n.replace(\/\\s\/g,'')\n)||0;\n\ndocument.getElementById(\"kpiBudget\").innerText =\nbudget.toLocaleString('fr-FR');\n\n}\n\n\nfunction genererDossier(){\n\nlet societe =\ndocument.getElementById(\"societe\").value\n|| \"Entreprise non renseign\u00e9e\";\n\nlet ice =\ndocument.getElementById(\"ice\").value\n|| \"-\";\n\nlet budget =\ndocument.getElementById(\"totalBudget\").innerText;\n\nlet result =\ndocument.getElementById(\"dossierResult\");\n\nresult.style.display=\"block\";\n\nresult.innerHTML=`\n\n<h3>Synth\u00e8se du dossier OFPPT \/ CSF<\/h3>\n\n<p>\n<strong>Entreprise :<\/strong>\n${societe}\n<\/p>\n\n<p>\n<strong>ICE :<\/strong>\n${ice}\n<\/p>\n\n<p>\n<strong>Actions de formation :<\/strong>\n${formations.length}\n<\/p>\n\n<p>\n<strong>Participants enregistr\u00e9s :<\/strong>\n${participants.length}\n<\/p>\n\n<p>\n<strong>Budget pr\u00e9visionnel :<\/strong>\n${budget} MAD\n<\/p>\n\n<p>\n<strong>\u00c9tat du dossier :<\/strong>\n<span class=\"status status-attente\">\n\u00c0 contr\u00f4ler avant d\u00e9p\u00f4t\n<\/span>\n<\/p>\n\n`;\n\n}\n\ncalculPieces();\ncalculBudget();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dossier OFPPT \/ CSF – Maroc Zain Academy MAROC ZAIN ACADEMY Dossier OFPPT \/ CSF Gestion des besoins de formation, plans de formation, actions, b\u00e9n\u00e9ficiaires, budgets, pr\u00e9sences, \u00e9valuations et justificatifs. \ud83d\udda8\ufe0f Imprimer \/ PDF Entreprise Diagnostic Formations Budget Participants Pi\u00e8ces Suivi Tableau de bord 0 Actions 0 Participants 0 MAD 0% Dossier complet 1. Identification […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3710","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/page"}],"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=3710"}],"version-history":[{"count":2,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710\/revisions"}],"predecessor-version":[{"id":3773,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710\/revisions\/3773"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3710,"date":"2026-08-22T19:32:37","date_gmt":"2026-08-22T19:32:37","guid":{"rendered":"https:\/\/maroczain.com\/?page_id=3710"},"modified":"2026-08-22T20:17:31","modified_gmt":"2026-08-22T20:17:31","slug":"dossier-offpt","status":"publish","type":"page","link":"https:\/\/maroczain.com\/en\/dossier-offpt\/","title":{"rendered":"Dossier Offpt"},"content":{"rendered":"\n\n\n\n\n\n\nDossier OFPPT \/ CSF – Maroc Zain Academy<\/title>\n\n<style>\n:root{\n --primary:#0b4f6c;\n --secondary:#1481ba;\n --accent:#e9c84a;\n --light:#f5f9fc;\n --dark:#123;\n --success:#198754;\n --danger:#dc3545;\n --border:#dce6ed;\n}\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n font-family:Arial, Helvetica, sans-serif;\n background:#eef4f8;\n color:#243746;\n line-height:1.6;\n}\n\n.mza-wrapper{\n max-width:1300px;\n margin:auto;\n padding:25px;\n}\n\n.hero{\n background:linear-gradient(135deg,var(--primary),var(--secondary));\n color:white;\n border-radius:24px;\n padding:50px 30px;\n text-align:center;\n box-shadow:0 15px 35px rgba(0,0,0,.15);\n}\n\n.hero-badge{\n display:inline-block;\n background:var(--accent);\n color:#222;\n padding:8px 18px;\n border-radius:30px;\n font-weight:bold;\n margin-bottom:15px;\n}\n\n.hero h1{\n font-size:42px;\n margin:10px 0;\n}\n\n.hero p{\n max-width:850px;\n margin:15px auto;\n font-size:18px;\n}\n\n.nav{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n justify-content:center;\n margin:25px 0;\n}\n\n.nav a{\n text-decoration:none;\n padding:11px 17px;\n border-radius:10px;\n background:white;\n color:var(--primary);\n border:1px solid var(--border);\n font-weight:bold;\n transition:.2s;\n}\n\n.nav a:hover{\n background:var(--primary);\n color:white;\n}\n\n.card{\n background:white;\n margin:22px 0;\n padding:30px;\n border-radius:18px;\n box-shadow:0 8px 28px rgba(0,0,0,.07);\n}\n\n.card h2{\n color:var(--primary);\n margin-top:0;\n border-bottom:3px solid var(--accent);\n padding-bottom:12px;\n}\n\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n gap:18px;\n}\n\n.feature{\n border:1px solid var(--border);\n padding:20px;\n border-radius:15px;\n background:var(--light);\n}\n\n.feature h3{\n margin-top:0;\n color:var(--secondary);\n}\n\n.process{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\n gap:14px;\n}\n\n.step{\n padding:18px;\n border-radius:14px;\n background:linear-gradient(135deg,#f5fbff,#eaf5fb);\n border-left:5px solid var(--secondary);\n}\n\n.step strong{\n display:block;\n color:var(--primary);\n margin-bottom:6px;\n}\n\nform{\n display:grid;\n gap:15px;\n}\n\n.form-grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n gap:15px;\n}\n\nlabel{\n font-weight:bold;\n color:#234;\n}\n\ninput,\nselect,\ntextarea{\n width:100%;\n padding:12px;\n margin-top:6px;\n border:1px solid #cbd8df;\n border-radius:10px;\n font-size:15px;\n background:white;\n}\n\ntextarea{\n min-height:100px;\n}\n\n.btn{\n border:0;\n border-radius:10px;\n padding:13px 20px;\n font-size:15px;\n font-weight:bold;\n cursor:pointer;\n margin:5px;\n}\n\n.btn-primary{\n background:var(--primary);\n color:white;\n}\n\n.btn-secondary{\n background:var(--secondary);\n color:white;\n}\n\n.btn-accent{\n background:var(--accent);\n color:#222;\n}\n\n.btn-success{\n background:var(--success);\n color:white;\n}\n\ntable{\n width:100%;\n border-collapse:collapse;\n margin-top:15px;\n background:white;\n}\n\nth,\ntd{\n border:1px solid var(--border);\n padding:12px;\n text-align:left;\n}\n\nth{\n background:var(--primary);\n color:white;\n}\n\n.status{\n display:inline-block;\n padding:5px 10px;\n border-radius:20px;\n font-size:13px;\n font-weight:bold;\n}\n\n.status-ok{\n color:#086c37;\n background:#d9f6e6;\n}\n\n.status-attente{\n color:#805600;\n background:#fff1bd;\n}\n\n.checklist label{\n display:block;\n margin:9px 0;\n padding:10px;\n border-radius:8px;\n background:#f8fafc;\n}\n\n.checklist input{\n width:auto;\n margin-right:8px;\n}\n\n.dashboard{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(190px,1fr));\n gap:15px;\n}\n\n.kpi{\n text-align:center;\n padding:22px;\n border-radius:16px;\n color:white;\n background:linear-gradient(135deg,var(--primary),var(--secondary));\n}\n\n.kpi .value{\n font-size:30px;\n font-weight:bold;\n}\n\n.result-box{\n margin-top:20px;\n padding:20px;\n background:#eef9f2;\n border-left:6px solid var(--success);\n border-radius:12px;\n display:none;\n}\n\n.warning{\n border-left:6px solid #f0ad4e;\n background:#fff9e8;\n padding:18px;\n border-radius:10px;\n}\n\n.footer{\n margin-top:30px;\n padding:25px;\n background:#102e3c;\n color:white;\n text-align:center;\n border-radius:18px;\n}\n\n@media print{\n\n body{\n background:white;\n }\n\n .nav,\n .no-print,\n .btn{\n display:none !important;\n }\n\n .card,\n .hero{\n box-shadow:none;\n }\n\n .mza-wrapper{\n max-width:100%;\n }\n}\n\n@media(max-width:700px){\n\n .hero h1{\n font-size:30px;\n }\n\n .mza-wrapper{\n padding:12px;\n }\n\n .card{\n padding:18px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"mza-wrapper\">\n\n<section class=\"hero\">\n <div class=\"hero-badge\">MAROC ZAIN ACADEMY<\/div>\n\n <h1>Dossier OFPPT \/ CSF<\/h1>\n\n <p>\n Gestion des besoins de formation, plans de formation,\n actions, b\u00e9n\u00e9ficiaires, budgets, pr\u00e9sences,\n \u00e9valuations et justificatifs.\n <\/p>\n\n <button class=\"btn btn-accent no-print\" onclick=\"window.print()\">\n \ud83d\udda8\ufe0f Imprimer \/ PDF\n <\/button>\n<\/section>\n\n\n<nav class=\"nav no-print\">\n <a href=\"#entreprise\">Entreprise<\/a>\n <a href=\"#diagnostic\">Diagnostic<\/a>\n <a href=\"#formations\">Formations<\/a>\n <a href=\"#budget\">Budget<\/a>\n <a href=\"#participants\">Participants<\/a>\n <a href=\"#pieces\">Pi\u00e8ces<\/a>\n <a href=\"#suivi\">Suivi<\/a>\n<\/nav>\n\n\n<section class=\"card\">\n\n<h2>Tableau de bord<\/h2>\n\n<div class=\"dashboard\">\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiActions\">0<\/div>\n Actions\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiParticipants\">0<\/div>\n Participants\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiBudget\">0<\/div>\n MAD\n <\/div>\n\n <div class=\"kpi\">\n <div class=\"value\" id=\"kpiPieces\">0%<\/div>\n Dossier complet\n <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"entreprise\">\n\n<h2>1. Identification de l’entreprise<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Raison sociale<\/label>\n<input type=\"text\" id=\"societe\" placeholder=\"Nom de l'entreprise\">\n<\/div>\n\n<div>\n<label>ICE<\/label>\n<input type=\"text\" id=\"ice\" placeholder=\"ICE\">\n<\/div>\n\n<div>\n<label>RC<\/label>\n<input type=\"text\" id=\"rc\">\n<\/div>\n\n<div>\n<label>Identifiant fiscal<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>CNSS<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>Secteur d’activit\u00e9<\/label>\n\n<select>\n<option>Agence de voyages<\/option>\n<option>Tourisme<\/option>\n<option>H\u00f4tellerie<\/option>\n<option>Transport a\u00e9rien<\/option>\n<option>Handling a\u00e9roportuaire<\/option>\n<option>Commerce<\/option>\n<option>Services<\/option>\n<option>Autre<\/option>\n<\/select>\n\n<\/div>\n\n<div>\n<label>Effectif<\/label>\n<input type=\"number\" id=\"effectif\">\n<\/div>\n\n<div>\n<label>Responsable formation<\/label>\n<input type=\"text\">\n<\/div>\n\n<div>\n<label>T\u00e9l\u00e9phone<\/label>\n<input type=\"tel\">\n<\/div>\n\n<div>\n<label>E-mail<\/label>\n<input type=\"email\">\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"diagnostic\">\n\n<h2>2. Diagnostic des besoins<\/h2>\n\n<label>Situation actuelle<\/label>\n\n<textarea placeholder=\"D\u00e9crire les comp\u00e9tences actuelles, probl\u00e9matiques rencontr\u00e9es...\"><\/textarea>\n\n<label>Comp\u00e9tences \u00e0 d\u00e9velopper<\/label>\n\n<textarea placeholder=\"Comp\u00e9tences recherch\u00e9es...\"><\/textarea>\n\n<label>Objectifs de la formation<\/label>\n\n<textarea placeholder=\"Objectifs op\u00e9rationnels attendus...\"><\/textarea>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Nombre de salari\u00e9s concern\u00e9s<\/label>\n<input type=\"number\" id=\"nbSalaries\" oninput=\"updateKPIs()\">\n<\/div>\n\n<div>\n<label>P\u00e9riode souhait\u00e9e<\/label>\n<input type=\"text\" placeholder=\"Ex : septembre - d\u00e9cembre 2026\">\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"formations\">\n\n<h2>3. Programme des actions de formation<\/h2>\n\n<div class=\"grid\">\n\n<div class=\"feature\">\n\n<h3>\u2708\ufe0f Agent d’escale<\/h3>\n\n<p>\nAccueil passager, enregistrement, embarquement,\nbagages et gestion des irr\u00e9gularit\u00e9s.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Agent d\u2019escale',30,4500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udeeb Chef d’escale<\/h3>\n\n<p>\nSupervision op\u00e9rationnelle, coordination,\nmanagement et gestion de crise.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Chef d\u2019escale',40,6500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83c\udf0d Agent de voyages<\/h3>\n\n<p>\nR\u00e9servation, billetterie, h\u00f4tels,\nforfaits, assurances et relation client.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Agent de voyages',35,5000)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83c\udfe2 Chef d’agence<\/h3>\n\n<p>\nManagement d’agence, vente,\ngestion et contr\u00f4le des op\u00e9rations.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Chef d\u2019agence',40,6500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udce6 Fret & Cargo<\/h3>\n\n<p>\nAcceptation, documentation,\ns\u00fbret\u00e9 et traitement des marchandises.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Fret & Cargo',30,5500)\">\nAjouter\n<\/button>\n\n<\/div>\n\n\n<div class=\"feature\">\n\n<h3>\ud83d\udc65 Management<\/h3>\n\n<p>\nLeadership, organisation,\ngestion des \u00e9quipes et conflits.\n<\/p>\n\n<button class=\"btn btn-primary\"\nonclick=\"ajouterFormation('Management',24,4000)\">\nAjouter\n<\/button>\n\n<\/div>\n\n<\/div>\n\n\n<table id=\"tableFormations\">\n\n<thead>\n<tr>\n<th>Formation<\/th>\n<th>Dur\u00e9e<\/th>\n<th>Participants<\/th>\n<th>Co\u00fbt MAD<\/th>\n<th>Action<\/th>\n<\/tr>\n<\/thead>\n\n<tbody><\/tbody>\n\n<\/table>\n\n<\/section>\n\n\n<section class=\"card\" id=\"budget\">\n\n<h2>4. G\u00e9n\u00e9rateur de budget<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Co\u00fbt p\u00e9dagogique<\/label>\n<input type=\"number\" id=\"pedagogie\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Location salle<\/label>\n<input type=\"number\" id=\"salle\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Supports p\u00e9dagogiques<\/label>\n<input type=\"number\" id=\"supports\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>D\u00e9placements<\/label>\n<input type=\"number\" id=\"deplacement\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<div>\n<label>Autres co\u00fbts<\/label>\n<input type=\"number\" id=\"autres\" value=\"0\" oninput=\"calculBudget()\">\n<\/div>\n\n<\/div>\n\n\n<div class=\"result-box\" id=\"budgetResult\" style=\"display:block\">\n\n<h3>Budget total<\/h3>\n\n<strong style=\"font-size:30px;color:#198754;\">\n<span id=\"totalBudget\">0<\/span> MAD\n<\/strong>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"participants\">\n\n<h2>5. Participants<\/h2>\n\n<div class=\"form-grid\">\n\n<div>\n<label>Nom et pr\u00e9nom<\/label>\n<input type=\"text\" id=\"nomParticipant\">\n<\/div>\n\n<div>\n<label>Fonction<\/label>\n<input type=\"text\" id=\"fonctionParticipant\">\n<\/div>\n\n<div>\n<label>Formation<\/label>\n<input type=\"text\" id=\"formationParticipant\">\n<\/div>\n\n<div style=\"display:flex;align-items:end;\">\n<button class=\"btn btn-success\" onclick=\"ajouterParticipant()\">\n+ Ajouter le participant\n<\/button>\n<\/div>\n\n<\/div>\n\n\n<table id=\"tableParticipants\">\n\n<thead>\n<tr>\n<th>N\u00b0<\/th>\n<th>Nom<\/th>\n<th>Fonction<\/th>\n<th>Formation<\/th>\n<th>Pr\u00e9sence<\/th>\n<th>R\u00e9sultat<\/th>\n<\/tr>\n<\/thead>\n\n<tbody><\/tbody>\n\n<\/table>\n\n<\/section>\n\n\n<section class=\"card\" id=\"pieces\">\n\n<h2>6. Checklist du dossier administratif<\/h2>\n\n<div class=\"checklist\" id=\"checklist\">\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nIdentification de l’entreprise\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nJustificatifs administratifs\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nDiagnostic des besoins\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nPlan de formation\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nProgramme d\u00e9taill\u00e9\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nDevis \/ budget\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nListe des b\u00e9n\u00e9ficiaires\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nConvention \/ documents contractuels\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nFeuilles de pr\u00e9sence\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\n\u00c9valuations\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nRapport de formation\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nFactures et justificatifs financiers\n<\/label>\n\n<label>\n<input type=\"checkbox\" onchange=\"calculPieces()\">\nAttestations de formation\n<\/label>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\" id=\"suivi\">\n\n<h2>7. Suivi du dossier<\/h2>\n\n<div class=\"process\">\n\n<div class=\"step\">\n<strong>1. Diagnostic<\/strong>\nIdentification du besoin.\n<\/div>\n\n<div class=\"step\">\n<strong>2. Plan<\/strong>\nConstruction du plan de formation.\n<\/div>\n\n<div class=\"step\">\n<strong>3. Validation<\/strong>\nContr\u00f4le administratif.\n<\/div>\n\n<div class=\"step\">\n<strong>4. Formation<\/strong>\nR\u00e9alisation de l’action.\n<\/div>\n\n<div class=\"step\">\n<strong>5. \u00c9valuation<\/strong>\nQCM, cas pratiques et oral.\n<\/div>\n\n<div class=\"step\">\n<strong>6. Cl\u00f4ture<\/strong>\nRapport et justificatifs.\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n<section class=\"card\">\n\n<h2>8. G\u00e9n\u00e9rer la synth\u00e8se du dossier<\/h2>\n\n<button class=\"btn btn-success\" onclick=\"genererDossier()\">\n\ud83d\udcc2 G\u00e9n\u00e9rer la synth\u00e8se\n<\/button>\n\n<button class=\"btn btn-primary\" onclick=\"window.print()\">\n\ud83d\udda8\ufe0f Imprimer le dossier\n<\/button>\n\n<div class=\"result-box\" id=\"dossierResult\"><\/div>\n\n<\/section>\n\n\n<section class=\"card\">\n\n<h2>Important<\/h2>\n\n<div class=\"warning\">\n\nCette page constitue un outil de pr\u00e9paration et de gestion interne.\n\nL’\u00e9ligibilit\u00e9 d’une entreprise, les documents r\u00e9glementaires,\nles plafonds, les taux de remboursement et les conditions\ndu dispositif OFPPT \/ CSF doivent \u00eatre v\u00e9rifi\u00e9s\nselon les r\u00e8gles en vigueur au moment du d\u00e9p\u00f4t.\n\n<\/div>\n\n<\/section>\n\n\n<footer class=\"footer\">\n\n<strong>MAROC ZAIN ACADEMY<\/strong>\n\n<br>\n\nFormation professionnelle \u2022 A\u00e9rien \u2022 Tourisme \u2022 Management\n\n<br><br>\n\n\u00a9 2026 Maroc Zain Academy\n\n<\/footer>\n\n<\/div>\n\n\n<script>\n\nlet formations = [];\nlet participants = [];\n\n\nfunction ajouterFormation(nom,duree,cout){\n\nformations.push({\nnom:nom,\nduree:duree,\nparticipants:1,\ncout:cout\n});\n\nafficherFormations();\nupdateKPIs();\n\n}\n\n\nfunction afficherFormations(){\n\nlet tbody =\ndocument.querySelector(\"#tableFormations tbody\");\n\ntbody.innerHTML=\"\";\n\nformations.forEach(function(f,index){\n\ntbody.innerHTML += `\n<tr>\n\n<td>${f.nom}<\/td>\n\n<td>${f.duree} h<\/td>\n\n<td>\n<input\ntype=\"number\"\nmin=\"1\"\nvalue=\"${f.participants}\"\nonchange=\"changerParticipants(${index},this.value)\">\n<\/td>\n\n<td>${f.cout.toLocaleString('fr-FR')}<\/td>\n\n<td>\n<button\nclass=\"btn btn-primary\"\nonclick=\"supprimerFormation(${index})\">\nSupprimer\n<\/button>\n<\/td>\n\n<\/tr>\n`;\n\n});\n\ncalculTotalFormations();\n\n}\n\n\nfunction changerParticipants(index,valeur){\n\nformations[index].participants =\nparseInt(valeur)||1;\n\nupdateKPIs();\n\n}\n\n\nfunction supprimerFormation(index){\n\nformations.splice(index,1);\n\nafficherFormations();\n\nupdateKPIs();\n\n}\n\n\nfunction calculTotalFormations(){\n\nlet total=0;\n\nformations.forEach(function(f){\ntotal += f.cout;\n});\n\ndocument.getElementById(\"pedagogie\").value=total;\n\ncalculBudget();\n\n}\n\n\nfunction ajouterParticipant(){\n\nlet nom =\ndocument.getElementById(\"nomParticipant\").value.trim();\n\nlet fonction =\ndocument.getElementById(\"fonctionParticipant\").value.trim();\n\nlet formation =\ndocument.getElementById(\"formationParticipant\").value.trim();\n\nif(!nom){\n\nalert(\"Veuillez saisir le nom du participant.\");\n\nreturn;\n\n}\n\nparticipants.push({\nnom:nom,\nfonction:fonction,\nformation:formation\n});\n\nafficherParticipants();\n\ndocument.getElementById(\"nomParticipant\").value=\"\";\ndocument.getElementById(\"fonctionParticipant\").value=\"\";\ndocument.getElementById(\"formationParticipant\").value=\"\";\n\nupdateKPIs();\n\n}\n\n\nfunction afficherParticipants(){\n\nlet tbody =\ndocument.querySelector(\"#tableParticipants tbody\");\n\ntbody.innerHTML=\"\";\n\nparticipants.forEach(function(p,index){\n\ntbody.innerHTML += `\n<tr>\n\n<td>${index+1}<\/td>\n\n<td>${p.nom}<\/td>\n\n<td>${p.fonction}<\/td>\n\n<td>${p.formation}<\/td>\n\n<td>\n<select>\n<option>\u00c0 r\u00e9aliser<\/option>\n<option>Pr\u00e9sent<\/option>\n<option>Absent<\/option>\n<\/select>\n<\/td>\n\n<td>\n<select>\n<option>En attente<\/option>\n<option>R\u00e9ussi<\/option>\n<option>\u00c0 renforcer<\/option>\n<\/select>\n<\/td>\n\n<\/tr>\n`;\n\n});\n\n}\n\n\nfunction calculBudget(){\n\nlet ids=[\n\"pedagogie\",\n\"salle\",\n\"supports\",\n\"deplacement\",\n\"autres\"\n];\n\nlet total=0;\n\nids.forEach(function(id){\n\ntotal +=\nparseFloat(\ndocument.getElementById(id).value\n)||0;\n\n});\n\ndocument.getElementById(\"totalBudget\").innerText =\ntotal.toLocaleString('fr-FR');\n\nupdateKPIs();\n\n}\n\n\nfunction calculPieces(){\n\nlet checks =\ndocument.querySelectorAll(\n\"#checklist input[type=checkbox]\"\n);\n\nlet coches =\ndocument.querySelectorAll(\n\"#checklist input[type=checkbox]:checked\"\n);\n\nlet taux =\nchecks.length\n?\nMath.round((coches.length\/checks.length)*100)\n:\n0;\n\ndocument.getElementById(\"kpiPieces\").innerText =\ntaux+\"%\";\n\n}\n\n\nfunction updateKPIs(){\n\ndocument.getElementById(\"kpiActions\").innerText =\nformations.length;\n\ndocument.getElementById(\"kpiParticipants\").innerText =\nparticipants.length;\n\nlet budget =\nparseFloat(\ndocument.getElementById(\"totalBudget\")\n.innerText\n.replace(\/\\s\/g,'')\n)||0;\n\ndocument.getElementById(\"kpiBudget\").innerText =\nbudget.toLocaleString('fr-FR');\n\n}\n\n\nfunction genererDossier(){\n\nlet societe =\ndocument.getElementById(\"societe\").value\n|| \"Entreprise non renseign\u00e9e\";\n\nlet ice =\ndocument.getElementById(\"ice\").value\n|| \"-\";\n\nlet budget =\ndocument.getElementById(\"totalBudget\").innerText;\n\nlet result =\ndocument.getElementById(\"dossierResult\");\n\nresult.style.display=\"block\";\n\nresult.innerHTML=`\n\n<h3>Synth\u00e8se du dossier OFPPT \/ CSF<\/h3>\n\n<p>\n<strong>Entreprise :<\/strong>\n${societe}\n<\/p>\n\n<p>\n<strong>ICE :<\/strong>\n${ice}\n<\/p>\n\n<p>\n<strong>Actions de formation :<\/strong>\n${formations.length}\n<\/p>\n\n<p>\n<strong>Participants enregistr\u00e9s :<\/strong>\n${participants.length}\n<\/p>\n\n<p>\n<strong>Budget pr\u00e9visionnel :<\/strong>\n${budget} MAD\n<\/p>\n\n<p>\n<strong>\u00c9tat du dossier :<\/strong>\n<span class=\"status status-attente\">\n\u00c0 contr\u00f4ler avant d\u00e9p\u00f4t\n<\/span>\n<\/p>\n\n`;\n\n}\n\ncalculPieces();\ncalculBudget();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dossier OFPPT \/ CSF – Maroc Zain Academy MAROC ZAIN ACADEMY Dossier OFPPT \/ CSF Gestion des besoins de formation, plans de formation, actions, b\u00e9n\u00e9ficiaires, budgets, pr\u00e9sences, \u00e9valuations et justificatifs. \ud83d\udda8\ufe0f Imprimer \/ PDF Entreprise Diagnostic Formations Budget Participants Pi\u00e8ces Suivi Tableau de bord 0 Actions 0 Participants 0 MAD 0% Dossier complet 1. Identification […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3710","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/types\/page"}],"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=3710"}],"version-history":[{"count":2,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710\/revisions"}],"predecessor-version":[{"id":3773,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/3710\/revisions\/3773"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=3710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}