@media screen and (max-width: 767.98px) {
  .supplement-block::before, .supplement-block::after {
    width: 100vw !important;
  }
}

.supplement-block .component-content .container .row:nth-child(2) {
  margin-left: inherit;
  margin-right: inherit;
}

.supplement-block .component-content .container .row:nth-child(2) .card .field-image {
  width: 30%;
}

@media screen and (max-width: 767.98px) {
  .supplement-block .component-content .container .row:nth-child(2) .card .field-image {
    width: 100%;
  }
}

.supplement-block .component-content .container .row:nth-child(2) .card .card-body .field-title {
  font-size: 36px;
  line-height: 40px;
}

@media screen and (max-width: 767.98px) {
  .supplement-block .component-content .container .row:nth-child(2) .card .card-body .field-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767.98px) {
  .supplement-block .component-content .container .row:nth-child(2) .card .card-body .author {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767.98px) {
  .supplement-block .component-content .container .row:nth-child(2) .card .card-body .release-details {
    margin-bottom: 16px;
  }
}

.supplement-block.supplement-block-ba:after {
  display: none;
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) a.button:not(:hover) {
  color: #317FCB;
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .field-title {
  margin-bottom: 16px;
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .author {
  font-weight: 700;
  margin-bottom: 16px;
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767.98px) {
  .supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .introduction {
    display: block;
  }
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .introduction .preview-text {
  padding-right: 56px;
  width: 50%;
  display: block;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}

@media screen and (max-width: 767.98px) {
  .supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .introduction .preview-text {
    width: 100%;
    padding-right: inherit;
  }
}

.supplement-block.supplement-block-ba .component-content .container .row:nth-child(2) .card-body .introduction .preview-text.sommaire > p:first-child {
  margin-top: 0;
}