/***** slick *****/
.slick-slider							{ position:relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list								{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus						{ outline: none;}
.slick-list.dragging					{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list				{ -webkit-transform: translate3d(0 0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track							{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, 
.slick-track:after 						{ display: table; content: '';}
.slick-track:after						{ clear: both;}
.slick-loading .slick-track				{ visibility: hidden;}
.slick-slide							{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide				{ float: right;}
.slick-slide img						{ display: block;}
.slick-slide.slick-loading img			{ display: none;}
.slick-slide.dragging img				{ pointer-events: none;}
.slick-initialized .slick-slide			{ display: block;}
.slick-loading .slick-slide				{ visibility: hidden;}
.slick-vertical .slick-slide 			{ display: block; height: auto; border: 1px solid transparent;}


/***** slick arrows *****/
.slick-arrow							{ width: 60px; height: 40px; border: 0; padding: 0; font-size: 0; cursor: pointer;}
.slick-disabled 						{ opacity: 0.25; cursor: default;}
.slick-prev								{ background: url("../images/fleche-prev.svg") 48% 50% no-repeat;}
.slick-next								{ background: url("../images/fleche-next.svg") 52% 50% no-repeat;}

@media (min-width:1201px) { 
.slick-arrow:not(.slick-disabled):hover { opacity: 0.5;}
}
@media (max-width:1000px) { 
.slick-arrow							{ width: 40px; height: 50px;}
.slick-prev,
.slick-next								{ background-size: 20px;}
}

.chambreSlider .slick-dots {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-top: 20px;
}
.chambreSlider .slick-dots li {
    display: inline-block;
    vertical-align: center;
    padding: 0 10px;
}
.chambreSlider .slick-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: none;
    border: 1px solid var(--green);
    transition: all ease-in-out 400ms;
    padding: 0;
    font-size: 0;
    cursor: pointer;
}
.chambreSlider .slick-dots li.slick-active button {
    background: var(--green);
    width: 10px;
    height: 10px;
    border-radius: 50%;
  border: 0px solid transparent;
}
