section.sliderArticles{
padding:100px 0;
text-align:center;
}

section.sliderArticles > .ti{padding-bottom:80px;}

section.sliderArticles > .bt{margin-top:80px;}

section.sliderArticles .slider{position:relative;}

section.sliderArticles .slider .arrows{
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
width:25px;
z-index:10;
}

section.sliderArticles .slider .arrows.slick-disabled{visibility:hidden;}

section.sliderArticles .slider .arrows.prev{left:50px;}

section.sliderArticles .slider .arrows.next{right:50px;}

section.sliderArticles .slider .slick-track{display:flex !important;}

section.sliderArticles .slider .slick-track.oneSlide{transform:none !important;}

section.sliderArticles .slider .slick-slide{
height:inherit !important;
overflow:hidden;
padding:0 11px;
}

section.sliderArticles .slider .content{
height:100%;
display:flex;
flex-flow:column;
justify-content:space-between;
align-items:center;
padding:35px 40px 40px 40px;
color:var(--beige);
}

section.sliderArticles .slider .content .ssti{
background-color:var(--gris);
padding:5px 10px;
}

section.sliderArticles .slider .content .ssti + .ti, section.sliderArticles .slider .content .ssti + .txt{padding-top:35px;}

section.sliderArticles .slider .content .ti + .txt{padding-top:45px;}

/********** medias **********/
@media screen and (max-width:1180px){
section.sliderArticles{padding:50px 0;}

section.sliderArticles > .ti{padding-bottom:40px;}

section.sliderArticles > .bt{margin-top:40px;}
}

@media screen and (max-width:980px){
section.sliderArticles .slider .content{padding:30px 20px;}

section.sliderArticles .slider .content .ssti + .ti, section.sliderArticles .slider .content .ssti + .txt, section.sliderArticles .slider .content .ti + .txt{padding-top:20px;}
}

@media screen and (max-width:680px){
section.sliderArticles .slider .slick-slide{padding:0 5px;}

section.sliderArticles .slider .arrows.prev{left:10px;}

section.sliderArticles .slider .arrows.next{right:10px;}
}

@media screen and (max-width:420px){
section.sliderArticles{padding:30px 0;}

section.sliderArticles > .ti{padding-bottom:20px;}

section.sliderArticles > .bt{margin-top:20px;}

section.sliderArticles .slider .slick-slide{padding:0;}

section.sliderArticles .slider .content{padding:20px;}
}