Placer le bouton play/pause à droite sur le Cycloshow.

N'afficher qu'un des 2 boutons à la fois (Pause au départ, Play ensuite)

noisettes/sommaire/sommaire_modeportailcognac.html

@@ -39,12 +39,18 @@
 		  focusOnSelect: true
 		});
 		
+		$('#diaporama .diaporama-play').hide();
+		
 		$('#diaporama .diaporama-pause').on('click', function() {
 		  $('#diaporama .slider-slick').slick('slickPause');
+		  $('#diaporama .diaporama-pause').hide();
+		  $('#diaporama .diaporama-play').show();
 		});
 
 		$('#diaporama .diaporama-play').on('click', function() {
 		  $('#diaporama .slider-slick').slick('slickPlay');
+		  $('#diaporama .diaporama-pause').show();
+		  $('#diaporama .diaporama-play').hide();
 		});
 		
 		$('#cycloshow .slider-slick').slick({
@@ -60,12 +66,18 @@
 		  focusOnSelect: true
 		});
 		
+		$('#cycloshow .diaporama-play').hide();
+		
 		$('#cycloshow .diaporama-pause').on('click', function() {
 		  $('#cycloshow .slider-slick').slick('slickPause');
+		  $('#cycloshow .diaporama-pause').hide();
+		  $('#cycloshow .diaporama-play').show();
 		});
 
 		$('#cycloshow .diaporama-play').on('click', function() {
 		  $('#cycloshow .slider-slick').slick('slickPlay');
+		  $('#cycloshow .diaporama-pause').show();
+		  $('#cycloshow .diaporama-play').hide();
 		});
 		
 		// Pour que les éventuelles vidéos soient jouées

stylesportailcognac.css.html

@@ -563,12 +563,22 @@ select {
 	z-index: 1;
 }
 
+#cycloshow .controles-diaporama {
+	left: initial;
+	right: 1rem;
+}
+
 .controles-diaporama button {
 	background-color: #ffffff80;
 	-webkit-backdrop-filter: blur(10px);
 	backdrop-filter: blur(10px);
 }
 
+.controles-diaporama button:hover, 
+.controles-diaporama button:focus {
+    background-color: #FFF;
+}
+
 @media only screen and (max-width: 767px) {
    #liens-diaporama li a span {
     padding: .25em 0;