Aller au contenu

« Accueil » : différence entre les versions

De Sara'h
Mise à jour du calendrier : onglets par année, cases cliquables avec sélection de titre et correction thead/tbody
Mise à jour du calendrier (années repliées avec bouton de fermeture clair), Annalisa et Layah
Ligne 7 : Ligne 7 :


== 📅 Calendrier hebdomadaire des sorties ==
== 📅 Calendrier hebdomadaire des sorties ==
<div style="background: #ffffff; border: 1px solid #d0d7de; border-radius: 8px; padding: 18px; margin: 1.5em 0; box-shadow: 0 2px 6px rgba(0,0,0,0.04); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;">
<div id="calendrier-top" style="background: #ffffff; border: 1px solid #d0d7de; border-radius: 8px; padding: 18px; margin: 1.5em 0; box-shadow: 0 2px 6px rgba(0,0,0,0.04); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;">
<div style="display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; margin-bottom: 16px; flex-wrap: wrap; gap: 8px;">
<div style="display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; margin-bottom: 16px; flex-wrap: wrap; gap: 8px;">
<div>
<div>
<span style="font-size: 115%; font-weight: bold; color: #0f172a;">📊 Calendrier des sorties par semaine (Style GitHub)</span>
<span style="font-size: 115%; font-weight: bold; color: #0f172a;">📊 Calendrier des sorties par semaine (Style GitHub)</span>
<div style="font-size: 85%; color: #64748b; margin-top: 2px;">Visualisation chronologique interactive avec onglets par année et liens directs vers chaque œuvre</div>
<div style="font-size: 85%; color: #64748b; margin-top: 2px;">Visualisation chronologique interactive avec sélection par année et liens directs vers chaque œuvre</div>
</div>
</div>
<div style="display: flex; gap: 8px; font-size: 85%; flex-wrap: wrap;">
<div style="display: flex; gap: 8px; font-size: 85%; flex-wrap: wrap;">
Ligne 21 : Ligne 21 :
<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: 12px; margin-bottom: 16px;">
<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: 8px; flex-wrap: wrap; gap: 6px;">
<span style="font-size: 90%; font-weight: bold; color: #334155;">🗓️ Onglets par année :</span>
<div>
<div style="display: flex; gap: 6px;">
<span style="font-size: 90%; font-weight: bold; color: #334155;">🗓️ Sélectionner une année à afficher :</span>
<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: 3px 8px; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 4px; color: #475569; cursor: pointer; font-weight: 600;" title="Déplier ou replier toutes les années d'un clic">⚡ Tout déplier / replier</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>
<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>
</div>
<div style="display: flex; gap: 6px; flex-wrap: wrap; align-items: center;">
<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: #2563eb; color: #ffffff; border: 1px solid #2563eb; border-radius: 6px; font-weight: 600; font-size: 85%; cursor: pointer; user-select: none;">2026 <span style="background: rgba(255,255,255,0.25); color: #ffffff; font-size: 80%; padding: 1px 5px; border-radius: 10px; font-weight: normal;">15</span></span>
<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-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-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>
Ligne 43 : Ligne 46 :
</div>
</div>
</div>
</div>
<div class="mw-collapsible" 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 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: 10px; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;">
<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;">
Ligne 49 : Ligne 52 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 485 : Ligne 488 :
</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>
</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 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);">
Ligne 492 : Ligne 496 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 935 : Ligne 939 :
</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>
</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 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);">
Ligne 942 : Ligne 947 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 385 : Ligne 1 390 :
</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>
</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 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);">
Ligne 1 392 : Ligne 1 398 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 835 : Ligne 1 841 :
</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>
</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 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);">
Ligne 1 842 : Ligne 1 849 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 277 : Ligne 2 284 :
</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>
</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 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);">
Ligne 2 284 : Ligne 2 292 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 727 : Ligne 2 735 :
</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>
</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 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);">
Ligne 2 734 : Ligne 2 743 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 179 : Ligne 3 188 :
</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>
</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 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);">
Ligne 3 186 : Ligne 3 196 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 629 : Ligne 3 639 :
</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>
</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 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);">
Ligne 3 636 : Ligne 3 647 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 082 : Ligne 4 093 :
</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>
</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 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);">
Ligne 4 089 : Ligne 4 101 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 529 : Ligne 4 541 :
</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>
</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 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);">
Ligne 4 536 : Ligne 4 549 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 971 : Ligne 4 984 :
</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>
</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 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);">
Ligne 4 978 : Ligne 4 992 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 309 : Ligne 5 323 :
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="18 Juil 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="18 Juil 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="25 Juil 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="25 Juil 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; padding: 0;">[[Ain'T Nobody (Version française)|<span style="display: block; width: 11px; height: 11px; background: #9be9a8; border: 1px solid #85e89d; border-radius: 2px; cursor: pointer;" title="1 Août 2015 : Ain'T Nobody (Version française) (Cliquez pour ouvrir)"></span>]]</td>
<td style="width: 11px; height: 11px; min-width: 11px; padding: 0;">[[Ain't Nobody (Version française)|<span style="display: block; width: 11px; height: 11px; background: #9be9a8; border: 1px solid #85e89d; border-radius: 2px; cursor: pointer;" title="1 Août 2015 : Ain't Nobody (Version française) (Cliquez pour ouvrir)"></span>]]</td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="8 Août 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="8 Août 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="15 Août 2015 : Aucune sortie"></td>
<td style="width: 11px; height: 11px; min-width: 11px; background: #ebedf0; border: 1px solid #e2e8f0; border-radius: 2px;" title="15 Août 2015 : Aucune sortie"></td>
Ligne 5 402 : Ligne 5 416 :
* [[Brisé]] <small style="color: #64748b;">(29 sept. 2015)</small>
* [[Brisé]] <small style="color: #64748b;">(29 sept. 2015)</small>
* [[El Perdón (Version française)]] <small style="color: #64748b;">(21 août 2015)</small>
* [[El Perdón (Version française)]] <small style="color: #64748b;">(21 août 2015)</small>
* [[Ain'T Nobody (Version française)]] <small style="color: #64748b;">(1 août 2015)</small>
* [[Ain't Nobody (Version française)]] <small style="color: #64748b;">(1 août 2015)</small>
* [[Uncover (Version française)]] <small style="color: #64748b;">(25 avr. 2015)</small>
* [[Uncover (Version française)]] <small style="color: #64748b;">(25 avr. 2015)</small>
* [[Sara'H]] <small style="color: #64748b;">(14 févr. 2015)</small>
* [[Sara'H]] <small style="color: #64748b;">(14 févr. 2015)</small>
</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>
</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 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);">
Ligne 5 414 : Ligne 5 429 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 838 : Ligne 5 853 :
</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>
</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 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);">
Ligne 5 845 : Ligne 5 861 :
<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: #2563eb; cursor: pointer; font-weight: 600;">[ Afficher / Masquer ]</span>
<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>
</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 267 : Ligne 6 283 :
</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>
</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;">
Ligne 6 288 : Ligne 6 305 :
* '''[[Sara'h]]''' (Sarah Hage Ali)
* '''[[Sara'h]]''' (Sarah Hage Ali)
* '''[[Nico Staf]]''' (Nicolas Stawski)
* '''[[Nico Staf]]''' (Nicolas Stawski)
* '''[[Fille de Sara'h]]''' (Dédicaces ''Je serai là'')
* '''[[Layah]]''' (Fille de Sara'h & Nico Staf, inspiratrice de ''Je serai là'')
* '''[[Kenza Farah]]''' (''La Force d'y croire'')
* '''[[Kenza Farah]]''' (''La Force d'y croire'')
* '''[[Lenni-Kim]]''' (Duos ''Break Up...'' & ''Wolves'')
* '''[[Lenni-Kim]]''' (Duos ''Break Up...'' & ''Wolves'')
* '''[[Anastasia]]''' (''Loin du froid de décembre'')
* '''[[Annalisa]]''' (Collaboration franco-italienne ''Je me souviens de tout'')


| style="width: 33%; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; vertical-align: top;" |
| style="width: 33%; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; vertical-align: top;" |

Version du 3 septembre 2026 à 11:33

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)

🗓️ Sélectionner une année à afficher :

Chaque clic ouvre l'année demandée. Vous pouvez replier une année ouverte via son bouton ou réinitialiser d'un clic.

⚡ Tout replier / Tout déplier

2026 15 2025 22 2024 22 2023 22 2022 14 2021 22 2020 24 2019 22 2018 25 2017 19 2016 14 2015 8 2014 3 2012 1

📅 Année 2026 15 sorties

❌ Masquer l'année 2026

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 :
<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>

📅 Année 2025 22 sorties

❌ Masquer l'année 2025

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

<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>

📅 Année 2024 22 sorties

❌ Masquer l'année 2024

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

<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>

📅 Année 2023 22 sorties

❌ Masquer l'année 2023

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

<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>

📅 Année 2022 14 sorties

❌ Masquer l'année 2022

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

<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>

📅 Année 2021 22 sorties

❌ Masquer l'année 2021

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

<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>

📅 Année 2020 24 sorties

❌ Masquer l'année 2020

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

<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>

📅 Année 2019 22 sorties

❌ Masquer l'année 2019

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 2019

<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>

📅 Année 2018 25 sorties

❌ Masquer l'année 2018

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

<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>

📅 Année 2017 19 sorties

❌ Masquer l'année 2017

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

<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>

📅 Année 2016 14 sorties

❌ Masquer l'année 2016

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

<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>

📅 Année 2015 8 sorties

❌ Masquer l'année 2015

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 :
<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>

📅 Année 2014 3 sorties

❌ Masquer l'année 2014

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 :
<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>

📅 Année 2012 1 sortie

❌ Masquer l'année 2012

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 :
<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>
💡 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