.audiojs audio {
    
    z-index: -1;
    position: absolute;
    left: -1px;
    width:150px;
   
     
}
/*   <!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]--> */


.audiojs,
.player-normal .audiojs
{
    
    border-radius: 4px;
    border: 1px solid #CCC;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.player-mini .audiojs
{
     border: 0;
     background: none;
}


.audiojs, 
.audiojs.error 
{ 
    
    position: relative;
    
   /* width: 250px; */
   
    margin: 1em 0;
    
/*     height: 44px; 
 */  
    overflow: hidden; 
    font-family: monospace; 
    font-size: 12px;   
   
}    
.player-mini .audiojs, 
.player-mini .audiojs.error 
{ 
    width: 180px; 
}

.audiojs .play-pause { 
    
    padding: 4px 6px; 
    margin: 0px; 
    float: left; 
    overflow: hidden; 

}       

.player-mini  .audiojs .play-pause { 
    
    padding: 6px 6px; 

}     

.audiojs .play-pause { 
    width: 45px; 
    height: 40px; 
}        

.player-mini .audiojs .play-pause { 
    width: 25px; 
    height: 20px; 

}       



.audiojs p { 
    display: none; 
    width: 40px; 
    height: 40px; 
    margin: 0px; 
    cursor: pointer; 
}         

.audiojs .play { 
    display: block; 
}         

.audiojs .scrubber {
    margin-top: 22px; 
}

.player-mini .audiojs .scrubber {
    margin-top: 12px; 
}


.audiojs .scrubber { 
     
    border-radius: 2px;
    position: relative; 
    float: left; 
    width: 180px; 
     
    height: 14px; 
    overflow: hidden; 
    
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}        

.player-mini .audiojs .scrubber {
    width: 110px; 
}

.audiojs .progress { 
    
    cursor:text;
    
    border-radius: 2px;
     
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
     /* background: #60bf22; */
    z-index: 1;    
   /*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));         
    background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); */ 
    

    
    background: #61e33a; /* Old browsers */
background: -moz-linear-gradient(top,  #61e33a 0%, #39cc39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61e33a), color-stop(100%,#39cc39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #61e33a 0%,#39cc39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #61e33a 0%,#39cc39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #61e33a 0%,#39cc39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #61e33a 0%,#39cc39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61e33a', endColorstr='#39cc39',GradientType=0 ); /* IE6-9 */

    
}         

.audiojs .loaded { 

    cursor:text;
    
    border-radius: 2px;
    
    background: #BBBCB1;
    
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
    background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #bbbcb1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#bbbcb1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#bbbcb1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#bbbcb1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#bbbcb1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#bbbcb1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#bbbcb1',GradientType=0 ); /* IE6-9 */

    /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222)); */
    /* background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);  */
}        



.audiojs .time { 

    /* float: left;  */
    /* height: 36px;  */
    /* line-height: 36px;  */
    /*margin: 0px 0px 0px 6px; */
    padding: 0px 6px 0px 12px; 
    /* border-left: 1px solid #000;  */
    /* color: #ddd;  */
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);  */
    
    left: 90px;
    top: 6px;
    position: absolute;
}        

.player-mini .audiojs .time { 
    
    left: 40px;
    top: 0px;
    
}

.audiojs .time em { 
    padding: 0px 2px 0px 0px; 
    /* color: #f9f9f9;  */
    font-style: normal; 
}

.audiojs .time strong { 

    padding: 0px 0px 0px 2px; 
    font-weight: normal;

 }
 
.audiojs .error-message { 
    float: left; 
    display: none; 
    margin: 0px 10px; 
    height: 36px; 
    width: 400px; 
    overflow: hidden; 
    line-height: 36px; 
    white-space: nowrap; 
    color: #fff;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
}
 
.audiojs .error-message a { 

    color: #eee; 
    text-decoration: none; 
    padding-bottom: 1px; 
    border-bottom: 1px solid #999; 
    white-space: wrap; 
}

/* .player-normal .audiojs .play, */
.audiojs .play{ 

    background: url("../images/player/play_button_36.png") no-repeat;
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -1px no-repeat; */

}
.player-mini .audiojs .play { 

    background: url("../images/player/play_button_24.png") no-repeat;
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -1px no-repeat; */

}

.audiojs .loading { 

    background: url("../images/player/hourglass_36.png") no-repeat;
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -31px no-repeat; */

 }

.player-mini .audiojs .loading { 

    background: url("../images/player/hourglass_24.png") no-repeat;
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -31px no-repeat; */

 }
 
.player-mini .audiojs .error { 

     border: 0;
     background: url("../images/player/emoticon_sad_24.png") no-repeat; 
     /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -61px no-repeat;  */

}
.audiojs .error, 
.player-normal .audiojs .error { 

     border: 0;
     background: url("../images/player/emoticon_sad_36.png") no-repeat; 
     /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -61px no-repeat;  */

}

.player-mini .audiojs .pause { 

    background: url("../images/player/pause_button_24.png")  no-repeat; 
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -91px no-repeat;  */

}
.audiojs .pause { 

    background: url("../images/player/pause_button_36.png")  no-repeat; 
    /* background: url("./audiojs/audiojs/player-graphics.gif") -2px -91px no-repeat;  */

}

.playing .play, .playing .loading, .playing .error { 

    display: none; 
}

.playing .pause { 
    display: block; 
}

.loading .play, .loading .pause, .loading .error { 
    display: none; 

}

.loading .loading { 
    display: block;
}
 
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { 

     display: none; 

}

.error .error { 
    display: block; 

}

.error .play-pause p { 
    cursor: auto; 
}

.error .error-message { 
    display: block;
}

.player-round .audiojs
{
     border: 0;
     background: none;
}





/****** Player Round *****/








.player-round  .audiojs .play-pause { 
    width: 45px; 
    height: 20px;  
    float:none;
}      


.player-round.chronique .audiojs .pause ,
.player-round.chronique .audiojs .play 
{
    background: #752FDF; 
    height: 20px; 
}

.player-round .audiojs .error
{
    background: #9D261D;
    height: 20px; 
}

.player-round .audiojs .loading
{
    background: #ccc;
    height: 20px; 
}
.player-round .audiojs .play
{
    background: #F9B41E;
    height: 20px; 
}

.player-round .audiojs .pause
{
    background: #F9B41E;
    height: 20px; 
}

.player-round  .audiojs .play-pause p { 
    
    /*border: 2px solid #F9B41E;*/

    border-radius: 1px;

    color: #FFF;
}  

.player-round  .audiojs .play-pause  p.play:after {
content: "\F0DA";
font-family: "fontAwesome";
vertical-align: middle;
font-size: 2em;
}
.player-round  .audiojs .play-pause p.pause:after {
content: "\F04C";
font-family: "fontAwesome";
vertical-align: middle;
/* font-size: 2em;
 */
}
.player-round  .audiojs .play-pause p.error:after {
content: "\F071";
font-family: "fontAwesome";
vertical-align: middle;
font-size: 2em;
}
.player-round  .audiojs .play-pause p.loading:after {
content: "\F141";
font-family: "fontAwesome";
vertical-align: middle;
font-size: 2em;
}

.player-round .audiojs .progress,
.player-round .audiojs .scrubber,
.player-round .audiojs .time
{
    display:none;
}

.player-round.box-audioplayer{
padding: 0;
margin: 0;

height: 40px;

}

.player-round .audiojs, .player-round .audiojs.error {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
}

/* ORIGINAL 

.audiojs audio {
    
    z-index: -1;
    position: absolute;
    left: -1px;
     
}

.audiojs
{
    border-radius: 2px;
    width: 300px;
}       

.audiojs audio { 
    position: absolute; 
    left: -1px;
}         

.audiojs { 
    width: 460px; 
    height: 36px; 
    background: #404040; 
    overflow: hidden; 
    font-family: monospace; 
    font-size: 12px;    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));           
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);           
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
}         

.audiojs .play-pause { 
    width: 25px; 
    height: 40px; 
    padding: 4px 6px; 
    margin: 0px; 
    float: left; 
    overflow: hidden; 
    border-right: 1px solid #000; 
}        

.audiojs p { 
    display: none; 
    width: 25px; 
    height: 40px; 
    margin: 0px; 
    cursor: pointer; 
}         

.audiojs .play { 
    display: block; 
}         

.audiojs .scrubber { 

    position: relative; 
    float: left; 
    width: 280px; 
    background: #5a5a5a; 
    height: 14px; 
    margin: 10px; 
    border-top: 1px solid #3f3f3f; 
    border-left: 0px; 
    border-bottom: 0px; 
    overflow: hidden; 

}        

.audiojs .progress { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
    background: #ccc; 
    z-index: 1;    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));         
    background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); 
}         

.audiojs .loaded { 

    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
    background: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
    background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}        

.audiojs .time { 

    float: left; 
    height: 36px; 
    line-height: 36px; 
    margin: 0px 0px 0px 6px; 
    padding: 0px 6px 0px 12px; 
    border-left: 1px solid #000; 
    color: #ddd; 
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); 
}         

.audiojs .time em { 
    padding: 0px 2px 0px 0px; 
    color: #f9f9f9; 
    font-style: normal; 
}

.audiojs .time strong { 

    padding: 0px 0px 0px 2px; 
    font-weight: normal;

 }
 
.audiojs .error-message { 
    float: left; 
    display: none; 
    margin: 0px 10px; 
    height: 36px; 
    width: 400px; 
    overflow: hidden; 
    line-height: 36px; 
    white-space: nowrap; 
    color: #fff;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
}
 
.audiojs .error-message a { 

    color: #eee; 
    text-decoration: none; 
    padding-bottom: 1px; 
    border-bottom: 1px solid #999; 
    white-space: wrap; 
}

.audiojs .play { 

    background: url("./audiojs/audiojs/player-graphics.gif") -2px -1px no-repeat;

}

.audiojs .loading { 

    background: url("./audiojs/audiojs/player-graphics.gif") -2px -31px no-repeat;

 }
 
 .audiojs .error { 

     background: url("./audiojs/audiojs/player-graphics.gif") -2px -61px no-repeat; 

}

.audiojs .pause { 

    background: url("./audiojs/audiojs/player-graphics.gif") -2px -91px no-repeat; 

}

.playing .play, .playing .loading, .playing .error { 

    display: none; 
}

.playing .pause { 
    display: block; 
}

.loading .play, .loading .pause, .loading .error { 
    display: none; 

}

.loading .loading { 
    display: block;
}
 
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { 

     display: none; 

}

.error .error { 
    display: block; 

}

.error .play-pause p { 
    cursor: auto; 
}

.error .error-message { 
    display: block;
}

*/