/* Page Actualités : liste et article. Reprend les couleurs du site, sans dépendre du CSS Divi. */

/* La feuille Divi de cette page impose un fond sombre : on reprend la main pour un contenu lisible. */
body.astech-actus,
body.astech-actus #page-container,
body.astech-actus #et-main-area,
body.astech-actus .actus { background: #f3f6f9; }
.actus-inner { max-width: 1140px; margin: 0 auto; padding: 0 24px; }

.actus-tete { background: #2c3641; color: #fff; padding: 58px 0 50px; margin-bottom: 46px; }
.actus-tete .actus-sur { margin: 0 0 6px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #f39219; }
.actus-tete h1 { margin: 0 0 10px; font-size: 40px; line-height: 1.15; color: #fff; }
.actus-tete .actus-chapo { margin: 0; font-size: 17px; color: rgba(255, 255, 255, .82); max-width: 640px; }

.actus-vide { padding: 60px 0 90px; text-align: center; color: #6b7785; font-size: 17px; }

.actus-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 26px; padding-bottom: 70px; }

.actu-carte { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(16, 24, 40, .07); transition: transform .18s, box-shadow .18s; }
.actu-carte:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(16, 24, 40, .12); }
.actu-carte > a { display: block; color: inherit; text-decoration: none; }
.actu-carte img, .actu-sans-photo { display: block; width: 100%; height: 208px; object-fit: cover; }
.actu-sans-photo { background: linear-gradient(135deg, #2c3641, #41505f); }
.actu-texte { padding: 20px 22px 24px; }
.actu-texte time { display: block; margin-bottom: 7px; font-size: 13px; color: #8b95a1; }
.actu-texte h2, .actu-texte h3 { margin: 0 0 9px; font-size: 20px; line-height: 1.3; color: #2c3641; }
.actu-texte p { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #5b6775; }
.actu-lire { font-size: 14px; font-weight: 700; color: #d81b1f; }
.actu-carte:hover .actu-lire { text-decoration: underline; }

/* Article */
.actu { padding: 34px 0 10px; }
.actu-fil { margin-bottom: 26px; font-size: 14px; color: #8b95a1; }
.actu-fil a { color: #0e5f9c; text-decoration: none; }
.actu-fil a:hover { text-decoration: underline; }
.actu-fil span { margin: 0 8px; }

.actu-tete { max-width: 820px; margin-bottom: 28px; }
.actu-tete time { display: block; margin-bottom: 10px; font-size: 14px; color: #8b95a1; }
.actu-tete h1 { margin: 0; font-size: 38px; line-height: 1.2; color: #2c3641; }

.actu-photo { display: block; width: 100%; max-height: 520px; object-fit: cover; border-radius: 10px; margin-bottom: 34px; }

.actu-corps { max-width: 760px; }
.actu-corps p { margin: 0 0 18px; font-size: 17px; line-height: 1.75; color: #3e4a57; }

.actu-galerie { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin: 34px 0 0; }
.actu-galerie img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 9px; display: block; }

.actu-pied { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin: 44px 0 60px; padding-top: 26px; border-top: 1px solid #dde4ec; }
.actu-retour, .actu-devis { display: inline-block; padding: 12px 22px; border-radius: 7px; font-weight: 600; text-decoration: none; }
.actu-retour { background: #fff; color: #2c3641; border: 1px solid #dde4ec; }
.actu-retour:hover { border-color: #b9c4d2; }
.actu-devis { background: #d81b1f; color: #fff; }
.actu-devis:hover { background: #b4151a; color: #fff; }

.actus-aussi { background: #fff; padding: 52px 0 10px; border-top: 1px solid #e3e8ef; }
.actus-aussi h2 { margin: 0 0 26px; font-size: 26px; color: #2c3641; }
.actus-aussi .actu-carte { box-shadow: 0 1px 6px rgba(16, 24, 40, .08); }

@media (max-width: 780px) {
    .actus-tete { padding: 40px 0 34px; margin-bottom: 30px; }
    .actus-tete h1 { font-size: 30px; }
    .actu-tete h1 { font-size: 27px; }
    .actu-corps p { font-size: 16px; }
    .actu-pied a { flex: 1 1 100%; text-align: center; }
}