/* entrepriseetvous.com : le grand livre (papier comptable vert d'eau, encre bleu nuit, filets rouges) */
:root{--papier:#f6faf7;--ligne:#cfe5da;--vert:#2f7a5f;--nuit:#17264a;--rouge:#c43c3c;--gris:#5b6672;--blanc:#ffffff;--trait:#d7e2dc}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--nuit);font:400 1.03rem/1.72 Manrope,system-ui,sans-serif}
a{color:var(--vert)}
img{max-width:100%;height:auto;display:block}
.vers-contenu{position:absolute;left:-999px}.vers-contenu:focus{left:1rem;top:1rem;background:var(--blanc);padding:.5rem 1rem;z-index:9}
h1,h2,h3,h4{font-family:Spectral,Georgia,serif;font-weight:700;line-height:1.2;color:var(--nuit)}

/* en-tête */
.en-tete{background:var(--nuit);color:#fff;border-bottom:3px double var(--rouge)}
.en-tete__in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2rem;padding:1rem clamp(1rem,4vw,2rem)}
.raison-sociale{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font:700 1.35rem/1.1 Spectral,serif}
.raison-sociale small{display:block;font:400 .8rem/1.3 Manrope,sans-serif;opacity:.8}
.raison-sociale__e{display:grid;place-items:center;width:48px;height:48px;background:var(--papier);color:var(--nuit);font-size:1.05rem;background-image:linear-gradient(var(--ligne) 1px,transparent 1px);background-size:100% 12px;border-left:3px solid var(--rouge)}
.comptes{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
.comptes a{color:#dfe7f5;text-decoration:none;font-weight:600;font-size:.92rem;padding:.3rem 0;border-bottom:2px solid transparent}
.comptes a:hover,.comptes a[aria-current]{color:#fff;border-bottom-color:var(--rouge)}

main{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem) 3rem}

/* accueil */
.ouverture-exercice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:center;margin:3rem 0 2rem}
.ouverture-exercice>*{min-width:0}
.ouverture-exercice h1{margin:0;font-size:clamp(2rem,4.6vw,3rem)}
.ouverture-exercice p{color:var(--gris);font-size:1.1rem}
.a-la-une{display:block;background:var(--blanc);border:1px solid var(--trait);text-decoration:none;color:var(--nuit)}
.a-la-une img{width:100%;aspect-ratio:16/9;object-fit:cover}
.a-la-une span{display:block;padding:1rem 1.2rem 1.2rem;font:700 1.35rem/1.25 Spectral,serif;border-top:3px solid var(--vert)}
.a-la-une small{display:block;font:600 .76rem/1.4 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--vert)}

.plan-comptable{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0;border:1px solid var(--trait);background:var(--blanc)}
.plan-comptable a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:.6rem;padding:1rem 1.1rem;text-decoration:none;color:var(--nuit);border-right:1px solid var(--trait);border-bottom:1px solid var(--trait);min-width:0}
.plan-comptable small{grid-column:1/-1;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.plan-comptable span{font:700 1.15rem/1.25 Spectral,serif}
.plan-comptable b{align-self:end;font:600 1rem/1 Manrope,sans-serif;font-variant-numeric:tabular-nums;color:var(--vert)}
.plan-comptable a:hover{background:var(--papier)}

/* journal */
.feuillet__t{margin:3rem 0 1rem;font-size:1.55rem}
.lignes{list-style:none;margin:0;padding:0;background:var(--blanc);border:1px solid var(--trait);background-image:linear-gradient(90deg,transparent 64px,var(--rouge) 64px,var(--rouge) 65px,transparent 65px)}
.lignes li+li{border-top:1px solid var(--ligne)}
.lignes a{display:grid;grid-template-columns:64px minmax(0,1fr) 170px 120px;gap:0 1rem;align-items:baseline;padding:.85rem 1rem .85rem 0;text-decoration:none;color:var(--nuit)}
.lignes a:hover{background:#eef6f1}
.lignes__n{text-align:center;font:600 .9rem/1 Manrope,sans-serif;font-variant-numeric:tabular-nums;color:var(--rouge)}
.lignes__l{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding-left:.4rem}
.lignes__t{font:700 1.1rem/1.3 Spectral,serif;overflow-wrap:anywhere}
.lignes__d{color:var(--gris);font-size:.88rem;line-height:1.5}
.lignes__c{font-size:.8rem;font-weight:600;color:var(--vert)}
.lignes__dt{font-size:.82rem;color:var(--gris);text-align:right;font-variant-numeric:tabular-nums}
.solde-nul{color:var(--gris);font-style:italic}

/* rubrique */
.intitule-compte{margin:2.8rem 0 1rem;padding-bottom:1rem;border-bottom:3px double var(--rouge)}
.intitule-compte small{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rouge)}
.intitule-compte h1{margin:.2rem 0 0;font-size:clamp(1.9rem,4.4vw,2.7rem)}
.intitule-compte p{color:var(--gris)}

/* article */
.piece{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;margin-top:2.5rem;background:var(--blanc);border:1px solid var(--trait)}
.piece--seule{grid-template-columns:minmax(0,1fr);max-width:860px;margin-left:auto;margin-right:auto}
.marge{padding:1.6rem 1rem;border-right:2px solid var(--rouge);background:var(--papier);background-image:linear-gradient(var(--ligne) 1px,transparent 1px);background-size:100% 28px;font-size:.88rem}
.marge p{margin:0 0 1rem;display:flex;flex-direction:column}
.marge span{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rouge)}
.piece__c{padding:clamp(1.2rem,4vw,2.6rem);min-width:0}
.piece__c h1{margin:0 0 1.4rem;font-size:clamp(1.8rem,4vw,2.5rem)}
.piece__img{margin:0 0 1.8rem}
.piece__texte{overflow-wrap:anywhere;max-width:760px}
.piece__texte h2{font-size:1.5rem;margin:2.4rem 0 .8rem;padding-bottom:.3rem;border-bottom:1px solid var(--ligne)}
.piece__texte h3{font-size:1.2rem;margin:1.8rem 0 .6rem;color:var(--vert)}
.piece__texte p{margin:0 0 1.1rem}
.piece__texte ul,.piece__texte ol{padding-left:1.4rem;margin:0 0 1.2rem}
.piece__texte li{margin:.35rem 0}
.piece__texte li::marker{color:var(--rouge)}
.piece__texte blockquote{margin:1.5rem 0;padding:1rem 1.3rem;background:#eef6f1;border-left:3px solid var(--vert)}
.piece__texte table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem;display:block;overflow-x:auto;font-variant-numeric:tabular-nums}
.piece__texte th,.piece__texte td{border:1px solid var(--ligne);padding:.55rem .7rem;text-align:left;vertical-align:top}
.piece__texte th{background:var(--nuit);color:#fff}
.piece__texte figure{margin:1.5rem 0}
.piece__texte details{margin:0 0 1.4rem;padding:.8rem 1rem;background:var(--papier)}
.piece__texte summary{cursor:pointer;font-weight:700}
.piece__texte input,.piece__texte select,.piece__texte button{font:inherit;max-width:100%}

/* clôture */
.cloture-exercice{margin-top:3rem;background:var(--nuit);color:#d6deec;border-top:3px double var(--rouge)}
.cloture-exercice__in{max-width:1180px;margin:0 auto;padding:2.3rem clamp(1rem,4vw,2rem)}
.cloture-exercice__d{margin:0 0 1rem;font:600 1.1rem/1.5 Spectral,serif}
.cloture-exercice nav{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem}
.cloture-exercice a{color:#9fd6bf}
.cloture-exercice__bas{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.18);font-size:.86rem}

@media (max-width:860px){
  .ouverture-exercice{grid-template-columns:minmax(0,1fr)}
  .lignes a{grid-template-columns:48px minmax(0,1fr);padding-right:.8rem}
  .lignes{background-image:linear-gradient(90deg,transparent 48px,var(--rouge) 48px,var(--rouge) 49px,transparent 49px)}
  .lignes__c,.lignes__dt{grid-column:2;text-align:left;padding-left:.4rem}
  .piece{grid-template-columns:minmax(0,1fr)}
  .marge{border-right:0;border-bottom:2px solid var(--rouge);display:flex;flex-wrap:wrap;gap:0 1.4rem}
}

/* pied de page propre au site (14 oct., contre l'empreinte commune) */
.bilan{margin-top:3rem;background:var(--blanc);border-top:3px double var(--rouge)}
.bilan__in{max-width:1180px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem)}
.bilan__table{width:100%;border-collapse:collapse;font-size:.93rem}.bilan__table caption{text-align:left;font:700 1.1rem/1.4 Spectral,serif;padding-bottom:.5rem}
.bilan__table th{width:140px;text-align:left;vertical-align:top;padding:.55rem .8rem;border-top:1px solid var(--ligne);color:var(--rouge);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.bilan__table td{padding:.55rem .8rem;border-top:1px solid var(--ligne)}.bilan__table a{color:var(--nuit)}
.bilan__d{color:var(--gris);margin:1.2rem 0 .3rem}.bilan__sold{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;border-top:3px double var(--nuit);padding-top:.5rem}

/* journal illustré : vignette dans chaque ligne (14 oct.) */
.lignes a{grid-template-columns:64px 150px minmax(0,1fr) 170px 120px}
.lignes__img{width:150px;aspect-ratio:3/2;object-fit:cover;align-self:center;background:var(--ligne)}
@media (max-width:860px){
  .lignes a{grid-template-columns:48px 96px minmax(0,1fr)}
  .lignes__img{width:96px}
  .lignes__c,.lignes__dt{grid-column:3}
}
