/*
 * Bandeaux panoramiques HTQF.
 * On affiche l'image sur toute la largeur du hero : le sujet reste lisible à droite,
 * le côté sombre reste disponible pour le H1 à gauche.
 */
.page-hero.page-hero--visual-right.htqfi-hero .page-hero__picture{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  overflow:hidden;
}
.page-hero.page-hero--visual-right.htqfi-hero .page-hero__picture img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:.78 !important;
  filter:none !important;
}
.page-hero.page-hero--visual-right.htqfi-hero:after{
  background:linear-gradient(90deg,
    rgba(0,0,0,.97) 0%,
    rgba(0,0,0,.91) 27%,
    rgba(0,0,0,.66) 46%,
    rgba(0,0,0,.18) 70%,
    rgba(0,0,0,.05) 100%) !important;
}
@media (max-width:899px){
  .page-hero.page-hero--visual-right.htqfi-hero .page-hero__picture{
    left:0 !important;
  }
  .page-hero.page-hero--visual-right.htqfi-hero .page-hero__picture img{
    object-position:62% center !important;
  }
}