.plyr__progress__buffer{
  color: white;
  opacity: 0.2;
}

#plyr-seek-7324{
  color: white;
}

[data-plyr="play"]::after {
  font-family: "Instant";
  font-size: 16px;
  content: "Jouer";

}

[data-plyr=play].plyr__control--pressed:after {
  font-family: "Instant";
  font-size: 16px;
  content:"Pause"
 }

.plyr__control svg {

  display: none;

}

.plyr__progress__buffer {
  height: 1px !important;
}


.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b3ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width:100%
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background:#fff;
  background:var(--plyr-range-thumb-background,#fff);
  border:0;
  border-radius:00%;
  box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);
  box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
  height:13px;
  height:var(--plyr-range-thumb-height,10px);
  position:relative;
  -moz-transition:all .2s ease;
  transition:all .2s ease;
  width:1px !important;;
  width:var(--plyr-range-thumb-height,13px)
 }

.plyr--full-ui input[type=range]::-webkit-slider-thumb { 
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #ededed);
  border: 0;
  border-radius: 00%;
  box-shadow: 0 1px 1px 0 0 0 1px rgba(35, 40, 47, .15) rgba(35, 40, 47, .2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
  height: 23px;
  height: var(--plyr-range-thumb-height, 10px);
  margin-top: -4px;
  margin-top: calc(var(--plyr-range-thumb-height, 13px) /2 * -1 - var(--plyr-range-track-height, 5px) /2 * -1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 1px !important;
}

.plyr--full-ui input[type=range]::-moz-range-progress,
.plyr--full-ui input[type=range]::-webkit-progress-value {
  background:black;
  border-radius:.5px;
  height:1px!important;
 }

 .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {

  height: 1px !important;

}
 
 .plyr--full-ui input[type=range]::-ms-fill-upper,
 .plyr--full-ui input[type=range]::-ms-track {
  background:transparent;
  border:0;
  border-radius:.5px;
  height:1px!important;
 
 }

 .plyr--full-ui input[type=range]::-moz-range-track,
 .plyr--full-ui input[type=range]::-webkit-range-track{
  background:transparent;
  border:0;
  border-radius:.5px;
  height:1px!important;
  -moz-transition:box-shadow .3s ease;
  transition:box-shadow .3s ease;
  -moz-user-select:none;
  user-select:none
 }

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
 display:none;
}

.plyr__menu .plyr__control svg {
  transition:transform .3s ease;
  display: none;
  margin-left: 0;

 }

 .plyr--full-ui input[type=range]::-moz-range-progress {
  background:currentColor;
  height:5px;
  height:var(--plyr-range-track-height,5px)
 }
 .plyr--audio .plyr__control.plyr__tab-focus,
 .plyr--audio .plyr__control:hover,
 .plyr--audio .plyr__control[aria-expanded=true] {
  background: white;
  background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
  color:#fff;
  color:var(--plyr-audio-control-color-hover,#fff)
 }

 .plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
 background:none;
 color:#fff;
 color:var(--plyr-video-control-color-hover,#fff)
}

.plyr--video .plyr__controls {
  margin-left: 0;

  background: none;
  background: none;
    cursor:default;
    padding:0 0.4rem 0.4rem;
    mix-blend-mode:difference;
   
}

  .plyr__tooltip {

  border-radius:3px;
  border-radius:var(--plyr-tooltip-radius,3px);
  bottom:100%;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
  color:#000000;
  color:var(--plyr-tooltip-color,#4a5464);
  font-size:13px;
  font-size:var(--plyr-font-size-small,13px);
  font-weight:400;
  font-weight:var(--plyr-font-weight-regular,400);
  left:50%;
  line-height:1.3;
  margin-bottom:10px;
  margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);
  opacity:0;
  padding:5px 7.5px;
  padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);
  pointer-events:none;
  position:absolute;
  transform:translate(-50%,10px) scale(.8);
  transform-origin:50% 100%;
  transition:transform .2s ease .1s,opacity .2s ease .1s;
  white-space:nowrap;
  z-index:2
  }

  .plyr__progress .plyr__tooltip {
  font-size: 1.2em;
  /*! font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px)); */left:0
  }

  .plyr--full-ui input[type=range] {
  /*! -webkit-appearance:none; */
  appearance:none;
  /*! background:0 0; */
  border:0;
  border-radius:26px;
  /*! border-radius:calc(var(--plyr-range-thumb-height,13px)*2); */
  color: white;
  display:block;
  height:19px;
  height:13;
  /*! margin:0; */
  /*! min-width:0; */
  /*! padding:0; */
  /*! transition:box-shadow .3s ease; */
  width:100%;
  display: non;
  }

  .plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: none;
}

// cacher le controlleur
.plyr--video.plyr--hide-controls {
opacity:1;
color: blue;
pointer-events:none;
transform:translateY(0%) !important;
}