/***********
Audio
***********/

.flag_audio {
	display:flex;
	height:60px;
	margin-top:8px;}
.bloc_flag {
	width:50%;}
.bloc_flag img {
	float:right;
	margin:0;}
.bloc_audio {
	width:50%;
	padding:12px 0 12px 20px;}
audio {
	float:left;}
.audiojs {
	width: 120px;
	height: 36px;
	background: #404040;
	overflow: hidden;
	font-family: monospace;
	font-size: 12px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause {
	width: 20px;
	height: 28px;
	padding: 4px 6px;
	margin: 0px;
	float: left;
	overflow: hidden; }
.audiojs p {
	display: none;
	width: 20px;
	height: 28px;
	margin: 0px;
	cursor: pointer; }
.audiojs .play {
	display: block; }
.audiojs .scrubber {
	position: relative;
	float: left;
	width: 65px;
	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: rgb(197,222,234);
	background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 47%,rgba(6,109,171,1) 100%);
	z-index: 1; }
.audiojs .loaded {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 14px;
	width: 0px;
	background: rgb(76,76,76);
	background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); }
.audiojs .time {
	display: none;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0px 0px 0px 6px;
	padding: 0px 6px 0px 12px;
	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; }
.audiojs .error-message a {
	color: #eee;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
	white-space: wrap; }
.audiojs .play {
	background: url("./../ephemerides/journalier/audiojs/player-graphics.gif") -4px -1px no-repeat; }
.audiojs .loading {
	background: url("./../ephemerides/journalier/audiojs/player-graphics.gif") -4px -31px no-repeat; }
.audiojs .error {
	background: url("./../ephemerides/journalier/audiojs/player-graphics.gif") -4px -61px no-repeat; }
.audiojs .pause {
	background: url("./../ephemerides/journalier/audiojs/player-graphics.gif") -4px -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; }

p {
	clear: both; }