Les dates clés de la République française pour l'examen civique

<h2 style="color: #162D6E; border-left: 6px solid #162D6E; padding-left: 15px; font-weight: 700;">1. Les conflits mondiaux : Le refus de la défaite</h2> <div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; margin-top: 25px;"> <div style="flex: 1; min-width: 300px; padding: 10px;"> <p style="color: #162D6E; font-weight: 700; margin-bottom: 5px;">18 juin 1940 : L'Appel du général de Gaulle</p> <p>Depuis Londres, sur les ondes de la BBC, Charles de Gaulle refuse l'armistice. Il appelle les Français à la Résistance. <br><small style="color: #64748B;"><em>Importance :</em> C’est l’acte de naissance de la France Libre et le refus de l’oppression.</small></p> </div> <div style="flex: 1; min-width: 300px; background: #F8FAFC; padding: 20px; border-radius: 8px; border: 1px solid #E2E8F0;"> <p style="color: #162D6E; font-weight: 700; margin-bottom: 5px;">22 août 1944 : Fin du régime de Vichy</p> <p>Chute du gouvernement de Pétain lors de la Libération de Paris. <br><small style="color: #64748B;"><em>Importance :</em> La République est rétablie, marquant la fin de la collaboration et le retour à la démocratie.</small></p> </div> </div> </section> <section style="margin-top: 50px;"> <h2 style="color: #162D6E; border-left: 6px solid #162D6E; padding-left: 15px; font-weight: 700;">2. Société : Des réformes majeures</h2> <div style="margin: 30px 0; padding: 25px; border: 1px solid #E2E8F0; border-radius: 8px; display: flex; align-items: center; gap: 25px; background-color: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.02);"> <div style="background: #162D6E; color: white; padding: 20px; border-radius: 8px; font-weight: bold; min-width: 80px; text-align: center; font-size: 1.2em;">1975</div> <div> <h3 style="margin: 0; color: #162D6E; font-weight: 700;">17 Janvier 1975 : La Loi Veil</h3> <p style="margin: 10px 0 0 0; color: #555;">Portée par Simone Veil, cette loi dépénalise l'IVG. C’est une victoire historique pour l’égalité et les droits des femmes en France.</p> </div> </div> <p><strong>1992 : Le Français, langue de la République</strong></p> <p>L'unité linguistique est gravée dans le marbre de l'Article 2 de la Constitution, renforçant l'identité nationale et la cohésion entre tous les citoyens.</p> </section> <section style="margin-top: 50px;"> <h2 style="color: #162D6E; border-left: 6px solid #162D6E; padding-left: 15px; font-weight: 700;">3. Les Institutions : La France et l'Europe</h2> <div style="background: #F0F4F8; padding: 25px; border-radius: 8px; margin-top: 25px; text-align: center;"> <p style="text-align: left;"><strong>2000 : "Unie dans la diversité"</strong></p> <p style="text-align: left;">Adoption de la devise de l'Union européenne, soulignant que la France s'inscrit dans un destin commun avec ses voisins européens.</p> <div style="margin-top: 20px;"> <svg width="60" height="40" viewBox="0 0 30 20"> <rect width="30" height="20" fill="#003399" /> <circle cx="15" cy="10" r="6" fill="none" stroke="#FFCC00" stroke-width="0.5" stroke-dasharray="1,2.14" /> </svg> </div> </div> </section> <section style="margin-top: 50px; background: #F8FAFC; padding: 30px; border-radius: 8px; border: 1px solid #E2E8F0;"> <h3 style="color: #162D6E; margin-top: 0; font-weight: 700;">💡 Conseils pour réussir vos dates</h3> <ul style="padding-left: 20px; color: #444;"> <li style="margin-bottom: 12px;"><strong>Créez des liens :</strong> Ne retenez pas la date seule, mais l'histoire qu'elle raconte (ex: 1944 = la liberté retrouvée).</li> <li style="margin-bottom: 12px;"><strong>Visualisez :</strong> Imaginez les scènes historiques. Les images mentales facilitent la mémoire.</li> <li style="margin-bottom: 0;"><strong>Pratiquez le test :</strong> Rien ne remplace la mise en situation réelle sur CiviQuizz.</li> </ul> </section>