/* --- PERSO RECO --- */
.custom-carousel-title {
    font-size: 2.5vw;
    font-weight: 900;
    text-transform: uppercase;
    color: #A73439;
}  
  @media screen and (min-width: 1922px) {
    .custom-carousel-title {
      font-size: 56px;}
    }

.hp_op_pant_1708_main img {
  display: block;
  position: relative;
  width: 100%;
}

.hp_op_pant_1708_main picture {
  width: 100%;
}

.hp_op_pant_1708_bg {
  display: flex;
  position: relative;
  width: 100%;
}

.hp_op_pant_1708_main a:focus,
.hp_op_pant_1708_main a:active,
.hp_op_pant_1708_main a:link,
.hp_op_pant_1708_main a:visited {
  text-decoration: none;
  color: inherit;
}

.hp_op_pant_1708_main p {
  position: relative;
  margin: 0;
}

.hp_op_pant_1708_linkglob {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: pointer;
}

.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox .hp_op_pant_1708_txt, .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img, .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img {
  display: flex;
  position: relative;
}

.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox, .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img img:nth-of-type(2), .hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_logo10ans, .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt02, .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt01, .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_logo10ans, .hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_txt, .hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_border, .hp_op_pant_1708_cta {
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.hp_op_pant_1708_main {
  display: flex;
  position: relative;
  width: calc(100% + 60px);
  margin: 0 -30px 10px;
  overflow: hidden;
  justify-content: space-between;
}

.hp_op_pant_1708_cta {
  display: inline-block;
  padding: 10px 0;
  margin: 0;
  width: 200px;
  transition: 0.3s;
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  z-index: 4;
}

.hp_op_pant_1708_cta:hover {
  background-color: #000000;
  color: #ffffff;
}

.hp_op_pant_1708_cta p {
  margin: 0;
  font-size: 14px;
}

.hp_op_pant_1708_main.bloc01 {
  aspect-ratio: 1900/280;
  background-color: #F9DBCA;
}
.hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_border {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border: solid 1px #A73439;
}
.hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_txt {
  left: 48%;
  width: 42.1052631579%;
}
.hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_cta {
  left: 85%;
}

.hp_op_pant_1708_main.bloc02 {
  aspect-ratio: 1900/800;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img {
  width: 33.8947368421%;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img:nth-of-type(2) {
  width: 30.5263157895%;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_logo10ans {
  top: 12%;
  left: 85%;
  width: 23.5%;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt01 {
  top: 40%;
  width: 88%;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt02 {
  top: 71%;
  left: 70%;
  width: 48.28%;
}
.hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_cta {
  top: 92.5%;
}

.hp_op_pant_1708_main.bloc03 {
  aspect-ratio: 1900/800;
}
.hp_op_pant_1708_main.bloc03 .embed-container_desk {
  position: relative;
  padding-bottom: 42.1052631579%;
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  z-index: 1;
  background: url("hp_op_pant_1708_bloc03_bgvideo.webp?$staticlink$");
  background-repeat: no-repeat;
  background-size: cover;
}
.hp_op_pant_1708_main.bloc03 .embed-container_mob {
  display: none !important;
}
.hp_op_pant_1708_main.bloc03 iframe, .hp_op_pant_1708_main.bloc03 object, .hp_op_pant_1708_main.bloc03 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_logo10ans {
  top: 16%;
  left: 92%;
  width: 10.2105263158%;
  z-index: 1;
}
.hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_txt {
  display: none;
}
.hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_cta {
  top: 90%;
}

.hp_op_pant_1708_main.bloc04 {
  aspect-ratio: 1900/800;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img {
  width: 49.5789473684%;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img img:nth-of-type(2) {
  top: 15%;
  left: 9%;
  width: 10.6%;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img:nth-of-type(2) .hp_op_pant_1708_mob {
  display: none;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox {
  flex-flow: column;
  align-items: center;
  top: 85%;
  z-index: 2;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox .hp_op_pant_1708_txt {
  width: 88%;
  margin-bottom: 5%;
}
.hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox .hp_op_pant_1708_cta {
  position: relative;
  transform: initial;
  top: initial;
  left: initial;
}

@media screen and (max-width: 768.98px) {

    /* --- PERSO RECO --- */
  .custom-carousel-title {
      font-size: 6vw;
      margin: 20px 0;
  }
  
  .hp_op_pant_1708_main {
    width: calc(100% + 36px);
    margin: 0 -18px 20px;
  }
  .hp_op_pant_1708_main.bloc01 {
    aspect-ratio: 666/364;
  }
  .hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_border {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
  }
  .hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_txt {
    top: 35%;
    left: 50%;
    width: 82.2822822823%;
  }
  .hp_op_pant_1708_main.bloc01 .hp_op_pant_1708_cta {
    top: 75%;
    left: 50%;
  }
  .hp_op_pant_1708_main.bloc02 {
    aspect-ratio: 666/1000;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img:first-of-type,
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img:nth-of-type(3) {
    display: none;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_img:nth-of-type(2) {
    width: 100%;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_logo10ans {
    top: 14%;
    left: 81%;
    width: 27.027027027%;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt01 {
    width: 96.996996997%;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_txt02 {
    top: 63%;
    width: 52.5525525526%;
  }
  .hp_op_pant_1708_main.bloc02 .hp_op_pant_1708_cta {
    top: 92.5%;
  }
  .hp_op_pant_1708_main.bloc03 {
    aspect-ratio: 666/950;
  }
  .hp_op_pant_1708_main.bloc03 .embed-container_desk {
    display: none !important;
  }
  .hp_op_pant_1708_main.bloc03 .embed-container_mob {
    display: block !important;
    position: relative;
    padding-bottom: 142.6426426426%;
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    background: url("hp_op_pant_1708_bloc03_bgvideomob.webp?$staticlink$");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_logo10ans {
    top: 10%;
    left: 15%;
    width: 24.3243243243%;
  }
  .hp_op_pant_1708_main.bloc03 .hp_op_pant_1708_txt {
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 75%;
    left: 50%;
    width: 78.6786786787%;
    z-index: 1;
  }
  .hp_op_pant_1708_main.bloc04 {
    aspect-ratio: 666/950;
  }
  .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img:first-of-type {
    display: none;
  }
  .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img {
    width: 100%;
  }
  .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_img:nth-of-type(2) .hp_op_pant_1708_mob {
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 19%;
    left: 76%;
    width: 13.8138138138%;
    filter: drop-shadow(0px 4px 27px rgba(0, 0, 0, 0.6));
  }
  .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox {
    top: 86%;
    width: 66.8168168168%;
  }
  .hp_op_pant_1708_main.bloc04 .hp_op_pant_1708_ctabox .hp_op_pant_1708_txt {
    width: 100%;
    margin-bottom: 7.5%;
  }
}

/*# sourceMappingURL=style.css.map */