#eco-bannieres-container{
	opacity:0;
	pointer-events:none;
	-webkit-transition: all 1s linear;
	transition: all 1s linear;
}

#eco-bannieres-container.affichage{
	opacity:1;
	pointer-events:auto;
}

.btn-banner-eco:hover .btn-fill{
	transform: translateY(var(--motion-translateY));
	--motion-translateY: 100%;
}

.btn-banner-eco:hover .btn-fill{
	transform: translateY(var(--motion-translateY));
	--motion-translateY: -50%;
}

#eco-bannieres-container .image-with-text.with-background {
	color: rgb(var(--color-foreground));
	border-radius: var(--rounded-block);
}

.bannieres-eco-sinope .media>img.le-background {
	object-position: 50% center !important;
	left: unset;
	max-width: unset;
	width: auto;
}

.bannieres-eco-sinope .media>img.le-logo {
	object-fit: fill;
}

.bannieres-eco-sinope {
	display: flex;
	flex-direction: column;
	row-gap: 6.5rem;
}

.bannieres-eco-sinope .banner__content .contenu-texte .button .btn-text{
	color:#000;
}

@media (max-width:600px){

	#eco-bannieres-container.affichage{
		margin-top:3rem;
	}
	
	.bannieres-eco-sinope .media>img.le-background {
		object-position: 50% center !important;
		left: unset;
		max-width: unset;
		width: auto;
	}
}