/**
 * Copyright © 2017 Centre Pompidou
 */


/**************************** Containers. */

.sound-player-wrapper {
	margin-bottom: 20px;
}


/**************************** Audio player. */

.jp-audio {
	margin: 0;
	text-indent: -9999px;
}
.jp-audio .jp-interface {
	height: 25px;
	border-top: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
	margin: 0;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	-ms-display: flex;
	-ms-flex-direction: row;
}
.jp-audio .jp-interface > * {
	float: left;
	margin: 0;
	padding: 0;
}
.jp-audio .jp-controls {
	width: 100px;
	padding: 0 10px;
	height: 100%;
	list-style-type: none;
	border-right: 1px solid #C2C2C2;
}
.jp-audio .jp-controls a {
	float: left;
	width: 30px;
	height: 100%;
}
.jp-audio .jp-controls .jp-previous {
	background: url('../images/players/buttons.png') no-repeat 1px -136px;
}
.jp-audio .jp-controls .jp-previous:hover {
	background: url('../images/players/buttons.png') no-repeat -26px -135px;
}
.jp-audio .jp-controls .jp-play {
	background: url('../images/players/buttons.png') no-repeat 2px 1px;
}
.jp-audio .jp-controls .jp-play:hover {
	background: url('../images/players/buttons.png') no-repeat -22px 1px;
}
.jp-audio .jp-controls .jp-pause {
	background: url('../images/players/buttons.png') no-repeat 2px -23px;
}
.jp-audio .jp-controls .jp-pause:hover {
	background: url('../images/players/buttons.png') no-repeat -22px -23px;
}
.jp-audio .jp-controls .jp-next {
	background: url('../images/players/buttons.png') no-repeat 1px -162px;
}
.jp-audio .jp-controls .jp-next:hover {
	background: url('../images/players/buttons.png') no-repeat -27px -161px;
}
.jp-audio .jp-timers {
	padding: 0 10px;
	width: 100px;
	text-indent: 0px;
	line-height: 22px;
}
.jp-audio .jp-timers > * {
	display: inline-block;
}
.jp-audio .jp-timers p {
	line-height: 22px;
}
.jp-audio .jp-timers .jp-current-time {
	color: #000;
}
.jp-audio .jp-timers .jp-separator {
	background: url('../images/players/time-separator.png') no-repeat -2px 0;
	vertical-align: top;
	width: 15px;
	height: 25px;
}
.jp-audio .jp-progress {
	height: 25px;
	margin-right: 10px;
	min-width: 100px;
	flex: 1;
	-ms-flex: 1;
}
.jp-audio .jp-progress .jp-seek-bar {
	background: #C2C2C2;
	height: 10px;
	margin-top: 7px;
}
.jp-audio .jp-progress .jp-seek-bar .jp-play-bar {
	background: #000;
	height: 100%;
}
.jp-audio .jp-volume-controls {
	width: 30px;
	height: 25px;
	border-left: 1px solid #C2C2C2;
}
.jp-audio .jp-volume-controls a {
	display: block;
	height: 100%;
	width: 100%;
}
.jp-audio .jp-volume-controls .jp-mute {
	background: url('../images/players/buttons.png') no-repeat 5px -43px;
}
.jp-audio .jp-volume-controls .jp-mute:hover {
	background: url('../images/players/buttons.png') no-repeat -19px -43px;
}
.jp-audio .jp-volume-controls .jp-unmute {
	background: url('../images/players/buttons.png') no-repeat -44px -42px;
}
.jp-audio .jp-volume-controls .jp-unmute:hover {
	background: url('../images/players/buttons.png') no-repeat -44px -22px;
}
.jp-audio .jp-volume-bar {
	width: 70px;
	height: 10px;
	margin: 7px 10px 10px 10px;
	background: #C2C2C2;
}
.jp-audio .jp-volume-bar .jp-volume-bar-value {
	background: #000;
	height: 100%;
}

.jp-audio .jp-playlist {
	text-indent: 0;
	display: none;
}
.jp-audio .jp-playlist  ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.jp-audio .jp-playlist li {
	border-bottom: 1px solid #C2C2C2;
	height: 20px;
}
.jp-audio .jp-playlist li div {
	height: 100%;
}
.jp-audio .jp-playlist li div a {
	height: 100%;
	line-height: 19px;
	padding-left: 10px;
	text-decoration: none;
}
.jp-audio .jp-playlist li:hover {
	background: #C2C2C2;
}
.jp-audio .jp-playlist .jp-playlist-current {
	background: #C2C2C2;
}
.jp-audio .jp-playlist .jp-playlist-current a {
	color: #000;
}