:root{
    --slider-margin : 16px;
    --slider-margin-mobile : 8px;
}

#slider-actu{
	overflow: hidden;
	position: relative;
	height: 400px;
    width: 100%;
	margin: var(--slider-margin) 0;
}
#slider-bandeau{
	overflow: hidden;
	position: relative;
	height: 500px;
    width: 100%;
	margin: 0;
}
.slider-content{
    width: 200%;
    position: absolute;
    left: 0;
    transition: all .6s;
    justify-content: flex-start;
    height: 100%;
    padding: 16px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}
#index-bandeau-blocs{
	padding:0;
}

.slider-video video {
height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
}
	.slides-3 .slider-content{
		width: 300% !important;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0;
	}
	.slides-6 .slider-content,
	.slides-8 .slider-content{
		width: 200% !important;
	}
	.slides-9 .slider-content,
	.slides-12 .slider-content{
		width: 300% !important;
	}

.slider-content .slider-element{
	margin: 0 var(--slider-margin);
	max-width: unset;
	height: 100%;
	width: unset;
}
	.slides-3 .slider-content .slider-element{
		width: calc( 100% / 3);
		margin: 0;
		/*aspect-ratio: 10/13;*/
	}
	.slides-6 .slider-content .slider-element{
		/*width: calc(33.667% - var(--slider-margin));*/
	}

	.slides-8 .slider-content .slider-element{
		width: calc( 100% / 8 - ( var(--slider-margin) * 2) );
		/*aspect-ratio: 10/13;*/
	}
	.slides-9 .slider-content .slider-element{
		/*width: calc(12% - var(--slider-margin));*/
	}

.slider-bt-right{
	text-align: right;
}
	.slider-bt{
		font-size: 300%;
		color: var(--col-grey-c);
		width: 3%;
	}
	#bandeau-slider .slider-bt{
		font-size: 250%;
		color: white;
		z-index: 100;
		text-shadow: rgb(137, 137, 137) 0 0 10px;
	}
	#bandeau-slider .slider-content .slider-element {
		margin: 0;
		width: 100vw;
		background-color: #ddd;
	}
	.slider-bt:hover{
		color: var(--col-grey);
		cursor: pointer;
	}
	.slider-bt-off{
		opacity: 0;
		pointer-events: none;
	}

.modif_bandeaux .slider-bt{
	display: none;
}

@media screen and (max-width: 1079px) {
	.slides-6 .slider-content, .slides-8 .slider-content {
		width: 630% !important;
	}
	#index-actus-all .slides-8 .slider-content .round-bloc {
        width: calc(100% - (var(--slider-margin-mobile) * 2));

    }
}