slider{ display:flex; flex: none; align-items: stretch; overflow: hidden; position: relative; }
slider slidein{ display:flex; flex: none; align-items: stretch; width: 100%; z-index: 1; }
slider slidect{ display:flex; flex: none; align-items: stretch; }
slider slide{ display:inline-flex; flex: none; }

slider nav.fleches{ display: flex; flex: none; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0.66em; position: absolute; top: 0; z-index: 2;  }
slider nav.fleches a{ text-decoration: none; display:flex; flex: none; align-items: center; justify-content: center; color: var(--main-color); z-index: 10; width: 3em; aspect-ratio: 1/1; background: #777; }
slider nav.fleches a.prevbt{  margin-right: -5%; }
slider nav.fleches a.nextbt{  margin-left: -5%; }
slider nav.fleches a span{ display: inline-flex; flex: none; align-items: center; justify-content: center; width: 2em; aspect-ratio: 1/1; background-color: var(--zone-back); border-radius: 100%; }

slider nav.onglets{ display: flex; flex: none; align-items: stretch; width: 100%; padding: 0.5em 0; font-size: 0.5vw; position: absolute; bottom: 0; z-index: 2; }
slider nav.onglets.center{ justify-content: center; }
slider nav.onglets.cell a{ 
	display: inline-flex; flex: none; justify-content: center; align-items: center; width: 1.5em; aspect-ratio: 1/1; margin: 0.5em;
	text-decoration: none; border: 2px solid var(--slider-onglets-border); border-radius: 100%;
}