/**************************************** BANNER HERO *****************************************/

/* Header et main area lorsqu'il y a une banner-hero*/


@media(min-width: 981px){
  body.et-db:has(.et_pb_section.banner-hero) #et-main-area {
    position:relative;
    top:-144px;
  }

  body.et-db:has(.et_pb_section.banner-hero) #et-main-area footer {
    top:144px;
    margin-top: -144px;
  }

  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-top,
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-bottom {
    background-color: transparent !important;
  	transition: background-color 0.2s ease-out;
  }
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }



  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) .logo-blanc  {
    display: flex !important;
  }
  body.et-db:has(.et_pb_section.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-bottom .et_pb_menu__logo-wrap {
    display: none;
  }
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-top.et_pb_fullwidth_menu .et-menu>li a,
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-bottom.et_pb_fullwidth_menu .et-menu>li a,
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-bottom.et_pb_fullwidth_menu .et-menu>li span.spanNoLink {
    color: #fff;
  }
  body.et-db:has(.banner-hero) #et-boc .et-l #sy_header:not(.sticky) #sy_head-container-bottom.et_pb_fullwidth_menu .et-menu>li:hover a  {
    color: #FCC400;
  }
}

@media(max-width: 980px){
    body:has(.banner-hero) #sy_head-container-bottom:has( .mobile_nav.opened) {
        background-color: #003764 !important;
        transition: none;
    }
}

/******* Style *********/
.et-db #page-container #et-boc .et-l .banner-hero {
  margin: 0;
  overflow: hidden;
}
.et-db #page-container #et-boc .et-l .banner-hero::before {
  content: " ";
  position: absolute;
  right: 60%;
  top: 80%;
  width: 1400px;
  height:1400px;
  display: block;
  background-color: #161616;
  opacity: 0.8;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.et-db #page-container #et-boc .et-l .banner-hero,
.et-db #page-container #et-boc .et-l .banner-hero .et_pb_row {
  padding: 0;
}

.et-db #page-container #et-boc .et-l .banner-hero .et_pb_row:not(.row-media) .et_pb_column {
  display: flex;
  align-items: center;
  min-height: 500px;
}
/* banner large */
.et-db #page-container #et-boc .et-l .banner-hero.large .et_pb_row:not(.row-media) .et_pb_column {
  min-height: 700px;
}

@media(max-width: 980px){
  .et-db #page-container #et-boc .et-l .banner-hero .et_pb_row:not(.row-media) .et_pb_column,
  .et-db #page-container #et-boc .et-l .banner-hero.large .et_pb_row:not(.row-media) .et_pb_column {
    min-height: inherit;
  }
}



/** texte **/

#page-container .banner-hero .et_pb_row .et_pb_text {
  margin-top: 144px;
  width: 100%;
}
@media(max-width: 980px){
  #page-container .banner-hero .et_pb_row .et_pb_text {
    margin-top: 0;
  }
}

#page-container .banner-hero .et_pb_row .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  text-align: left;
  margin: auto;
  padding: 50px 0;
}

#page-container .banner-hero .et_pb_row .et_pb_text p.BannerSoustitre {
  color: #FFFFFF;
  font-size: 34px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0em;
  margin-bottom: calc(1.5rem + 10px);
}

#page-container .banner-hero .et_pb_row .et_pb_text p span.yellowBanner {
  color: #FCC400;
}
@media(max-width: 980px){
  #page-container .banner-hero .et_pb_row .et_pb_text p span.yellowBanner {
    display: block;
  }
}
@media(max-width: 425px){
  #page-container .banner-hero .et_pb_row .et_pb_text_inner {
    gap: 4rem;
  }
}

/*** Animation texte ***/

/* Pour le fallback : seul le premier slide est visible au chargement sans JS */
p.BannerSoustitre span.slide {
  display: none;
}

/* Le premier élément est visible par défaut en cas de JS non chargé */
p.BannerSoustitre span.slide:first-child {
  display: inline-block;
}


#page-container .banner-hero .et_pb_row .et_pb_text p.BannerPipe {
  font-size: 24px;
  display: flex;
  gap: 10px;
  color: #FFFFFF;
  align-items: center;
}

#page-container .banner-hero .et_pb_row .et_pb_text p.BannerPipe .separator {
  position: relative;
  width: 2px;
  height: 25px;
  background: #FCC400;
}

@media(max-width: 768px){
  #page-container .banner-hero .et_pb_row .et_pb_text p.BannerPipe {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 20px;
  }
  #page-container .banner-hero .et_pb_row .et_pb_text p.BannerSoustitre {
    color: #FFFFFF;
    font-size: 25px;
    line-height: 44px;
  }
}

@media(max-width: 425px){
  #page-container .banner-hero .et_pb_row .et_pb_text p.BannerSoustitre {
    display: none;
  }
}


/************ video ***********/
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg) {
  height: calc(100vh - 48px);
}
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg)::after {
  background: linear-gradient(
      to bottom,
      rgba(0, 55, 100, 1),  /* #003764 avec 100% d'opacité */
      rgba(0, 55, 100, 0.50) /* #003764 avec 51% d'opacité */
    );
    opacity: 0.8;
    content: " ";
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg) .et_pb_row,
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg) .et_pb_column,
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg) .et_pb_text,
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_section_video_bg) .et_pb_text_inner {
  height: 100%;
}

/********* image **********/

.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_image) .row-media,
.et-db #page-container #et-boc .et-l .banner-hero:has(.et_pb_image) .row-media .et_pb_column {
  position: static;
}
#page-container .banner-hero:has(.et_pb_image) .row-media .et_pb_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-container .banner-hero:has(.et_pb_image) .row-media .et_pb_image::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #161616 0%, #161616 0%, #00000000 45%) 0% 0% no-repeat padding-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  content: " ";
}

#page-container .banner-hero:has(.et_pb_image) .row-media .et_pb_image_wrap {
  height: 100%;
}

#page-container .banner-hero:has(.et_pb_image) .row-media .et_pb_image_wrap img {
  height: 100%;
  object-fit: cover;
}

/** home **/