.header-formations,
.header-formations .header-formations-bg {
  height: 542px;
}

#bloc-categories {
  position: relative;
  top: -110px;
  min-height: 468px;
}
.card-category {
  color: #f9fbfd;
  height: 182px;
  font-size: 25px;
}
.card-category img {
  height: 118px;
}

#next-formations {
  min-height: 969px;
  background-color: #fff;
  background-image: url('../../img/formations/formation-fili-next-date.png'), url('../../img/dotted-lines-bold.png'), url('../../img/formations/formation-bg-blue.jpg');
  background-position: center center, center center, center center;
  background-repeat: no-repeat, repeat-y, no-repeat;
  background-size: auto, auto, cover;
}
#next-formations .next-formation {
  /*width: 100%;*/
  background-color: #fff;
  margin-bottom: 20px;
  height: 120px;
  padding: 0;
}
#next-formations .next-formation-date {
  width: 120px;
  height: 100%;
  padding: 15px;
}
#next-formations .next-formation-date div div:nth-child(1) {
  font-size: 28px;
}
#next-formations .next-formation-date div div:nth-child(2) {
  font-size: 16px;
  border-bottom: 1px solid white;
}
#next-formations .next-formation-date div div:nth-child(3) {
  font-size: 16px;
}
#next-formations .next-formation-text {
  width: calc(100% - 120px - 290px);
  padding: 0 15px;
  border-right: 1px solid #d8dcdd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
}
#next-formations .next-formation-text small {
  font-size: 12px !important;
  text-transform: uppercase;
}
#next-formations .level-formation {
  background-color: #2b2e83;
  color: #fff;
  padding: 3px 4px 2px;
  margin-left: 3px;
  font-size: 10px !important;
}
#next-formations .next-formation-detail {
  width: 290px;
  height: 100%;
  padding: 15px;
}

#logo-index {
  min-width: 170px;
  max-width: 170px;
}

#logo-text-index {
  min-width: 170px;
  max-width: 170px;
  padding-left: 20px;
  padding-right: 60px;
  font-size: 12px !important;
  /*text-align: center;*/
  color: #212529;
}

@media (max-width: 991.98px) {
  #next-formations .next-formation {
    height: auto;
    margin-bottom: 0;
  }
  #next-formations .next-formation-text {
    width: 100%;
    padding: 15px;
    border-right: none;
    margin: 0 0 15px;
    background-color: #fff;
  }
}

#focused-formations {
  min-height: 653px;
  background-color: #fff;
  background-image: url('../../img/formations/formation-fili-most-followed.png'), url('../../img/dotted-lines-bold.png'), url('../../img/formations/formation-bg-building.png');
  background-position: center center, center center, center center;
  background-repeat: no-repeat, repeat-y, no-repeat;
  background-size: auto, auto, cover;
}
#focused-formations .focused-formation {
  height: 315px;
  background-color: #fff;
}
#focused-formations .focused-formation .focused-title-category {
  width: 60%;
  padding: 5px 15px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
}
#focused-formations .focused-formation .focused-content-category {
  font-size: 24px;
  overflow: hidden;
  line-height: 30px;
}
#focused-formations .focused-formation .focused-bottom-card {
  display: table-cell;
  vertical-align: bottom;
}

#formations-cta-block > div {
  height: 330px;
  -webkit-background-size: cover;
  background-size: cover;
}
#formations-cta-block > div:first-child {
  background-image: url(../../img/formations/formation-bg-in-need.jpg);
  background-position: left center;
}
#formations-cta-block > div:last-child {
  background-image: url(../../img/formations/formation-bg-everywhere.jpg);
  background-position: right center;
}
#formations-cta-block h1 {
  font-size: 32px;
}
#formations-cta-block > div:first-child h1 {
  background-image: url(../../img/formations/formation-souligne.png);
  background-repeat: no-repeat;
  background-position: center right 22px;
}
#formations-cta-block a {
  font-size: 9px;
  padding: 12px 30px;
}
@media (max-width: 767.98px) {
  #formations-cta-block a {
    font-size: 0.7em;
  }
}

#reviews {
  background-image: url('../../img/formations/formation-fili-reviews.png'), url('../../img/formations/formation-bg-image-people.jpg'), url('../../img/dotted-lines-bold.png');
  background-position: center center, top right, center center;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-size: auto, contain, auto;
}
.card-review {
  border: 8px solid #d8dcdd;
  background-color: #fff;
  position: relative;
}
.card-review p:last-child {
  font-size: 12px;
}
.card-review-2 {
  margin-top: 120px;
}
.card-review .review-decoration {
  position: absolute;
  top: 20px;
  left: -20px;
  background-color: #fff;
  height: calc(100% - 40px);
}

@media (max-width: 480px) {
  .header-formations,
  .header-formations .header-formations-bg {
    height: 450px;
  }
  .header .header-play,
  .header-formations .header-formations-play {
    top: 60px;
  }
}