/*Video accueil*/
.video {
  /*height: 940px;*/
  /*height:95vh;*/
}
.features {
  height: 100%;
}

[id="videoZone"] {
  /*position: absolute;*/
  top: 0;
  left: 0;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  height: 95vh !important;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  background: #000000;
  -webkit-filter:unset;
          filter:unset;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
  @media (max-width: 1024px) {
    [id="videoZone"] {
      height: 85vh !important;
    }
  }
  @media (max-width: 995px) {
    [id="videoZone"] {
      min-height: 420px;
      height: auto !important;
      height: 420px;
      /*height: 45vh !important;*/
      /*height: 95vh !important;*/
    }
  }
  @media (max-width: 767px) {
    [id="videoZone"] {
      min-height: 180px;
      height: auto !important;
      height: 180px;
      height: 40vh !important;
      /*height: 95vh !important;*/
    }
  }
[id="videoZone"] .commercial, [id="videoZone"] .none, [id="videoZone"] .visuelBig, [id="videoZone"] .visuelSmall {
    display: none; }

[id="videoZone"] .media {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  background: transparent;
  bottom: 0;
  height: 100% !important;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  border-right: none;
  border-left: none;
}
[id="videoZone"] .media .texture {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8'%3E%3Cline fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='10' x1='-1' y1='9' x2='9' y2='-1'/%3E%3Cline fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='10' x1='-5' y1='5' x2='5' y2='-5'/%3E%3Cline fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='10' x1='3' y1='13' x2='13' y2='3'/%3E%3C/svg%3E") repeat center center rgba(0, 0, 0, 0.4);
    background-position: 0 0;
    background-repeat: repeat;
    opacity: 0.4;
}

[id="background_video"]{
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
[id="video_cover"] {
  width: 100%; 
  height: 100%;
  //background: url('video_cover.jpeg') no-repeat;
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center; 
} 

[id="video_cover"]  img{
 position:relative;
 -o-object-fit: cover;
    object-fit: cover;
 height: 100%; 
  width: 100%; 
}
  
[id="video_controls"]{
  display: none;
}