.xlib-module-mask_banniere{
  position: relative;
}

#main > .xlib-module-mask_banniere:first-child{
  margin-top: calc(var(--margin)*-1);
}

.xlib-module-mask_banniere .banniere-cover{
  position: relative;
}

.xlib-module-mask_banniere .banniere-cover::after{
  background: var(--bleu);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .7;
  content: '';
  display: block;
}

.xlib-module-mask_banniere img{
  max-height: 55vh;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.banniere-title{
  position: absolute;
  left: 0;
  bottom: var(--margin);
  width: 100%;
}

.xlib-module-mask_banniere h1{
  text-transform: uppercase;
  font-size: 1.875rem;
  font-size: clamp(1.875rem, 0.75rem + 5.625vw, 7.5rem);
  font-style: italic;
  color: #FFFFFF;
  border-left: 10px solid var(--rouge);
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}