diff --git a/.gitattributes b/.gitattributes
index 6637c13c03d14e3ac0e6203d6feb39e43e437cff..e10f8b6314f79cc2e70b8db1ca6c2ac1296cf353 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -794,6 +794,7 @@ noisettes/navigation/ads_search.html -text
noisettes/navigation/frmrechercheparmots.html -text
noisettes/navigation/inc_frmabonnement_mailsubscriber.html -text
noisettes/navigation/nuagedemotcle.html -text
+noisettes/plan/inc_antichrono_grid.html -text
noisettes/plan/inc_plan_articles_liste.html -text
noisettes/plan/plan.html -text
noisettes/plan/plan_branche.html -text
diff --git a/antichrono_grid.html b/antichrono_grid.html
index ced41105a1121fa594419c3092a34d527bbe4687..b846913a64cf561ef4fe866c0a07f9797363cf78 100644
--- a/antichrono_grid.html
+++ b/antichrono_grid.html
@@ -84,76 +84,12 @@
</BOUCLE_AnneeSites>
</B_AnneeSites>
-<BOUCLE_Min2anness(DATA)
- {source table,#GET{listeliens}}
- {!par date}
- {fusion year}
- {1,1}
- > </BOUCLE_Min2anness>
-<div id='sommaire'><h2><:soyezcreateurs:sommaire:></h2>
- <B_Sommaire>
- <ul>
- <BOUCLE_Sommaire(DATA)
- {source table,#GET{listeliens}}
- {!par date}
- {fusion year}
- >
- <li><a href="#annee_#YEAR">#YEAR</a></li>
- </BOUCLE_Sommaire>
- </ul>
- </B_Sommaire>
-</div>
-</B_Min2anness>
-
-
-<B_AnneeObjet>
-<div class="masonry petitestuiles">
- <BOUCLE_AnneeObjet(DATA)
- {source table,#GET{listeliens}}
- {!par date}
- {fusion year}
- >
- <B_ListeMois>
- <div id="annee_#YEAR" class="grid-item masonry-brick">
- <div class="content-actus alaune year">
- [<img src="(#GET{logoyear}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
- <div class="h2"><span class="titre-actus">[(#YEAR)]</span></div>
- </div>
- </div>
-
- <BOUCLE_ListeMois(DATA)
- {liste 12,11,10,9,8,7,6,5,4,3,2,1}
- >
- <B_ObjetsDuMois>
- <div class="grid-item masonry-brick">
- <div class="content-actus alaune month">
- [<img src="(#GET{logomonth}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
- <div class="h2"><span class="titre-actus">[(#YEAR|concat{-,#_ListeMois:VALEUR#VAL,-01}|nom_mois|ucfirst)]</span></div>
- </div>
- </div>
- <BOUCLE_ObjetsDuMois(DATA)
- {source table,#GET{listeliens}}
- {year=#_AnneeObjet:YEAR}
- {month=#_ListeMois:VALEUR}
- {!par date}
- >
- <div class="grid-item masonry-brick[ (#CLASS)]">
- <div class="content-actus alaune[ (#COULEURRUBRIQUE)]">
- <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
- [<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
- <div class="h2"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span>
- <span class="icon icon-arrow-right2 icon-lg">➜</span></div>
- </a>
- </div>
- </div>
-
- </BOUCLE_ObjetsDuMois>
- </B_ObjetsDuMois>
- </BOUCLE_ListeMois>
- </B_ListeMois>
- </BOUCLE_AnneeObjet>
-</div>
-</B_AnneeObjet>
+<INCLURE{
+ fond=noisettes/plan/inc_antichrono_grid,
+ listeliens=#GET{listeliens},
+ env,
+ ajax
+} />
</div>
</main>
diff --git a/noisettes/plan/inc_antichrono_grid.html b/noisettes/plan/inc_antichrono_grid.html
new file mode 100644
index 0000000000000000000000000000000000000000..09924486444d64f6e5740965100927737310ca76
--- /dev/null
+++ b/noisettes/plan/inc_antichrono_grid.html
@@ -0,0 +1,72 @@
+#SET{currentyear,#DATE|annee}
+<BOUCLE_Min2anness(DATA)
+ {source table,#ENV{listeliens}}
+ {!par date}
+ {fusion year}
+ {1,1}
+ > </BOUCLE_Min2anness>
+ <B_Sommaire>
+<div class="onglets">
+ <ul id='liste_tabs'>
+ <BOUCLE_Sommaire(DATA)
+ {source table,#ENV{listeliens}}
+ {!par date}
+ {fusion year}
+ >
+ <li>[(#ENV{year,#GET{currentyear}}|=={#YEAR}|?{<strong>,<a href="[(#SELF|parametre_url{'year',[(#YEAR|!={#GET{currentyear}}|?{#YEAR,''})]})]" class="ajax">})]#YEAR[(#ENV{year}|=={#YEAR}|?{</strong>,</a>})]</li>
+ </BOUCLE_Sommaire>
+ </ul>
+</div>
+ </B_Sommaire>
+</B_Min2anness>
+
+
+<B_AnneeObjet>
+<div class="masonry petitestuiles">
+ <BOUCLE_AnneeObjet(DATA)
+ {source table,#ENV{listeliens}}
+ {year=#ENV{year,#GET{currentyear}}}
+ {!par date}
+ {fusion year}
+ >
+ <B_ListeMois>
+ <div id="annee_#YEAR" class="grid-item masonry-brick">
+ <div class="content-actus alaune year">
+ [<img src="(#GET{logoyear}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
+ <div class="h2"><span class="titre-actus">[(#YEAR)]</span></div>
+ </div>
+ </div>
+
+ <BOUCLE_ListeMois(DATA)
+ {liste 12,11,10,9,8,7,6,5,4,3,2,1}
+ >
+ <B_ObjetsDuMois>
+ <div class="grid-item masonry-brick">
+ <div class="content-actus alaune month">
+ [<img src="(#GET{logomonth}|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
+ <div class="h2"><span class="titre-actus">[(#YEAR|concat{-,#_ListeMois:VALEUR#VAL,-01}|nom_mois|ucfirst)]</span></div>
+ </div>
+ </div>
+ <BOUCLE_ObjetsDuMois(DATA)
+ {source table,#ENV{listeliens}}
+ {year=#_AnneeObjet:YEAR}
+ {month=#_ListeMois:VALEUR}
+ {!par date}
+ >
+ <div class="grid-item masonry-brick[ (#CLASS)]">
+ <div class="content-actus alaune[ (#COULEURRUBRIQUE)]">
+ <a href="#URL_ARTICLE"[ title="(#DESCRIPTIF|attribut_html)"]>
+ [<img src="(#LOGO|image_focus{308,#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}}|extraire_attribut{src})" alt="" width="308" height="#CONFIG{soyezcreateurs/hauteur_quoi2neuf,340}" />]
+ <div class="h2"><span class="titre-actus">#TITRE[ <span class="secondary-information">((#TYPE))</span>]</span>
+ <span class="icon icon-arrow-right2 icon-lg">➜</span></div>
+ </a>
+ </div>
+ </div>
+
+ </BOUCLE_ObjetsDuMois>
+ </B_ObjetsDuMois>
+ </BOUCLE_ListeMois>
+ </B_ListeMois>
+ </BOUCLE_AnneeObjet>
+</div>
+</B_AnneeObjet>
\ No newline at end of file
diff --git a/paquet.xml b/paquet.xml
index 1bc7e86ece073e5502da9f6417a9c9a03052046a..c65bc454c14d646eecd514953eb539d365de1ebc 100644
--- a/paquet.xml
+++ b/paquet.xml
@@ -1,7 +1,7 @@
<paquet
prefix="soyezcreateurs"
categorie="squelette"
- version="5.0.52"
+ version="5.0.53"
etat="stable"
compatibilite="[3.1.8;3.2.*]"
logo="img_pack/soyezcreateurs_48.png"
diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html
index 8c0ea3df6cc54fdb0dee62698f85d47fc7f5d1aa..81d8811e14b660fa1d41f3e7e4a5de2d6baa8e19 100644
--- a/stylessoyezcreateurs.css.html
+++ b/stylessoyezcreateurs.css.html
@@ -1074,9 +1074,9 @@ table.programmation caption { text-align: left; }
/* Onglets de la page de téléchargement */
-.onglets ul { border-bottom:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; padding-bottom:5px; text-align:right; }
+.onglets ul { border-bottom:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; text-align:right; margin-left: 0!important; margin-right: 0!important;}
.onglets li { display: inline; margin:0 5px;}
-.onglets li a, .onglets li strong { border:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; padding:5px 10px; }
+.onglets li a, .onglets li strong { border:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; padding:5px 10px; display: inline-block; position: relative; bottom: -1px; }
.onglets li strong { background: #GET{c_container_bk}; border-bottom-color: #GET{c_container_bk};}
#telecharger .highlight_anchor {
background: transparent;