/* Audio JS */

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

.audiojs {
    width: 100%;
    height: 75px;
    font-family: monospace;
    font-size: 12px;
}

.audiojs .play-pause {
    width: 130px;
    height: 40px;
    padding: 4px 6px;
    margin: auto;
}

.audiojs p {
    width: 25px;
    height: 30px;
    margin: 0;
    cursor: pointer;
    float:left;
    margin-right:2px;
}

.audiojs .play {
    display: block;
}

.audiojs .scrubber {
    position: relative;
    width: 90%;
    background: #acacac;
    height: 10px;
    margin: 10px;
    margin-bottom:0;
    border-left: 0;
    border-bottom: 0;
    overflow: hidden;
}

.audiojs .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 0;
    background: #009EE0;
    z-index: 1;
}

.audiojs .loaded {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 0;
    background: #ccc;
}

.audiojs .time {
    height: 13px;
    margin: 0 0 0 10px;
    padding-top: 5px ;
    color: black;
    position:relative;
    width:90%;
	font-size: .8em;
}

.audiojs .time em {
    padding: 0 2px 0 0;
    color: black;
    font-style: normal;
    position:absolute;
    top:0;
	font-style: italic;
    left:10px;
}

.audiojs .time strong {
	font-style: italic;
    padding: 0 0 0 2px;
    font-weight: normal;
    position:absolute;
    top:0;
    right:10px;
}

.audiojs .error-message {
    float: left;
    display: none;
    margin: 0 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 .prev, .audiojs .next, .audiojs .stop  {
    margin-top:5px;
}
.audiojs .prev {
    background: url("/js/audiojs/skin.jpg") 0px -112px no-repeat;
    width:27px;
    height:27px;
}
.audiojs .prev:hover {
    background: url("/js/audiojs/skin.jpg") -29px -112px no-repeat;
}

.audiojs .play {
    background: url("/js/audiojs/skin.jpg") -1px -1px no-repeat;
    width:38px;
    height:38px;
}
.audiojs .play:hover {
    background: url("/js/audiojs/skin.jpg") -42px -1px no-repeat;
}

.audiojs .pause {
    background: url("/js/audiojs/skin.jpg") -1px -43px no-repeat;
    width:38px;
    height:38px;
    display:none;
}
.audiojs .pause:hover {
    background: url("/js/audiojs/skin.jpg") -42px -43px no-repeat;
}
.audiojs .stop {
    background: url("/js/audiojs/skin.jpg") -1px -83px no-repeat;
    width:27px;
    height:27px;
}
.audiojs .stop:hover {
    background: url("/js/audiojs/skin.jpg") -30px -83px no-repeat;
}
.audiojs .next {
    background: url("/js/audiojs/skin.jpg") -1px -141px no-repeat;
    width:27px;
    height:27px;
}
.audiojs .next:hover {
    background: url("/js/audiojs/skin.jpg") -30px -141px no-repeat;
}

.audiojs .loading {
    background: url("/js/audiojs/skin.jpg") -2px -31px no-repeat;
    display:none;
}

.audiojs .error {
    background: url("/js/audiojs/skin.jpg") -2px -61px no-repeat;
    display:none;
}

.playing .play {
    display: none;
}
.playing .pause {
    display: block;
}

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

.loading .pause {
    display: block;
}

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

.audiojs .error .error {
    display: block;
}

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

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

.box_ecoutez ol {
	clear:both;
	padding-top:10px;
	margin-left: 0;
	list-style: none;
	list-style-type: none;
	border-top:1px solid #009be3;
	padding:0 20px;
}

.box_ecoutez ol li {
	padding:7px 0 7px 20px;
	border-top:1px solid #009be3;
	font-size:0.9em;
}
.box_ecoutez ol .playing {
	list-style-type:square;
	list-style-position:inside;
}
.box_ecoutez ol .playing a {
	color:#009ee0;
}
.box_ecoutez ol li:first-child {
	border-top:none;
}
.box_ecoutez ol li a {
	color:#666;
}
.box_ecoutez ol li a:hover {
	text-decoration:none;
	color:#009ee0;
}

.box_ecoutez .ecoutes {
	font-size:0.9em;
	color:black;
}

/* Fin audio JS*/