/* ============================================================
   BLOC ACTUALITES (#ft-actualites)
   Utilise par : includes/actualites.php
   ============================================================ */

#ft-actualites { max-width: 1140px; margin: 40px auto; padding: 0 20px; font-family: inherit; }
#ft-actualites .ft-actu-titre { text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; margin-bottom: 8px; }
#ft-actualites .ft-actu-separateur { border: none; border-top: 2px solid #e0e0e0; width: 60px; margin: 0 auto 30px; }
#ft-actualites .ft-actu-liste { display: flex; flex-direction: column; gap: 24px; }
#ft-actualites .ft-actu-ligne { display: flex; gap: 24px; align-items: stretch; background: #fff; border: 1px solid #eee; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
#ft-actualites .ft-actu-image { position: relative; flex: 0 0 314px; width: 314px; height: 200px; align-self: center !important; margin-top: auto; margin-bottom: auto; float: none !important; display: block; }
#ft-actualites .ft-actu-maj { position: absolute; right: 10px; bottom: 10px; background: rgba(20,38,76,0.82); color: #fff; font-size: 11px; font-weight: 600; padding: 5px 10px; border-radius: 4px; z-index: 2; }
#ft-actualites .ft-actu-image img { width: 314px !important; height: 200px !important; max-width: none !important; min-height: 0; object-fit: cover !important; display: block; }
#ft-actualites .ft-actu-contenu { flex: 1 1 auto; padding: 22px 26px 22px 4px; display: flex; flex-direction: column; justify-content: center; text-align: left; }
#ft-actualites .ft-actu-rubrique { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #0b5ed7; margin-bottom: 8px; text-align: left; }
#ft-actualites .ft-actu-contenu h3 { color: #1a1a1a; font-size: 19px; margin: 0 0 12px; line-height: 1.35; text-align: left; }
#ft-actualites .ft-actu-contenu p { font-size: 14px; line-height: 1.6; color: #444; margin: 0 0 12px; text-align: left; }
#ft-actualites .ft-actu-contenu p a { color: #0b5ed7; font-weight: 600; text-decoration: underline; }
#ft-actualites .ft-actu-contenu p a:hover { color: #0947a8; }
#ft-actualites .ft-actu-date { font-size: 12px; color: #999; font-style: italic; margin: 12px 0 0; text-align: left; }

@media (max-width: 700px) {
	#ft-actualites .ft-actu-ligne { flex-direction: column; }
	#ft-actualites .ft-actu-image { flex: 0 0 auto; }
	#ft-actualites .ft-actu-image img { min-height: 200px; }
	#ft-actualites .ft-actu-contenu { padding: 18px 20px; }
}