/**
 * Page « Offre — détail » (single offre_emploi) — styles spécifiques (repris de la maquette).
 *
 * Chargée uniquement sur le single d'une offre (voir inc/enqueue.php).
 * La police « Anton » et le shell (en-tête / pied de page) viennent de style.css.
 * Tout est porté par le conteneur .emplois-detail pour rester isolé du reste du site.
 *
 * @package medecins-du-monde
 */

/* Reset box-sizing scopé au contenu de la page offre (au lieu du « * » global). */
.emplois-detail,.emplois-detail *,.emplois-detail *::before,.emplois-detail *::after{box-sizing:border-box}
html{scroll-behavior:smooth}
.emplois-detail{margin:0;font-family:'Open Sans',sans-serif;color:#1d1a55;background:#fff;line-height:1.4;-webkit-font-smoothing:antialiased}
.emplois-detail p{margin:0}
.emplois-detail a{text-decoration:none;color:rgb(29, 26, 85)}
.emplois-detail ul{margin:0;padding:0;list-style:none}
.emplois-detail button,.emplois-detail input{font-family:inherit}
.job-a{color:#055da8}.job-a:hover{color:#e9511c}
.anton{font-family:'Anton',sans-serif;text-transform:uppercase}
.wrap{max-width:none;margin:0;padding:0 15px 0 26px}
/* progress */
.job-progress{position:fixed;top:0;left:0;height:4px;background:#e9511c;z-index:3000;width:0}
/* ===== HERO ===== */
.job-head{background:#055da8;color:#fff;padding:16px 0 20px;position:relative;overflow:hidden}
.emplois-detail .job-head{margin-top:84px}
.emplois-detail a img{width:12px}
.job-head-deco{position:absolute;top:-120px;right:-70px;width:360px;height:360px;border-radius:64px;background:rgba(189,223,236,.14);transform:rotate(16deg);z-index:0;pointer-events:none}
.job-head .wrap{position:relative;z-index:1}
.job-bc{display:flex;align-items:center;margin-bottom:26px}
.back-btn{display:inline-flex;align-items:center;gap:12px;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.05em;color:#055da8;background:#bddfec;padding:10px 18px;border-radius:50px;border:1px solid #bddfec;transition:background-color .3s ease,color .3s ease}
.back-btn:hover{background:#fff;color:#055da8}
.back-arrow{width:10px;transform:rotate(90deg);transition:transform .3s ease;filter:brightness(0) saturate(100%) invert(11%) sepia(38%) saturate(2712%) hue-rotate(232deg) brightness(94%) contrast(96%)}
.back-btn:hover .back-arrow{transform:rotate(90deg) translateY(3px)}
.job-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.jb{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:5px 13px;border-radius:5px}
.jb.poste{background:#1d1a55;color:#fff}
.jb.stage{background:#bddfec;color:#1d1a55}
/* Badge de la section « Bénévolat » (orange de marque, comme sur la page liste). */
.jb.benevolat{background:#e9511c;color:#fff}
/* Badge de la section « Formations » (bleu nuit de marque, comme sur la page liste). */
.jb.formation{background:#1d1a55;color:#fff}
.jb.urgent{background:#bd1118;color:#fff;display:inline-flex;align-items:center;transform:rotate(-3deg)}
.pulse{width:8px;height:8px;border-radius:100%;background:#fff;display:inline-block;margin-right:8px;animation:jpulse 1.6s ease-in-out infinite}
@keyframes jpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.job-date{font-size:14px;color:#bddfec;letter-spacing:.02em}
.job-head h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(34px,4.6vw,62px);line-height:1;letter-spacing:-.01em;max-width:none;margin-bottom:22px}
.job-chapeau{font-size:19px;line-height:1.6;color:#e7ecf5;max-width:none}
/* facts strip */
.job-facts{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.2)}
.jf{padding:22px 34px 26px 0;margin-right:34px;border-right:1px solid rgba(255,255,255,.2)}
.jf:last-child{border-right:none;margin-right:0;padding-right:0}
.job-head-cta{margin-left:auto;padding-left:34px}
.btn-head{display:inline-flex;align-items:center;gap:14px;background:#e9511c;color:#fff;border:1px solid #e9511c;border-radius:5px;padding:15px 26px;font-size:16px;font-weight:700;transition:background-color .3s ease,color .3s ease}
.btn-head:hover{background:#fff;color:#e9511c}
.btn-head img{width:14px;filter:brightness(0) invert(1);transition:transform .3s ease,filter .3s ease}
.btn-head:hover img{filter:none;transform:translateX(4px)}
.jf-lbl{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.06em;color:#bddfec;margin-bottom:7px}
.jf-val{font-size:16px;font-weight:700;color:#fff}
.jf-val.soon{color:#ffb3ae}
/* apply bar */
.apply-bar{position:sticky;top:0;z-index:900;background:#1d1a55;color:#fff;transform:translateY(-100%);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.apply-bar.on{transform:none}
.apply-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.ab-title{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.ab-deadline{font-size:13px;color:#bddfec}
.ab-deadline.soon{color:#ffb3ae;font-weight:700}
/* ===== BODY ===== */
.job-body{padding:56px 0 72px}
.job-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.prose{max-width:none}
.prose p{font-size:17px;line-height:1.85;color:#3a3a52;margin-bottom:22px}
.prose p strong{color:#1d1a55}
.prose h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(27px,2.9vw,34px);line-height:1.18;color:#055da8;margin:46px 0 20px;scroll-margin-top:120px}
.prose h2.first{margin-top:0}
.prose ul.bullets{margin:0 0 22px;display:flex;flex-direction:column;gap:11px}
.prose ul.bullets li{font-size:17px;line-height:1.6;color:#3a3a52;padding-left:28px;position:relative}
.prose ul.bullets li::before{content:'';position:absolute;left:0;top:11px;width:12px;height:2px;background:#e9511c}
.prose ul.bullets li strong{color:#1d1a55}
/* ===== WYSIWYG : styles sur balises brutes (sortie d'\u00e9diteur, sans classes) ===== */
.prose h1,.prose h3,.prose h4,.prose h5,.prose h6{font-family:'Anton',sans-serif;text-transform:uppercase;line-height:1.18;color:#1d1a55;margin:34px 0 14px}
.prose h1{font-size:clamp(30px,3.4vw,40px);margin:46px 0 20px}
.prose h3{font-size:clamp(25px,2.4vw,28px)}
.prose h4{font-size:clamp(23.5px,2.1vw,25px);font-weight:400}
.prose h5{font-size:clamp(22px,1.9vw,23px)}
.prose h6{font-size:clamp(21px,1.8vw,22px)}
.prose ul,.prose ol{margin:0 0 22px;padding-left:0;display:flex;flex-direction:column;gap:11px}
.prose ol{list-style:none;counter-reset:wl}
.prose li{font-size:17px;line-height:1.6;color:#3a3a52;padding-left:28px;position:relative;list-style:none}
.prose ul li::before{content:'';position:absolute;left:0;top:11px;width:12px;height:2px;background:#e9511c}
.prose ol li{counter-increment:wl}
.prose ol li::before{content:counter(wl);position:absolute;left:0;top:1px;font-family:'Anton',sans-serif;font-size:14px;color:#055da8}
.prose li strong{color:#1d1a55}
.prose strong{color:#1d1a55}
.prose em{font-style:italic}
.prose a{color:#055da8;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}
.prose a:hover{color:#e9511c}
.prose blockquote{margin:28px 0;padding:6px 0 6px 26px;border-left:5px solid #e9511c;font-size:17px;line-height:1.8;color:#3a3a52}
.prose blockquote p{margin:0}
.prose img{max-width:100%;height:auto;border-radius:10px;margin:24px 0}
.prose hr{border:none;border-top:1px solid #e5e9f2;margin:34px 0}
/* mission cards inside prose */
.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 26px}
.mission{padding:20px 22px;border:1px solid #dbe8f2;border-radius:10px;transition:border-color .3s ease,transform .35s cubic-bezier(.22,.61,.36,1)}
.mission:hover{border-color:#055da8;transform:translateY(-3px)}
.mission-n{font-family:'Anton',sans-serif;font-size:22px;color:#bddfec;line-height:1;margin-bottom:10px}
.mission p{font-size:15px;line-height:1.6;color:#3a3a52;margin:0}
/* highlight */
.hl-box{margin:28px 0;padding:6px 0 6px 26px;border-left:5px solid #e9511c}
.hl-label{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:#e9511c;margin-bottom:10px}
.hl-box p{font-size:17px;line-height:1.8;color:#3a3a52;margin:0}
/* Style de bloc éditeur « Bon à savoir » (paragraphe/groupe) dans la description. */
.prose .is-style-mdm-encadre{margin:28px 0;padding:6px 0 6px 26px;border-left:5px solid #e9511c;background:none}
.prose .is-style-mdm-encadre,.prose .is-style-mdm-encadre p{color:#3a3a52}
.prose .is-style-mdm-encadre>:last-child{margin-bottom:0}
/* offer cta inline */
.offer-cta{display:flex;gap:14px;flex-wrap:wrap;margin:44px 0 0;padding-top:30px;border-top:1px solid #e5e9f2}
.btn-don{display:inline-flex;align-items:center;gap:14px;background:#e9511c;color:#fff;border:1px solid #e9511c;border-radius:5px;padding:13px 22px;font-size:16px;font-weight:600;transition:background-color .3s ease,color .3s ease}
.btn-don:hover{background:#fff;color:#e9511c}
.btn-don img{width:14px;filter:brightness(0) invert(1);transition:transform .3s ease,filter .3s ease}
.btn-don:hover img{filter:none;content:url('../svgs/common-arrows/arrow-right-orange.svg');transform:translateX(4px)}
.emplois-detail .btn-don{color:#fff}
.emplois-detail .btn-don:hover{color:#e9511c}
.btn-line{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#055da8;border:1px solid #cfd8e8;border-radius:5px;padding:13px 22px;font-size:16px;font-weight:600;transition:border-color .3s ease,color .3s ease}
.btn-line:hover{border-color:#055da8;color:#e9511c}
.emplois-detail .btn-line{color:#055da8}
.emplois-detail .btn-line:hover{color:#e9511c}
/* ===== FORMULAIRE DE CANDIDATURE ===== */
.apply-form{margin:32px 0 0;border:1px solid #dbe8f2;border-radius:12px;overflow:hidden;background:#fff}
.af-head{background:#055da8;color:#fff;padding:18px 28px;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.04em}
.af-body{padding:34px 28px;display:flex;flex-direction:column;gap:22px}
.af-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* min-width:0 : autorise les colonnes de la grille à rétrécir sous la largeur
   intrinsèque des champs (sinon débordement horizontal sur petit écran). */
.af-field{display:flex;flex-direction:column;min-width:0}
/* Le champ « question complémentaire » est masqué tant que l'offre n'en définit pas
   (l'attribut hidden doit l'emporter sur le display:flex ci-dessus). */
.af-field[hidden]{display:none}
.af-label{font-size:13px;font-weight:700;color:#1d1a55;margin-bottom:8px}
.af-req{color:#e9511c}
.af-opt{color:#8a90a6;font-weight:400}
.af-input,.af-select,.af-textarea{width:100%;border:1px solid #cfd8e8;border-radius:7px;padding:12px 14px;font-family:'Open Sans',sans-serif;font-size:15px;color:#1d1a55;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.af-input::placeholder,.af-textarea::placeholder{color:#a7adc0}
.af-input:focus,.af-select:focus,.af-textarea:focus{border-color:#055da8;box-shadow:0 0 0 3px rgba(5,93,168,.12)}
.af-textarea{resize:vertical;min-height:104px}
.af-select-wrap{position:relative}
.af-select{appearance:none;padding-right:38px;cursor:pointer}
.af-select-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:#8a90a6;pointer-events:none}
/* segmented radio */
.af-seg{display:flex;height:46px;border-radius:7px;overflow:hidden;border:1px solid #cfd8e8}
.af-seg label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:#3a3a52;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.af-seg label:first-child{border-right:1px solid #cfd8e8}
.af-seg input{accent-color:#055da8;cursor:pointer}
.af-seg label.on{background:#055da8;color:#fff}
/* dropzones */
.af-drop{border:1.5px dashed #b7cbe0;border-radius:9px;padding:26px 20px;text-align:center;cursor:pointer;background:#f4f8fc;transition:background-color .2s ease,border-color .2s ease}
.af-drop:hover,.af-drop.drag{background:#e8f1fa;border-color:#055da8}
.af-drop.filled{border-style:solid;border-color:#1f8a5b;background:#effaf3}
.af-drop-ico{width:34px;height:34px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#055da8}
.af-drop-ico img{width:15px;filter:brightness(0) invert(1);rotate:90deg}
.af-drop-title{font-size:15px;font-weight:700;color:#1d1a55;margin-bottom:4px}
.af-drop-hint{font-size:13px;color:#8a90a6}
.af-drop.mini{padding:16px 18px}
.af-file{font-size:13px;font-weight:700;color:#1f8a5b;margin-top:10px;display:none;word-break:break-all}
/* consent */
.af-consent{display:flex;align-items:flex-start;gap:12px}
.af-consent input{margin-top:3px;width:17px;height:17px;flex-shrink:0;cursor:pointer;accent-color:#055da8}
.af-consent label{font-size:14px;color:#5a607a;line-height:1.55;cursor:pointer}
.af-consent a{color:#055da8;text-decoration:underline}
.af-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;border-top:1px solid #eef2f8;flex-wrap:wrap}
.af-note{font-size:13px;color:#8a90a6}
.af-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#e9511c;color:#fff;border:1px solid #e9511c;border-radius:5px;padding:10px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .3s ease,color .3s ease}
.af-submit:hover{background:#fff;color:#e9511c}
.af-submit:disabled{opacity:.6;cursor:default}
.af-submit img{width:14px;filter:brightness(0) invert(1);transition:transform .3s ease,filter .3s ease}
.af-submit:hover img{filter:none;content:url('../svgs/common-arrows/arrow-right-orange.svg');transform:translateX(4px)}
.emplois-detail .af-submit{color:#fff}
.emplois-detail .af-submit:hover{color:#e9511c}
/* success */
.af-success{padding:52px 28px;text-align:center}
.af-success .chk{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;background:#1f8a5b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}
.af-success h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:26px;color:#055da8;margin-bottom:12px}
.af-success p{font-size:16px;line-height:1.65;color:#3a3a52;max-width:460px;margin:0 auto}
/* ===== NORMALISATION CONTACT FORM 7 =====
   Aligne le rendu généré par CF7 (spans .wpcf7-*, fieldset caché, message global)
   sur la maquette (assets/../inc/offre.html) : contrôles pleine largeur, case de
   consentement sur une ligne, aucun encadré parasite. Le formulaire = .apply-form. */
.emplois-detail .wpcf7{margin:0}
/* Les images du formulaire (flèche du bouton, icône de dépôt) sont dans .prose et
   héritent sinon de « .prose img{margin:24px 0} », ce qui gonfle la hauteur du bouton. */
.apply-form img{margin:0}
.apply-form .screen-reader-response{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.apply-form fieldset.hidden-fields-container{display:none}
.apply-form .wpcf7-form-control-wrap{display:block;width:100%}
.apply-form .af-input,.apply-form .af-textarea{display:block}
/* champ fichier natif masqué : remplacé visuellement par la zone .af-drop (JS) */
.apply-form input[type=file].af-input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
/* consentement : case + texte sur une seule ligne malgré l'imbrication CF7 */
.apply-form .af-consent>.wpcf7-form-control-wrap,.apply-form .af-consent .wpcf7-acceptance,.apply-form .af-consent .wpcf7-list-item{display:block;width:auto;margin:0}
.apply-form .af-consent .wpcf7-list-item label{display:flex;align-items:flex-start;gap:12px;margin:0}
.apply-form .af-consent .wpcf7-list-item input{margin:3px 0 0;width:17px;height:17px;flex-shrink:0;cursor:pointer;accent-color:#055da8}
.apply-form .af-consent .wpcf7-list-item-label{font-size:14px;color:#5a607a;line-height:1.55;cursor:pointer}
/* messages de validation par champ + état invalide */
.apply-form .wpcf7-not-valid-tip{color:#e9511c;font-size:12px;margin-top:6px}
.apply-form .wpcf7-form-control.wpcf7-not-valid{border-color:#e9511c}
.apply-form .af-drop.wpcf7-not-valid,.apply-form .af-field:has(.wpcf7-not-valid) .af-drop{border-color:#e9511c}
/* message global (erreur d'envoi) : sans l'encadré 2px bleu par défaut de CF7 */
.apply-form .wpcf7-response-output{margin:0 28px 28px;padding:12px 16px;border:1px solid #e9511c;border-radius:7px;font-size:14px;color:#c0341a}
.apply-form .wpcf7-response-output[aria-hidden=true]{display:none}
/* ===== SIDEBAR ===== */
.job-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:30px}
.side-apply{background:#e9511c;color:#fff;border-radius:10px;padding:26px 24px}
.side-apply .sa-dl{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.05em;color:rgba(255,255,255,.85);margin-bottom:6px}
.side-apply .sa-date{font-family:'Anton',sans-serif;font-size:26px;line-height:1;margin-bottom:4px}
.side-apply .sa-note{font-size:13px;color:rgba(255,255,255,.9);margin-bottom:20px}
.btn-white{display:flex;justify-content:center;align-items:center;gap:14px;background:#fff;color:#e9511c;border-radius:5px;padding:14px 20px;font-size:16px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease;margin-bottom:10px}
.emplois-detail .btn-white{color:#e9511c}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.btn-white img{width:14px}
.btn-ghost-w{display:flex;justify-content:center;align-items:center;gap:12px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:5px;padding:12px 20px;font-size:14px;font-weight:600;transition:background-color .25s ease,color .25s ease}
.btn-ghost-w:hover{background:#fff;color:#e9511c}
.side-card{border:1px solid #e5e9f2;border-radius:10px;padding:24px}
.sb-label{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:18px;letter-spacing:.05em;color:#055da8;margin-bottom:16px}
.side-jobs{display:flex;flex-direction:column}
.side-job{display:block;padding:14px 0;border-bottom:1px solid #e5e9f2;text-decoration:none;transition:padding-left .18s ease}
.side-job.last{border-bottom:none}
.side-job:hover{padding-left:6px}
.side-job .jb{font-size:11px;padding:3px 9px;margin-bottom:9px;display:inline-flex}
.sj-title{font-size:14px;font-weight:700;line-height:1.35;color:#1d1a55;margin-bottom:6px}
.side-job:hover .sj-title{color:#055da8}
.sj-meta{font-size:12px;color:#8a90a6}
.sj-meta.soon{color:#bd1118;font-weight:700}
.sum-item{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed #cfe0ef}
.sum-item.last{border-bottom:none;padding-bottom:0}
.sum-k{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:#8a8fa6}
.sum-v{font-size:14px;font-weight:600;color:#1d1a55;text-align:right}
.sum-v.soon{color:#bd1118}
.spon-desc{font-size:14px;line-height:1.6;color:#5b6078;margin-bottom:18px}
.val-list{display:flex;flex-direction:column;gap:0}
.val-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed #cfe0ef}
.val-item.last{border-bottom:none;padding-bottom:0}
.val-badge{width:34px;height:34px;border-radius:8px;background:#eef6fb;color:#055da8;display:grid;place-items:center;font-family:'Anton',sans-serif;font-size:15px;flex-shrink:0}
.val-t{font-size:14px;font-weight:700;color:#1d1a55;margin-bottom:2px}
.val-d{font-size:13px;color:#5b6078;line-height:1.5}
.rh-line{font-size:14px;line-height:1.7;color:#3a3a52}
.rh-line strong{color:#1d1a55}
.rh-mail{color:#055da8;font-weight:700}
.share-stack{display:flex;flex-direction:column;gap:10px}
.share-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid #cfd8e8;border-radius:8px;background:#fff;color:#1d1a55;cursor:pointer;font-size:14px;font-weight:600;text-align:left;width:100%;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.share-item:hover{background:#1d1a55;color:#fff;border-color:#1d1a55}
.si-circle{width:38px;height:38px;border-radius:100%;background:#e9511c;display:grid;place-items:center;flex-shrink:0}
.si-circle svg{display:block}
/* ===== OTHER OFFERS ===== */
.job-more{background:#eef6fb;padding:64px 0 72px}
.more-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px;flex-wrap:wrap}
.more-tag{display:inline-block;padding:6px 14px;font-family:'Anton',sans-serif;text-transform:uppercase;background:#e9511c;border-radius:5px;color:#fff;font-size:16px;transform:rotate(-3deg);margin-bottom:16px}
.more-title{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(30px,4vw,46px);line-height:1;color:#1d1a55}
.more-title .hl{background:linear-gradient(#bddfec,#bddfec) no-repeat;background-size:100% 58%;background-position:0 70%}
.more-link{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.04em;color:#055da8;display:inline-flex;align-items:center;gap:10px;transition:color .25s ease;white-space:nowrap}
.more-link img{width:16px;transition:transform .3s ease}
.more-link:hover{color:#e9511c}.more-link:hover img{transform:translateX(4px)}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.moc{background:#fff;border:1px solid #dbe8f2;border-radius:10px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;transition:transform .35s cubic-bezier(.22,.61,.36,1),border-color .3s ease}
.moc:hover{transform:translateY(-4px);border-color:#055da8}
.moc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.moc h3{font-size:17px;font-weight:700;line-height:1.35;color:#1d1a55}
.moc-det{font-size:13px;color:#5b6078;display:flex;flex-direction:column;gap:5px;flex:1}
.moc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #eef2f8}
.moc-dl{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:#8a8fa6}
.moc-dl.soon{color:#bd1118}
.moc-cta{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:13px;color:#055da8;display:inline-flex;align-items:center;gap:7px;transition:color .25s ease}
.moc-cta img{width:13px;transition:transform .3s ease}
.moc:hover .moc-cta{color:#e9511c}.moc:hover .moc-cta img{transform:translateX(3px)}
/* toast / reveal */
.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(90px);background:#1d1a55;color:#fff;padding:13px 26px;border-radius:50px;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.05em;transition:transform .3s cubic-bezier(.22,.61,.36,1);z-index:999}
.toast.show{transform:translateX(-50%) translateY(0)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.in{opacity:1;transform:none;transition:none}.pulse{animation:none}}
/* responsive */
@media (max-width:1279px){.wrap{padding-left:10px;padding-right:10px}}
@media (max-width:1000px){
.job-grid{grid-template-columns:minmax(0,1fr) 280px;gap:44px}
/* Facts : empilés en colonne avec des séparateurs horizontaux pleine largeur —
   les bords verticaux du desktop se croisent mal une fois les blocs repliés. */
.job-facts{flex-direction:column;align-items:stretch;margin-top:28px}
.jf{padding:14px 0;margin-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}
.jf:last-child{border-bottom:none;padding-bottom:0;margin-right:0;padding-right:0}
}
@media (max-width:820px){
.emplois-detail .job-head{margin-top:57px}
.job-grid{grid-template-columns:1fr;gap:44px}
.job-side{position:static}
.mission-list{grid-template-columns:1fr}
.more-grid{grid-template-columns:1fr}
.apply-bar{display:none}
}
@media (max-width:640px){
.job-head{padding:44px 0}
.job-body{padding:40px 0 56px}
.wrap{padding:0 10px}
/* Formulaire de candidature : champs empilés + bouton pleine largeur. */
.af-row{grid-template-columns:1fr}
.af-body{padding:26px 20px}
.af-foot{flex-direction:column;align-items:stretch}
.af-submit{justify-content:center;width:100%}
}
/* Premier bloc de la description (sortie d'éditeur) collé au sommet. */
.emplois-detail .prose > *:first-child{margin-top:0}

@media (min-width: 1700px) {
  .wrap {
    padding: 0 1.0417vw 0 1.8057vw;
  }
  .job-progress {
    height: 0.2778vw;
  }
  .job-head {
    padding: 1.1112vw 0 1.389vw;
  }
  .emplois-detail .job-head {
    margin-top: 5.8337vw;
  }
  .emplois-detail a img {
    width: 0.8334vw;
  }
  .job-head-deco {
    top: -8.3338vw;
    right: -4.8614vw;
    width: 25.0015vw;
    height: 25.0015vw;
    border-radius: 4.4447vw;
  }
  .job-bc {
    margin-bottom: 1.8057vw;
  }
  .back-btn {
    gap: 0.8334vw;
    font-size: 0.9723vw;
    padding: 0.6945vw 1.2501vw;
    border-radius: 3.4724vw;
    border: 0.0694vw solid #bddfec;
  }
  .back-arrow {
    width: 0.6945vw;
  }
  .back-btn:hover .back-arrow {
    transform: rotate(90deg) translateY(0.2083vw);
  }
  .job-badges {
    gap: 0.6945vw;
    margin-bottom: 1.389vw;
  }
  .jb {
    font-size: 0.9028vw;
    padding: 0.3472vw 0.9028vw;
    border-radius: 0.3472vw;
  }
  .pulse {
    width: 0.5556vw;
    height: 0.5556vw;
    margin-right: 0.5556vw;
  }
  .job-date {
    font-size: 0.9723vw;
  }
  .job-head h1 {
    font-size: clamp(2.3613vw,4.6vw,4.3058vw);
    margin-bottom: 1.5279vw;
  }
  .job-chapeau {
    font-size: 1.3195vw;
  }
  .job-facts {
    margin-top: 2.639vw;
    border-top: 0.0694vw solid rgba(255,255,255,.2);
  }
  .jf {
    padding: 1.5279vw 2.3613vw 1.8057vw 0;
    margin-right: 2.3613vw;
    border-right: 0.0694vw solid rgba(255,255,255,.2);
  }
  .job-head-cta {
    padding-left: 2.3613vw;
  }
  .btn-head {
    gap: 0.9723vw;
    border: 0.0694vw solid #e9511c;
    border-radius: 0.3472vw;
    padding: 1.0417vw 1.8057vw;
    font-size: 1.1112vw;
  }
  .btn-head img {
    width: 0.9723vw;
  }
  .btn-head:hover img {
    transform: translateX(0.2778vw);
  }
  .jf-lbl {
    font-size: 0.8334vw;
    margin-bottom: 0.4861vw;
  }
  .jf-val {
    font-size: 1.1112vw;
  }
  .apply-bar .wrap {
    gap: 1.389vw;
    padding-top: 0.8334vw;
    padding-bottom: 0.8334vw;
  }
  .ab-title {
    font-size: 1.1112vw;
  }
  .ab-right {
    gap: 1.1112vw;
  }
  .ab-deadline {
    font-size: 0.9028vw;
  }
  .job-body {
    padding: 3.8891vw 0 5.0003vw;
  }
  .job-grid {
    grid-template-columns: minmax(0,1fr) 22.2236vw;
    gap: 3.3335vw;
  }
  .prose p {
    font-size: 1.1806vw;
    margin-bottom: 1.5279vw;
  }
  .prose h2 {
    font-size: clamp(1.8752vw,2.9vw,2.3613vw);
    margin: 3.1946vw 0 1.389vw;
    scroll-margin-top: 8.3338vw;
  }
  .prose h1,
  .prose h3,
  .prose h4,
  .prose h5,
  .prose h6 {
    margin: 2.3613vw 0 0.9723vw;
  }
  .prose h1 {
    font-size: clamp(2.0835vw,3.4vw,2.778vw);
    margin: 3.1946vw 0 1.389vw;
  }
  .prose h3 {
    font-size: clamp(1.7362vw,2.4vw,1.9446vw);
  }
  .prose h4 {
    font-size: clamp(1.6321vw,2.1vw,1.7362vw);
  }
  .prose h5 {
    font-size: clamp(1.5279vw,1.9vw,1.5973vw);
  }
  .prose h6 {
    font-size: clamp(1.4584vw,1.8vw,1.5279vw);
  }
  .prose ul.bullets {
    margin: 0 0 1.5279vw;
    gap: 0.7639vw;
  }
  .prose ul.bullets li {
    font-size: 1.1806vw;
    padding-left: 1.9446vw;
  }
  .prose ul.bullets li::before {
    top: 0.7639vw;
    width: 0.8334vw;
    height: 0.1389vw;
  }
  .prose h3 {
    font-size: clamp(1.2501vw,2vw,1.5279vw);
    margin: 2.3613vw 0 0.9723vw;
  }
  .prose h4 {
    font-size: 1.1112vw;
    margin: 1.8057vw 0 0.6945vw;
  }
  .prose ul,
  .prose ol {
    margin: 0 0 1.5279vw;
    gap: 0.7639vw;
  }
  .prose li {
    font-size: 1.1806vw;
    padding-left: 1.9446vw;
  }
  .prose ul li::before {
    top: 0.7639vw;
    width: 0.8334vw;
    height: 0.1389vw;
  }
  .prose ol li::before {
    top: 0.0694vw;
    font-size: 0.9723vw;
  }
  .prose a {
    text-underline-offset: 0.1389vw;
  }
  .prose blockquote {
    margin: 1.9446vw 0;
    padding: 0.4167vw 0 0.4167vw 1.8057vw;
    border-left: 0.3472vw solid #e9511c;
    font-size: 1.1806vw;
  }
  .prose img {
    border-radius: 0.6945vw;
    margin: 1.6668vw 0;
  }
  .prose hr {
    border-top: 0.0694vw solid #e5e9f2;
    margin: 2.3613vw 0;
  }
  .mission-list {
    gap: 0.9723vw;
    margin: 0.4167vw 0 1.8057vw;
  }
  .mission {
    padding: 1.389vw 1.5279vw;
    border: 0.0694vw solid #dbe8f2;
    border-radius: 0.6945vw;
  }
  .mission:hover {
    transform: translateY(-0.2083vw);
  }
  .mission-n {
    font-size: 1.5279vw;
    margin-bottom: 0.6945vw;
  }
  .mission p {
    font-size: 1.0417vw;
  }
  .hl-box {
    margin: 1.9446vw 0;
    padding: 0.4167vw 0 0.4167vw 1.8057vw;
    border-left: 0.3472vw solid #e9511c;
  }
  .hl-label {
    font-size: 0.9028vw;
    margin-bottom: 0.6945vw;
  }
  .hl-box p {
    font-size: 1.1806vw;
  }
  .prose .is-style-mdm-encadre {
    margin: 1.9446vw 0;
    padding: 0.4167vw 0 0.4167vw 1.8057vw;
    border-left: 0.3472vw solid #e9511c;
  }
  .offer-cta {
    gap: 0.9723vw;
    margin: 3.0557vw 0 0;
    padding-top: 2.0835vw;
    border-top: 0.0694vw solid #e5e9f2;
  }
  .btn-don {
    gap: 0.9723vw;
    border: 0.0694vw solid #e9511c;
    border-radius: 0.3472vw;
    padding: 0.9028vw 1.5279vw;
    font-size: 1.1112vw;
  }
  .btn-don img {
    width: 0.9723vw;
  }
  .btn-don:hover img {
    transform: translateX(0.2778vw);
  }
  .btn-line {
    gap: 0.8334vw;
    border: 0.0694vw solid #cfd8e8;
    border-radius: 0.3472vw;
    padding: 0.9028vw 1.5279vw;
    font-size: 1.1112vw;
  }
  .apply-form {
    margin: 2.2224vw 0 0;
    border: 0.0694vw solid #dbe8f2;
    border-radius: 0.8334vw;
  }
  .af-head {
    padding: 1.2501vw 1.9446vw;
    font-size: 1.0417vw;
  }
  .af-body {
    padding: 2.3613vw 1.9446vw;
    gap: 1.5279vw;
  }
  .af-row {
    gap: 1.2501vw;
  }
  .af-label {
    font-size: 0.9028vw;
    margin-bottom: 0.5556vw;
  }
  .af-input,
  .af-select,
  .af-textarea {
    border: 0.0694vw solid #cfd8e8;
    border-radius: 0.4861vw;
    padding: 0.8334vw 0.9723vw;
    font-size: 1.0417vw;
  }
  .af-input:focus,
  .af-select:focus,
  .af-textarea:focus {
    box-shadow: 0 0 0 0.2083vw rgba(5,93,168,.12);
  }
  .af-textarea {
    min-height: 7.2227vw;
  }
  .af-select {
    padding-right: 2.639vw;
  }
  .af-select-caret {
    right: 0.9723vw;
    font-size: 0.6945vw;
  }
  .af-seg {
    height: 3.1946vw;
    border-radius: 0.4861vw;
    border: 0.0694vw solid #cfd8e8;
  }
  .af-seg label {
    gap: 0.5556vw;
    font-size: 1.0417vw;
  }
  .af-seg label:first-child {
    border-right: 0.0694vw solid #cfd8e8;
  }
  .af-drop {
    border: 0.1042vw dashed #b7cbe0;
    border-radius: 0.625vw;
    padding: 1.8057vw 1.389vw;
  }
  .af-drop-ico {
    width: 2.3613vw;
    height: 2.3613vw;
    margin: 0 auto 0.6945vw;
  }
  .af-drop-ico img {
    width: 1.0417vw;
  }
  .af-drop-title {
    font-size: 1.0417vw;
    margin-bottom: 0.2778vw;
  }
  .af-drop-hint {
    font-size: 0.9028vw;
  }
  .af-drop.mini {
    padding: 1.1112vw 1.2501vw;
  }
  .af-file {
    font-size: 0.9028vw;
    margin-top: 0.6945vw;
  }
  .af-consent {
    gap: 0.8334vw;
  }
  .af-consent input {
    margin-top: 0.2083vw;
    width: 1.1806vw;
    height: 1.1806vw;
  }
  .af-consent label {
    font-size: 0.9723vw;
  }
  .af-foot {
    gap: 1.2501vw;
    padding-top: 1.389vw;
    border-top: 0.0694vw solid #eef2f8;
  }
  .af-note {
    font-size: 0.9028vw;
  }
  .af-submit {
    gap: 0.8334vw;
    border: 0.0694vw solid #e9511c;
    border-radius: 0.3472vw;
    padding: 0.6945vw;
    font-size: 1.1112vw;
  }
  .af-submit img {
    width: 0.9723vw;
  }
  .af-submit:hover img {
    transform: translateX(0.2778vw);
  }
  .af-success {
    padding: 3.6113vw 1.9446vw;
  }
  .af-success .chk {
    width: 4.1669vw;
    height: 4.1669vw;
    margin: 0 auto 1.2501vw;
    font-size: 2.0835vw;
  }
  .af-success h3 {
    font-size: 1.8057vw;
    margin-bottom: 0.8334vw;
  }
  .af-success p {
    font-size: 1.1112vw;
    max-width: 31.9464vw;
  }
  .apply-form .screen-reader-response {
    width: 0.0694vw;
    height: 0.0694vw;
    margin: -0.0694vw;
  }
  .apply-form input[type=file].af-input {
    width: 0.0694vw;
    height: 0.0694vw;
  }
  .apply-form .af-consent .wpcf7-list-item label {
    gap: 0.8334vw;
  }
  .apply-form .af-consent .wpcf7-list-item input {
    margin: 0.2083vw 0 0;
    width: 1.1806vw;
    height: 1.1806vw;
  }
  .apply-form .af-consent .wpcf7-list-item-label {
    font-size: 0.9723vw;
  }
  .apply-form .wpcf7-not-valid-tip {
    font-size: 0.8334vw;
    margin-top: 0.4167vw;
  }
  .apply-form .wpcf7-response-output {
    margin: 0 1.9446vw 1.9446vw;
    padding: 0.8334vw 1.1112vw;
    border: 0.0694vw solid #e9511c;
    border-radius: 0.4861vw;
    font-size: 0.9723vw;
  }
  .job-side {
    top: 6.6671vw;
    gap: 2.0835vw;
  }
  .side-apply {
    border-radius: 0.6945vw;
    padding: 1.8057vw 1.6668vw;
  }
  .side-apply .sa-dl {
    font-size: 0.9028vw;
    margin-bottom: 0.4167vw;
  }
  .side-apply .sa-date {
    font-size: 1.8057vw;
    margin-bottom: 0.2778vw;
  }
  .side-apply .sa-note {
    font-size: 0.9028vw;
    margin-bottom: 1.389vw;
  }
  .btn-white {
    gap: 0.9723vw;
    border-radius: 0.3472vw;
    padding: 0.9723vw 1.389vw;
    font-size: 1.1112vw;
    margin-bottom: 0.6945vw;
  }
  .btn-white:hover {
    transform: translateY(-0.1389vw);
    box-shadow: 0 0.5556vw 1.389vw rgba(0,0,0,.18);
  }
  .btn-white img {
    width: 0.9723vw;
  }
  .btn-ghost-w {
    gap: 0.8334vw;
    border: 0.0694vw solid rgba(255,255,255,.6);
    border-radius: 0.3472vw;
    padding: 0.8334vw 1.389vw;
    font-size: 0.9723vw;
  }
  .side-card {
    border: 0.0694vw solid #e5e9f2;
    border-radius: 0.6945vw;
    padding: 1.6668vw;
  }
  .sb-label {
    font-size: 1.2501vw;
    margin-bottom: 1.1112vw;
  }
  .side-job {
    padding: 0.9723vw 0;
    border-bottom: 0.0694vw solid #e5e9f2;
  }
  .side-job:hover {
    padding-left: 0.4167vw;
  }
  .side-job .jb {
    font-size: 0.7639vw;
    padding: 0.2083vw 0.625vw;
    margin-bottom: 0.625vw;
  }
  .sj-title {
    font-size: 0.9723vw;
    margin-bottom: 0.4167vw;
  }
  .sj-meta {
    font-size: 0.8334vw;
  }
  .sum-item {
    gap: 0.8334vw;
    padding: 0.7639vw 0;
    border-bottom: 0.0694vw dashed #cfe0ef;
  }
  .sum-k {
    font-size: 0.8334vw;
  }
  .sum-v {
    font-size: 0.9723vw;
  }
  .spon-desc {
    font-size: 0.9723vw;
    margin-bottom: 1.2501vw;
  }
  .val-item {
    gap: 0.8334vw;
    padding: 0.9028vw 0;
    border-bottom: 0.0694vw dashed #cfe0ef;
  }
  .val-badge {
    width: 2.3613vw;
    height: 2.3613vw;
    border-radius: 0.5556vw;
    font-size: 1.0417vw;
  }
  .val-t {
    font-size: 0.9723vw;
    margin-bottom: 0.1389vw;
  }
  .val-d {
    font-size: 0.9028vw;
  }
  .rh-line {
    font-size: 0.9723vw;
  }
  .share-stack {
    gap: 0.6945vw;
  }
  .share-item {
    gap: 0.8334vw;
    padding: 0.8334vw 0.9723vw;
    border: 0.1042vw solid #cfd8e8;
    border-radius: 0.5556vw;
    font-size: 0.9723vw;
  }
  .si-circle {
    width: 2.639vw;
    height: 2.639vw;
  }
  .job-more {
    padding: 4.4447vw 0 5.0003vw;
  }
  .more-head {
    gap: 2.2224vw;
    margin-bottom: 2.3613vw;
  }
  .more-tag {
    padding: 0.4167vw 0.9723vw;
    border-radius: 0.3472vw;
    font-size: 1.1112vw;
    margin-bottom: 1.1112vw;
  }
  .more-title {
    font-size: clamp(2.0835vw,4vw,3.1946vw);
  }
  .more-link {
    font-size: 1.0417vw;
    gap: 0.6945vw;
  }
  .more-link img {
    width: 1.1112vw;
  }
  .more-link:hover img {
    transform: translateX(0.2778vw);
  }
  .more-grid {
    gap: 1.1112vw;
  }
  .moc {
    border: 0.0694vw solid #dbe8f2;
    border-radius: 0.6945vw;
    padding: 1.6668vw 1.6668vw 1.5279vw;
    gap: 0.9723vw;
  }
  .moc:hover {
    transform: translateY(-0.2778vw);
  }
  .moc-top {
    gap: 0.5556vw;
  }
  .moc h3 {
    font-size: 1.1806vw;
  }
  .moc-det {
    font-size: 0.9028vw;
    gap: 0.3472vw;
  }
  .moc-foot {
    gap: 0.6945vw;
    padding-top: 0.9723vw;
    border-top: 0.0694vw solid #eef2f8;
  }
  .moc-dl {
    font-size: 0.8334vw;
  }
  .moc-cta {
    font-size: 0.9028vw;
    gap: 0.4861vw;
  }
  .moc-cta img {
    width: 0.9028vw;
  }
  .moc:hover .moc-cta img {
    transform: translateX(0.2083vw);
  }
  .toast {
    bottom: 2.2224vw;
    transform: translateX(-50%) translateY(6.2504vw);
    padding: 0.9028vw 1.8057vw;
    border-radius: 3.4724vw;
    font-size: 0.9028vw;
  }
  .reveal {
    transform: translateY(1.389vw);
  }
}