/* Shared French motion and button states. */
html .button,html .hero .button,html .dark .button{background:#0f1419;color:#fff;border-color:#0f1419;transition:background-color .25s ease,color .25s ease,transform .25s ease}
html .button:hover,html .button:focus-visible,html .hero .button:hover,html .hero .button:focus-visible,html .dark .button:hover,html .dark .button:focus-visible{background:#fff;color:#0f1419;border-color:#0f1419}
html .button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@-webkit-keyframes fr-enter{from{opacity:.15;-webkit-transform:translateY(24px)}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes fr-enter{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.fr-motion .hero h1,.fr-motion .page-head h1,.fr-motion .article-head h1{animation:fr-enter 1s ease-out .1s both}
.fr-motion .hero .lead,.fr-motion .page-head .lead,.fr-motion .article-head .article-meta{animation:fr-enter 1s ease-out .25s both}
.fr-motion .hero .actions,.fr-motion .page-head .actions{animation:fr-enter 1s ease-out .4s both}
.fr-enter-section{animation:fr-enter .8s ease-out both}
@media(hover:hover){html .button:hover{transform:translateY(-2px)}}
}
@media(prefers-reduced-motion:reduce){.fr-motion h1,.fr-enter-section{animation:none!important;transform:none!important}html .button{transition:none}}

@media(prefers-reduced-motion:no-preference){.fr-motion .contact-page .contact-channels,.fr-motion .contact-page .contact-motif{animation:fr-enter 1s ease-out .4s both}}