diff --git a/noisettes/sommaire/sommaire_modeportailcognac.html b/noisettes/sommaire/sommaire_modeportailcognac.html
index d1cc0047df48e2071e0b740d1aa58aa52287d4d4..d12dfc0ba8ec47a115e541f9b4adaa5a0220609f 100644
--- a/noisettes/sommaire/sommaire_modeportailcognac.html
+++ b/noisettes/sommaire/sommaire_modeportailcognac.html
@@ -9,5 +9,373 @@
<main id="main" role="main"><div id="communiquant_content">
<a id="letexte"></a>
+<!-- SLIDER -->
+<div id="diaporama" class="zone-slider sans-padding avec-padding-bottom avec-margin-bottom">
+ <header>
+ <h1 class="hide">Diaporama</h1>
+ </header>
+ <article class="slider-slick">
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=1043" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=103" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=1031" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=83" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=107" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+ <div class="slider-diapo-imgfull">
+ <a href="#" title="Lire l'article suivant">
+ <img src="https://unsplash.it/1920/580?image=78" alt="" />
+ </a>
+ </div>
+ </div>
+
+ </article>
+</div>
+<!-- fin SLIDER -->
+
+<!-- ACTUS -->
+<div id="actualites" class="zone-actus sans-padding avec-margin-top avec-margin-bottom">
+ <header class="titre-sommaire">
+ <h1>En ce moment à Cognac</h1>
+ </header>
+ <section class="row" id="masonry" role="region" aria-label="Actualités">
+ <div class="grid">
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=118" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item grid-item-x2">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/638/340?image=182" alt="" />
+ <h2><span class="titre-actus">Belle et heureuse année 2017</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item ">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=82" alt="" />
+ <h2><span class="titre-actus">Ville d'art et d'histoire : programme automne / hiver 2016-2017</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <header class="flexbox-center-space-between triadeA texte-blanc">
+ <time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
+ <span class="dateNombre"><strong>08</strong> /08</span>
+ <span class="dateMois display-block">2107</span>
+ </time>
+ <img src="https://unsplash.it/180/100?image=139" alt="" />
+ </header>
+ <h2><span class="titre-actus">Conférence du GREH au Centre des congrès de la Salamandre</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ <div class="content-actus" style="border-top: 15px solid white;">
+ <a href="#" title="Lire l'article">
+ <header class="flexbox-center-space-between triadeA texte-blanc">
+ <time itemprop="startDate" title="2017-02-01 14:30:00" datetime="2017-02-01 14:30:00">
+ <span class="dateNombre"><strong>11</strong> /01</span>
+ <span class="dateMois display-block">2107</span>
+ </time>
+ <img src="https://unsplash.it/180/100?image=200" alt="" />
+ </header>
+ <h2><span class="titre-actus">Fritz Baueur au ciné-club, Le Galaxy, salle N°2</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=53" alt="" />
+ <h2><span class="titre-actus">Fête des papilles au MACO</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item grid-item-x2">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/638/340?image=87" alt="" />
+ <h2><span class="titre-actus">Nuit de la lecture, le samedi 14 janvier de 17h à 21h à la Bibliothèque municipale</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=172" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item grid-item-x3">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/955/340?image=252" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item grid-item-x2">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/638/340?image=382" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=102" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ <article class="grid-item">
+ <div class="content-actus">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/308/340?image=122" alt="" />
+ <h2><span class="titre-actus">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </div>
+ </article>
+ </div>
+ </section>
+ <footer class="text-center avec-margin-top avec-margin-bottom">
+ <a class="button texte-blanc triadeA" href="#" title="Consulter les atualités">Consulter toutes les actualités</a>
+ </footer>
+</div>
+<!-- fin ACTUS -->
+
+
+<!-- PROJETS -->
+<div id="lesprojets" class="zone-projets sans-padding avec-margin-bottom">
+ <header>
+ <h1 class="hide">Les projets</h1>
+ </header>
+ <section id="projets" class="avec-margin-top">
+ <article class="triadeC">
+ <div class="content-projets">
+ <a href="#" title="Lire l'article">
+ <h2>Projets</h2>
+ <div class="suite">
+ <span class="icon icon-arrow-right2"></span>
+ </div>
+ </a>
+ </div>
+ </article>
+ <article class="triadeB">
+ <div class="content-projets">
+ <a href="#" title="Lire l'article">
+ <h2>Action municipale</h2>
+ <div class="suite">
+ <span class="icon icon-arrow-right2"></span>
+ </div>
+ </a>
+ </div>
+ </article>
+ <article class="triadeA">
+ <div class="content-projets">
+ <a href="#" title="Lire l'article">
+ <h2>Démocratie locale</h2>
+ <div class="suite">
+ <span class="icon icon-arrow-right2"></span>
+ </div>
+ </a>
+ </div>
+ </article>
+ <article class="triadeD">
+ <div class="content-projets">
+ <a href="#" title="Lire l'article">
+ <h2>Services municipaux</h2>
+ <div class="suite">
+ <span class="icon icon-arrow-right2"></span>
+ </div>
+ </a>
+ </div>
+ </article>
+ </section>
+ <div class="clearfix"></div>
+</div>
+<!-- fin PROJETS -->
+
+<!-- PRATIQUE -->
+<div id="pratique" class="zone-pratique sans-padding avec-margin-top avec-margin-bottom">
+ <header class="titre-sommaire">
+ <h1>Cognac pratique</h1>
+ </header>
+ <section role="region" aria-label="Pratique">
+ <div class="slider-pratique">
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=118" alt="" />
+ <h2><span class="titre-pratique">Agenda</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=182" alt="" />
+ <h2><span class="titre-pratique">Cantine</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=18" alt="" />
+ <h2><span class="titre-pratique">Piscine</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=182" alt="" />
+ <h2><span class="titre-pratique">Le mag</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=118" alt="" />
+ <h2><span class="titre-pratique">Compte citoyen</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=82" alt="" />
+ <h2><span class="titre-pratique">Démarches en ligne</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=28" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=132" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=148" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=184" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=238" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ <article class="content-pratique">
+ <a href="#" title="Lire l'article">
+ <img src="https://unsplash.it/280/190?image=282" alt="" />
+ <h2><span class="titre-pratique">Recyclez vos sapins de Noël</span>
+ <span class="icon icon-arrow-right2 icon-lg"></span></h2>
+ </a>
+ </article>
+ </div>
+ </section>
+</div>
+<!-- fin PRATIQUE -->
+
</div><!-- communiquant_content --></main>
+
+<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js" type="text/javascript"></script>
+<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js" type="text/javascript"></script>
+<script type="text/javascript">
+ // slider Slick
+ $(document).ready(function(){
+ $('.slider-slick').slick({
+ autoplay: true,
+ pauseOnHover: true,
+ autoplaySpeed: 2800,
+ fade: true,
+ cssEase: 'linear',
+ arrows: false,
+ dots: true,
+ centerMode: true,
+ focusOnSelect: true
+ });
+ $('.slider-pratique').slick({
+ dots: false,
+ slidesToShow: 7,
+ infinite: true,
+ variableWidth: true
+ });
+ });
+ // external js: masonry.pkgd.js, imagesloaded.pkgd.js
+ // init Masonry after all images have loaded
+ var $grid = $('.grid').imagesLoaded( function() {
+ $grid.masonry({
+ itemSelector: '.grid-item',
+ gutter: 20
+ });
+ });
+</script>
+
#FILTRE{mini_html}
\ No newline at end of file
diff --git a/paquet.xml b/paquet.xml
index 1069837323f1d0f53fbcb7156c7eac6ef1a32963..d73c1493fe070dc603e2ef1dfdb15353dc7153eb 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -71,6 +71,7 @@
<utilise nom="sedna" compatibilite="[1.3.1;[" />
<utilise nom="sidr" compatibilite="[1.2.3;[" />
<utilise nom="skeleditor" compatibilite="[2.7.10;[" />
+ <utilise nom="slick" compatibilite="[1.1.3;[" />
<utilise nom="socialtags" compatibilite="[1.0.9;[" />
<utilise nom="splickr" compatibilite="[0.4.6;[" />
<utilise nom="va" compatibilite="[0.6.9;[" />