diff --git a/noisettes/sommaire/sommaire_modeportailcognac.html b/noisettes/sommaire/sommaire_modeportailcognac.html
index 248dc2015766b14897fd66f1062d30714863351c..23afc6eb08137c8b6d272907ae6ca4eccbdd7092 100644
--- a/noisettes/sommaire/sommaire_modeportailcognac.html
+++ b/noisettes/sommaire/sommaire_modeportailcognac.html
@@ -125,69 +125,27 @@
 					</a>
 				</div>
 			</div>
-			<div class="grid-item">
-				<div class="content-actus">
-					<a href="#" title="Lire l'article">
-						<img src="https://unsplash.it/308/340?image=53" alt="" />
-						<div class="h2"><span class="titre-actus">Fête des papilles au MACO</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div 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="" />
-						<div class="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">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div class="grid-item">
-				<div class="content-actus">
-					<a href="#" title="Lire l'article">
-						<img src="https://unsplash.it/308/340?image=172" alt="" />
-						<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div 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="" />
-						<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div 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="" />
-						<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div class="grid-item">
-				<div class="content-actus">
-					<a href="#" title="Lire l'article">
-						<img src="https://unsplash.it/308/340?image=102" alt="" />
-						<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
-							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
-					</a>
-				</div>
-			</div>
-			<div class="grid-item">
+			<BOUCLE_Secteurs_Exclus(RUBRIQUES){titre_mot=SecteurPasDansQuoiDeNeuf}><BOUCLE_Articles_Secteurs_Exclus(ARTICLES){id_secteur}{doublons} /></BOUCLE_Secteurs_Exclus>
+			<BOUCLE_Rubriques_Exclues(RUBRIQUES){titre_mot=PasDansQuoiDeNeuf}><BOUCLE_Articles_Exclus(ARTICLES){id_rubrique}{doublons}{lang} /></BOUCLE_Rubriques_Exclues>
+			<BOUCLE_exclus(ARTICLES){titre_mot=PasDansQuoiDeNeuf}{doublons} />
+			<BOUCLE_articles_QuoideNeuf(ARTICLES) {!par #CONFIG{soyezcreateurs/ordre_quoideneuf,date_modif}}{0,(#CONFIG{soyezcreateurs/nombres_quoideneuf,5})}{doublons}{lang}>
+			[(#SET{logo,[(#LOGO_ARTICLE_SURVOL|sinon{#LOGO_ARTICLE_NORMAL})]})]
+			[(#SET{largeur,[(#GET{logo}|largeur|sinon{1})]})]
+			[(#SET{hauteur,[(#GET{logo}|hauteur|sinon{1})]})]
+			[(#SET{ratio,[(#GET{largeur}|div{#GET{hauteur}})]})]
+			#SET{facteur,''}#SET{largeur,308}
+			[(#GET{ratio}|>{1.8764}|?{#SET{facteur,2}#SET{largeur,638}})]
+			[(#GET{ratio}|>{2.8088}|?{#SET{facteur,3}#SET{largeur,955}})]
+			<div class="grid-item[ grid-item-x(#GET{facteur})]">
 				<div class="content-actus">
-					<a href="#" title="Lire l'article">
-						<img src="https://unsplash.it/308/340?image=122" alt="" />
-						<div class="h2"><span class="titre-actus">Recyclez vos sapins de Noël</span>
+					<a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
+						[<img src="(#GET{logo}|focusimage{#GET{largeur},340}|extraire_attribut{src}|sinon{http://placehold.it/#GET{largeur}x340})" alt="" width="#GET{largeur}" height="340" />]
+						<div class="h2"><span class="titre-actus">#TITRE</span>
 							<span class="icon icon-arrow-right2 icon-lg">&#10140;</span></div>
 					</a>
 				</div>
 			</div>
+			</BOUCLE_articles_QuoideNeuf>
 		</div>
 	</div>
 	<div class="text-center avec-margin-top avec-margin-bottom">