.producteursLocaux_container{
    display: flex;
    justify-content: center;
    align-items: center;
}

#producteursLocaux{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 1560px;
}

.product_home_div{
	pointer-events: none;
    width: inherit;
    height: inherit;
	overflow: hidden;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: border-box;
	background-clip: content-box;
	animation-name: WelcomeProduct;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	opacity:0;
	animation-timing-function: linear;
}
.product_logo_home_div{
    pointer-events: none;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 50%;
    background-color: #ffffff66;
    height: 170px;
    border-radius: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.product_square{
    width: 377px;
    height: 370px;
    margin: 50px;
    border-radius: 34px;
    border: 16px solid white;
    position: relative;
    background-position: center;
    background-size: cover;
    background-color: red;
    background-repeat: no-repeat;
    background-origin: border-box;
}
.product_logo{
    pointer-events: none;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 50%;
    background-color: #ffffff66;
    height: 170px;
    border-radius: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#ProducteursLocauxNone_body{
	position: relative;
    width: 90vw;
	/*height: calc(90vw / 9 * 15.5);*/
    display: flex;
    background-color: rgba(255,255,255,0.8);
    margin: -33.33% auto;
    top: 33%;
    flex-direction: column;
    align-content: flex-start;
	font-family: Arial Rounded MT;
    font-style: normal;
	font-size: 16px;
	padding-bottom: 10vw;
}
.NoneProductTitle {
	padding: 1% 35% 0 2%;
    
}

.comitment{
	
	background-size: cover;
	color: white;
	height: 300px;
	text-shadow: 0 0 5px black;
	margin: 5% 0;
}

.FullImage{
	height: auto;
	width:100%;
	margin: 0;
	object-fit: cover;
}
.None .SmallImage{
	height: 50%;
	width:auto;
}
.columnReassurance{
	width :100%;
	margin: auto;
    text-align: center;
}

@keyframes WelcomeProduct{
	0% {
		background-size: auto 100%;
		opacity:0;
		
		}
	25% {
		opacity:1;
		z-index: 2
	}
	50% {
		opacity:1;
		z-index: 2;
		background-size: auto 105%;
	}
	75% {
		z-index: 2
	}
	99.9% {
		background-size: auto 110%;
		opacity:1;
		z-index: 1
	}
		100% {
		opacity:0;
	}
	
}