MZA Architecte 360\u00b0<\/title>\n<style>\n:root{\n --bg:#0b1220; --panel:#111a2e; --panel2:#16223b; --text:#edf4ff; --muted:#9fb0cc;\n --accent:#36c6d3; --gold:#e9c84a; --ok:#4cd18b; --danger:#ff6b6b; --line:#243452;\n}\n*{box-sizing:border-box}\nbody{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#08111f,#0e1730 45%,#10243a);color:var(--text)}\n.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}\naside{background:rgba(8,15,28,.96);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}\n.brand{font-size:23px;font-weight:800;letter-spacing:.5px}.brand span{color:var(--gold)}\n.sub{color:var(--muted);font-size:13px;margin-top:5px;margin-bottom:24px}\nnav button{width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:12px;padding:13px 14px;margin:5px 0;cursor:pointer;font-size:15px}\nnav button:hover,nav button.active{background:linear-gradient(90deg,rgba(54,198,211,.2),rgba(233,200,74,.08));color:white}\nmain{padding:28px}\n.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}\nh1{margin:0;font-size:30px}.tag{color:var(--accent);font-weight:700}\n.profile{background:var(--panel);padding:10px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}\n.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.card{background:linear-gradient(180deg,rgba(22,34,59,.96),rgba(14,24,43,.96));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.16)}\n.kpi b{display:block;font-size:28px;margin-top:8px}.kpi small{color:var(--muted)}\n.section{display:none}.section.active{display:block}\n.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}\n.hero .card:first-child{padding:26px}\n.hero h2{font-size:27px;margin:0 0 8px}\n.hero p{color:var(--muted);line-height:1.55}\n.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}\n.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer;background:var(--accent);color:#07121b}\n.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}\n.btn.gold{background:var(--gold);color:#1b1b12}\n.progress{height:9px;background:#0a1220;border-radius:20px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold))}\n.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}\n.module h3{margin:0 0 8px}.module p{color:var(--muted);font-size:14px;min-height:42px}\n.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(76,209,139,.14);color:var(--ok);font-size:12px;font-weight:700}\n.table{width:100%;border-collapse:collapse;margin-top:14px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#b9c8df;font-size:13px}.table td{font-size:14px}\n.challenge{border-left:4px solid var(--gold)}\n.score{font-size:44px;font-weight:800;color:var(--gold)}\ninput,select,textarea{width:100%;background:#0b1528;border:1px solid var(--line);color:white;border-radius:10px;padding:11px}\nlabel{font-size:13px;color:var(--muted)}\n.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.notice{padding:12px;border-radius:12px;background:rgba(54,198,211,.1);border:1px solid rgba(54,198,211,.25);color:#cdeff3;margin-top:14px}\n.hidden{display:none}\n@media(max-width:1000px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.grid,.module-grid,.hero{grid-template-columns:1fr 1fr}}\n@media(max-width:650px){main{padding:16px}.grid,.module-grid,.hero,.formgrid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}\n<\/style>\n<\/head>\n<body>\n<div class=\"app\">\n<aside>\n <div class=\"brand\">MZA <span>Architecte 360\u00b0<\/span><\/div>\n <div class=\"sub\">Architecture \u2022 BIM \u2022 Urbanisme \u2022 Chantier<\/div>\n <nav id=\"nav\">\n <button class=\"active\" data-target=\"dashboard\">\ud83c\udfe0 Cockpit<\/button>\n <button data-target=\"agence\">\ud83c\udfe2 Agence virtuelle<\/button>\n <button data-target=\"projets\">\ud83d\udcd0 Projets<\/button>\n <button data-target=\"bim\">\ud83e\udde9 BIM<\/button>\n <button data-target=\"chantier\">\ud83c\udfd7\ufe0f Chantier<\/button>\n <button data-target=\"competences\">\ud83e\udde0 Comp\u00e9tences<\/button>\n <button data-target=\"formation\">\ud83c\udf93 Formation<\/button>\n <button data-target=\"examens\">\ud83d\udcdd Examens<\/button>\n <button data-target=\"portfolio\">\ud83d\uddc2\ufe0f Portfolio<\/button>\n <button data-target=\"certification\">\ud83c\udfc5 Certification<\/button>\n <\/nav>\n<\/aside>\n\n<main>\n <div class=\"topbar\">\n <div><div class=\"tag\">MAROC ZAIN ACADEMY<\/div><h1 id=\"pageTitle\">Cockpit Architecte 360\u00b0<\/h1><\/div>\n <div class=\"profile\">Mode candidat \u2022 D\u00e9mo interactive<\/div>\n <\/div>\n\n <section id=\"dashboard\" class=\"section active\">\n <div class=\"hero\">\n <div class=\"card\">\n <span class=\"badge\">PARCOURS EXPERT<\/span>\n <h2>De l\u2019id\u00e9e au b\u00e2timent livr\u00e9<\/h2>\n <p>Un parcours m\u00e9tier complet qui combine conception, BIM, r\u00e9glementation, co\u00fbts, coordination technique, gestion de chantier, pr\u00e9sentation client et certification.<\/p>\n <div class=\"actions\">\n <button class=\"btn\" onclick=\"go('agence')\">Entrer dans l\u2019agence virtuelle<\/button>\n <button class=\"btn secondary\" onclick=\"go('projets')\">Voir mes projets<\/button>\n <\/div>\n <\/div>\n <div class=\"card\">\n <small>Score global MZA<\/small><div class=\"score\" id=\"globalScore\">78\/100<\/div>\n <div class=\"progress\"><span style=\"width:78%\"><\/span><\/div>\n <p style=\"color:var(--muted)\">Niveau actuel : Architecte confirm\u00e9<\/p>\n <\/div>\n <\/div>\n <div class=\"grid\">\n <div class=\"card kpi\"><small>Progression<\/small><b>68%<\/b><\/div>\n <div class=\"card kpi\"><small>Projets r\u00e9alis\u00e9s<\/small><b>7<\/b><\/div>\n <div class=\"card kpi\"><small>Simulations<\/small><b>24<\/b><\/div>\n <div class=\"card kpi\"><small>Comp\u00e9tences valid\u00e9es<\/small><b>31\/42<\/b><\/div>\n <\/div>\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>Villa contemporaine<\/h3><p>Programme r\u00e9sidentiel, analyse du terrain, esquisse et budget.<\/p><span class=\"badge\">82%<\/span><\/div>\n <div class=\"card module\"><h3>Immeuble R+5<\/h3><p>Coordination architecture, structure, fluides et circulation.<\/p><span class=\"badge\">En cours<\/span><\/div>\n <div class=\"card module\"><h3>H\u00f4tel urbain<\/h3><p>Programme complexe avec contraintes fonctionnelles et commerciales.<\/p><span class=\"badge\">\u00c0 d\u00e9marrer<\/span><\/div>\n <\/div>\n <\/section>\n\n <section id=\"agence\" class=\"section\">\n <div class=\"card challenge\">\n <h2>Agence Virtuelle \u2014 Nouveau brief client<\/h2>\n <p>Un investisseur vous confie la conception d\u2019un immeuble mixte de 4 800 m\u00b2. Objectifs : qualit\u00e9 architecturale, co\u00fbt ma\u00eetris\u00e9, accessibilit\u00e9, efficacit\u00e9 \u00e9nerg\u00e9tique et livraison rapide.<\/p>\n <div class=\"formgrid\">\n <div><label>Priorit\u00e9 de conception<\/label><select id=\"priority\"><option>\u00c9quilibre co\u00fbt \/ qualit\u00e9<\/option><option>Architecture premium<\/option><option>Co\u00fbt minimal<\/option><option>Performance \u00e9nerg\u00e9tique<\/option><\/select><\/div>\n <div><label>Strat\u00e9gie BIM<\/label><select id=\"bimLevel\"><option>Coordination BIM compl\u00e8te<\/option><option>Maquette architecture uniquement<\/option><option>2D traditionnel<\/option><\/select><\/div>\n <\/div>\n <div class=\"actions\"><button class=\"btn gold\" onclick=\"simulateBrief()\">Prendre la d\u00e9cision<\/button><\/div>\n <div id=\"briefResult\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"projets\" class=\"section\">\n <div class=\"card\"><h2>Mes projets<\/h2>\n <table class=\"table\"><thead><tr><th>Projet<\/th><th>Phase<\/th><th>Budget<\/th><th>Score<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Villa contemporaine<\/td><td>APS<\/td><td>3,2 M MAD<\/td><td>82%<\/td><\/tr>\n <tr><td>Immeuble R+5<\/td><td>APD<\/td><td>28 M MAD<\/td><td>76%<\/td><\/tr>\n <tr><td>Centre de formation<\/td><td>Chantier<\/td><td>18 M MAD<\/td><td>88%<\/td><\/tr>\n <\/tbody><\/table>\n <div class=\"actions\"><button class=\"btn\" onclick=\"addProject()\">Cr\u00e9er un projet<\/button><\/div>\n <div id=\"projectMsg\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"bim\" class=\"section\">\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>BIM Modeler<\/h3><p>Maquette architecturale, familles, nomenclatures et documentation.<\/p><button class=\"btn secondary\" onclick=\"alert('Module BIM Modeler lanc\u00e9 en mode d\u00e9mo.')\">Ouvrir<\/button><\/div>\n <div class=\"card module\"><h3>Coordination BIM<\/h3><p>D\u00e9tection des collisions architecture \/ structure \/ MEP.<\/p><button class=\"btn secondary\" onclick=\"alert('Simulation de clash detection lanc\u00e9e.')\">Simuler<\/button><\/div>\n <div class=\"card module\"><h3>BIM Manager<\/h3><p>BEP, conventions, CDE, contr\u00f4le qualit\u00e9 et gouvernance.<\/p><button class=\"btn secondary\" onclick=\"alert('Cas BIM Manager ouvert.')\">Cas pratique<\/button><\/div>\n <\/div>\n <\/section>\n\n <section id=\"chantier\" class=\"section\">\n <div class=\"card challenge\"><h2>Incident chantier<\/h2><p>Une gaine technique entre en conflit avec une poutre structurelle. Le chantier attend votre d\u00e9cision.<\/p>\n <div class=\"actions\">\n <button class=\"btn\" onclick=\"siteDecision('coord')\">Coordonner BET + BIM<\/button>\n <button class=\"btn secondary\" onclick=\"siteDecision('move')\">D\u00e9placer la gaine imm\u00e9diatement<\/button>\n <button class=\"btn secondary\" onclick=\"siteDecision('beam')\">Modifier la poutre<\/button>\n <\/div>\n <div id=\"siteResult\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"competences\" class=\"section\">\n <div class=\"card\"><h2>R\u00e9f\u00e9rentiel de comp\u00e9tences<\/h2>\n <table class=\"table\"><thead><tr><th>Comp\u00e9tence<\/th><th>Niveau<\/th><th>Validation<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Conception architecturale<\/td><td>Expert<\/td><td>\u2713<\/td><\/tr>\n <tr><td>Lecture \/ production de plans<\/td><td>Expert<\/td><td>\u2713<\/td><\/tr>\n <tr><td>BIM<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <tr><td>\u00c9conomie de la construction<\/td><td>Interm\u00e9diaire<\/td><td>En cours<\/td><\/tr>\n <tr><td>Gestion de chantier<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <tr><td>Pr\u00e9sentation client<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <\/tbody><\/table>\n <\/div>\n <\/section>\n\n <section id=\"formation\" class=\"section\">\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>N1 \u2014 Fondamentaux<\/h3><p>Dessin, espaces, mat\u00e9riaux, lecture de plans.<\/p><span class=\"badge\">Termin\u00e9<\/span><\/div>\n <div class=\"card module\"><h3>N2 \u2014 Projet<\/h3><p>Conception, r\u00e9glementation, budget, pr\u00e9sentation.<\/p><span class=\"badge\">Termin\u00e9<\/span><\/div>\n <div class=\"card module\"><h3>N3 \u2014 BIM & Chantier<\/h3><p>BIM, coordination, synth\u00e8se et suivi d\u2019ex\u00e9cution.<\/p><span class=\"badge\">68%<\/span><\/div>\n <div class=\"card module\"><h3>Expert \u2014 Direction projet<\/h3><p>Client, arbitrages, risques, pilotage et jury final.<\/p><span class=\"badge\">Verrouill\u00e9<\/span><\/div>\n <\/div>\n <\/section>\n\n <section id=\"examens\" class=\"section\">\n <div class=\"card\">\n <h2>Centre d\u2019\u00e9valuation<\/h2>\n <p style=\"color:var(--muted)\">Les r\u00e9ponses correctes et explications ne sont pas affich\u00e9es dans l\u2019espace candidat.<\/p>\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>QCM N1<\/h3><p>20 questions \u2022 seuil 70%<\/p><button class=\"btn\" onclick=\"startExam('N1')\">Commencer<\/button><\/div>\n <div class=\"card module\"><h3>Examen N2<\/h3><p>30 questions + \u00e9tude de cas<\/p><button class=\"btn\" onclick=\"startExam('N2')\">Commencer<\/button><\/div>\n <div class=\"card module\"><h3>Jury Expert<\/h3><p>Projet + soutenance orale<\/p><button class=\"btn\" onclick=\"startExam('Expert')\">Pr\u00e9parer<\/button><\/div>\n <\/div>\n <div id=\"examMsg\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"portfolio\" class=\"section\">\n <div class=\"card\"><h2>Portfolio professionnel<\/h2><p>Centralisez projets, plans, rendus, maquettes BIM, \u00e9valuations et soutenances.<\/p>\n <div class=\"actions\"><button class=\"btn\" onclick=\"alert('Ajout de projet activ\u00e9 en d\u00e9mo.')\">Ajouter un projet<\/button><button class=\"btn secondary\" onclick=\"alert('Export PDF simul\u00e9.')\">Exporter portfolio<\/button><\/div>\n <\/div>\n <\/section>\n\n <section id=\"certification\" class=\"section\">\n <div class=\"hero\">\n <div class=\"card\"><span class=\"badge\">\u00c9LIGIBILIT\u00c9<\/span><h2>Certification MZA Architecte 360\u00b0<\/h2><p>Il vous reste \u00e0 valider l\u2019\u00e9conomie de la construction et le projet Expert avant pr\u00e9sentation au jury.<\/p><div class=\"progress\"><span style=\"width:82%\"><\/span><\/div><\/div>\n <div class=\"card\"><small>\u00c9ligibilit\u00e9 certification<\/small><div class=\"score\">82%<\/div><button class=\"btn secondary\" onclick=\"alert('V\u00e9rification du dossier simul\u00e9e.')\">V\u00e9rifier mon dossier<\/button><\/div>\n <\/div>\n <\/section>\n<\/main>\n<\/div>\n\n<script>\nconst titles={\ndashboard:'Cockpit Architecte 360\u00b0',agence:'Agence Virtuelle',projets:'Projets',\nbim:'BIM & Num\u00e9rique',chantier:'Gestion de Chantier',competences:'Comp\u00e9tences',\nformation:'Parcours de Formation',examens:'Examens & Jury',portfolio:'Portfolio',\ncertification:'Certification'\n};\nfunction go(id){\n document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n document.querySelectorAll('nav button').forEach(b=>b.classList.toggle('active',b.dataset.target===id));\n document.getElementById('pageTitle').textContent=titles[id];\n window.scrollTo({top:0,behavior:'smooth'});\n}\ndocument.querySelectorAll('nav button').forEach(b=>b.addEventListener('click',()=>go(b.dataset.target)));\n\nfunction simulateBrief(){\n const p=document.getElementById('priority').value;\n const b=document.getElementById('bimLevel').value;\n let score=78;\n if(p==='\u00c9quilibre co\u00fbt \/ qualit\u00e9') score+=5;\n if(p==='Performance \u00e9nerg\u00e9tique') score+=4;\n if(b==='Coordination BIM compl\u00e8te') score+=8;\n if(b==='2D traditionnel') score-=10;\n score=Math.max(40,Math.min(96,score));\n const el=document.getElementById('briefResult');\n el.classList.remove('hidden');\n el.innerHTML='<b>D\u00e9cision enregistr\u00e9e.<\/b> Score projet estim\u00e9 : '+score+'\/100. Impact calcul\u00e9 sur co\u00fbt, d\u00e9lai, coordination et qualit\u00e9.';\n}\nfunction siteDecision(type){\n const el=document.getElementById('siteResult'); el.classList.remove('hidden');\n if(type==='coord') el.innerHTML='<b>D\u00e9cision robuste :<\/b> coordination BET + BIM avant modification. Risque technique r\u00e9duit, d\u00e9lai l\u00e9g\u00e8rement impact\u00e9.';\n if(type==='move') el.innerHTML='<b>D\u00e9cision risqu\u00e9e :<\/b> d\u00e9placement imm\u00e9diat sans synth\u00e8se. Le d\u00e9lai est pr\u00e9serv\u00e9 mais le risque de non-conformit\u00e9 augmente.';\n if(type==='beam') el.innerHTML='<b>D\u00e9cision critique :<\/b> toute modification structurelle exige validation de l\u2019ing\u00e9nieur structure.';\n}\nfunction addProject(){\n const el=document.getElementById('projectMsg'); el.classList.remove('hidden');\n el.innerHTML='Nouveau dossier projet cr\u00e9\u00e9 en mode d\u00e9mo : <b>Projet architectural #008<\/b>.';\n}\nfunction startExam(level){\n const el=document.getElementById('examMsg'); el.classList.remove('hidden');\n el.innerHTML='Session '+level+' ouverte en mode d\u00e9monstration. Chronom\u00e8tre, navigation et sauvegarde seraient connect\u00e9s au moteur d\u2019examen MZA.';\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MZA Architecte 360\u00b0 MZA Architecte 360\u00b0 Architecture \u2022 BIM \u2022 Urbanisme \u2022 Chantier \ud83c\udfe0 Cockpit \ud83c\udfe2 Agence virtuelle \ud83d\udcd0 Projets \ud83e\udde9 BIM \ud83c\udfd7\ufe0f Chantier \ud83e\udde0 Comp\u00e9tences \ud83c\udf93 Formation \ud83d\udcdd Examens \ud83d\uddc2\ufe0f Portfolio \ud83c\udfc5 Certification MAROC ZAIN ACADEMY Cockpit Architecte 360\u00b0 Mode candidat \u2022 D\u00e9mo interactive PARCOURS EXPERT De l\u2019id\u00e9e au b\u00e2timent livr\u00e9 Un parcours m\u00e9tier […]<\/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-25786","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786","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=25786"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786\/revisions"}],"predecessor-version":[{"id":25791,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786\/revisions\/25791"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=25786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":25786,"date":"2026-08-29T16:12:54","date_gmt":"2026-08-29T16:12:54","guid":{"rendered":"https:\/\/maroczain.com\/?page_id=25786"},"modified":"2026-08-29T16:13:04","modified_gmt":"2026-08-29T16:13:04","slug":"25786-2","status":"publish","type":"page","link":"https:\/\/maroczain.com\/en\/25786-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nMZA Architecte 360\u00b0<\/title>\n<style>\n:root{\n --bg:#0b1220; --panel:#111a2e; --panel2:#16223b; --text:#edf4ff; --muted:#9fb0cc;\n --accent:#36c6d3; --gold:#e9c84a; --ok:#4cd18b; --danger:#ff6b6b; --line:#243452;\n}\n*{box-sizing:border-box}\nbody{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#08111f,#0e1730 45%,#10243a);color:var(--text)}\n.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}\naside{background:rgba(8,15,28,.96);border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}\n.brand{font-size:23px;font-weight:800;letter-spacing:.5px}.brand span{color:var(--gold)}\n.sub{color:var(--muted);font-size:13px;margin-top:5px;margin-bottom:24px}\nnav button{width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:12px;padding:13px 14px;margin:5px 0;cursor:pointer;font-size:15px}\nnav button:hover,nav button.active{background:linear-gradient(90deg,rgba(54,198,211,.2),rgba(233,200,74,.08));color:white}\nmain{padding:28px}\n.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}\nh1{margin:0;font-size:30px}.tag{color:var(--accent);font-weight:700}\n.profile{background:var(--panel);padding:10px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}\n.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.card{background:linear-gradient(180deg,rgba(22,34,59,.96),rgba(14,24,43,.96));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.16)}\n.kpi b{display:block;font-size:28px;margin-top:8px}.kpi small{color:var(--muted)}\n.section{display:none}.section.active{display:block}\n.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}\n.hero .card:first-child{padding:26px}\n.hero h2{font-size:27px;margin:0 0 8px}\n.hero p{color:var(--muted);line-height:1.55}\n.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}\n.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer;background:var(--accent);color:#07121b}\n.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}\n.btn.gold{background:var(--gold);color:#1b1b12}\n.progress{height:9px;background:#0a1220;border-radius:20px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold))}\n.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}\n.module h3{margin:0 0 8px}.module p{color:var(--muted);font-size:14px;min-height:42px}\n.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(76,209,139,.14);color:var(--ok);font-size:12px;font-weight:700}\n.table{width:100%;border-collapse:collapse;margin-top:14px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#b9c8df;font-size:13px}.table td{font-size:14px}\n.challenge{border-left:4px solid var(--gold)}\n.score{font-size:44px;font-weight:800;color:var(--gold)}\ninput,select,textarea{width:100%;background:#0b1528;border:1px solid var(--line);color:white;border-radius:10px;padding:11px}\nlabel{font-size:13px;color:var(--muted)}\n.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.notice{padding:12px;border-radius:12px;background:rgba(54,198,211,.1);border:1px solid rgba(54,198,211,.25);color:#cdeff3;margin-top:14px}\n.hidden{display:none}\n@media(max-width:1000px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.grid,.module-grid,.hero{grid-template-columns:1fr 1fr}}\n@media(max-width:650px){main{padding:16px}.grid,.module-grid,.hero,.formgrid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}\n<\/style>\n<\/head>\n<body>\n<div class=\"app\">\n<aside>\n <div class=\"brand\">MZA <span>Architecte 360\u00b0<\/span><\/div>\n <div class=\"sub\">Architecture \u2022 BIM \u2022 Urbanisme \u2022 Chantier<\/div>\n <nav id=\"nav\">\n <button class=\"active\" data-target=\"dashboard\">\ud83c\udfe0 Cockpit<\/button>\n <button data-target=\"agence\">\ud83c\udfe2 Agence virtuelle<\/button>\n <button data-target=\"projets\">\ud83d\udcd0 Projets<\/button>\n <button data-target=\"bim\">\ud83e\udde9 BIM<\/button>\n <button data-target=\"chantier\">\ud83c\udfd7\ufe0f Chantier<\/button>\n <button data-target=\"competences\">\ud83e\udde0 Comp\u00e9tences<\/button>\n <button data-target=\"formation\">\ud83c\udf93 Formation<\/button>\n <button data-target=\"examens\">\ud83d\udcdd Examens<\/button>\n <button data-target=\"portfolio\">\ud83d\uddc2\ufe0f Portfolio<\/button>\n <button data-target=\"certification\">\ud83c\udfc5 Certification<\/button>\n <\/nav>\n<\/aside>\n\n<main>\n <div class=\"topbar\">\n <div><div class=\"tag\">MAROC ZAIN ACADEMY<\/div><h1 id=\"pageTitle\">Cockpit Architecte 360\u00b0<\/h1><\/div>\n <div class=\"profile\">Mode candidat \u2022 D\u00e9mo interactive<\/div>\n <\/div>\n\n <section id=\"dashboard\" class=\"section active\">\n <div class=\"hero\">\n <div class=\"card\">\n <span class=\"badge\">PARCOURS EXPERT<\/span>\n <h2>De l\u2019id\u00e9e au b\u00e2timent livr\u00e9<\/h2>\n <p>Un parcours m\u00e9tier complet qui combine conception, BIM, r\u00e9glementation, co\u00fbts, coordination technique, gestion de chantier, pr\u00e9sentation client et certification.<\/p>\n <div class=\"actions\">\n <button class=\"btn\" onclick=\"go('agence')\">Entrer dans l\u2019agence virtuelle<\/button>\n <button class=\"btn secondary\" onclick=\"go('projets')\">Voir mes projets<\/button>\n <\/div>\n <\/div>\n <div class=\"card\">\n <small>Score global MZA<\/small><div class=\"score\" id=\"globalScore\">78\/100<\/div>\n <div class=\"progress\"><span style=\"width:78%\"><\/span><\/div>\n <p style=\"color:var(--muted)\">Niveau actuel : Architecte confirm\u00e9<\/p>\n <\/div>\n <\/div>\n <div class=\"grid\">\n <div class=\"card kpi\"><small>Progression<\/small><b>68%<\/b><\/div>\n <div class=\"card kpi\"><small>Projets r\u00e9alis\u00e9s<\/small><b>7<\/b><\/div>\n <div class=\"card kpi\"><small>Simulations<\/small><b>24<\/b><\/div>\n <div class=\"card kpi\"><small>Comp\u00e9tences valid\u00e9es<\/small><b>31\/42<\/b><\/div>\n <\/div>\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>Villa contemporaine<\/h3><p>Programme r\u00e9sidentiel, analyse du terrain, esquisse et budget.<\/p><span class=\"badge\">82%<\/span><\/div>\n <div class=\"card module\"><h3>Immeuble R+5<\/h3><p>Coordination architecture, structure, fluides et circulation.<\/p><span class=\"badge\">En cours<\/span><\/div>\n <div class=\"card module\"><h3>H\u00f4tel urbain<\/h3><p>Programme complexe avec contraintes fonctionnelles et commerciales.<\/p><span class=\"badge\">\u00c0 d\u00e9marrer<\/span><\/div>\n <\/div>\n <\/section>\n\n <section id=\"agence\" class=\"section\">\n <div class=\"card challenge\">\n <h2>Agence Virtuelle \u2014 Nouveau brief client<\/h2>\n <p>Un investisseur vous confie la conception d\u2019un immeuble mixte de 4 800 m\u00b2. Objectifs : qualit\u00e9 architecturale, co\u00fbt ma\u00eetris\u00e9, accessibilit\u00e9, efficacit\u00e9 \u00e9nerg\u00e9tique et livraison rapide.<\/p>\n <div class=\"formgrid\">\n <div><label>Priorit\u00e9 de conception<\/label><select id=\"priority\"><option>\u00c9quilibre co\u00fbt \/ qualit\u00e9<\/option><option>Architecture premium<\/option><option>Co\u00fbt minimal<\/option><option>Performance \u00e9nerg\u00e9tique<\/option><\/select><\/div>\n <div><label>Strat\u00e9gie BIM<\/label><select id=\"bimLevel\"><option>Coordination BIM compl\u00e8te<\/option><option>Maquette architecture uniquement<\/option><option>2D traditionnel<\/option><\/select><\/div>\n <\/div>\n <div class=\"actions\"><button class=\"btn gold\" onclick=\"simulateBrief()\">Prendre la d\u00e9cision<\/button><\/div>\n <div id=\"briefResult\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"projets\" class=\"section\">\n <div class=\"card\"><h2>Mes projets<\/h2>\n <table class=\"table\"><thead><tr><th>Projet<\/th><th>Phase<\/th><th>Budget<\/th><th>Score<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Villa contemporaine<\/td><td>APS<\/td><td>3,2 M MAD<\/td><td>82%<\/td><\/tr>\n <tr><td>Immeuble R+5<\/td><td>APD<\/td><td>28 M MAD<\/td><td>76%<\/td><\/tr>\n <tr><td>Centre de formation<\/td><td>Chantier<\/td><td>18 M MAD<\/td><td>88%<\/td><\/tr>\n <\/tbody><\/table>\n <div class=\"actions\"><button class=\"btn\" onclick=\"addProject()\">Cr\u00e9er un projet<\/button><\/div>\n <div id=\"projectMsg\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"bim\" class=\"section\">\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>BIM Modeler<\/h3><p>Maquette architecturale, familles, nomenclatures et documentation.<\/p><button class=\"btn secondary\" onclick=\"alert('Module BIM Modeler lanc\u00e9 en mode d\u00e9mo.')\">Ouvrir<\/button><\/div>\n <div class=\"card module\"><h3>Coordination BIM<\/h3><p>D\u00e9tection des collisions architecture \/ structure \/ MEP.<\/p><button class=\"btn secondary\" onclick=\"alert('Simulation de clash detection lanc\u00e9e.')\">Simuler<\/button><\/div>\n <div class=\"card module\"><h3>BIM Manager<\/h3><p>BEP, conventions, CDE, contr\u00f4le qualit\u00e9 et gouvernance.<\/p><button class=\"btn secondary\" onclick=\"alert('Cas BIM Manager ouvert.')\">Cas pratique<\/button><\/div>\n <\/div>\n <\/section>\n\n <section id=\"chantier\" class=\"section\">\n <div class=\"card challenge\"><h2>Incident chantier<\/h2><p>Une gaine technique entre en conflit avec une poutre structurelle. Le chantier attend votre d\u00e9cision.<\/p>\n <div class=\"actions\">\n <button class=\"btn\" onclick=\"siteDecision('coord')\">Coordonner BET + BIM<\/button>\n <button class=\"btn secondary\" onclick=\"siteDecision('move')\">D\u00e9placer la gaine imm\u00e9diatement<\/button>\n <button class=\"btn secondary\" onclick=\"siteDecision('beam')\">Modifier la poutre<\/button>\n <\/div>\n <div id=\"siteResult\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"competences\" class=\"section\">\n <div class=\"card\"><h2>R\u00e9f\u00e9rentiel de comp\u00e9tences<\/h2>\n <table class=\"table\"><thead><tr><th>Comp\u00e9tence<\/th><th>Niveau<\/th><th>Validation<\/th><\/tr><\/thead>\n <tbody>\n <tr><td>Conception architecturale<\/td><td>Expert<\/td><td>\u2713<\/td><\/tr>\n <tr><td>Lecture \/ production de plans<\/td><td>Expert<\/td><td>\u2713<\/td><\/tr>\n <tr><td>BIM<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <tr><td>\u00c9conomie de la construction<\/td><td>Interm\u00e9diaire<\/td><td>En cours<\/td><\/tr>\n <tr><td>Gestion de chantier<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <tr><td>Pr\u00e9sentation client<\/td><td>Avanc\u00e9<\/td><td>\u2713<\/td><\/tr>\n <\/tbody><\/table>\n <\/div>\n <\/section>\n\n <section id=\"formation\" class=\"section\">\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>N1 \u2014 Fondamentaux<\/h3><p>Dessin, espaces, mat\u00e9riaux, lecture de plans.<\/p><span class=\"badge\">Termin\u00e9<\/span><\/div>\n <div class=\"card module\"><h3>N2 \u2014 Projet<\/h3><p>Conception, r\u00e9glementation, budget, pr\u00e9sentation.<\/p><span class=\"badge\">Termin\u00e9<\/span><\/div>\n <div class=\"card module\"><h3>N3 \u2014 BIM & Chantier<\/h3><p>BIM, coordination, synth\u00e8se et suivi d\u2019ex\u00e9cution.<\/p><span class=\"badge\">68%<\/span><\/div>\n <div class=\"card module\"><h3>Expert \u2014 Direction projet<\/h3><p>Client, arbitrages, risques, pilotage et jury final.<\/p><span class=\"badge\">Verrouill\u00e9<\/span><\/div>\n <\/div>\n <\/section>\n\n <section id=\"examens\" class=\"section\">\n <div class=\"card\">\n <h2>Centre d\u2019\u00e9valuation<\/h2>\n <p style=\"color:var(--muted)\">Les r\u00e9ponses correctes et explications ne sont pas affich\u00e9es dans l\u2019espace candidat.<\/p>\n <div class=\"module-grid\">\n <div class=\"card module\"><h3>QCM N1<\/h3><p>20 questions \u2022 seuil 70%<\/p><button class=\"btn\" onclick=\"startExam('N1')\">Commencer<\/button><\/div>\n <div class=\"card module\"><h3>Examen N2<\/h3><p>30 questions + \u00e9tude de cas<\/p><button class=\"btn\" onclick=\"startExam('N2')\">Commencer<\/button><\/div>\n <div class=\"card module\"><h3>Jury Expert<\/h3><p>Projet + soutenance orale<\/p><button class=\"btn\" onclick=\"startExam('Expert')\">Pr\u00e9parer<\/button><\/div>\n <\/div>\n <div id=\"examMsg\" class=\"notice hidden\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"portfolio\" class=\"section\">\n <div class=\"card\"><h2>Portfolio professionnel<\/h2><p>Centralisez projets, plans, rendus, maquettes BIM, \u00e9valuations et soutenances.<\/p>\n <div class=\"actions\"><button class=\"btn\" onclick=\"alert('Ajout de projet activ\u00e9 en d\u00e9mo.')\">Ajouter un projet<\/button><button class=\"btn secondary\" onclick=\"alert('Export PDF simul\u00e9.')\">Exporter portfolio<\/button><\/div>\n <\/div>\n <\/section>\n\n <section id=\"certification\" class=\"section\">\n <div class=\"hero\">\n <div class=\"card\"><span class=\"badge\">\u00c9LIGIBILIT\u00c9<\/span><h2>Certification MZA Architecte 360\u00b0<\/h2><p>Il vous reste \u00e0 valider l\u2019\u00e9conomie de la construction et le projet Expert avant pr\u00e9sentation au jury.<\/p><div class=\"progress\"><span style=\"width:82%\"><\/span><\/div><\/div>\n <div class=\"card\"><small>\u00c9ligibilit\u00e9 certification<\/small><div class=\"score\">82%<\/div><button class=\"btn secondary\" onclick=\"alert('V\u00e9rification du dossier simul\u00e9e.')\">V\u00e9rifier mon dossier<\/button><\/div>\n <\/div>\n <\/section>\n<\/main>\n<\/div>\n\n<script>\nconst titles={\ndashboard:'Cockpit Architecte 360\u00b0',agence:'Agence Virtuelle',projets:'Projets',\nbim:'BIM & Num\u00e9rique',chantier:'Gestion de Chantier',competences:'Comp\u00e9tences',\nformation:'Parcours de Formation',examens:'Examens & Jury',portfolio:'Portfolio',\ncertification:'Certification'\n};\nfunction go(id){\n document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n document.querySelectorAll('nav button').forEach(b=>b.classList.toggle('active',b.dataset.target===id));\n document.getElementById('pageTitle').textContent=titles[id];\n window.scrollTo({top:0,behavior:'smooth'});\n}\ndocument.querySelectorAll('nav button').forEach(b=>b.addEventListener('click',()=>go(b.dataset.target)));\n\nfunction simulateBrief(){\n const p=document.getElementById('priority').value;\n const b=document.getElementById('bimLevel').value;\n let score=78;\n if(p==='\u00c9quilibre co\u00fbt \/ qualit\u00e9') score+=5;\n if(p==='Performance \u00e9nerg\u00e9tique') score+=4;\n if(b==='Coordination BIM compl\u00e8te') score+=8;\n if(b==='2D traditionnel') score-=10;\n score=Math.max(40,Math.min(96,score));\n const el=document.getElementById('briefResult');\n el.classList.remove('hidden');\n el.innerHTML='<b>D\u00e9cision enregistr\u00e9e.<\/b> Score projet estim\u00e9 : '+score+'\/100. Impact calcul\u00e9 sur co\u00fbt, d\u00e9lai, coordination et qualit\u00e9.';\n}\nfunction siteDecision(type){\n const el=document.getElementById('siteResult'); el.classList.remove('hidden');\n if(type==='coord') el.innerHTML='<b>D\u00e9cision robuste :<\/b> coordination BET + BIM avant modification. Risque technique r\u00e9duit, d\u00e9lai l\u00e9g\u00e8rement impact\u00e9.';\n if(type==='move') el.innerHTML='<b>D\u00e9cision risqu\u00e9e :<\/b> d\u00e9placement imm\u00e9diat sans synth\u00e8se. Le d\u00e9lai est pr\u00e9serv\u00e9 mais le risque de non-conformit\u00e9 augmente.';\n if(type==='beam') el.innerHTML='<b>D\u00e9cision critique :<\/b> toute modification structurelle exige validation de l\u2019ing\u00e9nieur structure.';\n}\nfunction addProject(){\n const el=document.getElementById('projectMsg'); el.classList.remove('hidden');\n el.innerHTML='Nouveau dossier projet cr\u00e9\u00e9 en mode d\u00e9mo : <b>Projet architectural #008<\/b>.';\n}\nfunction startExam(level){\n const el=document.getElementById('examMsg'); el.classList.remove('hidden');\n el.innerHTML='Session '+level+' ouverte en mode d\u00e9monstration. Chronom\u00e8tre, navigation et sauvegarde seraient connect\u00e9s au moteur d\u2019examen MZA.';\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MZA Architecte 360\u00b0 MZA Architecte 360\u00b0 Architecture \u2022 BIM \u2022 Urbanisme \u2022 Chantier \ud83c\udfe0 Cockpit \ud83c\udfe2 Agence virtuelle \ud83d\udcd0 Projets \ud83e\udde9 BIM \ud83c\udfd7\ufe0f Chantier \ud83e\udde0 Comp\u00e9tences \ud83c\udf93 Formation \ud83d\udcdd Examens \ud83d\uddc2\ufe0f Portfolio \ud83c\udfc5 Certification MAROC ZAIN ACADEMY Cockpit Architecte 360\u00b0 Mode candidat \u2022 D\u00e9mo interactive PARCOURS EXPERT De l\u2019id\u00e9e au b\u00e2timent livr\u00e9 Un parcours m\u00e9tier […]<\/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-25786","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786","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=25786"}],"version-history":[{"count":1,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786\/revisions"}],"predecessor-version":[{"id":25791,"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/pages\/25786\/revisions\/25791"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/en\/wp-json\/wp\/v2\/media?parent=25786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}