/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-02-03, 14:42:51
    Author     : Utilisateur
*/

/**
*
*   LA BASE
*
*/
.nap{width:100%;font-size:1em;}
.nap a{text-decoration:none;}
.nap-bar .nap-playpause,
.nap-bar .nap-next,
.nap-bar .nap-prev,
.nap-bar .nap-progress,
.nap-bar .nap-time,
.nap-bar .nap-volume{float:left;}
.nap-bar .clear{clear:both;}
/* la largeur / hauteur */
.nap-bar{height:1.5em;width:100%;}
.nap-bar .nap-next,
.nap-bar .nap-prev,
.nap-bar .nap-volume,
.nap-bar .nap-playpause{width:1em;}
.nap-bar .nap-time{width:6.5em;text-align:center;}
.nap-bar .nap-progress{
    width:56.40625%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);    
    width:calc( 100% - 10.5em );
}
.nap-error span{color:#999;}
/**
*
*   ACTIONS
*
*/
.nap-bar.mute .nap-mute,
.nap-bar .nap-unmute,
.nap-bar .nap-pause,
.nap-error > span,
.nap-bar.playing .nap-play{display:none;}

.nap.error.browser .browser,
.nap-bar.mute .nap-unmute,
.nap-bar.playing .nap-pause{display:inline-block;}

.nap-progress{position:relative;}
.nap-progress-played,
.nap-progress-loaded{position:absolute;height:1px;top:50%;margin-top:-1px;}
.nap-progress-loaded{background-color:#999;width:0%;z-index:5;}
.nap-progress-played{background-color:red;width:0%;z-index:10;}
.nap-progress:hover{cursor: pointer;}