/* Pages annexes (méthode, financement, infos pratiques, partenariat) : complète formation.css */
.body-vide{padding:0!important;min-height:36px}
.tuiles-titrees{grid-template-columns:repeat(4,1fr)}
.tuiles-titrees li{font-weight:400;font-size:15.5px}
.tuiles-titrees strong{display:block;font-size:19px;margin-bottom:6px}
.texte-suite{margin-top:22px;color:var(--texte-2)}
.texte-large{font-size:18px;max-width:820px;margin-bottom:28px}
.info-peche{background:var(--peche)}
.large-bis{grid-column:1/-1}
.info a{color:var(--violet);font-weight:600}
.tableau{width:100%;border-collapse:separate;border-spacing:0;border:3px solid var(--encre);border-radius:30px;overflow:hidden;font-size:15.5px}
.tableau thead th{background:var(--violet);color:#fff;text-align:left;padding:18px 24px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.tableau tbody th{text-align:left;font-weight:700;width:30%}
.tableau tbody th,.tableau td{padding:18px 24px;border-top:1px solid var(--filet);vertical-align:top}
.tableau tbody tr:nth-child(even){background:var(--brume-2)}
.tableau.trois td:last-child{font-weight:600;color:var(--violet)}
.tuiles-titrees.trois{grid-template-columns:repeat(3,1fr)}
.comparatif thead td{background:var(--violet)}
.comparatif tbody th{width:14%}
.comparatif small{display:block;font-size:12px;color:var(--texte-2)}
.roles{position:relative;display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--encre);border-radius:30px;overflow:hidden}
.role{padding:44px 52px}
.role h3{font-size:28px;margin-bottom:20px}
.role.c-violet{background:var(--violet);color:#fff}
.role.c-violet .puces li::before{background:var(--peche)}
.role.c-peche{background:var(--peche)}
.roles-et{position:absolute;left:50%;top:50%;translate:-50% -50%;background:#fff;border:3px solid var(--encre);border-radius:10px;padding:10px 12px;font-weight:700;text-transform:uppercase}
.pourquoi{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.logo-partenaire{border:1px solid var(--filet);border-radius:30px;min-height:220px;display:grid;place-items:center;padding:32px;background:#fff}
.logo-partenaire img{display:block;width:100%;max-width:300px;height:auto}
@media (max-width:900px){
  .tuiles-titrees,.tuiles-titrees.trois,.roles,.pourquoi{grid-template-columns:1fr}
  .comparatif tbody th{background:var(--brume-2)}
  .tableau td[data-label]::before{content:attr(data-label);display:block;font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);margin-bottom:2px}
  .roles-et{display:none}
  .role{padding:32px 26px}
  .tableau,.tableau tbody,.tableau tr,.tableau th,.tableau td{display:block;width:auto}
  .tableau thead{display:none}
  .tableau tbody th{padding-bottom:4px}
  .tableau td{border-top:0;padding-top:4px}
}
/* Questionnaires courts : financement, orientation (questionnaire.js) */
.q-intro{font-size:17px;max-width:760px;margin-bottom:24px}
.q-form{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.q-question{margin:0;border:3px solid var(--encre);border-radius:24px;padding:22px 24px;display:grid;gap:10px}
.q-question legend{font-weight:700;font-size:17px;padding:0 8px}
.q-question legend span{color:var(--violet)}
.q-question label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.45}
.q-question input{accent-color:var(--violet);width:18px;height:18px;margin:2px 0 0;flex:none}
.q-form .btn{grid-column:1/-1;justify-self:start;cursor:pointer}
.q-resultat{margin-top:24px;background:var(--brume-2);border-left:6px solid var(--violet);border-radius:var(--r);padding:28px 30px;display:grid;gap:10px}
.q-resultat h3{font-size:22px}
.q-formule{font-weight:600;color:var(--violet)}
.q-resultat .actions-g{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
@media (max-width:900px){.q-form{grid-template-columns:1fr}}
/* Demande de formation (demande.js) */
.d-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;max-width:900px}
.d-champ{display:grid;gap:6px;align-content:start}
.d-champ label{font-weight:600}
.d-facultatif,.d-aide{font-weight:400;font-size:14px;color:var(--texte-2)}
.d-form input:not([type=checkbox]),.d-form select,.d-form textarea{font:inherit;color:inherit;min-height:44px;padding:10px 14px;border:2px solid var(--encre);border-radius:12px;background:#fff;width:100%}
.d-form textarea{resize:vertical}
.d-champ:has(textarea),.d-consentement,.d-form .btn,.d-etat{grid-column:1/-1}
.d-consentement{grid-template-columns:auto 1fr;align-items:start;gap:12px}
.d-consentement input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--violet)}
.d-consentement label{font-weight:400}
.d-consentement a{color:var(--violet);font-weight:600}
.d-form .btn{justify-self:start;cursor:pointer}
.d-form .btn:disabled{opacity:.6;cursor:wait}
.d-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.d-etat{font-weight:600;min-height:1.6em}
@media (max-width:900px){.d-form{grid-template-columns:1fr}}