.custom-carousel {
	position: relative;
	max-height: 650px;
	width: 100%;
}

.carousel-inner {
	display: flex;
	width: 100%;
//margin-bottom: 3.5rem;
}

/* Correction pour que les images prennent bien la taille du conteneur */
.carousel-slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* Évite les problèmes d'affichage */
.slick-slide {
	outline: none;
}

/* Boutons de navigation */
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 10;
}

.slick-prev { left: 10px; }
.slick-next { right: 10px; }

/* Bullets */
.slick-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: -2.5rem;
	right: -2.5rem;
	justify-content: space-between;
}

.carousel-next, .carousel-prev {
	background: none;
	border: none;
	cursor: pointer;
}

.carousel-next i, .carousel-prev i  {
	align-items: center;
	border: none;
	background: #d8f43b;
	color: #023866;
	display: flex;
	font-size: 2.4rem;
	font-weight: bold;
	height: 3.6rem;
	justify-content: center;
	width: 3.6rem;
}

.carousel-next i:hover, .carousel-prev i:hover {
	background: #023866;
	color: #FFF;
}

.carousel-prev {

}

.carousel-next {

}

.custom-gallery a:hover {
	opacity: .8;
}

.custom-gallery a + p {
	font-size: 1.2rem;
}