div.box-read-more.tforte{
  width:1182px;
}

div.box-read-more.tforte div.read-more-wrap{
  width:1182px;
}
div.box-read-more.tforte div.read-more-wrap .image-background img{
  width:1182px;
}
div.box-read-more.tforte div.read-more-wrap .image-background img:hover {
  width:1182px;
}


div.content-slide-readmore {
    overflow: hidden;
  }

.box-read-more {
    margin: 20px 0;
}


div.slick-list div.box-read-more {
  margin: 20px;
  width: 395px;
  height: 522px;
  position: relative;
  outline: none;
  border-radius: 10px;
}

  div.box-read-more div.read-more-wrap {
    position: relative;
    width: 394px;
    height: 522px;
    overflow: hidden;
    border-radius: 10px;
    background-size: 30%;
    background-position: 50% 30%;
  }


  div.box-read-more.forte div.read-more-wrap,
  div.box-read-more.tforte div.read-more-wrap{
    width:100% !important;
  }

  div.box-read-more div.read-more-wrap div.read-more-info {
    position: absolute;
    padding: 25px 20px;
    bottom: -1px;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
    left: -1px;
    right: -2px;
    border: 1px solid #15252c;
    border-top-color: rgb(21, 37, 44);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
  }


  div.box-read-more div.read-more-wrap div.read-more-info:hover{
    color: white;
  }

.read-more-label:hover{
  color:white;
}
  div.box-read-more div.read-more-wrap .image-background img {
    min-width: 394px;
    height: 522px;
    border-radius: 10px;
    float: left;
    object-fit: cover;
    transition: transform 400ms ease-out;
    margin-left: 50%;
    transform: translate(-50%);
    width: auto;
  }

  div.box-read-more.forte div.read-more-wrap .image-background img,
  div.box-read-more.tforte div.read-more-wrap .image-background img{
    width:100% !important;
  }


  div.box-read-more h2 {
    height: 239px;
    font-family: NunitoSans;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    position: absolute;
    width: 100%;
    font-size: 26px;
    line-height: 1.31;
    color: #ffffff;
    bottom: 45px;
  }

  div.box-read-more div.read-more-title{
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: bottom;
    bottom: 10px;
    font-family: NunitoSans;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    font-size: 26px;
    line-height: 1.31;
    letter-spacing: normal;
    color: #ffffff;
  }

  div.box-read-more div.read-more-wrap div.infos {
    width: 100%;
    height: 20px;
    font-family: NunitoSans;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  div.clearFix {
    clear: both;
  }

  div.box-read-more div.read-more-wrap a:hover{
    color:white;
  }
  div.box-read-more:hover div.read-more-wrap .image-background img {
    transform: scale(1.15) translate(-45%);
  }


  div.box-read-more div.read-more-wrap img.icon {
    position: absolute;
    top: 20px;
    right: 20px;
    transition: transform 400ms ease-out;
  }

  div.box-read-more div.read-more-wrap:hover .icon {
    transform: scale(1.15);
  }

  span.read-more-label {
    width: 81px;
    height: 18px;
    opacity: 0.8;
    font-family: NunitoSans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
  }

  div.slick-list.draggable.a-lire-aussi-carrousel {
    width: 100vw;
    position: relative;
    left: calc(-34vw + 50%);
  }

  div.box-slide {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 632px;
    width: 1414px
  }

  .box-read-more .read-more-info .file-date {
    opacity: 0.8;
    font-family: NunitoSans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 13px;
  }

div.box-read-more .vignette {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
   div.box-read-more.forte{
    width:810px !important;
  }
}

@media only screen and (max-width: 767px) {
  div.box-read-more{
    width: 100%;
    height: 410px !important;
  }

  div.box-read-more div.read-more-wrap,
  div.box-read-more div.read-more-wrap .image-background,
  div.box-read-more div.read-more-wrap .image-background > div,
  div.box-read-more div.read-more-wrap .image-background .contextual-region,
  div.box-read-more div.read-more-wrap .image-background .field--name-field-media-image,
  div.box-read-more div.read-more-wrap .image-background .field__item{
    width: 100% !important;
    height: 100% !important;
  }

  div.box-read-more div.read-more-wrap .image-background img {
      width: 100% !important;
      height: 100% !important;
  }

  .paragraph-read-more .slick-slide:last-child {
      margin-right: 0;
  }

  div.slick-list div.box-read-more,
  div.slick-list div.box-read-more.forte,
  div.slick-list div.box-read-more.tforte{
    height: 410px !important;
    margin: 20px 0;
  }

  div.slick-list div.box-read-more .image-background img{
      width: 100% !important;
      height: 100% !important;
  }

  .read-more-title {
    font-size: 21.8px;
  }
}