.slick-next, .slick-prev{
	background-color: white !important;
	opacity: 50%;
	transform: matrix(1, 0, 0, 1, 30, -35);
	z-index:99;
	width: 60px !important;
	height: 60px !important;
	border-radius: 35px;
}

.slick-prev{
	/*height: 80px !important;
	left: -50px !important;*/
	left: 20px !important;
}
.slick-next{
	/*height: 80px !important;*/
	right: 20px !important;
}
.slick-prev:before, .slick-next:before {
	font-family: 'Roboto' !important;
	font-size: 30px !important;
	/*color: var(--primary-color) !important;*/
	color: black !important;
	/*font-weight: 900;*/
	opacity: unset !important;
}
.slick-prev:before{
	content: '<' !important;
}
.slick-next:before{
	content: '>' !important;
}
.slick-carousel{
	max-width: 100%;
	/*max-width: 90%;*/
	margin-right: auto;
	margin-left: auto;
}
.slick-slide{
	padding: 7px;
}
.slick-slide img{
	max-width: 100%;
	height: auto;
	max-height: 400px;
}
.slick__slide-cta {
	position: relative;
	float: left;
	bottom: 3.8rem;
	margin-bottom: -2rem;
	margin-left: 0.5rem;
}
.nbProducts{
	color: var(--collection-color);
}
/*** commun pour la modal ***/
.modal{
	width: 95% !important;
	max-height: 85% !important;
	background-color: #FFFFFF;
	overflow: hidden;
}
.modal .modal-content {
	padding: 0;
}
.modal-layer{
	flex-wrap: wrap;
	/*min-height: 95vh;*/
	overflow: hidden;
}
.modal h3{
	font-size: 1.5rem;
}
.modal h4{
	font-size: 1.25rem;
}
.modal .div-image {
	max-width: 50%;
	background-color: var(--collection-color);
}
.modal .div-image .main-image {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	width: 54%;
	/*justify-content: center!important;*/
}
.modal .div-image img{
	padding: 0;
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}

/*.modal img.responsive-img{
	max-height: 50vh;
}*/
.modal .div-products{
	position: relative;
	float: none;
	overflow: scroll;
	height: 100%;
	min-height: 50vh;
}

.modal-trigger{
	background-color: #3C3C3B;
	padding-right: 0;
}
.modal-trigger span{
	display: none;
	padding-right: 1rem;
}
.carousel-item:hover .modal-trigger {
	background-color: #3C3C3B;
}
.carousel-item:hover span {
	display: inline-block;
	transition: .25s ease;
}


.modal .modal-footer{
	position: absolute;
	top: 10px;
	width: fit-content;
	right: 10px;
	background-color: transparent;
}
/*#carousel-collection .waves-effect{
	margin-left: auto;
	margin-right: auto;
}*/


.produits{
	list-style: none none;
	gap: 10px;
	padding-inline-start: 10px;
}
.item{
	position: relative;
	min-height: 400px !important;
}
.item h2{
	min-height: 3rem;
}
.item-description{
	position: relatve;
	min-height: 8rem;
}
.item .favorites{
	position: absolute;
	top: 0;
	right: 0.75rem;	/*same value as ".row .col" padding */
}

.prd_imageProduit img{
	background-color: white;
}
.ajoutpanier{
	position: absolute;
	bottom: 0.5rem;
	width: 90%;
	/*left: 0;*/
	left: 40%;
	transform: translateX(-40%);
}
.zone{
	/*border: 1px white solid;*/
	position: absolute;
	z-index: 100;
	width: 1px;
	height: 1px;
	margin: 0px;
	text-align: center;
}

.blanc{
	color: white !important;
}
.noir{
	color: black !important;
}

.surbrillance{
	/*background-color:  #c2c2c2 !important;*/
	border: 2px var(--collection-color) solid !important;
}
/*.surbrillance .btn{
	background-color: var(--primary-color) !important;
}*/


.image-clignote  {
   animation-duration: 1.4s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
   
   
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
/*** mobile ***/
@media (max-width:549px){
	.slick__slide-cta {
		margin-left: 14rem;
	}
}
@media (min-width: 550px) and (max-width:778px){
	.slick__slide-cta {
		margin-left: 6rem;
	}
}
@media only screen and (max-width:768px){
	#carousel-collection .waves-effect{
		display: block;
	}
	#carousel-collection {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.slick-prev, .slick-next {
		height: 60px;
	}
	.slick-next:before, .slick-prev:before{
		font-size: 60px !important;
	}
	.row-3>.col {
		-ms-flex: 0 0 90%;
		flex: 0 0 90%;
		max-width: 90%;
	}
	.carousel-item span {
		display: inline-block;
	}
	/*.modal-layer{
		min-height: 160vh;
	}*/
	.modal .div-image {
		padding: 1.875rem 0;
		max-width: none;
	}
	.modal .div-image .main-image {
		top: 1%;
		transform: translateY(1%);
		width: 100%;
		justify-content: center!important;
	}
	.modal .div-image .main-image img{
		max-width: 90vw;
		max-height: 50vw;
		/*width: 50%;*/
	}
}
@media (min-width: 768px) and (max-width: 992px){
	/*.modal-layer{
		min-height: 160vh;
	}*/
	.modal .div-image {
		padding: 1.875rem 0;
		max-width: none;
	}
	.modal .div-image .main-image {
		top: 1%;
		transform: translateY(1%);
		width: 100%;
		justify-content: center!important;
	}
	.modal .div-image .main-image img{
		max-width: 90vw;
		max-height: 40vw;
		/*width: 50%;*/
	}
	.produits{
		height: 100vh;
	}
}

@media (min-width: 768px) and (max-width: 1499px){
	.row-3>.col {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	.carousel-item span {
		display: inline-block;
	}

}
@media (min-width: 1500px){
	.row-3>.col {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
}