section.vignettesSlider{
padding:70px 0;
text-align:center;
}

section.vignettesSlider.beige{background-color:var(--beige);}

section.vignettesSlider > .ti_gd{
display:block;
width:860px;
max-width:100%;
margin:0 auto;
}

section.vignettesSlider > .ti_gd + .slider, section.vignettesSlider > .ti_gd + .bt, section.vignettesSlider > .slider + .bt{margin-top:100px;}

section.vignettesSlider .slider .diapo{position:relative;}

section.vignettesSlider .slider .diapo .arrows{
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
width:60px;
height:60px;
z-index:10;
}

section.vignettesSlider .slider .diapo .arrows.slick-hidden{display:none;}

section.vignettesSlider .slider .diapo .arrows.slick-disabled{visibility:hidden;}

section.vignettesSlider .slider .diapo .arrows.prev{left:60px;}

section.vignettesSlider .slider .diapo .arrows.next{right:60px;}

section.vignettesSlider .slider .slick-track{display:flex !important;}

section.vignettesSlider .slider .diapo.oneSlide .slick-track{transform:none !important;}

section.vignettesSlider .slider .slick-slide{
height:inherit !important;
overflow:hidden;
padding:0 15px;
}

section.vignettesSlider .slider .content{
height:100%;
display:flex;
flex-flow:column;
}

section.vignettesSlider .slider .content .bloc{
display:flex;
flex:1;
width:100%;
}

section.vignettesSlider .slider .content .bloc > figure{
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
width:50%;
padding:30px;
}

section.vignettesSlider .slider .content .bloc > figure.max{padding:0;}

section.vignettesSlider .slider .content .bloc > figure.max img{
width:100%;
height:100%;
object-fit:cover;
}

section.vignettesSlider .slider .content .bloc > .txt{
width:100%;
padding:30px;
font-family:var(--font-ssti);
text-transform:uppercase;
text-align:left;
}

section.vignettesSlider .slider .content .bloc > .txt.txt_centre{text-align:center;}

section.vignettesSlider .slider .content .bloc > figure + .txt{width:50%;}

section.vignettesSlider .slider .content .bloc > .txt > figure{padding-bottom:30px;}

section.vignettesSlider .slider .content .bloc > .txt > figure img{
margin:0 auto;
width:auto;
max-height:60px;
}

section.vignettesSlider .slider .content > .ss_ti_gd{
width:100%;
padding:20px;
background-color:#000;
text-align:center;
}

section.vignettesSlider .slider.hidden{display:none;}

/********** medias **********/
@media screen and (max-width:1680px){
section.vignettesSlider .slider .content .bloc > .txt{padding:20px;}
}

@media screen and (max-width:1480px){
section.vignettesSlider > .ti_gd + .slider, section.vignettesSlider > .ti_gd + .bt, section.vignettesSlider > .slider + .bt{margin-top:70px;}
}

@media screen and (max-width:1180px){
section.vignettesSlider{padding:50px 0;}

section.vignettesSlider > .ti_gd + .slider, section.vignettesSlider > .ti_gd + .bt, section.vignettesSlider > .slider + .bt{margin-top:40px;}

section.vignettesSlider .slider .diapo .arrows{
width:50px;
height:50px;
}

section.vignettesSlider .slider .diapo .arrows.prev{left:20px;}

section.vignettesSlider .slider .diapo .arrows.next{right:20px;}
}

@media screen and (max-width:980px){
section.vignettesSlider .slider .content > .ss_ti_gd{padding:10px;}

section.vignettesSlider .slider .slick-slide{padding:0 10px;}

section.vignettesSlider .slider .content, section.vignettesSlider .slider .content .bloc{flex-flow:column-reverse;}


section.vignettesSlider .slider .content .bloc > figure{
width:100%;
padding:10px;
}

section.vignettesSlider .slider .content .bloc > figure + .txt{
width:100%;
flex:1;
}

section.vignettesSlider .slider .content .bloc > .txt > figure{padding-bottom:20px;}

section.vignettesSlider .slider .content .bloc > .txt > figure img{
width:auto;
max-height:30px;
}

section.vignettesSlider .slider .content .bloc > figure.max img{max-height:250px;}

section.vignettesSlider .slider .content .bloc > .txt > figure img{max-height:50px;}
}

@media screen and (min-width:780px){
section.vignettesSlider .slider .diapo.twoSlide .slick-track{transform:none !important;}
}

@media screen and (max-width:480px){
section.vignettesSlider > .ti_gd + .slider, section.vignettesSlider > .ti_gd + .bt, section.vignettesSlider > .slider + .bt{margin-top:20px;}

section.vignettesSlider .slider .content .bloc > .txt{
font-size:16px;
line-height:22px;
}

section.vignettesSlider .slider .slick-slide{padding:0 5px;}

section.vignettesSlider .slider .diapo .arrows{
width:35px;
height:35px;
}

section.vignettesSlider .slider .diapo .arrows.prev{left:10px;}

section.vignettesSlider .slider .diapo .arrows.next{right:10px;}
}