/* Mozalami - pages interieures (Mohammed, FAQ, Confidentialite) - reprise des maquettes v18 FR / v1 EN.
   Charge seulement sur les pages qui ont la classe body mz-page (jamais sur l'accueil). */

/* gabarit : on masque l'en-tete, le pied et le titre du theme, et on libere la largeur (comme body.home) */
body.mz-page .site-header,body.mz-page .site-footer,body.mz-page .entry-header,body.mz-page #generate-slideout-menu{display:none!important}
body.mz-page .site-content{display:block;padding:0}
body.mz-page .grid-container,body.mz-page .site.grid-container{max-width:none}
body.mz-page .inside-article,body.mz-page .entry-content,body.mz-page .separate-containers .inside-article{padding:0!important;margin:0!important;background:transparent}
body.mz-page .site-main>*{margin-bottom:0}
body.mz-page.separate-containers .site-main{margin:0}
body.mz-page{background:#fff}
body.mz-page #right-sidebar,body.mz-page #left-sidebar,body.mz-page .widget-area{display:none!important}
body.mz-page #primary,body.mz-page .content-area{width:100%!important;float:none!important;max-width:none!important}
body.mz-page #lang_sel_footer,body.mz-page .wpml-ls-statics-footer{display:none!important}
@media(max-width:860px){body.mz-page{padding-bottom:78px}}

/* regles des maquettes */
.mz-crumb{font-size:14px;color:var(--mz-ink2);margin-bottom:16px;font-weight:600}
.mz-crumb a:hover{color:var(--mz-red)}
.mz-crumb i{font-style:normal;margin:0 8px;color:var(--mz-line)}
.mz .mz-pagehead{padding:56px 0 48px;background:linear-gradient(180deg,#fff 0%,var(--mz-soft) 100%)}
.mz .mz-pagehead h1{font-size:clamp(32px,4.2vw,52px);margin-bottom:18px}
.mz-id{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.mz-ph{background:#E9E6E2;border:2px dashed #BDB8B1;border-radius:24px;display:grid;place-items:center;color:#6b665f;font-weight:700;text-align:center;padding:20px}
.mz-id .mz-ph{aspect-ratio:1/1;max-width:420px}
.mz-pillar{background:#fff;border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:30px}
.mz-pillar h3{font-size:21px;margin:10px 0 10px}
.mz-pillar p{color:var(--mz-ink2);margin:0;font-size:16px}
.mz-pillar .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mz-red);color:#fff;font-weight:800}
.mz-job{flex:0 0 360px;scroll-snap-align:start;background:#fff;border:1px solid var(--mz-line);border-top:5px solid var(--mz-red);border-radius:var(--mz-r);padding:28px}
.mz-job small{color:var(--mz-red);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.mz-job h3{font-size:22px;margin:8px 0 12px}
.mz-job p{font-size:15.5px;color:var(--mz-ink2);margin:0}
.mz-video{position:relative;aspect-ratio:16/9;border-radius:20px;background:#1B1D23;display:grid;place-items:center;overflow:hidden;max-width:880px;margin-top:30px}
.mz-video b{width:84px;height:84px;border-radius:50%;background:var(--mz-red);display:grid;place-items:center}
.mz-video b:after{content:"";border-left:26px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px}
.mz-video span{position:absolute;left:18px;bottom:14px;color:#C9CCD3;font-size:13px}
.mz .mz-band{background:var(--mz-dark);color:#fff;border-radius:24px;padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.mz-band h2{color:#fff;margin:0 0 10px;font-size:clamp(24px,3vw,34px)}
.mz-band p{color:#C9CCD3;margin:0}
.mz-band .mz-coords{margin:0;font-size:17px}
.mz-fig{margin:30px 0;border-radius:20px;overflow:hidden;border:1px solid var(--mz-line);background:#fff;max-width:960px}
.mz-fig .mz-ph{border:0;border-radius:0;aspect-ratio:16/8}
.mz-fig figcaption{padding:14px 20px;font-size:14px;color:var(--mz-ink2)}
.mz-ans a.mz-more{display:inline-block;margin-left:6px;color:var(--mz-red);font-weight:700}
.mz-ans a.mz-more:hover{text-decoration:underline}
.mz-cta-end{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap}
.mz-article{max-width:760px;margin:0 auto;font-size:18px;line-height:1.75}
.mz-article p{color:#2B2F38}
.mz-article h2{font-size:30px;margin:44px 0 14px}
.mz-article h3{font-size:23px;margin:34px 0 10px}
.mz-article ul{padding-left:22px;color:#2B2F38}
.mz-article li{margin-bottom:8px}
.mz-article blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:5px solid var(--mz-red);font-size:21px;font-weight:600;color:var(--mz-ink)}
.mz-article a{color:var(--mz-red);text-decoration:underline}
.mz-tagcat{display:inline-block;background:#fff;border:1px solid var(--mz-line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mz-red);margin-bottom:16px}
.mz-meta{color:var(--mz-ink2);font-size:15px;font-weight:600}
.mz-feat{max-width:1000px;margin:36px auto 0}
.mz-feat .mz-ph{aspect-ratio:16/8;border-radius:20px}
.mz-author{max-width:760px;margin:56px auto 0;background:var(--mz-soft);border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:26px 28px;display:grid;grid-template-columns:84px 1fr;gap:22px;align-items:center}
.mz-author .mz-ph{width:84px;height:84px;border-radius:50%;padding:0;font-size:11px}
.mz-author p{margin:0;font-size:16px;color:var(--mz-ink2)}
.mz-author b{color:var(--mz-ink);display:block;font-size:18px;margin-bottom:4px}
.mz-prevnext{max-width:760px;margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mz-prevnext a{display:block;border:1px solid var(--mz-line);border-radius:var(--mz-r);padding:18px 22px;background:#fff}
.mz-prevnext a:hover{border-color:var(--mz-red)}
.mz-prevnext small{display:block;color:var(--mz-red);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin-bottom:6px}
.mz-prevnext a:last-child{text-align:right}
@media (max-width:860px){.mz-id,.mz .mz-band,.mz-prevnext{grid-template-columns:1fr}.mz-job{flex-basis:82%}.mz-author{grid-template-columns:1fr}.mz .mz-pagehead{padding:36px 0 32px}.mz .mz-band{padding:30px 24px}.mz-article{font-size:17px}.mz-prevnext a:last-child{text-align:left}}
@media(min-width:1000px){#parcours{display:grid;grid-template-columns:1fr 1fr;overflow:visible}#parcours .mz-job{flex:none}}
body{margin:0;padding-bottom:0}
@media (max-width:860px){body{padding-bottom:78px}}
.mz-center{text-align:center}
.mz-center .mz-lead{margin-left:auto;margin-right:auto}
.mz-hero2{text-align:center}
.mz-hero2 h1{max-width:980px;margin-left:auto;margin-right:auto}
.mz-hero2 .mz-lead{max-width:760px;margin:0 auto 26px}
.mz-vid{max-width:760px;margin:34px auto 0;text-align:center}
.mz-vidbtn{position:relative;display:block;width:100%;padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#1B1D23;aspect-ratio:16/9}
.mz-vidbtn .mz-ph{position:absolute;inset:0;border:0;border-radius:0;background:#cfcbc5;color:#5b564f}
.mz-vidbtn b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--mz-red);display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.mz-vidbtn b:after{content:"";border-left:26px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px}
.mz-vidnote{margin:14px auto 0;font-size:15.5px;color:var(--mz-ink2);max-width:680px}
.mz-vidnote b{color:var(--mz-ink)}
.mz-notice{background:#FFF7E6;border:1px solid #F0D9A8;border-left:6px solid #D9A300;border-radius:var(--mz-r);padding:18px 22px;margin:0 0 30px;font-weight:600;color:#5B4A00;max-width:900px}
.mz-banner{margin:0 0 28px;max-width:1000px}
.mz-banner .mz-ph{aspect-ratio:16/5;border-radius:20px}
.mz-job.draft{border-top-color:#D9A300;background:#FFFCF3}
.mz-job .d{font-size:12px;font-weight:800;color:#8a6d00;margin-top:12px;display:block}
.mz-job a{color:var(--mz-red);font-weight:700}
.mz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
@media(max-width:860px){.mz-grid2{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.mz-grid2 .mz-job{flex:0 0 82%}}
.mz-card2{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--mz-line);border-radius:var(--mz-r);overflow:hidden}
.mz-card2 .mz-ph{aspect-ratio:3/2;border:0;border-radius:0}
.mz-card2 .in{padding:22px 24px}
.mz-card2 h3{font-size:21px;margin:0 0 8px}
.mz-card2 .m{font-size:13.5px;color:var(--mz-ink2);font-weight:600;margin-bottom:10px}
.mz-card2 .m span{color:var(--mz-red);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-right:8px}
.mz-card2 p{color:var(--mz-ink2);font-size:15.5px;margin:0 0 14px}
.mz-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
@media(max-width:1000px){.mz-posts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mz-posts{grid-template-columns:1fr}}
.mz-pager{display:flex;gap:10px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.mz-pager a{min-width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--mz-line);border-radius:12px;font-weight:700;padding:0 14px}
.mz-pager a.on{background:var(--mz-red);border-color:var(--mz-red);color:#fff}
.mz-cats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mz-cats a{border:1.5px solid var(--mz-ink);border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px}
.mz-cats a.on{background:var(--mz-ink);color:#fff}
.mz-article figure{margin:30px 0}
.mz-article figure .mz-ph{aspect-ratio:16/9;border-radius:14px;font-size:13px}
.mz-article .mz-ph{border-radius:14px}
.mz-acc,.mz-notice,.mz-banner,.mz-prose,.mz-pagehead .mz-lead,.mz-cta-end{max-width:none!important}
.mz-banner .mz-ph{aspect-ratio:21/6}
.mz-narrow{max-width:none!important}
.mz-fig{max-width:none!important;margin-left:0!important;margin-right:0!important}
.mz-fig .mz-ph{aspect-ratio:21/9!important;width:100%}
.mz-fig figcaption{max-width:none}
.mz-hero2{padding-bottom:40px!important}
.mz-hero2{text-align:left!important}
.mz-hero2 h1{margin-left:0!important;margin-right:0!important;max-width:none!important;font-size:clamp(34px,4.2vw,56px)}
.mz-hero2 .mz-lead{margin:0 0 26px!important;max-width:none!important}
.mz-herogrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.mz-portrait .mz-ph{aspect-ratio:5/6;border-radius:24px;width:100%}
@media(max-width:900px){.mz-herogrid{grid-template-columns:1fr}.mz-portrait{order:-1}.mz-portrait .mz-ph{aspect-ratio:4/3}}
.mz-vidrow{display:block!important;width:100%;max-width:1180px}
.mz-vidrow>.mz-vid{display:block!important;width:100%;min-width:0}
.mz-vidrow .mz-vidbtn{aspect-ratio:21/9;min-height:0;height:auto;width:100%;flex:none}
.mz-langs{list-style:none;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:26px 0 0;padding:0}
.mz-langs li{display:flex;align-items:center;gap:10px;border:1.5px solid var(--mz-line);background:#fff;border-radius:999px;padding:8px 20px 8px 10px;font-size:15px}
.mz-langs img{width:34px;height:25px;object-fit:cover;border-radius:4px;border:1px solid rgba(0,0,0,.12)}
.mz-catnav{list-style:none;margin:0;padding:0}
.mz-catnav a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mz-line);font-weight:600}
.mz-catnav a.on{color:var(--mz-red)}
.mz-catnav i{font-style:normal;color:var(--mz-ink2)}
.mz-author{display:flex;gap:18px;align-items:flex-start}
.mz-hero2{padding-bottom:56px}
.mz-vidrow .mz-vidnote{max-width:none}
.mz-vidrow>.mz-vid{display:flex;flex-direction:column}
.mz-vidrow .mz-vidbtn{flex:1}
.mz-feat{max-width:1180px!important;margin:0!important}
.mz-vidrow{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:18px;max-width:1180px;margin:34px auto 0;align-items:stretch}
.mz-flags{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:6px}
.mz-flags img{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid rgba(0,0,0,.12);display:block}
.mz-vidrow .mz-vid{margin:0;max-width:none}
.mz-vidrow .mz-vidbtn{height:100%;min-height:300px}
@media(max-width:900px){.mz-vidrow{grid-template-columns:1fr}.mz-flags{display:none}}
.mz-artgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;max-width:1180px;margin:0 auto}
.mz-artgrid .mz-article{max-width:none;margin:0}
.mz-sticky{position:sticky;top:96px;background:#F3F1EE;border-radius:var(--mz-r);padding:28px 26px;border-top:6px solid var(--mz-red)}
.mz-sticky h3{font-size:24px;margin:0 0 10px}
.mz-sticky p{color:var(--mz-ink2);font-size:15.5px;margin:0 0 18px}
.mz-sticky small{display:block;margin-top:16px;font-weight:700}
@media(max-width:960px){.mz-artgrid{grid-template-columns:1fr}.mz-sticky{position:static}}
dialog.mz-lb{border:0;border-radius:18px;padding:0;max-width:min(960px,94vw);width:100%;background:#000}
dialog.mz-lb::backdrop{background:rgba(10,10,12,.8)}
.mz-ans,.mz-ans p{max-width:none!important}
.mz h3.as2{font-size:clamp(28px,3.4vw,40px);margin-bottom:16px}
.mz .mz-band h3.as2{color:#fff;margin:0 0 10px;font-size:clamp(24px,3vw,34px)}
.mz-prose{max-width:860px}
.mz-prose h2{margin-top:44px;font-size:28px}
.mz-prose h3,.mz-prose p>strong:only-child{font-size:19px}
.mz-prose li{margin:8px 0}
.mz-prose a{color:var(--mz-red);text-decoration:underline}
summary em.tt{font-style:normal;flex:1}

/* images reelles a la place des cadres de maquette */
.mz-portrait img{display:block;width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:24px}
@media(max-width:900px){.mz-portrait img{aspect-ratio:4/3}}
@media(max-width:640px){.mz-portrait img{object-position:50% 8%}}
.mz-vidbtn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-fig img{display:block;width:100%;height:auto}

/* blog et articles : images reelles a la place des cadres de maquette */
.mz-card2>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#F3F1EE}
.mz-feat img{display:block;width:100%;height:auto;border-radius:20px}
.mz-article img{max-width:100%;height:auto}
.mz-article figure img{display:block;border-radius:14px}
.mz-author img.avatar{width:85px;height:85px;flex:none;border-radius:50%;object-fit:cover}