/* CUSTOM CSS*/
#diaporama, #carouselExampleSlidesOnly {
	position:absolute;
	height:100%;
	width:100%;
	z-index:-1;
	top:0;
	left:0;
	}
#carouselExampleSlidesOnly figure	{
	height:100vh;
	width:100wh;
	margin:0;
	}
#carouselExampleSlidesOnly figure img {
	height:100%;
	object-fit:cover;
	}
#boutons {
	z-index:1;
	display: flex;
	justify-content: center;
	flex-direction: row;
}

#boutons .d-flex {
	height: 100vh;
}


#boutons img {
	transition:transform 0.2s ease-in;
	max-width: 160px;	
	margin: auto;
}

#boutons #tdh img {
	transition:transform 0.2s ease-in;
	max-width: 260px;	
	margin: auto;
}

#boutons a:hover img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	 
}


#shipping, #logistics {
margin:0 0;
}


@media screen and (max-width: 575px) {
	#shipping, #logistics {
	margin:2vh 0;
	}
}



#overlay {
	transition:all 0.3s ease-in;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100vh;
  background-color: #00122533;
  background-image: linear-gradient(45deg, #00122566 25%, transparent 25%, transparent 75%, #00122566 75%), linear-gradient(45deg, #00122566 25%, transparent 25%, transparent 75%, #00122566 75%);
	  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
    opacity:0;
}

#overlay.survol {
  opacity:1;
  }