/* F2IN Accueil 2.18.0 (2.19.0 : vues) : actualités (page Actualités + page d'un article) */
.f2in-actus2, .f2in-art { --vert: #005c45; --vert-f: #00402f; --vert-50: #eef6f2; --or: #f6b91e; --orange: #ea5323; --texte: #1a1a2e; --gris: #545a6b; --ligne: #e3ebe7; font-family: Lato, system-ui, sans-serif; color: var(--texte); }

/* ---- Cartes ---- */
.f2in-actus2 { display: grid; gap: 32px; inline-size: 100%; }
.f2in-actus2__grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 24px; }
.f2in-actu2 { position: relative; display: flex; flex-direction: column; min-inline-size: 0; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 14px 40px -24px rgba(0, 64, 47, .45); transition: transform .25s, box-shadow .25s; }
.f2in-actu2:hover, .f2in-actu2:focus-within { transform: translateY(-3px); box-shadow: 0 22px 48px -24px rgba(0, 64, 47, .55); }
.f2in-actu2__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--vert-f); }
.f2in-actu2__media img { display: block; inline-size: 100%; block-size: 100%; max-inline-size: none; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.f2in-actus2 .f2in-actu2__media img, .f2in-art .f2in-actu2__media img { block-size: 100%; }
.f2in-actu2:hover .f2in-actu2__media img { transform: scale(1.04); }
.f2in-actu2__vide { display: block; inline-size: 100%; block-size: 100%; background: linear-gradient(160deg, #005c45, #00402f); position: relative; }
.f2in-actu2__vide::after { content: ""; position: absolute; inset: 22%; background: var(--f2in-actu-ico, none) center / contain no-repeat; opacity: .18; }
.f2in-actu2__corps { display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 22px 24px 24px; }
.f2in-actu2__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; font: 700 12px/1.2 Montserrat, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--vert); }
.f2in-actu2__une { padding: 5px 10px; border-radius: 999px; background: var(--or); color: var(--vert-f); letter-spacing: .08em; }
.f2in-actus2 .f2in-actu2__titre, .f2in-art .f2in-actu2__titre { margin: 0; font: 700 19px/1.3 Montserrat, sans-serif; letter-spacing: -.01em; text-wrap: balance; }
.f2in-actu2__titre a { color: var(--vert-f); text-decoration: none; }
.f2in-actu2__titre a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.f2in-actu2__titre a:focus-visible { outline: none; }
.f2in-actu2:focus-within { outline: 3px solid var(--orange); outline-offset: 3px; }
.f2in-actu2__resume { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--gris); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.f2in-actu2__lire { display: inline-flex; align-items: center; gap: 8px; margin-block-start: auto; padding-block-start: 6px; font: 700 14px/1.2 Montserrat, sans-serif; color: var(--vert); }
.f2in-actu2:hover .f2in-actu2__lire { color: var(--orange); }

/* Article à la une */
.f2in-actu2--une { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.f2in-actu2--une .f2in-actu2__media { aspect-ratio: auto; min-block-size: 360px; }
.f2in-actu2--une .f2in-actu2__corps { justify-content: center; gap: 14px; padding: clamp(28px, 3.4vw, 48px); }
.f2in-actus2 .f2in-actu2--une .f2in-actu2__titre { font-size: clamp(22px, 2.3vw, 30px); line-height: 1.2; font-weight: 800; }
.f2in-actu2--une .f2in-actu2__resume { font-size: 16.5px; -webkit-line-clamp: 6; }
.f2in-actu2--une:hover { transform: none; }

/* Pagination, état vide */
.f2in-actus2__pages { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 24px; font: 700 15px/1.2 Montserrat, sans-serif; color: var(--gris); }
.f2in-actus2__pages a { padding: 12px 20px; border-radius: 999px; border: 2px solid var(--vert); color: var(--vert); text-decoration: none; }
.f2in-actus2__pages a:hover, .f2in-actus2__pages a:focus-visible { background: var(--vert); color: #fff; }
.f2in-actus2--vide { justify-items: center; gap: 12px; padding: 56px 24px; text-align: center; background: #fff; border-radius: 16px; }
.f2in-actus2--vide p { margin: 0; max-inline-size: 60ch; color: var(--gris); }
.f2in-actus2 .f2in-actus2__vide-t { font: 700 20px/1.35 Montserrat, sans-serif; color: var(--vert-f); }
.f2in-actus2 a.f2in-actus2__btn { display: inline-flex; margin-block-start: 8px; padding: 14px 24px; border-radius: 999px; background: var(--or); color: var(--vert-f); font: 700 15px/1.2 Montserrat, sans-serif; text-decoration: none; }

/* ---- Page d'un article ---- */
.f2in-art { display: block; background: #fff; }
.f2in-art__in { inline-size: min(100% - 32px, 820px); margin-inline: auto; }
.f2in-art__in--large { inline-size: min(100% - 32px, 1200px); }
.f2in-art__tete { position: relative; padding-block: clamp(40px, 6vw, 80px) clamp(96px, 12vw, 160px); background: linear-gradient(160deg, #005c45 0%, #00402f 100%); color: #fff; }
.f2in-art__tete::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 5px; background: linear-gradient(90deg, #00993c 0 16.6%, #ea5323 0 33.3%, #f6b91e 0 50%, #da392f 0 66.6%, #3169b1 0 83.3%, #00993c 0); }
.f2in-art__fil { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 22px; font-size: 14px; color: rgba(255, 255, 255, .7); }
.f2in-art .f2in-art__fil a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.f2in-art .f2in-art__fil a:hover { color: var(--or); text-decoration: underline; }
.f2in-art__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 16px; font: 700 13px/1.2 Montserrat, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.f2in-art__cat { padding: 6px 12px; border-radius: 999px; background: var(--or); color: var(--vert-f); }
.f2in-art .f2in-art__titre { margin: 0; font: 800 clamp(28px, 4vw, 48px)/1.12 Montserrat, sans-serif; letter-spacing: -.025em; color: #fff; text-wrap: balance; }
.f2in-art__une { inline-size: min(100% - 32px, 1100px); margin: calc(-1 * clamp(64px, 9vw, 120px)) auto 0; position: relative; }
.f2in-art__une img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; box-shadow: 0 30px 60px -30px rgba(0, 41, 30, .6); }
.f2in-art figcaption { margin-block-start: 10px; font-size: 14px; line-height: 1.5; color: var(--gris); }
.f2in-art__corps { inline-size: min(100% - 32px, 720px); margin: clamp(36px, 5vw, 56px) auto 0; padding-block-end: clamp(48px, 6vw, 80px); }
.f2in-art__corps--sans-une { margin-block-start: clamp(-80px, -6vw, -48px); position: relative; padding: 36px clamp(20px, 4vw, 48px) 56px; background: #fff; border-radius: 18px; inline-size: min(100% - 32px, 816px); }
.f2in-art__contenu { font-size: 18px; line-height: 1.75; color: #2a2f3d; }
.f2in-art__contenu > * { margin-block: 0 1.2em; }
.f2in-art__contenu > p:first-child { font: 700 clamp(19px, 1.8vw, 22px)/1.55 Montserrat, sans-serif; color: var(--vert-f); padding-inline-start: 20px; border-inline-start: 4px solid var(--or); }
.f2in-art__contenu h2 { margin-block: 1.6em .6em; font: 800 26px/1.25 Montserrat, sans-serif; color: var(--vert); }
.f2in-art__contenu h3 { margin-block: 1.4em .5em; font: 700 20px/1.3 Montserrat, sans-serif; color: var(--vert-f); }
.f2in-art__contenu a { color: var(--vert); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.f2in-art__contenu blockquote { margin-inline: 0; padding: 4px 0 4px 22px; border-inline-start: 4px solid var(--orange); font-style: italic; color: var(--vert-f); }
.f2in-art__contenu figure { margin-block: 2em; margin-inline: 0; }
.f2in-art__contenu figure img { display: block; inline-size: 100%; block-size: auto; border-radius: 14px; }
.f2in-art__contenu .gallery-icon.portrait img { inline-size: auto; max-inline-size: 100%; max-block-size: min(80vh, 640px); margin-inline: auto; }
.f2in-art__contenu .wp-block-gallery { gap: 12px; }
.f2in-art__contenu .wp-block-gallery img { border-radius: 10px; }
.f2in-art__partage { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-block-start: 40px; padding-block: 20px; border-block: 1px solid var(--ligne); }
.f2in-art__partage > span:first-child { font: 700 13px/1 Montserrat, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--gris); }
.f2in-art__partage ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.f2in-art__partage a, .f2in-art .f2in-art__copier { display: grid; place-items: center; inline-size: 42px; block-size: 42px; padding: 0; border: 1px solid var(--ligne); border-radius: 50%; background: #fff; color: var(--vert); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.f2in-art__partage a:hover, .f2in-art__partage a:focus-visible, .f2in-art .f2in-art__copier:hover, .f2in-art .f2in-art__copier:focus-visible { background: var(--vert); border-color: var(--vert); color: #fff; }
.f2in-art__copie { font-size: 14px; font-weight: 700; color: var(--vert); }
.f2in-art__retour { margin: 28px 0 0; }
.f2in-art__retour a { font: 700 15px/1.2 Montserrat, sans-serif; color: var(--vert); text-decoration: none; }
.f2in-art__retour a:hover { color: var(--orange); }
.f2in-art__autres { padding-block: clamp(48px, 6vw, 80px); background: #f4f7f5; }
.f2in-art .f2in-art__autres h2 { margin: 0 0 28px; font: 800 clamp(24px, 2.6vw, 32px)/1.2 Montserrat, sans-serif; color: var(--vert-f); }

/* 2.19.0 : compteur de vues */
.f2in-vues { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.f2in-vues[hidden] { display: none; }
.f2in-vues svg { flex: none; }
.f2in-vues--carte { margin-inline-start: auto; color: var(--gris); }
.f2in-art__meta .f2in-vues { color: rgba(255, 255, 255, .85); }
@media (max-width: 480px) {
	.f2in-actu2__meta { flex-wrap: nowrap; gap: 8px 10px; }
	.f2in-actu2__meta > * { white-space: nowrap; }
	.f2in-vues--carte .f2in-vues__mot { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

@media (max-width: 900px) {
	.f2in-actu2--une { grid-template-columns: minmax(0, 1fr); }
	.f2in-actu2--une .f2in-actu2__media { aspect-ratio: 16 / 9; min-block-size: 0; }
}
@media (max-width: 600px) {
	.f2in-art__contenu { font-size: 17px; }
	.f2in-art__une img { border-radius: 12px; }
	.f2in-actu2__corps { padding: 20px; }
}
@media (max-width: 400px) {
	.f2in-actu2__meta { font-size: 11px; letter-spacing: .05em; }
}
@media (prefers-reduced-motion: reduce) {
	.f2in-actu2, .f2in-actu2__media img { transition: none; }
	.f2in-actu2:hover, .f2in-actu2:hover .f2in-actu2__media img { transform: none; }
}