.vjs-like-button.vjs-control {
    background-image: url('./coeur_30x30.png');
    background-repeat:  no-repeat;
    float: right;
    cursor:pointer;
}

.vjs-like-button.vjs-control .vjs-control-content .vjs-control-text {
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    line-height: 30px;
    width: 4em;
    clip: inherit;
    position: static;
}

/****************************/
/*  ControlBar
/****************************/
.vjs-fullscreen-control .vjs-control-content { width: 38px; height: 30px;  } 

.vjs-control-bar { position: relative; }

.vjs-control-bar .vjs-fullscreen-control { position: absolute; right: 5px; } 
.vjs-control-bar .vjs-volume-control { position: absolute; right: 50px;  }
.vjs-control-bar .vjs-mute-control { position: absolute; right: 95px; } 
.vjs-like-button { position: absolute; right: 140px; }


/*******************************
/* Player Playlist
/*******************************/

.vjs-next-button {
    cursor: pointer;
}
.vjs-next-button.vjs-control:before {
    font-family: FontAwesome;
    content:"\f04e";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.vjs-prev-button.vjs-control:before {
    font-family: FontAwesome;
    content:"\f04a";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.vjs-loop-button.vjs-control:before {
    font-family: FontAwesome;
    content:"\f01e";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

.video-js.vjs-loop .vjs-loop-button.vjs-control:before {
    color: red !important;
}

.video-js.vjs-controls-disabled .vjs-poster {
    display: block;
}
/* Always show control bar */
.video-js.vjs-static-controls .vjs-control-bar {
    display:block;
    bottom: -35px;
}
.video-js.vjs-static-controls.vjs-fullscreen  .vjs-control-bar{
    bottom: 0;
}
/* Don't fade out controls */
.video-js.vjs-static-controls.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; 
}

/* Align poster to top */
.video-js.vjs-static-controls .vjs-poster {
    background-position: 50% 0;
}

/* Override tech height:100% */
.video-js.vjs-static-controls .vjs-tech {
    height: auto;
    height: calc(100% - 30px);
} 

#playerList .vjs-poster {
    background-size: cover;
}

/*
*
* Video draggable & resizable
*/
.modal_wrapper {
    background-color: white;
    border: 1px solid transparent;
    display:none;
    position: fixed !important; /* corrige comportement jquery resizable */
    top:20px;
    left: 10px;
    height: 270px;
    z-index: 10;
}


.modal_wrapper:hover {
    border: 1px solid #005fb3;
}

.modal_wrapper .modal_content {
    background-color: transparent;
    position: relative;
    width: 480px;
}

.modal_wrapper .modal_content .actions {
    text-align: right;
    position: absolute;
    top:10px;
    right: 6px;
    z-index: 10;
}

.modal_wrapper .modal_content .actions a.close {
    background-color: #eee;
    border-radius: 4px;
    color: red;
    font-weight: bold;
    line-height: 10px;
    opacity: 0.8;
    padding: 2px;
}

.modal_wrapper .modal_content .block.block-clip {
    padding: 0;
} 

.vjs-poster {background-color: #000;}