/* sections.css — styles du défilement plein écran section par section (js/sections.js), propres à amltd.net.
   Reprennent à l'identique le rendu qu'avait le site avec fullPage.js ; les surcharges du site (couleur et position
   des points de navigation…) restent dans amws.css et v2.css, chargées après ce fichier. */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* Sections : hauteur de l'écran, contenu centré verticalement */
.fp-section { position: relative; box-sizing: border-box; height: 100%; display: block; }
.fp-table { display: flex; flex-direction: column; justify-content: center; width: 100%; }

/* Contenu d'une section : défile à l'intérieur s'il est plus haut que l'écran */
.fp-overflow { justify-content: flex-start; max-height: 100vh; outline: 0; }
.fp-overflow.fp-table { display: block; }
.fp-is-overflow > .fp-overflow { overflow-y: auto; }
.fp-scroll-mac .fp-overflow::-webkit-scrollbar { background-color: transparent; width: 9px; }
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { background-color: transparent; }
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .4); border-radius: 16px; border: 4px solid transparent; }

/* Texte réservé aux lecteurs d'écran */
.fp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Points de navigation à droite */
#fp-nav { position: fixed; z-index: 100; top: 50%; opacity: 1; transform: translate3d(0, -50%, 0); }
#fp-nav.fp-right { right: 17px; }
#fp-nav ul { margin: 0; padding: 0; }
#fp-nav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
#fp-nav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; transition: all .1s ease-in-out; }
#fp-nav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0 0 -5px; }
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; }