
body{margin:0;font-family:"Public Sans",system-ui,sans-serif;color:#1A2233;background:#F4F2EC;-webkit-font-smoothing:antialiased}
a{color:#7A1E2B}a:hover{color:#5A1520}
.num{font-variant-numeric:tabular-nums lining-nums}
.champ{width:100%;box-sizing:border-box;height:44px;padding:0 14px;border:1px solid #D6D3CA;border-radius:8px;background:#FFFFFF;font:15px/1.4 "Public Sans",system-ui,sans-serif;color:#1A2233;transition:border-color .15s,box-shadow .15s}
.champ::placeholder{color:#8A8F9A}
.champ:hover{border-color:#B9B5AA}
.champ:focus{outline:none;border-color:#243C66;box-shadow:0 0 0 3px rgba(36,60,102,.14)}
.champ[readonly]{background:#F7F6F2;color:#5B6272}
select.champ{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
textarea.champ{height:96px;padding:12px 14px;resize:vertical}
.suffixe{padding-right:44px}
.bt{height:44px;padding:0 18px;border-radius:8px;font:600 14.5px "Public Sans",system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s}
.bt-p{background:#182B4D;border:1px solid #182B4D;color:#FFFFFF}.bt-p:hover{background:#243C66}
.bt-s{background:#FFFFFF;border:1px solid #CFCBC0;color:#182B4D}.bt-s:hover{border-color:#182B4D}
.bt-g{background:transparent;border:1px solid transparent;color:#5B6272}.bt-g:hover{color:#182B4D;background:#EFEDE6}
details > summary{list-style:none;cursor:pointer}
details > summary::-webkit-details-marker{display:none}
details[open] .chev{transform:rotate(180deg)}

/* --- ajouts du lot 1 : états, champs sans objet, réponse aux écrans étroits --- */
#etats{display:flex;flex-direction:column;gap:10px}
.etat{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border:1px solid #E3E0D8;
  border-left-width:3px;border-radius:10px;background:#FFFFFF;font-size:13.5px;line-height:1.5;color:#3C4A66}
.etat b{color:#1A2233;font-weight:600}
.etat.w{border-left-color:#B45309;background:#FFFCF6}
.etat.e{border-left-color:#B3261E;background:#FEF7F6}
.etat.i{border-left-color:#182B4D;background:#F8FAFC}
.etat svg{flex-shrink:0;margin-top:1px}
.champ.ko{border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.12)}
.bx{height:44px;box-sizing:border-box;padding:0 12px;border-radius:8px;background:#EEF1F6;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:12px;color:#3C4A66;white-space:nowrap}
.bx strong{font-size:13px}
.bx strong{color:#182B4D}
.bx.w{background:#FDF3E6}.bx.w strong{color:#B45309}
.bx.e{background:#FBEAE8}.bx.e strong{color:#B3261E}
.bx.na{background:#F4F3EF;color:#8A8F9A}.bx.na strong{color:#8A8F9A}
.off{display:none!important}
.bt[disabled]{opacity:.4;cursor:not-allowed}
.grille{padding:0 48px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:28px;align-items:start}
@media (max-width:1180px){
  .grille{grid-template-columns:minmax(0,1fr)}
  .grille aside{order:-1}
}
@media (max-width:720px){
  .grille,.enpage,footer{padding-left:20px!important;padding-right:20px!important}
  header > div{padding:0 20px!important}
}
