/* ACDD · Ajustements de navigation et de lisibilité · V2.6.3 */

/* Sous-menus desktop : continuité du survol entre le menu et son panneau. */
@media (min-width:781px){
  .nav-dropdown{align-self:stretch}
  .nav-dropdown>button{height:100%;cursor:default}
  .nav-submenu{top:100%;margin-top:0;padding:10px 9px 9px}
  .site-header .nav-submenu a{padding:12px 11px 14px}
  .site-header .nav-submenu a:after{bottom:5px;left:11px;right:calc(100% - 11px)}
  .site-header .nav-submenu a:hover:after,
  .site-header .nav-submenu a:focus-visible:after{right:11px}
}

/* Mot du Directeur général : respiration après la photo et texte justifié. */
.page-dg-message .article-hero{margin-bottom:48px}
.page-dg-message .legal-content p{text-align:justify;text-justify:inter-word;hyphens:auto}

/* Présentation et mission de l’Agence : composition éditoriale justifiée. */
.page-agency .legal-content>p{text-align:justify;text-justify:inter-word;hyphens:auto}

/* Principales attributions : pastilles vertes sur une grille de trois colonnes. */
.page-agency .legal-content .attributions.mission-list{
  columns:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:26px 0 10px;
  padding:0;
}
.page-agency .legal-content .attributions.mission-list li{
  break-inside:avoid;
  list-style:none;
  position:relative;
  margin:0;
  min-height:152px;
  padding:25px 22px 22px 68px;
  border:1px solid var(--line);
  background:#fff;
  font:14px/1.65 Arial,sans-serif;
  text-align:left;
}
.page-agency .legal-content .attributions.mission-list li:before{
  content:"✓";
  position:absolute;
  left:20px;
  top:24px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  font:700 15px/1 Arial,sans-serif;
}

@media(max-width:1000px){
  .page-agency .legal-content .attributions.mission-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .page-dg-message .article-hero{margin-bottom:34px}
  .page-agency .legal-content .attributions.mission-list{grid-template-columns:1fr}
  .page-agency .legal-content .attributions.mission-list li{min-height:0}
}