/* DEXTA - auto-evaluation de maturite. Charte : noir var(--dac-encre), terracotta var(--dac-accent),
   ambre var(--dac-accent-clair), creme var(--dac-fond). */
.dacae{font-family:inherit;--noir:var(--dac-encre);--terra:var(--dac-accent);--ambre:var(--dac-accent-clair);--creme:var(--dac-fond);--txt:var(--dac-texte);--txt2:var(--dac-gris-doux);--muet:var(--dac-gris);--bord:var(--dac-carte);--gris:var(--dac-gris);--rouge:var(--dac-ecart);--vert:var(--dac-conforme);--dac-accent:#C67840;--dac-accent-fonce:#a75f2c;--dac-accent-clair:#F1B36C;
  --dac-fond:#FCF1DE;--dac-carte:#E7DECD;--dac-bordure:#EDE9E3;--dac-encre:#0A0A0A;
  --dac-texte:#3F3B34;--dac-gris:#6F675B;--dac-gris-doux:#52525B;--dac-brun:#6B4A25;
  --dac-ecart:#B3261E;--dac-conforme:#1E7A46;--dac-blanc:#FFFFFF;--dac-surface:#fffdfa;
  --dac-surface-2:#f4f1ec;--dac-ligne:#e0dbd3;--dac-ecart-fond:#FDECEA;--dac-conforme-fond:#FBFDFB;
  color:var(--dac-texte);}
.dacae *,.dacae *:before,.dacae *:after{box-sizing:border-box}

.dacae-erreur{background:var(--dac-ecart-fond);border-left:3px solid var(--dac-ecart);padding:12px 16px;font-size:15.5px}

.dacae-onglets{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin:22px 0 0;flex-wrap:nowrap}
.dacae .dacae-onglet{appearance:none;-webkit-appearance:none;flex:none;display:flex;align-items:center;gap:8px;
  background-color:var(--dac-blanc);border:1px solid var(--bord);border-radius:8px;color:var(--muet);
  padding:10px 15px;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:none}
.dacae .dacae-onglet:hover,.dacae .dacae-onglet:focus-visible{border-color:var(--terra);color:var(--terra);background-color:var(--dac-blanc)}
.dacae .dacae-onglet.dacae-on,.dacae .dacae-onglet.dacae-on:hover,.dacae .dacae-onglet.dacae-on:focus-visible{background-color:var(--noir);color:var(--dac-blanc);border-color:var(--noir)}
.dacae-compte{font-style:normal;font-size:12.5px;font-weight:800;background:rgba(0,0,0,.08);border-radius:20px;padding:2px 7px;min-width:20px;text-align:center}
.dacae-onglet.dacae-on .dacae-compte{background:rgba(255,255,255,.22)}

.dacae-progression{height:5px;background:var(--dac-ligne);border-radius:3px;margin:16px 0 6px;overflow:hidden}
.dacae-progression span{display:block;height:100%;width:0;background:var(--terra);transition:width .3s}
.dacae-etat{font-size:13.5px;color:var(--muet);margin:0 0 18px}

.dacae-panneau{display:none}
.dacae-panneau.dacae-on{display:block}
.dacae-carte{display:none;background:var(--dac-blanc);border:1px solid var(--bord);border-radius:10px;padding:24px 26px}
.dacae-carte.dacae-on{display:block;animation:dacae-entree .22s ease-out}
@keyframes dacae-entree{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

.dacae-num{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);font-weight:700;margin:0 0 10px}
.dacae-q{font-size:21px;line-height:1.35;font-weight:800;color:var(--noir);margin:0 0 10px}
.dacae-aide{font-size:14px;color:var(--muet);margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--dac-surface-2)}

.dacae-choix{display:flex;flex-direction:column;gap:7px}
.dacae-choix-item{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border:1px solid var(--bord);
  border-radius:8px;cursor:pointer;transition:border-color .12s,background-color .12s}
.dacae-choix-item:hover,.dacae-choix-item:focus-visible{border-color:var(--terra);background:var(--dac-surface)}
.dacae-choix-item input{margin:3px 0 0}
.dacae-choix-item:has(input:checked){border-color:var(--terra);background:var(--creme)}
.dacae-niveau{flex:none;width:30px;height:30px;border-radius:50%;background:var(--dac-surface-2);color:var(--noir);
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.dacae-choix-item:has(input:checked) .dacae-niveau{background:var(--terra);color:var(--dac-blanc)}
.dacae-lib{display:flex;flex-direction:column}
.dacae-lib strong{font-size:15.5px;color:var(--noir)}
.dacae-lib em{font-style:normal;font-size:14px;color:var(--muet);line-height:1.45}
.dacae-na .dacae-niveau{font-size:12.5px}

.dacae-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--dac-surface-2)}
.dacae .dacae-nav button{appearance:none;-webkit-appearance:none;background-color:var(--dac-blanc);border:1px solid var(--bord);
  border-radius:8px;color:var(--muet);padding:9px 18px;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;box-shadow:none}
.dacae .dacae-nav button:hover,.dacae .dacae-nav button:focus-visible{border-color:var(--terra);color:var(--terra);background-color:var(--dac-blanc)}
.dacae .dacae-suiv{background-color:var(--noir) !important;color:var(--dac-blanc) !important;border-color:var(--noir) !important}

.dacae-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.dacae-fin{margin-top:26px;padding:22px 24px;background:var(--creme);border-radius:10px}
.dacae-fin label{display:block;font-size:14.5px;font-weight:700;color:var(--noir);margin-bottom:6px}
.dacae-fin input[type=text]{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--bord);border-radius:8px;font-family:inherit}
.dacae-mentions{font-size:13.5px;color:var(--muet);margin:12px 0 16px}
/* Un appel a l action doit se voir comme un bouton en permanence, pas
   seulement au survol : sur ecran tactile il n'y a pas de survol, et un
   lien nu se confond avec le texte. */
.dacae .dacae-envoyer{appearance:none;-webkit-appearance:none;background-color:var(--dac-accent);color:var(--dac-blanc);border:1px solid var(--dac-accent);
  border-radius:8px;padding:13px 26px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.dacae .dacae-envoyer:hover,.dacae .dacae-envoyer:focus{background-color:var(--dac-accent-fonce);border-color:var(--dac-accent-fonce);color:var(--dac-blanc)}

.dacae-score{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.dacae-score-val{font-size:58px;font-weight:800;color:var(--terra);line-height:1}
.dacae-score-sur{font-size:16px;color:var(--muet)}
.dacae-score-niv{font-size:16px;font-weight:700;color:var(--noir);background:var(--creme);padding:6px 14px;border-radius:20px}
.dacae-avertissement{margin-top:22px;padding:14px 18px;background:var(--dac-blanc);border:1px solid var(--bord);
  border-left:3px solid var(--terra);border-radius:8px;font-size:14.5px;color:var(--txt)}

@media (max-width:700px){
  .dacae{padding:0 14px;font-size:15.5px}
  .dacae-carte{padding:18px 16px}
  .dacae-q{font-size:17px}
  .dacae-score-val{font-size:44px}
  .dacae-choix-item{padding:10px 12px}
}

/* ---------- ecran d entree et espace de pilotage ---------- */
.dacae-voies{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin:26px 0}
.dacae-voie{background:var(--dac-blanc);border:1px solid var(--bord);border-radius:10px;padding:24px 26px;display:flex;flex-direction:column}
.dacae-voie-large{border-left:4px solid var(--terra)}
.dacae-voie h3{font-size:18px;font-weight:800;color:var(--noir);margin:0 0 10px}
.dacae-voie p{font-size:15.5px;margin:0 0 12px}
.dacae-conseil{font-size:14px;color:var(--muet);background:var(--creme);padding:10px 13px;border-radius:7px}
.dacae-voie label{display:block;font-size:14.5px;font-weight:700;color:var(--noir);margin:6px 0 6px}
.dacae-voie input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--bord);border-radius:8px;font-family:inherit;margin-bottom:14px}
.dacae-voie .dacae-envoyer{margin-top:auto;align-self:flex-start;text-decoration:none;display:inline-block}
.dacae .dacae-envoyer-clair{background-color:transparent;color:var(--dac-encre);border:1px solid var(--dac-encre)}
.dacae .dacae-envoyer-clair:hover,.dacae .dacae-envoyer-clair:focus{background-color:var(--dac-encre);color:var(--dac-fond);border-color:var(--dac-encre)}

/* Le rappel du lien de suivi : un fond de carte plutot qu un aplat creme,
   pour rester lisible quelle que soit la charte du site hote. */
.dacae-rappel{background:var(--dac-carte);border-left:3px solid var(--dac-accent);padding:16px 20px;border-radius:10px;font-size:15.5px;margin:20px 0;color:var(--dac-texte)}
.dacae-rappel strong{color:var(--dac-encre)}
.dacae-rappel .dac-lien{width:100%;margin-top:10px;padding:12px 14px;border:1px solid var(--dac-accent);border-radius:8px;background:var(--dac-fond);color:var(--dac-encre);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:var(--dac-blanc)}
.dacae .dac-lien{width:100%;min-width:220px;padding:9px 11px;border:1px solid var(--dac-ligne);border-radius:7px;background:var(--dac-fond);color:var(--dac-encre);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.dacae-actions{white-space:nowrap}
/* Les actions du tableau etaient de simples liens, illisibles sur fond
   sombre et impossibles a viser au doigt. Elles deviennent des boutons,
   visibles au repos et non seulement au survol. */
.dacae-mini{
  display:inline-block;font-size:14px;font-weight:600;
  color:var(--dac-encre);text-decoration:none;
  background:transparent;border:1px solid var(--dac-ligne);border-radius:7px;
  padding:6px 12px;margin:0 6px 4px 0;cursor:pointer;
  font-family:inherit;line-height:1.3;white-space:nowrap;
}
.dacae-mini,.dacae-mini:link,.dacae-mini:visited,
.dacae-mini:hover,.dacae-mini:focus,.dacae-mini:active{text-decoration:none}
.dacae-mini:hover,.dacae-mini:focus{
  background:var(--dac-carte);border-color:var(--dac-accent);
  color:var(--dac-encre);
}
.dacae-mini-plein,.dacae-mini-plein:link,.dacae-mini-plein:visited{
  background:var(--dac-accent);border-color:var(--dac-accent);color:var(--dac-blanc);
}
/* Le texte doit rester lisible A CHAQUE etat : sans cette reprise, le fond
   fonce au survol pendant que la couleur du texte est heritee du theme
   hote, et le libelle disparait. */
.dacae-mini-plein:hover,.dacae-mini-plein:focus,.dacae-mini-plein:active{
  background:var(--dac-accent-fonce);border-color:var(--dac-accent-fonce);
  color:var(--dac-blanc);
}
.dacae-rappel-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:2px}
/* L action groupee se place APRES le tableau, alignee a droite : on
   l actionne une fois les cinq liens parcourus, pas avant de les avoir vus. */
/* L action groupee se place APRES le tableau : on l actionne une fois les
   cinq liens parcourus. La phrase porte le sens, le bouton porte le verbe. */
.dacae-tous{
  display:flex;align-items:center;justify-content:flex-end;
  gap:18px;margin:16px 0 4px;flex-wrap:wrap;
}
.dacae-tous-txt{margin:0;font-size:14px;color:var(--dac-gris);text-align:right;max-width:520px}
.dacae-tous .dacae-mini{margin:0;flex:0 0 auto}
@media (max-width:640px){
  .dacae-tous{justify-content:flex-start}
  .dacae-tous-txt{text-align:left}
}

/* Bouton reduit a une icone : carre, jamais deforme par un libelle. */
.dacae-icone{
  padding:7px 9px;line-height:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.dacae-icone svg{display:block}
.dacae-icone.dacae-fait{
  background:var(--dac-conforme);border-color:var(--dac-conforme);color:var(--dac-blanc);
}

@media (max-width:800px){ .dacae-voies{grid-template-columns:1fr} }

/* ---------- restitution : radars cote a cote et priorites ---------- */
.dacae .dac-radars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;align-items:start}
.dacae .dac-radar{width:100%;max-width:320px;margin:0 auto;height:auto}
.dacae .dac-radar-lib{font-size:12.5px}
.dacae .dac-radar-val{font-size:12.5px}
.dacae .dacd-c-titre{font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muet);font-weight:700;margin:0 0 6px;text-align:center}

.dacae-prio{list-style:none;counter-reset:none;margin:14px 0 0;padding:0}
.dacae-prio li{background:var(--dac-blanc);border:1px solid var(--bord);border-left:3px solid var(--terra);
  border-radius:8px;padding:14px 18px;margin-bottom:9px}
.dacae-prio-tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.dacae-prio-rang{flex:none;width:24px;height:24px;border-radius:50%;background:var(--noir);color:var(--dac-blanc);
  display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800}
.dacae-prio-meta{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muet);font-weight:700}
.dacae-prio-crit{font-style:normal;background:var(--dac-ecart);color:var(--dac-blanc);padding:2px 7px;border-radius:20px;margin-left:7px;font-size:12.5px}
.dacae-prio-note{margin-left:auto;font-size:13.5px;font-weight:800;color:var(--terra);white-space:nowrap}
.dacae-prio-note i{font-style:normal;font-weight:400;color:var(--muet);margin-left:6px}
.dacae-prio-q{font-size:15.5px;font-weight:700;color:var(--noir);margin:0 0 5px;line-height:1.4}
.dacae-prio-reco{font-size:14.5px;color:var(--txt);margin:0;line-height:1.55}

.dacae-export{margin-top:22px;padding:20px 22px;background:var(--creme);border-radius:10px}
.dacae-export .dacae-mentions{margin-top:11px;margin-bottom:0}

@media (max-width:640px){
  .dacae .dac-radars{grid-template-columns:1fr}
  .dacae-prio-note{margin-left:0}
}

/* ---------- impression : le document, rien que le document ---------- */
@media print{
  .site-header,.site-footer,#site-header,#site-footer,nav,.dacae-export,
  .dacae-hors-impression,.dacae-rappel,.dacae-onglets,.dacae-progression,
  .dacae-etat,.dacae-form,.dacae-voies,.dac-lien,.dacae-actions{display:none !important}
  body{background:var(--dac-blanc) !important}
  .dacae{max-width:100%;padding:0;font-size:11.5pt;color:#000}
  .dacae .dac-radars{grid-template-columns:1fr 1fr;page-break-inside:avoid}
  .dacae .dac-radar{max-width:270px}
  .dacae-prio li{page-break-inside:avoid;border:1px solid var(--dac-ligne);border-left:3px solid var(--dac-accent)}
  .dacae-score-val{font-size:40pt}
  .dacd-scroll{overflow:visible}
  .dacd-table{font-size:9pt}
  a[href]:after{content:""}
  @page{margin:14mm}
}

/* La police du site vaut pour TOUT le bloc, y compris les elements de
   formulaire qui, sans cela, retombent sur celle du navigateur. */
.dacae,.dacae input,.dacae button,.dacae select,.dacae textarea,.dacae a{font-family:inherit}
/* Sauf les liens techniques, qui restent en chasse fixe pour se relire. */
.dacae .dac-lien{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* ------------------------------------------------------------------------
   Haut de page. Un paragraphe seul, bride a une largeur de lecture, se lit
   comme une colonne oubliee au milieu d une page large. On garde donc la
   largeur de lecture pour la phrase, et on occupe la largeur reelle par
   quatre reperes chiffres, qui se saisissent d un coup d oeil.
   ------------------------------------------------------------------------ */
.dacae-chapo{
  max-width:640px;margin:0 0 26px;
  font-size:18px;line-height:1.55;color:var(--dac-texte);
}
.dacae-faits{
  list-style:none;margin:0 0 18px;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
}
.dacae-faits li{
  background:var(--dac-carte);border:1px solid var(--dac-ligne);
  border-radius:12px;padding:18px 20px;
}
.dacae-faits b{
  display:block;font-size:26px;line-height:1.1;font-weight:700;
  color:var(--dac-encre);letter-spacing:-.01em;
}
.dacae-faits span{
  display:block;margin-top:6px;font-size:13.5px;color:var(--dac-gris);
}
.dacae-metiers{
  margin:0 0 30px;font-size:15px;line-height:1.6;color:var(--dac-gris);
  max-width:760px;
}
@media (max-width:900px){
  .dacae-faits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .dacae-faits{grid-template-columns:1fr;gap:10px}
  .dacae-faits li{padding:14px 16px}
  .dacae-faits b{font-size:22px}
  .dacae-chapo{font-size:16.5px}
}

/* ------------------------------------------------------------------------
   Reperage au clavier. Un contour visible sur l element actif est la seule
   facon pour qui n'utilise pas la souris de savoir ou il se trouve. Le
   navigateur en pose un par defaut, souvent invisible sur fond sombre : on
   le redonne aux couleurs de la charte.
   ------------------------------------------------------------------------ */
.dacae a:focus-visible,.dacae button:focus-visible,.dacae input:focus-visible,
.dacae select:focus-visible,.dacae textarea:focus-visible,.dacae [tabindex]:focus-visible{
  outline:2px solid var(--dac-accent);
  outline-offset:2px;
  border-radius:6px;
}
/* Aucun bouton ne porte de soulignement, quel que soit son etat. */
.dacae button,.dacae .dacf-btn,.dacae .dacae-mini,.dacae .dacp-cta,.dacae .dacd-voir,
.dacae button:hover,.dacae button:focus{text-decoration:none}