html {
	scroll-behavior: smooth;
  scroll-padding-top: 100px;
}


a span.underline {
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size .3s;
}
a:hover span.underline {
  background-size: 100% 1px;
}
a.actif span.underline {
  background-size: 100% 1px;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}