{"id":323,"date":"2026-09-08T08:07:15","date_gmt":"2026-09-08T08:07:15","guid":{"rendered":"https:\/\/maroczain.com\/scolaire.maroczain.com\/?page_id=323"},"modified":"2026-09-08T08:07:15","modified_gmt":"2026-09-08T08:07:15","slug":"fiche-du-candidat","status":"publish","type":"page","link":"https:\/\/maroczain.com\/scolaire.maroczain.com\/fiche-du-candidat\/","title":{"rendered":"Fiche du Candidat"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>MZA &#8211; Fiche du Candidat<\/title>\n<style>\n:root{--navy:#071b34;--blue:#0d3b6e;--gold:#d4ad57;--bg:#f3f6fa;--line:#dfe6ef;--text:#172438}\n*{box-sizing:border-box}\nbody{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--text)}\n.wrap{max-width:1250px;margin:auto;padding:20px}\n.hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:24px;padding:28px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}\n.hero h1{margin:5px 0;font-size:40px}.hero p{margin:0;color:#dce8f5}\n.badge{background:#ffffff18;border:1px solid #ffffff35;padding:10px 14px;border-radius:14px;font-weight:bold}\n.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:18px;box-shadow:0 10px 30px #0b2c4d10}\nh2{color:var(--navy);margin-top:0}h3{color:var(--blue)}\n.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}\n.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\n.full{grid-column:1\/-1}\nlabel{display:block;font-size:12px;font-weight:bold;color:#4d5d71;margin:0 0 6px}\ninput,select,textarea{width:100%;padding:12px;border:1px solid #cad5e2;border-radius:10px;background:#fbfcfe;font:inherit}\ntextarea{min-height:90px;resize:vertical}\n.photo{width:130px;height:160px;border:2px dashed #c9d3df;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#738096;text-align:center;font-size:12px}\n.photo img{width:100%;height:100%;object-fit:cover}\n.identity{display:grid;grid-template-columns:150px 1fr;gap:20px}\n.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n.check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:11px;border-radius:10px;background:#fafbfd}\n.check input{width:auto}\n.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}\nbutton{border:0;border-radius:10px;padding:12px 16px;font-weight:bold;cursor:pointer}\n.gold{background:linear-gradient(135deg,#efd98e,var(--gold));color:#13243a}\n.soft{background:#eaf0f7;color:#173b65}\n.sign{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}\n.signbox{min-height:100px;border-top:1px solid #8fa0b4;padding-top:8px;color:#536176}\n.small{font-size:12px;color:#6a788b}\n@media(max-width:850px){.grid,.grid3,.checks,.sign,.identity{grid-template-columns:1fr}.photo{margin:auto}.hero{display:block}.hero h1{font-size:30px}}\n@media print{body{background:#fff}.wrap{max-width:none;padding:0}.tools{display:none}.card,.hero{box-shadow:none}.hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}}\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n  <section class=\"hero\">\n    <div>\n      <div style=\"color:#efd98e;font-weight:bold;letter-spacing:1.5px\">MAROC ZAIN ACADEMY<\/div>\n      <h1>FICHE DU CANDIDAT<\/h1>\n      <p>Inscription \u2022 S\u00e9lection \u2022 Formation \u2022 Suivi administratif<\/p>\n    <\/div>\n    <div class=\"badge\">R\u00e9f. candidat : <span id=\"ref\">MZA-000001<\/span><\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>1. Identit\u00e9 du candidat<\/h2>\n    <div class=\"identity\">\n      <div>\n        <div class=\"photo\" id=\"preview\">PHOTO<br>DU CANDIDAT<\/div>\n        <label style=\"margin-top:8px\">Ajouter une photo<\/label>\n        <input type=\"file\" id=\"photo\" accept=\"image\/*\">\n      <\/div>\n      <div class=\"grid\">\n        <div><label>Nom<\/label><input id=\"nom\"><\/div>\n        <div><label>Pr\u00e9nom<\/label><input id=\"prenom\"><\/div>\n        <div><label>Date de naissance<\/label><input type=\"date\" id=\"naissance\"><\/div>\n        <div><label>Lieu de naissance<\/label><input id=\"lieu\"><\/div>\n        <div><label>CIN \/ Passeport<\/label><input id=\"cin\"><\/div>\n        <div><label>Nationalit\u00e9<\/label><input id=\"nat\" value=\"Marocaine\"><\/div>\n        <div><label>Sexe<\/label><select id=\"sexe\"><option value=\"\">S\u00e9lectionner<\/option><option>Femme<\/option><option>Homme<\/option><option>Autre \/ Non pr\u00e9cis\u00e9<\/option><\/select><\/div>\n        <div><label>Situation familiale<\/label><select id=\"fam\"><option value=\"\">S\u00e9lectionner<\/option><option>C\u00e9libataire<\/option><option>Mari\u00e9(e)<\/option><option>Autre<\/option><\/select><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>2. Coordonn\u00e9es<\/h2>\n    <div class=\"grid\">\n      <div><label>T\u00e9l\u00e9phone<\/label><input id=\"tel\"><\/div>\n      <div><label>E-mail<\/label><input type=\"email\" id=\"email\"><\/div>\n      <div class=\"full\"><label>Adresse compl\u00e8te<\/label><input id=\"adresse\"><\/div>\n      <div><label>Ville<\/label><input id=\"ville\"><\/div>\n      <div><label>Pays<\/label><input id=\"pays\" value=\"Maroc\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>3. Formation et parcours<\/h2>\n    <div class=\"grid\">\n      <div><label>Niveau d&#8217;\u00e9tudes<\/label><select id=\"niveau\"><option>Sans dipl\u00f4me<\/option><option>Baccalaur\u00e9at<\/option><option>Bac+2<\/option><option>Licence \/ Bac+3<\/option><option>Master \/ Bac+5<\/option><option>Doctorat<\/option><option>Autre<\/option><\/select><\/div>\n      <div><label>Dernier dipl\u00f4me obtenu<\/label><input id=\"diplome\"><\/div>\n      <div><label>\u00c9tablissement<\/label><input id=\"etab\"><\/div>\n      <div><label>Ann\u00e9e d&#8217;obtention<\/label><input type=\"number\" id=\"annee\" min=\"1950\" max=\"2100\"><\/div>\n      <div class=\"full\"><label>Sp\u00e9cialit\u00e9 \/ Fili\u00e8re<\/label><input id=\"specialite\"><\/div>\n      <div class=\"full\"><label>Exp\u00e9rience professionnelle<\/label><textarea id=\"experience\" placeholder=\"Postes, entreprises, dur\u00e9e, principales missions...\"><\/textarea><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>4. Formation demand\u00e9e<\/h2>\n    <div class=\"grid\">\n      <div><label>Programme \/ Formation<\/label><input id=\"formation\" placeholder=\"Ex. Agent d'escale, Amadeus, Management...\"><\/div>\n      <div><label>Session souhait\u00e9e<\/label><input id=\"session\" placeholder=\"Ex. Octobre 2026\"><\/div>\n      <div><label>Mode<\/label><select id=\"mode\"><option>Pr\u00e9sentiel<\/option><option>\u00c0 distance<\/option><option>Hybride<\/option><\/select><\/div>\n      <div><label>Financement<\/label><select id=\"financement\"><option>Personnel<\/option><option>Entreprise<\/option><option>OFPPT \/ CSF<\/option><option>Autre<\/option><\/select><\/div>\n      <div><label>Entreprise employeur<\/label><input id=\"entreprise\"><\/div>\n      <div><label>Fonction actuelle<\/label><input id=\"fonction\"><\/div>\n      <div class=\"full\"><label>Objectif \/ Motivation<\/label><textarea id=\"motivation\" placeholder=\"Pourquoi souhaitez-vous suivre cette formation ?\"><\/textarea><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>5. Pi\u00e8ces du dossier<\/h2>\n    <div class=\"checks\">\n      <label class=\"check\"><input type=\"checkbox\"> Copie CIN \/ Passeport<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Photo d&#8217;identit\u00e9<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> CV<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Copie du dipl\u00f4me<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Attestation de travail<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Autorisation \/ prise en charge entreprise<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Justificatif de paiement<\/label>\n      <label class=\"check\"><input type=\"checkbox\"> Autre pi\u00e8ce<\/label>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <h2>6. D\u00e9cision et suivi MZA<\/h2>\n    <div class=\"grid3\">\n      <div><label>Statut<\/label><select id=\"statut\"><option>Dossier re\u00e7u<\/option><option>\u00c0 compl\u00e9ter<\/option><option>Pr\u00e9-admis<\/option><option>Admis<\/option><option>Liste d&#8217;attente<\/option><option>Refus\u00e9<\/option><option>Inscrit<\/option><\/select><\/div>\n      <div><label>Date de r\u00e9ception<\/label><input type=\"date\" id=\"reception\"><\/div>\n      <div><label>Responsable du dossier<\/label><input id=\"gestionnaire\"><\/div>\n      <div class=\"full\"><label>Observations<\/label><textarea id=\"obs\"><\/textarea><\/div>\n    <\/div>\n    <div class=\"sign\">\n      <div class=\"signbox\">Signature du candidat<\/div>\n      <div class=\"signbox\">Visa \/ Signature Maroc Zain Academy<\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"card\">\n    <div class=\"tools\">\n      <button class=\"gold\" onclick=\"saveForm()\">Sauvegarder la fiche<\/button>\n      <button class=\"soft\" onclick=\"window.print()\">Imprimer \/ PDF<\/button>\n      <button class=\"soft\" onclick=\"newCandidate()\">Nouvelle fiche<\/button>\n      <button class=\"soft\" onclick=\"exportJson()\">Exporter JSON<\/button>\n    <\/div>\n    <p class=\"small\">Document interne de gestion des candidatures. Les donn\u00e9es personnelles doivent \u00eatre collect\u00e9es et conserv\u00e9es conform\u00e9ment aux r\u00e8gles applicables de protection des donn\u00e9es.<\/p>\n  <\/section>\n<\/div>\n\n<script>\nconst ids=[\"nom\",\"prenom\",\"naissance\",\"lieu\",\"cin\",\"nat\",\"sexe\",\"fam\",\"tel\",\"email\",\"adresse\",\"ville\",\"pays\",\"niveau\",\"diplome\",\"etab\",\"annee\",\"specialite\",\"experience\",\"formation\",\"session\",\"mode\",\"financement\",\"entreprise\",\"fonction\",\"motivation\",\"statut\",\"reception\",\"gestionnaire\",\"obs\"];\nfunction generateRef(){\n  let n=parseInt(localStorage.getItem(\"mzaCandSeq\")||\"1\");\n  document.getElementById(\"ref\").textContent=\"MZA-CAND-\"+String(n).padStart(6,\"0\");\n}\nfunction data(){\n  let o={reference:document.getElementById(\"ref\").textContent};\n  ids.forEach(id=>o[id]=document.getElementById(id).value);\n  return o;\n}\nfunction saveForm(){\n  localStorage.setItem(\"mzaCandidateCurrent\",JSON.stringify(data()));\n  alert(\"Fiche candidat sauvegard\u00e9e dans ce navigateur.\");\n}\nfunction newCandidate(){\n  let n=parseInt(localStorage.getItem(\"mzaCandSeq\")||\"1\")+1;\n  localStorage.setItem(\"mzaCandSeq\",String(n));\n  ids.forEach(id=>document.getElementById(id).value=\"\");\n  document.getElementById(\"nat\").value=\"Marocaine\";\n  document.getElementById(\"pays\").value=\"Maroc\";\n  document.getElementById(\"preview\").innerHTML=\"PHOTO<br>DU CANDIDAT\";\n  generateRef();\n}\nfunction exportJson(){\n  const blob=new Blob([JSON.stringify(data(),null,2)],{type:\"application\/json\"});\n  const a=document.createElement(\"a\");a.href=URL.createObjectURL(blob);\n  a.download=document.getElementById(\"ref\").textContent+\".json\";a.click();\n}\ndocument.getElementById(\"photo\").addEventListener(\"change\",e=>{\n  const f=e.target.files[0]; if(!f)return;\n  const r=new FileReader();r.onload=()=>document.getElementById(\"preview\").innerHTML='<img decoding=\"async\" src=\"'+r.result+'\">';r.readAsDataURL(f);\n});\ngenerateRef();\nconst old=localStorage.getItem(\"mzaCandidateCurrent\");\nif(old){try{const o=JSON.parse(old);ids.forEach(id=>{if(o[id]!==undefined)document.getElementById(id).value=o[id]});if(o.reference)document.getElementById(\"ref\").textContent=o.reference}catch(e){}}\n<\/script>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>MZA &#8211; Fiche du Candidat MAROC ZAIN ACADEMY FICHE DU CANDIDAT Inscription \u2022 S\u00e9lection \u2022 Formation \u2022 Suivi administratif R\u00e9f. candidat : MZA-000001 1. Identit\u00e9 du candidat PHOTODU CANDIDAT Ajouter une photo Nom Pr\u00e9nom Date de naissance Lieu de naissance CIN \/ Passeport Nationalit\u00e9 SexeS\u00e9lectionnerFemmeHommeAutre \/ Non pr\u00e9cis\u00e9 Situation familialeS\u00e9lectionnerC\u00e9libataireMari\u00e9(e)Autre 2. Coordonn\u00e9es T\u00e9l\u00e9phone E-mail Adresse [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-323","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/pages\/323\/revisions\/325"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/scolaire.maroczain.com\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}