From 36695893ed75b52009200ea0dfb65ba72935805a Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Thu, 7 Oct 2021 14:39:42 +0200
Subject: [PATCH] lecteur radiolive joli

---
 squelettes/inclure/radiolive.html  |  7 +++++--
 squelettes/scss/styles/_perso.scss | 31 ++++++++++++++++++++++++++++--
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/squelettes/inclure/radiolive.html b/squelettes/inclure/radiolive.html
index a123eed..261eacc 100644
--- a/squelettes/inclure/radiolive.html
+++ b/squelettes/inclure/radiolive.html
@@ -10,8 +10,11 @@
 	[(#ENV{date}|>={#ENV{debut_emission}}|oui)
 	#SET{live,on}]
 ][(#GET{live}|=={on}|oui)<div class="radiolive">
-	<h4>Écoutez le direct !</h4>
-	<audio controls> <source src="https://icecast.libre-a-toi.org:8444/voixdulat_mp3" type="audio/mpeg">.Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://icecast.libre-a-toi.org:8444/voixdulat_mp3">écoutez l'émission</a>.</audio>
+	<div class="live_audio">
+		<h4>Écoutez le direct !</h4>
+		<audio controls> <source src="https://icecast.libre-a-toi.org:8444/voixdulat_mp3" type="audio/mpeg">.Votre navigateur ne supporte pas l'élément <code>audio</code> : <a href="https://icecast.libre-a-toi.org:8444/voixdulat_mp3">écoutez l'émission</a>.</audio>
+		<p><strong><:libreavous:de_15h30_a_17h:></strong></p>
+	</div>
 	<h4>Salon web</h4>
 	<div class="bp-medium-up">
 		<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" id="rocketchat"></iframe>
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss
index 4098c1b..4c6ee62 100644
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@@ -493,7 +493,7 @@ ul.spip {
 		text-align: center;
 		margin:0 -4rem;
 		@include media($bp-medium) {
-			margin:0 -2rem;
+			margin:0;
 		}
 		.telecharger {
 			padding:0;
@@ -949,7 +949,34 @@ a:hover .fab, a:hover .fas {
 		min-height:300px;
 	}
 	audio {
-		width: 100%;
+		@include media($bp-medium) {
+			margin:0.5rem -4rem;
+			width:100%;
+		}
+	}
+	.live_audio {
+		@include media($bp-medium-up) {
+			@include flex();
+			align-items:center;
+			justify-content:space-between;
+			> * {
+				width:33%;
+				&:first-child {
+					text-align:left;
+				}
+				&:last-child {
+					text-align:right;
+				}
+			}
+		}
+		padding:1rem;
+		background:$couleurSecondaire;
+		color:white;
+		text-align:center;
+		h4 {
+			margin:0;
+			color:white;
+		}
 	}
 }