.slider_carousel {
    display: none;
    margin-bottom: 10px;
}

.slider_carousel .slick-list {
    overflow: hidden;
    width: 830px;
    height:340px;
}

.slider_carousel .slick-slide {
    width: 240px;
    height:335px;
    padding: 0;
    margin: 0 5px;
    box-shadow: 3px 3px 12px -4px rgba(0,0,0,0.4);
    overflow: hidden;
}

.slider_carousel .slick-slide a div {
    height:335px;
    position: relative;
}

.slider_carousel .slick-slide a div .img_trim{
    width: 240px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider_carousel .slick-slide a div .caption{
    position: absolute;
    bottom: 0px;
    height: 95px;
    background-color: #FFF;
    z-index:10;
}

.slider_carousel .slick-slide a div p{
    font-size: 1.35em;
}
.slider_carousel .slick-slide a div p.date{
    margin-bottom:0;
}
.slider_carousel .slick-slide a div p.title{
    margin-top:0;
    font-weight: bold;
    color: #333;
}

@media screen and (max-width: 680px){
    .slider_carousel .slick-list {
        overflow: hidden;
        width: 560px;
        height:255px;
    }

    .slider_carousel .slick-slide {
        width: 160px;
        height:250px;
    }

    .slider_carousel .slick-slide a div {
        height:250px;
        position: relative;
    }

    .slider_carousel .slick-slide a div .img_trim{
        width: 160px;
        height: 160px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .slider_carousel .slick-slide a div .caption{
        position: absolute;
        bottom: 0px;
        height: 90px;
        background-color: #FFF;
        z-index:10;
    }

    .slider_carousel .slick-slide a div p{
        font-size: 1.3em;
        line-height:1.4em;
    }
}

@media screen and (max-width: 480px){
    .slider_carousel .slick-list {
        overflow: hidden;
        width: 410px;
        height:216px;
    }

    .slider_carousel .slick-slide {
        width: 126px;
        height:211px;
    }

    .slider_carousel .slick-slide a div {
        height:216px;
        position: relative;
    }

    .slider_carousel .slick-slide a div .img_trim{
        width: 126px;
        height: 126px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .slider_carousel .slick-slide a div .caption{
        position: absolute;
        bottom: 0px;
        height: 90px;
        background-color: #FFF;
        z-index:10;
    }

    .slider_carousel .slick-slide a div p{
        font-size: 1.1em;
        line-height:1.3em;
    }
}

@media screen and (max-width: 375px){
    .slider_carousel .slick-list {
        overflow: hidden;
        width: 370px;
        height:195px;
    }

    .slider_carousel .slick-slide {
        width: 125px;
        height:190px;
    }

    .slider_carousel .slick-slide a div {
        height:195px;
        position: relative;
    }

    .slider_carousel .slick-slide a div .img_trim{
        width: 125px;
        height: 125px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .slider_carousel .slick-slide a div .caption{
        position: absolute;
        bottom: 0px;
        height: 70px;
        background-color: #FFF;
        z-index:10;
    }

    .slider_carousel .slick-slide a div p{
        font-size: 1em;
        line-height:1.2em;
    }

    @media screen and (max-width: 320px){
        .slider_carousel .slick-list {
            width: 320px;
        }
    }

}



.slider_carousel .slick-slide a div p {
    margin:5px;
}

.slider_carousel .slick-slide a {
    cursor: default;
    outline: none;
}

.slider_carousel .slick-slide a:link,
.slider_carousel .slick-slide a:visited,
.slider_carousel .slick-slide a:hover,
.slider_carousel .slick-slide a:active,
.slider_carousel .slick-slide a:focus{
    text-decoration: none;
}

.slider_carousel .slick-active img {
    opacity: 1;
}

.slider_carousel .slick-active a {
    cursor: pointer;
}

.slider_carousel .slick-dots li button:before {
    font-size: 13px;
    line-height: .6;
}

.slider_carousel .slick-dots li.slick-active button:before {
    color: #e83820 !important;
    opacity: 1 !important;
}

@media screen and (max-width: 680px){
    .image-bloc ul.slider-carousel {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .image-bloc .slick-slider {
        margin-top: 15px;
    }
    .image-bloc div.slick-list li.slick-slide {
        line-height: 0.5;
    }
    .slider_carousel .slick-dots{
        transform: scale(0.5, 0.5);
    }
}

.slider_carousel .slick-prev:before,
.slider_carousel .slick-next:before {
    font-size: 50px;
    line-height: 1;
    color: #444;
}

.slider_carousel .slick-next {
    width: 52px;
    height: 52px;
    right: 75px;
}

.slider_carousel .slick-prev {
    width: 52px;
    height: 52px;
    left: 75px;
    z-index: 100;
}

.slider_carousel .slick-dots li button:hover:before{
    opacity: 0.75
}
.slider_carousel .slick-dots li button:focus:before
{
    opacity: 0.25;
}