Aller au contenu

« Accueil » : différence entre les versions

De Sara'h
Mise à jour du calendrier (années repliées avec bouton de fermeture clair), Annalisa et Layah
Mise à jour du calendrier (années repliées avec bouton de fermeture clair), Annalisa et Layah
Ligne 19 : Ligne 19 :
</div>
</div>
</div>
</div>
<div style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px; margin-bottom: 16px;">
<div style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px; margin-bottom: 18px;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; flex-wrap: wrap; gap: 6px;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; gap: 6px;">
<div>
<div>
<span style="font-size: 90%; font-weight: bold; color: #334155;">🗓️ Sélectionner une année à afficher :</span>
<span style="font-size: 92%; font-weight: bold; color: #1e293b;">🗓️ Onglets par année — Cliquez sur une année pour y accéder instantanément :</span>
<div style="font-size: 80%; color: #64748b; margin-top: 2px;">Chaque clic ouvre l'année demandée. Vous pouvez replier une année ouverte via son bouton ou réinitialiser d'un clic.</div>
<div style="font-size: 80%; color: #64748b; margin-top: 2px;">Sélectionnez une année ci-dessous pour afficher sa grille de sorties et ses titres.</div>
</div>
</div>
<div style="display: flex; gap: 6px; align-items: center;">
<span class="mw-customtoggle-y2026 mw-customtoggle-y2025 mw-customtoggle-y2024 mw-customtoggle-y2023 mw-customtoggle-y2022 mw-customtoggle-y2021 mw-customtoggle-y2020 mw-customtoggle-y2019 mw-customtoggle-y2018 mw-customtoggle-y2017 mw-customtoggle-y2016 mw-customtoggle-y2015 mw-customtoggle-y2014 mw-customtoggle-y2012" style="font-size: 80%; padding: 4px 10px; background: #fee2e2; border: 1px solid #fca5a5; border-radius: 6px; color: #991b1b; cursor: pointer; font-weight: 700;" title="Replier ou déplier toutes les années">⚡ Tout replier / Tout déplier</span>
</div>
</div>
<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">
[[#calendrier-2026|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #2563eb; color: #ffffff; border: 1px solid #1d4ed8; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2026 <span style="background: rgba(255,255,255,0.25); color: #ffffff; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">15</span></span>]]
[[#calendrier-2025|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2025 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">22</span></span>]]
[[#calendrier-2024|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2024 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">22</span></span>]]
[[#calendrier-2023|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2023 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">22</span></span>]]
[[#calendrier-2022|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2022 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">14</span></span>]]
[[#calendrier-2021|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2021 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">22</span></span>]]
[[#calendrier-2020|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2020 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">24</span></span>]]
[[#calendrier-2019|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2019 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">22</span></span>]]
[[#calendrier-2018|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2018 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">25</span></span>]]
[[#calendrier-2017|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2017 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">19</span></span>]]
[[#calendrier-2016|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2016 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">14</span></span>]]
[[#calendrier-2015|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2015 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">8</span></span>]]
[[#calendrier-2014|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2014 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">3</span></span>]]
[[#calendrier-2012|<span style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 11px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">📅 2012 <span style="background: #f1f5f9; color: #475569; font-size: 80%; padding: 1px 6px; border-radius: 10px; font-weight: bold;">1</span></span>]]
</div>
</div>
<div style="display: flex; gap: 6px; flex-wrap: wrap; align-items: center;">
<span class="mw-customtoggle-y2026" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2026 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">15</span></span>
<span class="mw-customtoggle-y2025" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2025 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">22</span></span>
<span class="mw-customtoggle-y2024" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2024 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">22</span></span>
<span class="mw-customtoggle-y2023" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2023 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">22</span></span>
<span class="mw-customtoggle-y2022" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2022 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">14</span></span>
<span class="mw-customtoggle-y2021" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2021 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">22</span></span>
<span class="mw-customtoggle-y2020" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2020 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">24</span></span>
<span class="mw-customtoggle-y2019" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2019 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">22</span></span>
<span class="mw-customtoggle-y2018" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2018 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">25</span></span>
<span class="mw-customtoggle-y2017" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2017 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">19</span></span>
<span class="mw-customtoggle-y2016" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2016 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">14</span></span>
<span class="mw-customtoggle-y2015" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2015 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">8</span></span>
<span class="mw-customtoggle-y2014" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2014 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">3</span></span>
<span class="mw-customtoggle-y2012" style="display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; background: #ffffff; color: #1e293b; border: 1px solid #cbd5e1; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2012 <span style="background: #f1f5f9; color: #64748b; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">1</span></span>
</div>
</div>
</div>
<div id="calendrier-2026" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2026" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2026</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2026</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">15 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">15 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2026" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2026</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 488 : Ligne 485 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2026" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2026 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2025" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2025" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2025</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2025</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2025" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2025</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 939 : Ligne 936 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2025" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2025 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2024" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2024" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2024</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2024</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2024" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2024</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 1 390 : Ligne 1 387 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2024" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2024 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2023" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2023" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2023</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2023</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2023" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2023</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 1 841 : Ligne 1 838 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2023" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2023 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2022" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2022" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2022</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2022</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">14 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">14 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2022" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2022</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 2 284 : Ligne 2 281 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2022" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2022 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2021" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2021" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2021</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2021</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2021" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2021</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 2 735 : Ligne 2 732 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2021" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2021 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2020" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2020" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2020</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2020</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">24 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">24 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2020" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2020</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 3 188 : Ligne 3 185 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2020" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2020 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2019" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2019" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2019</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2019</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">22 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2019" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2019</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 3 639 : Ligne 3 636 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2019" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2019 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2018" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2018" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2018</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2018</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">25 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">25 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2018" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2018</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 4 093 : Ligne 4 090 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2018" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2018 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2017" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2017" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2017</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2017</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">19 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">19 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2017" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2017</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 4 541 : Ligne 4 538 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2017" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2017 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2016" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2016" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2016</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2016</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">14 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">14 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2016" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2016</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 4 984 : Ligne 4 981 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2016" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2016 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2015" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2015" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2015</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2015</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">8 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">8 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2015" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2015</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 5 421 : Ligne 5 418 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2015" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2015 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2014" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2014" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2014</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2014</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">3 sorties</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">3 sorties</span>
</div>
</div>
<span class="mw-customtoggle-y2014" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2014</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 5 853 : Ligne 5 850 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2014" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2014 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-y2012" style="margin-bottom: 16px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
<div id="calendrier-2012" style="margin-bottom: 20px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<div style="display: flex; align-items: center; gap: 8px;">
<span style="font-weight: 700; font-size: 105%; color: #0f172a;">📅 Année 2012</span>
<span style="font-weight: 700; font-size: 110%; color: #0f172a;">📅 Année 2012</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">1 sortie</span>
<span style="background: #e0f2fe; color: #0369a1; font-size: 80%; font-weight: 700; padding: 2px 8px; border-radius: 12px;">1 sortie</span>
</div>
</div>
<span class="mw-customtoggle-y2012" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 700; padding: 3px 8px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 4px;">❌ Masquer l'année 2012</span>
[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; padding: 4px 10px; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 4px; text-decoration: none;">⬆️ Retour aux onglets</span>]]
</div>
</div>
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 4px 0; margin-bottom: 8px;">
Ligne 6 283 : Ligne 6 280 :
</div>
</div>
</div>
</div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;"><a href="#calendrier-top" class="mw-customtoggle-y2012" style="font-size: 80%; color: #dc2626; cursor: pointer; font-weight: 600; text-decoration: none;">[ ❌ Fermer le calendrier 2012 et remonter ]</a></div>
<div style="text-align: right; margin-top: 8px; padding-top: 6px; border-top: 1px dashed #e2e8f0;">[[#calendrier-top|<span style="font-size: 80%; color: #2563eb; cursor: pointer; font-weight: 600; text-decoration: none;">⬆️ Revenir aux onglets des années</span>]]</div>
</div>
</div>
<div style="display: flex; align-items: center; justify-content: space-between; font-size: 80%; color: #64748b; border-top: 1px solid #e2e8f0; padding-top: 10px; margin-top: 8px; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; justify-content: space-between; font-size: 80%; color: #64748b; border-top: 1px solid #e2e8f0; padding-top: 10px; margin-top: 8px; flex-wrap: wrap; gap: 8px;">

Version du 3 septembre 2026 à 12:16

Wiki Officiel de Sara'h
L'encyclopédie de référence consacrée à la discographie, aux adaptations en français, aux reprises et aux compositions originales de la chanteuse Sara'h (Sarah Hage Ali) et de son producteur Nico Staf (Nicolas Stawski).

📅 Calendrier hebdomadaire des sorties

📊 Calendrier des sorties par semaine (Style GitHub)

Visualisation chronologique interactive avec sélection par année et liens directs vers chaque œuvre

Total : 233 titres 👁️ 1 227 987 955 vues YouTube Record : 2018 (25 sorties)

🗓️ Onglets par année — Cliquez sur une année pour y accéder instantanément :

Sélectionnez une année ci-dessous pour afficher sa grille de sorties et ses titres.

📅 Année 2026 15 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 15 titres de 2026

Toutes les sorties de 2026 :

📅 Année 2025 22 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 22 titres de 2025

📅 Année 2024 22 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 22 titres de 2024

📅 Année 2023 22 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 22 titres de 2023

📅 Année 2022 14 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 14 titres de 2022

📅 Année 2021 22 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 22 titres de 2021

📅 Année 2020 24 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 24 titres de 2020

📅 Année 2018 25 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 25 titres de 2018

📅 Année 2017 19 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 19 titres de 2017

📅 Année 2016 14 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 14 titres de 2016

📅 Année 2015 8 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 8 titres de 2015

Toutes les sorties de 2015 :

📅 Année 2014 3 sorties

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 3 titres de 2014

Toutes les sorties de 2014 :

📅 Année 2012 1 sortie

⬆️ Retour aux onglets

Jan Fév Mar Avr Mai Juin Juil Août Sep Oct Nov Déc
Lun
Mer
Ven
Dim

📋 Voir la liste des 1 titres de 2012

Toutes les sorties de 2012 :
💡 Astuce : Cliquez sur une case verte pour ouvrir directement la fiche de la chanson (ou pour choisir le titre s'il y a eu plusieurs sorties ce jour-là).

Moins Plus

🔍 Explorer le Wiki

🎤 Biographies & Entourage
  • Sara'h (Sarah Hage Ali)
  • Nico Staf (Nicolas Stawski)
  • Layah (Fille de Sara'h & Nico Staf, inspiratrice de Je serai là)
  • Kenza Farah (La Force d'y croire)
  • Lenni-Kim (Duos Break Up... & Wolves)
  • Annalisa (Collaboration franco-italienne Je me souviens de tout)
📑 Discographie & Listes
✨ Dernières sorties

🎧 Écouter et suivre Sara'h