{"id":250,"date":"2026-09-02T13:30:33","date_gmt":"2026-09-02T13:30:33","guid":{"rendered":"https:\/\/maroczain.com\/couture.maroczain.com\/connexion\/"},"modified":"2026-09-06T23:01:42","modified_gmt":"2026-09-06T23:01:42","slug":"connexion","status":"publish","type":"page","link":"https:\/\/maroczain.com\/couture.maroczain.com\/","title":{"rendered":"Connexion"},"content":{"rendered":"\n\n<div id=\"mza-login-premium\">\n\n<style>\n#mza-login-premium,\n#mza-login-premium *{\n  box-sizing:border-box;\n}\n\n#mza-login-premium{\n  min-height:100vh;\n  width:100%;\n  font-family:Arial,Helvetica,sans-serif;\n  background:#f5f7fb;\n  overflow:hidden;\n}\n\n#mza-login-premium .wrap{\n  min-height:100vh;\n  width:100%;\n  display:grid;\n  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\n}\n\n\/* =========================\n   PARTIE VISUELLE\n========================= *\/\n\n#mza-login-premium .visual{\n  min-height:100vh;\n  position:relative;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5,20,40,.18),\n      rgba(5,20,40,.64)\n    ),\n    url(\"VOTRE-URL-IMAGE-ICI\");\n  background-size:cover;\n  background-position:center;\n  background-repeat:no-repeat;\n}\n\n#mza-login-premium .visual::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(\n      circle at 20% 15%,\n      rgba(224,178,77,.18),\n      transparent 34%\n    );\n  pointer-events:none;\n}\n\n#mza-login-premium .overlay{\n  position:absolute;\n  inset:0;\n  z-index:2;\n  padding:55px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  color:#fff;\n}\n\n#mza-login-premium .brand{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  font-size:22px;\n  font-weight:900;\n  letter-spacing:.7px;\n}\n\n#mza-login-premium .brand span{\n  color:#e0b24d;\n}\n\n#mza-login-premium .message{\n  max-width:720px;\n}\n\n#mza-login-premium .message h1{\n  margin:0 0 18px;\n  font-size:clamp(42px,5vw,72px);\n  line-height:1;\n  color:#fff;\n  font-weight:900;\n  letter-spacing:-1.5px;\n}\n\n#mza-login-premium .message h1 span{\n  color:#e0b24d;\n}\n\n#mza-login-premium .message p{\n  margin:0;\n  font-size:19px;\n  line-height:1.6;\n  color:#eef6ff;\n}\n\n#mza-login-premium .visual-footer{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-top:28px;\n}\n\n#mza-login-premium .visual-footer span{\n  padding:9px 13px;\n  border:1px solid rgba(255,255,255,.22);\n  background:rgba(255,255,255,.08);\n  border-radius:999px;\n  font-size:12px;\n  font-weight:700;\n  backdrop-filter:blur(5px);\n}\n\n\/* =========================\n   PANNEAU CONNEXION\n========================= *\/\n\n#mza-login-premium .panel{\n  min-height:100vh;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:50px 36px;\n  background:#fff;\n}\n\n#mza-login-premium .card{\n  width:min(500px,100%);\n  margin:auto;\n}\n\n#mza-login-premium .lock{\n  width:64px;\n  height:64px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#f7eedc;\n  color:#b37d22;\n  margin:0 auto 20px;\n  font-size:28px;\n  box-shadow:0 8px 24px rgba(18,46,78,.08);\n}\n\n#mza-login-premium h2{\n  text-align:center;\n  margin:0 0 9px;\n  color:#0a2342;\n  font-size:31px;\n  line-height:1.15;\n  font-weight:900;\n}\n\n#mza-login-premium h2 span{\n  color:#c79335;\n}\n\n#mza-login-premium .sub{\n  text-align:center;\n  color:#718295;\n  margin:0 0 31px;\n  line-height:1.5;\n}\n\n#mza-login-premium form{\n  width:100%;\n}\n\n#mza-login-premium label{\n  display:block;\n  margin:16px 0 7px;\n  font-weight:800;\n  color:#263e56;\n  font-size:14px;\n}\n\n#mza-login-premium .field{\n  position:relative;\n}\n\n#mza-login-premium input[type=text],\n#mza-login-premium input[type=password]{\n  width:100%!important;\n  min-height:56px!important;\n  padding:12px 15px!important;\n  border:1px solid #ccd8e3!important;\n  border-radius:12px!important;\n  font-size:16px!important;\n  background:#fff!important;\n  color:#142a43!important;\n  outline:none!important;\n  box-shadow:none!important;\n  transition:.2s ease;\n}\n\n#mza-login-premium input[type=text]:focus,\n#mza-login-premium input[type=password]:focus{\n  border-color:#c79335!important;\n  box-shadow:0 0 0 3px rgba(199,147,53,.12)!important;\n}\n\n#mza-login-premium .password-wrap{\n  position:relative;\n}\n\n#mza-login-premium .password-wrap input{\n  padding-right:58px!important;\n}\n\n#mza-login-premium .show-password{\n  position:absolute;\n  right:8px;\n  bottom:7px;\n  width:42px;\n  height:42px;\n  min-height:42px;\n  border:0;\n  border-radius:9px;\n  background:#f2f5f8;\n  color:#24415d;\n  cursor:pointer;\n  font-size:18px;\n  padding:0;\n}\n\n#mza-login-premium .remember-line{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px;\n  margin:18px 0 20px;\n}\n\n#mza-login-premium .remember{\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n#mza-login-premium .remember input{\n  width:17px;\n  height:17px;\n  margin:0;\n}\n\n#mza-login-premium .remember label{\n  margin:0;\n  font-weight:600;\n  color:#617386;\n  cursor:pointer;\n}\n\n#mza-login-premium .forgot{\n  color:#9f6e1e;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:800;\n}\n\n#mza-login-premium .forgot:hover{\n  text-decoration:underline;\n}\n\n#mza-login-premium .login-btn{\n  width:100%;\n  min-height:56px;\n  border:0;\n  border-radius:12px;\n  background:#0a284d;\n  color:#fff;\n  font-size:16px;\n  font-weight:900;\n  cursor:pointer;\n  transition:.2s ease;\n  box-shadow:0 12px 28px rgba(10,40,77,.16);\n}\n\n#mza-login-premium .login-btn:hover{\n  transform:translateY(-1px);\n  background:#10375f;\n}\n\n#mza-login-premium .login-btn:active{\n  transform:translateY(0);\n}\n\n#mza-login-premium .separator{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  margin:25px 0 18px;\n  color:#96a3af;\n  font-size:12px;\n  font-weight:700;\n}\n\n#mza-login-premium .separator::before,\n#mza-login-premium .separator::after{\n  content:\"\";\n  height:1px;\n  flex:1;\n  background:#e4eaf0;\n}\n\n#mza-login-premium .links{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n#mza-login-premium .links a{\n  display:flex;\n  min-height:50px;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  border:1px solid #d4dce5;\n  border-radius:10px;\n  text-decoration:none;\n  color:#173653;\n  font-weight:800;\n  font-size:13px;\n  padding:10px 12px;\n  background:#fff;\n  transition:.2s ease;\n}\n\n#mza-login-premium .links a:hover{\n  border-color:#c79335;\n  background:#fffaf1;\n}\n\n#mza-login-premium .security{\n  margin-top:26px;\n  padding-top:20px;\n  border-top:1px solid #e8edf2;\n  text-align:center;\n  color:#8493a2;\n  font-size:12px;\n  line-height:1.6;\n}\n\n#mza-login-premium .home-link{\n  margin-top:15px;\n  text-align:center;\n}\n\n#mza-login-premium .home-link a{\n  color:#536b82;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:700;\n}\n\n#mza-login-premium .home-link a:hover{\n  color:#0a284d;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media(max-width:980px){\n\n  #mza-login-premium .wrap{\n    grid-template-columns:1fr;\n  }\n\n  #mza-login-premium .visual{\n    min-height:390px;\n  }\n\n  #mza-login-premium .overlay{\n    padding:34px 28px;\n  }\n\n  #mza-login-premium .panel{\n    min-height:auto;\n    padding:48px 24px;\n  }\n\n}\n\n@media(max-width:560px){\n\n  #mza-login-premium .visual{\n    min-height:330px;\n  }\n\n  #mza-login-premium .overlay{\n    padding:25px 20px;\n  }\n\n  #mza-login-premium .brand{\n    font-size:17px;\n  }\n\n  #mza-login-premium .message h1{\n    font-size:37px;\n  }\n\n  #mza-login-premium .message p{\n    font-size:16px;\n  }\n\n  #mza-login-premium .panel{\n    padding:38px 18px;\n  }\n\n  #mza-login-premium h2{\n    font-size:27px;\n  }\n\n  #mza-login-premium .remember-line{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:12px;\n  }\n\n  #mza-login-premium .links{\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"wrap\">\n\n  <!-- PARTIE IMAGE -->\n  <section class=\"visual\" aria-label=\"Maroc Zain Academy\">\n\n    <div class=\"overlay\">\n\n      <div class=\"brand\">\n        \u2708 MAROC ZAIN <span>ACADEMY<\/span>\n      <\/div>\n\n      <div class=\"message\">\n\n        <h1>\n          L\u2019EXCELLENCE<br>\n          AU SERVICE DE<br>\n          VOTRE <span>AVENIR.<\/span>\n        <\/h1>\n\n        <p>\n          Formez-vous. Progressez. \u00c9voluez.<br>\n          Acc\u00e9dez \u00e0 votre environnement p\u00e9dagogique Maroc Zain Academy.\n        <\/p>\n\n        <div class=\"visual-footer\">\n          <span>COURS<\/span>\n          <span>QCM<\/span>\n          <span>EXAMENS<\/span>\n          <span>SIMULATEURS<\/span>\n          <span>COCKPIT<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- PARTIE CONNEXION -->\n  <section class=\"panel\">\n\n    <div class=\"card\">\n\n      <div class=\"lock\">\ud83d\udd12<\/div>\n\n      <h2>\n        MAROC ZAIN <span>ACADEMY<\/span>\n      <\/h2>\n\n      <p class=\"sub\">\n        Connectez-vous \u00e0 votre espace apprenant\n      <\/p>\n\n\n      <form\n        method=\"post\"\n        action=\"https:\/\/maroczain.com\/couture.maroczain.com\/wp-login.php\"\n      >\n\n        <label for=\"mza_user\">\n          Identifiant ou adresse e-mail\n        <\/label>\n\n        <div class=\"field\">\n          <input\n            id=\"mza_user\"\n            name=\"log\"\n            type=\"text\"\n            autocomplete=\"username\"\n            placeholder=\"Votre identifiant ou e-mail\"\n            required\n          >\n        <\/div>\n\n\n        <label for=\"mza_pwd\">\n          Mot de passe\n        <\/label>\n\n        <div class=\"password-wrap\">\n\n          <input\n            id=\"mza_pwd\"\n            name=\"pwd\"\n            type=\"password\"\n            autocomplete=\"current-password\"\n            placeholder=\"Votre mot de passe\"\n            required\n          >\n\n          <button\n            type=\"button\"\n            class=\"show-password\"\n            id=\"mza-toggle-password\"\n            aria-label=\"Afficher le mot de passe\"\n          >\n            \ud83d\udc41\n          <\/button>\n\n        <\/div>\n\n\n        <div class=\"remember-line\">\n\n          <div class=\"remember\">\n\n            <input\n              id=\"mza_remember\"\n              name=\"rememberme\"\n              type=\"checkbox\"\n              value=\"forever\"\n            >\n\n            <label for=\"mza_remember\">\n              Se souvenir de moi\n            <\/label>\n\n          <\/div>\n\n          <a\n            class=\"forgot\"\n            href=\"https:\/\/maroczain.com\/couture.maroczain.com\/wp-login.php?action=lostpassword\"\n          >\n            Mot de passe oubli\u00e9 ?\n          <\/a>\n\n        <\/div>\n\n\n        <!-- REDIRECTION APR\u00c8S CONNEXION -->\n        <input\n          type=\"hidden\"\n          name=\"redirect_to\"\n          value=\"https:\/\/maroczain.com\/couture.maroczain.com\/mon-cockpit\/\"\n        >\n\n        <input\n          type=\"hidden\"\n          name=\"testcookie\"\n          value=\"1\"\n        >\n\n\n        <button\n          class=\"login-btn\"\n          type=\"submit\"\n        >\n          \u2708 SE CONNECTER\n        <\/button>\n\n      <\/form>\n\n\n      <div class=\"separator\">\n        BESOIN D\u2019AIDE ?\n      <\/div>\n\n\n      <div class=\"links\">\n\n        <a href=\"https:\/\/maroczain.com\/couture.maroczain.com\/assistance\/\">\n          \ud83d\udedf Assistance\n        <\/a>\n\n        <a href=\"https:\/\/maroczain.com\/couture.maroczain.com\/contact\/\">\n          \u260e Contact\n        <\/a>\n\n      <\/div>\n\n\n      <div class=\"security\">\n        \ud83d\udd10 Connexion s\u00e9curis\u00e9e \u2014 Acc\u00e8s r\u00e9serv\u00e9 aux utilisateurs autoris\u00e9s de\n        Maroc Zain Academy.\n      <\/div>\n\n\n      <div class=\"home-link\">\n        <a href=\"https:\/\/maroczain.com\/couture.maroczain.com\/\">\n          \u2190 Retour \u00e0 l\u2019accueil\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<script>\n(function(){\n\n  const btn = document.getElementById('mza-toggle-password');\n  const pwd = document.getElementById('mza_pwd');\n\n  if(!btn || !pwd) return;\n\n  btn.addEventListener('click', function(){\n\n    if(pwd.type === 'password'){\n      pwd.type = 'text';\n      btn.textContent = '\ud83d\ude48';\n      btn.setAttribute('aria-label','Masquer le mot de passe');\n    }else{\n      pwd.type = 'password';\n      btn.textContent = '\ud83d\udc41';\n      btn.setAttribute('aria-label','Afficher le mot de passe');\n    }\n\n  });\n\n})();\n<\/script>\n\n<\/div>\n\n\n\n\n<!-- MZA SOCIAL SHARE PREMIUM -->\n<div id=\"mza-share\">\n<style>\n#mza-share{\n  width:100%;\n  margin:22px auto;\n  padding:22px;\n  border-radius:22px;\n  background:linear-gradient(135deg,#07182b,#0d3153);\n  border:1px solid rgba(255,255,255,.12);\n  font-family:Arial,sans-serif;\n  color:#fff;\n  text-align:center;\n}\n#mza-share h3{margin:0 0 5px;font-size:22px}\n#mza-share p{margin:0 0 17px;color:#b8c9da;font-size:13px}\n#mza-share .share-buttons{\n  display:flex;justify-content:center;flex-wrap:wrap;gap:10px\n}\n#mza-share button{\n  border:0;border-radius:999px;padding:12px 17px;\n  color:#fff;background:#173958;font-weight:800;\n  cursor:pointer;transition:.2s\n}\n#mza-share button:hover{transform:translateY(-2px);filter:brightness(1.15)}\n#mza-share .wa{background:#168b54}\n#mza-share .fb{background:#2459a9}\n#mza-share .in{background:#17699a}\n#mza-share .x{background:#111}\n#mza-share .native{\n  background:linear-gradient(135deg,#f3c96b,#d9a83e);\n  color:#162033\n}\n#mza-share #shareStatus{\n  min-height:18px;margin-top:13px;color:#f3c96b;font-size:12px\n}\n<\/style>\n\n<h3>\ud83d\udce3 Partagez les grandes r\u00e9ductions MZA<\/h3>\n<p>Faites d\u00e9couvrir les formations Maroc Zain Academy \u00e0 votre entourage.<\/p>\n\n<div class=\"share-buttons\">\n <button class=\"wa\" onclick=\"mzaShare('whatsapp')\">WhatsApp<\/button>\n <button class=\"fb\" onclick=\"mzaShare('facebook')\">Facebook<\/button>\n <button class=\"in\" onclick=\"mzaShare('linkedin')\">LinkedIn<\/button>\n <button class=\"x\" onclick=\"mzaShare('x')\">\ud835\udd4f<\/button>\n <button onclick=\"mzaShare('email')\">\u2709 E-mail<\/button>\n <button onclick=\"mzaCopy()\">\ud83d\udd17 Copier le lien<\/button>\n <button class=\"native\" onclick=\"mzaNativeShare()\">\u2197 Partager<\/button>\n<\/div>\n\n<div id=\"shareStatus\"><\/div>\n\n<script>\nconst mzaTitle = \"Grandes r\u00e9ductions \u2014 Maroc Zain Academy\";\nconst mzaText =\n\"\ud83c\udf93 Grandes r\u00e9ductions sur les formations Maroc Zain Academy. D\u00e9couvrez les offres et inscrivez-vous !\";\n\nfunction mzaShare(network){\n const url = encodeURIComponent(window.location.href);\n const text = encodeURIComponent(mzaText);\n let link = \"\";\n\n if(network===\"whatsapp\")\n   link=\"https:\/\/wa.me\/?text=\"+text+\"%20\"+url;\n\n if(network===\"facebook\")\n   link=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=\"+url;\n\n if(network===\"linkedin\")\n   link=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\"+url;\n\n if(network===\"x\")\n   link=\"https:\/\/twitter.com\/intent\/tweet?text=\"+text+\"&url=\"+url;\n\n if(network===\"email\")\n   link=\"mailto:?subject=\"+encodeURIComponent(mzaTitle)+\n        \"&body=\"+text+\"%0A%0A\"+url;\n\n if(link) window.open(link,\"_blank\",\"noopener,noreferrer\");\n}\n\nasync function mzaCopy(){\n try{\n   await navigator.clipboard.writeText(window.location.href);\n   document.getElementById(\"shareStatus\").textContent =\n   \"\u2713 Lien copi\u00e9.\";\n }catch(e){\n   document.getElementById(\"shareStatus\").textContent =\n   \"Copiez l'adresse de cette page depuis votre navigateur.\";\n }\n}\n\nasync function mzaNativeShare(){\n if(navigator.share){\n   try{\n     await navigator.share({\n       title:mzaTitle,\n       text:mzaText,\n       url:window.location.href\n     });\n   }catch(e){}\n }else{\n   mzaCopy();\n }\n}\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2708 MAROC ZAIN ACADEMY L\u2019EXCELLENCE AU SERVICE DE VOTRE AVENIR. Formez-vous. Progressez. \u00c9voluez. Acc\u00e9dez \u00e0 votre environnement p\u00e9dagogique Maroc Zain Academy. COURS QCM EXAMENS SIMULATEURS COCKPIT \ud83d\udd12 MAROC ZAIN ACADEMY Connectez-vous \u00e0 votre espace apprenant Identifiant ou adresse e-mail Mot de passe \ud83d\udc41 Se souvenir de moi Mot de passe oubli\u00e9 ? \u2708 SE CONNECTER [&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-250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":4,"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/pages\/250\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/maroczain.com\/couture.maroczain.com\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}