/* Pages catégories rédigées (front-end/categories/page.blade.php). Typographie, titres et barre
   .wt-sectiontitle viennent du thème, comme sur /page/qui-sommes-nous ; ici seulement ce qu'il n'a pas.
   Nom de fichier versionné : Cloudflare garde les CSS 7 jours. */
.sc-cat { padding: 60px 0 40px; }
.sc-cat section { margin: 0 0 40px; }
.sc-cat .wt-sectiontitle h2 { font-size: 28px; line-height: 36px; }
.sc-cat .lead { font-size: 18px; line-height: 29px; color: #323232; }
.sc-cat .meta { font-size: 13px; }
.sc-cat ul, .sc-cat ol { margin: 0 0 20px; padding-left: 1.4em; }
.sc-cat .wt-description ul li { list-style: disc; float: none; width: auto; margin-bottom: 6px; }
.sc-cat .wt-description ol li { list-style: decimal; float: none; width: auto; margin-bottom: 6px; }
.sc-cat .box { background: #f7f7f7; border-left: 3px solid #00adf2; border-radius: 4px; padding: 20px 24px; margin: 24px 0; }
.sc-cat .box h2 { font-size: 22px; line-height: 30px; margin: 0 0 12px; }
.sc-cat .box > :last-child { margin-bottom: 0; }
.sc-cat .table-wrap { overflow-x: auto; margin: 16px 0 24px; }
.sc-cat table { width: 100%; border-collapse: collapse; font-size: 15px; }
.sc-cat th, .sc-cat td { line-height: 23px; text-align: left; vertical-align: top; padding: 10px 12px; border: 0; border-bottom: 1px solid #eee; }
.sc-cat th { background: #f7f7f7; color: #323232; font-weight: 600; }
.sc-cat .box th { background: #fff; }
.sc-cat caption { caption-side: bottom; text-align: left; padding-top: 8px; font-size: 13px; }
.sc-cat .cta-box { text-align: center; }
.sc-cat a.wt-btn, .sc-cat a.wt-btn:hover { text-decoration: none; color: #fff; }
.sc-cat .cta-box .wt-btn { float: none; display: inline-block; width: auto; margin: 10px 0 20px; }
.sc-cat .toc { background: #f7f7f7; border-radius: 4px; padding: 20px 24px; margin: 24px 0 40px; }
.sc-cat .toc ol { margin: 8px 0 0; }
.sc-cat .cities { columns: 2; column-gap: 24px; }
.sc-cat .wt-faq-section .card { margin-bottom: 8px; }
.sc-cat .wt-faq-section .card-header h3 { font-size: 15px; line-height: 22px; font-family: inherit; }
.sc-cat .sources { font-size: 14px; margin-top: 40px; }
.sc-cat .sources h2 { font-size: 16px; margin: 0 0 8px; }
.sc-cat__bureaux { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; padding: 0 !important; }
.sc-cat__bureaux li { list-style: none !important; background: #f7f7f7; border-radius: 4px; padding: 12px 16px; margin: 0 !important; }
.sc-cat__bureaux h3 { margin: 0 0 4px; font-size: 16px; }
@media (max-width: 600px) {
  .sc-cat { padding: 30px 0 20px; }
  .sc-cat .wt-sectiontitle h2 { font-size: 22px; line-height: 30px; }
  .sc-cat .cities { columns: 1; }
}
/* Le thème fait flotter .wt-sectiontitle (float:left, 100 %) : un bloc qui ouvre un contexte de
   formatage juste après (liste .chain en flex, tableau défilant) se rangeait à côté, dans 0 px. */
.sc-cat .wt-sectiontitle { float: none; }

/* Enchaînement des prestations / phases : encadré gris, étapes en pastilles, page courante en sombre. */
.sc-cat section[aria-labelledby="enchainement"] { background: #f7f7f7; border-radius: 6px; padding: 28px 30px 24px; margin: 40px 0; }
.sc-cat section[aria-labelledby="enchainement"] h3 { font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: .06em; color: #767676; font-weight: 600; margin: 18px 0 10px; }
.sc-cat .wt-description .chain { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 6px; }
.sc-cat .wt-description .chain li { list-style: none; margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 20px; }
.sc-cat .wt-description .chain li > a { display: block; background: #fff; border: 1px solid #e1e4e8; border-radius: 6px; padding: 9px 14px; color: #323232; text-decoration: none; transition: border-color .15s, color .15s, box-shadow .15s; }
.sc-cat .wt-description .chain li > a:hover, .sc-cat .wt-description .chain li > a:focus-visible { border-color: #00adf2; color: #00adf2; box-shadow: 0 2px 8px rgba(0,173,242,.12); }
.sc-cat .wt-description .chain li[aria-current] { background: #151e25; border: 1px solid #151e25; border-radius: 6px; padding: 9px 14px; color: #fff; font-weight: 600; }
.sc-cat .prevnext { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid #e1e4e8; font-size: 14px; }
.sc-cat .prevnext a { font-weight: 600; color: #151e25; text-decoration: none; }
.sc-cat .prevnext a:hover, .sc-cat .prevnext a:focus-visible { color: #00adf2; }
@media (max-width: 600px) {
  .sc-cat section[aria-labelledby="enchainement"] { padding: 20px 16px; }
  .sc-cat .wt-description .chain li { flex: 1 1 100%; }
}