/* /actualites-grand-public en statique (27/10/2026) : la feuille de la vue Drupal n'a pas été archivée. */
.page-node-2814 .view-filters { display: none !important; }
.page-node-2814 .listing-news .view-content,
.page-node-2814 .listing-news .view-content > div { display: block; width: 100%; margin: 0; padding: 0; }
.actus-filtres { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 28px; }
.actus-filtre { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border: 1px solid #d5d8e4; border-radius: 999px; background: #fff; color: #011547; font: 600 15px/20px oxygenB, sans-serif; cursor: pointer; transition: background .2s, border-color .2s, color .2s; }
.actus-filtre span { display: inline-block; min-width: 24px; padding: 1px 7px; border-radius: 999px; background: #eeeff4; font-size: 12px; line-height: 18px; text-align: center; color: #5b6280; }
.actus-filtre:hover { border-color: #011547; }
.actus-filtre.is-actif { background: #011547; border-color: #011547; color: #fff; }
.actus-filtre.is-actif span { background: #00f3a7; color: #011547; }
.actus-filtre:focus-visible, .actus-plus__btn:focus-visible { outline: 3px solid #00f3a7; outline-offset: 2px; }

ul.actus-grille { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
ul.actus-grille > li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
ul.actus-grille > li::before, ul.actus-grille > li::marker { content: none !important; }
ul.actus-grille > li[hidden] { display: none !important; }
ul.actus-grille .article_teaser { height: 100%; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
ul.actus-grille .article_teaser__bg { display: flex; flex-direction: column; height: 100%; width: 100% !important; background: #fff; border-radius: 12px; overflow: hidden; text-decoration: none; box-shadow: 0 2px 12px rgba(1, 21, 71, .08); transition: box-shadow .2s, transform .2s; }
ul.actus-grille .article_teaser__bg:hover { box-shadow: 0 8px 22px rgba(1, 21, 71, .16); transform: translateY(-2px); }
ul.actus-grille .article_teaser__image, ul.actus-grille .article_teaser__image .field__item { width: 100% !important; max-width: none !important; }
ul.actus-grille .article_teaser__image img { display: block; width: 100%; height: auto; aspect-ratio: 340 / 175; object-fit: cover; transform: none !important; }
ul.actus-grille .article_teaser__content { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1; }
ul.actus-grille .article_teaser__date { font-size: 13px; color: #5b6280; }
ul.actus-grille .article_teaser__title { margin: 0; font-size: 17px; line-height: 24px; color: #011547; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
ul.actus-grille .article_teaser__tag, ul.actus-grille .article_teaser__tag .field__item { margin-top: auto; padding: 0 !important; border: 0 !important; background: none !important; width: auto !important; font-size: 12px; font-weight: 700; color: #ee7065; text-transform: uppercase; letter-spacing: .04em; }

/* le plus récent des articles affichés, en grand */
ul.actus-grille > li.is-une { grid-column: 1 / -1; }
ul.actus-grille > li.is-une .article_teaser__bg { flex-direction: row; }
ul.actus-grille > li.is-une .article_teaser__image { width: 55% !important; flex: 0 0 55%; }
ul.actus-grille > li.is-une .article_teaser__content { justify-content: center; padding: 28px 32px; }
ul.actus-grille > li.is-une .article_teaser__title { font-size: 24px; line-height: 32px; -webkit-line-clamp: 4; }

.actus-plus { display: flex; justify-content: center; margin: 36px 0 12px; }
.actus-plus[hidden] { display: none; }
.actus-plus__btn { padding: 13px 28px; border: 0; border-radius: 8px; background: #ee7065; color: #fff; font: 700 16px/20px oxygenB, sans-serif; cursor: pointer; transition: background .2s; }
.actus-plus__btn:hover { background: #e2554a; }

@media (max-width: 991px) {
  ul.actus-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 640px) {
  ul.actus-grille { grid-template-columns: 1fr; }
  ul.actus-grille > li.is-une .article_teaser__bg { flex-direction: column; }
  ul.actus-grille > li.is-une .article_teaser__image { width: 100% !important; flex: none; }
  ul.actus-grille > li.is-une .article_teaser__content { padding: 16px 18px 18px; }
  ul.actus-grille > li.is-une .article_teaser__title { font-size: 19px; line-height: 26px; }
  .actus-filtre { padding: 8px 14px; font-size: 14px; }
}