div.maudio .audio{height:0;overflow:hidden;display:none;}
div.maudio .audio-control{
  overflow:hidden;
  margin-top:10px;
  font-size: 12px;
  font-weight: normal;
}
div.maudio .audio-control a,
div.maudio .audio-control div{
  float:left;
  margin:10px 5px;
  cursor:pointer;
}
div.maudio .audio-control a{
  display:block;
  background:url(../img/audio_icon.png) no-repeat 0 0;
  width:30px;
  height:30px;
  text-align:center;
  text-decoration:none;
  overflow:hidden;
}
div.maudio .audio-control a.play{
  border-radius:50%;
  background-color:#F67280;
  background-position:10px 8px;
}
div.maudio.playing .audio-control a.play{
  background-position:11px -22px;
}
div.maudio .audio-control a.fast-reverse,
div.maudio .audio-control a.fast-forward{
  width:17px;
  height:17px;
  margin-top:15px;
  background-position:-50px 1px;
}
div.maudio .audio-control a.fast-reverse{
  background-position:-50px -59px;

}
div.maudio .audio-control a.fast-forward:hover{
  background-position:-50px -29px;
}
div.maudio .audio-control a.fast-reverse:hover{
  background-position:-50px -89px;
}

div.maudio .audio-control .progress-bar{
  width:75%;
  height:30px;
  margin:11px 5px;
  border-radius:20px;
  background:#afafaf;
  overflow:hidden;
}

@media screen and (max-width: 650px) {
  div.maudio .audio-control .progress-bar {
    width: 33%;
    height: 30px;
    margin: 11px 5px;
    border-radius: 20px;
    background: #afafaf;
    overflow: hidden;
  }
  .essentielleplay{

    font-size: 40px !important;
    color:#FFF !important;
  }
  .essentiellepause{

    font-size: 40px !important;;
    color:#FFF;
    display: none !important;;
  }
  .control-essentielle{
    position: absolute !important;;
    top:50px !important;;
    left:35vw !important;;
    padding:40px !important;;
    background-color: #F67280;
    border-radius: 50%;
    justify-content: center;
    text-align: center;
    opacity: 0.8;
  }
}

div.maudio .audio-control .progress-pass{
  width:0;
  height:30px;
  margin:0;
  border-radius:20px;
  background:#F67280;
}
div.maudio .audio-control .time-keep{
  height:30px;
  line-height:35px;
  color:#45556c;
  cursor:default;
}
div.maudio .audio-control .mute{
  width:21px;
  height:17px;
  margin-top:17px;
  background-position:0 -60px;
}
div.maudio .audio-control .mute.muted{
  background-position:0 -90px;
}
div.maudio .audio-control .volume-bar{
  width:50px;
  height:5px;
  margin-top:13px;
  border-radius:2px;
  background:#afafaf;
}
div.maudio .audio-control .volume-pass{
  width:100%;
  height:5px;
  margin:0;
  border-radius:2px;
  background:#F67280;
}

.essentielleplay{

  font-size: 80px;
  color:#FFF;
}
.essentiellepause{

  font-size: 80px;
  color:#FFF;
  display: none;
}
.control-essentielle{
  position: absolute;
  top:150px;
  left:40%;
  padding:60px;
  background-color: #F67280;
  border-radius: 50%;
  justify-content: center;
  text-align: center;
  opacity: 0.8;
}