@charset "utf-8";
/* ============================================================
   Lecteur audio réutilisable - Soirat
   Pour l'utiliser sur une page :
   1) dans le <head> :
        <link href="chemin/vers/lecteur-audio.css" rel="stylesheet" type="text/css">
        <script src="chemin/vers/lecteur-audio.js" defer></script>
   2) à l'endroit voulu dans le <body> :
        <div class="lecteur-audio" data-src="chemin/vers/fichier.mp3" data-titre="Titre du morceau"></div>
      (data-titre est facultatif)
   ============================================================ */

.lecteur-audio {
	max-width: 480px;
	margin: 1em auto 1.5em;
	padding: 0.8em 1.2em;
	background-color: #e0f7fa;
	border-radius: 10px;
	text-align: center;
}

.lecteur-audio .lecteur-audio-titre {
	margin: 0 0 0.5em;
	font-style: italic;
	font-weight: 600;
	color: darkblue;
	font-size: 15px;
}

.lecteur-audio audio {
	width: 100%;
}

.lecteur-audio .lecteur-audio-erreur {
	margin: 0.5em 0 0;
	font-size: 13px;
	font-style: italic;
	color: crimson;
}
