.slider-etablissement img{
	aspect-ratio: 6.4 / 4;
	object-fit: cover;
	object-position: center center;
}

.slider-etablissement .slick-prev{
  left: auto;
  right: 70px;
  top: -42px;
  background-color: #FAF2F2;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.slider-etablissement .slick-next {
  right: 20px;
  top: -41px;
  background-color: #FAF2F2;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.slider-etablissement .slick-prev img,
.slider-etablissement .slick-next img{
  position: absolute;
  top: 8px;
  left: 6px;
}

.slider-etablissement .slick-prev img{
  transform: rotate(180deg);
}

.slider-etablissement .slick-prev:before,
.slider-etablissement .slick-next:before{
  opacity: 0;
}

.slider-etablissement h3{
	text-transform: uppercase;
}

.slider-etablissement .etablissement-desc{
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
  min-height: 177px;
  max-width: 350px;
  background-color: #ffffff;
  padding: 20px;
  z-index: 2;
  position: relative;
  text-align: center;
  margin: -65px auto 00px;
}

.slider-etablissement .etablissement-desc > a:first-child{
  margin-bottom: auto;
}

.slider-etablissement .etablissement-desc .slider-etablissement-name{
	min-height: 50px;
}

.slider-etablissement .etablissement-desc .slider-etablissement-region{
	color: #293042;
	margin-bottom: 10px;
}

.slider-etablissement .etablissement-desc .slider-etablissement-btn{
	border-top: 1px solid #ffc4a8;
  border-bottom: 1px solid #FFC4A8;
  padding: 10px 10px 8px;
  color: #FF986D;
	transition: 0.2s;
  text-transform: uppercase;
  font-weight: 700;
}

.slider-etablissement .etablissement-desc .slider-etablissement-btn:hover{
	background-color: #FFC4A8;
	color: #ffffff;
}

/* STYLE FOR LIST DISPLAY */
.slider-etablissement.etablissement-list {
  display: flex;
  flex-wrap: wrap;
}

.slider-etablissement.etablissement-list .etablissement-container {
  flex: 0 0 calc(33.333% - 1px);
}

@media (max-width: 1024px) {
  .slider-etablissement.etablissement-list .etablissement-container {
    flex: 0 0 calc(50% - 1px);
  }
}

@media (max-width: 640px) {
  .slider-etablissement.etablissement-list .etablissement-container {
    flex: 0 0 100%;
  }
}
