modèle radiolive va chercher inclure/radiolive.html

squelettes/inclure/radiolive.html

@@ -13,5 +13,10 @@
 <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>
+	
+	<h4>Salon web</h4>
+	<iframe src="https://talk.libre-a-toi.org/channel/libreavous?layout=embedded" width="100%" height="300" id="rocketchat"></iframe>
+	<p><small>Le cadre affichant le salon peut mettre quelques secondes à apparaître. S'il ne s'affiche pas, vous pouvez <a href="https://talk.libre-a-toi.org/channel/libreavous" class="spip_out">accéder au salon dans une autre fenêtre</a>. Vous pouvez aussi vérifier que votre navigateur, ou un de ses modules, ne bloque pas les cadres (iframe).</small></p>
+
 </div>
 ]

squelettes/modeles/radiolive.html

@@ -1,2 +1,2 @@
 [(#REM) modele radiolive ]
-[(#VAL|radiolive)]
+<INCLURE{fond=inclure/radiolive,env} />

squelettes/scss/styles/_perso.scss

@@ -568,6 +568,7 @@ h2 {
 		}
 		&.ogg {
 			background-image:url('img/ogg.png');
+			margin-left:$spacer;
 			&:hover {
 				background-image:url('img/ogg_hover.png') !important;
 				
@@ -871,6 +872,12 @@ a:hover .fab, a:hover .fas {
 		}
 	}
 }
+/* modele radiolive */
+.radiolive {
+	p {
+		line-height:1.1;
+	}
+}
 
 .orange {
 	color:$couleurSecondaire;