/* ATECO BOIS - gabarits blog (liste + article) - 12/11
   Chargé en dernier. Ne touche ni l'en-tête, ni le pied de page, ni les contenus. */

/* ---------- Page liste : plus de colonne « Tous les articles », contenu pleine largeur ---------- */
html body .sheet .bindex .in2{display:block !important;max-width:1240px !important;margin:0 auto !important}
html body .sheet .bindex .in2>*{grid-column:auto}

/* ---------- « Par où commencer ? » : tableau compact ---------- */
.bstart>p{max-width:46em}
.bstart-t{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 34px;background:var(--bcard,#FBF8F1);border:1px solid var(--bline,#E4DED3);border-radius:14px;overflow:hidden;font-size:16px;line-height:1.4}
.bstart-t thead th{background:var(--bink,#2F3E46);color:#F4EEE3;text-align:left;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:11px 16px;font-weight:700}
.bstart-t tbody th,.bstart-t tbody td{text-align:left;vertical-align:middle;padding:13px 16px;border-top:1px solid var(--bline,#E4DED3);font-weight:400}
.bstart-t tbody tr:first-child th,.bstart-t tbody tr:first-child td{border-top:0}
.bstart-t tbody th{width:34%;color:var(--bink,#2F3E46);font-weight:700}
.bstart-t tbody tr:nth-child(even){background:rgba(244,238,227,.55)}
.bstart-t a{color:var(--bink,#2F3E46);font-weight:700;text-decoration:underline;text-decoration-color:var(--bacc,#9A4F26);text-underline-offset:3px}
.bstart-t a+a{margin-left:10px}
.bstart-t a:hover{color:var(--bacc,#9A4F26)}
@media(max-width:760px){
  .bstart-t,.bstart-t tbody,.bstart-t tr,.bstart-t th,.bstart-t td{display:block;width:auto}
  .bstart-t thead{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
  .bstart-t{border:0;background:transparent;overflow:visible}
  .bstart-t tbody tr{background:var(--bcard,#FBF8F1) !important;border:1px solid var(--bline,#E4DED3);border-radius:12px;margin:0 0 12px;padding:6px 0}
  .bstart-t tbody th{width:auto;border:0;padding:10px 16px 4px;font-size:17px}
  .bstart-t tbody td{border:0;padding:3px 16px 5px}
  .bstart-t tbody td::before{content:attr(data-l);display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--bacc,#9A4F26);font-weight:700}
  .bstart-t tbody td a{display:inline-block;min-height:44px;line-height:44px}
}

/* ---------- « Aides et primes » mis en avant ---------- */
.baides{margin:26px 0 8px}
.baides a{display:inline-block;padding:12px 18px;background:var(--bcard,#FBF8F1);border:1px solid var(--bline,#E4DED3);border-left:4px solid var(--bacc,#9A4F26);border-radius:12px;color:var(--bink,#2F3E46) !important;font-weight:700;text-decoration:none}
.baides a:hover{text-decoration:underline}

/* ---------- Article : appel unique, discret ---------- */
html body .sheet .art .bcta{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;margin:34px 0 10px;padding:16px 20px;background:var(--bcard,#FBF8F1);border:1px solid var(--bline,#E4DED3);border-left:4px solid var(--bacc,#9A4F26);border-radius:14px;clear:both}
html body .sheet .art .bcta p{margin:0;font-size:16.5px;line-height:1.45}
html body .sheet .art .bcta .bcta-l{display:flex;flex-wrap:wrap;gap:6px 22px}
html body .sheet .art .bcta .bcta-l a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--bink,#2F3E46)}

/* ---------- Article : « Pour aller plus loin » (services, un seul bloc) ---------- */
html body .sheet .art .bplus{clear:both;margin:34px 0 0}
html body .sheet .art .bplus h2{margin:0 0 12px}
html body .sheet .art .bplus ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
html body .sheet .art .bplus li{margin:0}
html body .sheet .art .bplus li a{display:flex;align-items:center;min-height:48px;padding:10px 16px;background:var(--bcard,#FBF8F1);border:1px solid var(--bline,#E4DED3);border-radius:12px;font-size:16px;line-height:1.3;text-decoration:none}
html body .sheet .art .bplus li a:hover{border-color:var(--bacc,#9A4F26);text-decoration:underline}

/* ---------- Article : auteur compact puis partage ---------- */
html body .sheet .bpost{margin-top:26px;gap:16px}
html body .sheet .bauth{grid-template-columns:48px 1fr;gap:14px;padding:12px 16px;border-radius:14px;box-shadow:none}
html body .sheet .bauth img{width:48px}
html body .sheet .bauth p{font-size:15px;line-height:1.45}
html body .sheet .bshare{gap:8px 10px}
html body .sheet .bshare b{font-size:14.5px;font-weight:700}
html body .sheet .bshare a{min-height:40px;padding:8px 14px}

/* ---------- Colonne latérale : sommaire seul ---------- */
html body .sheet .baside .bsom{display:block !important}
html body .sheet .baside .bsom summary{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bacc,#9A4F26);font-weight:800;cursor:pointer;list-style:none;min-height:24px}
html body .sheet .baside .bsom summary::-webkit-details-marker{display:none}
html body .sheet .baside .bsom summary::after{content:"+";float:right;font-size:18px;line-height:1}
html body .sheet .baside .bsom[open] summary::after{content:"\2212"}
html body .sheet .baside .bsom[open] summary{margin-bottom:10px}
@media(min-width:1101px){html body .sheet .baside .bsom summary{pointer-events:none}html body .sheet .baside .bsom summary::after{display:none}}

/* Tablette et mobile : le sommaire revient en tête d'article, replié */
@media(max-width:1100px){
  html body .sheet .bgrid{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"aside" "art" !important}
  html body .sheet .bgrid>aside.baside{display:block !important;position:static !important;margin:0 0 14px}
  html body .sheet .bpost .bshare{margin-top:2px}
}
@media(max-width:700px){
  html body .sheet .art .bplus ul{grid-template-columns:minmax(0,1fr)}
  html body .sheet .art .bcta{flex-direction:column;align-items:flex-start}
}
/* Le bas de page ne passe pas sous la barre d'appel mobile */
@media(max-width:1100px){html body .sheet .bmore{padding-bottom:84px}}