@charset "UTF-8";
/* CSS Document */


.carrousel .solo .slick-slide {
   opacity: 0;
   transition: opacity .5s ease-in-out;
}

.carrousel .solo .slick-slide.slick-cloned {
	opacity: 1;
}

.carrousel .solo div.slick-current {
   opacity: 1;
}

.carrousel .solo div.slick-active {
   opacity: 1;
}


/* Boutons de defilement ***********************************************/

.carrousel .slick-arrow {
	display: block;
	position: absolute;
	background-color:  rgba(0, 0, 0, 0.15);
	border: 1px solid #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	cursor: pointer;
	text-align: center;
	z-index: 20;
	transition: background-color 0.2s ease-out;
}

.carrousel .slick-arrow:hover {
	background-color:  rgba(0, 0, 0, 0.4);
}

.carrousel .slick-arrow .picto {
	color: #fff;
	text-align: center;
}

.carrousel .slick-arrow .libelle {
	display: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	.carrousel .slick-arrow {
		top: calc(50% - 14px);
		width: 28px;
		height: 28px;
	}
	
	.carrousel .slick-prev {
		left: 10px;
	}
	
	.carrousel .slick-next {
		right: 10px;
	}

	.carrousel .slick-arrow .picto {
		font-size: 1.8em;
		line-height: 26px;
	}
	
	#carousselExcluClient.carrousel .slick-prev {
		left: -40px;
	}
	
	#carousselExcluClient.carrousel .slick-next {
		right: -40px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.carrousel .slick-arrow {
		top: calc(50% - 24px);
		width: 48px;
		height: 48px;
	}

	.carrousel .slick-arrow .picto {
		width: 48px;
		color: #fff;
		font-size: 3.4em;
		line-height: 46px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	.carrousel .slick-prev {
		left: 20px;
	}
	
	.carrousel .slick-next {
		right: 20px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	.carrousel .slick-prev {
		left: 50%;
		margin-left: -590px;
	}
	
	.carrousel .slick-next {
		right: 50%;
		margin-right: -590px;
	}

}


/* Reperes des slides (raccourcis d'acces) *****************************/

.carrousel .slick-dots {
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 30;
}

.carrousel .slick-dots li {
	display: inline-block;
	width: 20px;
	color: #9d9d9d;
	cursor: pointer;
}

.carrousel .slick-dots li.slick-active {
	cursor: default;
}

.carrousel .slick-dots li button {
	display: block;
	background-color: rgba(0,0,0,0.15);
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	transition: background-color 0.2s ease-out;
	text-indent:-5000px;
}

.carrousel .slick-dots li:hover button {
	background-color: rgba(0,0,0,0.4);
}

.carrousel .slick-dots li.slick-active button {
	background-color: rgba(139,188,6,1);
}

@media screen and (max-width: 767px) { /* Mobile */

	.carrousel .slick-dots {
		padding: 5px 0;
	}

	.carrousel .slick-dots a {
		margin: 0 5px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.carrousel .slick-dots {
		padding: 10px 0;
	}

	.carrousel .slick-dots a {
		margin: 0 8px;
	}

}