/* Tech skin -style 2 
avec un fond plus sombre
et une barre de progression grise
*/
.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 10em
}

.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none!important
}

.video-js .vjs-control {
    width: 3em
}

.video-js .vjs-menu-button-inline:before {
    width: 1.5em
}

.vjs-menu-button-inline .vjs-menu {
    left: 3em
}

.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
    display: block
}

.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
    display: none!important
}

.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {
    padding: 0 .4em .3em
}

.video-js.vjs-ended .vjs-loading-spinner {
    display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
    display: block !important;
}

video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
    display: block
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em
}

.video-js .vjs-big-play-button {
    background-color: rgba(34,34,34,0.7);
    font-size: 3.5em;
    border-radius: 12%;
    height: 1.4em !important;
    line-height: 1.4em !important;
    margin-top: -0.7em !important
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
    background-color: #0e223d
}

.video-js .vjs-loading-spinner {
    border-color: rgba(34,34,34,0.84)
}

.video-js .vjs-control-bar {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)) repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
}

.video-js .vjs-time-control{
    min-width: 3em;
    padding-left: 0;
    padding-right: 0;
}

/*----------------------------------*/
/* Ajout CI                         */
/*----------------------------------*/

/* Ajout CI pour le focus */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:focus {
  text-shadow: inherit;
  outline-color: #FFF;
  outline-style: dotted;
  outline-width: thin;
  outline-offset: -0.5em;
}


/* Ajout pour le player audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; }
.video-js.vjs-audio.vjs-has-started .vjs-poster { display: block; }
.vjs-audio .vjs-live-control { display: block; }
.vjs-audio .vjs-control-bar { display: flex; }
.vjs-audio .vjs-big-play-button { display: none; }
.vjs-audio.vjs-ended .vjs-big-play-button { display: none !important; }
.vjs-audio.vjs-ended .vjs-big-play-button,.vjs-audio.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.vjs-audio .vjs-big-play-button { display: none; }
.vjs-audio .vjs-fullscreen-control { display:none; }
.video-js.vjs-audio { background: none;}
.video-js.vjs-audio .vjs-control-bar { background-color: #000; }
.video-js.vjs-audio .vjs-time-control { min-width: 4em; }

/* Ajout pour eviter le cas d'une CSS qui définit un style sur button hover sans classe particuliere */
button.vjs-button:hover{background:inherit;}