diff --git a/css/main.css b/css/main.css
index 81dd921..96cb957 100644
--- a/css/main.css
+++ b/css/main.css
@@ -285,6 +285,19 @@ table {
     color: #203636;
     font-size: 1.7rem;
 	font-weight: bold;
+	list-style: none;
+}
+
+.sommaire-Summary::-webkit-details-marker {
+  display: none;
+}
+
+.sommaire-Summary::after {
+	content: " ⏵";
+}
+
+.sommaire-Details[open] .sommaire-Summary::after {
+	content: " ⏷";
 }
 
 .sommaire-Liste {
@@ -518,7 +531,11 @@ table {
 	
 	.header-Nav {
 		padding-top: 0;
-	}	
+	}
+	
+	.sommaire-Liste {
+		column-count: 1;
+	}
 	
 }
 
diff --git a/modeles/agenda.html b/modeles/agenda.html
index a2d7811..1391988 100644
--- a/modeles/agenda.html
+++ b/modeles/agenda.html
@@ -1,7 +1,6 @@
 #SET{repartition, #MES_REPARTITION{#ENV{tag}}}
 <details class="sommaire-Details">
 <summary class="sommaire-Summary">Sommaire</summary>
-<div>
 <ul class="sommaire-Liste">
 <BOUCLE_sommaire_repartition(DATA){source tableau, #GET{repartition/pays}}>
 	<BOUCLE_sommaire_sousregions(DATA){source tableau, #VALEUR{sousregions}}>
@@ -12,10 +11,8 @@
 <li><a href="#enligne">En ligne (#GET{repartition/internet/total})</a></li>
 </BOUCLE_sommaire_internet>
 </ul>
-</div>
 </details>
 
-
 <BOUCLE_repartition(DATA){source tableau, #GET{repartition/pays}}>
 <h3 class="spip">#VALEUR{name}</h3>
     <B_evenementsnationaux>
diff --git a/modeles/sommaire.html b/modeles/sommaire.html
new file mode 100644
index 0000000..9c2e7eb
--- /dev/null
+++ b/modeles/sommaire.html
@@ -0,0 +1,14 @@
+#SET{liste, '*'}
+[(#CONFIG{sommaire_automatique_numerote}|=={on}|oui)
+	#SET{liste, '#'}
+]
+<B_somm>
+<details class="sommaire-Details" id="#ENV{id_sommaire}">
+<summary class="sommaire-Summary">Sommaire</summary>
+<ul class="sommaire-Liste">
+<BOUCLE_somm(POUR){tableau #ENV{sommaire}}>
+<li><a href="#VALEUR{href}" id="#VALEUR{id}">#VALEUR{titre}</a></li>
+</BOUCLE_somm>
+</ul>
+</details>
+</B_somm>