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)
-
Écoutez le direct !
-
+
+
Écoutez le direct !
+
+
<:libreavous:de_15h30_a_17h:>
+
Salon web
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;
+ }
}
}