/* epn.css, la page institutionnelle. */
.bloc-texte {
  display: grid; grid-template-columns: 250px minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 4rem); align-items: start;
}
.bloc-texte + .bloc-texte { margin-top: var(--e6); padding-top: var(--e6); border-top: 1px solid var(--ligne); }
@media (max-width: 860px) { .bloc-texte { grid-template-columns: 1fr; gap: var(--e2); } }
.bloc-texte h2 { position: sticky; top: 118px; margin: 0; font-size: var(--t-h2); }
@media (max-width: 860px) { .bloc-texte h2 { position: static; } }
.bloc-texte .corps p { font-size: 1.18rem; line-height: 1.7; color: var(--encre-douce); }
.bloc-texte .corps p:first-child { color: var(--encre); }

.grille-valeurs { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--e4); }
@media (max-width: 940px) { .grille-valeurs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .grille-valeurs { grid-template-columns: 1fr; } }
.valeur {
  background: var(--blanc); border: 1px solid var(--ligne);
  border-radius: var(--r-grand); border-top: 4px solid var(--bleu);
  padding: var(--e4) var(--e3);
}
.valeur:nth-child(2) { border-top-color: var(--jaune); }
.valeur:nth-child(3) { border-top-color: var(--bleu); }
.valeur:nth-child(4) { border-top-color: var(--bleu-vif); }
.valeur h3 { margin-bottom: .4rem; }
.valeur p { font-size: var(--t-petit); color: var(--encre-douce); margin: 0; }

.liste-projets { list-style: none; margin: var(--e3) 0 0; padding: 0; }
.liste-projets li {
  display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: var(--e2);
  padding: 1.15rem 0; border-bottom: 1px solid var(--ligne);
}
.liste-projets li:first-child { border-top: 1px solid var(--ligne); }
.liste-projets svg {
  width: 26px; height: 26px; padding: 4px; border-radius: 50%;
  background: var(--jaune); color: var(--encre); margin-top: 3px;
}
.liste-projets strong { display: block; margin-bottom: .15rem; }
.liste-projets span { font-size: var(--t-petit); color: var(--encre-douce); }