#militants{
	.cont-carroussel{
		position: relative;
	}
	.carroussel-militant{
		display: flex;
		flex-direction: row;
		align-items: start;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 10px;
		gap: 20px;
		figure{
			margin: 0;
			img{
				width: 200px;
				max-width: 90vw;
				object-fit: cover !important;
				aspect-ratio: 1;
				object-fit: fill;
			}
			figcaption{
				text-align: center;
				font-variation-settings: "slnt" -7, "wdth" 80, "wght" 400;
				font-size: 1.1em;
			}
		}
	}
	button{
		position: absolute;
		top: calc(250px / 2 - 20px);
		background-color: var(--violet);
		border: var(--violet) 1px solid;
		border-radius:20px;
		padding: 10px;
		transition: all 0.3s ease;
		img{
			filter: brightness(100);
			width: 20px;
			display: block;
		}
		&[title="Suivant"]{
			right: -20px;
		}
		&[title="Précédent"]{
			left: -20px;
		}
		&:hover{
			background-color: var(--blanc);
			img{
				filter: none;
			}
		}
	}
}