/* #PRODUIRE{fond=tinyplayer.css}
   md5:2709d5b00fa28fd17207fa7118db8086 */
@font-face {font-family: 'FontAwesome'; src: url('../../squelettes/css/polices/fontawesome-webfont_v-4.4.0.eot'); src: url('../../squelettes/css/polices/fontawesome-webfont.eot') format('embedded-opentype'), url('../../squelettes/css/polices/fontawesome-webfont.woff') format('woff2'), url('../../squelettes/css/polices/fontawesome-webfont_v-4.4.0.woff') format('woff'), url('../../squelettes/css/polices/fontawesome-webfont_v-4.4.0.ttf') format('truetype'), url('../../squelettes/css/polices/fontawesome-webfont_v-4.4.0.svg') format('svg');
  font-weight: normal; font-style: normal;}


/* Lecteur audio*/
.play_bo:before{
content:"▷";
color: black;
font-size: 0.9em;}


:focus {
    outline: 0;
}

.tinyplayer {
	display: inline-block;/*modif*/
	height: 18px;/*ajout*/
	width: 25px;/*ajout*/
}

.tinyplayer .audio {
	position: relative;
	border-radius: unset;
	position: relative;
	margin:0; /*modif*/
	padding:0;
	font-family: helvetica, sans-serif;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5em;
}

.tinyplayer .audio {
	position: relative;
	border-radius: unset;
	position: relative;
	margin:0; /*modif*/
	padding:0;
	font-family: helvetica, sans-serif;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5em;
}

.tinyplayer .progress_bar {
	position: relative;
	float: none;
	height: 100%;
	width: 100%;
	cursor: default;
}

.contenu_texte .tinyplayer .progress_bar {
	width: 99%;
}

.tinyplayer .progress_bar .position {
	position: absolute;
	z-index:0;
	background-color: rgba(21, 29, 31, 0.1) ;
	width: 0%;
	height: 100%;
}

.tinyplayer .progress_bar .loading {
	background-color:transparent;
	position: absolute;
	width: 0%;
	height: 100%;
}

.tinyplayer .player_info {
	margin: 0;/*modif*/
	font-size: 1.25rem;/*modif*/
	display: flex;
	align-items: center;
}

.tinyplayer button {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
	width: 20px;
	height: 20px;
	position: relative;
	overflow: visible;
	margin-right: 0; /*modif*/
	min-width: 1.5rem;
	flex-basis: 1.5rem;
	text-decoration: none;
	border-bottom: none;
}
	
.tinyplayer button svg {
	width: 20px;
	height: 20px;
}

.tinyplayer button.play #btn-play,
.tinyplayer button.play.playing #btn-pause {
	display: inline-block;
}

.tinyplayer button.play.playing #btn-play,
.tinyplayer button.play #btn-pause {
	display: none;
}

.tinyplayer .track {
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
}

.tinyplayer .track a {
	text-decoration: none;
	color: black;
}

.tinyplayer .timer {
	margin: 0ex 1ex;
	white-space: nowrap;
}

.tinyplayer .play,
.tinyplayer .stop {
	cursor: pointer;
}