
.swiper-button-prev,
.swiper-button-next {
	display: none;
}

.swiper-button-prev[aria-label]:not([aria-label='']),
.swiper-button-next[aria-label]:not([aria-label='']) {
	display: flex;
}

:root {
    --swiper-theme-color: #095797;
	--swiper-pagination-bullet-size: 1rem;
	--swiper-pagination-bullet-horizontal-gap: 0.5rem;
	--swiper-pagination-bullet-vertical-gap: 0.5rem;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-inactive-opacity: .2;
}

.gSwiper {
	position: relative;
	width: 100%;
}

.swiper-slide {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.gSwiper-Contenu {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

.gSwiper-Media {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	aspect-ratio: 2/1;
}

.gSwiper-Titre {
	font-size: 2rem;
}

.gSwiper-Description {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.gSwiper-Media img {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}

.gSwiper-VoirPlus {
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	padding: 0.5rem 0;
	font-weight: bold;
	cursor: pointer;
}

.gSwiper-Date {
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-weight: bold;
}

/*********************************************************************************************************** Texte ***/

.gSwiper-Texte {
	height: 40vh;
}

.gSwiper-Texte .gSwiper-VoirPlus {
	left: auto;
	right: 2rem;
}

/****************************************************************************************************** Miniatures ***/

.gSwiper-Miniatures {
	width: 100%;
	height: 60vh;
}

.gSwiper-Miniatures .mySwiper-Liste,
.gSwiper-Miniatures .mySwiper {
	width: 100%;
}

.gSwiper-Miniatures .mySwiper {
	height: 80%;
}

.gSwiper-Miniatures .mySwiper .gSwiper-Media {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.gSwiper-Miniatures .mySwiper .gSwiper-Media img {
	height: 100%;
	width: auto;
}

.gSwiper-Miniatures .mySwiper-Liste {
	height: 20%;
	box-sizing: border-box;
}

.gSwiper-Miniatures .mySwiper-Liste .swiper-slide {
	width: 25%;
	height: 100%;
	cursor: pointer;
	opacity: 0.6;
}


.gSwiper-Miniatures .mySwiper-Liste .swiper-slide-thumb-active {
	opacity: 1;
}

.gSwiper-Miniatures .gSwiper-Description {
	position: absolute;
	bottom: 0;
	height: 10%;
	width: 96%;
	color: #ffffff;
	background-color: #00000060;
}

/*********************************************************************************************************************/
/****************************************************************************************************** media 1024 ***/
/*********************************************************************************************************************/

@media (max-width: 1024px) {
    
}

/*********************************************************************************************************************/
/******************************************************************************************************* media 640 ***/
/*********************************************************************************************************************/

@media (max-width: 640px) {
	.gSwiper-Standard .swiper-slide {
		flex-direction: column;
		height: auto;
	}

	.gSwiper-Media {
		width: 100%;
	}

	.gSwiper-Media img {
		width: 100%;
		height: auto;
	}

	.gSwiper-Miniatures .mySwiper .gSwiper-Media img {
		height: 100%;
		width: auto;
	}
}