/* Vidéo en mode portrait */
.video-js .vjs-tech.portrait {
  object-fit: contain !important;  /* Maintient l'aspect ratio sans déformation */
  width: auto !important;          /* Largeur automatique pour le mode portrait */
  height: 100% !important;         /* Remplir toute la hauteur du conteneur en portrait */
}

/* Vidéo en mode paysage */
.video-js .vjs-tech.landscape {
  object-fit: cover !important;   /* Remplir l’espace sans bandes noires */
  width: 100% !important;         /* Remplir toute la largeur en mode paysage */
  height: 100% !important;        /* Remplir toute la hauteur */
}
#colorbox, #colorbox .cboxContent, #cboxLoadedContent {
  background-color: black !important;
}
.video-wrapper img {
  height: 150px;
  width: auto;
}
.video-title {
  font-weight: bold;
}
#cboxTitle {
  float: left;
  color: white;
  font-weight: bold;
  padding: 8px;
  font-size: 16px;
}

#cboxClose {
  float: right;
  background: black;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 4px 8px;
  text-transform: uppercase;
}

