Variante d'affichage du carrousel en mode Cognac :

* mot clef :  CycloShow (au lieu de ZoomSur)
* affiche plusieurs articles avec leur titre, descriptif (bulle d'aide) et logo
* triés par numéro de titre ou anti-chronologique

noisettes/sommaire/sommaire_modeportailcognac.html

@@ -186,7 +186,7 @@
 <script type="text/javascript">
 	// slider Slick
 	$(document).ready(function(){
-		$('.slider-slick').slick({
+		$('#diaporama .slider-slick').slick({
 		  autoplay: true,
 		  pauseOnHover: true,
 		  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
@@ -198,6 +198,18 @@
 		  focusOnSelect: true
 		});
 		
+		$('#cycloshow .slider-slick').slick({
+		  autoplay: true,
+		  pauseOnHover: true,
+		  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
+		  fade: true,
+		  cssEase: 'linear',
+		  arrows: true,
+		  dots: true,
+		  centerMode: true,
+		  focusOnSelect: true
+		});
+		
 		// Pour que les éventuelles vidéos soient jouées
 		// Ceci concerne la première vidéo (ou la seule)
 		var vid = $('.slider-slick').find('video');

paquet.xml

 <paquet
 	prefix="soyezcreateurs"
 	categorie="squelette"
-	version="4.2.23"
+	version="4.2.24"
 	etat="stable"
 	compatibilite="[3.0.25;3.2.*]"
 	logo="img_pack/soyezcreateurs_48.png"

stylesportailcognac.css.html

@@ -331,6 +331,8 @@ select {
 .slider-pratique {
   margin: 0 4rem;
 }
+#cycloshow .slick-prev,
+#cycloshow .slick-next,
 .slider-pratique .slick-prev,
 .slider-pratique .slick-next {
   width: 60px;
@@ -340,15 +342,24 @@ select {
 .slider-pratique .slick-prev {
   left: -60px;
 }
+#cycloshow .slick-prev:before,
 .slider-pratique .slick-prev:before {
   content: "\276c";
 }
 .slider-pratique .slick-next {
   right: -60px;
 }
+#cycloshow .slick-next:before,
 .slider-pratique .slick-next:before {
   content: "\276d";
 }
+#cycloshow .slick-prev:before,
+#cycloshow .slick-next:before {
+  font-family: "picto-soyezcreateurs" ;
+  font-size: 50px;
+  opacity: 1;
+  color: #FFF;
+}
 .slider-pratique .slick-prev:before,
 .slider-pratique .slick-next:before {
   margin-left: -20px;
@@ -368,6 +379,9 @@ select {
 .slider-pratique button:focus {
   background-color: transparent;
 }
+.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
+    background: rgba(48,48,48,0.5);
+}
 .slider-pratique .content-pratique {
   background-color: #GET{c_triadeb};
   width: 280px;
@@ -684,9 +698,11 @@ img.editologo {
 
 
 
-// gestion block texte sur slider : CycloShow
+/* gestion block texte sur slider : CycloShow */
 #cycloshow {
-	width: #GET{LargeurContaineur}px;
+	position: relative;
+	max-width: #GET{LargeurContaineur}px;
+	width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
@@ -712,14 +728,15 @@ img.editologo {
   width: 27%;
   padding: 1.75em !important;
 }
-.slider-content.desc-gauche h3 {
-  margin: 0 0 1em;
-  color: #ffcc03;
+#content .slider-content.desc-gauche h3 {
+  margin: 0 0 1em 0;
+  padding: 0;
+  color: #GET{c_triadec};
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   font-size: 2.15em;
   line-height: 1.15em;
-  text-align: center;
+  text-align: left;
 }
 .slider-content.desc-gauche p {
   font-size: 1.25em;