/* Dépôt d'annonce légale, habillage PARJAL.
   Tout est préfixé .parjal-al pour ne pas déborder sur le thème. */
.parjal-al{
 --pal-bleu:#4695d0;          /* bleu PARJAL, repris du thème */
 --pal-bleu-fonce:#2f6f9f;
 --pal-bleu-voile:#eef6fc;
 --pal-accent:#e2401c;        /* orange du logo : obligations, erreurs, étape en cours */
 --pal-encre:#11272c;
 --pal-gris:#64748b;
 --pal-trait:#dfe5ea;
 --pal-papier:#fffdf9;
 --pal-surlig:#fdf0cf;
 font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 color:var(--pal-encre);max-width:1200px;margin:0 auto;padding:4px}
.parjal-al *{box-sizing:border-box}
.parjal-al h2{font:600 26px/1.25 Georgia,"Times New Roman",serif;margin:0 0 6px;letter-spacing:-.2px}
.parjal-al .pal-sous{color:var(--pal-gris);font-size:14px;margin:0 0 26px}

/* ---- progression ---- */
.parjal-al .pal-fil{display:flex;gap:0;margin:0 0 30px;padding:0;list-style:none}
.parjal-al .pal-fil li{flex:1;position:relative;padding-top:22px;text-align:center;
 font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pal-gris)}
.parjal-al .pal-fil li::before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:var(--pal-trait)}
.parjal-al .pal-fil li::after{content:"";position:absolute;top:1px;left:50%;margin-left:-6px;width:12px;height:12px;
 border-radius:50%;background:#fff;border:2px solid var(--pal-trait)}
.parjal-al .pal-fil li.faite::before,.parjal-al .pal-fil li.ici::before{background:var(--pal-bleu)}
.parjal-al .pal-fil li.faite::after{background:var(--pal-bleu);border-color:var(--pal-bleu)}
.parjal-al .pal-fil li.ici{color:var(--pal-accent);font-weight:700}
.parjal-al .pal-fil li.ici::after{border-color:var(--pal-accent);background:var(--pal-accent);
 box-shadow:0 0 0 4px rgba(226,64,28,.16)}
.parjal-al .pal-fil li button{font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;
 color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;
 text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .12s,color .12s}
.parjal-al .pal-fil li button:hover,.parjal-al .pal-fil li button:focus-visible{
 color:var(--pal-bleu-fonce);text-decoration-color:currentColor}
.parjal-al .pal-fil li:first-child::before{left:50%}
.parjal-al .pal-fil li:last-child::before{right:50%}

/* ---- catalogue ---- */
.parjal-al .pal-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.parjal-al .pal-cat{border:1px solid var(--pal-trait);border-top:3px solid var(--pal-bleu);
 border-radius:3px;padding:16px 18px 12px;background:#fff}
.parjal-al .pal-cat h4{margin:0 0 10px;font:700 11.5px/1.3 system-ui,sans-serif;letter-spacing:.1em;
 text-transform:uppercase;color:var(--pal-bleu-fonce)}
.parjal-al .pal-cat ul{list-style:none;margin:0;padding:0}
.parjal-al .pal-cat li+li{border-top:1px solid #f1f4f7}
.parjal-al .pal-cat button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;
 text-align:left;background:none;border:0;padding:9px 2px;font:inherit;font-size:15px;color:var(--pal-encre);cursor:pointer}
.parjal-al .pal-cat button::after{content:"→";color:var(--pal-trait);transition:transform .15s,color .15s}
.parjal-al .pal-cat button:hover,.parjal-al .pal-cat button:focus-visible{color:var(--pal-bleu-fonce)}
.parjal-al .pal-cat button:hover::after,.parjal-al .pal-cat button:focus-visible::after{
 color:var(--pal-bleu);transform:translateX(3px)}
.parjal-al .pal-libre{color:var(--pal-gris);font-size:12px;font-style:italic}

/* ---- rédaction ---- */
.parjal-al .pal-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:36px;align-items:start}
.parjal-al .pal-sec{border:1px solid var(--pal-trait);border-left:3px solid var(--pal-bleu);
 border-radius:3px;margin-bottom:14px;background:#fff}
.parjal-al .pal-sec>h3{margin:0;padding:13px 16px;font:600 15px/1.3 Georgia,serif;display:flex;gap:11px;align-items:baseline;
 border-bottom:1px solid #f1f4f7}
.parjal-al .pal-sec>h3 em{font:700 11px/1 system-ui,sans-serif;font-style:normal;color:var(--pal-gris);
 letter-spacing:.08em;flex:0 0 auto}
.parjal-al .pal-sec>div{padding:16px}
.parjal-al label{display:block;font-size:13.5px;margin:0 0 5px;color:#334155}
.parjal-al .pal-req{color:var(--pal-accent);font-weight:700}
/* line-height et height explicites : le thème impose les siens aux <select>, ce qui
   rognait le texte de l'option sélectionnée. */
.parjal-al input,.parjal-al select,.parjal-al textarea{width:100%;padding:9px 11px;border:1px solid #c6d0da;
 border-radius:3px;font:inherit;font-size:15px;line-height:1.45;height:auto;min-height:0;
 background:#fff;color:inherit;transition:border-color .12s,box-shadow .12s}
.parjal-al select{appearance:none;-webkit-appearance:none;padding-right:34px;
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;background-size:11px}
.parjal-al input:focus,.parjal-al select:focus,.parjal-al textarea:focus{outline:0;border-color:var(--pal-bleu);
 box-shadow:0 0 0 3px rgba(70,149,208,.18)}
.parjal-al textarea{min-height:84px;resize:vertical}
.parjal-al .pal-champ{margin-bottom:14px;position:relative}
.parjal-al .pal-champ.err input,.parjal-al .pal-champ.err select,.parjal-al .pal-champ.err textarea{border-color:var(--pal-accent)}
.parjal-al .pal-err{color:var(--pal-accent);font-size:12.5px;margin:5px 0 0}
.parjal-al .pal-aide{color:var(--pal-gris);font-size:12.5px;margin:5px 0 0}
.parjal-al .pal-radios label{display:flex;gap:9px;align-items:center;margin:0 0 7px;font-size:15px;color:var(--pal-encre)}
.parjal-al .pal-radios input,.parjal-al .pal-coche input{width:auto;flex:0 0 auto}
.parjal-al .pal-coche{display:flex;gap:9px;align-items:flex-start;margin:8px 0 0;font-size:13px;color:var(--pal-gris)}
.parjal-al .pal-rep{border-left:2px dashed var(--pal-trait);padding-left:14px;margin-bottom:14px}

/* ---- boutons ---- */
.parjal-al .pal-b{font:600 14px/1 system-ui,sans-serif;padding:12px 20px;border-radius:3px;cursor:pointer;
 border:1px solid var(--pal-bleu);background:var(--pal-bleu);color:#fff;letter-spacing:.02em}
.parjal-al .pal-b:hover{background:var(--pal-bleu-fonce);border-color:var(--pal-bleu-fonce)}
.parjal-al .pal-b.alt{background:#fff;color:var(--pal-bleu-fonce)}
.parjal-al .pal-b.alt:hover{background:var(--pal-bleu-voile)}
.parjal-al .pal-b[disabled]{opacity:.5;cursor:default}
.parjal-al .pal-barre{display:flex;gap:12px;justify-content:space-between;align-items:center;
 margin-top:24px;padding-top:18px;border-top:1px solid var(--pal-trait);flex-wrap:wrap}

/* ---- l'épreuve : l'annonce telle qu'elle paraîtra ---- */
.parjal-al .pal-apercu{position:sticky;top:20px}
.parjal-al .pal-meta{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;
 font:700 11px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--pal-gris)}
.parjal-al .pal-meta span:last-child{letter-spacing:0;text-transform:none;font-weight:400;font-size:12px}
.parjal-al .pal-texte{background:var(--pal-papier);border:1px solid var(--pal-trait);
 box-shadow:0 1px 2px rgba(17,39,44,.05),0 8px 24px -16px rgba(17,39,44,.3);
 padding:26px 28px;min-height:190px;font:15px/1.78 Georgia,"Times New Roman",serif;text-align:justify;hyphens:auto}
.parjal-al .pal-texte::before{content:"";display:block;border-top:3px double var(--pal-encre);margin:0 0 18px}
.parjal-al .pal-texte mark{background:var(--pal-surlig);color:#8a6100;padding:1px 4px;border-radius:2px;
 font:12.5px/1 system-ui,sans-serif;white-space:nowrap}
.parjal-al .pal-cartouche{text-align:center;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--pal-trait)}
.parjal-al .pal-cartouche img{max-height:58px;max-width:200px;display:block;margin:0 auto 8px}
.parjal-al .pal-coordonnees{font:12.5px/1.5 system-ui,sans-serif;color:var(--pal-gris)}
.parjal-al .pal-titre-saisi{text-align:center;font:600 15px/1.3 Georgia,serif;margin:0 0 10px}

/* ---- récapitulatif, messages ---- */
.parjal-al .pal-recap{border:1px solid var(--pal-trait);border-radius:3px;padding:18px 20px;margin-bottom:14px;background:#fff}
.parjal-al .pal-recap h4{margin:0 0 9px;font:700 11px/1 system-ui,sans-serif;letter-spacing:.1em;
 text-transform:uppercase;color:var(--pal-gris)}
.parjal-al .pal-note{background:var(--pal-bleu-voile);border-left:3px solid var(--pal-bleu);
 padding:14px 18px;font-size:14px;margin-bottom:20px}
.parjal-al .pal-alerte{background:#fdeeea;border-left:3px solid var(--pal-accent);
 padding:14px 18px;font-size:14px;color:#8a2208;margin-bottom:20px}
.parjal-al .pal-fini{text-align:center;padding:56px 20px;border:1px solid var(--pal-trait);background:var(--pal-papier)}
.parjal-al .pal-fini h2{margin-top:14px}

/* ---- autocomplétion, logo ---- */
.parjal-al .pal-sugg{list-style:none;margin:3px 0 0;padding:0;border:1px solid var(--pal-trait);
 background:#fff;position:absolute;z-index:5;width:100%;max-height:220px;overflow:auto;
 box-shadow:0 10px 26px -12px rgba(17,39,44,.35)}
.parjal-al .pal-sugg li button{display:block;width:100%;text-align:left;border:0;background:none;
 padding:9px 11px;font:inherit;font-size:14px;cursor:pointer}
.parjal-al .pal-sugg li button:hover{background:var(--pal-bleu-voile)}
.parjal-al .pal-logo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.parjal-al .pal-logo img{max-height:48px;max-width:160px;border:1px solid var(--pal-trait);padding:5px;background:#fff}

@media(max-width:920px){
 .parjal-al .pal-grille{grid-template-columns:1fr;gap:26px}
 .parjal-al .pal-apercu{position:static}
 .parjal-al h2{font-size:22px}
 .parjal-al .pal-fil li{font-size:0}
 .parjal-al .pal-fil li.ici{font-size:11px}
}

/* ---- l'annonce mise en page comme dans le journal ---- */
.parjal-al .pal-nom{text-align:center;font:700 16px/1.3 Georgia,serif;text-transform:uppercase;
 letter-spacing:.03em;margin:0 0 4px}
.parjal-al .pal-identite{text-align:center;font:14px/1.5 Georgia,serif;margin:0 0 12px}
.parjal-al .pal-titre-annonce{text-align:center;font:700 14px/1.3 Georgia,serif;text-transform:uppercase;
 letter-spacing:.05em;margin:0 0 12px;padding-top:10px;border-top:1px solid rgba(17,39,44,.18)}
.parjal-al .pal-corps{text-align:justify}
.parjal-al .pal-signature{text-align:right;font-style:italic;margin-top:10px}