<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel>
    <title><![CDATA[boutique-defaut-wizishop-art]]></title>
    <link>https://www.magistera.fr</link>
    <meta property="og:title" content="MAGISTERA"/>
    <meta property="og:type" content="article"/>
    <meta property="og:url" content="https%3A%2F%2Fwww.magistera.fr%2Fblog%2F"/>
    <meta property="og:description" content=""/>
    MAGISTERA est une boutique en ligne familiale dédiée à l’univers Harry Potter, spécialisée dans les répliques officielles sous licence, baguettes de collection, objets rares, décicacées et éditions limitées. Contrairement aux boutiques généralistes, nous sélectionnons chaque pièce pour sa valeur de collection, son authenticité et sa qualité premium, afin d’offrir aux passionnés une expérience unique et experte.        <meta property="og:image" content="https://media.cdnws.com/_i/182514/3005/493/5/logo-boutique-en-ligne-harry-potter.png"/>
        <description>MAGISTERA est une boutique en ligne familiale dédiée à l’univers Harry Potter, spécialisée dans les répliques officielles sous licence, baguettes de collection, objets rares, décicacées et éditions limitées. Contrairement aux boutiques généralistes, nous sélectionnons chaque pièce pour sa valeur de collection, son authenticité et sa qualité premium, afin d’offrir aux passionnés une expérience unique et experte.</description>
    <pubDate>Wed, 10 Jun 2026 01:51:29 +0200</pubDate>
    <atom:link xmlns:atom10="http://www.w3.org/2005/Atom" href="https://www.magistera.fr/rss.xml" rel="self" type="application/rss+xml"/>
    <language>fr</language>
    <copyright>WiziShop</copyright>
                <item>
                <title><![CDATA[Qui a joué Dumbledore ?]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/qui-a-joue-dumbledore.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/qui-a-joue-dumbledore.html</guid>
                <pubDate>Fri, 05 Jun 2026 17:29:20 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: Georgia, 'Times New Roman', serif;
      background: #faf9f7;
      color: #1a1a1a;
      line-height: 1.7;
    }

    .article-container {
      max-width: 780px;
      margin: 0 auto;
      padding: 3rem 1.5rem 4rem;
    }

    /* Tags */
    .tag-row { display: flex; gap: 8px; margin-bottom: 1.25rem; flex-wrap: wrap; }
    .tag {
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 99px;
    }
    .tag-hp     { background: #EEEDFE; color: #3C3489; }
    .tag-cinema { background: #E1F5EE; color: #085041; }
    .tag-actu   { background: #FAEEDA; color: #633806; }

    /* Titre */
    .article-title {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.15;
      color: #111;
      margin-bottom: 0.85rem;
    }
    .article-subtitle {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 1.5rem;
      line-height: 1.55;
    }

    /* Méta */
    .article-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #888;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 2rem;
    }
    .meta-dot { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

    /* Séparateur */
    .article-divider { border: none; border-top: 1px solid #e4e0d8; margin: 0 0 2rem; }

    /* Corps */
    .article-body p {
      font-size: 1.05rem;
      line-height: 1.9;
      margin-bottom: 1.35rem;
      color: #222;
    }
    .article-body h2 {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 1.45rem;
      font-weight: 700;
      color: #111;
      margin: 2.25rem 0 0.9rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #e4e0d8;
    }

    /* Carte acteur */
    .actor-card {
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 12px;
      padding: 1.5rem;
      margin: 1.75rem 0;
    }
    .actor-card-header {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .actor-avatar {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 20px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .actor-avatar.harris  { background: #E1F5EE; color: #085041; }
    .actor-avatar.gambon  { background: #EEEDFE; color: #3C3489; }
    .actor-avatar.law     { background: #FAEEDA; color: #633806; }
    .actor-avatar.lithgow { background: #FAECE7; color: #993C1D; }

    .actor-name {
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: #111;
    }
    .actor-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #777;
      margin-top: 2px;
    }
    .actor-films {
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      padding: 3px 10px;
      border-radius: 99px;
      margin-bottom: 0.85rem;
    }
    .films-harris  { background: #E1F5EE; color: #085041; }
    .films-gambon  { background: #EEEDFE; color: #3C3489; }
    .films-law     { background: #FAEEDA; color: #633806; }
    .films-lithgow { background: #FAECE7; color: #993C1D; }

    .actor-card p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #444;
      line-height: 1.65;
      margin: 0;
    }

    /* Citation */
    .pull-quote {
      border-left: 3px solid #534AB7;
      margin: 2rem 0;
      padding: 0.5rem 0 0.5rem 1.5rem;
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.15rem;
      line-height: 1.65;
      color: #444;
    }
    .pull-quote cite {
      display: block;
      font-style: normal;
      font-family: Arial, sans-serif;
      font-size: 11.5px;
      margin-top: 10px;
      color: #999;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* Encadré */
    .info-box {
      background: #EEEDFE;
      border-left: 4px solid #534AB7;
      border-radius: 0 8px 8px 0;
      padding: 1rem 1.25rem;
      margin: 1.75rem 0;
    }
    .info-box p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #3C3489;
      margin: 0;
      line-height: 1.6;
    }
    .info-box strong {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 5px;
      color: #534AB7;
    }

    /* Tableau comparatif */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 1.75rem 0;
      font-family: Arial, sans-serif;
      font-size: 13.5px;
    }
    .compare-table th {
      background: #3C3489;
      color: #fff;
      padding: 10px 14px;
      text-align: left;
      font-weight: 600;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .compare-table td {
      padding: 10px 14px;
      border-bottom: 1px solid #e4e0d8;
      color: #333;
      vertical-align: top;
    }
    .compare-table tr:nth-child(even) td { background: #f3f2ee; }
    .compare-table tr:last-child td { border-bottom: none; }

    /* Actu badge */
    .actu-badge {
      display: inline-block;
      background: #FAEEDA;
      color: #633806;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 3px 10px;
      border-radius: 99px;
      margin-bottom: 0.75rem;
    }

    /* Footer */
    .article-footer {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #aaa;
      text-align: center;
      padding-top: 2rem;
      margin-top: 2.5rem;
      border-top: 1px solid #e4e0d8;
      font-style: italic;
    }

    @media (max-width: 600px) {
      .article-title { font-size: 1.75rem; }
      .actor-card-header { flex-direction: column; text-align: center; }
      .compare-table { font-size: 12px; }
      .compare-table th, .compare-table td { padding: 8px 10px; }
    }


Harry Potter Cinéma Série HBO


Qui a joué Dumbledore ? De Richard Harris à John Lithgow

Quatre acteurs, un même personnage légendaire. Retour sur les interprètes qui ont donné vie au directeur de Poudlard des films au grand retour sur HBO. 


5 juin 2026 Lecture : 5 min Acteurs & casting Harry Potter



Dans la saga Harry Potter, rares sont les personnages à avoir été incarnés par autant d'acteurs différents et rares sont ceux dont chaque interprétation a suscité autant de passion chez les fans. Albus Dumbledore, directeur de Poudlard et sorcier le plus puissant de son époque, a successivement été joué par Richard Harris, Michael Gambon, Jude Law et, pour la nouvelle série HBO, John Lithgow. Quatre visions, quatre Dumbledore, une seule légende. 



	
		
			Acteur
			Productions
			Années
		
	
	
		
			Richard Harris
			Films 1 et 2
			2001 – 2002
		
		
			Michael Gambon
			Films 3 à 8
			2004 – 2011
		
		
			Jude Law
			Les Animaux Fantastiques 2 et 3
			2018 – 2022
		
		
			John Lithgow
			Série HBO (en cours)
			2026 – 2036
		
	


Richard Harris : la majesté des débuts (2001–2002)



RH


Richard Harris

1er octobre 1930 – 25 octobre 2002 · Irlande


Films 1 & 2 · 2001–2002

Acteur irlandais de légende, Harris s'est imposé à l'écran grâce à des rôles monumentaux dans Camelot et Un homme nommé Cheval. C'est sa petite-fille qui l'a convaincu de passer l'audition pour Dumbledore,  il n'avait jamais lu les livres. Son interprétation est celle d'un sage paisible, quasi royal, qui installe une douceur protectrice autour de Harry dans les premières années difficiles. Harris est décédé des suites d'une maladie de Hodgkin en octobre 2002, peu après la fin du tournage de La Chambre des Secrets. Il avait 72 ans. 


Tragiquement, Richard Harris avait affirmé au réalisateur Chris Columbus son intention de revenir pour le troisième film. Sa disparition força toute l'équipe à trouver un remplaçant une tâche d'autant plus délicate que son Dumbledore avait déjà séduit des millions de spectateurs. Christopher Lee, Sean Connery et Ian McKellen figurèrent parmi les noms envisagés avant que le choix ne se porte sur un vieil ami de Harris. 

Michael Gambon : l'énergie des ténèbres (2004–2011)



MG


Michael Gambon

19 octobre 1940 – 27 septembre 2023 · Dublin, Irlande


Films 3 à 8 · 2004–2011

Chevalier de l'ordre de l'Empire britannique, Gambon hérite du rôle à partir du Prisonnier d'Azkaban et lui insuffle une énergie radicalement différente. Là où Harris incarnait la sérénité, Gambon apporte l'imprévisibilité, la vivacité, parfois même une forme d'excentricité. Son Dumbledore est un homme d'action, capable de colère, qui accompagne Harry dans les épreuves les plus sombres. Il joue le personnage dans six films, faisant de lui l'interprète le plus associé au rôle. Disparu en septembre 2023 d'une pneumonie, il laisse un héritage immense. 


« Je n'avais pas lu les livres, je n'avais pas vu les films. Je suis entré dans le rôle comme un acteur, pas comme un fan. » — Michael Gambon, sur son approche de Dumbledore

Jude Law : la jeunesse ambitieuse (2018–2022)



JL


Jude Law

né le 29 décembre 1972 · Londres, Angleterre


Les Animaux Fantastiques 2 & 3 · 2018–2022

Dans la série Les Animaux Fantastiques, Jude Law incarne un Dumbledore d'une quarantaine d'années, professeur de Défense contre les forces du Mal à Poudlard, avant qu'il n'en devienne directeur. Sa prestation révèle les couches plus séduisantes et troubles du personnage notamment sa relation passée avec Grindelwald. Un Dumbledore en pleine construction, pas encore le sage de la saga principale, mais déjà habité par les mêmes contradictions profondes. 


John Lithgow : un nouveau Dumbledore pour la série HBO (2026–)

Actualité 2026



JL


John Lithgow

né le 19 octobre 1945 · Rochester, États-Unis


Série HBO · 2026–2036

Pour la nouvelle série Harry Potter produite par HBO et attendue à Noël 2026, c'est l'acteur américain John Lithgow qui endossera la robe de Dumbledore pour dix saisons. Six fois récompensé aux Emmy Awards notamment pour 3rd Rock from the Sun et Dexter  Lithgow a également incarné Winston Churchill dans The Crown, prouvant qu'il sait porter les grandes figures historiques avec autorité. À 79 ans lors de son entrée dans le rôle, il a confié avoir longtemps hésité avant d'accepter, conscient que cette décision allait définir la dernière partie de sa carrière. 


« Ce n'était pas une décision facile, car ce rôle va définir la dernière partie de ma vie, j'en ai peur. Mais je suis très enthousiaste. » — John Lithgow, interview ScreenRant, 2025


La série HBO en brefLa nouvelle adaptation de Harry Potter par HBO prévoit 10 saisons, à raison d'un livre par saison. La première saison, consacrée à L'École des Sorciers, comprend 8 épisodes pour une durée totale d'environ 8 heures. Le tournage a débuté officiellement le 14 juillet 2025 aux studios de Leavesden. Aux côtés de John Lithgow, on retrouve Nick Frost en Hagrid, Janet McTeer en Professeur McGonagall et Paapa Essiedu dans le rôle de Severus Rogue. 


Quel est le meilleur Dumbledore ?

La question divise les fans depuis plus de vingt ans. Richard Harris incarne la version la plus fidèle aux livres sage, doux, presque éthéré. Michael Gambon apporte une puissance dramatique que les films plus sombres réclamaient. Jude Law offre une dimension nouvelle au personnage en le montrant jeune et vulnérable. Quant à John Lithgow, son interprétation reste à découvrir, mais son palmarès laisse espérer quelque chose de grand. 

Ce qui est certain, c'est que Dumbledore est l'un des rares personnages de la culture populaire à avoir survécu à plusieurs recastings sans perdre son âme. La preuve, peut-être, que le personnage créé par J.K. Rowling est suffisamment fort pour transcender les interprètes tout en se laissant magnifier par chacun d'eux. 


✦ Article rédigé avec passion pour les fans de la saga Harry Potter ✦ 

]]></description>
                <content:encoded><![CDATA[<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="description" content="De Richard Harris à John Lithgow en passant par Michael Gambon : portrait des acteurs qui ont incarné Dumbledore dans les films et la série Harry Potter.">
<style type="text/css">*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: Georgia, 'Times New Roman', serif;
      background: #faf9f7;
      color: #1a1a1a;
      line-height: 1.7;
    }

    .article-container {
      max-width: 780px;
      margin: 0 auto;
      padding: 3rem 1.5rem 4rem;
    }

    /* Tags */
    .tag-row { display: flex; gap: 8px; margin-bottom: 1.25rem; flex-wrap: wrap; }
    .tag {
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 99px;
    }
    .tag-hp     { background: #EEEDFE; color: #3C3489; }
    .tag-cinema { background: #E1F5EE; color: #085041; }
    .tag-actu   { background: #FAEEDA; color: #633806; }

    /* Titre */
    .article-title {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.15;
      color: #111;
      margin-bottom: 0.85rem;
    }
    .article-subtitle {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 1.5rem;
      line-height: 1.55;
    }

    /* Méta */
    .article-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #888;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 2rem;
    }
    .meta-dot { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

    /* Séparateur */
    .article-divider { border: none; border-top: 1px solid #e4e0d8; margin: 0 0 2rem; }

    /* Corps */
    .article-body p {
      font-size: 1.05rem;
      line-height: 1.9;
      margin-bottom: 1.35rem;
      color: #222;
    }
    .article-body h2 {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 1.45rem;
      font-weight: 700;
      color: #111;
      margin: 2.25rem 0 0.9rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #e4e0d8;
    }

    /* Carte acteur */
    .actor-card {
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 12px;
      padding: 1.5rem;
      margin: 1.75rem 0;
    }
    .actor-card-header {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .actor-avatar {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 20px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .actor-avatar.harris  { background: #E1F5EE; color: #085041; }
    .actor-avatar.gambon  { background: #EEEDFE; color: #3C3489; }
    .actor-avatar.law     { background: #FAEEDA; color: #633806; }
    .actor-avatar.lithgow { background: #FAECE7; color: #993C1D; }

    .actor-name {
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: #111;
    }
    .actor-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #777;
      margin-top: 2px;
    }
    .actor-films {
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      padding: 3px 10px;
      border-radius: 99px;
      margin-bottom: 0.85rem;
    }
    .films-harris  { background: #E1F5EE; color: #085041; }
    .films-gambon  { background: #EEEDFE; color: #3C3489; }
    .films-law     { background: #FAEEDA; color: #633806; }
    .films-lithgow { background: #FAECE7; color: #993C1D; }

    .actor-card p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #444;
      line-height: 1.65;
      margin: 0;
    }

    /* Citation */
    .pull-quote {
      border-left: 3px solid #534AB7;
      margin: 2rem 0;
      padding: 0.5rem 0 0.5rem 1.5rem;
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.15rem;
      line-height: 1.65;
      color: #444;
    }
    .pull-quote cite {
      display: block;
      font-style: normal;
      font-family: Arial, sans-serif;
      font-size: 11.5px;
      margin-top: 10px;
      color: #999;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* Encadré */
    .info-box {
      background: #EEEDFE;
      border-left: 4px solid #534AB7;
      border-radius: 0 8px 8px 0;
      padding: 1rem 1.25rem;
      margin: 1.75rem 0;
    }
    .info-box p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #3C3489;
      margin: 0;
      line-height: 1.6;
    }
    .info-box strong {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 5px;
      color: #534AB7;
    }

    /* Tableau comparatif */
    .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 1.75rem 0;
      font-family: Arial, sans-serif;
      font-size: 13.5px;
    }
    .compare-table th {
      background: #3C3489;
      color: #fff;
      padding: 10px 14px;
      text-align: left;
      font-weight: 600;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .compare-table td {
      padding: 10px 14px;
      border-bottom: 1px solid #e4e0d8;
      color: #333;
      vertical-align: top;
    }
    .compare-table tr:nth-child(even) td { background: #f3f2ee; }
    .compare-table tr:last-child td { border-bottom: none; }

    /* Actu badge */
    .actu-badge {
      display: inline-block;
      background: #FAEEDA;
      color: #633806;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 3px 10px;
      border-radius: 99px;
      margin-bottom: 0.75rem;
    }

    /* Footer */
    .article-footer {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #aaa;
      text-align: center;
      padding-top: 2rem;
      margin-top: 2.5rem;
      border-top: 1px solid #e4e0d8;
      font-style: italic;
    }

    @media (max-width: 600px) {
      .article-title { font-size: 1.75rem; }
      .actor-card-header { flex-direction: column; text-align: center; }
      .compare-table { font-size: 12px; }
      .compare-table th, .compare-table td { padding: 8px 10px; }
    }
</style>
<article class="article-container"><!-- Tags -->
<div class="tag-row"><span class="tag tag-hp">Harry Potter</span> <span class="tag tag-cinema">Cinéma</span> <span class="tag tag-actu">Série HBO</span></div>
<!-- Titre -->

<h1 class="article-title">Qui a joué Dumbledore ? De Richard Harris à John Lithgow</h1>

<p class="article-subtitle">Quatre acteurs, un même personnage légendaire. Retour sur les interprètes qui ont donné vie au directeur de Poudlard des films au grand retour sur HBO.</p>
<!-- Méta -->

<div class="article-meta"><span>5 juin 2026</span> <span>Lecture : 5 min</span> <span>Acteurs & casting Harry Potter</span></div>

<hr class="article-divider">
<div class="article-body">
<p>Dans la saga Harry Potter, rares sont les personnages à avoir été incarnés par autant d'acteurs différents et rares sont ceux dont chaque interprétation a suscité autant de passion chez les fans. Albus Dumbledore, directeur de Poudlard et sorcier le plus puissant de son époque, a successivement été joué par Richard Harris, Michael Gambon, Jude Law et, pour la nouvelle série HBO, John Lithgow. Quatre visions, quatre Dumbledore, une seule légende.</p>
<!-- Tableau -->

<table class="compare-table">
	<thead>
		<tr>
			<th>Acteur</th>
			<th>Productions</th>
			<th>Années</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><strong>Richard Harris</strong></td>
			<td>Films 1 et 2</td>
			<td>2001 – 2002</td>
		</tr>
		<tr>
			<td><strong>Michael Gambon</strong></td>
			<td>Films 3 à 8</td>
			<td>2004 – 2011</td>
		</tr>
		<tr>
			<td><strong>Jude Law</strong></td>
			<td>Les Animaux Fantastiques 2 et 3</td>
			<td>2018 – 2022</td>
		</tr>
		<tr>
			<td><strong>John Lithgow</strong></td>
			<td>Série HBO (en cours)</td>
			<td>2026 – 2036</td>
		</tr>
	</tbody>
</table>

<h2>Richard Harris : la majesté des débuts (2001–2002)</h2>

<div class="actor-card">
<div class="actor-card-header">
<div class="actor-avatar harris">RH</div>

<div>
<div class="actor-name">Richard Harris</div>

<div class="actor-meta">1er octobre 1930 – 25 octobre 2002 · Irlande</div>
</div>
</div>
<span class="actor-films films-harris">Films 1 & 2 · 2001–2002</span>

<p>Acteur irlandais de légende, Harris s'est imposé à l'écran grâce à des rôles monumentaux dans <em>Camelot</em> et <em>Un homme nommé Cheval</em>. C'est sa petite-fille qui l'a convaincu de passer l'audition pour Dumbledore,  il n'avait jamais lu les livres. Son interprétation est celle d'un sage paisible, quasi royal, qui installe une douceur protectrice autour de Harry dans les premières années difficiles. Harris est décédé des suites d'une maladie de Hodgkin en octobre 2002, peu après la fin du tournage de <em>La Chambre des Secrets</em>. Il avait 72 ans.</p>
</div>

<p>Tragiquement, Richard Harris avait affirmé au réalisateur Chris Columbus son intention de revenir pour le troisième film. Sa disparition força toute l'équipe à trouver un remplaçant une tâche d'autant plus délicate que son Dumbledore avait déjà séduit des millions de spectateurs. Christopher Lee, Sean Connery et Ian McKellen figurèrent parmi les noms envisagés avant que le choix ne se porte sur un vieil ami de Harris.</p>

<h2>Michael Gambon : l'énergie des ténèbres (2004–2011)</h2>

<div class="actor-card">
<div class="actor-card-header">
<div class="actor-avatar gambon">MG</div>

<div>
<div class="actor-name">Michael Gambon</div>

<div class="actor-meta">19 octobre 1940 – 27 septembre 2023 · Dublin, Irlande</div>
</div>
</div>
<span class="actor-films films-gambon">Films 3 à 8 · 2004–2011</span>

<p>Chevalier de l'ordre de l'Empire britannique, Gambon hérite du rôle à partir du <em>Prisonnier d'Azkaban</em> et lui insuffle une énergie radicalement différente. Là où Harris incarnait la sérénité, Gambon apporte l'imprévisibilité, la vivacité, parfois même une forme d'excentricité. Son Dumbledore est un homme d'action, capable de colère, qui accompagne Harry dans les épreuves les plus sombres. Il joue le personnage dans six films, faisant de lui l'interprète le plus associé au rôle. Disparu en septembre 2023 d'une pneumonie, il laisse un héritage immense.</p>
</div>

<blockquote class="pull-quote">« Je n'avais pas lu les livres, je n'avais pas vu les films. Je suis entré dans le rôle comme un acteur, pas comme un fan. » <cite>— Michael Gambon, sur son approche de Dumbledore</cite></blockquote>

<h2>Jude Law : la jeunesse ambitieuse (2018–2022)</h2>

<div class="actor-card">
<div class="actor-card-header">
<div class="actor-avatar law">JL</div>

<div>
<div class="actor-name">Jude Law</div>

<div class="actor-meta">né le 29 décembre 1972 · Londres, Angleterre</div>
</div>
</div>
<span class="actor-films films-law">Les Animaux Fantastiques 2 & 3 · 2018–2022</span>

<p>Dans la série <em>Les Animaux Fantastiques</em>, Jude Law incarne un Dumbledore d'une quarantaine d'années, professeur de Défense contre les forces du Mal à Poudlard, avant qu'il n'en devienne directeur. Sa prestation révèle les couches plus séduisantes et troubles du personnage notamment sa relation passée avec Grindelwald. Un Dumbledore en pleine construction, pas encore le sage de la saga principale, mais déjà habité par les mêmes contradictions profondes.</p>
</div>

<h2>John Lithgow : un nouveau Dumbledore pour la série HBO (2026–)</h2>

<div class="actu-badge">Actualité 2026</div>

<div class="actor-card">
<div class="actor-card-header">
<div class="actor-avatar lithgow">JL</div>

<div>
<div class="actor-name">John Lithgow</div>

<div class="actor-meta">né le 19 octobre 1945 · Rochester, États-Unis</div>
</div>
</div>
<span class="actor-films films-lithgow">Série HBO · 2026–2036</span>

<p>Pour la nouvelle série Harry Potter produite par HBO et attendue à Noël 2026, c'est l'acteur américain John Lithgow qui endossera la robe de Dumbledore pour dix saisons. Six fois récompensé aux Emmy Awards notamment pour <em>3rd Rock from the Sun</em> et <em>Dexter</em>  Lithgow a également incarné Winston Churchill dans <em>The Crown</em>, prouvant qu'il sait porter les grandes figures historiques avec autorité. À 79 ans lors de son entrée dans le rôle, il a confié avoir longtemps hésité avant d'accepter, conscient que cette décision allait définir la dernière partie de sa carrière.</p>
</div>

<blockquote class="pull-quote">« Ce n'était pas une décision facile, car ce rôle va définir la dernière partie de ma vie, j'en ai peur. Mais je suis très enthousiaste. » <cite>— John Lithgow, interview ScreenRant, 2025</cite></blockquote>

<div class="info-box">
<p><strong>La série HBO en bref</strong>La nouvelle adaptation de Harry Potter par HBO prévoit 10 saisons, à raison d'un livre par saison. La première saison, consacrée à <em>L'École des Sorciers</em>, comprend 8 épisodes pour une durée totale d'environ 8 heures. Le tournage a débuté officiellement le 14 juillet 2025 aux studios de Leavesden. Aux côtés de John Lithgow, on retrouve Nick Frost en Hagrid, Janet McTeer en Professeur McGonagall et Paapa Essiedu dans le rôle de Severus Rogue.</p>
</div>

<h2>Quel est le meilleur Dumbledore ?</h2>

<p>La question divise les fans depuis plus de vingt ans. Richard Harris incarne la version la plus fidèle aux livres sage, doux, presque éthéré. Michael Gambon apporte une puissance dramatique que les films plus sombres réclamaient. Jude Law offre une dimension nouvelle au personnage en le montrant jeune et vulnérable. Quant à John Lithgow, son interprétation reste à découvrir, mais son palmarès laisse espérer quelque chose de grand.</p>

<p>Ce qui est certain, c'est que Dumbledore est l'un des rares personnages de la culture populaire à avoir survécu à plusieurs recastings sans perdre son âme. La preuve, peut-être, que le personnage créé par J.K. Rowling est suffisamment fort pour transcender les interprètes tout en se laissant magnifier par chacun d'eux.</p>
</div>

<p class="article-footer">✦ Article rédigé avec passion pour les fans de la saga Harry Potter ✦</p>
</article><img src="https://www.magistera.fr/_i/182514/m250-4374/2280/77/statuette-bds-art-scale-albus-dumbledore-harry-potter-03.jpeg" alt="statuette-bds-art-scale-albus-dumbledore-harry-potter-03" />]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[DUMBLEDORE : Qui est vraiment le directeur de Poudlard ?]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/dumbledore-qui-est-vraiment-le-directeur-de-poudlard.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/dumbledore-qui-est-vraiment-le-directeur-de-poudlard.html</guid>
                <pubDate>Fri, 05 Jun 2026 17:23:18 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: Georgia, 'Times New Roman', serif;
      background: #faf9f7;
      color: #1a1a1a;
      line-height: 1.7;
    }

    .article-container {
      max-width: 780px;
      margin: 0 auto;
      padding: 3rem 1.5rem 4rem;
    }

    /* Tags */
    .tag-row { display: flex; gap: 8px; margin-bottom: 1.25rem; flex-wrap: wrap; }
    .tag {
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 99px;
    }
    .tag-hp     { background: #EEEDFE; color: #3C3489; }
    .tag-perso  { background: #E1F5EE; color: #085041; }
    .tag-actu   { background: #FAEEDA; color: #633806; }

    /* Titre */
    .article-title {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.15;
      color: #111;
      margin-bottom: 0.85rem;
    }
    .article-subtitle {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 1.5rem;
      line-height: 1.55;
    }

    /* Méta */
    .article-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #888;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 2rem;
    }
    .meta-dot { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

    /* Séparateur */
    .article-divider { border: none; border-top: 1px solid #e4e0d8; margin: 0 0 2rem; }

    /* Fiche identité */
    .identity-card {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 10px;
      padding: 1.25rem 1.5rem;
      margin-bottom: 2.25rem;
    }
    .identity-avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: #EEEDFE;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 22px;
      font-weight: 700;
      color: #3C3489;
      flex-shrink: 0;
    }
    .identity-info strong {
      display: block;
      font-family: Arial, sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 3px;
    }
    .identity-info span {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #666;
      line-height: 1.6;
    }

    /* Corps */
    .article-body p {
      font-size: 1.05rem;
      line-height: 1.9;
      margin-bottom: 1.35rem;
      color: #222;
    }
    .article-body h2 {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 1.45rem;
      font-weight: 700;
      color: #111;
      margin: 2.25rem 0 0.9rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #e4e0d8;
    }

    /* Chiffres clés */
    .fact-grid { display: flex; gap: 12px; margin: 1.75rem 0; flex-wrap: wrap; }
    .fact-card {
      flex: 1;
      min-width: 110px;
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 8px;
      padding: 1rem;
      text-align: center;
    }
    .fact-num {
      display: block;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 2rem;
      font-weight: 700;
      color: #3C3489;
      line-height: 1.1;
      margin-bottom: 5px;
    }
    .fact-label {
      display: block;
      font-family: Arial, sans-serif;
      font-size: 11px;
      color: #777;
      text-transform: uppercase;
      letter-spacing: 0.07em;
    }

    /* Citation */
    .pull-quote {
      border-left: 3px solid #3C3489;
      margin: 2rem 0;
      padding: 0.5rem 0 0.5rem 1.5rem;
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.15rem;
      line-height: 1.65;
      color: #444;
    }
    .pull-quote cite {
      display: block;
      font-style: normal;
      font-family: Arial, sans-serif;
      font-size: 11.5px;
      margin-top: 10px;
      color: #999;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* Encadré "le saviez-vous" */
    .info-box {
      background: #EEEDFE;
      border-left: 4px solid #534AB7;
      border-radius: 0 8px 8px 0;
      padding: 1rem 1.25rem;
      margin: 1.75rem 0;
    }
    .info-box p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #3C3489;
      margin: 0;
      line-height: 1.6;
    }
    .info-box strong {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 5px;
      color: #534AB7;
    }

    /* Timeline */
    .timeline { margin: 1.75rem 0; padding: 0; list-style: none; }
    .timeline li {
      display: flex;
      gap: 1rem;
      margin-bottom: 1.1rem;
      align-items: flex-start;
    }
    .tl-year {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      color: #534AB7;
      background: #EEEDFE;
      border-radius: 6px;
      padding: 3px 8px;
      white-space: nowrap;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .tl-text {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #333;
      line-height: 1.55;
    }

    /* Footer */
    .article-footer {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #aaa;
      text-align: center;
      padding-top: 2rem;
      margin-top: 2.5rem;
      border-top: 1px solid #e4e0d8;
      font-style: italic;
    }

    @media (max-width: 600px) {
      .article-title { font-size: 1.75rem; }
      .article-subtitle { font-size: 1rem; }
      .identity-card { flex-direction: column; text-align: center; }
      .fact-grid { flex-direction: column; }
    }


Harry Potter Personnage


Dumbledore : qui est vraiment le directeur de Poudlard ?

Sage, mentor, sorcier le plus puissant de son temps mais aussi homme traversé par le doute, la culpabilité et les secrets. Portrait complet d'Albus Dumbledore. 


5 juin 2026 Lecture : 5 min Personnages Harry Potter



AD

Albus Perceval Wulfric Brian Dumbledore Né en 1881 · Mort le 30 juin 1997 · Directeur de Poudlard
Maison Gryffondor · Baguette de Sureau (Relique de la Mort)




Dans l'univers de J.K. Rowling, Albus Dumbledore est bien plus qu'un directeur d'école à longue barbe blanche. Il est la figure centrale autour de laquelle gravitent toutes les forces du monde des sorciers : le seul être que Voldemort ait jamais craint, le mentor d'Harry Potter, et un homme profondément humain malgré une puissance magique sans égale. 

Des origines marquées par la tragédie

Albus naît en 1881 dans le village de Terre-en-Lande, dans une famille de sorciers. Son père, Perceval, est emprisonné à Azkaban pour avoir attaqué trois Moldus qui avaient brutalisé sa petite sœur Ariana, un traumatisme qui laissera celle-ci psychologiquement brisée, incapable de maîtriser sa magie. La famille déménage à Godric's Hollow pour protéger Ariana du monde extérieur. 

C'est dans ce contexte douloureux qu'Albus grandit, brillant élève à Poudlard, promis à un avenir exceptionnel. Mais c'est aussi là que naît la fissure de son caractère : une tentation du pouvoir qu'il devra combattre toute sa vie. 


Le saviez-vous ?Le nom complet d'Albus Dumbledore, Albus Perceval Wulfric Brian Dumbledore est l'un des plus longs de toute la saga. J.K. Rowling a déclaré que "dumbledore" est un vieux mot anglais désignant le bourdon, car elle imaginait le personnage en train de fredonner en marchant dans les couloirs de Poudlard. 


La tentation du pouvoir : Grindelwald

À dix-huit ans, Albus rencontre Gellert Grindelwald, un sorcier brillant et charismatique fasciné par les Reliques de la Mort. Les deux jeunes hommes partagent pendant quelques semaines une amitié et sans doute davantage  nourrie par des ambitions communes : dominer les Moldus "pour leur bien", établir un nouvel ordre sous l'autorité des sorciers. 

Cette période prend fin brutalement lors d'une dispute à trois avec le frère d'Albus, Abelforth. Dans la bagarre, Ariana est tuée. Jamais Albus ne saura si c'est sa magie, celle de Grindelwald ou celle d'Abelforth qui a causé la mort de sa sœur. Ce doute le hantera jusqu'à sa mort. 

« Le pouvoir est dangereux entre les mains de ceux qui le désirent. » — Albus Dumbledore, Harry Potter et les Reliques de la Mort

Les grandes étapes de sa vie


	1881Naissance à Terre-en-Lande. Débuts à Poudlard, maison Gryffondor.
	1899Rencontre de Grindelwald. Mort accidentelle d'Ariana. Rupture définitive avec le mage noir.
	1938Révèle au jeune Tom Elvis Jedusor qu'il est sorcier. Premiers doutes sur l'enfant.
	1945Duel légendaire contre Grindelwald. S'empare de la Baguette de Sureau. Découverte des 12 propriétés du sang de dragon.
	1956Devient directeur de Poudlard, succédant au professeur Dippet.
	1981Après la chute de Voldemort, confie le bébé Harry à sa famille moldue.
	1997Assassiné par Severus Rogue au sommet de la Tour d'Astronomie, selon un plan qu'il a lui-même orchestré.


Directeur de Poudlard : la figure du mentor

Nommé directeur de Poudlard en 1956, Dumbledore transforme l'école en bastion des valeurs qu'il a mises des années à intégrer : tolérance, amour, défense des Moldus. Face à la montée de Voldemort, il fonde l'Ordre du Phénix et devient le seul sorcier que le Seigneur des Ténèbres redoute réellement. 

Sa relation avec Harry Potter est le cœur battant de toute la saga. Dumbledore guide le jeune sorcier avec une patience infinie, mais aussi une forme de calcul que les derniers tomes révèleront dans toute son ambiguïté : il sait depuis le début qu'Harry devra mourir pour que Voldemort soit vaincu, et il ne lui dit pas. 


40 ans à la tête de Poudlard

1945 victoire sur Grindelwald

7 horcruxes à détruire


Un homme imparfait, pas un saint

L'une des forces de l'écriture de Rowling est de ne pas avoir fait de Dumbledore un héros sans tache. Il manipule, il dissimule, il prend des décisions unilatérales au nom du bien commun. Il a failli succomber à la tentation du pouvoir absolu dans sa jeunesse. Il a aimé un homme qui allait devenir l'un des pires sorciers noirs de l'histoire. 

C'est précisément cette complexité qui le rend si grand : non pas parce qu'il est parfait, mais parce qu'il a choisi, encore et encore, de se battre pour ce qui est juste malgré ses failles et ses regrets. La sagesse de Dumbledore n'est pas innée, elle est le fruit douloureux d'une vie entière de fautes reconnues. 

La Baguette de Sureau et les Reliques de la Mort

Après avoir vaincu Grindelwald en 1945, Dumbledore s'empare de la Baguette de Sureau, la plus puissante des trois Reliques de la Mort. Il la conserve sans jamais chercher à réunir les trois Reliques, une sagesse acquise durement, lui qui avait jadis rêvé de les posséder toutes. 

Avant sa mort, il lègue à Harry ses indices pour comprendre les Reliques, faisant confiance au jeune homme pour faire le bon choix là où lui avait failli. Ce passage de flambeau est l'un des moments les plus émouvants de toute la saga. 

Un héritage immortel

Mort mais jamais absent, Dumbledore continue d'habiter l'histoire bien après sa disparition à travers le portrait dans le bureau du directeur, à travers les souvenirs conservés dans la Pensine, à travers chaque décision qu'Harry prend en pensant à lui. Son héritage se résume peut-être à cette formule qu'il a lui-même incarnée jusqu'au bout : la mort n'est qu'une nouvelle aventure pour ceux qui sont bien préparés. 


✦ Article rédigé avec passion pour les fans de la saga Harry Potter ✦ 

]]></description>
                <content:encoded><![CDATA[<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<meta name="description" content="Portrait complet d'Albus Dumbledore : origines, pouvoirs, secrets et héritage du plus grand sorcier de la saga Harry Potter. Tout ce qu'il faut savoir.">
<style type="text/css">*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: Georgia, 'Times New Roman', serif;
      background: #faf9f7;
      color: #1a1a1a;
      line-height: 1.7;
    }

    .article-container {
      max-width: 780px;
      margin: 0 auto;
      padding: 3rem 1.5rem 4rem;
    }

    /* Tags */
    .tag-row { display: flex; gap: 8px; margin-bottom: 1.25rem; flex-wrap: wrap; }
    .tag {
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 99px;
    }
    .tag-hp     { background: #EEEDFE; color: #3C3489; }
    .tag-perso  { background: #E1F5EE; color: #085041; }
    .tag-actu   { background: #FAEEDA; color: #633806; }

    /* Titre */
    .article-title {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.15;
      color: #111;
      margin-bottom: 0.85rem;
    }
    .article-subtitle {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.1rem;
      color: #555;
      margin-bottom: 1.5rem;
      line-height: 1.55;
    }

    /* Méta */
    .article-meta {
      font-family: Arial, sans-serif;
      font-size: 12.5px;
      color: #888;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 2rem;
    }
    .meta-dot { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #bbb; }

    /* Séparateur */
    .article-divider { border: none; border-top: 1px solid #e4e0d8; margin: 0 0 2rem; }

    /* Fiche identité */
    .identity-card {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 10px;
      padding: 1.25rem 1.5rem;
      margin-bottom: 2.25rem;
    }
    .identity-avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: #EEEDFE;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 22px;
      font-weight: 700;
      color: #3C3489;
      flex-shrink: 0;
    }
    .identity-info strong {
      display: block;
      font-family: Arial, sans-serif;
      font-size: 15px;
      font-weight: 600;
      color: #1a1a1a;
      margin-bottom: 3px;
    }
    .identity-info span {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #666;
      line-height: 1.6;
    }

    /* Corps */
    .article-body p {
      font-size: 1.05rem;
      line-height: 1.9;
      margin-bottom: 1.35rem;
      color: #222;
    }
    .article-body h2 {
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-size: 1.45rem;
      font-weight: 700;
      color: #111;
      margin: 2.25rem 0 0.9rem;
      padding-bottom: 0.4rem;
      border-bottom: 1px solid #e4e0d8;
    }

    /* Chiffres clés */
    .fact-grid { display: flex; gap: 12px; margin: 1.75rem 0; flex-wrap: wrap; }
    .fact-card {
      flex: 1;
      min-width: 110px;
      background: #f3f2ee;
      border: 1px solid #e4e0d8;
      border-radius: 8px;
      padding: 1rem;
      text-align: center;
    }
    .fact-num {
      display: block;
      font-family: 'Palatino Linotype', Palatino, serif;
      font-size: 2rem;
      font-weight: 700;
      color: #3C3489;
      line-height: 1.1;
      margin-bottom: 5px;
    }
    .fact-label {
      display: block;
      font-family: Arial, sans-serif;
      font-size: 11px;
      color: #777;
      text-transform: uppercase;
      letter-spacing: 0.07em;
    }

    /* Citation */
    .pull-quote {
      border-left: 3px solid #3C3489;
      margin: 2rem 0;
      padding: 0.5rem 0 0.5rem 1.5rem;
      font-family: 'Palatino Linotype', Palatino, Georgia, serif;
      font-style: italic;
      font-size: 1.15rem;
      line-height: 1.65;
      color: #444;
    }
    .pull-quote cite {
      display: block;
      font-style: normal;
      font-family: Arial, sans-serif;
      font-size: 11.5px;
      margin-top: 10px;
      color: #999;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* Encadré "le saviez-vous" */
    .info-box {
      background: #EEEDFE;
      border-left: 4px solid #534AB7;
      border-radius: 0 8px 8px 0;
      padding: 1rem 1.25rem;
      margin: 1.75rem 0;
    }
    .info-box p {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #3C3489;
      margin: 0;
      line-height: 1.6;
    }
    .info-box strong {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-bottom: 5px;
      color: #534AB7;
    }

    /* Timeline */
    .timeline { margin: 1.75rem 0; padding: 0; list-style: none; }
    .timeline li {
      display: flex;
      gap: 1rem;
      margin-bottom: 1.1rem;
      align-items: flex-start;
    }
    .tl-year {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      color: #534AB7;
      background: #EEEDFE;
      border-radius: 6px;
      padding: 3px 8px;
      white-space: nowrap;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .tl-text {
      font-family: Arial, sans-serif;
      font-size: 13.5px;
      color: #333;
      line-height: 1.55;
    }

    /* Footer */
    .article-footer {
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #aaa;
      text-align: center;
      padding-top: 2rem;
      margin-top: 2.5rem;
      border-top: 1px solid #e4e0d8;
      font-style: italic;
    }

    @media (max-width: 600px) {
      .article-title { font-size: 1.75rem; }
      .article-subtitle { font-size: 1rem; }
      .identity-card { flex-direction: column; text-align: center; }
      .fact-grid { flex-direction: column; }
    }
</style>
<article class="article-container"><!-- Tags -->
<div class="tag-row"><span class="tag tag-hp">Harry Potter</span> <span class="tag tag-perso">Personnage</span></div>
<!-- Titre -->

<h1 class="article-title">Dumbledore : qui est vraiment le directeur de Poudlard ?</h1>

<p class="article-subtitle">Sage, mentor, sorcier le plus puissant de son temps mais aussi homme traversé par le doute, la culpabilité et les secrets. Portrait complet d'Albus Dumbledore.</p>
<!-- Méta -->

<div class="article-meta"><span>5 juin 2026</span> <span>Lecture : 5 min</span> <span>Personnages Harry Potter</span></div>

<hr class="article-divider"><!-- Fiche identité -->
<div class="identity-card">
<div class="identity-avatar">AD</div>

<div class="identity-info"><strong>Albus Perceval Wulfric Brian Dumbledore</strong> <span>Né en 1881 · Mort le 30 juin 1997 · Directeur de Poudlard<br />
Maison Gryffondor · Baguette de Sureau (Relique de la Mort)</span></div>
</div>
<!-- Corps -->

<div class="article-body">
<p>Dans l'univers de J.K. Rowling, Albus Dumbledore est bien plus qu'un directeur d'école à longue barbe blanche. Il est la figure centrale autour de laquelle gravitent toutes les forces du monde des sorciers : le seul être que Voldemort ait jamais craint, le mentor d'Harry Potter, et un homme profondément humain malgré une puissance magique sans égale.</p>

<h2>Des origines marquées par la tragédie</h2>

<p>Albus naît en 1881 dans le village de Terre-en-Lande, dans une famille de sorciers. Son père, Perceval, est emprisonné à Azkaban pour avoir attaqué trois Moldus qui avaient brutalisé sa petite sœur Ariana, un traumatisme qui laissera celle-ci psychologiquement brisée, incapable de maîtriser sa magie. La famille déménage à Godric's Hollow pour protéger Ariana du monde extérieur.</p>

<p>C'est dans ce contexte douloureux qu'Albus grandit, brillant élève à Poudlard, promis à un avenir exceptionnel. Mais c'est aussi là que naît la fissure de son caractère : une tentation du pouvoir qu'il devra combattre toute sa vie.</p>

<div class="info-box">
<p><strong>Le saviez-vous ?</strong>Le nom complet d'Albus Dumbledore, Albus Perceval Wulfric Brian Dumbledore est l'un des plus longs de toute la saga. J.K. Rowling a déclaré que "dumbledore" est un vieux mot anglais désignant le bourdon, car elle imaginait le personnage en train de fredonner en marchant dans les couloirs de Poudlard.</p>
</div>

<h2>La tentation du pouvoir : Grindelwald</h2>

<p>À dix-huit ans, Albus rencontre Gellert Grindelwald, un sorcier brillant et charismatique fasciné par les Reliques de la Mort. Les deux jeunes hommes partagent pendant quelques semaines une amitié et sans doute davantage  nourrie par des ambitions communes : dominer les Moldus "pour leur bien", établir un nouvel ordre sous l'autorité des sorciers.</p>

<p>Cette période prend fin brutalement lors d'une dispute à trois avec le frère d'Albus, Abelforth. Dans la bagarre, Ariana est tuée. Jamais Albus ne saura si c'est sa magie, celle de Grindelwald ou celle d'Abelforth qui a causé la mort de sa sœur. Ce doute le hantera jusqu'à sa mort.</p>

<blockquote class="pull-quote">« Le pouvoir est dangereux entre les mains de ceux qui le désirent. » <cite>— Albus Dumbledore, Harry Potter et les Reliques de la Mort</cite></blockquote>

<h2>Les grandes étapes de sa vie</h2>

<ul class="timeline">
	<li><span class="tl-year">1881</span><span class="tl-text">Naissance à Terre-en-Lande. Débuts à Poudlard, maison Gryffondor.</span></li>
	<li><span class="tl-year">1899</span><span class="tl-text">Rencontre de Grindelwald. Mort accidentelle d'Ariana. Rupture définitive avec le mage noir.</span></li>
	<li><span class="tl-year">1938</span><span class="tl-text">Révèle au jeune Tom Elvis Jedusor qu'il est sorcier. Premiers doutes sur l'enfant.</span></li>
	<li><span class="tl-year">1945</span><span class="tl-text">Duel légendaire contre Grindelwald. S'empare de la Baguette de Sureau. Découverte des 12 propriétés du sang de dragon.</span></li>
	<li><span class="tl-year">1956</span><span class="tl-text">Devient directeur de Poudlard, succédant au professeur Dippet.</span></li>
	<li><span class="tl-year">1981</span><span class="tl-text">Après la chute de Voldemort, confie le bébé Harry à sa famille moldue.</span></li>
	<li><span class="tl-year">1997</span><span class="tl-text">Assassiné par Severus Rogue au sommet de la Tour d'Astronomie, selon un plan qu'il a lui-même orchestré.</span></li>
</ul>

<h2>Directeur de Poudlard : la figure du mentor</h2>

<p>Nommé directeur de Poudlard en 1956, Dumbledore transforme l'école en bastion des valeurs qu'il a mises des années à intégrer : tolérance, amour, défense des Moldus. Face à la montée de Voldemort, il fonde l'Ordre du Phénix et devient le seul sorcier que le Seigneur des Ténèbres redoute réellement.</p>

<p>Sa relation avec Harry Potter est le cœur battant de toute la saga. Dumbledore guide le jeune sorcier avec une patience infinie, mais aussi une forme de calcul que les derniers tomes révèleront dans toute son ambiguïté : il sait depuis le début qu'Harry devra mourir pour que Voldemort soit vaincu, et il ne lui dit pas.</p>

<div class="fact-grid">
<div class="fact-card"><span class="fact-num">40</span> <span class="fact-label">ans à la tête de Poudlard</span></div>

<div class="fact-card"><span class="fact-num">1945</span> <span class="fact-label">victoire sur Grindelwald</span></div>

<div class="fact-card"><span class="fact-num">7</span> <span class="fact-label">horcruxes à détruire</span></div>
</div>

<h2>Un homme imparfait, pas un saint</h2>

<p>L'une des forces de l'écriture de Rowling est de ne pas avoir fait de Dumbledore un héros sans tache. Il manipule, il dissimule, il prend des décisions unilatérales au nom du bien commun. Il a failli succomber à la tentation du pouvoir absolu dans sa jeunesse. Il a aimé un homme qui allait devenir l'un des pires sorciers noirs de l'histoire.</p>

<p>C'est précisément cette complexité qui le rend si grand : non pas parce qu'il est parfait, mais parce qu'il a choisi, encore et encore, de se battre pour ce qui est juste malgré ses failles et ses regrets. La sagesse de Dumbledore n'est pas innée, elle est le fruit douloureux d'une vie entière de fautes reconnues.</p>

<h2>La Baguette de Sureau et les Reliques de la Mort</h2>

<p>Après avoir vaincu Grindelwald en 1945, Dumbledore s'empare de la Baguette de Sureau, la plus puissante des trois Reliques de la Mort. Il la conserve sans jamais chercher à réunir les trois Reliques, une sagesse acquise durement, lui qui avait jadis rêvé de les posséder toutes.</p>

<p>Avant sa mort, il lègue à Harry ses indices pour comprendre les Reliques, faisant confiance au jeune homme pour faire le bon choix là où lui avait failli. Ce passage de flambeau est l'un des moments les plus émouvants de toute la saga.</p>

<h2>Un héritage immortel</h2>

<p>Mort mais jamais absent, Dumbledore continue d'habiter l'histoire bien après sa disparition à travers le portrait dans le bureau du directeur, à travers les souvenirs conservés dans la Pensine, à travers chaque décision qu'Harry prend en pensant à lui. Son héritage se résume peut-être à cette formule qu'il a lui-même incarnée jusqu'au bout : la mort n'est qu'une nouvelle aventure pour ceux qui sont bien préparés.</p>
</div>

<p class="article-footer">✦ Article rédigé avec passion pour les fans de la saga Harry Potter ✦</p>
</article><img src="https://www.magistera.fr/_i/182514/p{229}-4371/2353/74/71qudwnbddl-ac-sx300-sy300-ql70-ml2.jpeg" alt="71qudwnbddl-ac-sx300-sy300-ql70-ml2" />]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Ron Weasley et Rupert Grint : portrait du loyal de Harry Potter]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/portrait-du-loyal-de-harry-potter.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/portrait-du-loyal-de-harry-potter.html</guid>
                <pubDate>Tue, 02 Jun 2026 09:53:22 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[

 
 


L'Univers de J.K. Rowling 

Ron Weasley LE LOYAL DANS L'OMBRE

 

Du garçon roux de la famille la plus aimée de Poudlard au cœur battant de la saga 

"Pourquoi ce sont toujours les araignées ? Pourquoi pas les papillons ?" 

Découvrir

 






01

Le Personnage

Ron Weasley, le troisième



Il est le sixième enfant d'une famille qui déborde d'amour mais manque d'argent. Il arrive à Poudlard avec une baguette cassée, un rat borgne et les robes usées de ses frères. Il repart, dix ans plus tard, comme l'un des sorciers les plus courageux de son époque. 


LA FAMILLE WEASLEY 
"Il ne faut pas grand chose pour être riche quand on est entouré d'amour."

Ron Weasley grandit dans l'ombre de ses frères Bill le parfait, Charlie le courageux, Percy l'ambitieux, Fred et George les génies comiques. Quand il monte dans le Poudlard Express pour la première fois, il n'est encore "que" Ron. Le dernier fils. Celui dont personne n'attend grand chose. 

Et pourtant. C'est lui qui, dans la salle aux échecs géants, avance sa pièce et se sacrifie sans hésiter pour que Harry puisse continuer. Dès la première année, tout est dit sur qui est Ron Weasley : celui qui donne sans compter, même quand ça lui coûte tout. 

Il n'est pas le Sorcier Qui A Survécu. Il n'est pas la première de la classe. Il est le ami. Le vrai. Celui qui reste quand tout s'effondre ou presque et qui revient quand il est parti. 


✦



02

Portrait

Forces et failles



Ron est le personnage le plus humain de la saga. Trop humain, peut-être, c'est précisément ce qui le rend irremplaçable. 



⚡ Le Stratège 

Champion d'échecs à onze ans. Son intelligence tactique sauve le trio dès la première année, un sacrifice que personne ne lui a demandé. 



????️ Le Loyal 

Sa loyauté envers Harry est absolue. Quand il doute, quand il jalouse il revient toujours. C'est peut-être ça, le vrai courage. 



???? L'Humour 

Dans les moments les plus sombres, c'est lui qui fait rire. Pas par légèreté par tendresse. Pour garder tout le monde en vie. 



???? La Jalousie 

Son plus grand ennemi, c'est lui-même. La jalousie, le doute, la médiocrité perçue des failles que J.K. Rowling a écrites avec une honnêteté désarmante. 




Ron n'est pas parfait. C'est pour ça qu'il est essentiel. Dans un monde de héros extraordinaires, il représente tous ceux qui font de leur mieux avec ce qu'ils ont. 



✦



03

L'Acteur

Rupert Grint



Il avait neuf ans quand il a envoyé sa candidature à la production Harry Potter sous forme d'une vidéo improvisée dans le jardin familial. Pas d'agent, pas d'expérience. Juste un gamin roux avec quelque chose d'indéfinissable dans les yeux. 



Filmographie & Carrière 

2001Harry Potter Ises débuts à 12 ans

2007Driving Lessonspremier rôle solo

2011Harry Potter VIIIfin d'une ère

2013CBGBCheetah Chrome

2019Sick Note (série)comédie noire

2019Guillermo del Toro: Ténèbresrôle dramatique

2022Guillermo del Toro: Ténèbressaison 2




La Naturel 

Grint n'a jamais eu l'air de jouer. Ses réactions spontanées, le rire qui échappe, le regard ahuri, sont devenues la signature de Ron. 



La Croissance 

De 12 à 22 ans devant les caméras. Grandir sous les yeux du monde entier, tout en restant soi-même c'est peut-être sa plus grande performance. 



L'Après Potter 

Là où d'autres se sont perdus, Grint a choisi des rôles à contre-emploi sombres, complexes pour prouver qu'il existait au-delà du roux de Gryffondor. 



La Discrétion 

Père depuis 2020, il vit loin des spotlights. Une cohérence parfaite avec l'homme qu'il a incarné pendant dix ans : sincère, sans artifice. 





✦



04

La Saga

Dix ans sous les caméras



Rupert Grint a vécu son enfance et son adolescence entières dans les studios de Leavesden. Ce que la caméra a capturé, c'est une croissance réelle pas jouée. 


8Films tournés

10Ans de tournage

12Ans au premier clap



2001 — 12 ans


L'École des Sorciers


Un enfant naturel, espiègle, dont les grimaces font déjà l'identité du personnage. Le rire de Rupert Grint, c'est déjà le rire de Ron. 


2004 — 15 ans


Le Prisonnier d'Azkaban


La puberté, les premières nuances. Ron gagne en épaisseur et Grint avec lui. La scène face au Bogart reste l'une des plus drôles de la saga. 


2009 — 20 ans


Le Prince de Sang-Mêlé


Ron amoureux, Ron qui souffre. Grint livre ses scènes les plus complexes émotionnellement et les réussit avec une sincérité désarmante. 


2011 — 22 ans


Les Reliques de la Mort


Le clap final. La scène du quai 9¾, vingt ans plus tard. Grint referme le chapitre d'une vie et ouvre tous les autres. 




✦



05

Héritage

Ron Weasley, pour toujours



Ron Weasley n'a jamais eu la lumière qu'il méritait. Ni dans la saga, ni dans les discussions de fans. Et c'est peut-être pour ça qu'il reste le personnage le plus aimé en secret. 

Il est l'ami. Pas le héros prédestiné, pas le génie, pas l'élu. L'ami celui qui choisit, chaque matin, d'être là. Et dans un monde obsédé par l'exceptionnel, cette normalité courageuse est peut-être la chose la plus extraordinaire que J.K. Rowling ait écrite. 


♟️

Le Stratège 

Il se sacrifie aux échecs dès le livre 1. Tout est là, dès le début. 


❤️

L'Ami 

Le vrai héros de la saga, c'est peut-être lui. Celui qui reste. 


????

Le Rire 

Dans les ténèbres, c'est lui qui garde la lumière allumée. 



Et Rupert Grint, lui, a fait quelque chose de rare : il a grandi devant nous sans se perdre. Il a incarné la loyauté pendant dix ans, puis il est parti vivre sa vie discrètement, sincèrement, exactement comme Ron l'aurait fait. 




"Pourquoi ça devait être des araignées ?"
— Ron Weasley, La Chambre des Secrets 

 

Rupert Grint Ron Weasley dans Harry Potter (2001–2011) 




@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap');

#rg-article *, #rg-article *::before, #rg-article *::after { box-sizing: border-box; margin: 0; padding: 0; }

#rg-article {
  --rg-black:    #07060d;
  --rg-navy:     #0d0a06;
  --rg-mid:      #1a1208;
  --rg-card:     #140f05;
  --rg-red:      #8b1a1a;
  --rg-gold:     #c9842a;
  --rg-gold-l:   #e5a84a;
  --rg-gold-d:   #7a4e18;
  --rg-cream:    #d4c4a0;
  --rg-cream-l:  #ede0c4;
  --rg-white:    #f5f0e8;
  --rg-dim:      #7a6a50;
  --rg-accent:   #7a2020;
  position: relative;
  background: var(--rg-black);
  color: var(--rg-cream);
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  overflow: hidden;
  border-radius: 4px;
}

#rg-article .rg-noise {
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none; z-index: 0; opacity: 0.25;
}

#rg-canvas {
  position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.45;
}

/* ── HERO ── */
#rg-article .rg-hero {
  position: relative;
  min-height: 90vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 6rem 2rem 5rem; overflow: hidden;
}
#rg-article .rg-hero::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 180px;
  background: linear-gradient(to bottom, transparent, var(--rg-black));
  z-index: 1; pointer-events: none;
}
#rg-article .rg-eyebrow {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif; font-size: 0.68rem; letter-spacing: 0.45em;
  color: var(--rg-gold); text-transform: uppercase; margin-bottom: 2.5rem;
  opacity: 0; animation: rg-fadeUp 1s ease 0.3s forwards;
}
#rg-article .rg-title {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif; font-size: clamp(2.8rem, 8.5vw, 6.5rem);
  font-weight: 700; color: var(--rg-white); line-height: 1; letter-spacing: 0.05em;
  text-shadow: 0 0 80px rgba(201,132,42,0.3), 0 4px 40px rgba(0,0,0,0.9);
  opacity: 0; animation: rg-fadeUp 1.1s ease 0.5s forwards;
}
#rg-article .rg-title-small {
  display: block; font-size: 0.45em; font-weight: 400; color: var(--rg-gold);
  letter-spacing: 0.2em; margin-bottom: 0.5rem;
}
#rg-article .rg-hero-rule {
  position: relative; z-index: 2; width: 200px; height: 1px;
  background: linear-gradient(to right, transparent, var(--rg-gold), transparent);
  margin: 2.5rem auto; opacity: 0; animation: rg-fadeIn 1s ease 1.2s forwards;
}
#rg-article .rg-hero-sub {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif; font-size: clamp(1rem, 2.5vw, 1.3rem);
  font-style: italic; color: var(--rg-cream); letter-spacing: 0.05em;
  max-width: 540px; opacity: 0; animation: rg-fadeUp 1s ease 1s forwards;
}
#rg-article .rg-hero-quote {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.05rem;
  color: var(--rg-dim); margin-top: 2.5rem; max-width: 460px; line-height: 1.6;
  opacity: 0; animation: rg-fadeUp 1s ease 1.4s forwards;
}
#rg-article .rg-scroll-cue {
  position: absolute; bottom: 3.5rem; left: 50%; transform: translateX(-50%);
  z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
  opacity: 0; animation: rg-fadeIn 1s ease 2.2s forwards;
}
#rg-article .rg-scroll-cue span {
  font-family: 'Cinzel', serif; font-size: 0.55rem; letter-spacing: 0.4em; color: var(--rg-gold-d);
}
#rg-article .rg-scroll-line {
  width: 1px; height: 36px; background: linear-gradient(to bottom, var(--rg-gold-d), transparent);
  animation: rg-scrollPulse 2s ease-in-out 2.5s infinite;
}

/* ── CONTENU ── */
#rg-article .rg-content { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; padding: 0 2rem 6rem; }

/* ── Section header ── */
#rg-article .rg-section-header { display: flex; align-items: center; gap: 1.5rem; margin: 5rem 0 2.5rem; }
#rg-article .rg-num { font-family: 'Cinzel', serif; font-size: 2.8rem; font-weight: 700; color: var(--rg-gold); opacity: 0.55; line-height: 1; flex-shrink: 0; }
#rg-article .rg-meta { border-left: 1px solid var(--rg-gold-d); padding-left: 1.4rem; }
#rg-article .rg-label { display: block; font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.45em; color: var(--rg-gold); text-transform: uppercase; margin-bottom: 0.2rem; }
#rg-article .rg-section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 300; color: var(--rg-white); line-height: 1.1; }
#rg-article .rg-section-title strong { font-weight: 600; }

/* ── Texte ── */
#rg-article .rg-p { margin-bottom: 1.3rem; color: var(--rg-cream); font-size: 1.05rem; }
#rg-article .rg-lead { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-style: italic; font-weight: 300; color: var(--rg-cream-l); line-height: 1.6; border-left: 2px solid var(--rg-gold-d); padding-left: 1.4rem; margin-bottom: 1.8rem; }
#rg-article .rg-em { color: var(--rg-gold-l); font-style: italic; }

/* ── Blockquote ── */
#rg-article .rg-quote { position: relative; margin: 2.5rem 0; padding: 1.8rem 2rem 1.8rem 2.5rem; background: var(--rg-mid); border: 1px solid rgba(201,132,42,0.2); border-left: 3px solid var(--rg-gold); }
#rg-article .rg-quote::before { content: '"'; position: absolute; top: -0.5rem; left: 1.2rem; font-family: 'Cormorant Garamond', serif; font-size: 4.5rem; color: var(--rg-gold); line-height: 1; opacity: 0.22; }
#rg-article .rg-quote p { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-style: italic; color: var(--rg-cream-l); margin: 0; }

/* ── Divider ── */
#rg-article .rg-divider { display: flex; align-items: center; gap: 1rem; margin: 2.5rem 0; color: var(--rg-gold); font-size: 0.75rem; }
#rg-article .rg-divider::before, #rg-article .rg-divider::after { content: ''; flex: 1; height: 1px; }
#rg-article .rg-divider::before { background: linear-gradient(to right, transparent, var(--rg-gold-d)); }
#rg-article .rg-divider::after  { background: linear-gradient(to left,  transparent, var(--rg-gold-d)); }

/* ── Famille bannière ── */
#rg-article .rg-family-banner { margin: 2rem 0; padding: 1.4rem 2rem; background: linear-gradient(135deg, var(--rg-mid), var(--rg-card)); border: 1px solid rgba(201,132,42,0.25); text-align: center; }
#rg-article .rg-family-text { font-family: 'Cinzel', serif; font-size: 1.05rem; letter-spacing: 0.35em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.3rem; }
#rg-article .rg-family-sub { display: block; font-family: 'Crimson Pro', serif; font-style: italic; font-size: 0.88rem; color: var(--rg-dim); }

/* ── Grille 2 colonnes ── */
#rg-article .rg-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; margin: 2rem 0; }
#rg-article .rg-card { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); padding: 1.5rem 1.3rem; position: relative; transition: border-color 0.3s, transform 0.3s; overflow: hidden; }
#rg-article .rg-card:hover { border-color: var(--rg-gold-d); transform: translateY(-3px); }
#rg-article .rg-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
#rg-article .rg-card-red::before   { background: #8b1a1a; }
#rg-article .rg-card-gold::before  { background: #c9842a; }
#rg-article .rg-card-blue::before  { background: #1a4a8b; }
#rg-article .rg-card-dark::before  { background: #4a3020; }
#rg-article .rg-card-title { font-family: 'Cinzel', serif; font-size: 0.8rem; letter-spacing: 0.12em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.6rem; }
#rg-article .rg-card-desc { font-size: 0.9rem; color: var(--rg-dim); line-height: 1.55; }

/* ── Stats ── */
#rg-article .rg-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0; }
#rg-article .rg-stat { background: var(--rg-mid); border: 1px solid rgba(201,132,42,0.15); padding: 1.5rem 1rem; text-align: center; }
#rg-article .rg-stat-n { display: block; font-family: 'Cinzel', serif; font-size: 2.8rem; font-weight: 700; color: var(--rg-gold); line-height: 1; margin-bottom: 0.4rem; }
#rg-article .rg-stat-l { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.2em; color: var(--rg-cream); text-transform: uppercase; }

/* ── Actor bio ── */
#rg-article .rg-actor-bio { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; align-items: start; }
#rg-article .rg-filmography { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); overflow: hidden; }
#rg-article .rg-filmography-title { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.4em; color: var(--rg-gold); padding: 0.85rem 1.2rem; border-bottom: 1px solid rgba(201,132,42,0.15); background: var(--rg-mid); text-transform: uppercase; }
#rg-article .rg-film { display: grid; grid-template-columns: 52px 1fr auto; gap: 0.7rem; align-items: center; padding: 0.6rem 1.2rem; border-bottom: 1px solid rgba(255,255,255,0.04); transition: background 0.2s; }
#rg-article .rg-film:last-child { border-bottom: none; }
#rg-article .rg-film:hover { background: rgba(201,132,42,0.04); }
#rg-article .rg-film-year { font-family: 'Cinzel', serif; font-size: 0.68rem; color: var(--rg-gold); font-weight: 600; }
#rg-article .rg-film-title { font-size: 0.9rem; color: var(--rg-white); font-weight: 600; }
#rg-article .rg-film-role { font-size: 0.8rem; color: var(--rg-dim); font-style: italic; font-family: 'Cormorant Garamond', serif; }
#rg-article .rg-analysis { display: flex; flex-direction: column; gap: 1rem; }
#rg-article .rg-analysis-point { padding: 0.9rem 1.1rem; background: var(--rg-card); border-left: 2px solid var(--rg-gold); border-top: 1px solid rgba(255,255,255,0.04); }
#rg-article .rg-ap-title { font-family: 'Cinzel', serif; font-size: 0.65rem; letter-spacing: 0.18em; color: var(--rg-gold-l); margin-bottom: 0.35rem; font-weight: 600; text-transform: uppercase; }
#rg-article .rg-ap-text { font-size: 0.9rem; color: var(--rg-cream); line-height: 1.5; }

/* ── Timeline ── */
#rg-article .rg-timeline { position: relative; margin: 2rem 0; padding-left: 2.2rem; }
#rg-article .rg-timeline::before { content: ''; position: absolute; left: 0.45rem; top: 0.5rem; bottom: 0; width: 1px; background: linear-gradient(to bottom, var(--rg-gold-d), transparent); }
#rg-article .rg-tl-item { position: relative; margin-bottom: 1.8rem; }
#rg-article .rg-tl-item::before { content: ''; position: absolute; left: -1.85rem; top: 0.35rem; width: 9px; height: 9px; border-radius: 50%; background: var(--rg-gold); box-shadow: 0 0 10px rgba(201,132,42,0.5); }
#rg-article .rg-tl-badge { display: inline-block; font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.25em; color: var(--rg-gold); background: rgba(201,132,42,0.1); border: 1px solid rgba(201,132,42,0.2); padding: 0.18rem 0.55rem; margin-bottom: 0.4rem; text-transform: uppercase; }
#rg-article .rg-tl-title { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 600; color: var(--rg-gold-l); margin-bottom: 0.35rem; }
#rg-article .rg-tl-desc { font-size: 0.93rem; color: var(--rg-cream); line-height: 1.55; }

/* ── Legacy ── */
#rg-article .rg-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0; }
#rg-article .rg-legacy-card { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); padding: 1.7rem 1.1rem; text-align: center; transition: border-color 0.3s, transform 0.3s; }
#rg-article .rg-legacy-card:hover { border-color: rgba(201,132,42,0.3); transform: translateY(-4px); }
#rg-article .rg-legacy-icon { display: block; font-size: 1.9rem; margin-bottom: 0.75rem; }
#rg-article .rg-legacy-title { font-family: 'Cinzel', serif; font-size: 0.72rem; letter-spacing: 0.18em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.6rem; text-transform: uppercase; }
#rg-article .rg-legacy-desc { font-size: 0.88rem; color: var(--rg-dim); line-height: 1.5; }

/* ── Citation finale ── */
#rg-article .rg-final-quote { text-align: center; padding: 4.5rem 2rem 3rem; border-top: 1px solid rgba(201,132,42,0.1); margin-top: 3rem; }
#rg-article .rg-fq-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.15rem, 2.8vw, 1.7rem); font-style: italic; font-weight: 300; color: var(--rg-cream-l); line-height: 1.6; max-width: 580px; margin: 0 auto 1.4rem; }
#rg-article .rg-fq-rule { width: 70px; height: 1px; background: var(--rg-gold-d); margin: 0 auto 1.2rem; }
#rg-article .rg-fq-attr { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.4em; color: var(--rg-gold-d); text-transform: uppercase; }

/* ── Scroll reveal ── */
#rg-article .rg-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
#rg-article .rg-reveal.rg-visible { opacity: 1; transform: translateY(0); }

/* ── Animations ── */
@keyframes rg-fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes rg-fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes rg-scrollPulse { 0%,100%{opacity:.3;transform:scaleY(.85)} 50%{opacity:1;transform:scaleY(1.1)} }

/* ── Responsive ── */
@media (max-width: 640px) {
  #rg-article .rg-grid-2, #rg-article .rg-stats, #rg-article .rg-grid-3 { grid-template-columns: 1fr; }
  #rg-article .rg-actor-bio { grid-template-columns: 1fr; }
  #rg-article .rg-film { grid-template-columns: 46px 1fr; }
  #rg-article .rg-film-role { display: none; }
  #rg-article .rg-section-header { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  #rg-article .rg-num { font-size: 2rem; }
}


(function() {
  var hero   = document.querySelector('#rg-article .rg-hero');
  var canvas = document.getElementById('rg-canvas');
  if (!canvas || !hero) return;
  var ctx = canvas.getContext('2d');
  var particles = [];
  var raf;

  function resize() { canvas.width = hero.offsetWidth; canvas.height = hero.offsetHeight; }

  function init() {
    particles = [];
    // Étincelles orangées façon feu de cheminée Weasley
    var n = Math.floor((canvas.width * canvas.height) / 7000);
    for (var i = 0; i < n; i++) {
      particles.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        r: Math.random() * 1.5 + 0.3,
        speed: Math.random() * 0.0003 + 0.0002,
        phase: Math.random() * Math.PI * 2,
        warm: Math.random()
      });
    }
  }

  function draw(t) {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    particles.forEach(function(p) {
      var op = 0.25 + 0.45 * (0.5 + 0.5 * Math.sin(t * p.speed * 1000 + p.phase));
      var r = p.warm > 0.6
        ? 'rgba(220,140,60,' + op + ')'
        : 'rgba(200,180,140,' + op + ')';
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
      ctx.fillStyle = r;
      ctx.fill();
    });
    // Lueur centrale chaude
    var cx = canvas.width * 0.5, cy = canvas.height * 0.42;
    var pulse = 0.04 + 0.02 * Math.sin(t * 0.0008);
    var g = ctx.createRadialGradient(cx, cy, 0, cx, cy, canvas.width * 0.4);
    g.addColorStop(0, 'rgba(180,80,20,' + pulse + ')');
    g.addColorStop(1, 'transparent');
    ctx.beginPath();
    ctx.ellipse(cx, cy, canvas.width * 0.4, canvas.height * 0.35, 0, 0, Math.PI * 2);
    ctx.fillStyle = g;
    ctx.fill();
  }

  function animate(t) { draw(t); raf = requestAnimationFrame(animate); }
  resize(); init(); animate(0);
  window.addEventListener('resize', function() { cancelAnimationFrame(raf); resize(); init(); animate(0); });

  // Scroll reveal
  var els = document.querySelectorAll('#rg-article .rg-reveal');
  if ('IntersectionObserver' in window) {
    var obs = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) { e.target.classList.add('rg-visible'); obs.unobserve(e.target); }
      });
    }, { threshold: 0.07 });
    els.forEach(function(el) { obs.observe(el); });
  } else {
    els.forEach(function(el) { el.classList.add('rg-visible'); });
  }
})();

]]></description>
                <content:encoded><![CDATA[<!-- ============================================================
  ARTICLE RUPERT GRINT / RON WEASLEY — Prêt pour WiziShop
  Intégration : Contenu > Articles de blog > Éditeur > Source HTML
  ============================================================ -->
<div id="rg-article">
<div aria-hidden="true" class="rg-noise"> </div>
<canvas aria-hidden="true" id="rg-canvas" width="1024" height="1318"></canvas> <!-- ══ HERO ══ -->

<header class="rg-hero">
<p class="rg-eyebrow">L'Univers de J.K. Rowling</p>

<h1 class="rg-title"><span class="rg-title-small">Ron Weasley</span> LE LOYAL DANS L'OMBRE</h1>

<div class="rg-hero-rule"> </div>

<p class="rg-hero-sub">Du garçon roux de la famille la plus aimée de Poudlard au cœur battant de la saga</p>

<p class="rg-hero-quote">"Pourquoi ce sont toujours les araignées ? Pourquoi pas les papillons ?"</p>

<div aria-hidden="true" class="rg-scroll-cue"><span>Découvrir</span>

<div class="rg-scroll-line"> </div>
</div>
</header>
<!-- ══ CONTENU ══ -->

<div class="rg-content"><!-- 01 Ron Weasley -->
<section>
<div class="rg-section-header rg-reveal rg-visible"><span class="rg-num">01</span>

<div class="rg-meta"><span class="rg-label">Le Personnage</span>

<h2 class="rg-section-title">Ron Weasley, <strong>le troisième</strong></h2>
</div>
</div>

<p class="rg-lead rg-reveal rg-visible">Il est le sixième enfant d'une famille qui déborde d'amour mais manque d'argent. Il arrive à Poudlard avec une baguette cassée, un rat borgne et les robes usées de ses frères. Il repart, dix ans plus tard, comme l'un des sorciers les plus courageux de son époque.</p>

<div class="rg-family-banner rg-reveal rg-visible">
<p class="rg-family-text">LA FAMILLE WEASLEY</p>
<span class="rg-family-sub">"Il ne faut pas grand chose pour être riche quand on est entouré d'amour."</span></div>

<p class="rg-p rg-reveal rg-visible">Ron Weasley grandit dans l'ombre de ses frères Bill le parfait, Charlie le courageux, Percy l'ambitieux, Fred et George les génies comiques. Quand il monte dans le Poudlard Express pour la première fois, il n'est encore "que" Ron. Le dernier fils. Celui dont personne n'attend grand chose.</p>

<p class="rg-p rg-reveal rg-visible">Et pourtant. C'est lui qui, dans la salle aux échecs géants, avance sa pièce et se sacrifie sans hésiter pour que Harry puisse continuer. Dès la première année, tout est dit sur qui est Ron Weasley : <em class="rg-em">celui qui donne sans compter, même quand ça lui coûte tout.</em></p>

<p class="rg-p rg-reveal rg-visible">Il n'est pas le Sorcier Qui A Survécu. Il n'est pas la première de la classe. Il est le ami. Le vrai. Celui qui reste quand tout s'effondre ou presque et qui revient quand il est parti.</p>
</section>

<div class="rg-divider rg-reveal rg-visible"><span>✦</span></div>
<!-- 02 Forces & Failles -->

<section>
<div class="rg-section-header rg-reveal rg-visible"><span class="rg-num">02</span>

<div class="rg-meta"><span class="rg-label">Portrait</span>

<h2 class="rg-section-title">Forces <strong>et failles</strong></h2>
</div>
</div>

<p class="rg-lead rg-reveal rg-visible">Ron est le personnage le plus humain de la saga. Trop humain, peut-être, c'est précisément ce qui le rend irremplaçable.</p>

<div class="rg-grid-2 rg-reveal rg-visible">
<div class="rg-card rg-card-red">
<p class="rg-card-title">⚡ Le Stratège</p>

<p class="rg-card-desc">Champion d'échecs à onze ans. Son intelligence tactique sauve le trio dès la première année, un sacrifice que personne ne lui a demandé.</p>
</div>

<div class="rg-card rg-card-gold">
<p class="rg-card-title">????️ Le Loyal</p>

<p class="rg-card-desc">Sa loyauté envers Harry est absolue. Quand il doute, quand il jalouse il revient toujours. C'est peut-être ça, le vrai courage.</p>
</div>

<div class="rg-card rg-card-blue">
<p class="rg-card-title">???? L'Humour</p>

<p class="rg-card-desc">Dans les moments les plus sombres, c'est lui qui fait rire. Pas par légèreté par tendresse. Pour garder tout le monde en vie.</p>
</div>

<div class="rg-card rg-card-dark">
<p class="rg-card-title">???? La Jalousie</p>

<p class="rg-card-desc">Son plus grand ennemi, c'est lui-même. La jalousie, le doute, la médiocrité perçue des failles que J.K. Rowling a écrites avec une honnêteté désarmante.</p>
</div>
</div>

<blockquote class="rg-quote rg-reveal rg-visible">
<p>Ron n'est pas parfait. C'est pour ça qu'il est essentiel. Dans un monde de héros extraordinaires, il représente tous ceux qui font de leur mieux avec ce qu'ils ont.</p>
</blockquote>
</section>

<div class="rg-divider rg-reveal rg-visible"><span>✦</span></div>
<!-- 03 Rupert Grint -->

<section>
<div class="rg-section-header rg-reveal rg-visible"><span class="rg-num">03</span>

<div class="rg-meta"><span class="rg-label">L'Acteur</span>

<h2 class="rg-section-title"><strong>Rupert Grint</strong></h2>
</div>
</div>

<p class="rg-lead rg-reveal rg-visible">Il avait neuf ans quand il a envoyé sa candidature à la production Harry Potter sous forme d'une vidéo improvisée dans le jardin familial. Pas d'agent, pas d'expérience. Juste un gamin roux avec quelque chose d'indéfinissable dans les yeux.</p>

<div class="rg-actor-bio rg-reveal rg-visible">
<div class="rg-filmography">
<p class="rg-filmography-title">Filmographie & Carrière</p>

<div class="rg-film"><span class="rg-film-year">2001</span><span class="rg-film-title">Harry Potter I</span><span class="rg-film-role">ses débuts à 12 ans</span></div>

<div class="rg-film"><span class="rg-film-year">2007</span><span class="rg-film-title">Driving Lessons</span><span class="rg-film-role">premier rôle solo</span></div>

<div class="rg-film"><span class="rg-film-year">2011</span><span class="rg-film-title">Harry Potter VIII</span><span class="rg-film-role">fin d'une ère</span></div>

<div class="rg-film"><span class="rg-film-year">2013</span><span class="rg-film-title">CBGB</span><span class="rg-film-role">Cheetah Chrome</span></div>

<div class="rg-film"><span class="rg-film-year">2019</span><span class="rg-film-title">Sick Note (série)</span><span class="rg-film-role">comédie noire</span></div>

<div class="rg-film"><span class="rg-film-year">2019</span><span class="rg-film-title">Guillermo del Toro: Ténèbres</span><span class="rg-film-role">rôle dramatique</span></div>

<div class="rg-film"><span class="rg-film-year">2022</span><span class="rg-film-title">Guillermo del Toro: Ténèbres</span><span class="rg-film-role">saison 2</span></div>
</div>

<div class="rg-analysis">
<div class="rg-analysis-point">
<p class="rg-ap-title">La Naturel</p>

<p class="rg-ap-text">Grint n'a jamais eu l'air de jouer. Ses réactions spontanées, le rire qui échappe, le regard ahuri, sont devenues la signature de Ron.</p>
</div>

<div class="rg-analysis-point">
<p class="rg-ap-title">La Croissance</p>

<p class="rg-ap-text">De 12 à 22 ans devant les caméras. Grandir sous les yeux du monde entier, tout en restant soi-même c'est peut-être sa plus grande performance.</p>
</div>

<div class="rg-analysis-point">
<p class="rg-ap-title">L'Après Potter</p>

<p class="rg-ap-text">Là où d'autres se sont perdus, Grint a choisi des rôles à contre-emploi sombres, complexes pour prouver qu'il existait au-delà du roux de Gryffondor.</p>
</div>

<div class="rg-analysis-point">
<p class="rg-ap-title">La Discrétion</p>

<p class="rg-ap-text">Père depuis 2020, il vit loin des spotlights. Une cohérence parfaite avec l'homme qu'il a incarné pendant dix ans : sincère, sans artifice.</p>
</div>
</div>
</div>
</section>

<div class="rg-divider rg-reveal rg-visible"><span>✦</span></div>
<!-- 04 L'enfance à l'écran -->

<section>
<div class="rg-section-header rg-reveal rg-visible"><span class="rg-num">04</span>

<div class="rg-meta"><span class="rg-label">La Saga</span>

<h2 class="rg-section-title">Dix ans <strong>sous les caméras</strong></h2>
</div>
</div>

<p class="rg-lead rg-reveal rg-visible">Rupert Grint a vécu son enfance et son adolescence entières dans les studios de Leavesden. Ce que la caméra a capturé, c'est une croissance réelle pas jouée.</p>

<div class="rg-stats rg-reveal rg-visible">
<div class="rg-stat"><span class="rg-stat-n">8</span><span class="rg-stat-l">Films tournés</span></div>

<div class="rg-stat"><span class="rg-stat-n">10</span><span class="rg-stat-l">Ans de tournage</span></div>

<div class="rg-stat"><span class="rg-stat-n">12</span><span class="rg-stat-l">Ans au premier clap</span></div>
</div>

<div class="rg-timeline rg-reveal rg-visible">
<div class="rg-tl-item"><span class="rg-tl-badge">2001 — 12 ans</span>

<h3  class="rg-tl-title">L'École des Sorciers</h3>

<p class="rg-tl-desc">Un enfant naturel, espiègle, dont les grimaces font déjà l'identité du personnage. Le rire de Rupert Grint, c'est déjà le rire de Ron.</p>
</div>

<div class="rg-tl-item"><span class="rg-tl-badge">2004 — 15 ans</span>

<h3  class="rg-tl-title">Le Prisonnier d'Azkaban</h3>

<p class="rg-tl-desc">La puberté, les premières nuances. Ron gagne en épaisseur et Grint avec lui. La scène face au Bogart reste l'une des plus drôles de la saga.</p>
</div>

<div class="rg-tl-item"><span class="rg-tl-badge">2009 — 20 ans</span>

<h3  class="rg-tl-title">Le Prince de Sang-Mêlé</h3>

<p class="rg-tl-desc">Ron amoureux, Ron qui souffre. Grint livre ses scènes les plus complexes émotionnellement et les réussit avec une sincérité désarmante.</p>
</div>

<div class="rg-tl-item"><span class="rg-tl-badge">2011 — 22 ans</span>

<h3  class="rg-tl-title">Les Reliques de la Mort</h3>

<p class="rg-tl-desc">Le clap final. La scène du quai 9¾, vingt ans plus tard. Grint referme le chapitre d'une vie et ouvre tous les autres.</p>
</div>
</div>
</section>

<div class="rg-divider rg-reveal rg-visible"><span>✦</span></div>
<!-- 05 Héritage -->

<section>
<div class="rg-section-header rg-reveal rg-visible"><span class="rg-num">05</span>

<div class="rg-meta"><span class="rg-label">Héritage</span>

<h2 class="rg-section-title">Ron Weasley, <strong>pour toujours</strong></h2>
</div>
</div>

<p class="rg-lead rg-reveal rg-visible">Ron Weasley n'a jamais eu la lumière qu'il méritait. Ni dans la saga, ni dans les discussions de fans. Et c'est peut-être pour ça qu'il reste le personnage le plus aimé en secret.</p>

<p class="rg-p rg-reveal rg-visible">Il est l'ami. Pas le héros prédestiné, pas le génie, pas l'élu. L'ami celui qui choisit, chaque matin, d'être là. Et dans un monde obsédé par l'exceptionnel, cette normalité courageuse est peut-être la chose la plus extraordinaire que J.K. Rowling ait écrite.</p>

<div class="rg-grid-3 rg-reveal rg-visible">
<div class="rg-legacy-card"><span class="rg-legacy-icon">♟️</span>

<p class="rg-legacy-title">Le Stratège</p>

<p class="rg-legacy-desc">Il se sacrifie aux échecs dès le livre 1. Tout est là, dès le début.</p>
</div>

<div class="rg-legacy-card"><span class="rg-legacy-icon">❤️</span>

<p class="rg-legacy-title">L'Ami</p>

<p class="rg-legacy-desc">Le vrai héros de la saga, c'est peut-être lui. Celui qui reste.</p>
</div>

<div class="rg-legacy-card"><span class="rg-legacy-icon">????</span>

<p class="rg-legacy-title">Le Rire</p>

<p class="rg-legacy-desc">Dans les ténèbres, c'est lui qui garde la lumière allumée.</p>
</div>
</div>

<p class="rg-p rg-reveal rg-visible">Et Rupert Grint, lui, a fait quelque chose de rare : il a grandi devant nous sans se perdre. Il a incarné la loyauté pendant dix ans, puis il est parti vivre sa vie discrètement, sincèrement, exactement comme Ron l'aurait fait.</p>
</section>
<!-- Citation finale -->

<div class="rg-final-quote rg-reveal rg-visible">
<p class="rg-fq-text">"Pourquoi ça devait être des araignées ?"<br />
<span style="font-size:0.75em;opacity:0.6">— Ron Weasley, La Chambre des Secrets</span></p>

<div class="rg-fq-rule"> </div>

<p class="rg-fq-attr">Rupert Grint Ron Weasley dans Harry Potter (2001–2011)</p>
</div>
</div>
<!-- /.rg-content --></div>
<!-- /#rg-article -->
<style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap');

#rg-article *, #rg-article *::before, #rg-article *::after { box-sizing: border-box; margin: 0; padding: 0; }

#rg-article {
  --rg-black:    #07060d;
  --rg-navy:     #0d0a06;
  --rg-mid:      #1a1208;
  --rg-card:     #140f05;
  --rg-red:      #8b1a1a;
  --rg-gold:     #c9842a;
  --rg-gold-l:   #e5a84a;
  --rg-gold-d:   #7a4e18;
  --rg-cream:    #d4c4a0;
  --rg-cream-l:  #ede0c4;
  --rg-white:    #f5f0e8;
  --rg-dim:      #7a6a50;
  --rg-accent:   #7a2020;
  position: relative;
  background: var(--rg-black);
  color: var(--rg-cream);
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  overflow: hidden;
  border-radius: 4px;
}

#rg-article .rg-noise {
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none; z-index: 0; opacity: 0.25;
}

#rg-canvas {
  position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.45;
}

/* ── HERO ── */
#rg-article .rg-hero {
  position: relative;
  min-height: 90vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 6rem 2rem 5rem; overflow: hidden;
}
#rg-article .rg-hero::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 180px;
  background: linear-gradient(to bottom, transparent, var(--rg-black));
  z-index: 1; pointer-events: none;
}
#rg-article .rg-eyebrow {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif; font-size: 0.68rem; letter-spacing: 0.45em;
  color: var(--rg-gold); text-transform: uppercase; margin-bottom: 2.5rem;
  opacity: 0; animation: rg-fadeUp 1s ease 0.3s forwards;
}
#rg-article .rg-title {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif; font-size: clamp(2.8rem, 8.5vw, 6.5rem);
  font-weight: 700; color: var(--rg-white); line-height: 1; letter-spacing: 0.05em;
  text-shadow: 0 0 80px rgba(201,132,42,0.3), 0 4px 40px rgba(0,0,0,0.9);
  opacity: 0; animation: rg-fadeUp 1.1s ease 0.5s forwards;
}
#rg-article .rg-title-small {
  display: block; font-size: 0.45em; font-weight: 400; color: var(--rg-gold);
  letter-spacing: 0.2em; margin-bottom: 0.5rem;
}
#rg-article .rg-hero-rule {
  position: relative; z-index: 2; width: 200px; height: 1px;
  background: linear-gradient(to right, transparent, var(--rg-gold), transparent);
  margin: 2.5rem auto; opacity: 0; animation: rg-fadeIn 1s ease 1.2s forwards;
}
#rg-article .rg-hero-sub {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif; font-size: clamp(1rem, 2.5vw, 1.3rem);
  font-style: italic; color: var(--rg-cream); letter-spacing: 0.05em;
  max-width: 540px; opacity: 0; animation: rg-fadeUp 1s ease 1s forwards;
}
#rg-article .rg-hero-quote {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.05rem;
  color: var(--rg-dim); margin-top: 2.5rem; max-width: 460px; line-height: 1.6;
  opacity: 0; animation: rg-fadeUp 1s ease 1.4s forwards;
}
#rg-article .rg-scroll-cue {
  position: absolute; bottom: 3.5rem; left: 50%; transform: translateX(-50%);
  z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
  opacity: 0; animation: rg-fadeIn 1s ease 2.2s forwards;
}
#rg-article .rg-scroll-cue span {
  font-family: 'Cinzel', serif; font-size: 0.55rem; letter-spacing: 0.4em; color: var(--rg-gold-d);
}
#rg-article .rg-scroll-line {
  width: 1px; height: 36px; background: linear-gradient(to bottom, var(--rg-gold-d), transparent);
  animation: rg-scrollPulse 2s ease-in-out 2.5s infinite;
}

/* ── CONTENU ── */
#rg-article .rg-content { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; padding: 0 2rem 6rem; }

/* ── Section header ── */
#rg-article .rg-section-header { display: flex; align-items: center; gap: 1.5rem; margin: 5rem 0 2.5rem; }
#rg-article .rg-num { font-family: 'Cinzel', serif; font-size: 2.8rem; font-weight: 700; color: var(--rg-gold); opacity: 0.55; line-height: 1; flex-shrink: 0; }
#rg-article .rg-meta { border-left: 1px solid var(--rg-gold-d); padding-left: 1.4rem; }
#rg-article .rg-label { display: block; font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.45em; color: var(--rg-gold); text-transform: uppercase; margin-bottom: 0.2rem; }
#rg-article .rg-section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 300; color: var(--rg-white); line-height: 1.1; }
#rg-article .rg-section-title strong { font-weight: 600; }

/* ── Texte ── */
#rg-article .rg-p { margin-bottom: 1.3rem; color: var(--rg-cream); font-size: 1.05rem; }
#rg-article .rg-lead { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-style: italic; font-weight: 300; color: var(--rg-cream-l); line-height: 1.6; border-left: 2px solid var(--rg-gold-d); padding-left: 1.4rem; margin-bottom: 1.8rem; }
#rg-article .rg-em { color: var(--rg-gold-l); font-style: italic; }

/* ── Blockquote ── */
#rg-article .rg-quote { position: relative; margin: 2.5rem 0; padding: 1.8rem 2rem 1.8rem 2.5rem; background: var(--rg-mid); border: 1px solid rgba(201,132,42,0.2); border-left: 3px solid var(--rg-gold); }
#rg-article .rg-quote::before { content: '"'; position: absolute; top: -0.5rem; left: 1.2rem; font-family: 'Cormorant Garamond', serif; font-size: 4.5rem; color: var(--rg-gold); line-height: 1; opacity: 0.22; }
#rg-article .rg-quote p { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-style: italic; color: var(--rg-cream-l); margin: 0; }

/* ── Divider ── */
#rg-article .rg-divider { display: flex; align-items: center; gap: 1rem; margin: 2.5rem 0; color: var(--rg-gold); font-size: 0.75rem; }
#rg-article .rg-divider::before, #rg-article .rg-divider::after { content: ''; flex: 1; height: 1px; }
#rg-article .rg-divider::before { background: linear-gradient(to right, transparent, var(--rg-gold-d)); }
#rg-article .rg-divider::after  { background: linear-gradient(to left,  transparent, var(--rg-gold-d)); }

/* ── Famille bannière ── */
#rg-article .rg-family-banner { margin: 2rem 0; padding: 1.4rem 2rem; background: linear-gradient(135deg, var(--rg-mid), var(--rg-card)); border: 1px solid rgba(201,132,42,0.25); text-align: center; }
#rg-article .rg-family-text { font-family: 'Cinzel', serif; font-size: 1.05rem; letter-spacing: 0.35em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.3rem; }
#rg-article .rg-family-sub { display: block; font-family: 'Crimson Pro', serif; font-style: italic; font-size: 0.88rem; color: var(--rg-dim); }

/* ── Grille 2 colonnes ── */
#rg-article .rg-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; margin: 2rem 0; }
#rg-article .rg-card { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); padding: 1.5rem 1.3rem; position: relative; transition: border-color 0.3s, transform 0.3s; overflow: hidden; }
#rg-article .rg-card:hover { border-color: var(--rg-gold-d); transform: translateY(-3px); }
#rg-article .rg-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
#rg-article .rg-card-red::before   { background: #8b1a1a; }
#rg-article .rg-card-gold::before  { background: #c9842a; }
#rg-article .rg-card-blue::before  { background: #1a4a8b; }
#rg-article .rg-card-dark::before  { background: #4a3020; }
#rg-article .rg-card-title { font-family: 'Cinzel', serif; font-size: 0.8rem; letter-spacing: 0.12em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.6rem; }
#rg-article .rg-card-desc { font-size: 0.9rem; color: var(--rg-dim); line-height: 1.55; }

/* ── Stats ── */
#rg-article .rg-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0; }
#rg-article .rg-stat { background: var(--rg-mid); border: 1px solid rgba(201,132,42,0.15); padding: 1.5rem 1rem; text-align: center; }
#rg-article .rg-stat-n { display: block; font-family: 'Cinzel', serif; font-size: 2.8rem; font-weight: 700; color: var(--rg-gold); line-height: 1; margin-bottom: 0.4rem; }
#rg-article .rg-stat-l { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.2em; color: var(--rg-cream); text-transform: uppercase; }

/* ── Actor bio ── */
#rg-article .rg-actor-bio { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; align-items: start; }
#rg-article .rg-filmography { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); overflow: hidden; }
#rg-article .rg-filmography-title { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.4em; color: var(--rg-gold); padding: 0.85rem 1.2rem; border-bottom: 1px solid rgba(201,132,42,0.15); background: var(--rg-mid); text-transform: uppercase; }
#rg-article .rg-film { display: grid; grid-template-columns: 52px 1fr auto; gap: 0.7rem; align-items: center; padding: 0.6rem 1.2rem; border-bottom: 1px solid rgba(255,255,255,0.04); transition: background 0.2s; }
#rg-article .rg-film:last-child { border-bottom: none; }
#rg-article .rg-film:hover { background: rgba(201,132,42,0.04); }
#rg-article .rg-film-year { font-family: 'Cinzel', serif; font-size: 0.68rem; color: var(--rg-gold); font-weight: 600; }
#rg-article .rg-film-title { font-size: 0.9rem; color: var(--rg-white); font-weight: 600; }
#rg-article .rg-film-role { font-size: 0.8rem; color: var(--rg-dim); font-style: italic; font-family: 'Cormorant Garamond', serif; }
#rg-article .rg-analysis { display: flex; flex-direction: column; gap: 1rem; }
#rg-article .rg-analysis-point { padding: 0.9rem 1.1rem; background: var(--rg-card); border-left: 2px solid var(--rg-gold); border-top: 1px solid rgba(255,255,255,0.04); }
#rg-article .rg-ap-title { font-family: 'Cinzel', serif; font-size: 0.65rem; letter-spacing: 0.18em; color: var(--rg-gold-l); margin-bottom: 0.35rem; font-weight: 600; text-transform: uppercase; }
#rg-article .rg-ap-text { font-size: 0.9rem; color: var(--rg-cream); line-height: 1.5; }

/* ── Timeline ── */
#rg-article .rg-timeline { position: relative; margin: 2rem 0; padding-left: 2.2rem; }
#rg-article .rg-timeline::before { content: ''; position: absolute; left: 0.45rem; top: 0.5rem; bottom: 0; width: 1px; background: linear-gradient(to bottom, var(--rg-gold-d), transparent); }
#rg-article .rg-tl-item { position: relative; margin-bottom: 1.8rem; }
#rg-article .rg-tl-item::before { content: ''; position: absolute; left: -1.85rem; top: 0.35rem; width: 9px; height: 9px; border-radius: 50%; background: var(--rg-gold); box-shadow: 0 0 10px rgba(201,132,42,0.5); }
#rg-article .rg-tl-badge { display: inline-block; font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.25em; color: var(--rg-gold); background: rgba(201,132,42,0.1); border: 1px solid rgba(201,132,42,0.2); padding: 0.18rem 0.55rem; margin-bottom: 0.4rem; text-transform: uppercase; }
#rg-article .rg-tl-title { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 600; color: var(--rg-gold-l); margin-bottom: 0.35rem; }
#rg-article .rg-tl-desc { font-size: 0.93rem; color: var(--rg-cream); line-height: 1.55; }

/* ── Legacy ── */
#rg-article .rg-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0; }
#rg-article .rg-legacy-card { background: var(--rg-card); border: 1px solid rgba(255,255,255,0.05); padding: 1.7rem 1.1rem; text-align: center; transition: border-color 0.3s, transform 0.3s; }
#rg-article .rg-legacy-card:hover { border-color: rgba(201,132,42,0.3); transform: translateY(-4px); }
#rg-article .rg-legacy-icon { display: block; font-size: 1.9rem; margin-bottom: 0.75rem; }
#rg-article .rg-legacy-title { font-family: 'Cinzel', serif; font-size: 0.72rem; letter-spacing: 0.18em; color: var(--rg-gold-l); font-weight: 600; margin-bottom: 0.6rem; text-transform: uppercase; }
#rg-article .rg-legacy-desc { font-size: 0.88rem; color: var(--rg-dim); line-height: 1.5; }

/* ── Citation finale ── */
#rg-article .rg-final-quote { text-align: center; padding: 4.5rem 2rem 3rem; border-top: 1px solid rgba(201,132,42,0.1); margin-top: 3rem; }
#rg-article .rg-fq-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.15rem, 2.8vw, 1.7rem); font-style: italic; font-weight: 300; color: var(--rg-cream-l); line-height: 1.6; max-width: 580px; margin: 0 auto 1.4rem; }
#rg-article .rg-fq-rule { width: 70px; height: 1px; background: var(--rg-gold-d); margin: 0 auto 1.2rem; }
#rg-article .rg-fq-attr { font-family: 'Cinzel', serif; font-size: 0.58rem; letter-spacing: 0.4em; color: var(--rg-gold-d); text-transform: uppercase; }

/* ── Scroll reveal ── */
#rg-article .rg-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }
#rg-article .rg-reveal.rg-visible { opacity: 1; transform: translateY(0); }

/* ── Animations ── */
@keyframes rg-fadeUp { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes rg-fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes rg-scrollPulse { 0%,100%{opacity:.3;transform:scaleY(.85)} 50%{opacity:1;transform:scaleY(1.1)} }

/* ── Responsive ── */
@media (max-width: 640px) {
  #rg-article .rg-grid-2, #rg-article .rg-stats, #rg-article .rg-grid-3 { grid-template-columns: 1fr; }
  #rg-article .rg-actor-bio { grid-template-columns: 1fr; }
  #rg-article .rg-film { grid-template-columns: 46px 1fr; }
  #rg-article .rg-film-role { display: none; }
  #rg-article .rg-section-header { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  #rg-article .rg-num { font-size: 2rem; }
}
</style>
<script>
(function() {
  var hero   = document.querySelector('#rg-article .rg-hero');
  var canvas = document.getElementById('rg-canvas');
  if (!canvas || !hero) return;
  var ctx = canvas.getContext('2d');
  var particles = [];
  var raf;

  function resize() { canvas.width = hero.offsetWidth; canvas.height = hero.offsetHeight; }

  function init() {
    particles = [];
    // Étincelles orangées façon feu de cheminée Weasley
    var n = Math.floor((canvas.width * canvas.height) / 7000);
    for (var i = 0; i < n; i++) {
      particles.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        r: Math.random() * 1.5 + 0.3,
        speed: Math.random() * 0.0003 + 0.0002,
        phase: Math.random() * Math.PI * 2,
        warm: Math.random()
      });
    }
  }

  function draw(t) {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    particles.forEach(function(p) {
      var op = 0.25 + 0.45 * (0.5 + 0.5 * Math.sin(t * p.speed * 1000 + p.phase));
      var r = p.warm > 0.6
        ? 'rgba(220,140,60,' + op + ')'
        : 'rgba(200,180,140,' + op + ')';
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
      ctx.fillStyle = r;
      ctx.fill();
    });
    // Lueur centrale chaude
    var cx = canvas.width * 0.5, cy = canvas.height * 0.42;
    var pulse = 0.04 + 0.02 * Math.sin(t * 0.0008);
    var g = ctx.createRadialGradient(cx, cy, 0, cx, cy, canvas.width * 0.4);
    g.addColorStop(0, 'rgba(180,80,20,' + pulse + ')');
    g.addColorStop(1, 'transparent');
    ctx.beginPath();
    ctx.ellipse(cx, cy, canvas.width * 0.4, canvas.height * 0.35, 0, 0, Math.PI * 2);
    ctx.fillStyle = g;
    ctx.fill();
  }

  function animate(t) { draw(t); raf = requestAnimationFrame(animate); }
  resize(); init(); animate(0);
  window.addEventListener('resize', function() { cancelAnimationFrame(raf); resize(); init(); animate(0); });

  // Scroll reveal
  var els = document.querySelectorAll('#rg-article .rg-reveal');
  if ('IntersectionObserver' in window) {
    var obs = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) { e.target.classList.add('rg-visible'); obs.unobserve(e.target); }
      });
    }, { threshold: 0.07 });
    els.forEach(function(el) { obs.observe(el); });
  } else {
    els.forEach(function(el) { el.classList.add('rg-visible'); });
  }
})();
</script>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Sirius Black : L'Étoile Déchue de la Maison des Sorciers]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/sirius-black-l-etoile-dechue-de-harry-potter-origines-azkaban-et-heritage.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/sirius-black-l-etoile-dechue-de-harry-potter-origines-azkaban-et-heritage.html</guid>
                <pubDate>Fri, 29 May 2026 18:00:00 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[

 
 


L'Univers de J.K. Rowling 

Sirius Black L'ÉTOILE DÉCHUE

 

De la Maison des Black à la liberté confisquée 

"Ceux que nous aimons ne nous quittent jamais vraiment.
Tu peux les voir ici." 

Découvrir

 






01

Origines

La Maison des Black



Il y a des âmes que le destin semble avoir forgées dans la douleur, comme si le monde ne pouvait tolérer leur éclat qu'à condition de les briser d'abord. Sirius Black est de ceux-là. 


TOUJOURS PUR 
La devise de la Maison des Black, une condamnation portée comme un blason

Né dans l'une des familles de sorciers les plus nobles et les plus corrompues du monde magique, Sirius grandit dans une demeure où les portraits murmurent des hérésies, où l'obscurité s'accroche aux murs comme de la suie ancienne. Il est l'héritier malgré lui d'une lignée qui a fait de la pureté du sang une religion. 

Pourtant, quelque chose en lui résiste. À seize ans, il tourne le dos au 12 Grimmauld Place et rejoint les Potter. Il sera le premier Black à appartenir à Gryffondor et le dernier à porter fièrement ce nom tout en le reniant. 

On l'a nommé d'après l'étoile la plus brillante du ciel nocturne. Le paradoxe est parfait pour une famille qui voulait l'éteindre. 


✦



02

Les Maraudeurs

Les années Poudlard



À Poudlard, il devient le frère que le sang ne lui a jamais donné. Quatre garçons, quatre noms de code, une carte secrète et des années qui ressemblaient à de l'indestructible. 



Patmol 

Sirius Black 

Le meneur charismatique. Animagus en grand chien noir, brave jusqu'à l'imprudence, loyal jusqu'à la mort. 



Cornedrue 

James Potter 

Son frère de cœur. Ensemble, ils ont réinventé les limites du possible à Poudlard et au-delà. 



Lunard 

Remus Lupin 

Le sage du groupe. Loup-garou, il porta le fardeau de sa condition avec une discrétion bouleversante. 



Queudver 

Peter Pettigrew 

Le traître. Celui dont l'ombre empoisonnera la vie de Sirius pendant plus de vingt ans. 




Ensemble, ils créèrent la Carte du Maraudeur, l'artefact magique le plus espiègle de Poudlard. Et ils gravèrent leurs noms dans ses marges comme une promesse d'éternité. 



✦



03

Azkaban

Douze ans volés




12Années d'emprisonnement

1Seul être à s'être évadé

0Crime commis


Azkaban n'est pas un lieu. C'est une amputation de l'âme. 

Gardée par les Détraqueurs, ces entités qui aspirent chaque souvenir heureux jusqu'à ne laisser qu'une coquille vide, Azkaban a brisé des sorciers bien plus solides que lui. Sirius, lui, tient. Non pas parce qu'il serait insensible à la douleur, mais parce qu'une certitude le consume : il est innocent, et quelque part, la vérité attend d'être dite. 

Pendant douze ans, il garde les yeux ouverts dans les ténèbres. Cette douleur-là, les Détraqueurs ne peuvent pas la lui prendre parce qu'elle n'est plus un souvenir doux. C'est une rage froide. Et c'est cette rage qui le garde en vie. 


Quand il s'évade enfin, le seul être à avoir jamais quitté Azkaban de son plein gré il ne fuit pas. Il revient. 



✦



04

L'Acteur

Gary Oldman



Pour donner vie à Sirius Black, il fallait un acteur capable de jouer l'absence autant que la présence. Quelqu'un dont les yeux racontent ce que les mots taisent. 



Filmographie Clef 

1992Draculasensualité terrifiante

1994Léoncommissaire déviant

1994Immortal BelovedBeethoven tourmenté

2004Harry PotterSirius Black

2011La Taupeespion magistral

2017Darkest HourChurchill — Oscar




La Retenue 

Là où d'autres auraient joué l'excès, Oldman choisit le silence. Son Sirius dit plus dans un regard que dans dix répliques. 



L'Épuisement Magnétique 

Dès sa première apparition hagard, émacié, les yeux trop grands, tout son passé est lisible sans un mot. 



La Chaleur Brisée 

Cette tendresse maladroite d'un homme qui ne sait plus comment on aime... c'est déchirant de vérité. 



Une Étoile Mourante 

Oldman fait de Sirius une étoile mourante : éblouissante, et déjà en train de disparaître. 





✦



05

Le Lien

Le parrain qu'il n'a presque jamais eu



Sirius arrive trop tard. Il revient dans la vie de son filleul alors que l'enfance est déjà derrière lui, alors que les blessures sont déjà creuses. 

Il voudrait être ce père qu'il n'a pas pu être, cette figure de chaleur et de refuge, mais les circonstances ne le permettent jamais. Ils se volent des moments, des conversations à voix basse, des instants de complicité entre deux fuites, entre deux dangers. 


Livre III


La Révélation


Sirius retrouve Harry. Pas en ennemi. En fantôme d'une vie confisquée qui cherche, enfin, à reprendre corps. 


Livre IV


Le Parrain


Les lettres, les conseils murmurés, la présence à distance d'un homme qui veut tant protéger et qui ne le peut qu'à moitié. 


Livre V


Le Terrier


Des semaines ensemble au 12 Grimmauld Place, le plus beau et le plus bref des refuges. L'avant-dernière fois. 


Livre V


Le Voile


Le Département des Mystères. Ce voile qui ondule. Et Sirius qui tombe. Ce n'est pas une mort héroïque. C'est une disparition. 




✦



06

Héritage

Sirius Black, pour toujours



Sirius Black n'est pas un héros au sens classique du terme. Il ne sauve pas le monde, ne prononce pas de grand discours, ne meurt pas en martyr flamboyant. 

Il est simplement un homme qui a aimé trop fort dans un monde trop dur. Un homme qui a passé la moitié de sa vie derrière des barreaux pour des crimes qu'il n'a pas commis, et qui, libre, a choisi de consacrer ce temps retrouvé à protéger un enfant qu'il aimait comme son fils. 


⭐

L'Innocent 

Douze ans emprisonné pour des crimes qu'il n'a pas commis. Sa liberté resta toujours confisquée. 


????

Le Loyal 

Animagus en chien noir — il resta chien fidèle jusqu'à sa dernière heure, veillant sur son filleul. 


????

L'Étoile 

Comme Sirius dans le ciel — la plus brillante, la plus proche, et pourtant toujours hors de portée. 



Il reste l'une des figures les plus humaines, les plus faillibles, les plus inoubliables de l'univers de J.K. Rowling. Et quelque part, derrière ce voile qui murmure, on aime à croire qu'il rit encore. 




"Ceux que nous aimons ne nous quittent jamais vraiment. Tu peux les voir ici." 

 

Sirius Black — Harry Potter et l'Ordre du Phénix 




@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap');

/* ── Reset scopé ── */
#sb-article *, #sb-article *::before, #sb-article *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Conteneur racine ── */
#sb-article {
  --sb-black:    #06060f;
  --sb-navy:     #0a0a1e;
  --sb-mid:      #111130;
  --sb-card:     #0f0f28;
  --sb-gold:     #c9a84c;
  --sb-gold-l:   #e5c96a;
  --sb-gold-d:   #8a6e2e;
  --sb-silver:   #9aa8c0;
  --sb-silver-l: #cad2e0;
  --sb-white:    #f0f0f5;
  --sb-dim:      #6a7090;
  --sb-accent:   #3d5a8a;

  position: relative;
  background: var(--sb-black);
  color: var(--sb-silver-l);
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  overflow: hidden;
  border-radius: 4px;
}

/* ── Texture bruit ── */
#sb-article .sb-noise {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
}

/* ── Canvas étoiles (dans le hero) ── */
#sb-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
}

/* ── HERO ── */
#sb-article .sb-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6rem 2rem 5rem;
  overflow: hidden;
}

#sb-article .sb-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 180px;
  background: linear-gradient(to bottom, transparent, var(--sb-black));
  z-index: 1;
  pointer-events: none;
}

#sb-article .sb-eyebrow {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif;
  font-size: 0.68rem;
  letter-spacing: 0.45em;
  color: var(--sb-gold);
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  opacity: 0;
  animation: sb-fadeUp 1s ease 0.3s forwards;
}

#sb-article .sb-title {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif;
  font-size: clamp(3rem, 9vw, 7rem);
  font-weight: 700;
  color: var(--sb-white);
  line-height: 1;
  letter-spacing: 0.05em;
  text-shadow: 0 0 80px rgba(201,168,76,0.25), 0 4px 40px rgba(0,0,0,0.8);
  opacity: 0;
  animation: sb-fadeUp 1.1s ease 0.5s forwards;
}

#sb-article .sb-title-small {
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  color: var(--sb-gold);
  letter-spacing: 0.2em;
  margin-bottom: 0.5rem;
}

#sb-article .sb-hero-rule {
  position: relative; z-index: 2;
  width: 200px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--sb-gold), transparent);
  margin: 2.5rem auto;
  opacity: 0;
  animation: sb-fadeIn 1s ease 1.2s forwards;
}

#sb-article .sb-hero-sub {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  font-style: italic;
  color: var(--sb-silver);
  letter-spacing: 0.06em;
  max-width: 520px;
  opacity: 0;
  animation: sb-fadeUp 1s ease 1s forwards;
}

#sb-article .sb-hero-quote {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--sb-dim);
  margin-top: 2.5rem;
  max-width: 460px;
  line-height: 1.6;
  opacity: 0;
  animation: sb-fadeUp 1s ease 1.4s forwards;
}

#sb-article .sb-scroll-cue {
  position: absolute;
  bottom: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
  animation: sb-fadeIn 1s ease 2.2s forwards;
}

#sb-article .sb-scroll-cue span {
  font-family: 'Cinzel', serif;
  font-size: 0.55rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold-d);
}

#sb-article .sb-scroll-line {
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, var(--sb-gold-d), transparent);
  animation: sb-scrollPulse 2s ease-in-out 2.5s infinite;
}

/* ── CONTENU ── */
#sb-article .sb-content {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 2rem 6rem;
}

/* ── Section header ── */
#sb-article .sb-section-header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 5rem 0 2.5rem;
}

#sb-article .sb-num {
  font-family: 'Cinzel', serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--sb-gold);
  opacity: 0.55;
  line-height: 1;
  flex-shrink: 0;
}

#sb-article .sb-meta {
  border-left: 1px solid var(--sb-gold-d);
  padding-left: 1.4rem;
}

#sb-article .sb-label {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.45em;
  color: var(--sb-gold);
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

#sb-article .sb-section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 300;
  color: var(--sb-white);
  line-height: 1.1;
}

#sb-article .sb-section-title strong { font-weight: 600; }

/* ── Texte ── */
#sb-article .sb-p {
  margin-bottom: 1.3rem;
  color: var(--sb-silver);
  font-size: 1.05rem;
}

#sb-article .sb-lead {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 300;
  color: var(--sb-silver-l);
  line-height: 1.6;
  border-left: 2px solid var(--sb-gold-d);
  padding-left: 1.4rem;
  margin-bottom: 1.8rem;
}

#sb-article .sb-em {
  color: var(--sb-gold-l);
  font-style: italic;
}

/* ── Blockquote ── */
#sb-article .sb-quote {
  position: relative;
  margin: 2.5rem 0;
  padding: 1.8rem 2rem 1.8rem 2.5rem;
  background: var(--sb-mid);
  border: 1px solid rgba(201,168,76,0.2);
  border-left: 3px solid var(--sb-gold);
}

#sb-article .sb-quote::before {
  content: '"';
  position: absolute;
  top: -0.5rem;
  left: 1.2rem;
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.5rem;
  color: var(--sb-gold);
  line-height: 1;
  opacity: 0.22;
}

#sb-article .sb-quote p {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-style: italic;
  color: var(--sb-silver-l);
  margin: 0;
}

/* ── Divider ── */
#sb-article .sb-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2.5rem 0;
  color: var(--sb-gold);
  font-size: 0.75rem;
}

#sb-article .sb-divider::before,
#sb-article .sb-divider::after {
  content: '';
  flex: 1;
  height: 1px;
}
#sb-article .sb-divider::before { background: linear-gradient(to right, transparent, var(--sb-gold-d)); }
#sb-article .sb-divider::after  { background: linear-gradient(to left, transparent, var(--sb-gold-d)); }

/* ── Motto ── */
#sb-article .sb-motto {
  margin: 2rem 0;
  padding: 1.4rem 2rem;
  background: linear-gradient(135deg, var(--sb-mid), var(--sb-card));
  border: 1px solid rgba(201,168,76,0.25);
  text-align: center;
}

#sb-article .sb-motto-text {
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  letter-spacing: 0.35em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.3rem;
}

#sb-article .sb-motto-sub {
  display: block;
  font-family: 'Crimson Pro', serif;
  font-style: italic;
  font-size: 0.85rem;
  color: var(--sb-dim);
  letter-spacing: 0.03em;
}

/* ── Grille Maraudeurs ── */
#sb-article .sb-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
  margin: 2rem 0;
}

#sb-article .sb-card {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  padding: 1.5rem 1.3rem;
  position: relative;
  transition: border-color 0.3s, transform 0.3s;
  overflow: hidden;
}

#sb-article .sb-card:hover {
  border-color: var(--sb-gold-d);
  transform: translateY(-3px);
}

#sb-article .sb-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}

#sb-article .sb-card-blue::before  { background: #3d5a8a; }
#sb-article .sb-card-green::before { background: #2d5a3d; }
#sb-article .sb-card-brown::before { background: #6b4226; }
#sb-article .sb-card-red::before   { background: #6b2626; }

#sb-article .sb-pseudo {
  font-family: 'Cinzel', serif;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.15rem;
}

#sb-article .sb-real-name {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.93rem;
  color: var(--sb-silver);
  margin-bottom: 0.7rem;
}

#sb-article .sb-card-desc {
  font-size: 0.9rem;
  color: var(--sb-dim);
  line-height: 1.5;
}

/* ── Stats ── */
#sb-article .sb-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 2.5rem 0;
}

#sb-article .sb-stat {
  background: var(--sb-mid);
  border: 1px solid rgba(201,168,76,0.15);
  padding: 1.5rem 1rem;
  text-align: center;
}

#sb-article .sb-stat-n {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--sb-gold);
  line-height: 1;
  margin-bottom: 0.4rem;
}

#sb-article .sb-stat-l {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  color: var(--sb-silver);
  text-transform: uppercase;
}

/* ── Actor bio ── */
#sb-article .sb-actor-bio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin: 2rem 0;
  align-items: start;
}

#sb-article .sb-filmography {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  overflow: hidden;
}

#sb-article .sb-filmography-title {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold);
  padding: 0.85rem 1.2rem;
  border-bottom: 1px solid rgba(201,168,76,0.15);
  background: var(--sb-mid);
  text-transform: uppercase;
}

#sb-article .sb-film {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 0.7rem;
  align-items: center;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.2s;
}

#sb-article .sb-film:last-child { border-bottom: none; }
#sb-article .sb-film:hover { background: rgba(201,168,76,0.04); }

#sb-article .sb-film-year {
  font-family: 'Cinzel', serif;
  font-size: 0.68rem;
  color: var(--sb-gold);
  font-weight: 600;
}

#sb-article .sb-film-title {
  font-size: 0.9rem;
  color: var(--sb-white);
  font-weight: 600;
}

#sb-article .sb-film-role {
  font-size: 0.8rem;
  color: var(--sb-dim);
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
}

#sb-article .sb-analysis {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#sb-article .sb-analysis-point {
  padding: 0.9rem 1.1rem;
  background: var(--sb-card);
  border-left: 2px solid var(--sb-gold);
  border-top: 1px solid rgba(255,255,255,0.04);
}

#sb-article .sb-ap-title {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  margin-bottom: 0.35rem;
  font-weight: 600;
  text-transform: uppercase;
}

#sb-article .sb-ap-text {
  font-size: 0.9rem;
  color: var(--sb-silver);
  line-height: 1.5;
}

/* ── Timeline ── */
#sb-article .sb-timeline {
  position: relative;
  margin: 2rem 0;
  padding-left: 2.2rem;
}

#sb-article .sb-timeline::before {
  content: '';
  position: absolute;
  left: 0.45rem;
  top: 0.5rem;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, var(--sb-gold-d), transparent);
}

#sb-article .sb-tl-item {
  position: relative;
  margin-bottom: 1.8rem;
}

#sb-article .sb-tl-item::before {
  content: '';
  position: absolute;
  left: -1.85rem;
  top: 0.35rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--sb-gold);
  box-shadow: 0 0 10px rgba(201,168,76,0.5);
}

#sb-article .sb-tl-badge {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  color: var(--sb-gold);
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.2);
  padding: 0.18rem 0.55rem;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}

#sb-article .sb-tl-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--sb-gold-l);
  margin-bottom: 0.35rem;
}

#sb-article .sb-tl-desc {
  font-size: 0.93rem;
  color: var(--sb-silver);
  line-height: 1.55;
}

/* ── Legacy grid ── */
#sb-article .sb-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 2.5rem 0;
}

#sb-article .sb-legacy-card {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  padding: 1.7rem 1.1rem;
  text-align: center;
  transition: border-color 0.3s, transform 0.3s;
}

#sb-article .sb-legacy-card:hover {
  border-color: rgba(201,168,76,0.3);
  transform: translateY(-4px);
}

#sb-article .sb-legacy-icon {
  display: block;
  font-size: 1.9rem;
  margin-bottom: 0.75rem;
}

#sb-article .sb-legacy-title {
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

#sb-article .sb-legacy-desc {
  font-size: 0.88rem;
  color: var(--sb-dim);
  line-height: 1.5;
}

/* ── Citation finale ── */
#sb-article .sb-final-quote {
  text-align: center;
  padding: 4.5rem 2rem 3rem;
  border-top: 1px solid rgba(201,168,76,0.1);
  margin-top: 3rem;
}

#sb-article .sb-fq-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.15rem, 2.8vw, 1.7rem);
  font-style: italic;
  font-weight: 300;
  color: var(--sb-silver-l);
  line-height: 1.5;
  max-width: 580px;
  margin: 0 auto 1.4rem;
}

#sb-article .sb-fq-rule {
  width: 70px;
  height: 1px;
  background: var(--sb-gold-d);
  margin: 0 auto 1.2rem;
}

#sb-article .sb-fq-attr {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold-d);
  text-transform: uppercase;
}

/* ── Scroll reveal ── */
#sb-article .sb-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

#sb-article .sb-reveal.sb-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Animations ── */
@keyframes sb-fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes sb-fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes sb-scrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleY(0.85); }
  50%       { opacity: 1;   transform: scaleY(1.1); }
}

/* ── Responsive ── */
@media (max-width: 640px) {
  #sb-article .sb-grid-2,
  #sb-article .sb-stats,
  #sb-article .sb-grid-3   { grid-template-columns: 1fr; }
  #sb-article .sb-actor-bio { grid-template-columns: 1fr; }
  #sb-article .sb-film      { grid-template-columns: 46px 1fr; }
  #sb-article .sb-film-role { display: none; }
  #sb-article .sb-section-header { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  #sb-article .sb-num       { font-size: 2rem; }
}


(function() {
  // ── Étoiles canvas (limité à la zone hero) ────────────────────
  var hero   = document.querySelector('#sb-article .sb-hero');
  var canvas = document.getElementById('sb-stars');
  if (!canvas || !hero) return;

  var ctx  = canvas.getContext('2d');
  var stars = [];
  var raf;

  function resize() {
    canvas.width  = hero.offsetWidth;
    canvas.height = hero.offsetHeight;
  }

  function initStars() {
    stars = [];
    var n = Math.floor((canvas.width * canvas.height) / 5500);
    for (var i = 0; i < n; i++) {
      stars.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        r: Math.random() * 1.3 + 0.2,
        speed: Math.random() * 0.0004 + 0.0002,
        phase: Math.random() * Math.PI * 2
      });
    }
  }

  function drawStars(t) {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    stars.forEach(function(s) {
      var op = 0.3 + 0.5 * (0.5 + 0.5 * Math.sin(t * s.speed * 1000 + s.phase));
      ctx.beginPath();
      ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);
      ctx.fillStyle = 'rgba(200,210,230,' + op + ')';
      ctx.fill();
    });
    // Étoile Sirius
    var sx = canvas.width * 0.85, sy = 70;
    var pulse = 0.7 + 0.3 * Math.sin(t * 0.001);
    var g = ctx.createRadialGradient(sx, sy, 0, sx, sy, 20);
    g.addColorStop(0, 'rgba(229,201,106,' + pulse + ')');
    g.addColorStop(1, 'transparent');
    ctx.beginPath();
    ctx.arc(sx, sy, 20, 0, Math.PI * 2);
    ctx.fillStyle = g;
    ctx.fill();
    ctx.beginPath();
    ctx.arc(sx, sy, 2.5, 0, Math.PI * 2);
    ctx.fillStyle = 'rgba(255,240,180,0.95)';
    ctx.fill();
  }

  function animate(t) {
    drawStars(t);
    raf = requestAnimationFrame(animate);
  }

  resize();
  initStars();
  animate(0);
  window.addEventListener('resize', function() {
    cancelAnimationFrame(raf);
    resize();
    initStars();
    animate(0);
  });

  // ── Scroll reveal ─────────────────────────────────────────────
  var revealEls = document.querySelectorAll('#sb-article .sb-reveal');
  if ('IntersectionObserver' in window) {
    var obs = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) {
          e.target.classList.add('sb-visible');
          obs.unobserve(e.target);
        }
      });
    }, { threshold: 0.07 });
    revealEls.forEach(function(el) { obs.observe(el); });
  } else {
    revealEls.forEach(function(el) { el.classList.add('sb-visible'); });
  }
})();

]]></description>
                <content:encoded><![CDATA[<!-- ============================================================
  ARTICLE SIRIUS BLACK — Prêt pour WiziShop
  Intégration : Contenu > Articles de blog > Éditeur > Source HTML
  OU via WiziBlock "Code" dans le page builder
  ============================================================ -->
<div id="sb-article"><!-- Bruit de texture (scoped dans le bloc) -->
<div aria-hidden="true" class="sb-noise"> </div>
<!-- Étoiles (canvas dans le hero uniquement) --><canvas aria-hidden="true" id="sb-stars"></canvas> <!-- ══ HERO ══════════════════════════════════════════════════ -->

<header class="sb-hero">
<p class="sb-eyebrow">L'Univers de J.K. Rowling</p>

<h1 class="sb-title"><span class="sb-title-small">Sirius Black</span> L'ÉTOILE DÉCHUE</h1>

<div class="sb-hero-rule"> </div>

<p class="sb-hero-sub">De la Maison des Black à la liberté confisquée</p>

<p class="sb-hero-quote">"Ceux que nous aimons ne nous quittent jamais vraiment.<br />
Tu peux les voir ici."</p>

<div aria-hidden="true" class="sb-scroll-cue"><span>Découvrir</span>

<div class="sb-scroll-line"> </div>
</div>
</header>
<!-- ══ CONTENU ═══════════════════════════════════════════════ -->

<div class="sb-content"><!-- 01 Origines -->
<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">01</span>

<div class="sb-meta"><span class="sb-label">Origines</span>

<h2 class="sb-section-title">La Maison <strong>des Black</strong></h2>
</div>
</div>

<p class="sb-lead sb-reveal">Il y a des âmes que le destin semble avoir forgées dans la douleur, comme si le monde ne pouvait tolérer leur éclat qu'à condition de les briser d'abord. Sirius Black est de ceux-là.</p>

<div class="sb-motto sb-reveal">
<p class="sb-motto-text">TOUJOURS PUR</p>
<span class="sb-motto-sub">La devise de la Maison des Black, une condamnation portée comme un blason</span></div>

<p class="sb-p sb-reveal">Né dans l'une des familles de sorciers les plus nobles et les plus corrompues du monde magique, Sirius grandit dans une demeure où les portraits murmurent des hérésies, où l'obscurité s'accroche aux murs comme de la suie ancienne. Il est l'héritier malgré lui d'une lignée qui a fait de la pureté du sang une religion.</p>

<p class="sb-p sb-reveal">Pourtant, quelque chose en lui résiste. À seize ans, il tourne le dos au 12 Grimmauld Place et rejoint les Potter. Il sera le premier Black à appartenir à <em class="sb-em">Gryffondor</em> et le dernier à porter fièrement ce nom tout en le reniant.</p>

<p class="sb-p sb-reveal">On l'a nommé d'après l'étoile la plus brillante du ciel nocturne. Le paradoxe est parfait pour une famille qui voulait l'éteindre.</p>
</section>

<div class="sb-divider sb-reveal"><span>✦</span></div>
<!-- 02 Maraudeurs -->

<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">02</span>

<div class="sb-meta"><span class="sb-label">Les Maraudeurs</span>

<h2 class="sb-section-title">Les années <strong>Poudlard</strong></h2>
</div>
</div>

<p class="sb-lead sb-reveal">À Poudlard, il devient le frère que le sang ne lui a jamais donné. Quatre garçons, quatre noms de code, une carte secrète et des années qui ressemblaient à de l'indestructible.</p>

<div class="sb-grid-2 sb-reveal">
<div class="sb-card sb-card-blue">
<p class="sb-pseudo">Patmol</p>

<p class="sb-real-name">Sirius Black</p>

<p class="sb-card-desc">Le meneur charismatique. Animagus en grand chien noir, brave jusqu'à l'imprudence, loyal jusqu'à la mort.</p>
</div>

<div class="sb-card sb-card-green">
<p class="sb-pseudo">Cornedrue</p>

<p class="sb-real-name">James Potter</p>

<p class="sb-card-desc">Son frère de cœur. Ensemble, ils ont réinventé les limites du possible à Poudlard et au-delà.</p>
</div>

<div class="sb-card sb-card-brown">
<p class="sb-pseudo">Lunard</p>

<p class="sb-real-name">Remus Lupin</p>

<p class="sb-card-desc">Le sage du groupe. Loup-garou, il porta le fardeau de sa condition avec une discrétion bouleversante.</p>
</div>

<div class="sb-card sb-card-red">
<p class="sb-pseudo">Queudver</p>

<p class="sb-real-name">Peter Pettigrew</p>

<p class="sb-card-desc">Le traître. Celui dont l'ombre empoisonnera la vie de Sirius pendant plus de vingt ans.</p>
</div>
</div>

<blockquote class="sb-quote sb-reveal">
<p>Ensemble, ils créèrent la Carte du Maraudeur, l'artefact magique le plus espiègle de Poudlard. Et ils gravèrent leurs noms dans ses marges comme une promesse d'éternité.</p>
</blockquote>
</section>

<div class="sb-divider sb-reveal"><span>✦</span></div>
<!-- 03 Azkaban -->

<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">03</span>

<div class="sb-meta"><span class="sb-label">Azkaban</span>

<h2 class="sb-section-title">Douze ans <strong>volés</strong></h2>
</div>
</div>

<div class="sb-stats sb-reveal">
<div class="sb-stat"><span class="sb-stat-n">12</span><span class="sb-stat-l">Années d'emprisonnement</span></div>

<div class="sb-stat"><span class="sb-stat-n">1</span><span class="sb-stat-l">Seul être à s'être évadé</span></div>

<div class="sb-stat"><span class="sb-stat-n">0</span><span class="sb-stat-l">Crime commis</span></div>
</div>

<p class="sb-lead sb-reveal">Azkaban n'est pas un lieu. C'est une amputation de l'âme.</p>

<p class="sb-p sb-reveal">Gardée par les Détraqueurs, ces entités qui aspirent chaque souvenir heureux jusqu'à ne laisser qu'une coquille vide, Azkaban a brisé des sorciers bien plus solides que lui. Sirius, lui, tient. Non pas parce qu'il serait insensible à la douleur, mais parce qu'une certitude le consume : il est innocent, et quelque part, la vérité attend d'être dite.</p>

<p class="sb-p sb-reveal">Pendant douze ans, il garde les yeux ouverts dans les ténèbres. Cette douleur-là, les Détraqueurs ne peuvent pas la lui prendre parce qu'elle n'est plus un souvenir doux. C'est une <em class="sb-em">rage froide</em>. Et c'est cette rage qui le garde en vie.</p>

<blockquote class="sb-quote sb-reveal">
<p>Quand il s'évade enfin, le seul être à avoir jamais quitté Azkaban de son plein gré il ne fuit pas. Il revient.</p>
</blockquote>
</section>

<div class="sb-divider sb-reveal"><span>✦</span></div>
<!-- 04 Gary Oldman -->

<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">04</span>

<div class="sb-meta"><span class="sb-label">L'Acteur</span>

<h2 class="sb-section-title"><strong>Gary Oldman</strong></h2>
</div>
</div>

<p class="sb-lead sb-reveal">Pour donner vie à Sirius Black, il fallait un acteur capable de jouer l'absence autant que la présence. Quelqu'un dont les yeux racontent ce que les mots taisent.</p>

<div class="sb-actor-bio sb-reveal">
<div class="sb-filmography">
<p class="sb-filmography-title">Filmographie Clef</p>

<div class="sb-film"><span class="sb-film-year">1992</span><span class="sb-film-title">Dracula</span><span class="sb-film-role">sensualité terrifiante</span></div>

<div class="sb-film"><span class="sb-film-year">1994</span><span class="sb-film-title">Léon</span><span class="sb-film-role">commissaire déviant</span></div>

<div class="sb-film"><span class="sb-film-year">1994</span><span class="sb-film-title">Immortal Beloved</span><span class="sb-film-role">Beethoven tourmenté</span></div>

<div class="sb-film"><span class="sb-film-year">2004</span><span class="sb-film-title">Harry Potter</span><span class="sb-film-role">Sirius Black</span></div>

<div class="sb-film"><span class="sb-film-year">2011</span><span class="sb-film-title">La Taupe</span><span class="sb-film-role">espion magistral</span></div>

<div class="sb-film"><span class="sb-film-year">2017</span><span class="sb-film-title">Darkest Hour</span><span class="sb-film-role">Churchill — Oscar</span></div>
</div>

<div class="sb-analysis">
<div class="sb-analysis-point">
<p class="sb-ap-title">La Retenue</p>

<p class="sb-ap-text">Là où d'autres auraient joué l'excès, Oldman choisit le silence. Son Sirius dit plus dans un regard que dans dix répliques.</p>
</div>

<div class="sb-analysis-point">
<p class="sb-ap-title">L'Épuisement Magnétique</p>

<p class="sb-ap-text">Dès sa première apparition hagard, émacié, les yeux trop grands, tout son passé est lisible sans un mot.</p>
</div>

<div class="sb-analysis-point">
<p class="sb-ap-title">La Chaleur Brisée</p>

<p class="sb-ap-text">Cette tendresse maladroite d'un homme qui ne sait plus comment on aime... c'est déchirant de vérité.</p>
</div>

<div class="sb-analysis-point">
<p class="sb-ap-title">Une Étoile Mourante</p>

<p class="sb-ap-text">Oldman fait de Sirius une étoile mourante : éblouissante, et déjà en train de disparaître.</p>
</div>
</div>
</div>
</section>

<div class="sb-divider sb-reveal"><span>✦</span></div>
<!-- 05 Harry & Sirius -->

<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">05</span>

<div class="sb-meta"><span class="sb-label">Le Lien</span>

<h2 class="sb-section-title">Le parrain qu'il n'a <strong>presque jamais eu</strong></h2>
</div>
</div>

<p class="sb-lead sb-reveal">Sirius arrive trop tard. Il revient dans la vie de son filleul alors que l'enfance est déjà derrière lui, alors que les blessures sont déjà creuses.</p>

<p class="sb-p sb-reveal">Il voudrait être ce père qu'il n'a pas pu être, cette figure de chaleur et de refuge, mais les circonstances ne le permettent jamais. Ils se volent des moments, des conversations à voix basse, des instants de complicité entre deux fuites, entre deux dangers.</p>

<div class="sb-timeline sb-reveal">
<div class="sb-tl-item"><span class="sb-tl-badge">Livre III</span>

<h3  class="sb-tl-title">La Révélation</h3>

<p class="sb-tl-desc">Sirius retrouve Harry. Pas en ennemi. En fantôme d'une vie confisquée qui cherche, enfin, à reprendre corps.</p>
</div>

<div class="sb-tl-item"><span class="sb-tl-badge">Livre IV</span>

<h3  class="sb-tl-title">Le Parrain</h3>

<p class="sb-tl-desc">Les lettres, les conseils murmurés, la présence à distance d'un homme qui veut tant protéger et qui ne le peut qu'à moitié.</p>
</div>

<div class="sb-tl-item"><span class="sb-tl-badge">Livre V</span>

<h3  class="sb-tl-title">Le Terrier</h3>

<p class="sb-tl-desc">Des semaines ensemble au 12 Grimmauld Place, le plus beau et le plus bref des refuges. L'avant-dernière fois.</p>
</div>

<div class="sb-tl-item"><span class="sb-tl-badge">Livre V</span>

<h3  class="sb-tl-title">Le Voile</h3>

<p class="sb-tl-desc">Le Département des Mystères. Ce voile qui ondule. Et Sirius qui tombe. Ce n'est pas une mort héroïque. C'est une disparition.</p>
</div>
</div>
</section>

<div class="sb-divider sb-reveal"><span>✦</span></div>
<!-- 06 Héritage -->

<section>
<div class="sb-section-header sb-reveal"><span class="sb-num">06</span>

<div class="sb-meta"><span class="sb-label">Héritage</span>

<h2 class="sb-section-title">Sirius Black, <strong>pour toujours</strong></h2>
</div>
</div>

<p class="sb-lead sb-reveal">Sirius Black n'est pas un héros au sens classique du terme. Il ne sauve pas le monde, ne prononce pas de grand discours, ne meurt pas en martyr flamboyant.</p>

<p class="sb-p sb-reveal">Il est simplement un homme qui a aimé trop fort dans un monde trop dur. Un homme qui a passé la moitié de sa vie derrière des barreaux pour des crimes qu'il n'a pas commis, et qui, libre, a choisi de consacrer ce temps retrouvé à protéger un enfant qu'il aimait comme son fils.</p>

<div class="sb-grid-3 sb-reveal">
<div class="sb-legacy-card"><span class="sb-legacy-icon">⭐</span>

<p class="sb-legacy-title">L'Innocent</p>

<p class="sb-legacy-desc">Douze ans emprisonné pour des crimes qu'il n'a pas commis. Sa liberté resta toujours confisquée.</p>
</div>

<div class="sb-legacy-card"><span class="sb-legacy-icon">????</span>

<p class="sb-legacy-title">Le Loyal</p>

<p class="sb-legacy-desc">Animagus en chien noir — il resta chien fidèle jusqu'à sa dernière heure, veillant sur son filleul.</p>
</div>

<div class="sb-legacy-card"><span class="sb-legacy-icon">????</span>

<p class="sb-legacy-title">L'Étoile</p>

<p class="sb-legacy-desc">Comme Sirius dans le ciel — la plus brillante, la plus proche, et pourtant toujours hors de portée.</p>
</div>
</div>

<p class="sb-p sb-reveal">Il reste l'une des figures les plus humaines, les plus faillibles, les plus inoubliables de l'univers de J.K. Rowling. Et quelque part, derrière ce voile qui murmure, on aime à croire qu'il rit encore.</p>
</section>
<!-- Citation finale -->

<div class="sb-final-quote sb-reveal">
<p class="sb-fq-text">"Ceux que nous aimons ne nous quittent jamais vraiment. Tu peux les voir ici."</p>

<div class="sb-fq-rule"> </div>

<p class="sb-fq-attr">Sirius Black — Harry Potter et l'Ordre du Phénix</p>
</div>
</div>
<!-- /.sb-content --></div>
<!-- /#sb-article --><!-- ══ STYLES (scopés #sb-article) ════════════════════════════════ -->
<style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap');

/* ── Reset scopé ── */
#sb-article *, #sb-article *::before, #sb-article *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Conteneur racine ── */
#sb-article {
  --sb-black:    #06060f;
  --sb-navy:     #0a0a1e;
  --sb-mid:      #111130;
  --sb-card:     #0f0f28;
  --sb-gold:     #c9a84c;
  --sb-gold-l:   #e5c96a;
  --sb-gold-d:   #8a6e2e;
  --sb-silver:   #9aa8c0;
  --sb-silver-l: #cad2e0;
  --sb-white:    #f0f0f5;
  --sb-dim:      #6a7090;
  --sb-accent:   #3d5a8a;

  position: relative;
  background: var(--sb-black);
  color: var(--sb-silver-l);
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  overflow: hidden;
  border-radius: 4px;
}

/* ── Texture bruit ── */
#sb-article .sb-noise {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 0;
  opacity: 0.3;
}

/* ── Canvas étoiles (dans le hero) ── */
#sb-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
}

/* ── HERO ── */
#sb-article .sb-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6rem 2rem 5rem;
  overflow: hidden;
}

#sb-article .sb-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 180px;
  background: linear-gradient(to bottom, transparent, var(--sb-black));
  z-index: 1;
  pointer-events: none;
}

#sb-article .sb-eyebrow {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif;
  font-size: 0.68rem;
  letter-spacing: 0.45em;
  color: var(--sb-gold);
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  opacity: 0;
  animation: sb-fadeUp 1s ease 0.3s forwards;
}

#sb-article .sb-title {
  position: relative; z-index: 2;
  font-family: 'Cinzel', serif;
  font-size: clamp(3rem, 9vw, 7rem);
  font-weight: 700;
  color: var(--sb-white);
  line-height: 1;
  letter-spacing: 0.05em;
  text-shadow: 0 0 80px rgba(201,168,76,0.25), 0 4px 40px rgba(0,0,0,0.8);
  opacity: 0;
  animation: sb-fadeUp 1.1s ease 0.5s forwards;
}

#sb-article .sb-title-small {
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  color: var(--sb-gold);
  letter-spacing: 0.2em;
  margin-bottom: 0.5rem;
}

#sb-article .sb-hero-rule {
  position: relative; z-index: 2;
  width: 200px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--sb-gold), transparent);
  margin: 2.5rem auto;
  opacity: 0;
  animation: sb-fadeIn 1s ease 1.2s forwards;
}

#sb-article .sb-hero-sub {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  font-style: italic;
  color: var(--sb-silver);
  letter-spacing: 0.06em;
  max-width: 520px;
  opacity: 0;
  animation: sb-fadeUp 1s ease 1s forwards;
}

#sb-article .sb-hero-quote {
  position: relative; z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--sb-dim);
  margin-top: 2.5rem;
  max-width: 460px;
  line-height: 1.6;
  opacity: 0;
  animation: sb-fadeUp 1s ease 1.4s forwards;
}

#sb-article .sb-scroll-cue {
  position: absolute;
  bottom: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
  animation: sb-fadeIn 1s ease 2.2s forwards;
}

#sb-article .sb-scroll-cue span {
  font-family: 'Cinzel', serif;
  font-size: 0.55rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold-d);
}

#sb-article .sb-scroll-line {
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, var(--sb-gold-d), transparent);
  animation: sb-scrollPulse 2s ease-in-out 2.5s infinite;
}

/* ── CONTENU ── */
#sb-article .sb-content {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 2rem 6rem;
}

/* ── Section header ── */
#sb-article .sb-section-header {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 5rem 0 2.5rem;
}

#sb-article .sb-num {
  font-family: 'Cinzel', serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--sb-gold);
  opacity: 0.55;
  line-height: 1;
  flex-shrink: 0;
}

#sb-article .sb-meta {
  border-left: 1px solid var(--sb-gold-d);
  padding-left: 1.4rem;
}

#sb-article .sb-label {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.45em;
  color: var(--sb-gold);
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

#sb-article .sb-section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 300;
  color: var(--sb-white);
  line-height: 1.1;
}

#sb-article .sb-section-title strong { font-weight: 600; }

/* ── Texte ── */
#sb-article .sb-p {
  margin-bottom: 1.3rem;
  color: var(--sb-silver);
  font-size: 1.05rem;
}

#sb-article .sb-lead {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 300;
  color: var(--sb-silver-l);
  line-height: 1.6;
  border-left: 2px solid var(--sb-gold-d);
  padding-left: 1.4rem;
  margin-bottom: 1.8rem;
}

#sb-article .sb-em {
  color: var(--sb-gold-l);
  font-style: italic;
}

/* ── Blockquote ── */
#sb-article .sb-quote {
  position: relative;
  margin: 2.5rem 0;
  padding: 1.8rem 2rem 1.8rem 2.5rem;
  background: var(--sb-mid);
  border: 1px solid rgba(201,168,76,0.2);
  border-left: 3px solid var(--sb-gold);
}

#sb-article .sb-quote::before {
  content: '"';
  position: absolute;
  top: -0.5rem;
  left: 1.2rem;
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.5rem;
  color: var(--sb-gold);
  line-height: 1;
  opacity: 0.22;
}

#sb-article .sb-quote p {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-style: italic;
  color: var(--sb-silver-l);
  margin: 0;
}

/* ── Divider ── */
#sb-article .sb-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2.5rem 0;
  color: var(--sb-gold);
  font-size: 0.75rem;
}

#sb-article .sb-divider::before,
#sb-article .sb-divider::after {
  content: '';
  flex: 1;
  height: 1px;
}
#sb-article .sb-divider::before { background: linear-gradient(to right, transparent, var(--sb-gold-d)); }
#sb-article .sb-divider::after  { background: linear-gradient(to left, transparent, var(--sb-gold-d)); }

/* ── Motto ── */
#sb-article .sb-motto {
  margin: 2rem 0;
  padding: 1.4rem 2rem;
  background: linear-gradient(135deg, var(--sb-mid), var(--sb-card));
  border: 1px solid rgba(201,168,76,0.25);
  text-align: center;
}

#sb-article .sb-motto-text {
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  letter-spacing: 0.35em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.3rem;
}

#sb-article .sb-motto-sub {
  display: block;
  font-family: 'Crimson Pro', serif;
  font-style: italic;
  font-size: 0.85rem;
  color: var(--sb-dim);
  letter-spacing: 0.03em;
}

/* ── Grille Maraudeurs ── */
#sb-article .sb-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1rem;
  margin: 2rem 0;
}

#sb-article .sb-card {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  padding: 1.5rem 1.3rem;
  position: relative;
  transition: border-color 0.3s, transform 0.3s;
  overflow: hidden;
}

#sb-article .sb-card:hover {
  border-color: var(--sb-gold-d);
  transform: translateY(-3px);
}

#sb-article .sb-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}

#sb-article .sb-card-blue::before  { background: #3d5a8a; }
#sb-article .sb-card-green::before { background: #2d5a3d; }
#sb-article .sb-card-brown::before { background: #6b4226; }
#sb-article .sb-card-red::before   { background: #6b2626; }

#sb-article .sb-pseudo {
  font-family: 'Cinzel', serif;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.15rem;
}

#sb-article .sb-real-name {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 0.93rem;
  color: var(--sb-silver);
  margin-bottom: 0.7rem;
}

#sb-article .sb-card-desc {
  font-size: 0.9rem;
  color: var(--sb-dim);
  line-height: 1.5;
}

/* ── Stats ── */
#sb-article .sb-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 2.5rem 0;
}

#sb-article .sb-stat {
  background: var(--sb-mid);
  border: 1px solid rgba(201,168,76,0.15);
  padding: 1.5rem 1rem;
  text-align: center;
}

#sb-article .sb-stat-n {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--sb-gold);
  line-height: 1;
  margin-bottom: 0.4rem;
}

#sb-article .sb-stat-l {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  color: var(--sb-silver);
  text-transform: uppercase;
}

/* ── Actor bio ── */
#sb-article .sb-actor-bio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin: 2rem 0;
  align-items: start;
}

#sb-article .sb-filmography {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  overflow: hidden;
}

#sb-article .sb-filmography-title {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold);
  padding: 0.85rem 1.2rem;
  border-bottom: 1px solid rgba(201,168,76,0.15);
  background: var(--sb-mid);
  text-transform: uppercase;
}

#sb-article .sb-film {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 0.7rem;
  align-items: center;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.2s;
}

#sb-article .sb-film:last-child { border-bottom: none; }
#sb-article .sb-film:hover { background: rgba(201,168,76,0.04); }

#sb-article .sb-film-year {
  font-family: 'Cinzel', serif;
  font-size: 0.68rem;
  color: var(--sb-gold);
  font-weight: 600;
}

#sb-article .sb-film-title {
  font-size: 0.9rem;
  color: var(--sb-white);
  font-weight: 600;
}

#sb-article .sb-film-role {
  font-size: 0.8rem;
  color: var(--sb-dim);
  font-style: italic;
  font-family: 'Cormorant Garamond', serif;
}

#sb-article .sb-analysis {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#sb-article .sb-analysis-point {
  padding: 0.9rem 1.1rem;
  background: var(--sb-card);
  border-left: 2px solid var(--sb-gold);
  border-top: 1px solid rgba(255,255,255,0.04);
}

#sb-article .sb-ap-title {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  margin-bottom: 0.35rem;
  font-weight: 600;
  text-transform: uppercase;
}

#sb-article .sb-ap-text {
  font-size: 0.9rem;
  color: var(--sb-silver);
  line-height: 1.5;
}

/* ── Timeline ── */
#sb-article .sb-timeline {
  position: relative;
  margin: 2rem 0;
  padding-left: 2.2rem;
}

#sb-article .sb-timeline::before {
  content: '';
  position: absolute;
  left: 0.45rem;
  top: 0.5rem;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, var(--sb-gold-d), transparent);
}

#sb-article .sb-tl-item {
  position: relative;
  margin-bottom: 1.8rem;
}

#sb-article .sb-tl-item::before {
  content: '';
  position: absolute;
  left: -1.85rem;
  top: 0.35rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--sb-gold);
  box-shadow: 0 0 10px rgba(201,168,76,0.5);
}

#sb-article .sb-tl-badge {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  color: var(--sb-gold);
  background: rgba(201,168,76,0.1);
  border: 1px solid rgba(201,168,76,0.2);
  padding: 0.18rem 0.55rem;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}

#sb-article .sb-tl-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--sb-gold-l);
  margin-bottom: 0.35rem;
}

#sb-article .sb-tl-desc {
  font-size: 0.93rem;
  color: var(--sb-silver);
  line-height: 1.55;
}

/* ── Legacy grid ── */
#sb-article .sb-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin: 2.5rem 0;
}

#sb-article .sb-legacy-card {
  background: var(--sb-card);
  border: 1px solid rgba(255,255,255,0.06);
  padding: 1.7rem 1.1rem;
  text-align: center;
  transition: border-color 0.3s, transform 0.3s;
}

#sb-article .sb-legacy-card:hover {
  border-color: rgba(201,168,76,0.3);
  transform: translateY(-4px);
}

#sb-article .sb-legacy-icon {
  display: block;
  font-size: 1.9rem;
  margin-bottom: 0.75rem;
}

#sb-article .sb-legacy-title {
  font-family: 'Cinzel', serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--sb-gold-l);
  font-weight: 600;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

#sb-article .sb-legacy-desc {
  font-size: 0.88rem;
  color: var(--sb-dim);
  line-height: 1.5;
}

/* ── Citation finale ── */
#sb-article .sb-final-quote {
  text-align: center;
  padding: 4.5rem 2rem 3rem;
  border-top: 1px solid rgba(201,168,76,0.1);
  margin-top: 3rem;
}

#sb-article .sb-fq-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.15rem, 2.8vw, 1.7rem);
  font-style: italic;
  font-weight: 300;
  color: var(--sb-silver-l);
  line-height: 1.5;
  max-width: 580px;
  margin: 0 auto 1.4rem;
}

#sb-article .sb-fq-rule {
  width: 70px;
  height: 1px;
  background: var(--sb-gold-d);
  margin: 0 auto 1.2rem;
}

#sb-article .sb-fq-attr {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.4em;
  color: var(--sb-gold-d);
  text-transform: uppercase;
}

/* ── Scroll reveal ── */
#sb-article .sb-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

#sb-article .sb-reveal.sb-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Animations ── */
@keyframes sb-fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes sb-fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes sb-scrollPulse {
  0%, 100% { opacity: 0.3; transform: scaleY(0.85); }
  50%       { opacity: 1;   transform: scaleY(1.1); }
}

/* ── Responsive ── */
@media (max-width: 640px) {
  #sb-article .sb-grid-2,
  #sb-article .sb-stats,
  #sb-article .sb-grid-3   { grid-template-columns: 1fr; }
  #sb-article .sb-actor-bio { grid-template-columns: 1fr; }
  #sb-article .sb-film      { grid-template-columns: 46px 1fr; }
  #sb-article .sb-film-role { display: none; }
  #sb-article .sb-section-header { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
  #sb-article .sb-num       { font-size: 2rem; }
}
</style>
<!-- ══ SCRIPT ══════════════════════════════════════════════════════ --><script>
(function() {
  // ── Étoiles canvas (limité à la zone hero) ────────────────────
  var hero   = document.querySelector('#sb-article .sb-hero');
  var canvas = document.getElementById('sb-stars');
  if (!canvas || !hero) return;

  var ctx  = canvas.getContext('2d');
  var stars = [];
  var raf;

  function resize() {
    canvas.width  = hero.offsetWidth;
    canvas.height = hero.offsetHeight;
  }

  function initStars() {
    stars = [];
    var n = Math.floor((canvas.width * canvas.height) / 5500);
    for (var i = 0; i < n; i++) {
      stars.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        r: Math.random() * 1.3 + 0.2,
        speed: Math.random() * 0.0004 + 0.0002,
        phase: Math.random() * Math.PI * 2
      });
    }
  }

  function drawStars(t) {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    stars.forEach(function(s) {
      var op = 0.3 + 0.5 * (0.5 + 0.5 * Math.sin(t * s.speed * 1000 + s.phase));
      ctx.beginPath();
      ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);
      ctx.fillStyle = 'rgba(200,210,230,' + op + ')';
      ctx.fill();
    });
    // Étoile Sirius
    var sx = canvas.width * 0.85, sy = 70;
    var pulse = 0.7 + 0.3 * Math.sin(t * 0.001);
    var g = ctx.createRadialGradient(sx, sy, 0, sx, sy, 20);
    g.addColorStop(0, 'rgba(229,201,106,' + pulse + ')');
    g.addColorStop(1, 'transparent');
    ctx.beginPath();
    ctx.arc(sx, sy, 20, 0, Math.PI * 2);
    ctx.fillStyle = g;
    ctx.fill();
    ctx.beginPath();
    ctx.arc(sx, sy, 2.5, 0, Math.PI * 2);
    ctx.fillStyle = 'rgba(255,240,180,0.95)';
    ctx.fill();
  }

  function animate(t) {
    drawStars(t);
    raf = requestAnimationFrame(animate);
  }

  resize();
  initStars();
  animate(0);
  window.addEventListener('resize', function() {
    cancelAnimationFrame(raf);
    resize();
    initStars();
    animate(0);
  });

  // ── Scroll reveal ─────────────────────────────────────────────
  var revealEls = document.querySelectorAll('#sb-article .sb-reveal');
  if ('IntersectionObserver' in window) {
    var obs = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) {
          e.target.classList.add('sb-visible');
          obs.unobserve(e.target);
        }
      });
    }, { threshold: 0.07 });
    revealEls.forEach(function(el) { obs.observe(el); });
  } else {
    revealEls.forEach(function(el) { el.classList.add('sb-visible'); });
  }
})();
</script>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Maugrey Fol Œil : le guide complet du personnage Harry Potter]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/maugrey-fol-oeil-le-guide-complet-du-personnage-harry-potter.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/maugrey-fol-oeil-le-guide-complet-du-personnage-harry-potter.html</guid>
                <pubDate>Sun, 10 May 2026 14:45:53 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[Découvrez Maugrey Fol Œil, l'Auror légendaire d'Harry Potter : biographie, œil magique, imposture de Barty Croupton et héritage. 
 
Constante Vigilance !








Maugrey Fol Œil — L'Auror de Légende


  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --ink: #1a1208;
    --ink-soft: #3b2f1a;
    --parchment: #f4ead0;
    --parchment-dark: #e8d8b0;
    --gold: #b8882a;
    --gold-light: #d4a84b;
    --scar: #8b1a1a;
    --eye-blue: #2a5c8a;
    --eye-glow: #4a9fd4;
    --muted: #6b5a3e;
  }

  body {
    background-color: #100e09;
    background-image:
      radial-gradient(ellipse at 20% 0%, #1e1508 0%, transparent 60%),
      radial-gradient(ellipse at 80% 100%, #0e1a1f 0%, transparent 60%);
    font-family: 'Crimson Pro', Georgia, serif;
    color: var(--parchment);
    min-height: 100vh;
  }

  /* HERO */
  .hero {
    position: relative;
    text-align: center;
    padding: 5rem 2rem 4rem;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 60% 50% at 50% 30%, rgba(74,159,212,0.08) 0%, transparent 70%),
      radial-gradient(ellipse 40% 40% at 50% 80%, rgba(139,26,26,0.1) 0%, transparent 60%);
    pointer-events: none;
  }

  .rune-border {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.5rem;
    opacity: 0.5;
  }
  .rune-border span {
    font-size: 1.1rem;
    color: var(--gold);
    letter-spacing: 0.5em;
  }
  .rune-border::before,
  .rune-border::after {
    content: '';
    flex: 1;
    max-width: 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold));
  }
  .rune-border::after {
    background: linear-gradient(90deg, var(--gold), transparent);
  }

  .eyeball {
    width: 90px;
    height: 90px;
    margin: 0 auto 1.5rem;
    position: relative;
  }
  .eyeball svg { width: 100%; height: 100%; }

  @keyframes spin-eye {
    0%   { transform: translate(0px, 0px); }
    25%  { transform: translate(8px, -5px); }
    50%  { transform: translate(-4px, 8px); }
    75%  { transform: translate(-8px, -3px); }
    100% { transform: translate(0px, 0px); }
  }
  #pupil-group { animation: spin-eye 6s ease-in-out infinite; }

  .hero-tag {
    font-family: 'Cinzel', serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.8;
    margin-bottom: 1rem;
  }

  h1 {
    font-family: 'Cinzel Decorative', serif;
    font-size: clamp(2.4rem, 6vw, 4.2rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: var(--parchment);
    text-shadow: 0 0 40px rgba(74,159,212,0.3), 0 2px 8px rgba(0,0,0,0.8);
    margin-bottom: 0.6rem;
  }

  .hero-subtitle {
    font-family: 'Cinzel', serif;
    font-size: 1rem;
    letter-spacing: 0.2em;
    color: var(--gold-light);
    opacity: 0.85;
    margin-bottom: 2.5rem;
  }

  .hero-meta {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: var(--muted);
    font-style: italic;
  }
  .hero-meta span { display: flex; align-items: center; gap: 0.4rem; }

  /* LAYOUT */
  .container {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 1.5rem 5rem;
  }

  /* QUOTE INTRO */
  .intro-quote {
    border-left: 3px solid var(--gold);
    padding: 1.2rem 1.8rem;
    margin: 2rem 0 3rem;
    background: rgba(184,136,42,0.06);
    border-radius: 0 4px 4px 0;
  }
  .intro-quote p {
    font-size: 1.35rem;
    font-style: italic;
    color: var(--parchment-dark);
    line-height: 1.6;
  }
  .intro-quote cite {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.85rem;
    color: var(--gold);
    font-style: normal;
    letter-spacing: 0.05em;
    font-family: 'Cinzel', serif;
  }

  /* SECTION DIVIDER */
  .section-divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0 1.5rem;
  }
  .section-divider::before,
  .section-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(184,136,42,0.3);
  }
  .section-divider span {
    color: var(--gold);
    font-size: 1rem;
    opacity: 0.6;
  }

  /* ARTICLE SECTIONS */
  .section-header {
    margin-bottom: 1.2rem;
  }
  .section-label {
    font-family: 'Cinzel', serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.7;
    margin-bottom: 0.4rem;
  }
  h2 {
    font-family: 'Cinzel', serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--parchment);
    letter-spacing: 0.03em;
    line-height: 1.25;
  }

  p {
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,234,208,0.85);
    margin-bottom: 1rem;
  }
  p:last-child { margin-bottom: 0; }

  /* STATS CARD */
  .identity-card {
    background: rgba(244,234,208,0.04);
    border: 1px solid rgba(184,136,42,0.25);
    border-radius: 6px;
    padding: 1.8rem 2rem;
    margin: 2rem 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.4rem;
  }
  .id-item {}
  .id-label {
    font-family: 'Cinzel', serif;
    font-size: 0.6rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.65;
    margin-bottom: 0.25rem;
  }
  .id-value {
    font-size: 0.98rem;
    color: var(--parchment);
    line-height: 1.4;
  }

  /* TIMELINE */
  .timeline {
    position: relative;
    padding-left: 2rem;
    margin: 1.5rem 0 2rem;
  }
  .timeline::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: linear-gradient(to bottom, var(--gold), rgba(184,136,42,0.1));
  }
  .timeline-item {
    position: relative;
    margin-bottom: 1.8rem;
  }
  .timeline-item::before {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 8px rgba(184,136,42,0.5);
  }
  .timeline-year {
    font-family: 'Cinzel', serif;
    font-size: 0.7rem;
    color: var(--gold);
    letter-spacing: 0.15em;
    margin-bottom: 0.25rem;
  }
  .timeline-text {
    font-size: 1rem;
    color: rgba(244,234,208,0.8);
    line-height: 1.65;
    margin: 0;
  }

  /* PULLQUOTE */
  .pullquote {
    text-align: center;
    padding: 2.5rem 2rem;
    margin: 2.5rem 0;
    position: relative;
  }
  .pullquote::before,
  .pullquote::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(184,136,42,0.4), transparent);
    margin-bottom: 1.5rem;
  }
  .pullquote::after { margin-top: 1.5rem; margin-bottom: 0; }
  .pullquote p {
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    color: var(--gold-light);
    line-height: 1.5;
    text-align: center;
  }

  /* LEGACY GRID */
  .legacy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0 2rem;
  }
  .legacy-item {
    background: rgba(244,234,208,0.03);
    border: 1px solid rgba(184,136,42,0.18);
    border-radius: 4px;
    padding: 1.2rem 1.4rem;
  }
  .legacy-icon {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
  .legacy-title {
    font-family: 'Cinzel', serif;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: var(--gold);
    margin-bottom: 0.4rem;
  }
  .legacy-desc {
    font-size: 0.93rem;
    color: rgba(244,234,208,0.7);
    line-height: 1.55;
    margin: 0;
  }

  /* FOOTER */
  footer {
    text-align: center;
    padding: 3rem 1rem;
    border-top: 1px solid rgba(184,136,42,0.15);
    margin-top: 4rem;
  }
  .footer-rune {
    font-family: 'Cinzel Decorative', serif;
    font-size: 1.5rem;
    color: var(--gold);
    opacity: 0.4;
    letter-spacing: 0.4em;
    margin-bottom: 1rem;
  }
  footer p {
    font-size: 0.8rem;
    color: var(--muted);
    opacity: 0.6;
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 600px) {
    .hero { padding: 3rem 1rem 2.5rem; }
    h1 { font-size: 2rem; }
    .identity-card { padding: 1.2rem; }
  }






  ⚡

  
    
      
      
      
      
        
        
      
      
      
      
      
      
    
  

  Profil de sorcier — Auror de légende 
  Alastor« Maugrey »Fol Œil
  Constant Vigilance. 

  
    ???? Biographie complète
    ⚗️ Univers Harry Potter
    ???? Ordre de Merlin, 1ère classe
  





  
  
    « Constante Vigilance ! Un Auror ne baisse jamais sa garde — pas même dans son sommeil, pas même chez lui, pas même avec ceux qu'il aime. » 
    — Alastor Maugrey, au cours de ses années d'enseignement à Poudlard
  

  
  
    Fiche d'identité 
    Portrait d'un guerrier brisé
  

  
    
      Nom complet 
      Alastor « Maugrey » Fol Œil 
    
    
      Surnom 
      Maugrey, Mad-Eye (en anglais) 
    
    
      Affiliation 
      Ordre du Phénix · Aurors du Ministère 
    
    
      Maison à Poudlard 
      Gryffondor (probable) 
    
    
      Particularité physique 
      Œil magique tournoyant bleu électrique, jambe de bois, visage balafré 
    
    
      Décès 
      27 juillet 1997, lors de la Bataille des sept Potter 
    
  

  Alastor Maugrey est l'un des personnages les plus fascinants et les plus tragiques de l'univers d'Harry Potter. Auror redouté, vétéran des deux guerres contre Voldemort, il incarne à lui seul le prix humain du combat contre les forces obscures : un homme d'une valeur inestimable, consumé peu à peu par des décennies de violence, de trahison et de paranoïa légitime. 

  Son apparence même raconte une vie de combat. Son visage est un patchwork de cicatrices, son nez a été arraché partiellement, et à la place d'un œil normal tourne en permanence un globe oculaire magique bleu électrique, capable de voir à travers les murs, les invisibilités et les illusions. Une jambe de bois remplace celle qu'il a perdue au combat. Maugrey porte sur lui chaque guerre qu'il a menée — et il en a mené beaucoup. 

  
  ⚡

  
    Carrière 
    Le meilleur Auror de son époque
  

  Avant de devenir une silhouette au bord du gouffre de la paranoïa, Maugrey était le sorcier le plus redouté du Ministère de la Magie. Ses exploits d'Auror sont devenus légendaires : il est directement responsable de l'arrestation de plus de la moitié des sorciers qui peuplent à eux seuls le bloc des grandes cellules à Azkaban. 

  
    
      Première Guerre des Sorciers (années 1970-1981) 
      Maugrey combat en première ligne contre Voldemort et ses Mangemorts. Il démontre une capacité de duel hors du commun et une intelligence tactique sans pareille. Il y perd plusieurs membres et son œil naturel. 
    
    
      Après la chute de Voldemort (1981-1994) 
      Il continue d'œuvrer pour le Ministère mais devient progressivement plus méfiant, plus solitaire. Les années de traque le marquent profondément. Il dort dans un sac de couchage enchevêtré d'alarmes. 
    
    
      La Coupe des Trois Sorciers (1994-1995) 
      Il est recruté par Dumbledore pour enseigner la Défense contre les Forces du Mal à Poudlard — une couverture pour le surveiller. Mais pendant toute cette année scolaire, c'est Barty Croupton Jr. qui se cache sous son apparence grâce au Polynectar, une imposture qui durera presque neuf mois. 
    
    
      L'Ordre du Phénix (1995-1997) 
      De retour dans sa propre peau, Maugrey rejoint la résistance contre Voldemort. Il organise et dirige plusieurs missions critiques de l'Ordre. 
    
    
      27 juillet 1997 — Sa mort 
      Il est tué lors de la Bataille des Sept Potter par Voldemort lui-même, abattu en plein vol alors qu'il escortait Harry hors de Privet Drive. Sa mort est la première grande perte de la guerre pour l'Ordre. 
    
  

  
  
    Il a rempli la moitié des cellules d'Azkaban à lui seul. 
  

  
  
    La grande imposture 
    Barty Croupton Jr. et le Polynectar
  

  L'un des coups les plus audacieux de Voldemort dans Harry Potter et la Coupe de Feu est l'infiltration de Poudlard par le biais de Maugrey. Capturé et emprisonné dans sa propre malle, le vrai Alastor subit une captivité de neuf mois — affaibli, nourri juste assez pour prélever ses cheveux destinés au Polynectar — tandis que son double, Barty Croupton Jr., usurpe son identité avec une précision terrifiante. 

  Croupton a si bien étudié Maugrey — ses tics, sa paranoïa, ses habitudes, jusqu'à la façon dont il boit dans sa gourde personnelle remplie de Barbotine — que personne, pas même Dumbledore, ne soupçonne l'imposture pendant presque toute l'année scolaire. C'est là l'une des plus grandes trahisons de la saga, et elle révèle à quel point Maugrey est une figure dont l'identité peut être arrachée, exploitée — preuve cruelle que sa paranoïa n'était pas excessive, elle était justifiée. 

  
  ⚡

  
    Symbole 
    L'œil magique : surveillance et vulnérabilité
  

  L'œil magique de Maugrey est bien plus qu'un outil pratique. Il est devenu le symbole même du personnage. Cet œil bleu tourbillonnant voit à travers les capes d'invisibilité, les murs, les illusions et les déguisements — il représente l'idéal de l'Auror : ne jamais être trompé, toujours voir la vérité cachée. 

  Mais c'est précisément là que réside la tragédie. Maugrey, avec tout son pouvoir de perception, est le sorcier le plus surveillant de la saga — et pourtant il est le plus cruellement trompé. Son œil magique est arraché après sa mort par Dolores Ombrage, qui l'utilise comme espion dans son propre bureau au Ministère. Harry, en découvrant cela, se jure de le récupérer. Ce détail dit tout : même mort, Maugrey est utilisé comme outil de surveillance. Son regard ne lui appartient plus. 

  
  ⚡

  
    Héritage 
    Ce que Maugrey laisse derrière lui
  

  
    
      ⚔️ 
      Maître de la défense 
      Son enseignement des Sortilèges Impardonnables — en particulier l'Endouloris — a préparé les élèves à la réalité de la guerre magique. Une pédagogie brutale mais honnête. 
    
    
      ????️ 
      Pilier de l'Ordre 
      Sa mort lors de la Bataille des Sept Potter marque le début d'une guerre à grande échelle. L'Ordre perd son guerrier le plus expérimenté. 
    
    
      ????️ 
      Constante Vigilance 
      Sa devise est devenue un symbole dans tout le fandom. Elle résume une philosophie entière : ne jamais baisser la garde face aux forces du mal. 
    
    
      ???? 
      Modèle pour Harry 
      Bien que le Maugrey de l'année scolaire soit un imposteur, ses leçons ont marqué Harry. Et le vrai Maugrey incarne le sacrifice ultime pour la cause du bien. 
    
  

  
  
    Analyse littéraire 
    Un personnage tragique du mythe du héros brisé
  

  Maugrey appartient à une longue tradition de figures littéraires — le guerrier usé, défiguré, hanté. On pense au chevalier blessé des romans arthuriens, au détective paranoïaque du roman noir. J.K. Rowling lui offre une complexité rare : ce n'est pas un personnage héroïque au sens classique du terme. Il est paranoïaque, asocial, parfois effrayant pour ceux qui l'entourent. Ses méthodes d'enseignement flirtent avec le traumatisme. 

  Et pourtant, chaque excentricité de Maugrey est fondée sur une réalité vécue. Sa paranoïa n'est pas de la folie — c'est de l'expérience. Il a vu des amis trahir, des collègues se révéler être des Mangemorts, des gens qu'il aimait mourir. Sa méfiance permanente est la réponse rationnelle d'un homme qui a survécu à deux guerres en ne faisant jamais confiance aux apparences. 

  Il est aussi l'archétype du protecteur invisible : il passe toute l'année scolaire à enseigner, guider, mettre en garde Harry — et tout cela est l'œuvre d'un imposteur. Puis le vrai Maugrey meurt en protégeant Harry, anonymement, dans le ciel nocturne. Son sacrifice n'est célébré que par quelques lignes. Ce silence narratif est douloureux — et parfaitement juste pour ce personnage qui a toujours œuvré dans l'ombre. 

  
  
    « Constante Vigilance. » 
  





  ✦ ✦ ✦ 
  Blog consacré à l'univers de Harry Potter de J.K. Rowling · Personnage appartenant à ses créateurs d'origine 




]]></description>
                <content:encoded><![CDATA[<h1><span style="color:#FF0000">Découvrez Maugrey Fol Œil, l'Auror légendaire d'Harry Potter : biographie, œil magique, imposture de Barty Croupton et héritage. </span></h1><h1> </h1><h1><span style="color:#FF0000">Constante Vigilance !</span></h1>
<!-- HERO -->




<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maugrey Fol Œil — L'Auror de Légende</title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Cinzel:wght@400;600&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --ink: #1a1208;
    --ink-soft: #3b2f1a;
    --parchment: #f4ead0;
    --parchment-dark: #e8d8b0;
    --gold: #b8882a;
    --gold-light: #d4a84b;
    --scar: #8b1a1a;
    --eye-blue: #2a5c8a;
    --eye-glow: #4a9fd4;
    --muted: #6b5a3e;
  }

  body {
    background-color: #100e09;
    background-image:
      radial-gradient(ellipse at 20% 0%, #1e1508 0%, transparent 60%),
      radial-gradient(ellipse at 80% 100%, #0e1a1f 0%, transparent 60%);
    font-family: 'Crimson Pro', Georgia, serif;
    color: var(--parchment);
    min-height: 100vh;
  }

  /* HERO */
  .hero {
    position: relative;
    text-align: center;
    padding: 5rem 2rem 4rem;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 60% 50% at 50% 30%, rgba(74,159,212,0.08) 0%, transparent 70%),
      radial-gradient(ellipse 40% 40% at 50% 80%, rgba(139,26,26,0.1) 0%, transparent 60%);
    pointer-events: none;
  }

  .rune-border {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1.5rem;
    opacity: 0.5;
  }
  .rune-border span {
    font-size: 1.1rem;
    color: var(--gold);
    letter-spacing: 0.5em;
  }
  .rune-border::before,
  .rune-border::after {
    content: '';
    flex: 1;
    max-width: 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gold));
  }
  .rune-border::after {
    background: linear-gradient(90deg, var(--gold), transparent);
  }

  .eyeball {
    width: 90px;
    height: 90px;
    margin: 0 auto 1.5rem;
    position: relative;
  }
  .eyeball svg { width: 100%; height: 100%; }

  @keyframes spin-eye {
    0%   { transform: translate(0px, 0px); }
    25%  { transform: translate(8px, -5px); }
    50%  { transform: translate(-4px, 8px); }
    75%  { transform: translate(-8px, -3px); }
    100% { transform: translate(0px, 0px); }
  }
  #pupil-group { animation: spin-eye 6s ease-in-out infinite; }

  .hero-tag {
    font-family: 'Cinzel', serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.8;
    margin-bottom: 1rem;
  }

  h1 {
    font-family: 'Cinzel Decorative', serif;
    font-size: clamp(2.4rem, 6vw, 4.2rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: var(--parchment);
    text-shadow: 0 0 40px rgba(74,159,212,0.3), 0 2px 8px rgba(0,0,0,0.8);
    margin-bottom: 0.6rem;
  }

  .hero-subtitle {
    font-family: 'Cinzel', serif;
    font-size: 1rem;
    letter-spacing: 0.2em;
    color: var(--gold-light);
    opacity: 0.85;
    margin-bottom: 2.5rem;
  }

  .hero-meta {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: var(--muted);
    font-style: italic;
  }
  .hero-meta span { display: flex; align-items: center; gap: 0.4rem; }

  /* LAYOUT */
  .container {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 1.5rem 5rem;
  }

  /* QUOTE INTRO */
  .intro-quote {
    border-left: 3px solid var(--gold);
    padding: 1.2rem 1.8rem;
    margin: 2rem 0 3rem;
    background: rgba(184,136,42,0.06);
    border-radius: 0 4px 4px 0;
  }
  .intro-quote p {
    font-size: 1.35rem;
    font-style: italic;
    color: var(--parchment-dark);
    line-height: 1.6;
  }
  .intro-quote cite {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.85rem;
    color: var(--gold);
    font-style: normal;
    letter-spacing: 0.05em;
    font-family: 'Cinzel', serif;
  }

  /* SECTION DIVIDER */
  .section-divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0 1.5rem;
  }
  .section-divider::before,
  .section-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(184,136,42,0.3);
  }
  .section-divider span {
    color: var(--gold);
    font-size: 1rem;
    opacity: 0.6;
  }

  /* ARTICLE SECTIONS */
  .section-header {
    margin-bottom: 1.2rem;
  }
  .section-label {
    font-family: 'Cinzel', serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.7;
    margin-bottom: 0.4rem;
  }
  h2 {
    font-family: 'Cinzel', serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--parchment);
    letter-spacing: 0.03em;
    line-height: 1.25;
  }

  p {
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,234,208,0.85);
    margin-bottom: 1rem;
  }
  p:last-child { margin-bottom: 0; }

  /* STATS CARD */
  .identity-card {
    background: rgba(244,234,208,0.04);
    border: 1px solid rgba(184,136,42,0.25);
    border-radius: 6px;
    padding: 1.8rem 2rem;
    margin: 2rem 0 2.5rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.4rem;
  }
  .id-item {}
  .id-label {
    font-family: 'Cinzel', serif;
    font-size: 0.6rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.65;
    margin-bottom: 0.25rem;
  }
  .id-value {
    font-size: 0.98rem;
    color: var(--parchment);
    line-height: 1.4;
  }

  /* TIMELINE */
  .timeline {
    position: relative;
    padding-left: 2rem;
    margin: 1.5rem 0 2rem;
  }
  .timeline::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    width: 1px;
    background: linear-gradient(to bottom, var(--gold), rgba(184,136,42,0.1));
  }
  .timeline-item {
    position: relative;
    margin-bottom: 1.8rem;
  }
  .timeline-item::before {
    content: '';
    position: absolute;
    left: -1.75rem;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 8px rgba(184,136,42,0.5);
  }
  .timeline-year {
    font-family: 'Cinzel', serif;
    font-size: 0.7rem;
    color: var(--gold);
    letter-spacing: 0.15em;
    margin-bottom: 0.25rem;
  }
  .timeline-text {
    font-size: 1rem;
    color: rgba(244,234,208,0.8);
    line-height: 1.65;
    margin: 0;
  }

  /* PULLQUOTE */
  .pullquote {
    text-align: center;
    padding: 2.5rem 2rem;
    margin: 2.5rem 0;
    position: relative;
  }
  .pullquote::before,
  .pullquote::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(184,136,42,0.4), transparent);
    margin-bottom: 1.5rem;
  }
  .pullquote::after { margin-top: 1.5rem; margin-bottom: 0; }
  .pullquote p {
    font-family: 'Cinzel', serif;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    color: var(--gold-light);
    line-height: 1.5;
    text-align: center;
  }

  /* LEGACY GRID */
  .legacy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0 2rem;
  }
  .legacy-item {
    background: rgba(244,234,208,0.03);
    border: 1px solid rgba(184,136,42,0.18);
    border-radius: 4px;
    padding: 1.2rem 1.4rem;
  }
  .legacy-icon {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
  .legacy-title {
    font-family: 'Cinzel', serif;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    color: var(--gold);
    margin-bottom: 0.4rem;
  }
  .legacy-desc {
    font-size: 0.93rem;
    color: rgba(244,234,208,0.7);
    line-height: 1.55;
    margin: 0;
  }

  /* FOOTER */
  footer {
    text-align: center;
    padding: 3rem 1rem;
    border-top: 1px solid rgba(184,136,42,0.15);
    margin-top: 4rem;
  }
  .footer-rune {
    font-family: 'Cinzel Decorative', serif;
    font-size: 1.5rem;
    color: var(--gold);
    opacity: 0.4;
    letter-spacing: 0.4em;
    margin-bottom: 1rem;
  }
  footer p {
    font-size: 0.8rem;
    color: var(--muted);
    opacity: 0.6;
    margin: 0;
  }

  /* Responsive */
  @media (max-width: 600px) {
    .hero { padding: 3rem 1rem 2.5rem; }
    h1 { font-size: 2rem; }
    .identity-card { padding: 1.2rem; }
  }
</style>



<!-- HERO -->
<section class="hero">
  <div class="rune-border"><span>⚡</span></div>

  <div class="eyeball" aria-hidden="true">
    <svg viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="45" cy="45" r="42" fill="#0d1a22" stroke="rgba(184,136,42,0.6)" stroke-width="1.5"></circle>
      <circle cx="45" cy="45" r="34" fill="#142130"></circle>
      <circle cx="45" cy="45" r="22" fill="#1e3f5c"></circle>
      <g id="pupil-group">
        <circle cx="45" cy="45" r="11" fill="#0a1520"></circle>
        <circle cx="41" cy="41" r="3.5" fill="rgba(74,159,212,0.3)"></circle>
      </g>
      <circle cx="45" cy="45" r="34" fill="none" stroke="rgba(74,159,212,0.15)" stroke-width="6"></circle>
      <!-- veins -->
      <path d="M10 45 Q25 42 38 44" stroke="rgba(139,26,26,0.4)" stroke-width="0.7" fill="none"></path>
      <path d="M72 38 Q60 40 52 44" stroke="rgba(139,26,26,0.3)" stroke-width="0.5" fill="none"></path>
      <path d="M20 60 Q30 55 40 50" stroke="rgba(139,26,26,0.25)" stroke-width="0.6" fill="none"></path>
    </svg>
  </div>

  <p class="hero-tag">Profil de sorcier — Auror de légende</p>
  <h1>Alastor<br />« Maugrey »<br />Fol Œil</h1>
  <p class="hero-subtitle">Constant Vigilance.</p>

  <div class="hero-meta">
    <span>???? Biographie complète</span>
    <span>⚗️ Univers Harry Potter</span>
    <span>???? Ordre de Merlin, 1ère classe</span>
  </div>
</section>

<!-- CONTENU -->
<div class="container">

  <!-- INTRO QUOTE -->
  <blockquote class="intro-quote">
    <p>« Constante Vigilance ! Un Auror ne baisse jamais sa garde — pas même dans son sommeil, pas même chez lui, pas même avec ceux qu'il aime. »</p>
    <cite>— Alastor Maugrey, au cours de ses années d'enseignement à Poudlard</cite>
  </blockquote>

  <!-- IDENTITÉ -->
  <div class="section-header">
    <p class="section-label">Fiche d'identité</p>
    <h2>Portrait d'un guerrier brisé</h2>
  </div>

  <div class="identity-card">
    <div class="id-item">
      <p class="id-label">Nom complet</p>
      <p class="id-value">Alastor « Maugrey » Fol Œil</p>
    </div>
    <div class="id-item">
      <p class="id-label">Surnom</p>
      <p class="id-value">Maugrey, Mad-Eye (en anglais)</p>
    </div>
    <div class="id-item">
      <p class="id-label">Affiliation</p>
      <p class="id-value">Ordre du Phénix · Aurors du Ministère</p>
    </div>
    <div class="id-item">
      <p class="id-label">Maison à Poudlard</p>
      <p class="id-value">Gryffondor (probable)</p>
    </div>
    <div class="id-item">
      <p class="id-label">Particularité physique</p>
      <p class="id-value">Œil magique tournoyant bleu électrique, jambe de bois, visage balafré</p>
    </div>
    <div class="id-item">
      <p class="id-label">Décès</p>
      <p class="id-value">27 juillet 1997, lors de la Bataille des sept Potter</p>
    </div>
  </div>

  <p>Alastor Maugrey est l'un des personnages les plus fascinants et les plus tragiques de l'univers d'Harry Potter. Auror redouté, vétéran des deux guerres contre Voldemort, il incarne à lui seul le prix humain du combat contre les forces obscures : un homme d'une valeur inestimable, consumé peu à peu par des décennies de violence, de trahison et de paranoïa légitime.</p>

  <p>Son apparence même raconte une vie de combat. Son visage est un patchwork de cicatrices, son nez a été arraché partiellement, et à la place d'un œil normal tourne en permanence un globe oculaire magique bleu électrique, capable de voir à travers les murs, les invisibilités et les illusions. Une jambe de bois remplace celle qu'il a perdue au combat. Maugrey porte sur lui chaque guerre qu'il a menée — et il en a mené beaucoup.</p>

  <!-- SECTION 2 : Carrière -->
  <div class="section-divider"><span>⚡</span></div>

  <div class="section-header">
    <p class="section-label">Carrière</p>
    <h2>Le meilleur Auror de son époque</h2>
  </div>

  <p>Avant de devenir une silhouette au bord du gouffre de la paranoïa, Maugrey était le sorcier le plus redouté du Ministère de la Magie. Ses exploits d'Auror sont devenus légendaires : il est directement responsable de l'arrestation de plus de la moitié des sorciers qui peuplent à eux seuls le bloc des grandes cellules à Azkaban.</p>

  <div class="timeline">
    <div class="timeline-item">
      <p class="timeline-year">Première Guerre des Sorciers (années 1970-1981)</p>
      <p class="timeline-text">Maugrey combat en première ligne contre Voldemort et ses Mangemorts. Il démontre une capacité de duel hors du commun et une intelligence tactique sans pareille. Il y perd plusieurs membres et son œil naturel.</p>
    </div>
    <div class="timeline-item">
      <p class="timeline-year">Après la chute de Voldemort (1981-1994)</p>
      <p class="timeline-text">Il continue d'œuvrer pour le Ministère mais devient progressivement plus méfiant, plus solitaire. Les années de traque le marquent profondément. Il dort dans un sac de couchage enchevêtré d'alarmes.</p>
    </div>
    <div class="timeline-item">
      <p class="timeline-year">La Coupe des Trois Sorciers (1994-1995)</p>
      <p class="timeline-text">Il est recruté par Dumbledore pour enseigner la Défense contre les Forces du Mal à Poudlard — une couverture pour le surveiller. Mais pendant toute cette année scolaire, c'est Barty Croupton Jr. qui se cache sous son apparence grâce au Polynectar, une imposture qui durera presque neuf mois.</p>
    </div>
    <div class="timeline-item">
      <p class="timeline-year">L'Ordre du Phénix (1995-1997)</p>
      <p class="timeline-text">De retour dans sa propre peau, Maugrey rejoint la résistance contre Voldemort. Il organise et dirige plusieurs missions critiques de l'Ordre.</p>
    </div>
    <div class="timeline-item">
      <p class="timeline-year">27 juillet 1997 — Sa mort</p>
      <p class="timeline-text">Il est tué lors de la Bataille des Sept Potter par Voldemort lui-même, abattu en plein vol alors qu'il escortait Harry hors de Privet Drive. Sa mort est la première grande perte de la guerre pour l'Ordre.</p>
    </div>
  </div>

  <!-- PULLQUOTE -->
  <div class="pullquote">
    <p>Il a rempli la moitié des cellules d'Azkaban à lui seul.</p>
  </div>

  <!-- SECTION 3 : Imposteur -->
  <div class="section-header">
    <p class="section-label">La grande imposture</p>
    <h2>Barty Croupton Jr. et le Polynectar</h2>
  </div>

  <p>L'un des coups les plus audacieux de Voldemort dans <em>Harry Potter et la Coupe de Feu</em> est l'infiltration de Poudlard par le biais de Maugrey. Capturé et emprisonné dans sa propre malle, le vrai Alastor subit une captivité de neuf mois — affaibli, nourri juste assez pour prélever ses cheveux destinés au Polynectar — tandis que son double, Barty Croupton Jr., usurpe son identité avec une précision terrifiante.</p>

  <p>Croupton a si bien étudié Maugrey — ses tics, sa paranoïa, ses habitudes, jusqu'à la façon dont il boit dans sa gourde personnelle remplie de Barbotine — que personne, pas même Dumbledore, ne soupçonne l'imposture pendant presque toute l'année scolaire. C'est là l'une des plus grandes trahisons de la saga, et elle révèle à quel point Maugrey est une figure dont l'identité peut être arrachée, exploitée — preuve cruelle que sa paranoïa n'était pas excessive, elle était justifiée.</p>

  <!-- SECTION 4 : L'œil magique -->
  <div class="section-divider"><span>⚡</span></div>

  <div class="section-header">
    <p class="section-label">Symbole</p>
    <h2>L'œil magique : surveillance et vulnérabilité</h2>
  </div>

  <p>L'œil magique de Maugrey est bien plus qu'un outil pratique. Il est devenu le symbole même du personnage. Cet œil bleu tourbillonnant voit à travers les capes d'invisibilité, les murs, les illusions et les déguisements — il représente l'idéal de l'Auror : ne jamais être trompé, toujours voir la vérité cachée.</p>

  <p>Mais c'est précisément là que réside la tragédie. Maugrey, avec tout son pouvoir de perception, est le sorcier le plus surveillant de la saga — et pourtant il est le plus cruellement trompé. Son œil magique est arraché après sa mort par Dolores Ombrage, qui l'utilise comme espion dans son propre bureau au Ministère. Harry, en découvrant cela, se jure de le récupérer. Ce détail dit tout : même mort, Maugrey est utilisé comme outil de surveillance. Son regard ne lui appartient plus.</p>

  <!-- SECTION 5 : Héritage -->
  <div class="section-divider"><span>⚡</span></div>

  <div class="section-header">
    <p class="section-label">Héritage</p>
    <h2>Ce que Maugrey laisse derrière lui</h2>
  </div>

  <div class="legacy-grid">
    <div class="legacy-item">
      <p class="legacy-icon">⚔️</p>
      <p class="legacy-title">Maître de la défense</p>
      <p class="legacy-desc">Son enseignement des Sortilèges Impardonnables — en particulier l'Endouloris — a préparé les élèves à la réalité de la guerre magique. Une pédagogie brutale mais honnête.</p>
    </div>
    <div class="legacy-item">
      <p class="legacy-icon">????️</p>
      <p class="legacy-title">Pilier de l'Ordre</p>
      <p class="legacy-desc">Sa mort lors de la Bataille des Sept Potter marque le début d'une guerre à grande échelle. L'Ordre perd son guerrier le plus expérimenté.</p>
    </div>
    <div class="legacy-item">
      <p class="legacy-icon">????️</p>
      <p class="legacy-title">Constante Vigilance</p>
      <p class="legacy-desc">Sa devise est devenue un symbole dans tout le fandom. Elle résume une philosophie entière : ne jamais baisser la garde face aux forces du mal.</p>
    </div>
    <div class="legacy-item">
      <p class="legacy-icon">????</p>
      <p class="legacy-title">Modèle pour Harry</p>
      <p class="legacy-desc">Bien que le Maugrey de l'année scolaire soit un imposteur, ses leçons ont marqué Harry. Et le vrai Maugrey incarne le sacrifice ultime pour la cause du bien.</p>
    </div>
  </div>

  <!-- SECTION 6 : Analyse -->
  <div class="section-header">
    <p class="section-label">Analyse littéraire</p>
    <h2>Un personnage tragique du mythe du héros brisé</h2>
  </div>

  <p>Maugrey appartient à une longue tradition de figures littéraires — le guerrier usé, défiguré, hanté. On pense au chevalier blessé des romans arthuriens, au détective paranoïaque du roman noir. J.K. Rowling lui offre une complexité rare : ce n'est pas un personnage héroïque au sens classique du terme. Il est paranoïaque, asocial, parfois effrayant pour ceux qui l'entourent. Ses méthodes d'enseignement flirtent avec le traumatisme.</p>

  <p>Et pourtant, chaque excentricité de Maugrey est fondée sur une réalité vécue. Sa paranoïa n'est pas de la folie — c'est de l'expérience. Il a vu des amis trahir, des collègues se révéler être des Mangemorts, des gens qu'il aimait mourir. Sa méfiance permanente est la réponse rationnelle d'un homme qui a survécu à deux guerres en ne faisant jamais confiance aux apparences.</p>

  <p>Il est aussi l'archétype du protecteur invisible : il passe toute l'année scolaire à enseigner, guider, mettre en garde Harry — et tout cela est l'œuvre d'un imposteur. Puis le vrai Maugrey meurt en protégeant Harry, anonymement, dans le ciel nocturne. Son sacrifice n'est célébré que par quelques lignes. Ce silence narratif est douloureux — et parfaitement juste pour ce personnage qui a toujours œuvré dans l'ombre.</p>

  <!-- FINAL QUOTE -->
  <div class="pullquote" style="margin-top: 3rem;">
    <p>« Constante Vigilance. »</p>
  </div>

</div>

<!-- FOOTER -->
<footer>
  <p class="footer-rune">✦ ✦ ✦</p>
  <p>Blog consacré à l'univers de Harry Potter de J.K. Rowling · Personnage appartenant à ses créateurs d'origine</p>
</footer>


]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Bellatrix Lestrange : portrait de la sorcière la plus dangereuse d'Harry Potter]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/bellatrix-lestrange-portrait-de-la-sorciere-la-plus-dangereuse-d-harry-potter.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/bellatrix-lestrange-portrait-de-la-sorciere-la-plus-dangereuse-d-harry-potter.html</guid>
                <pubDate>Thu, 23 Apr 2026 18:22:00 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[BELLATRIX LESTRANGE LA SORCIERE LA PLUS REDOUTEE 


Bellatrix Lestrange est la Mangemort la plus redoutée de Voldemort. Fanatique, cruelle et imprévisible, cette sorcière issue de la famille Black a choisi les ténèbres avec conviction. Tortionnaire de Frank et Alice Londubat, meurtrière de Sirius Black, elle incarne la dévotion absolue au mal — jusqu'à sa mort lors de la Bataille de Poudlard, vaincue par Molly Weasley. 

  

  

  

  


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold: #c9a84c;
    --gold-light: #e8c97a;
    --purple-deep: #1a0a2e;
    --purple-mid: #2d1052;
    --purple-glow: #7b2d8b;
    --smoke: rgba(120, 80, 180, 0.08);
    --text-light: #e8dfc8;
    --text-muted: #a89878;
  }

  html { scroll-behavior: smooth; }

  body {
    background: #0a0510;
    color: var(--text-light);
    font-family: 'Crimson Text', Georgia, serif;
    font-size: 19px;
    line-height: 1.85;
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* Starfield */
  #stars {
    position: fixed; inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
  }
  .star {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    animation: twinkle var(--d, 3s) ease-in-out infinite;
    opacity: 0;
  }
  @keyframes twinkle {
    0%, 100% { opacity: 0; transform: scale(0.8); }
    50% { opacity: var(--o, 0.7); transform: scale(1); }
  }

  /* Floating particles */
  #particles {
    position: fixed; inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .particle {
    position: absolute;
    width: 3px; height: 3px;
    border-radius: 50%;
    background: var(--gold);
    animation: float var(--d, 8s) ease-in-out infinite;
    opacity: 0;
  }
  @keyframes float {
    0% { transform: translateY(100vh) translateX(0) scale(0); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.2; }
    100% { transform: translateY(-10vh) translateX(var(--x, 30px)) scale(0.3); opacity: 0; }
  }

  /* Mist layer */
  .mist {
    position: fixed;
    bottom: 0; left: -50%; width: 200%;
    height: 300px;
    background: radial-gradient(ellipse at center, rgba(60, 20, 90, 0.4) 0%, transparent 70%);
    animation: drift 20s ease-in-out infinite alternate;
    pointer-events: none;
    z-index: 0;
  }
  @keyframes drift {
    from { transform: translateX(-5%) scaleY(1); }
    to { transform: translateX(5%) scaleY(1.3); }
  }

  /* Header */
  header {
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 90px 2rem 60px;
    background: linear-gradient(to bottom, #0a0510, rgba(10,5,16,0.6), transparent);
  }

  .eyebrow {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.7;
    margin-bottom: 28px;
  }

  h1 {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.2rem, 6vw, 4.2rem);
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    letter-spacing: 0.02em;
    text-shadow: 0 0 60px rgba(120, 50, 200, 0.6), 0 0 120px rgba(120, 50, 200, 0.3);
    margin-bottom: 24px;
  }

  .subtitle {
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: var(--text-muted);
    max-width: 500px;
    margin: 0 auto 40px;
    line-height: 1.5;
  }

  .divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 auto 20px;
    max-width: 300px;
  }
  .divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
  }
  .divider-ornament {
    color: var(--gold);
    font-size: 1.1rem;
  }

  .meta {
    font-size: 0.85rem;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.12em;
    color: var(--text-muted);
    opacity: 0.6;
  }

  /* Main content */
  main {
    position: relative;
    z-index: 10;
    max-width: 740px;
    margin: 0 auto;
    padding: 0 2rem 120px;
  }

  .intro-quote {
    text-align: center;
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.4rem;
    color: var(--gold-light);
    padding: 40px 0 60px;
    line-height: 1.7;
  }
  .intro-quote::before { content: '\201C'; }
  .intro-quote::after { content: '\201D'; }

  section { margin-bottom: 64px; }

  h2 {
    font-family: 'Cinzel', serif;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--gold-light);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 14px;
  }
  h2::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 60px; height: 1px;
    background: var(--gold);
    opacity: 0.5;
  }

  p { margin-bottom: 1.2em; }

  strong {
    color: #f0e4c4;
    font-weight: 600;
  }

  em { color: var(--gold-light); font-style: italic; }

  blockquote {
    position: relative;
    border-left: 2px solid var(--gold);
    margin: 40px 0;
    padding: 24px 32px;
    background: rgba(120, 50, 180, 0.08);
    border-radius: 0 8px 8px 0;
  }
  blockquote p {
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: var(--gold-light);
    margin-bottom: 10px;
    line-height: 1.6;
  }
  blockquote cite {
    display: block;
    font-family: 'Cinzel', serif;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    text-transform: uppercase;
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 24px 0;
  }
  ul li {
    padding: 10px 0 10px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    position: relative;
  }
  ul li::before {
    content: '✦';
    position: absolute; left: 0;
    color: var(--gold);
    font-size: 0.7rem;
    top: 14px;
  }

  /* Candles decoration */
  .candles {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 40px 0;
  }
  .candle {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .flame {
    width: 8px; height: 16px;
    background: radial-gradient(ellipse at 50% 80%, #ffe066 0%, #ff9500 40%, rgba(255,50,0,0.3) 80%, transparent 100%);
    border-radius: 50% 50% 30% 30%;
    animation: flicker 1.5s ease-in-out infinite;
    filter: blur(0.5px);
    margin-bottom: -2px;
  }
  .candle-body {
    width: 10px;
    height: 60px;
    background: linear-gradient(to bottom, #f5e6c8, #d4c5a0, #b8a880);
    border-radius: 3px 3px 2px 2px;
  }
  .wax-drip {
    width: 14px; height: 8px;
    background: #d4c5a0;
    border-radius: 0 0 6px 6px;
    margin-top: -3px;
  }
  @keyframes flicker {
    0%, 100% { transform: scaleX(1) scaleY(1) translateX(0); opacity: 1; }
    25% { transform: scaleX(0.9) scaleY(1.1) translateX(-1px); opacity: 0.9; }
    75% { transform: scaleX(1.1) scaleY(0.95) translateX(1px); opacity: 0.95; }
  }

  /* Seal */
  .seal {
    display: flex;
    justify-content: center;
    padding: 60px 0 30px;
  }
  .seal-circle {
    width: 70px; height: 70px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cinzel', serif;
    font-size: 1.6rem;
    color: var(--gold);
    opacity: 0.4;
    text-shadow: 0 0 20px var(--gold);
    box-shadow: 0 0 20px rgba(201, 168, 76, 0.15), inset 0 0 20px rgba(201, 168, 76, 0.05);
  }

  /* CTA */
  .cta {
    text-align: center;
    font-family: 'IM Fell English', serif;
    font-style: italic;
    color: var(--text-muted);
    font-size: 1.05rem;
    padding: 20px 0 60px;
    opacity: 0.7;
  }

  /* Vignette overlay */
  .vignette {
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 40%, rgba(5, 2, 12, 0.7) 100%);
    pointer-events: none;
    z-index: 1;
  }

  /* Responsive */
  @media (max-width: 600px) {
    body { font-size: 17px; }
    header { padding: 60px 1.5rem 40px; }
    main { padding: 0 1.5rem 80px; }
    h1 { font-size: 2rem; }
  }

 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 


Harry Potter & Le Monde des Sorciers 

Bellatrix
Lestrange

La sorcière la plus redoutée du monde d'Harry Potter 


 
⚜

 


Analyse de personnage 


Elle n'obéissait pas à Voldemort par peur. Elle le vénérait. 


Une fidélité sans faille à Voldemort

Dans l'univers d'Harry Potter créé par J.K. Rowling, peu de personnages incarnent le mal avec autant d'intensité que Bellatrix Lestrange. Née Bellatrix Black, elle appartient à l'une des familles de sorciers les plus anciennes et les plus pures du monde magique. Pourtant, c'est moins sa lignée que sa dévotion absolue à Lord Voldemort qui la définit. Elle est sa plus fervente disciple, son arme la plus dangereuse, et peut-être la seule personne pour laquelle elle éprouve quelque chose qui ressemble à de l'amour — un amour fanatique, obsessionnel, qui confine à la folie. 

Bellatrix n'obéit pas à Voldemort par peur comme la plupart des Mangemorts. Elle le vénère. Cette nuance est capitale : elle fait d'elle non pas un simple suiveur, mais une croyante. Et les croyants, comme l'histoire nous l'a souvent montré, sont bien plus terrifiants que les lâches. 



Une enfance dorée, une âme corrompue

Élevée au sein de la noble maison des Black — dont la devise est « Toujours pur » — Bellatrix a été formée dès l'enfance à mépriser les Moldus et les sang-mêlé. Sa famille, obsédée par la pureté du sang, a constitué le terreau idéal pour que germent ses convictions extrémistes. 

Elle a fréquenté Poudlard dans la maison Serpentard, où elle a probablement croisé un jeune Tom Jedusor quelques années plus tôt. Elle épouse Rodolphe Lestrange, un autre Mangemort, mais ce mariage n'est qu'une formalité sociale — son véritable engagement, il est pour le Seigneur des Ténèbres. 

Ce qui est troublant dans son parcours, c'est précisément cette question : était-elle destinée à devenir ce monstre, ou l'a-t-elle choisi ? Rowling laisse entendre que le choix existe toujours, même pour ceux élevés dans la haine. Sirius Black, son propre cousin, en est la preuve vivante. 




 

 

 



 

 

 



 

 

 




Azkaban : quand la prison façonne le bourreau

Après la première chute de Voldemort, Bellatrix est l'une des rares Mangemorts à ne pas avoir renié son maître. Elle participe à la torture de Frank et Alice Londubat — deux Aurors, les parents de Neville — les réduisant à l'état de légumes à force de Sortilèges Impardonnable. Pour ce crime, elle est condamnée à perpétuité à Azkaban, la prison des sorciers, gardée par les Détraqueurs. 

Là où d'autres auraient sombré dans le désespoir, Bellatrix tient. Pendant quatorze ans, elle survit en s'accrochant à la certitude que son maître reviendra. Les Détraqueurs, qui se nourrissent des émotions positives, ne lui laissent que sa haine — et sa haine lui suffit. 

Quand elle s'évade enfin en 1996, elle ressort d'Azkaban consumée, spectrale, mais plus fanatique que jamais. La prison n'a pas brisé Bellatrix. Elle l'a purifiée, à sa manière tordue. 



Une combattante redoutable et imprévisible

Sur le plan magique, Bellatrix est l'une des sorcières les plus puissantes de sa génération. Elle maîtrise à la perfection les trois Sortilèges Impardonnable, est experte en Occlumentation et se montre d'une créativité sadique dans ses combats. Son style est chaotique, jouissif, presque dansant — à l'image de sa personnalité. 

Quelques-uns de ses faits d'armes les plus marquants : 


	Le meurtre de Sirius Black lors de la bataille du ministère, d'un simple sort, en regardant son cousin mourir avec un sourire.
	La torture d'Hermione Granger à Malefoy Manor, une scène parmi les plus éprouvantes des livres.
	La mort de Dobby, l'elfe de maison, en lui lançant un couteau dans le dos au moment même où il sauvait Harry et ses amis.
	Le meurtre de Nymphadora Tonks, sa propre nièce, lors de la bataille de Poudlard.


Cette liste dit tout : Bellatrix tue sans distinction, sans hésitation, parfois en souriant. Elle est le chaos rendu humain. 



Helena Bonham Carter : incarner la démence

Au cinéma, c'est Helena Bonham Carter qui donne vie à Bellatrix à partir de Harry Potter et l'Ordre du Phénix (2007). Son interprétation est unanimement saluée : elle y injecte une énergie dévorante, un humour noir glaçant, et une présence physique inoubliable avec ses cheveux emmêlés, ses dents noircies et son regard fou. 

Bonham Carter parvient à rendre Bellatrix terrifiante et fascinante à la fois — ce qui est probablement le plus grand service qu'une actrice puisse rendre à un personnage aussi extrême. Elle ne la joue pas comme un monstre unidimensionnel, mais comme quelqu'un qui croit profondément en ce qu'elle fait. Et c'est précisément ça qui fait froid dans le dos. 



Un personnage miroir

D'un point de vue narratif, Bellatrix joue un rôle crucial : elle est le reflet inversé de plusieurs personnages positifs. Face à Neville Londubat, elle représente le traumatisme originel qu'il doit surmonter — et c'est lui, finalement, qui lui assenera le coup décisif symbolique en décapitant Nagini. Face à Molly Weasley, elle incarne une maternité noire et possessive, opposée à l'amour maternel inconditionnel de Molly, qui la tue en duel dans un moment cathartique. 


Pas ma fille, espèce de garce ! 
— Molly Weasley, Les Reliques de la Mort

Cette mort est l'une des plus satisfaisantes de toute la saga, précisément parce que Rowling a pris soin, tout au long des livres, de rendre Bellatrix véritablement haïssable. 



Conclusion

Bellatrix Lestrange est bien plus qu'une antagoniste de service. Elle est le portrait d'un fanatisme sans limites, d'une intelligence mise au service du pire, d'une loyauté qui aurait pu être une vertu si elle n'avait pas été consacrée au mal. Elle nous rappelle que les monstres ne sont pas toujours nés monstres — et que c'est précisément ce qui les rend si terrifiants. 

Dans un univers peuplé de personnages complexes, elle reste l'un des plus marquants : celle que l'on aime détester, et que l'on n'oubliera jamais. 



✦


Et toi, quel est ton personnage préféré dans l'univers Harry Potter ?
Dis-le moi en commentaire ! 


  




  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  




  


  // Starfield
  const starsEl = document.getElementById('stars');
  for (let i = 0; i < 140; i++) {
    const s = document.createElement('div');
    s.className = 'star';
    const size = Math.random() * 2 + 0.5;
    s.style.cssText = `
      left: ${Math.random()*100}%;
      top: ${Math.random()*100}%;
      width: ${size}px;
      height: ${size}px;
      --d: ${2 + Math.random()*5}s;
      --o: ${0.3 + Math.random()*0.7};
      animation-delay: ${Math.random()*6}s;
    `;
    starsEl.appendChild(s);
  }

  // Floating particles
  const particlesEl = document.getElementById('particles');
  for (let i = 0; i < 25; i++) {
    const p = document.createElement('div');
    p.className = 'particle';
    p.style.cssText = `
      left: ${Math.random()*100}%;
      --d: ${6 + Math.random()*10}s;
      --x: ${(Math.random()-0.5)*100}px;
      animation-delay: ${Math.random()*12}s;
    `;
    particlesEl.appendChild(p);
  }
 
]]></description>
                <content:encoded><![CDATA[<h1><span style="color:#FF0000;"><span>BELLATRIX LESTRANGE LA SORCIERE LA PLUS REDOUTEE</span></span> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></h1>

<p><strong><span style="color:#FF0000;">Bellatrix Lestrange est la Mangemort la plus redoutée de Voldemort. Fanatique, cruelle et imprévisible, cette sorcière issue de la famille Black a choisi les ténèbres avec conviction. Tortionnaire de Frank et Alice Londubat, meurtrière de Sirius Black, elle incarne la dévotion absolue au mal — jusqu'à sa mort lors de la Bataille de Poudlard, vaincue par Molly Weasley.</span></strong></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>
<title></title>
<link href="https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<style type="text/css">*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold: #c9a84c;
    --gold-light: #e8c97a;
    --purple-deep: #1a0a2e;
    --purple-mid: #2d1052;
    --purple-glow: #7b2d8b;
    --smoke: rgba(120, 80, 180, 0.08);
    --text-light: #e8dfc8;
    --text-muted: #a89878;
  }

  html { scroll-behavior: smooth; }

  body {
    background: #0a0510;
    color: var(--text-light);
    font-family: 'Crimson Text', Georgia, serif;
    font-size: 19px;
    line-height: 1.85;
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* Starfield */
  #stars {
    position: fixed; inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
  }
  .star {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    animation: twinkle var(--d, 3s) ease-in-out infinite;
    opacity: 0;
  }
  @keyframes twinkle {
    0%, 100% { opacity: 0; transform: scale(0.8); }
    50% { opacity: var(--o, 0.7); transform: scale(1); }
  }

  /* Floating particles */
  #particles {
    position: fixed; inset: 0;
    pointer-events: none;
    z-index: 0;
  }
  .particle {
    position: absolute;
    width: 3px; height: 3px;
    border-radius: 50%;
    background: var(--gold);
    animation: float var(--d, 8s) ease-in-out infinite;
    opacity: 0;
  }
  @keyframes float {
    0% { transform: translateY(100vh) translateX(0) scale(0); opacity: 0; }
    10% { opacity: 0.6; }
    90% { opacity: 0.2; }
    100% { transform: translateY(-10vh) translateX(var(--x, 30px)) scale(0.3); opacity: 0; }
  }

  /* Mist layer */
  .mist {
    position: fixed;
    bottom: 0; left: -50%; width: 200%;
    height: 300px;
    background: radial-gradient(ellipse at center, rgba(60, 20, 90, 0.4) 0%, transparent 70%);
    animation: drift 20s ease-in-out infinite alternate;
    pointer-events: none;
    z-index: 0;
  }
  @keyframes drift {
    from { transform: translateX(-5%) scaleY(1); }
    to { transform: translateX(5%) scaleY(1.3); }
  }

  /* Header */
  header {
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 90px 2rem 60px;
    background: linear-gradient(to bottom, #0a0510, rgba(10,5,16,0.6), transparent);
  }

  .eyebrow {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.7;
    margin-bottom: 28px;
  }

  h1 {
    font-family: 'Cinzel', serif;
    font-size: clamp(2.2rem, 6vw, 4.2rem);
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    letter-spacing: 0.02em;
    text-shadow: 0 0 60px rgba(120, 50, 200, 0.6), 0 0 120px rgba(120, 50, 200, 0.3);
    margin-bottom: 24px;
  }

  .subtitle {
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: var(--text-muted);
    max-width: 500px;
    margin: 0 auto 40px;
    line-height: 1.5;
  }

  .divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 auto 20px;
    max-width: 300px;
  }
  .divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--gold), transparent);
  }
  .divider-ornament {
    color: var(--gold);
    font-size: 1.1rem;
  }

  .meta {
    font-size: 0.85rem;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.12em;
    color: var(--text-muted);
    opacity: 0.6;
  }

  /* Main content */
  main {
    position: relative;
    z-index: 10;
    max-width: 740px;
    margin: 0 auto;
    padding: 0 2rem 120px;
  }

  .intro-quote {
    text-align: center;
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.4rem;
    color: var(--gold-light);
    padding: 40px 0 60px;
    line-height: 1.7;
  }
  .intro-quote::before { content: '\201C'; }
  .intro-quote::after { content: '\201D'; }

  section { margin-bottom: 64px; }

  h2 {
    font-family: 'Cinzel', serif;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--gold-light);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 14px;
  }
  h2::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 60px; height: 1px;
    background: var(--gold);
    opacity: 0.5;
  }

  p { margin-bottom: 1.2em; }

  strong {
    color: #f0e4c4;
    font-weight: 600;
  }

  em { color: var(--gold-light); font-style: italic; }

  blockquote {
    position: relative;
    border-left: 2px solid var(--gold);
    margin: 40px 0;
    padding: 24px 32px;
    background: rgba(120, 50, 180, 0.08);
    border-radius: 0 8px 8px 0;
  }
  blockquote p {
    font-family: 'IM Fell English', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: var(--gold-light);
    margin-bottom: 10px;
    line-height: 1.6;
  }
  blockquote cite {
    display: block;
    font-family: 'Cinzel', serif;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    color: var(--text-muted);
    text-transform: uppercase;
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 24px 0;
  }
  ul li {
    padding: 10px 0 10px 28px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    position: relative;
  }
  ul li::before {
    content: '✦';
    position: absolute; left: 0;
    color: var(--gold);
    font-size: 0.7rem;
    top: 14px;
  }

  /* Candles decoration */
  .candles {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 40px 0;
  }
  .candle {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .flame {
    width: 8px; height: 16px;
    background: radial-gradient(ellipse at 50% 80%, #ffe066 0%, #ff9500 40%, rgba(255,50,0,0.3) 80%, transparent 100%);
    border-radius: 50% 50% 30% 30%;
    animation: flicker 1.5s ease-in-out infinite;
    filter: blur(0.5px);
    margin-bottom: -2px;
  }
  .candle-body {
    width: 10px;
    height: 60px;
    background: linear-gradient(to bottom, #f5e6c8, #d4c5a0, #b8a880);
    border-radius: 3px 3px 2px 2px;
  }
  .wax-drip {
    width: 14px; height: 8px;
    background: #d4c5a0;
    border-radius: 0 0 6px 6px;
    margin-top: -3px;
  }
  @keyframes flicker {
    0%, 100% { transform: scaleX(1) scaleY(1) translateX(0); opacity: 1; }
    25% { transform: scaleX(0.9) scaleY(1.1) translateX(-1px); opacity: 0.9; }
    75% { transform: scaleX(1.1) scaleY(0.95) translateX(1px); opacity: 0.95; }
  }

  /* Seal */
  .seal {
    display: flex;
    justify-content: center;
    padding: 60px 0 30px;
  }
  .seal-circle {
    width: 70px; height: 70px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Cinzel', serif;
    font-size: 1.6rem;
    color: var(--gold);
    opacity: 0.4;
    text-shadow: 0 0 20px var(--gold);
    box-shadow: 0 0 20px rgba(201, 168, 76, 0.15), inset 0 0 20px rgba(201, 168, 76, 0.05);
  }

  /* CTA */
  .cta {
    text-align: center;
    font-family: 'IM Fell English', serif;
    font-style: italic;
    color: var(--text-muted);
    font-size: 1.05rem;
    padding: 20px 0 60px;
    opacity: 0.7;
  }

  /* Vignette overlay */
  .vignette {
    position: fixed;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 40%, rgba(5, 2, 12, 0.7) 100%);
    pointer-events: none;
    z-index: 1;
  }

  /* Responsive */
  @media (max-width: 600px) {
    body { font-size: 17px; }
    header { padding: 60px 1.5rem 40px; }
    main { padding: 0 1.5rem 80px; }
    h1 { font-size: 2rem; }
  }
</style>
<div id="stars"> 
<div class="star" style="left: 43.6337%; top: 57.9034%; width: 0.786289px; height: 0.786289px; --d: 2.1697779543705167s; --o: 0.6308328434024577; animation-delay: 0.545428s;"> </div>

<div class="star" style="left: 2.33918%; top: 48.0157%; width: 1.32551px; height: 1.32551px; --d: 5.827968647102676s; --o: 0.6920583965161183; animation-delay: 0.776648s;"> </div>

<div class="star" style="left: 51.3047%; top: 15.1488%; width: 1.71502px; height: 1.71502px; --d: 3.248688165817842s; --o: 0.56587033902773; animation-delay: 5.26106s;"> </div>

<div class="star" style="left: 27.8058%; top: 3.04559%; width: 0.979972px; height: 0.979972px; --d: 4.065245157929616s; --o: 0.7616897470171631; animation-delay: 4.99711s;"> </div>

<div class="star" style="left: 38.2497%; top: 50.473%; width: 1.43405px; height: 1.43405px; --d: 2.515925314687107s; --o: 0.7423206029472715; animation-delay: 3.89031s;"> </div>

<div class="star" style="left: 49.3889%; top: 9.95155%; width: 1.99573px; height: 1.99573px; --d: 5.451348540008249s; --o: 0.6291439968882392; animation-delay: 5.23803s;"> </div>

<div class="star" style="left: 38.6707%; top: 15.9578%; width: 1.94875px; height: 1.94875px; --d: 4.321096269918232s; --o: 0.7721139114897841; animation-delay: 1.65626s;"> </div>

<div class="star" style="left: 90.6685%; top: 60.1915%; width: 1.7604px; height: 1.7604px; --d: 4.426465288157971s; --o: 0.5957725764278714; animation-delay: 5.38038s;"> </div>

<div class="star" style="left: 7.61603%; top: 54.8597%; width: 1.83824px; height: 1.83824px; --d: 6.484793264822445s; --o: 0.7269079479210937; animation-delay: 0.137728s;"> </div>

<div class="star" style="left: 1.84041%; top: 40.6511%; width: 2.43917px; height: 2.43917px; --d: 4.829599570222297s; --o: 0.6023751389038516; animation-delay: 0.881372s;"> </div>

<div class="star" style="left: 27.2503%; top: 81.6378%; width: 1.68434px; height: 1.68434px; --d: 3.4821703763305423s; --o: 0.4094587109061926; animation-delay: 2.57527s;"> </div>

<div class="star" style="left: 84.5818%; top: 64.2706%; width: 1.41643px; height: 1.41643px; --d: 3.040161759002047s; --o: 0.8196657759242758; animation-delay: 2.11393s;"> </div>

<div class="star" style="left: 8.16332%; top: 79.2703%; width: 1.81233px; height: 1.81233px; --d: 5.440625625360465s; --o: 0.7917294676342232; animation-delay: 0.365078s;"> </div>

<div class="star" style="left: 57.8984%; top: 3.89828%; width: 1.92296px; height: 1.92296px; --d: 3.723219364577994s; --o: 0.6858302753288128; animation-delay: 3.00412s;"> </div>

<div class="star" style="left: 46.2695%; top: 52.7479%; width: 2.0648px; height: 2.0648px; --d: 5.729390729166827s; --o: 0.5338903980505066; animation-delay: 4.59222s;"> </div>

<div class="star" style="left: 21.6586%; top: 93.2455%; width: 2.47679px; height: 2.47679px; --d: 2.3003933091012283s; --o: 0.4275957166242833; animation-delay: 3.74917s;"> </div>

<div class="star" style="left: 62.8663%; top: 29.869%; width: 2.26982px; height: 2.26982px; --d: 5.464831133744957s; --o: 0.4255770312619295; animation-delay: 2.7016s;"> </div>

<div class="star" style="left: 82.9726%; top: 14.223%; width: 0.514105px; height: 0.514105px; --d: 3.8373483838315403s; --o: 0.8025882322896987; animation-delay: 3.52203s;"> </div>

<div class="star" style="left: 26.5553%; top: 22.6531%; width: 0.846263px; height: 0.846263px; --d: 4.471183183335534s; --o: 0.7978135940986517; animation-delay: 3.25985s;"> </div>

<div class="star" style="left: 8.28589%; top: 80.8999%; width: 1.42645px; height: 1.42645px; --d: 6.663495516624033s; --o: 0.5172953340258919; animation-delay: 2.39653s;"> </div>

<div class="star" style="left: 43.079%; top: 35.4398%; width: 1.92551px; height: 1.92551px; --d: 2.3198901661132387s; --o: 0.9895031159487799; animation-delay: 3.26576s;"> </div>

<div class="star" style="left: 29.0747%; top: 53.7655%; width: 2.35015px; height: 2.35015px; --d: 6.4048967245399835s; --o: 0.7804105828670728; animation-delay: 4.86754s;"> </div>

<div class="star" style="left: 94.6732%; top: 56.8895%; width: 0.732726px; height: 0.732726px; --d: 5.581636008117777s; --o: 0.714334623111714; animation-delay: 1.70271s;"> </div>

<div class="star" style="left: 32.5762%; top: 13.8943%; width: 2.44641px; height: 2.44641px; --d: 5.873537075641254s; --o: 0.6196435554740626; animation-delay: 5.43985s;"> </div>

<div class="star" style="left: 37.7352%; top: 63.8807%; width: 1.68771px; height: 1.68771px; --d: 2.595755510568125s; --o: 0.6504335054994783; animation-delay: 4.82157s;"> </div>

<div class="star" style="left: 71.2285%; top: 84.6504%; width: 1.94661px; height: 1.94661px; --d: 2.8556187654763066s; --o: 0.653908692171636; animation-delay: 1.42125s;"> </div>

<div class="star" style="left: 3.81728%; top: 92.1261%; width: 2.33563px; height: 2.33563px; --d: 2.1911245850451877s; --o: 0.56066741128106; animation-delay: 1.60784s;"> </div>

<div class="star" style="left: 80.5713%; top: 56.0006%; width: 2.22069px; height: 2.22069px; --d: 2.236668486494651s; --o: 0.7915387689424003; animation-delay: 4.63366s;"> </div>

<div class="star" style="left: 92.8041%; top: 9.29568%; width: 2.05885px; height: 2.05885px; --d: 6.0355865206985335s; --o: 0.49344977721563754; animation-delay: 2.58553s;"> </div>

<div class="star" style="left: 25.8597%; top: 73.8583%; width: 2.34839px; height: 2.34839px; --d: 3.701074158540991s; --o: 0.7444903994278004; animation-delay: 1.41885s;"> </div>

<div class="star" style="left: 55.8095%; top: 54.8482%; width: 1.31196px; height: 1.31196px; --d: 6.442887444017558s; --o: 0.8091375209463914; animation-delay: 1.69845s;"> </div>

<div class="star" style="left: 20.0534%; top: 71.3007%; width: 1.33204px; height: 1.33204px; --d: 2.7979401414114378s; --o: 0.9471656389755354; animation-delay: 5.9991s;"> </div>

<div class="star" style="left: 48.907%; top: 11.5639%; width: 2.33784px; height: 2.33784px; --d: 3.662130628981136s; --o: 0.9504699899412539; animation-delay: 4.41678s;"> </div>

<div class="star" style="left: 38.9425%; top: 22.8257%; width: 2.21795px; height: 2.21795px; --d: 3.881309474491651s; --o: 0.8776454451757654; animation-delay: 1.9238s;"> </div>

<div class="star" style="left: 44.453%; top: 67.7886%; width: 1.45419px; height: 1.45419px; --d: 6.051084702794307s; --o: 0.7379597477052218; animation-delay: 2.28157s;"> </div>

<div class="star" style="left: 98.5743%; top: 76.6522%; width: 1.59202px; height: 1.59202px; --d: 6.428849176195686s; --o: 0.8181480104472123; animation-delay: 3.69684s;"> </div>

<div class="star" style="left: 69.1376%; top: 26.3361%; width: 0.903047px; height: 0.903047px; --d: 5.1370341360142335s; --o: 0.6195499465782516; animation-delay: 0.104778s;"> </div>

<div class="star" style="left: 56.9854%; top: 18.7993%; width: 1.64693px; height: 1.64693px; --d: 6.129961829836241s; --o: 0.42930624283382934; animation-delay: 5.63084s;"> </div>

<div class="star" style="left: 72.1067%; top: 33.6025%; width: 2.15315px; height: 2.15315px; --d: 6.389478677917015s; --o: 0.3664316305311754; animation-delay: 2.12953s;"> </div>

<div class="star" style="left: 96.3287%; top: 82.6171%; width: 2.32994px; height: 2.32994px; --d: 6.922130629154085s; --o: 0.6498216463176025; animation-delay: 5.45604s;"> </div>

<div class="star" style="left: 6.68549%; top: 59.8216%; width: 1.83103px; height: 1.83103px; --d: 5.059895722282533s; --o: 0.31842390159150497; animation-delay: 4.97075s;"> </div>

<div class="star" style="left: 73.949%; top: 32.9695%; width: 1.7403px; height: 1.7403px; --d: 3.1191270364693224s; --o: 0.6752014088035743; animation-delay: 2.37677s;"> </div>

<div class="star" style="left: 75.0442%; top: 50.7679%; width: 2.43695px; height: 2.43695px; --d: 6.742347493124508s; --o: 0.6684935893083248; animation-delay: 0.364897s;"> </div>

<div class="star" style="left: 0.907116%; top: 5.42216%; width: 1.37183px; height: 1.37183px; --d: 5.3499761666990535s; --o: 0.9460436016676383; animation-delay: 0.478551s;"> </div>

<div class="star" style="left: 13.3462%; top: 2.78123%; width: 2.24649px; height: 2.24649px; --d: 6.338044503032787s; --o: 0.6308939746614805; animation-delay: 5.61605s;"> </div>

<div class="star" style="left: 58.5814%; top: 68.4023%; width: 1.69964px; height: 1.69964px; --d: 6.954624239971291s; --o: 0.49111043993383263; animation-delay: 5.06469s;"> </div>

<div class="star" style="left: 50.449%; top: 60.7803%; width: 1.184px; height: 1.184px; --d: 4.408305627936399s; --o: 0.9837853347807788; animation-delay: 3.54463s;"> </div>

<div class="star" style="left: 96.7103%; top: 41.6906%; width: 2.09168px; height: 2.09168px; --d: 5.491731437094884s; --o: 0.3010464536417928; animation-delay: 2.60233s;"> </div>

<div class="star" style="left: 58.0041%; top: 80.241%; width: 2.38305px; height: 2.38305px; --d: 2.1268454122527887s; --o: 0.9375936549617816; animation-delay: 1.84349s;"> </div>

<div class="star" style="left: 4.52407%; top: 76.1834%; width: 0.577625px; height: 0.577625px; --d: 5.598881944053854s; --o: 0.9446090435197161; animation-delay: 0.476436s;"> </div>

<div class="star" style="left: 35.9112%; top: 41.1734%; width: 0.612572px; height: 0.612572px; --d: 6.3512105413582525s; --o: 0.501940529805359; animation-delay: 4.00926s;"> </div>

<div class="star" style="left: 17.5607%; top: 6.64686%; width: 1.12387px; height: 1.12387px; --d: 4.3874920924756164s; --o: 0.6587835664818544; animation-delay: 1.13092s;"> </div>

<div class="star" style="left: 93.2482%; top: 35.8283%; width: 1.29275px; height: 1.29275px; --d: 2.574397632254991s; --o: 0.7091687349543656; animation-delay: 0.366644s;"> </div>

<div class="star" style="left: 98.0698%; top: 34.0489%; width: 2.38731px; height: 2.38731px; --d: 4.412868219815937s; --o: 0.40588810334639214; animation-delay: 4.37378s;"> </div>

<div class="star" style="left: 46.9503%; top: 78.7786%; width: 1.72307px; height: 1.72307px; --d: 4.9417307608379595s; --o: 0.4791488259603008; animation-delay: 0.428979s;"> </div>

<div class="star" style="left: 51.9444%; top: 21.5914%; width: 1.03723px; height: 1.03723px; --d: 6.549234935257121s; --o: 0.39497057723762363; animation-delay: 5.07614s;"> </div>

<div class="star" style="left: 45.6289%; top: 10.0377%; width: 2.15474px; height: 2.15474px; --d: 6.530107529846139s; --o: 0.7859178345135123; animation-delay: 4.34857s;"> </div>

<div class="star" style="left: 66.0475%; top: 30.3184%; width: 0.804676px; height: 0.804676px; --d: 4.3467612537611355s; --o: 0.477573737315806; animation-delay: 1.9903s;"> </div>

<div class="star" style="left: 17.9388%; top: 56.919%; width: 1.04556px; height: 1.04556px; --d: 5.869187462409458s; --o: 0.5685811788450639; animation-delay: 1.5951s;"> </div>

<div class="star" style="left: 19.695%; top: 95.8331%; width: 0.599652px; height: 0.599652px; --d: 2.0952450975389136s; --o: 0.5421197605769178; animation-delay: 3.9545s;"> </div>

<div class="star" style="left: 68.9747%; top: 86.1683%; width: 1.26039px; height: 1.26039px; --d: 5.55472415222479s; --o: 0.5464154777326891; animation-delay: 4.78566s;"> </div>

<div class="star" style="left: 49.2383%; top: 94.9492%; width: 1.30694px; height: 1.30694px; --d: 5.422638015544645s; --o: 0.36424230307646266; animation-delay: 0.930285s;"> </div>

<div class="star" style="left: 4.97909%; top: 22.8064%; width: 1.95636px; height: 1.95636px; --d: 5.242481109650352s; --o: 0.9957205468960333; animation-delay: 0.507913s;"> </div>

<div class="star" style="left: 27.3467%; top: 43.6318%; width: 1.31024px; height: 1.31024px; --d: 3.8034093382153014s; --o: 0.4096816487762856; animation-delay: 5.11909s;"> </div>

<div class="star" style="left: 10.8126%; top: 82.91%; width: 0.707451px; height: 0.707451px; --d: 6.609851064273213s; --o: 0.8157488818127454; animation-delay: 5.26383s;"> </div>

<div class="star" style="left: 73.0255%; top: 55.2614%; width: 0.87499px; height: 0.87499px; --d: 4.490184658874634s; --o: 0.6331204806191518; animation-delay: 0.29544s;"> </div>

<div class="star" style="left: 25.9561%; top: 28.9119%; width: 0.890149px; height: 0.890149px; --d: 4.486224491855937s; --o: 0.7457181094254772; animation-delay: 0.837211s;"> </div>

<div class="star" style="left: 92.2688%; top: 69.22%; width: 2.03876px; height: 2.03876px; --d: 5.706019467779062s; --o: 0.7267626417187165; animation-delay: 5.95188s;"> </div>

<div class="star" style="left: 86.0942%; top: 73.5396%; width: 0.63202px; height: 0.63202px; --d: 3.5038606783741475s; --o: 0.5085405063482107; animation-delay: 3.27187s;"> </div>

<div class="star" style="left: 14.2852%; top: 27.896%; width: 1.12395px; height: 1.12395px; --d: 6.7584552673830585s; --o: 0.7918771653360682; animation-delay: 0.194863s;"> </div>

<div class="star" style="left: 49.6431%; top: 5.77177%; width: 1.4016px; height: 1.4016px; --d: 5.900564182579851s; --o: 0.5815406515159722; animation-delay: 2.56874s;"> </div>

<div class="star" style="left: 74.3951%; top: 38.7386%; width: 2.21576px; height: 2.21576px; --d: 3.8900208083043726s; --o: 0.748352939395349; animation-delay: 1.62046s;"> </div>

<div class="star" style="left: 9.04883%; top: 7.82783%; width: 2.01379px; height: 2.01379px; --d: 4.624023292394777s; --o: 0.6947163177249466; animation-delay: 1.96038s;"> </div>

<div class="star" style="left: 39.2176%; top: 90.2095%; width: 0.835901px; height: 0.835901px; --d: 2.605543897333563s; --o: 0.8933928060986664; animation-delay: 2.31676s;"> </div>

<div class="star" style="left: 53.7682%; top: 69.1093%; width: 0.548539px; height: 0.548539px; --d: 5.340454988134137s; --o: 0.9581146928165261; animation-delay: 4.64507s;"> </div>

<div class="star" style="left: 86.5606%; top: 96.3115%; width: 1.30964px; height: 1.30964px; --d: 3.2979876332176326s; --o: 0.7670755375312712; animation-delay: 0.873379s;"> </div>

<div class="star" style="left: 99.5966%; top: 38.9527%; width: 1.22395px; height: 1.22395px; --d: 5.441396834215571s; --o: 0.730739523904621; animation-delay: 1.4516s;"> </div>

<div class="star" style="left: 86.4137%; top: 52.7108%; width: 1.25095px; height: 1.25095px; --d: 6.615453261150032s; --o: 0.5479310864095603; animation-delay: 5.85209s;"> </div>

<div class="star" style="left: 97.049%; top: 65.8514%; width: 1.43657px; height: 1.43657px; --d: 2.7134718549939976s; --o: 0.8364740113857401; animation-delay: 2.06047s;"> </div>

<div class="star" style="left: 18.681%; top: 70.358%; width: 0.969708px; height: 0.969708px; --d: 4.666009094747424s; --o: 0.5929749467717385; animation-delay: 0.178607s;"> </div>

<div class="star" style="left: 92.9037%; top: 24.2975%; width: 1.01842px; height: 1.01842px; --d: 5.837777823259084s; --o: 0.8843170750624152; animation-delay: 3.61202s;"> </div>

<div class="star" style="left: 36.0392%; top: 88.1759%; width: 0.657582px; height: 0.657582px; --d: 5.369215217039659s; --o: 0.6161784378809351; animation-delay: 3.32619s;"> </div>

<div class="star" style="left: 27.2015%; top: 8.90492%; width: 2.17465px; height: 2.17465px; --d: 3.4474466282028207s; --o: 0.42972668528415725; animation-delay: 5.38167s;"> </div>

<div class="star" style="left: 66.0136%; top: 33.4487%; width: 2.47456px; height: 2.47456px; --d: 2.3426889867584286s; --o: 0.9299383960351941; animation-delay: 2.36945s;"> </div>

<div class="star" style="left: 9.38687%; top: 43.1064%; width: 2.20801px; height: 2.20801px; --d: 4.796678447290177s; --o: 0.31455241472516743; animation-delay: 0.967439s;"> </div>

<div class="star" style="left: 98.8795%; top: 71.8661%; width: 1.50686px; height: 1.50686px; --d: 5.250953937808626s; --o: 0.9700850951663318; animation-delay: 4.74179s;"> </div>

<div class="star" style="left: 89.1506%; top: 88.1744%; width: 2.11652px; height: 2.11652px; --d: 6.7483180919142605s; --o: 0.43297918845147815; animation-delay: 4.43815s;"> </div>

<div class="star" style="left: 79.7791%; top: 81.507%; width: 1.34379px; height: 1.34379px; --d: 3.3614507002661953s; --o: 0.8102076267398322; animation-delay: 1.76282s;"> </div>

<div class="star" style="left: 67.1042%; top: 84.0716%; width: 2.39781px; height: 2.39781px; --d: 2.2135138970175205s; --o: 0.5203988132012438; animation-delay: 0.856184s;"> </div>

<div class="star" style="left: 70.3131%; top: 47.2055%; width: 1.90685px; height: 1.90685px; --d: 5.242650099982521s; --o: 0.9872302592437718; animation-delay: 2.10269s;"> </div>

<div class="star" style="left: 50.7821%; top: 40.2383%; width: 0.729737px; height: 0.729737px; --d: 6.8565710576630075s; --o: 0.5279893005006779; animation-delay: 3.00761s;"> </div>

<div class="star" style="left: 64.9097%; top: 20.5925%; width: 1.6825px; height: 1.6825px; --d: 5.8095235510368255s; --o: 0.895029907273498; animation-delay: 0.329367s;"> </div>

<div class="star" style="left: 72.5313%; top: 92.6035%; width: 0.62614px; height: 0.62614px; --d: 3.9648228333338755s; --o: 0.9086164288005045; animation-delay: 4.6803s;"> </div>

<div class="star" style="left: 43.2169%; top: 12.3229%; width: 1.69651px; height: 1.69651px; --d: 3.396648084257439s; --o: 0.7747877806968382; animation-delay: 1.54363s;"> </div>

<div class="star" style="left: 80.1657%; top: 3.36093%; width: 2.22325px; height: 2.22325px; --d: 5.370859439193216s; --o: 0.4055269879486051; animation-delay: 4.59967s;"> </div>

<div class="star" style="left: 95.5796%; top: 49.4309%; width: 0.579735px; height: 0.579735px; --d: 3.774911985306785s; --o: 0.5127119435012623; animation-delay: 0.284833s;"> </div>

<div class="star" style="left: 11.622%; top: 92.7954%; width: 1.65207px; height: 1.65207px; --d: 3.3107423031960246s; --o: 0.9346340934018305; animation-delay: 3.65512s;"> </div>

<div class="star" style="left: 51.1499%; top: 52.5581%; width: 0.8109px; height: 0.8109px; --d: 5.515031520013127s; --o: 0.7797253925588941; animation-delay: 4.79309s;"> </div>

<div class="star" style="left: 45.7789%; top: 83.8413%; width: 1.51578px; height: 1.51578px; --d: 6.782622201724127s; --o: 0.8630960145090687; animation-delay: 1.4281s;"> </div>

<div class="star" style="left: 86.3232%; top: 6.74567%; width: 2.32786px; height: 2.32786px; --d: 4.471973801091144s; --o: 0.9139151335981051; animation-delay: 0.590444s;"> </div>

<div class="star" style="left: 6.87845%; top: 35.841%; width: 1.23884px; height: 1.23884px; --d: 2.969262662150896s; --o: 0.8906053045508613; animation-delay: 2.83366s;"> </div>

<div class="star" style="left: 65.3729%; top: 50.046%; width: 1.0239px; height: 1.0239px; --d: 6.288476699124404s; --o: 0.912706072570453; animation-delay: 3.59243s;"> </div>

<div class="star" style="left: 28.9666%; top: 40.4194%; width: 2.323px; height: 2.323px; --d: 4.204804973593832s; --o: 0.7132240401622882; animation-delay: 0.263055s;"> </div>

<div class="star" style="left: 35.5373%; top: 78.2808%; width: 1.27359px; height: 1.27359px; --d: 3.3119984284265787s; --o: 0.32270073878682826; animation-delay: 4.13345s;"> </div>

<div class="star" style="left: 26.8122%; top: 69.5345%; width: 0.950169px; height: 0.950169px; --d: 6.828056148724446s; --o: 0.48160146225204015; animation-delay: 2.16153s;"> </div>

<div class="star" style="left: 18.6636%; top: 21.9113%; width: 1.91774px; height: 1.91774px; --d: 3.0768308462708105s; --o: 0.8947733044518258; animation-delay: 4.00315s;"> </div>

<div class="star" style="left: 27.2776%; top: 26.4288%; width: 1.81104px; height: 1.81104px; --d: 5.960757094853609s; --o: 0.3166871723151121; animation-delay: 2.35577s;"> </div>

<div class="star" style="left: 0.101144%; top: 8.97892%; width: 2.17789px; height: 2.17789px; --d: 5.533306507975551s; --o: 0.34721750169252; animation-delay: 5.59897s;"> </div>

<div class="star" style="left: 98.2392%; top: 22.4165%; width: 0.706859px; height: 0.706859px; --d: 3.783160205295493s; --o: 0.48166020942532317; animation-delay: 3.86214s;"> </div>

<div class="star" style="left: 21.4331%; top: 68.494%; width: 0.952102px; height: 0.952102px; --d: 4.341837290324904s; --o: 0.31760865229076374; animation-delay: 1.54468s;"> </div>

<div class="star" style="left: 41.0251%; top: 22.606%; width: 0.650368px; height: 0.650368px; --d: 6.30205526025871s; --o: 0.7605127128700699; animation-delay: 2.3663s;"> </div>

<div class="star" style="left: 81.3879%; top: 51.221%; width: 2.31464px; height: 2.31464px; --d: 6.347591912198957s; --o: 0.5924910956740679; animation-delay: 1.43164s;"> </div>

<div class="star" style="left: 97.4046%; top: 67.8067%; width: 1.083px; height: 1.083px; --d: 3.738404017865374s; --o: 0.5466333152933517; animation-delay: 3.70647s;"> </div>

<div class="star" style="left: 82.9713%; top: 70.314%; width: 1.01879px; height: 1.01879px; --d: 5.87053670691501s; --o: 0.7936433602797179; animation-delay: 2.88883s;"> </div>

<div class="star" style="left: 51.6122%; top: 84.1584%; width: 0.512875px; height: 0.512875px; --d: 6.621550202844173s; --o: 0.8820425489810033; animation-delay: 4.79601s;"> </div>

<div class="star" style="left: 31.3027%; top: 41.7296%; width: 1.66191px; height: 1.66191px; --d: 6.225672922824186s; --o: 0.7803263509064968; animation-delay: 4.54796s;"> </div>

<div class="star" style="left: 12.1658%; top: 20.7115%; width: 0.637852px; height: 0.637852px; --d: 5.453489820084311s; --o: 0.773683546246908; animation-delay: 2.0277s;"> </div>

<div class="star" style="left: 63.5784%; top: 4.81588%; width: 0.710413px; height: 0.710413px; --d: 4.109175373296312s; --o: 0.7824257531618444; animation-delay: 1.32784s;"> </div>

<div class="star" style="left: 72.8061%; top: 19.0568%; width: 1.17336px; height: 1.17336px; --d: 5.2247341743787405s; --o: 0.7022509558045178; animation-delay: 0.654826s;"> </div>

<div class="star" style="left: 15.9737%; top: 15.9673%; width: 2.07658px; height: 2.07658px; --d: 5.672364199786919s; --o: 0.7991722523934306; animation-delay: 0.875827s;"> </div>

<div class="star" style="left: 77.0481%; top: 8.28087%; width: 2.15979px; height: 2.15979px; --d: 2.5541186329889807s; --o: 0.940197134541678; animation-delay: 1.66042s;"> </div>

<div class="star" style="left: 4.72426%; top: 94.1711%; width: 1.98451px; height: 1.98451px; --d: 5.44668012689972s; --o: 0.39334383051981076; animation-delay: 5.87214s;"> </div>

<div class="star" style="left: 83.6974%; top: 27.9526%; width: 1.47845px; height: 1.47845px; --d: 5.0803109809405305s; --o: 0.3266143273326877; animation-delay: 5.03055s;"> </div>

<div class="star" style="left: 46.3561%; top: 6.67743%; width: 0.876136px; height: 0.876136px; --d: 2.2895185617043006s; --o: 0.36894941560145544; animation-delay: 5.50513s;"> </div>

<div class="star" style="left: 59.1033%; top: 46.4301%; width: 1.5138px; height: 1.5138px; --d: 3.883758606455839s; --o: 0.9079076717445134; animation-delay: 1.5166s;"> </div>

<div class="star" style="left: 25.3738%; top: 80.731%; width: 2.00976px; height: 2.00976px; --d: 3.022878045258071s; --o: 0.4776805595742741; animation-delay: 1.09237s;"> </div>

<div class="star" style="left: 99.4617%; top: 53.1422%; width: 1.82307px; height: 1.82307px; --d: 4.739047936242844s; --o: 0.771829416811747; animation-delay: 0.541487s;"> </div>

<div class="star" style="left: 80.2253%; top: 95.8714%; width: 1.98033px; height: 1.98033px; --d: 6.420811670883447s; --o: 0.4568926893024209; animation-delay: 5.11944s;"> </div>

<div class="star" style="left: 16.1616%; top: 16.647%; width: 1.12708px; height: 1.12708px; --d: 4.9754385839029975s; --o: 0.7640805287317061; animation-delay: 3.83929s;"> </div>

<div class="star" style="left: 64.6314%; top: 66.0962%; width: 1.27794px; height: 1.27794px; --d: 5.633399809857291s; --o: 0.44046048126304954; animation-delay: 5.37508s;"> </div>

<div class="star" style="left: 67.597%; top: 97.2702%; width: 0.809463px; height: 0.809463px; --d: 2.221707971380272s; --o: 0.37348589281054284; animation-delay: 2.35505s;"> </div>

<div class="star" style="left: 51.3446%; top: 1.50413%; width: 1.07866px; height: 1.07866px; --d: 2.860320505268299s; --o: 0.4558374335265585; animation-delay: 1.39332s;"> </div>

<div class="star" style="left: 79.603%; top: 67.4864%; width: 0.864493px; height: 0.864493px; --d: 6.9424534159185995s; --o: 0.8249537335261401; animation-delay: 3.21472s;"> </div>

<div class="star" style="left: 2.40851%; top: 24.6231%; width: 2.09543px; height: 2.09543px; --d: 5.40953978808663s; --o: 0.3004847884832746; animation-delay: 1.97493s;"> </div>

<div class="star" style="left: 8.46048%; top: 21.3811%; width: 0.750696px; height: 0.750696px; --d: 5.259088121540307s; --o: 0.904174652170759; animation-delay: 1.03639s;"> </div>

<div class="star" style="left: 36.5069%; top: 48.0395%; width: 2.14968px; height: 2.14968px; --d: 4.749166825764986s; --o: 0.6810491537787304; animation-delay: 1.76948s;"> </div>

<div class="star" style="left: 18.6121%; top: 87.4573%; width: 2.02777px; height: 2.02777px; --d: 4.885807073888354s; --o: 0.4245479520249037; animation-delay: 4.48029s;"> </div>

<div class="star" style="left: 93.2064%; top: 47.6232%; width: 0.504392px; height: 0.504392px; --d: 4.449451130182094s; --o: 0.3822984333887525; animation-delay: 0.232398s;"> </div>

<div class="star" style="left: 22.9598%; top: 58.6452%; width: 1.30746px; height: 1.30746px; --d: 4.140432494307883s; --o: 0.7082704209538395; animation-delay: 0.246766s;"> </div>

<div class="star" style="left: 53.8002%; top: 89.993%; width: 2.31603px; height: 2.31603px; --d: 3.2374169203411727s; --o: 0.8165087850912272; animation-delay: 3.28594s;"> </div>

<div class="star" style="left: 55.4231%; top: 82.6903%; width: 0.634876px; height: 0.634876px; --d: 4.936820572510698s; --o: 0.8861267392379666; animation-delay: 1.98255s;"> </div>

<div class="star" style="left: 6.0573%; top: 55.2233%; width: 1.73901px; height: 1.73901px; --d: 4.123781413262414s; --o: 0.7745021045441773; animation-delay: 5.41581s;"> </div>

<div class="star" style="left: 4.35838%; top: 72.4909%; width: 1.48649px; height: 1.48649px; --d: 6.252842011449927s; --o: 0.664876956328666; animation-delay: 4.28833s;"> </div>

<div class="star" style="left: 58.6747%; top: 55.6679%; width: 1.86732px; height: 1.86732px; --d: 6.0863339767399545s; --o: 0.37636397187768605; animation-delay: 0.882877s;"> </div>

<div class="star" style="left: 64.1489%; top: 48.3113%; width: 2.32485px; height: 2.32485px; --d: 6.821846411478183s; --o: 0.31916052835843534; animation-delay: 3.18855s;"> </div>

<div class="star" style="left: 33.6393%; top: 30.302%; width: 1.10552px; height: 1.10552px; --d: 5.931518294903871s; --o: 0.8570675991484225; animation-delay: 0.242158s;"> </div>

<div class="star" style="left: 3.95002%; top: 69.8128%; width: 1.036px; height: 1.036px; --d: 4.8783124656086585s; --o: 0.6793863111504614; animation-delay: 3.87178s;"> </div>

<div class="star" style="left: 21.3959%; top: 5.8011%; width: 1.37069px; height: 1.37069px; --d: 5.671082248348185s; --o: 0.5106777087048538; animation-delay: 3.73433s;"> </div>

<div class="star" style="left: 68.4466%; top: 75.8493%; width: 1.4194px; height: 1.4194px; --d: 4.355664740231001s; --o: 0.38406481239371343; animation-delay: 5.0671s;"> </div>

<div class="star" style="left: 84.9804%; top: 15.8731%; width: 0.836551px; height: 0.836551px; --d: 3.9657851620285482s; --o: 0.5527719022530286; animation-delay: 4.4109s;"> </div>

<div class="star" style="left: 89.8449%; top: 52.9779%; width: 1.49097px; height: 1.49097px; --d: 5.169952069443096s; --o: 0.352809200104825; animation-delay: 3.89779s;"> </div>

<div class="star" style="left: 99.4077%; top: 92.2027%; width: 1.51222px; height: 1.51222px; --d: 2.491359933382613s; --o: 0.5538271486997663; animation-delay: 2.85977s;"> </div>

<div class="star" style="left: 18.5541%; top: 88.3303%; width: 0.54669px; height: 0.54669px; --d: 5.107029244526707s; --o: 0.6723702937090932; animation-delay: 5.63526s;"> </div>

<div class="star" style="left: 82.5553%; top: 17.2514%; width: 0.811531px; height: 0.811531px; --d: 5.133836855730798s; --o: 0.7854933183120192; animation-delay: 3.08354s;"> </div>

<div class="star" style="left: 56.5902%; top: 69.7424%; width: 2.03044px; height: 2.03044px; --d: 6.150098359816365s; --o: 0.5438935322801375; animation-delay: 0.123648s;"> </div>

<div class="star" style="left: 21.7028%; top: 3.05884%; width: 2.15654px; height: 2.15654px; --d: 4.483194658724383s; --o: 0.8285722372107824; animation-delay: 3.71883s;"> </div>

<div class="star" style="left: 49.2014%; top: 93.3959%; width: 2.41439px; height: 2.41439px; --d: 5.724937333276354s; --o: 0.6463347633176719; animation-delay: 3.63335s;"> </div>

<div class="star" style="left: 60.1693%; top: 88.3837%; width: 2.00348px; height: 2.00348px; --d: 4.685154523351477s; --o: 0.9612709977033473; animation-delay: 2.51186s;"> </div>

<div class="star" style="left: 40.7135%; top: 17.2588%; width: 1.96372px; height: 1.96372px; --d: 2.9928656785544905s; --o: 0.7276338245850548; animation-delay: 3.62937s;"> </div>

<div class="star" style="left: 65.1135%; top: 0.588255%; width: 1.15678px; height: 1.15678px; --d: 6.345476320778482s; --o: 0.4738016568659092; animation-delay: 3.25814s;"> </div>

<div class="star" style="left: 75.7798%; top: 76.8075%; width: 2.10346px; height: 2.10346px; --d: 5.866975885186731s; --o: 0.5740835118979398; animation-delay: 2.34831s;"> </div>

<div class="star" style="left: 5.85612%; top: 92.989%; width: 1.96611px; height: 1.96611px; --d: 5.757664492740451s; --o: 0.6513667966993844; animation-delay: 4.26566s;"> </div>

<div class="star" style="left: 18.4313%; top: 75.0691%; width: 1.14204px; height: 1.14204px; --d: 2.613712337420303s; --o: 0.6729364052990592; animation-delay: 0.372926s;"> </div>

<div class="star" style="left: 18.7149%; top: 64.6002%; width: 0.775802px; height: 0.775802px; --d: 3.705794264285205s; --o: 0.47140402493976724; animation-delay: 0.218151s;"> </div>

<div class="star" style="left: 5.48214%; top: 53.1732%; width: 1.4192px; height: 1.4192px; --d: 5.404376386399734s; --o: 0.8618108263360531; animation-delay: 0.434895s;"> </div>

<div class="star" style="left: 83.4943%; top: 73.6615%; width: 0.895561px; height: 0.895561px; --d: 3.954536144017316s; --o: 0.7251625245374729; animation-delay: 2.60867s;"> </div>

<div class="star" style="left: 65.5422%; top: 26.9354%; width: 1.76922px; height: 1.76922px; --d: 5.441948227261557s; --o: 0.46459662513680666; animation-delay: 4.16906s;"> </div>

<div class="star" style="left: 84.6646%; top: 87.4549%; width: 0.53472px; height: 0.53472px; --d: 5.7622229906764115s; --o: 0.9928812507636116; animation-delay: 3.39035s;"> </div>

<div class="star" style="left: 27.0406%; top: 65.3629%; width: 1.17802px; height: 1.17802px; --d: 6.944386247190863s; --o: 0.4833023524027035; animation-delay: 5.32752s;"> </div>

<div class="star" style="left: 21.9761%; top: 77.2877%; width: 2.05604px; height: 2.05604px; --d: 6.321172646403176s; --o: 0.9890338245218762; animation-delay: 1.6939s;"> </div>

<div class="star" style="left: 25.2957%; top: 50.8316%; width: 2.44941px; height: 2.44941px; --d: 4.322994977449991s; --o: 0.53610751359288; animation-delay: 4.68486s;"> </div>

<div class="star" style="left: 19.8395%; top: 9.87974%; width: 2.41px; height: 2.41px; --d: 2.161588736207272s; --o: 0.7833887539703872; animation-delay: 1.06348s;"> </div>

<div class="star" style="left: 6.62527%; top: 38.306%; width: 1.84533px; height: 1.84533px; --d: 6.266060728566629s; --o: 0.7335610482636865; animation-delay: 2.94393s;"> </div>

<div class="star" style="left: 79.8517%; top: 60.6305%; width: 2.4381px; height: 2.4381px; --d: 5.928236354231032s; --o: 0.9176022282002974; animation-delay: 3.67778s;"> </div>

<div class="star" style="left: 38.1483%; top: 84.8093%; width: 1.87752px; height: 1.87752px; --d: 2.935803224435144s; --o: 0.8913804928774904; animation-delay: 1.75863s;"> </div>

<div class="star" style="left: 17.8716%; top: 73.1152%; width: 1.26131px; height: 1.26131px; --d: 6.3856899053053295s; --o: 0.3512465897789059; animation-delay: 0.20931s;"> </div>

<div class="star" style="left: 42.0129%; top: 28.6592%; width: 1.04316px; height: 1.04316px; --d: 5.711218165237577s; --o: 0.9537228662047188; animation-delay: 3.00479s;"> </div>

<div class="star" style="left: 68.6366%; top: 84.8891%; width: 2.46173px; height: 2.46173px; --d: 4.460997359531705s; --o: 0.32661138403470336; animation-delay: 4.26672s;"> </div>

<div class="star" style="left: 25.5806%; top: 7.6731%; width: 0.641118px; height: 0.641118px; --d: 6.992501534189662s; --o: 0.40731910870149735; animation-delay: 4.72907s;"> </div>

<div class="star" style="left: 89.2616%; top: 74.2696%; width: 0.545981px; height: 0.545981px; --d: 4.669225896122978s; --o: 0.7716043463697473; animation-delay: 2.79945s;"> </div>

<div class="star" style="left: 69.2523%; top: 40.0255%; width: 1.1072px; height: 1.1072px; --d: 2.5181484799698306s; --o: 0.6739483187241326; animation-delay: 3.84704s;"> </div>

<div class="star" style="left: 50.6993%; top: 20.7699%; width: 1.11639px; height: 1.11639px; --d: 2.141987998401485s; --o: 0.8751347816536192; animation-delay: 5.73979s;"> </div>

<div class="star" style="left: 21.4903%; top: 51.4345%; width: 0.950787px; height: 0.950787px; --d: 4.177675434292581s; --o: 0.9581830242565466; animation-delay: 4.53921s;"> </div>

<div class="star" style="left: 18.9819%; top: 72.9249%; width: 0.50065px; height: 0.50065px; --d: 3.226855937053506s; --o: 0.6505534185240445; animation-delay: 2.48024s;"> </div>

<div class="star" style="left: 55.8937%; top: 73.1337%; width: 2.18062px; height: 2.18062px; --d: 6.027044414369866s; --o: 0.9530105141590985; animation-delay: 2.2003s;"> </div>

<div class="star" style="left: 76.784%; top: 95.9754%; width: 2.11172px; height: 2.11172px; --d: 4.014039730669826s; --o: 0.4478293014585818; animation-delay: 2.12646s;"> </div>

<div class="star" style="left: 97.2841%; top: 94.5122%; width: 0.670688px; height: 0.670688px; --d: 2.0758952577174843s; --o: 0.9383322967018413; animation-delay: 4.10011s;"> </div>

<div class="star" style="left: 48.0931%; top: 96.659%; width: 2.27394px; height: 2.27394px; --d: 2.8908088824688583s; --o: 0.7443696650823105; animation-delay: 3.24474s;"> </div>

<div class="star" style="left: 41.5844%; top: 32.9986%; width: 0.974327px; height: 0.974327px; --d: 6.50961707884113s; --o: 0.71219751700736; animation-delay: 3.15214s;"> </div>

<div class="star" style="left: 49.8321%; top: 40.9807%; width: 1.02979px; height: 1.02979px; --d: 3.108664541854798s; --o: 0.5056457459096544; animation-delay: 4.9398s;"> </div>

<div class="star" style="left: 37.0872%; top: 9.62056%; width: 2.35832px; height: 2.35832px; --d: 4.993885798840795s; --o: 0.483512188512195; animation-delay: 4.87634s;"> </div>

<div class="star" style="left: 21.1416%; top: 84.3081%; width: 2.46521px; height: 2.46521px; --d: 5.8243419629491715s; --o: 0.4926620959010194; animation-delay: 3.97613s;"> </div>

<div class="star" style="left: 60.7613%; top: 23.8707%; width: 1.47939px; height: 1.47939px; --d: 6.287114452497431s; --o: 0.5005171618149264; animation-delay: 1.82434s;"> </div>

<div class="star" style="left: 34.944%; top: 1.97066%; width: 0.888248px; height: 0.888248px; --d: 4.8344220165385785s; --o: 0.3116457444072863; animation-delay: 3.86652s;"> </div>

<div class="star" style="left: 89.73%; top: 88.246%; width: 0.560187px; height: 0.560187px; --d: 6.993587845433225s; --o: 0.7699983598148505; animation-delay: 2.6228s;"> </div>

<div class="star" style="left: 48.3973%; top: 87.1536%; width: 0.951481px; height: 0.951481px; --d: 4.910245694860951s; --o: 0.34473513992140514; animation-delay: 1.81753s;"> </div>

<div class="star" style="left: 74.3641%; top: 85.3546%; width: 1.58746px; height: 1.58746px; --d: 3.0283667513030323s; --o: 0.42120913859854187; animation-delay: 3.15664s;"> </div>

<div class="star" style="left: 90.0397%; top: 80.8814%; width: 1.87615px; height: 1.87615px; --d: 6.831200132152856s; --o: 0.31430374333999617; animation-delay: 1.17634s;"> </div>

<div class="star" style="left: 31.2822%; top: 8.15788%; width: 2.08093px; height: 2.08093px; --d: 2.509898789297503s; --o: 0.5314237872181644; animation-delay: 1.18327s;"> </div>

<div class="star" style="left: 35.1055%; top: 74.5209%; width: 1.17095px; height: 1.17095px; --d: 6.444126817115755s; --o: 0.5962550880361116; animation-delay: 1.89873s;"> </div>

<div class="star" style="left: 70.7473%; top: 53.536%; width: 2.09917px; height: 2.09917px; --d: 4.444768722011355s; --o: 0.6111482678772717; animation-delay: 3.41118s;"> </div>

<div class="star" style="left: 55.4001%; top: 46.3495%; width: 0.620585px; height: 0.620585px; --d: 3.1257358298554894s; --o: 0.6849765841017782; animation-delay: 5.1045s;"> </div>

<div class="star" style="left: 97.9223%; top: 37.6684%; width: 1.69443px; height: 1.69443px; --d: 3.33450977886132s; --o: 0.7768929808599332; animation-delay: 5.85136s;"> </div>

<div class="star" style="left: 29.9648%; top: 92.4083%; width: 1.55799px; height: 1.55799px; --d: 3.234971656525652s; --o: 0.41147114815266717; animation-delay: 5.01413s;"> </div>

<div class="star" style="left: 69.3232%; top: 97.8289%; width: 0.553871px; height: 0.553871px; --d: 2.8139849457507187s; --o: 0.36583961488103667; animation-delay: 3.8172s;"> </div>

<div class="star" style="left: 14.9546%; top: 58.3112%; width: 1.35735px; height: 1.35735px; --d: 4.791407630041594s; --o: 0.6375403934902858; animation-delay: 4.97146s;"> </div>

<div class="star" style="left: 73.8067%; top: 35.2227%; width: 1.75644px; height: 1.75644px; --d: 4.387209751177686s; --o: 0.5677541888704193; animation-delay: 3.23839s;"> </div>

<div class="star" style="left: 66.6188%; top: 52.0545%; width: 1.1742px; height: 1.1742px; --d: 4.7737982272957025s; --o: 0.8779098631006605; animation-delay: 5.38035s;"> </div>

<div class="star" style="left: 60.3536%; top: 79.1367%; width: 2.49503px; height: 2.49503px; --d: 3.283968881838982s; --o: 0.450629094263156; animation-delay: 5.59799s;"> </div>

<div class="star" style="left: 59.587%; top: 31.103%; width: 1.36248px; height: 1.36248px; --d: 5.901868352126014s; --o: 0.7787517965523343; animation-delay: 2.16712s;"> </div>

<div class="star" style="left: 34.2417%; top: 86.2243%; width: 2.15633px; height: 2.15633px; --d: 5.1515830271252705s; --o: 0.8363464712105582; animation-delay: 3.95789s;"> </div>

<div class="star" style="left: 45.8459%; top: 89.474%; width: 1.36073px; height: 1.36073px; --d: 3.217754144913636s; --o: 0.750586888121674; animation-delay: 0.853062s;"> </div>

<div class="star" style="left: 27.4359%; top: 74.316%; width: 2.02778px; height: 2.02778px; --d: 3.060085739584496s; --o: 0.9762373981110899; animation-delay: 3.71112s;"> </div>

<div class="star" style="left: 59.8438%; top: 32.7731%; width: 1.0178px; height: 1.0178px; --d: 6.499466335433648s; --o: 0.3485963687753886; animation-delay: 2.95873s;"> </div>

<div class="star" style="left: 54.207%; top: 36.2975%; width: 0.834971px; height: 0.834971px; --d: 3.3734534130720384s; --o: 0.41840860471319663; animation-delay: 1.48067s;"> </div>

<div class="star" style="left: 27.9456%; top: 59.8599%; width: 2.40176px; height: 2.40176px; --d: 6.692944093583688s; --o: 0.48577320977648614; animation-delay: 2.53334s;"> </div>

<div class="star" style="left: 34.6821%; top: 96.884%; width: 1.41081px; height: 1.41081px; --d: 6.402383114010241s; --o: 0.8838395307231754; animation-delay: 1.62952s;"> </div>

<div class="star" style="left: 49.333%; top: 56.7497%; width: 1.44674px; height: 1.44674px; --d: 2.3303098728143192s; --o: 0.7508932356319586; animation-delay: 3.60389s;"> </div>

<div class="star" style="left: 10.4309%; top: 33.6216%; width: 1.83576px; height: 1.83576px; --d: 4.219309447619145s; --o: 0.6332879075405933; animation-delay: 5.42782s;"> </div>

<div class="star" style="left: 55.7041%; top: 47.3503%; width: 1.70429px; height: 1.70429px; --d: 3.8123581567660016s; --o: 0.7057372098394001; animation-delay: 4.12689s;"> </div>

<div class="star" style="left: 24.0476%; top: 81.5009%; width: 2.33964px; height: 2.33964px; --d: 5.925452702741557s; --o: 0.8205620052984144; animation-delay: 4.72323s;"> </div>

<div class="star" style="left: 89.7328%; top: 4.31636%; width: 1.72786px; height: 1.72786px; --d: 2.3545552051792344s; --o: 0.977556713365443; animation-delay: 3.07163s;"> </div>

<div class="star" style="left: 52.4472%; top: 43.0035%; width: 2.13243px; height: 2.13243px; --d: 4.115245751284252s; --o: 0.6090966493606487; animation-delay: 5.90085s;"> </div>

<div class="star" style="left: 38.5903%; top: 59.6281%; width: 0.996376px; height: 0.996376px; --d: 3.859299637921809s; --o: 0.9741613589214719; animation-delay: 3.30324s;"> </div>

<div class="star" style="left: 27.3899%; top: 79.5104%; width: 0.967495px; height: 0.967495px; --d: 5.341827023923897s; --o: 0.5844987066675283; animation-delay: 5.29346s;"> </div>

<div class="star" style="left: 24.9374%; top: 90.6568%; width: 2.22771px; height: 2.22771px; --d: 2.646065750403808s; --o: 0.681277766734984; animation-delay: 4.67893s;"> </div>

<div class="star" style="left: 51.1682%; top: 82.0771%; width: 1.36859px; height: 1.36859px; --d: 3.895000230923722s; --o: 0.6630743817830044; animation-delay: 5.7548s;"> </div>

<div class="star" style="left: 58.8734%; top: 38.1429%; width: 0.835371px; height: 0.835371px; --d: 6.5037249560913s; --o: 0.9550222016042389; animation-delay: 3.32603s;"> </div>

<div class="star" style="left: 28.009%; top: 21.5813%; width: 0.668282px; height: 0.668282px; --d: 6.676767587881607s; --o: 0.3597148914604654; animation-delay: 4.65044s;"> </div>

<div class="star" style="left: 62.8921%; top: 24.3596%; width: 2.31119px; height: 2.31119px; --d: 6.4426079236735s; --o: 0.472755594805175; animation-delay: 1.13332s;"> </div>

<div class="star" style="left: 92.002%; top: 83.968%; width: 1.29468px; height: 1.29468px; --d: 3.1758968601351016s; --o: 0.4987356187093599; animation-delay: 4.21357s;"> </div>

<div class="star" style="left: 20.2501%; top: 22.7658%; width: 2.01646px; height: 2.01646px; --d: 6.7469038023530254s; --o: 0.5921764297841146; animation-delay: 4.7606s;"> </div>

<div class="star" style="left: 18.5034%; top: 96.3129%; width: 2.42016px; height: 2.42016px; --d: 3.138734563752558s; --o: 0.6531921851159589; animation-delay: 0.451436s;"> </div>

<div class="star" style="left: 30.3111%; top: 38.8767%; width: 0.955745px; height: 0.955745px; --d: 2.9028978102572784s; --o: 0.6276520195584658; animation-delay: 4.56553s;"> </div>

<div class="star" style="left: 31.5944%; top: 8.49313%; width: 1.5713px; height: 1.5713px; --d: 5.614630224822397s; --o: 0.7654076012391692; animation-delay: 1.67056s;"> </div>

<div class="star" style="left: 59.8332%; top: 44.8163%; width: 2.16468px; height: 2.16468px; --d: 5.848942544922488s; --o: 0.4995477064507895; animation-delay: 0.801855s;"> </div>

<div class="star" style="left: 77.2172%; top: 41.3047%; width: 0.969305px; height: 0.969305px; --d: 3.1509773440622935s; --o: 0.33818371838837075; animation-delay: 5.33717s;"> </div>

<div class="star" style="left: 64.2501%; top: 92.2477%; width: 1.73925px; height: 1.73925px; --d: 6.166478853681365s; --o: 0.3687274105533678; animation-delay: 1.70814s;"> </div>

<div class="star" style="left: 89.3563%; top: 99.7045%; width: 0.771063px; height: 0.771063px; --d: 4.351401230834536s; --o: 0.4183274166141697; animation-delay: 4.30473s;"> </div>

<div class="star" style="left: 59.0718%; top: 43.9866%; width: 2.42474px; height: 2.42474px; --d: 5.214742441099585s; --o: 0.49183382658577085; animation-delay: 0.16451s;"> </div>

<div class="star" style="left: 40.0941%; top: 5.7121%; width: 1.21015px; height: 1.21015px; --d: 3.8400485959756248s; --o: 0.6506800107344581; animation-delay: 2.92902s;"> </div>

<div class="star" style="left: 0.91455%; top: 14.9959%; width: 1.48514px; height: 1.48514px; --d: 3.113799267892575s; --o: 0.5700034417675314; animation-delay: 1.12232s;"> </div>

<div class="star" style="left: 80.3498%; top: 9.95199%; width: 2.10963px; height: 2.10963px; --d: 6.351076905136129s; --o: 0.30360053011068017; animation-delay: 4.75802s;"> </div>

<div class="star" style="left: 93.7285%; top: 44.0663%; width: 2.19527px; height: 2.19527px; --d: 5.574601286308283s; --o: 0.8552075130775216; animation-delay: 1.17921s;"> </div>

<div class="star" style="left: 49.0926%; top: 10.6696%; width: 1.93159px; height: 1.93159px; --d: 5.885270895754932s; --o: 0.36091658565392787; animation-delay: 1.77178s;"> </div>

<div class="star" style="left: 47.9514%; top: 90.4883%; width: 1.11169px; height: 1.11169px; --d: 6.176013709050713s; --o: 0.8531560608615918; animation-delay: 3.788s;"> </div>

<div class="star" style="left: 88.5583%; top: 84.8877%; width: 0.909376px; height: 0.909376px; --d: 5.4409321904010035s; --o: 0.7706536434044391; animation-delay: 2.20144s;"> </div>

<div class="star" style="left: 92.7803%; top: 90.5511%; width: 2.18707px; height: 2.18707px; --d: 2.407696416487827s; --o: 0.7475289793463282; animation-delay: 2.82784s;"> </div>

<div class="star" style="left: 87.8738%; top: 53.2902%; width: 1.80494px; height: 1.80494px; --d: 3.0437640222988187s; --o: 0.7249373749526022; animation-delay: 1.73827s;"> </div>

<div class="star" style="left: 4.5738%; top: 0.878023%; width: 0.809503px; height: 0.809503px; --d: 5.867446297030928s; --o: 0.41708797359496363; animation-delay: 2.6829s;"> </div>

<div class="star" style="left: 47.4235%; top: 21.1759%; width: 1.38435px; height: 1.38435px; --d: 4.744295409972218s; --o: 0.6788402550508579; animation-delay: 5.42081s;"> </div>

<div class="star" style="left: 92.5371%; top: 55.0618%; width: 2.4195px; height: 2.4195px; --d: 3.1361021772485524s; --o: 0.5451254232337932; animation-delay: 0.19866s;"> </div>

<div class="star" style="left: 85.3204%; top: 54.2023%; width: 2.45758px; height: 2.45758px; --d: 3.9033358732408128s; --o: 0.49323302435924465; animation-delay: 5.41605s;"> </div>

<div class="star" style="left: 2.89637%; top: 80.948%; width: 1.45307px; height: 1.45307px; --d: 3.0787418079125843s; --o: 0.47253221292536707; animation-delay: 4.84371s;"> </div>

<div class="star" style="left: 45.8241%; top: 70.3478%; width: 1.61476px; height: 1.61476px; --d: 5.6918619314567795s; --o: 0.4543208139547864; animation-delay: 1.20223s;"> </div>

<div class="star" style="left: 82.9227%; top: 73.9768%; width: 1.36607px; height: 1.36607px; --d: 6.985862318821866s; --o: 0.8853842610286333; animation-delay: 3.37812s;"> </div>

<div class="star" style="left: 55.4371%; top: 75.5921%; width: 2.11534px; height: 2.11534px; --d: 4.850359692455756s; --o: 0.5987700343824931; animation-delay: 3.90173s;"> </div>

<div class="star" style="left: 78.8173%; top: 2.05507%; width: 2.29573px; height: 2.29573px; --d: 2.8963971821482324s; --o: 0.3037189728695823; animation-delay: 4.58943s;"> </div>

<div class="star" style="left: 41.1918%; top: 34.0508%; width: 0.748236px; height: 0.748236px; --d: 2.907307417907953s; --o: 0.5029277435369687; animation-delay: 1.34818s;"> </div>

<div class="star" style="left: 88.4934%; top: 26.2889%; width: 1.81519px; height: 1.81519px; --d: 4.8913750111662s; --o: 0.6293198001367226; animation-delay: 3.01125s;"> </div>

<div class="star" style="left: 6.37287%; top: 88.1503%; width: 0.780785px; height: 0.780785px; --d: 4.765771607552114s; --o: 0.3791700314150538; animation-delay: 5.0275s;"> </div>

<div class="star" style="left: 20.6755%; top: 54.8127%; width: 1.74019px; height: 1.74019px; --d: 6.24348918400813s; --o: 0.5680007846751098; animation-delay: 1.83084s;"> </div>

<div class="star" style="left: 95.7195%; top: 47.188%; width: 1.67963px; height: 1.67963px; --d: 6.927667662485166s; --o: 0.7165243723422847; animation-delay: 3.79105s;"> </div>

<div class="star" style="left: 85.0686%; top: 98.729%; width: 2.28903px; height: 2.28903px; --d: 6.275810885032016s; --o: 0.48202080029431266; animation-delay: 2.01194s;"> </div>

<div class="star" style="left: 97.0426%; top: 22.852%; width: 1.43814px; height: 1.43814px; --d: 2.515587087025367s; --o: 0.596250954808452; animation-delay: 2.73076s;"> </div>

<div class="star" style="left: 2.0021%; top: 83.8846%; width: 1.08737px; height: 1.08737px; --d: 4.883235658524534s; --o: 0.6105642810157061; animation-delay: 5.91445s;"> </div>

<div class="star" style="left: 16.5003%; top: 40.8694%; width: 1.2791px; height: 1.2791px; --d: 3.1342912808955328s; --o: 0.6249685833792744; animation-delay: 4.4041s;"> </div>

<div class="star" style="left: 9.29379%; top: 94.6524%; width: 2.17057px; height: 2.17057px; --d: 5.888183949896968s; --o: 0.8687059385041442; animation-delay: 2.03642s;"> </div>

<div class="star" style="left: 1.0118%; top: 93.5897%; width: 1.78133px; height: 1.78133px; --d: 6.85565250641354s; --o: 0.5153657264452802; animation-delay: 4.21903s;"> </div>

<div class="star" style="left: 54.2081%; top: 79.4574%; width: 0.595256px; height: 0.595256px; --d: 6.602772099407627s; --o: 0.501758526242314; animation-delay: 0.0716163s;"> </div>

<div class="star" style="left: 4.15471%; top: 25.5396%; width: 0.643853px; height: 0.643853px; --d: 4.1816762000048s; --o: 0.7526856516781685; animation-delay: 1.89156s;"> </div>

<div class="star" style="left: 63.6961%; top: 68.6657%; width: 1.45521px; height: 1.45521px; --d: 2.724133344796842s; --o: 0.7482020291675799; animation-delay: 1.51837s;"> </div>

<div class="star" style="left: 30.7046%; top: 83.2626%; width: 1.25062px; height: 1.25062px; --d: 4.842353011827811s; --o: 0.3626631297946355; animation-delay: 4.92996s;"> </div>

<div class="star" style="left: 68.3425%; top: 57.3123%; width: 1.53415px; height: 1.53415px; --d: 4.972466252845753s; --o: 0.8978885053783574; animation-delay: 2.10662s;"> </div>

<div class="star" style="left: 29.1995%; top: 18.9763%; width: 1.77416px; height: 1.77416px; --d: 2.0959136424625626s; --o: 0.7207786385485246; animation-delay: 1.48194s;"> </div>

<div class="star" style="left: 59.1107%; top: 2.4289%; width: 1.92088px; height: 1.92088px; --d: 2.597383566939892s; --o: 0.42072686767578066; animation-delay: 1.26243s;"> </div>

<div class="star" style="left: 88.5393%; top: 18.8214%; width: 1.54791px; height: 1.54791px; --d: 2.9398264382884154s; --o: 0.8567665047895803; animation-delay: 1.21699s;"> </div>

<div class="star" style="left: 73.1601%; top: 15.2488%; width: 1.17475px; height: 1.17475px; --d: 2.8297811153430916s; --o: 0.7852210988288164; animation-delay: 0.482292s;"> </div>

<div class="star" style="left: 38.6198%; top: 3.09152%; width: 1.65775px; height: 1.65775px; --d: 6.110074533424127s; --o: 0.8607193597235769; animation-delay: 5.42307s;"> </div>

<div class="star" style="left: 19.014%; top: 96.7443%; width: 2.22276px; height: 2.22276px; --d: 6.559031656392131s; --o: 0.34405742793348176; animation-delay: 3.55603s;"> </div>

<div class="star" style="left: 63.621%; top: 27.159%; width: 1.78228px; height: 1.78228px; --d: 2.978849789733318s; --o: 0.9096732449531786; animation-delay: 2.59559s;"> </div>

<div class="star" style="left: 92.4535%; top: 30.2613%; width: 1.29652px; height: 1.29652px; --d: 5.020452200761424s; --o: 0.9792475599151558; animation-delay: 4.74382s;"> </div>

<div class="star" style="left: 79.463%; top: 64.7527%; width: 1.90531px; height: 1.90531px; --d: 4.0196662632180935s; --o: 0.6062691778265169; animation-delay: 0.768704s;"> </div>

<div class="star" style="left: 5.45876%; top: 7.10224%; width: 2.41005px; height: 2.41005px; --d: 3.0382699571856717s; --o: 0.7606159833106032; animation-delay: 2.53066s;"> </div>

<div class="star" style="left: 28.7493%; top: 0.133197%; width: 1.97143px; height: 1.97143px; --d: 4.236938019721361s; --o: 0.5252309873111739; animation-delay: 3.02748s;"> </div>

<div class="star" style="left: 77.3453%; top: 44.914%; width: 0.92737px; height: 0.92737px; --d: 5.6932629716422305s; --o: 0.45619174730214374; animation-delay: 3.05404s;"> </div>

<div class="star" style="left: 54.0706%; top: 20.401%; width: 2.38617px; height: 2.38617px; --d: 4.064899057484952s; --o: 0.45191585832245906; animation-delay: 4.27142s;"> </div>

<div class="star" style="left: 87.1287%; top: 92.2777%; width: 2.49027px; height: 2.49027px; --d: 3.9358935441446823s; --o: 0.9075660092315541; animation-delay: 0.138472s;"> </div>

<div class="star" style="left: 41.0784%; top: 66.7905%; width: 2.4816px; height: 2.4816px; --d: 5.112763511991683s; --o: 0.546339293062172; animation-delay: 2.50986s;"> </div>

<div class="star" style="left: 10.5981%; top: 17.868%; width: 0.871244px; height: 0.871244px; --d: 6.795967854031867s; --o: 0.37806245011931283; animation-delay: 1.32449s;"> </div>

<div class="star" style="left: 5.20868%; top: 57.0282%; width: 2.08206px; height: 2.08206px; --d: 2.104766188373783s; --o: 0.38668616994898364; animation-delay: 2.37175s;"> </div>

<div class="star" style="left: 2.79556%; top: 65.4401%; width: 1.75792px; height: 1.75792px; --d: 2.0123759353705646s; --o: 0.4056816726132303; animation-delay: 0.77605s;"> </div>

<div class="star" style="left: 10.2907%; top: 88.3416%; width: 1.44831px; height: 1.44831px; --d: 6.428395585022407s; --o: 0.7684648792832767; animation-delay: 1.84447s;"> </div>

<div class="star" style="left: 56.7214%; top: 97.71%; width: 0.657628px; height: 0.657628px; --d: 2.9531708256755627s; --o: 0.3393504316753916; animation-delay: 2.42739s;"> </div>

<div class="star" style="left: 50.3718%; top: 29.9746%; width: 0.635091px; height: 0.635091px; --d: 6.858656108816334s; --o: 0.6968697403772379; animation-delay: 1.17172s;"> </div>

<div class="star" style="left: 59.8138%; top: 88.8846%; width: 1.31292px; height: 1.31292px; --d: 2.750449998303227s; --o: 0.8559424198496686; animation-delay: 1.23391s;"> </div>

<div class="star" style="left: 88.3973%; top: 43.3146%; width: 0.702387px; height: 0.702387px; --d: 6.85065189186479s; --o: 0.5840559730723914; animation-delay: 5.52103s;"> </div>

<div class="star" style="left: 40.9903%; top: 63.0413%; width: 0.564764px; height: 0.564764px; --d: 5.18302784688272s; --o: 0.49429443792069777; animation-delay: 4.75096s;"> </div>

<div class="star" style="left: 83.3658%; top: 36.9935%; width: 2.08098px; height: 2.08098px; --d: 2.5097848623642705s; --o: 0.7167172179087026; animation-delay: 1.15737s;"> </div>

<div class="star" style="left: 3.59498%; top: 39.7054%; width: 2.27337px; height: 2.27337px; --d: 3.50022406340093s; --o: 0.5294482138112624; animation-delay: 3.3751s;"> </div>

<div class="star" style="left: 42.1339%; top: 68.3096%; width: 2.35964px; height: 2.35964px; --d: 3.907718953553613s; --o: 0.44564558453328146; animation-delay: 3.53319s;"> </div>

<div class="star" style="left: 49.427%; top: 48.6929%; width: 2.35572px; height: 2.35572px; --d: 3.3481258063595067s; --o: 0.49820058937614353; animation-delay: 5.37654s;"> </div>

<div class="star" style="left: 57.683%; top: 77.777%; width: 0.792537px; height: 0.792537px; --d: 6.917236435160764s; --o: 0.7089045213743348; animation-delay: 1.88099s;"> </div>

<div class="star" style="left: 62.3952%; top: 74.0811%; width: 1.81924px; height: 1.81924px; --d: 5.07361513248917s; --o: 0.9165404802322519; animation-delay: 2.88978s;"> </div>

<div class="star" style="left: 24.7669%; top: 90.9423%; width: 2.29425px; height: 2.29425px; --d: 5.1809204454117275s; --o: 0.37520648274479873; animation-delay: 1.5307s;"> </div>

<div class="star" style="left: 52.4658%; top: 98.9186%; width: 0.938129px; height: 0.938129px; --d: 6.70571488610559s; --o: 0.42641617144758054; animation-delay: 4.82019s;"> </div>

<div class="star" style="left: 12.7896%; top: 0.508779%; width: 1.8257px; height: 1.8257px; --d: 6.453625067881134s; --o: 0.7875546699889466; animation-delay: 0.342138s;"> </div>

<div class="star" style="left: 85.4624%; top: 42.9122%; width: 0.591026px; height: 0.591026px; --d: 6.423276363869567s; --o: 0.970056098193387; animation-delay: 0.681972s;"> </div>

<div class="star" style="left: 86.0073%; top: 60.5632%; width: 1.18476px; height: 1.18476px; --d: 4.36895247743412s; --o: 0.4060573106479912; animation-delay: 1.19483s;"> </div>

<div class="star" style="left: 35.0646%; top: 17.9766%; width: 1.94269px; height: 1.94269px; --d: 6.560111711840394s; --o: 0.8092606538922771; animation-delay: 0.34977s;"> </div>

<div class="star" style="left: 95.0945%; top: 2.06552%; width: 1.67821px; height: 1.67821px; --d: 2.619668248394833s; --o: 0.34306574204009443; animation-delay: 1.07943s;"> </div>

<div class="star" style="left: 9.80014%; top: 93.9233%; width: 2.46011px; height: 2.46011px; --d: 2.8917121817367706s; --o: 0.3730856093760719; animation-delay: 4.60029s;"> </div>

<div class="star" style="left: 20.8753%; top: 67.5424%; width: 2.06969px; height: 2.06969px; --d: 4.799325343432141s; --o: 0.39241798184607973; animation-delay: 5.59165s;"> </div>

<div class="star" style="left: 94.4061%; top: 88.2044%; width: 1.1294px; height: 1.1294px; --d: 6.2167096415381335s; --o: 0.810903610232603; animation-delay: 4.18372s;"> </div>

<div class="star" style="left: 54.2068%; top: 9.0014%; width: 0.773537px; height: 0.773537px; --d: 6.152431580119508s; --o: 0.9084817715349547; animation-delay: 5.84445s;"> </div>

<div class="star" style="left: 13.4153%; top: 4.82721%; width: 0.753846px; height: 0.753846px; --d: 2.883508169139394s; --o: 0.7892848701021224; animation-delay: 0.912144s;"> </div>

<div class="star" style="left: 90.9128%; top: 40.7225%; width: 2.31245px; height: 2.31245px; --d: 3.63848225988463s; --o: 0.834831158459511; animation-delay: 3.23861s;"> </div>

<div class="star" style="left: 85.414%; top: 31.3676%; width: 1.07592px; height: 1.07592px; --d: 5.342844717012538s; --o: 0.41441934923920537; animation-delay: 4.48267s;"> </div>

<div class="star" style="left: 86.0255%; top: 86.6978%; width: 1.34442px; height: 1.34442px; --d: 4.692359927754573s; --o: 0.6413439322583534; animation-delay: 4.04101s;"> </div>

<div class="star" style="left: 34.1894%; top: 74.2587%; width: 1.21222px; height: 1.21222px; --d: 3.66866895077431s; --o: 0.7589364105568503; animation-delay: 3.17456s;"> </div>

<div class="star" style="left: 44.6619%; top: 8.67391%; width: 0.90193px; height: 0.90193px; --d: 4.788815724184093s; --o: 0.9189424826023251; animation-delay: 3.8977s;"> </div>

<div class="star" style="left: 4.93336%; top: 60.0021%; width: 2.28957px; height: 2.28957px; --d: 4.512710698826268s; --o: 0.8620133475483378; animation-delay: 2.06461s;"> </div>

<div class="star" style="left: 4.86479%; top: 55.4836%; width: 1.08017px; height: 1.08017px; --d: 6.4632812611251635s; --o: 0.43853578579648145; animation-delay: 3.35165s;"> </div>

<div class="star" style="left: 14.7934%; top: 27.032%; width: 2.20209px; height: 2.20209px; --d: 6.6123208216737845s; --o: 0.6073686885611368; animation-delay: 4.11488s;"> </div>

<div class="star" style="left: 22.6852%; top: 4.2737%; width: 1.74414px; height: 1.74414px; --d: 3.215399758122274s; --o: 0.8590600158066692; animation-delay: 2.9252s;"> </div>

<div class="star" style="left: 22.7368%; top: 64.1794%; width: 1.29915px; height: 1.29915px; --d: 5.108282506121321s; --o: 0.6234884184379091; animation-delay: 0.187614s;"> </div>

<div class="star" style="left: 35.4447%; top: 13.1188%; width: 0.701798px; height: 0.701798px; --d: 2.5716898536443464s; --o: 0.30929979827588766; animation-delay: 3.18618s;"> </div>

<div class="star" style="left: 78.5463%; top: 25.606%; width: 2.19223px; height: 2.19223px; --d: 6.2594508119202406s; --o: 0.7078832466786509; animation-delay: 3.8077s;"> </div>

<div class="star" style="left: 30.7398%; top: 45.2769%; width: 0.59707px; height: 0.59707px; --d: 2.0649740030753394s; --o: 0.49779043126591627; animation-delay: 4.56661s;"> </div>

<div class="star" style="left: 13.9051%; top: 56.0665%; width: 1.45251px; height: 1.45251px; --d: 6.753072614732171s; --o: 0.6541883551996219; animation-delay: 4.28138s;"> </div>

<div class="star" style="left: 0.862453%; top: 32.4947%; width: 1.53253px; height: 1.53253px; --d: 6.612675671056192s; --o: 0.9782558966567798; animation-delay: 2.71572s;"> </div>

<div class="star" style="left: 32.8014%; top: 32.9737%; width: 1.30562px; height: 1.30562px; --d: 4.07607354278999s; --o: 0.8366877822810945; animation-delay: 3.72917s;"> </div>

<div class="star" style="left: 61.8646%; top: 87.6669%; width: 1.4782px; height: 1.4782px; --d: 3.382548789161884s; --o: 0.7757946196497238; animation-delay: 0.223927s;"> </div>

<div class="star" style="left: 54.9905%; top: 17.4056%; width: 2.39508px; height: 2.39508px; --d: 3.941958825250762s; --o: 0.5500174138657237; animation-delay: 5.38908s;"> </div>

<div class="star" style="left: 59.0131%; top: 78.4779%; width: 2.48557px; height: 2.48557px; --d: 2.3668482206155472s; --o: 0.9794877174308825; animation-delay: 3.89479s;"> </div>

<div class="star" style="left: 43.743%; top: 6.34589%; width: 1.13216px; height: 1.13216px; --d: 2.0584336293951315s; --o: 0.6186052164020124; animation-delay: 1.86028s;"> </div>

<div class="star" style="left: 73.6093%; top: 56.5417%; width: 1.26656px; height: 1.26656px; --d: 4.653741041271229s; --o: 0.8120893015362234; animation-delay: 4.52946s;"> </div>

<div class="star" style="left: 94.659%; top: 92.8424%; width: 2.14499px; height: 2.14499px; --d: 2.7575456645296286s; --o: 0.6764230904684132; animation-delay: 1.87689s;"> </div>

<div class="star" style="left: 77.2071%; top: 86.0662%; width: 1.93891px; height: 1.93891px; --d: 4.78804635648636s; --o: 0.529585581002781; animation-delay: 4.0855s;"> </div>

<div class="star" style="left: 17.6636%; top: 54.2317%; width: 1.54102px; height: 1.54102px; --d: 5.294460585015881s; --o: 0.801817953406764; animation-delay: 4.32348s;"> </div>

<div class="star" style="left: 30.6849%; top: 12.5482%; width: 2.10112px; height: 2.10112px; --d: 3.3118270357574806s; --o: 0.9905989279360967; animation-delay: 2.04185s;"> </div>

<div class="star" style="left: 53.5277%; top: 44.7196%; width: 1.05391px; height: 1.05391px; --d: 4.894023280250555s; --o: 0.6847111885907662; animation-delay: 4.37553s;"> </div>

<div class="star" style="left: 50.798%; top: 87.042%; width: 0.544463px; height: 0.544463px; --d: 5.66085403054588s; --o: 0.7776134607584384; animation-delay: 1.0828s;"> </div>

<div class="star" style="left: 9.01935%; top: 97.155%; width: 1.25304px; height: 1.25304px; --d: 3.937661472152982s; --o: 0.6121206310606262; animation-delay: 1.08117s;"> </div>

<div class="star" style="left: 83.6174%; top: 21.6764%; width: 0.771569px; height: 0.771569px; --d: 5.431490179506876s; --o: 0.9652893023135876; animation-delay: 3.891s;"> </div>

<div class="star" style="left: 23.3457%; top: 59.7883%; width: 1.31882px; height: 1.31882px; --d: 6.961814501433978s; --o: 0.8755234016724309; animation-delay: 2.95944s;"> </div>

<div class="star" style="left: 94.596%; top: 64.2625%; width: 1.33411px; height: 1.33411px; --d: 6.605743897918145s; --o: 0.3675303074666002; animation-delay: 2.5839s;"> </div>

<div class="star" style="left: 74.3798%; top: 64.0817%; width: 1.99081px; height: 1.99081px; --d: 3.9610568912772868s; --o: 0.5006553381338235; animation-delay: 0.918662s;"> </div>

<div class="star" style="left: 83.2956%; top: 38.7325%; width: 2.46662px; height: 2.46662px; --d: 4.1926515400281215s; --o: 0.558988763359721; animation-delay: 4.31068s;"> </div>

<div class="star" style="left: 13.5371%; top: 95.0873%; width: 0.84454px; height: 0.84454px; --d: 3.2935374245169067s; --o: 0.69064280702902; animation-delay: 2.88011s;"> </div>

<div class="star" style="left: 2.5675%; top: 27.1706%; width: 2.10688px; height: 2.10688px; --d: 2.052379231004153s; --o: 0.498334024074237; animation-delay: 5.71708s;"> </div>

<div class="star" style="left: 99.4527%; top: 25.8182%; width: 1.96738px; height: 1.96738px; --d: 3.511328206228918s; --o: 0.45896961355026633; animation-delay: 0.113894s;"> </div>

<div class="star" style="left: 76.3038%; top: 71.5129%; width: 0.831572px; height: 0.831572px; --d: 4.6870465148529235s; --o: 0.7636557974997118; animation-delay: 5.8634s;"> </div>

<div class="star" style="left: 1.01647%; top: 32.9885%; width: 1.64025px; height: 1.64025px; --d: 5.185505177183546s; --o: 0.8177804281907639; animation-delay: 3.16164s;"> </div>

<div class="star" style="left: 53.1098%; top: 67.018%; width: 2.38723px; height: 2.38723px; --d: 6.353340765617241s; --o: 0.6404577076580062; animation-delay: 1.82399s;"> </div>

<div class="star" style="left: 75.8927%; top: 3.45444%; width: 1.46005px; height: 1.46005px; --d: 5.809125713233051s; --o: 0.9973660350110078; animation-delay: 3.06077s;"> </div>

<div class="star" style="left: 87.7384%; top: 22.277%; width: 1.26225px; height: 1.26225px; --d: 5.1199802705558515s; --o: 0.5776891823214546; animation-delay: 2.20252s;"> </div>

<div class="star" style="left: 33.3463%; top: 89.9287%; width: 1.84174px; height: 1.84174px; --d: 3.392596842733398s; --o: 0.8998640787312873; animation-delay: 1.70305s;"> </div>

<div class="star" style="left: 44.9901%; top: 8.39447%; width: 2.02847px; height: 2.02847px; --d: 3.1006045759909617s; --o: 0.4731568246345123; animation-delay: 5.3071s;"> </div>

<div class="star" style="left: 88.9816%; top: 53.9255%; width: 1.14204px; height: 1.14204px; --d: 4.260304574526142s; --o: 0.9475091447996544; animation-delay: 1.21719s;"> </div>

<div class="star" style="left: 46.0987%; top: 98.0425%; width: 0.560103px; height: 0.560103px; --d: 6.4622258109055375s; --o: 0.39723150860483303; animation-delay: 4.13767s;"> </div>

<div class="star" style="left: 81.3101%; top: 47.806%; width: 1.13999px; height: 1.13999px; --d: 6.560164061256329s; --o: 0.8540283324829361; animation-delay: 2.1664s;"> </div>

<div class="star" style="left: 47.6679%; top: 41.9446%; width: 0.650354px; height: 0.650354px; --d: 6.558016564641526s; --o: 0.707148167159773; animation-delay: 0.223659s;"> </div>

<div class="star" style="left: 4.26623%; top: 85.5146%; width: 1.23424px; height: 1.23424px; --d: 4.279850489532638s; --o: 0.9828507736459196; animation-delay: 0.239425s;"> </div>

<div class="star" style="left: 11.9726%; top: 82.5142%; width: 1.6775px; height: 1.6775px; --d: 2.1742330041293547s; --o: 0.3908805402371367; animation-delay: 2.71106s;"> </div>

<div class="star" style="left: 24.9075%; top: 79.437%; width: 1.04519px; height: 1.04519px; --d: 3.1147938395570582s; --o: 0.6599897022060583; animation-delay: 3.54507s;"> </div>

<div class="star" style="left: 99.1986%; top: 80.0758%; width: 1.14738px; height: 1.14738px; --d: 6.136940830538799s; --o: 0.35328134945112244; animation-delay: 3.13997s;"> </div>

<div class="star" style="left: 90.5064%; top: 8.9137%; width: 2.46292px; height: 2.46292px; --d: 2.8283692757921592s; --o: 0.904459916906222; animation-delay: 3.57289s;"> </div>

<div class="star" style="left: 27.7039%; top: 27.5211%; width: 2.47395px; height: 2.47395px; --d: 2.637196826068031s; --o: 0.8853852076779198; animation-delay: 5.30957s;"> </div>

<div class="star" style="left: 96.3094%; top: 42.2464%; width: 0.873139px; height: 0.873139px; --d: 2.920959912676972s; --o: 0.7487096089693379; animation-delay: 2.52325s;"> </div>

<div class="star" style="left: 63.1793%; top: 88.7914%; width: 1.68349px; height: 1.68349px; --d: 2.255281951970213s; --o: 0.7160542023447232; animation-delay: 5.74852s;"> </div>

<div class="star" style="left: 81.7482%; top: 91.9951%; width: 0.627922px; height: 0.627922px; --d: 4.70626213332417s; --o: 0.5017870517354621; animation-delay: 4.64873s;"> </div>

<div class="star" style="left: 96.2931%; top: 38.2134%; width: 0.948115px; height: 0.948115px; --d: 5.2865564512975824s; --o: 0.4836254486843219; animation-delay: 3.33181s;"> </div>

<div class="star" style="left: 6.01482%; top: 92.2717%; width: 1.58788px; height: 1.58788px; --d: 2.9014372890480478s; --o: 0.7413016053932304; animation-delay: 2.26372s;"> </div>

<div class="star" style="left: 46.3851%; top: 17.4367%; width: 1.35339px; height: 1.35339px; --d: 6.2914315818427795s; --o: 0.31945712977227647; animation-delay: 4.17644s;"> </div>

<div class="star" style="left: 85.0488%; top: 66.7612%; width: 0.969459px; height: 0.969459px; --d: 5.492700389147487s; --o: 0.5342375293534191; animation-delay: 0.380285s;"> </div>

<div class="star" style="left: 43.2934%; top: 56.7828%; width: 2.13979px; height: 2.13979px; --d: 6.697593036145876s; --o: 0.8263017552408853; animation-delay: 0.83088s;"> </div>

<div class="star" style="left: 62.6779%; top: 86.6414%; width: 1.04726px; height: 1.04726px; --d: 2.9972793222940894s; --o: 0.9758851153099779; animation-delay: 4.16331s;"> </div>

<div class="star" style="left: 16.9128%; top: 1.18657%; width: 2.33834px; height: 2.33834px; --d: 2.3164593727606806s; --o: 0.5958936739404301; animation-delay: 5.29199s;"> </div>

<div class="star" style="left: 37.2047%; top: 54.226%; width: 2.41334px; height: 2.41334px; --d: 3.0281001335489446s; --o: 0.6105521394510447; animation-delay: 3.47937s;"> </div>

<div class="star" style="left: 7.21908%; top: 33.4079%; width: 0.659024px; height: 0.659024px; --d: 4.489065086831186s; --o: 0.6111048106563728; animation-delay: 3.59041s;"> </div>

<div class="star" style="left: 81.263%; top: 65.9845%; width: 1.55701px; height: 1.55701px; --d: 6.274670477372789s; --o: 0.5254934896771268; animation-delay: 2.51293s;"> </div>

<div class="star" style="left: 44.2922%; top: 12.4147%; width: 0.725604px; height: 0.725604px; --d: 4.853796993655444s; --o: 0.5305050989851757; animation-delay: 4.83096s;"> </div>

<div class="star" style="left: 32.8132%; top: 28.3863%; width: 1.0146px; height: 1.0146px; --d: 6.949556574575641s; --o: 0.6282835684232617; animation-delay: 0.260848s;"> </div>

<div class="star" style="left: 89.3901%; top: 42.6676%; width: 1.76529px; height: 1.76529px; --d: 3.653735070216027s; --o: 0.5358018263056731; animation-delay: 2.44185s;"> </div>

<div class="star" style="left: 96.3896%; top: 12.6849%; width: 0.531905px; height: 0.531905px; --d: 3.3054502962085017s; --o: 0.42648481352259526; animation-delay: 3.14756s;"> </div>

<div class="star" style="left: 29.0592%; top: 22.4125%; width: 2.04828px; height: 2.04828px; --d: 5.139984164814189s; --o: 0.3576445982294297; animation-delay: 4.02384s;"> </div>

<div class="star" style="left: 89.6622%; top: 14.3601%; width: 0.933029px; height: 0.933029px; --d: 2.118048318714844s; --o: 0.6922189490648676; animation-delay: 2.30044s;"> </div>

<div class="star" style="left: 35.6511%; top: 86.1185%; width: 1.37078px; height: 1.37078px; --d: 4.255441366800529s; --o: 0.39703321876761005; animation-delay: 3.50163s;"> </div>

<div class="star" style="left: 60.2368%; top: 30.3145%; width: 1.94591px; height: 1.94591px; --d: 2.5147876711736887s; --o: 0.312910610881378; animation-delay: 4.19528s;"> </div>

<div class="star" style="left: 38.2918%; top: 58.3368%; width: 1.79783px; height: 1.79783px; --d: 3.978769716802884s; --o: 0.7153562370504958; animation-delay: 0.818458s;"> </div>

<div class="star" style="left: 15.2925%; top: 42.6116%; width: 1.64868px; height: 1.64868px; --d: 2.641872206312568s; --o: 0.469613148913518; animation-delay: 1.95639s;"> </div>

<div class="star" style="left: 0.341196%; top: 92.2467%; width: 0.880844px; height: 0.880844px; --d: 4.073504629359714s; --o: 0.36483120266132807; animation-delay: 4.18514s;"> </div>

<div class="star" style="left: 54.5881%; top: 37.1024%; width: 1.91816px; height: 1.91816px; --d: 4.782066326620834s; --o: 0.30178536462382516; animation-delay: 4.69024s;"> </div>

<div class="star" style="left: 44.8365%; top: 49.1162%; width: 0.996805px; height: 0.996805px; --d: 6.706915556214249s; --o: 0.520455335092636; animation-delay: 3.3438s;"> </div>

<div class="star" style="left: 5.36081%; top: 75.5041%; width: 0.755968px; height: 0.755968px; --d: 3.9667952163033053s; --o: 0.5306582698592567; animation-delay: 3.94183s;"> </div>

<div class="star" style="left: 86.9952%; top: 13.7021%; width: 1.15637px; height: 1.15637px; --d: 4.402018911621181s; --o: 0.5760092394120839; animation-delay: 0.734551s;"> </div>

<div class="star" style="left: 85.6516%; top: 36.0294%; width: 2.00026px; height: 2.00026px; --d: 2.9158990780542013s; --o: 0.9203636803640372; animation-delay: 2.87923s;"> </div>

<div class="star" style="left: 30.72%; top: 68.2164%; width: 1.40853px; height: 1.40853px; --d: 5.135621399763849s; --o: 0.6215619734126698; animation-delay: 1.84775s;"> </div>

<div class="star" style="left: 68.4914%; top: 73.8342%; width: 1.61157px; height: 1.61157px; --d: 6.66806047293859s; --o: 0.6714148584344815; animation-delay: 0.34812s;"> </div>

<div class="star" style="left: 21.6886%; top: 98.8053%; width: 1.44155px; height: 1.44155px; --d: 5.256698923243386s; --o: 0.7747692121857142; animation-delay: 1.69283s;"> </div>

<div class="star" style="left: 5.77029%; top: 16.9257%; width: 1.45504px; height: 1.45504px; --d: 4.498036247064587s; --o: 0.4592193570795182; animation-delay: 4.50828s;"> </div>

<div class="star" style="left: 16.581%; top: 64.8818%; width: 0.935448px; height: 0.935448px; --d: 2.5634728887425022s; --o: 0.392990496693145; animation-delay: 5.18406s;"> </div>

<div class="star" style="left: 35.4379%; top: 49.1212%; width: 1.42096px; height: 1.42096px; --d: 3.937992422150923s; --o: 0.6924653847881045; animation-delay: 4.91435s;"> </div>

<div class="star" style="left: 5.53321%; top: 52.6627%; width: 2.40517px; height: 2.40517px; --d: 3.12720445045848s; --o: 0.7240177182790093; animation-delay: 2.01744s;"> </div>

<div class="star" style="left: 67.0646%; top: 74.0816%; width: 0.571886px; height: 0.571886px; --d: 2.457154507629248s; --o: 0.5016519732805107; animation-delay: 2.04504s;"> </div>

<div class="star" style="left: 85.3389%; top: 46.0884%; width: 1.75164px; height: 1.75164px; --d: 5.239057123884088s; --o: 0.8355069329970584; animation-delay: 1.54495s;"> </div>

<div class="star" style="left: 33.2256%; top: 84.219%; width: 1.4965px; height: 1.4965px; --d: 2.3813818819278367s; --o: 0.4294420651536127; animation-delay: 0.120235s;"> </div>

<div class="star" style="left: 7.23967%; top: 24.2732%; width: 0.999598px; height: 0.999598px; --d: 3.5964250961990305s; --o: 0.8665120284935559; animation-delay: 4.14385s;"> </div>

<div class="star" style="left: 57.4022%; top: 38.9472%; width: 0.709115px; height: 0.709115px; --d: 3.1214849919456995s; --o: 0.6516896166004722; animation-delay: 1.79637s;"> </div>

<div class="star" style="left: 71.5865%; top: 41.4542%; width: 1.25421px; height: 1.25421px; --d: 3.725568413976279s; --o: 0.4617518985669924; animation-delay: 1.21151s;"> </div>

<div class="star" style="left: 11.7609%; top: 97.8782%; width: 1.16742px; height: 1.16742px; --d: 5.076456345314494s; --o: 0.7100785440316746; animation-delay: 2.91786s;"> </div>

<div class="star" style="left: 41.0266%; top: 57.5806%; width: 1.6106px; height: 1.6106px; --d: 5.135918641215847s; --o: 0.7829522341844728; animation-delay: 2.36058s;"> </div>

<div class="star" style="left: 61.2406%; top: 68.3435%; width: 1.03169px; height: 1.03169px; --d: 5.214612906812269s; --o: 0.9995094095195172; animation-delay: 3.17249s;"> </div>

<div class="star" style="left: 72.9879%; top: 10.9115%; width: 1.81127px; height: 1.81127px; --d: 4.002135521297664s; --o: 0.8968416967527051; animation-delay: 5.48742s;"> </div>

<div class="star" style="left: 59.3025%; top: 40.8197%; width: 1.45165px; height: 1.45165px; --d: 4.418601896731051s; --o: 0.3963135413550351; animation-delay: 3.02982s;"> </div>

<div class="star" style="left: 75.2521%; top: 27.1485%; width: 2.4481px; height: 2.4481px; --d: 2.1450225720891023s; --o: 0.9300066468141455; animation-delay: 2.20039s;"> </div>

<div class="star" style="left: 25.9135%; top: 38.6293%; width: 1.95175px; height: 1.95175px; --d: 5.3397534384014715s; --o: 0.39463330214586506; animation-delay: 2.42406s;"> </div>

<div class="star" style="left: 64.2689%; top: 38.4371%; width: 1.99531px; height: 1.99531px; --d: 4.446272521913184s; --o: 0.47722984376586197; animation-delay: 4.81425s;"> </div>

<div class="star" style="left: 14.2073%; top: 99.9381%; width: 1.67085px; height: 1.67085px; --d: 6.83751409506722s; --o: 0.6193973781701562; animation-delay: 3.56464s;"> </div>
</div>

<div id="particles"> 
<div class="particle" style="left: 7.39128%; --d: 7.091569162221417s; --x: 39.71021749807847px; animation-delay: 10.0621s;"> </div>

<div class="particle" style="left: 87.9384%; --d: 6.834767794456349s; --x: -41.420815732424764px; animation-delay: 11.658s;"> </div>

<div class="particle" style="left: 34.1755%; --d: 15.787143930832434s; --x: -17.625018205827992px; animation-delay: 1.84385s;"> </div>

<div class="particle" style="left: 97.0939%; --d: 7.973603505990283s; --x: -42.193739022567534px; animation-delay: 11.2331s;"> </div>

<div class="particle" style="left: 97.9931%; --d: 14.491464919220215s; --x: 38.86387390282422px; animation-delay: 6.58599s;"> </div>

<div class="particle" style="left: 3.57545%; --d: 12.967498055736723s; --x: -1.4539727503568023px; animation-delay: 0.199722s;"> </div>

<div class="particle" style="left: 16.6251%; --d: 8.946645205929443s; --x: 28.272123798035608px; animation-delay: 5.4416s;"> </div>

<div class="particle" style="left: 98.4669%; --d: 9.98857967053927s; --x: 4.0212526896961975px; animation-delay: 4.58179s;"> </div>

<div class="particle" style="left: 33.99%; --d: 15.299943266390102s; --x: -42.91530190627505px; animation-delay: 6.28568s;"> </div>

<div class="particle" style="left: 74.8034%; --d: 12.74182855901772s; --x: 19.2238898888913px; animation-delay: 1.9857s;"> </div>

<div class="particle" style="left: 31.8061%; --d: 10.228110727444946s; --x: 21.996279595652112px; animation-delay: 6.33983s;"> </div>

<div class="particle" style="left: 43.1853%; --d: 11.949675808697766s; --x: 9.885297742479937px; animation-delay: 2.17551s;"> </div>

<div class="particle" style="left: 31.8646%; --d: 12.490139369919737s; --x: 20.383732002572042px; animation-delay: 9.01239s;"> </div>

<div class="particle" style="left: 46.2227%; --d: 14.716525701224574s; --x: 17.179617511023825px; animation-delay: 7.72149s;"> </div>

<div class="particle" style="left: 53.4782%; --d: 13.310931565969693s; --x: -44.805620842944336px; animation-delay: 0.792685s;"> </div>

<div class="particle" style="left: 40.8747%; --d: 13.478338967926996s; --x: 34.715753702263285px; animation-delay: 4.70255s;"> </div>

<div class="particle" style="left: 11.4032%; --d: 6.353807733348187s; --x: -22.84907883076116px; animation-delay: 8.43937s;"> </div>

<div class="particle" style="left: 21.9592%; --d: 13.1526625609651s; --x: -12.325958981324103px; animation-delay: 7.24696s;"> </div>

<div class="particle" style="left: 66.1719%; --d: 10.589882978395723s; --x: 44.69772766689481px; animation-delay: 7.52162s;"> </div>

<div class="particle" style="left: 98.2991%; --d: 10.762989139438503s; --x: 6.083058715913603px; animation-delay: 7.84015s;"> </div>

<div class="particle" style="left: 14.2076%; --d: 6.905183134260559s; --x: 8.736916098712443px; animation-delay: 10.3493s;"> </div>

<div class="particle" style="left: 66.8114%; --d: 13.362091466052625s; --x: 9.252851211747892px; animation-delay: 9.05609s;"> </div>

<div class="particle" style="left: 70.0858%; --d: 14.31165316838687s; --x: 26.23173621326925px; animation-delay: 2.93603s;"> </div>

<div class="particle" style="left: 2.35594%; --d: 14.65529290316435s; --x: 32.83581735816827px; animation-delay: 2.14488s;"> </div>

<div class="particle" style="left: 97.2873%; --d: 11.495252895021022s; --x: 30.669328437165632px; animation-delay: 6.57755s;"> </div>

<div class="particle" style="left: 26.9944%; --d: 13.661381844663605s; --x: 46.146846231568084px; animation-delay: 3.83069s;"> </div>

<div class="particle" style="left: 41.3062%; --d: 9.456752004700434s; --x: 27.627835795584055px; animation-delay: 6.74026s;"> </div>

<div class="particle" style="left: 34.5716%; --d: 6.655474997701547s; --x: 25.980317139461263px; animation-delay: 6.63934s;"> </div>

<div class="particle" style="left: 8.56961%; --d: 14.533519737966168s; --x: -5.335723334787302px; animation-delay: 8.66019s;"> </div>

<div class="particle" style="left: 43.3093%; --d: 7.3688224131393225s; --x: -17.272893970161864px; animation-delay: 3.68509s;"> </div>

<div class="particle" style="left: 32.4016%; --d: 13.044803127730216s; --x: 41.54582577657331px; animation-delay: 4.53656s;"> </div>

<div class="particle" style="left: 60.1079%; --d: 10.247592764936684s; --x: 13.54073056510977px; animation-delay: 3.57465s;"> </div>

<div class="particle" style="left: 49.4885%; --d: 11.429261515642356s; --x: 47.243691111555094px; animation-delay: 4.62473s;"> </div>

<div class="particle" style="left: 9.87134%; --d: 11.99537714906691s; --x: -38.458197486440504px; animation-delay: 3.78273s;"> </div>

<div class="particle" style="left: 27.6115%; --d: 13.160105400551034s; --x: 33.28775673192016px; animation-delay: 1.80444s;"> </div>

<div class="particle" style="left: 54.4243%; --d: 11.715713265850795s; --x: 7.912126918154616px; animation-delay: 11.0351s;"> </div>

<div class="particle" style="left: 2.1079%; --d: 13.788637044841265s; --x: -34.62747142862981px; animation-delay: 9.10655s;"> </div>

<div class="particle" style="left: 55.2909%; --d: 10.008988866623088s; --x: 24.86712447129229px; animation-delay: 1.86506s;"> </div>

<div class="particle" style="left: 73.6163%; --d: 9.77491986392925s; --x: 12.600645606879745px; animation-delay: 5.4229s;"> </div>

<div class="particle" style="left: 81.2625%; --d: 7.361237436046632s; --x: 26.071003815154736px; animation-delay: 2.72576s;"> </div>

<div class="particle" style="left: 55.7729%; --d: 7.30977294015025s; --x: 11.588346545690364px; animation-delay: 5.10226s;"> </div>

<div class="particle" style="left: 26.0911%; --d: 12.08968111723766s; --x: 46.27408546731192px; animation-delay: 4.2021s;"> </div>

<div class="particle" style="left: 54.2467%; --d: 6.0102164548518875s; --x: 10.701368470208317px; animation-delay: 4.42602s;"> </div>

<div class="particle" style="left: 40.2458%; --d: 8.162643295039487s; --x: 46.310857443167684px; animation-delay: 6.89916s;"> </div>

<div class="particle" style="left: 74.9705%; --d: 10.141527725263163s; --x: 43.48947288450115px; animation-delay: 3.94961s;"> </div>

<div class="particle" style="left: 29.2176%; --d: 6.51849174684468s; --x: -24.505645186238777px; animation-delay: 6.9995s;"> </div>

<div class="particle" style="left: 95.9504%; --d: 10.109066756837763s; --x: -33.1819969928592px; animation-delay: 1.63647s;"> </div>

<div class="particle" style="left: 43.4749%; --d: 13.7401845611774s; --x: -31.936906820050904px; animation-delay: 9.41713s;"> </div>

<div class="particle" style="left: 40.4915%; --d: 10.222993937273984s; --x: -26.565387487298374px; animation-delay: 9.46592s;"> </div>

<div class="particle" style="left: 11.2545%; --d: 12.842303703682644s; --x: -2.610574711249869px; animation-delay: 11.2245s;"> </div>

<div class="particle" style="left: 53.3283%; --d: 8.133154542205789s; --x: 27.286744453140443px; animation-delay: 10.3436s;"> </div>

<div class="particle" style="left: 28.3226%; --d: 13.58161685540717s; --x: -38.06142364564637px; animation-delay: 7.04939s;"> </div>

<div class="particle" style="left: 93.2097%; --d: 10.485007647562217s; --x: -40.96098463350191px; animation-delay: 10.7802s;"> </div>

<div class="particle" style="left: 90.78%; --d: 8.710727737128368s; --x: 45.370154414960126px; animation-delay: 6.47987s;"> </div>

<div class="particle" style="left: 35.4355%; --d: 15.384493975883277s; --x: 9.541344507566063px; animation-delay: 7.73209s;"> </div>

<div class="particle" style="left: 53.5746%; --d: 11.500664304164733s; --x: 34.11735063694974px; animation-delay: 6.75264s;"> </div>

<div class="particle" style="left: 70.9454%; --d: 10.01827841389223s; --x: -25.636511429880503px; animation-delay: 8.71807s;"> </div>

<div class="particle" style="left: 69.6809%; --d: 13.95139217209639s; --x: 35.48275631364476px; animation-delay: 10.5457s;"> </div>

<div class="particle" style="left: 43.3072%; --d: 9.35829060595427s; --x: 45.20105195334515px; animation-delay: 6.66315s;"> </div>

<div class="particle" style="left: 87.5018%; --d: 14.3024853342547s; --x: -6.852632336979047px; animation-delay: 8.64616s;"> </div>

<div class="particle" style="left: 74.8469%; --d: 10.183521407375768s; --x: -30.860419268235916px; animation-delay: 3.86828s;"> </div>

<div class="particle" style="left: 88.4953%; --d: 10.69255607976391s; --x: -25.237269428877685px; animation-delay: 11.2228s;"> </div>

<div class="particle" style="left: 50.7078%; --d: 13.706583501892036s; --x: 37.60393145825266px; animation-delay: 1.98738s;"> </div>

<div class="particle" style="left: 43.393%; --d: 13.040256933866402s; --x: 41.02960099190175px; animation-delay: 4.42118s;"> </div>

<div class="particle" style="left: 53.9824%; --d: 6.544637578112372s; --x: 9.079491556420304px; animation-delay: 4.83061s;"> </div>

<div class="particle" style="left: 95.2265%; --d: 10.104706179754617s; --x: 34.28366917231773px; animation-delay: 4.59097s;"> </div>

<div class="particle" style="left: 29.5561%; --d: 12.802439412066141s; --x: -6.382262191746491px; animation-delay: 1.42866s;"> </div>

<div class="particle" style="left: 34.3678%; --d: 8.733614461000144s; --x: -41.60252322901488px; animation-delay: 11.0745s;"> </div>

<div class="particle" style="left: 92.395%; --d: 9.764129430517176s; --x: 1.110699173932228px; animation-delay: 5.25401s;"> </div>

<div class="particle" style="left: 3.46302%; --d: 12.602335051825747s; --x: -14.68035310340008px; animation-delay: 10.4547s;"> </div>

<div class="particle" style="left: 39.4178%; --d: 12.021722500557896s; --x: -41.1353806533068px; animation-delay: 7.99011s;"> </div>

<div class="particle" style="left: 78.8107%; --d: 11.195602356848326s; --x: -5.7243674106018165px; animation-delay: 2.05808s;"> </div>

<div class="particle" style="left: 60.8071%; --d: 12.926872425566028s; --x: 35.96927181577746px; animation-delay: 4.12919s;"> </div>

<div class="particle" style="left: 15.891%; --d: 6.613996689779036s; --x: 46.098054338793446px; animation-delay: 7.2358s;"> </div>

<div class="particle" style="left: 30.062%; --d: 10.446939540890806s; --x: 1.2729124457309338px; animation-delay: 6.88351s;"> </div>
</div>

<div class="mist"> </div>

<div class="vignette"> </div>

<header>
<p class="eyebrow"><span style="color:#FFD700;">Harry Potter & Le Monde des Sorciers</span></p>

<h1><span style="color:#FFFF00;">Bellatrix<br />
Lestrange</span></h1>

<p class="subtitle"><span style="color:#FFD700;">La sorcière la plus redoutée du monde d'Harry Potter</span></p>

<div class="divider">
<div class="divider-line"> </div>
<span class="divider-ornament">⚜</span>

<div class="divider-line"> </div>
</div>

<p class="meta"><span style="color:#FFD700;">Analyse de personnage</span></p>
</header>
<main>
<p class="intro-quote"><span style="color:#DAA520;">Elle n'obéissait pas à Voldemort par peur. Elle le vénérait.</span></p>

<section>
<h2>Une fidélité sans faille à Voldemort</h2>

<p>Dans l'univers d'Harry Potter créé par J.K. Rowling, peu de personnages incarnent le mal avec autant d'intensité que <strong>Bellatrix Lestrange</strong>. Née Bellatrix Black, elle appartient à l'une des familles de sorciers les plus anciennes et les plus pures du monde magique. Pourtant, c'est moins sa lignée que sa dévotion absolue à Lord Voldemort qui la définit. Elle est sa plus fervente disciple, son arme la plus dangereuse, et peut-être la seule personne pour laquelle elle éprouve quelque chose qui ressemble à de l'amour — un amour fanatique, obsessionnel, qui confine à la folie.</p>

<p>Bellatrix n'obéit pas à Voldemort par peur comme la plupart des Mangemorts. Elle le vénère. Cette nuance est capitale : elle fait d'elle non pas un simple suiveur, mais une croyante. Et les croyants, comme l'histoire nous l'a souvent montré, sont bien plus terrifiants que les lâches.</p>
</section>

<section>
<h2>Une enfance dorée, une âme corrompue</h2>

<p>Élevée au sein de la noble maison des Black — dont la devise est <em>« Toujours pur »</em> — Bellatrix a été formée dès l'enfance à mépriser les Moldus et les sang-mêlé. Sa famille, obsédée par la pureté du sang, a constitué le terreau idéal pour que germent ses convictions extrémistes.</p>

<p>Elle a fréquenté Poudlard dans la maison Serpentard, où elle a probablement croisé un jeune Tom Jedusor quelques années plus tôt. Elle épouse Rodolphe Lestrange, un autre Mangemort, mais ce mariage n'est qu'une formalité sociale — son véritable engagement, il est pour le Seigneur des Ténèbres.</p>

<p>Ce qui est troublant dans son parcours, c'est précisément cette question : <strong>était-elle destinée à devenir ce monstre, ou l'a-t-elle choisi ?</strong> Rowling laisse entendre que le choix existe toujours, même pour ceux élevés dans la haine. Sirius Black, son propre cousin, en est la preuve vivante.</p>
</section>

<div class="candles">
<div class="candle">
<div class="flame"> </div>

<div class="candle-body"> </div>

<div class="wax-drip"> </div>
</div>

<div class="candle">
<div class="flame"> </div>

<div class="candle-body" style="height:80px"> </div>

<div class="wax-drip"> </div>
</div>

<div class="candle">
<div class="flame"> </div>

<div class="candle-body" style="height:45px"> </div>

<div class="wax-drip"> </div>
</div>
</div>

<section>
<h2>Azkaban : quand la prison façonne le bourreau</h2>

<p>Après la première chute de Voldemort, Bellatrix est l'une des rares Mangemorts à ne pas avoir renié son maître. Elle participe à la torture de Frank et Alice Londubat — deux Aurors, les parents de Neville — les réduisant à l'état de légumes à force de Sortilèges Impardonnable. Pour ce crime, elle est condamnée à perpétuité à <strong>Azkaban</strong>, la prison des sorciers, gardée par les Détraqueurs.</p>

<p>Là où d'autres auraient sombré dans le désespoir, Bellatrix tient. Pendant quatorze ans, elle survit en s'accrochant à la certitude que son maître reviendra. Les Détraqueurs, qui se nourrissent des émotions positives, ne lui laissent que sa haine — et sa haine lui suffit.</p>

<p>Quand elle s'évade enfin en 1996, elle ressort d'Azkaban consumée, spectrale, mais plus fanatique que jamais. La prison n'a pas brisé Bellatrix. Elle l'a <em>purifiée</em>, à sa manière tordue.</p>
</section>

<section>
<h2>Une combattante redoutable et imprévisible</h2>

<p>Sur le plan magique, Bellatrix est l'une des sorcières les plus puissantes de sa génération. Elle maîtrise à la perfection les trois Sortilèges Impardonnable, est experte en Occlumentation et se montre d'une créativité sadique dans ses combats. Son style est chaotique, jouissif, presque dansant — à l'image de sa personnalité.</p>

<p>Quelques-uns de ses faits d'armes les plus marquants :</p>

<ul>
	<li><strong>Le meurtre de Sirius Black</strong> lors de la bataille du ministère, d'un simple sort, en regardant son cousin mourir avec un sourire.</li>
	<li><strong>La torture d'Hermione Granger</strong> à Malefoy Manor, une scène parmi les plus éprouvantes des livres.</li>
	<li><strong>La mort de Dobby</strong>, l'elfe de maison, en lui lançant un couteau dans le dos au moment même où il sauvait Harry et ses amis.</li>
	<li><strong>Le meurtre de Nymphadora Tonks</strong>, sa propre nièce, lors de la bataille de Poudlard.</li>
</ul>

<p>Cette liste dit tout : Bellatrix tue sans distinction, sans hésitation, parfois en souriant. Elle est le chaos rendu humain.</p>
</section>

<section>
<h2>Helena Bonham Carter : incarner la démence</h2>

<p>Au cinéma, c'est <strong>Helena Bonham Carter</strong> qui donne vie à Bellatrix à partir de <em>Harry Potter et l'Ordre du Phénix</em> (2007). Son interprétation est unanimement saluée : elle y injecte une énergie dévorante, un humour noir glaçant, et une présence physique inoubliable avec ses cheveux emmêlés, ses dents noircies et son regard fou.</p>

<p>Bonham Carter parvient à rendre Bellatrix terrifiante <em>et</em> fascinante à la fois — ce qui est probablement le plus grand service qu'une actrice puisse rendre à un personnage aussi extrême. Elle ne la joue pas comme un monstre unidimensionnel, mais comme quelqu'un qui croit profondément en ce qu'elle fait. Et c'est précisément ça qui fait froid dans le dos.</p>
</section>

<section>
<h2>Un personnage miroir</h2>

<p>D'un point de vue narratif, Bellatrix joue un rôle crucial : elle est le <strong>reflet inversé</strong> de plusieurs personnages positifs. Face à Neville Londubat, elle représente le traumatisme originel qu'il doit surmonter — et c'est lui, finalement, qui lui assenera le coup décisif symbolique en décapitant Nagini. Face à Molly Weasley, elle incarne une maternité noire et possessive, opposée à l'amour maternel inconditionnel de Molly, qui la tue en duel dans un moment cathartique.</p>

<blockquote>
<p>Pas ma fille, espèce de garce !</p>
<cite>— Molly Weasley, Les Reliques de la Mort</cite></blockquote>

<p>Cette mort est l'une des plus satisfaisantes de toute la saga, précisément parce que Rowling a pris soin, tout au long des livres, de rendre Bellatrix véritablement haïssable.</p>
</section>

<section>
<h2>Conclusion</h2>

<p>Bellatrix Lestrange est bien plus qu'une antagoniste de service. Elle est le portrait d'un fanatisme sans limites, d'une intelligence mise au service du pire, d'une loyauté qui aurait pu être une vertu si elle n'avait pas été consacrée au mal. Elle nous rappelle que les monstres ne sont pas toujours nés monstres — et que c'est précisément ce qui les rend si terrifiants.</p>

<p>Dans un univers peuplé de personnages complexes, elle reste l'un des plus marquants : celle que l'on aime détester, et que l'on n'oubliera jamais.</p>
</section>

<div class="seal">
<div class="seal-circle">✦</div>
</div>

<p class="cta">Et toi, quel est ton personnage préféré dans l'univers Harry Potter ?<br />
Dis-le moi en commentaire !</p>
</main>

<p> </p>




<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>




<p> </p>

<p><script>
  // Starfield
  const starsEl = document.getElementById('stars');
  for (let i = 0; i < 140; i++) {
    const s = document.createElement('div');
    s.className = 'star';
    const size = Math.random() * 2 + 0.5;
    s.style.cssText = `
      left: ${Math.random()*100}%;
      top: ${Math.random()*100}%;
      width: ${size}px;
      height: ${size}px;
      --d: ${2 + Math.random()*5}s;
      --o: ${0.3 + Math.random()*0.7};
      animation-delay: ${Math.random()*6}s;
    `;
    starsEl.appendChild(s);
  }

  // Floating particles
  const particlesEl = document.getElementById('particles');
  for (let i = 0; i < 25; i++) {
    const p = document.createElement('div');
    p.className = 'particle';
    p.style.cssText = `
      left: ${Math.random()*100}%;
      --d: ${6 + Math.random()*10}s;
      --x: ${(Math.random()-0.5)*100}px;
      animation-delay: ${Math.random()*12}s;
    `;
    particlesEl.appendChild(p);
  }
</script></p>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Cartes Harry Potter]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/cartes-harry-potter.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/cartes-harry-potter.html</guid>
                <pubDate>Wed, 08 Apr 2026 18:01:00 +0200</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[Depuis le succès planétaire de la saga, les objets de collection liés à l'univers de Poudlard n'ont cessé de fasciner fans et collectionneurs. Les cartes à collectionner Harry Potter occupent une place à part : elles condensent en un format miniature toute la magie des films, des personnages et des lieux iconiques.  

  

  

  

  

  

  


:root {
      --gold: #c9a84c;
      --gold-light: #e8c97a;
      --gold-pale: #f5e6b8;
      --dark: #0a0a12;
      --dark-mid: #0f0f1e;
      --dark-card: #12122a;
      --dark-border: #1e1e3a;
      --crimson: #8b1a1a;
      --blue-magic: #1a2a6c;
      --text: #d4c5a0;
      --text-muted: #8a7d62;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'EB Garamond', Georgia, serif;
      background-color: var(--dark);
      color: var(--text);
      min-height: 100vh;
      overflow-x: hidden;
      position: relative;
    }

    /* ===== STARFIELD ===== */
    .stars {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 22% 80%, rgba(255,255,255,.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 45% 30%, rgba(255,255,255,.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 55%, rgba(255,255,255,.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 78% 10%, rgba(255,255,255,.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 88% 70%, rgba(255,255,255,.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 90%, rgba(255,255,255,.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 95% 40%, rgba(255,255,255,.5) 0%, transparent 100%),
        radial-gradient(2px 2px at 5%  50%, rgba(201,168,76,.5) 0%, transparent 100%),
        radial-gradient(2px 2px at 70% 85%, rgba(201,168,76,.4) 0%, transparent 100%);
    }

    /* ===== HERO ===== */
    .hero {
      position: relative;
      z-index: 1;
      text-align: center;
      padding: 100px 24px 80px;
      background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(26,42,108,.6) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(139,26,26,.3) 0%, transparent 70%);
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a84c' fill-opacity='0.04'%3E%3Cpath d='M30 0L60 30L30 60L0 30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }

    .hero-badge {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: .7rem;
      letter-spacing: .25em;
      text-transform: uppercase;
      color: var(--gold);
      border: 1px solid rgba(201,168,76,.3);
      padding: 6px 18px;
      border-radius: 2px;
      margin-bottom: 28px;
      opacity: 0;
      animation: fadeUp .8s .2s ease forwards;
    }

    .hero-title {
      font-family: 'Cinzel Decorative', serif;
      font-size: clamp(2rem, 6vw, 4.5rem);
      font-weight: 900;
      line-height: 1.1;
      color: transparent;
      background: linear-gradient(135deg, var(--gold-pale) 0%, var(--gold) 40%, #a07830 100%);
      -webkit-background-clip: text;
      background-clip: text;
      text-shadow: none;
      margin-bottom: 20px;
      opacity: 0;
      animation: fadeUp .9s .4s ease forwards;
    }

    .hero-sub {
      font-family: 'EB Garamond', serif;
      font-style: italic;
      font-size: clamp(1rem, 2.5vw, 1.3rem);
      color: var(--text-muted);
      max-width: 560px;
      margin: 0 auto 48px;
      line-height: 1.7;
      opacity: 0;
      animation: fadeUp .9s .6s ease forwards;
    }

    .hero-divider {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      opacity: 0;
      animation: fadeUp .9s .8s ease forwards;
    }
    .hero-divider::before, .hero-divider::after {
      content: '';
      flex: 1;
      max-width: 120px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }
    .hero-divider span {
      font-size: 1.4rem;
      color: var(--gold);
    }

    /* ===== LAYOUT ===== */
    .container {
      position: relative;
      z-index: 1;
      max-width: 960px;
      margin: 0 auto;
      padding: 0 24px 100px;
    }

    /* ===== SECTION TITLE ===== */
    .section {
      margin-bottom: 72px;
      opacity: 0;
      transform: translateY(32px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .section.visible {
      opacity: 1;
      transform: none;
    }

    .section-label {
      font-family: 'Cinzel', serif;
      font-size: .65rem;
      letter-spacing: .3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
    }

    .section-title {
      font-family: 'Cinzel', serif;
      font-size: clamp(1.4rem, 3vw, 2rem);
      font-weight: 700;
      color: var(--gold-light);
      margin-bottom: 24px;
      position: relative;
      padding-bottom: 16px;
    }
    .section-title::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0;
      width: 60px; height: 2px;
      background: linear-gradient(90deg, var(--gold), transparent);
    }

    .section-text {
      font-size: 1.1rem;
      line-height: 1.85;
      color: var(--text);
      margin-bottom: 20px;
    }

    /* ===== CARD TYPES GRID ===== */
    .card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin-top: 28px;
    }

    .card-item {
      background: var(--dark-card);
      border: 1px solid var(--dark-border);
      border-radius: 4px;
      padding: 24px 20px;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
    }
    .card-item:hover {
      transform: translateY(-4px);
      border-color: rgba(201,168,76,.4);
    }
    .card-item::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      opacity: 0;
      transition: opacity .3s;
    }
    .card-item:hover::before { opacity: 1; }

    .card-icon {
      font-size: 2rem;
      margin-bottom: 12px;
      display: block;
    }
    .card-item-title {
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      font-weight: 700;
      color: var(--gold-light);
      margin-bottom: 8px;
    }
    .card-item-desc {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

    /* ===== RARITY BADGE ===== */
    .rarity-list {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-top: 24px;
    }

    .rarity-item {
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 18px 22px;
      background: linear-gradient(90deg, var(--dark-card), rgba(18,18,42,.4));
      border: 1px solid var(--dark-border);
      border-radius: 3px;
      transition: border-color .3s;
    }
    .rarity-item:hover { border-color: rgba(201,168,76,.3); }

    .rarity-dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .dot-gold    { background: #c9a84c; box-shadow: 0 0 8px #c9a84c; }
    .dot-silver  { background: #a0a0b0; box-shadow: 0 0 8px #a0a0b0; }
    .dot-purple  { background: #7b4fc8; box-shadow: 0 0 8px #7b4fc8; }
    .dot-crimson { background: #c84040; box-shadow: 0 0 8px #c84040; }

    .rarity-name {
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      color: var(--gold-light);
      min-width: 180px;
    }
    .rarity-desc {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.5;
    }

    /* ===== INVEST HIGHLIGHT ===== */
    .highlight-box {
      background: linear-gradient(135deg, rgba(26,42,108,.4), rgba(10,10,18,.6));
      border: 1px solid rgba(201,168,76,.2);
      border-radius: 4px;
      padding: 36px 32px;
      margin-top: 28px;
      position: relative;
      overflow: hidden;
    }
    .highlight-box::before {
      content: '⚡';
      position: absolute;
      right: 24px; top: 24px;
      font-size: 4rem;
      opacity: .07;
    }

    .highlight-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 28px;
      margin-top: 24px;
    }

    .highlight-stat {
      text-align: center;
    }
    .highlight-stat-num {
      font-family: 'Cinzel Decorative', serif;
      font-size: 2.2rem;
      color: var(--gold);
      display: block;
      margin-bottom: 6px;
    }
    .highlight-stat-label {
      font-size: .9rem;
      color: var(--text-muted);
      font-style: italic;
    }

    /* ===== TIPS LIST ===== */
    .tips-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 24px;
    }
    .tips-list li {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 18px 22px;
      background: var(--dark-card);
      border-left: 3px solid var(--gold);
      border-radius: 0 3px 3px 0;
    }
    .tip-num {
      font-family: 'Cinzel', serif;
      font-size: .8rem;
      color: var(--gold);
      font-weight: 700;
      min-width: 24px;
      padding-top: 2px;
    }
    .tip-content strong {
      display: block;
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      color: var(--gold-light);
      margin-bottom: 4px;
    }
    .tip-content span {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

    /* ===== PROTECTION GRID ===== */
    .protection-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 18px;
      margin-top: 24px;
    }

    .protection-item {
      background: var(--dark-card);
      border: 1px solid var(--dark-border);
      border-radius: 4px;
      padding: 22px 20px;
      display: flex;
      align-items: flex-start;
      gap: 14px;
      transition: border-color .3s;
    }
    .protection-item:hover { border-color: rgba(201,168,76,.35); }

    .protection-icon { font-size: 1.6rem; flex-shrink: 0; }
    .protection-name {
      font-family: 'Cinzel', serif;
      font-size: .82rem;
      color: var(--gold-light);
      margin-bottom: 5px;
    }
    .protection-desc {
      font-size: .9rem;
      color: var(--text-muted);
      line-height: 1.5;
    }

    /* ===== WARNING BOX ===== */
    .warning-box {
      background: rgba(139,26,26,.15);
      border: 1px solid rgba(200,64,64,.25);
      border-radius: 4px;
      padding: 20px 24px;
      margin-top: 20px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }
    .warning-icon { font-size: 1.3rem; flex-shrink: 0; }
    .warning-text { font-size: .95rem; color: #c8a0a0; line-height: 1.65; }

    /* ===== CTA / CONCLUSION ===== */
    .cta {
      text-align: center;
      padding: 80px 24px;
      position: relative;
      background: radial-gradient(ellipse 80% 100% at 50% 50%, rgba(26,42,108,.25) 0%, transparent 70%);
    }
    .cta-title {
      font-family: 'Cinzel Decorative', serif;
      font-size: clamp(1.5rem, 4vw, 2.5rem);
      color: var(--gold-light);
      margin-bottom: 20px;
    }
    .cta-text {
      font-size: 1.1rem;
      font-style: italic;
      color: var(--text-muted);
      max-width: 520px;
      margin: 0 auto 36px;
      line-height: 1.8;
    }

    .ornament {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin: 48px 0 36px;
    }
    .ornament-line {
      flex: 1;
      max-width: 200px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }
    .ornament-symbol {
      font-family: 'Cinzel Decorative', serif;
      font-size: 1.2rem;
      color: var(--gold);
    }

    /* ===== ANIMATIONS ===== */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: none; }
    }

    /* ===== SCROLLBAR ===== */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--dark); }
    ::-webkit-scrollbar-thumb { background: rgba(201,168,76,.3); border-radius: 3px; }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 600px) {
      .rarity-item { flex-wrap: wrap; }
      .rarity-name { min-width: auto; width: 100%; }
    }

 



Guide du Collectionneur

Cartes
Harry Potter

Collection, rareté et investissement — tout ce qu'il faut savoir pour entrer dans l'univers des cartes à collectionner du monde sorcier. 

⚡

 

Introduction 

Pourquoi collectionner les cartes Harry Potter ?

Depuis le succès planétaire de la saga, les objets de collection liés à l'univers de Poudlard n'ont cessé de fasciner fans et collectionneurs. Les cartes à collectionner Harry Potter occupent une place à part : elles condensent en un format miniature toute la magie des films, des personnages et des lieux iconiques. 

Bien plus qu'un simple passe-temps, elles permettent de revivre les scènes cultes, de retrouver ses personnages favoris dans des illustrations soignées, et de posséder des pièces uniques dont la valeur peut croître avec le temps. Une collection qui parle autant au cœur qu'à la raison. 




Le marché de référence 

Les cartes Artbox : la référence absolue

Parmi les éditeurs présents sur le marché, Artbox s'impose comme la référence incontestée. Leur production rigoureuse, leurs finitions haut de gamme et la diversité de leurs séries en font le choix privilégié des collectionneurs sérieux. Voici les quatre grandes familles de cartes que vous y trouverez : 


????

Cartes Classiques

Visuels tirés directement des films. Idéales pour débuter et constituer une base solide.


✍️

Cartes Autographes

Signées par les acteurs du film. Les signatures de Daniel Radcliffe ou Emma Watson sont particulièrement convoitées.


????

Cartes Reliques

Intègrent un fragment authentique de costume de tournage. Parmi les pièces les plus rares et les plus précieuses.


????️

Cartes Sketch

Illustrations originales réalisées à la main par des artistes. Chaque carte est unique, ce qui les rend exceptionnelles.






Cotes & Valeurs 

Les cartes les plus rares et les plus recherchées

La valeur d'une carte repose avant tout sur sa rareté. Certaines pièces, issues de tirages extrêmement limités ou comportant des éléments uniques, peuvent atteindre des sommes considérables sur le marché secondaire. Voici le classement par niveau de rareté : 



Autographes en édition limitée

Les plus précieuses du marché. La signature d'un acteur principal sur une carte numérotée peut valoir plusieurs centaines d'euros.



Cartes Reliques de costumes

Fragment de vêtement porté sur le tournage, encadré dans la carte. Une connexion physique unique avec l'univers du film.



Cartes numérotées

Chaque exemplaire porte son numéro d'édition (ex. 47/250). Plus le tirage est faible, plus la valeur est élevée.



Cartes Premium à finitions spéciales

Holographiques, dorées à chaud, en relief… des finitions d'exception pour des cartes que l'on ne trouve pas dans tous les boosters.






Valeur & Patrimoine 

Un investissement culturel et financier

Le marché des cartes à collectionner connaît une croissance significative depuis plusieurs années. La combinaison d'une offre structurellement limitée et d'une demande mondiale portée par des millions de fans fait de certaines cartes de véritables actifs de collection. 



+300% Hausse observée sur certaines cartes autographes rares en 10 ans

Near Mint L'état de conservation est le premier critère de valorisation

Intemporel La saga Harry Potter continue d'attirer de nouveaux fans chaque génération



Pour maximiser le potentiel d'investissement de vos cartes, trois critères sont déterminants : l'état de conservation (Mint ou Near Mint), l'authenticité certifiée et l'appartenance à une série à fort tirage limité. 




Protection & Conservation 

Comment protéger et conserver ses cartes

L'état d'une carte est aussi important que sa rareté. Une carte exceptionnelle mal conservée peut perdre une grande partie de sa valeur. Voici les essentiels d'une bonne protection : 


????


Sleeves (protège-cartes)

Premier rempart contre les rayures et l'humidité. À mettre immédiatement après ouverture du booster.



????️


Toploaders rigides

Protection rigide indispensable pour les cartes de valeur. Évitent les pliures accidentelles.



????


Classeurs spécialisés

Pour organiser et exposer votre collection en toute sécurité. Privilégiez des pages sans PVC.



????️


Boîtes de rangement

Stockage à l'abri de la lumière et de l'humidité pour les pièces de grande valeur.




⚠️

À éviter absolument : l'exposition à la lumière directe (décoloration), l'humidité (gondolage), les manipulations fréquentes sans précaution (empreintes, micro-rayures) et le stockage à des températures extrêmes. 





Débuter & Progresser 

Conseils pour bien démarrer sa collection

Que vous soyez néophyte ou collectionneur averti, une stratégie claire vous permettra de constituer une collection cohérente et de ne pas disperser votre budget. 


	01

	Commencer par des boosters C'est la porte d'entrée idéale : variété, effet de surprise et prix accessibles. Parfait pour explorer les différentes séries avant de se spécialiser.
	
	02
	Définir une stratégie claire Collection exhaustive d'une série, focus sur les cartes rares uniquement, ou thème précis (maisons de Poudlard, personnages…). Une direction évite les achats impulsifs.
	
	03
	Suivre les cotes et le marché eBay, forums spécialisés, groupes de collectionneurs… Observer les tendances permet d'acheter au bon moment et de ne pas surpayer une carte.
	
	04
	Rejoindre la communauté Échanger avec d'autres collectionneurs est la meilleure façon d'apprendre, de trouver des pièces rares et de rester informé des nouvelles sorties.
	





 
✦

 



Que la magie commence

Les cartes Harry Potter sont bien plus qu'un simple loisir : elles incarnent une passion multigénérationnelle, mêlant nostalgie, beauté et enjeu patrimonial. Chaque carte peut devenir une pièce précieuse — à condition de savoir la choisir, la conserver et la chérir. 

⚡ ???? ⚡



  

  

  

  

  

  

  


  // Scroll reveal
  const sections = document.querySelectorAll('.section');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('visible');
        observer.unobserve(e.target);
      }
    });
  }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });

  sections.forEach(s => observer.observe(s));
 

  

  
]]></description>
                <content:encoded><![CDATA[<p>Depuis le succès planétaire de la saga, les objets de collection liés à l'univers de Poudlard n'ont cessé de fasciner fans et collectionneurs. Les cartes à collectionner Harry Potter occupent une place à part : elles condensent en un format miniature toute la magie des films, des personnages et des lieux iconiques. <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>
<title></title>
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<style type="text/css">:root {
      --gold: #c9a84c;
      --gold-light: #e8c97a;
      --gold-pale: #f5e6b8;
      --dark: #0a0a12;
      --dark-mid: #0f0f1e;
      --dark-card: #12122a;
      --dark-border: #1e1e3a;
      --crimson: #8b1a1a;
      --blue-magic: #1a2a6c;
      --text: #d4c5a0;
      --text-muted: #8a7d62;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'EB Garamond', Georgia, serif;
      background-color: var(--dark);
      color: var(--text);
      min-height: 100vh;
      overflow-x: hidden;
      position: relative;
    }

    /* ===== STARFIELD ===== */
    .stars {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 22% 80%, rgba(255,255,255,.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 45% 30%, rgba(255,255,255,.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 55%, rgba(255,255,255,.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 78% 10%, rgba(255,255,255,.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 88% 70%, rgba(255,255,255,.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 90%, rgba(255,255,255,.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 95% 40%, rgba(255,255,255,.5) 0%, transparent 100%),
        radial-gradient(2px 2px at 5%  50%, rgba(201,168,76,.5) 0%, transparent 100%),
        radial-gradient(2px 2px at 70% 85%, rgba(201,168,76,.4) 0%, transparent 100%);
    }

    /* ===== HERO ===== */
    .hero {
      position: relative;
      z-index: 1;
      text-align: center;
      padding: 100px 24px 80px;
      background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(26,42,108,.6) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(139,26,26,.3) 0%, transparent 70%);
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a84c' fill-opacity='0.04'%3E%3Cpath d='M30 0L60 30L30 60L0 30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }

    .hero-badge {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: .7rem;
      letter-spacing: .25em;
      text-transform: uppercase;
      color: var(--gold);
      border: 1px solid rgba(201,168,76,.3);
      padding: 6px 18px;
      border-radius: 2px;
      margin-bottom: 28px;
      opacity: 0;
      animation: fadeUp .8s .2s ease forwards;
    }

    .hero-title {
      font-family: 'Cinzel Decorative', serif;
      font-size: clamp(2rem, 6vw, 4.5rem);
      font-weight: 900;
      line-height: 1.1;
      color: transparent;
      background: linear-gradient(135deg, var(--gold-pale) 0%, var(--gold) 40%, #a07830 100%);
      -webkit-background-clip: text;
      background-clip: text;
      text-shadow: none;
      margin-bottom: 20px;
      opacity: 0;
      animation: fadeUp .9s .4s ease forwards;
    }

    .hero-sub {
      font-family: 'EB Garamond', serif;
      font-style: italic;
      font-size: clamp(1rem, 2.5vw, 1.3rem);
      color: var(--text-muted);
      max-width: 560px;
      margin: 0 auto 48px;
      line-height: 1.7;
      opacity: 0;
      animation: fadeUp .9s .6s ease forwards;
    }

    .hero-divider {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      opacity: 0;
      animation: fadeUp .9s .8s ease forwards;
    }
    .hero-divider::before, .hero-divider::after {
      content: '';
      flex: 1;
      max-width: 120px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }
    .hero-divider span {
      font-size: 1.4rem;
      color: var(--gold);
    }

    /* ===== LAYOUT ===== */
    .container {
      position: relative;
      z-index: 1;
      max-width: 960px;
      margin: 0 auto;
      padding: 0 24px 100px;
    }

    /* ===== SECTION TITLE ===== */
    .section {
      margin-bottom: 72px;
      opacity: 0;
      transform: translateY(32px);
      transition: opacity .7s ease, transform .7s ease;
    }
    .section.visible {
      opacity: 1;
      transform: none;
    }

    .section-label {
      font-family: 'Cinzel', serif;
      font-size: .65rem;
      letter-spacing: .3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
    }

    .section-title {
      font-family: 'Cinzel', serif;
      font-size: clamp(1.4rem, 3vw, 2rem);
      font-weight: 700;
      color: var(--gold-light);
      margin-bottom: 24px;
      position: relative;
      padding-bottom: 16px;
    }
    .section-title::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0;
      width: 60px; height: 2px;
      background: linear-gradient(90deg, var(--gold), transparent);
    }

    .section-text {
      font-size: 1.1rem;
      line-height: 1.85;
      color: var(--text);
      margin-bottom: 20px;
    }

    /* ===== CARD TYPES GRID ===== */
    .card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin-top: 28px;
    }

    .card-item {
      background: var(--dark-card);
      border: 1px solid var(--dark-border);
      border-radius: 4px;
      padding: 24px 20px;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
    }
    .card-item:hover {
      transform: translateY(-4px);
      border-color: rgba(201,168,76,.4);
    }
    .card-item::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      opacity: 0;
      transition: opacity .3s;
    }
    .card-item:hover::before { opacity: 1; }

    .card-icon {
      font-size: 2rem;
      margin-bottom: 12px;
      display: block;
    }
    .card-item-title {
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      font-weight: 700;
      color: var(--gold-light);
      margin-bottom: 8px;
    }
    .card-item-desc {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

    /* ===== RARITY BADGE ===== */
    .rarity-list {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-top: 24px;
    }

    .rarity-item {
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 18px 22px;
      background: linear-gradient(90deg, var(--dark-card), rgba(18,18,42,.4));
      border: 1px solid var(--dark-border);
      border-radius: 3px;
      transition: border-color .3s;
    }
    .rarity-item:hover { border-color: rgba(201,168,76,.3); }

    .rarity-dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .dot-gold    { background: #c9a84c; box-shadow: 0 0 8px #c9a84c; }
    .dot-silver  { background: #a0a0b0; box-shadow: 0 0 8px #a0a0b0; }
    .dot-purple  { background: #7b4fc8; box-shadow: 0 0 8px #7b4fc8; }
    .dot-crimson { background: #c84040; box-shadow: 0 0 8px #c84040; }

    .rarity-name {
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      color: var(--gold-light);
      min-width: 180px;
    }
    .rarity-desc {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.5;
    }

    /* ===== INVEST HIGHLIGHT ===== */
    .highlight-box {
      background: linear-gradient(135deg, rgba(26,42,108,.4), rgba(10,10,18,.6));
      border: 1px solid rgba(201,168,76,.2);
      border-radius: 4px;
      padding: 36px 32px;
      margin-top: 28px;
      position: relative;
      overflow: hidden;
    }
    .highlight-box::before {
      content: '⚡';
      position: absolute;
      right: 24px; top: 24px;
      font-size: 4rem;
      opacity: .07;
    }

    .highlight-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 28px;
      margin-top: 24px;
    }

    .highlight-stat {
      text-align: center;
    }
    .highlight-stat-num {
      font-family: 'Cinzel Decorative', serif;
      font-size: 2.2rem;
      color: var(--gold);
      display: block;
      margin-bottom: 6px;
    }
    .highlight-stat-label {
      font-size: .9rem;
      color: var(--text-muted);
      font-style: italic;
    }

    /* ===== TIPS LIST ===== */
    .tips-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 24px;
    }
    .tips-list li {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 18px 22px;
      background: var(--dark-card);
      border-left: 3px solid var(--gold);
      border-radius: 0 3px 3px 0;
    }
    .tip-num {
      font-family: 'Cinzel', serif;
      font-size: .8rem;
      color: var(--gold);
      font-weight: 700;
      min-width: 24px;
      padding-top: 2px;
    }
    .tip-content strong {
      display: block;
      font-family: 'Cinzel', serif;
      font-size: .85rem;
      color: var(--gold-light);
      margin-bottom: 4px;
    }
    .tip-content span {
      font-size: .95rem;
      color: var(--text-muted);
      line-height: 1.6;
    }

    /* ===== PROTECTION GRID ===== */
    .protection-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 18px;
      margin-top: 24px;
    }

    .protection-item {
      background: var(--dark-card);
      border: 1px solid var(--dark-border);
      border-radius: 4px;
      padding: 22px 20px;
      display: flex;
      align-items: flex-start;
      gap: 14px;
      transition: border-color .3s;
    }
    .protection-item:hover { border-color: rgba(201,168,76,.35); }

    .protection-icon { font-size: 1.6rem; flex-shrink: 0; }
    .protection-name {
      font-family: 'Cinzel', serif;
      font-size: .82rem;
      color: var(--gold-light);
      margin-bottom: 5px;
    }
    .protection-desc {
      font-size: .9rem;
      color: var(--text-muted);
      line-height: 1.5;
    }

    /* ===== WARNING BOX ===== */
    .warning-box {
      background: rgba(139,26,26,.15);
      border: 1px solid rgba(200,64,64,.25);
      border-radius: 4px;
      padding: 20px 24px;
      margin-top: 20px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }
    .warning-icon { font-size: 1.3rem; flex-shrink: 0; }
    .warning-text { font-size: .95rem; color: #c8a0a0; line-height: 1.65; }

    /* ===== CTA / CONCLUSION ===== */
    .cta {
      text-align: center;
      padding: 80px 24px;
      position: relative;
      background: radial-gradient(ellipse 80% 100% at 50% 50%, rgba(26,42,108,.25) 0%, transparent 70%);
    }
    .cta-title {
      font-family: 'Cinzel Decorative', serif;
      font-size: clamp(1.5rem, 4vw, 2.5rem);
      color: var(--gold-light);
      margin-bottom: 20px;
    }
    .cta-text {
      font-size: 1.1rem;
      font-style: italic;
      color: var(--text-muted);
      max-width: 520px;
      margin: 0 auto 36px;
      line-height: 1.8;
    }

    .ornament {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin: 48px 0 36px;
    }
    .ornament-line {
      flex: 1;
      max-width: 200px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }
    .ornament-symbol {
      font-family: 'Cinzel Decorative', serif;
      font-size: 1.2rem;
      color: var(--gold);
    }

    /* ===== ANIMATIONS ===== */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: none; }
    }

    /* ===== SCROLLBAR ===== */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--dark); }
    ::-webkit-scrollbar-thumb { background: rgba(201,168,76,.3); border-radius: 3px; }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 600px) {
      .rarity-item { flex-wrap: wrap; }
      .rarity-name { min-width: auto; width: 100%; }
    }
</style>
<div class="stars"> </div>
<!-- ===== HERO ===== -->

<header class="hero">
<div class="hero-badge">Guide du Collectionneur</div>

<h1 class="hero-title">Cartes<br />
Harry Potter</h1>

<p class="hero-sub">Collection, rareté et investissement — tout ce qu'il faut savoir pour entrer dans l'univers des cartes à collectionner du monde sorcier.</p>

<div class="hero-divider"><span>⚡</span></div>
</header>
<!-- ===== MAIN CONTENT ===== --><main class="container"> <!-- 1. POURQUOI COLLECTIONNER -->
<section class="section visible">
<p class="section-label">Introduction</p>

<h2 class="section-title">Pourquoi collectionner les cartes Harry Potter ?</h2>

<p class="section-text">Depuis le succès planétaire de la saga, les objets de collection liés à l'univers de Poudlard n'ont cessé de fasciner fans et collectionneurs. Les cartes à collectionner Harry Potter occupent une place à part : elles condensent en un format miniature toute la magie des films, des personnages et des lieux iconiques.</p>

<p class="section-text">Bien plus qu'un simple passe-temps, elles permettent de revivre les scènes cultes, de retrouver ses personnages favoris dans des illustrations soignées, et de posséder des pièces uniques dont la valeur peut croître avec le temps. Une collection qui parle autant au cœur qu'à la raison.</p>
</section>
<!-- 2. ARTBOX -->

<section class="section visible">
<p class="section-label">Le marché de référence</p>

<h2 class="section-title">Les cartes Artbox : la référence absolue</h2>

<p class="section-text">Parmi les éditeurs présents sur le marché, <strong style="color:var(--gold-light)">Artbox</strong> s'impose comme la référence incontestée. Leur production rigoureuse, leurs finitions haut de gamme et la diversité de leurs séries en font le choix privilégié des collectionneurs sérieux. Voici les quatre grandes familles de cartes que vous y trouverez :</p>

<div class="card-grid">
<div class="card-item"><span class="card-icon">????</span>

<div class="card-item-title">Cartes Classiques</div>

<div class="card-item-desc">Visuels tirés directement des films. Idéales pour débuter et constituer une base solide.</div>
</div>

<div class="card-item"><span class="card-icon">✍️</span>

<div class="card-item-title">Cartes Autographes</div>

<div class="card-item-desc">Signées par les acteurs du film. Les signatures de Daniel Radcliffe ou Emma Watson sont particulièrement convoitées.</div>
</div>

<div class="card-item"><span class="card-icon">????</span>

<div class="card-item-title">Cartes Reliques</div>

<div class="card-item-desc">Intègrent un fragment authentique de costume de tournage. Parmi les pièces les plus rares et les plus précieuses.</div>
</div>

<div class="card-item"><span class="card-icon">????️</span>

<div class="card-item-title">Cartes Sketch</div>

<div class="card-item-desc">Illustrations originales réalisées à la main par des artistes. Chaque carte est unique, ce qui les rend exceptionnelles.</div>
</div>
</div>
</section>
<!-- 3. RARETÉ -->

<section class="section">
<p class="section-label">Cotes & Valeurs</p>

<h2 class="section-title">Les cartes les plus rares et les plus recherchées</h2>

<p class="section-text">La valeur d'une carte repose avant tout sur sa rareté. Certaines pièces, issues de tirages extrêmement limités ou comportant des éléments uniques, peuvent atteindre des sommes considérables sur le marché secondaire. Voici le classement par niveau de rareté :</p>

<div class="rarity-list">
<div class="rarity-item">
<div class="rarity-name">Autographes en édition limitée</div>

<div class="rarity-desc">Les plus précieuses du marché. La signature d'un acteur principal sur une carte numérotée peut valoir plusieurs centaines d'euros.</div>
</div>

<div class="rarity-item">
<div class="rarity-name">Cartes Reliques de costumes</div>

<div class="rarity-desc">Fragment de vêtement porté sur le tournage, encadré dans la carte. Une connexion physique unique avec l'univers du film.</div>
</div>

<div class="rarity-item">
<div class="rarity-name">Cartes numérotées</div>

<div class="rarity-desc">Chaque exemplaire porte son numéro d'édition (ex. 47/250). Plus le tirage est faible, plus la valeur est élevée.</div>
</div>

<div class="rarity-item">
<div class="rarity-name">Cartes Premium à finitions spéciales</div>

<div class="rarity-desc">Holographiques, dorées à chaud, en relief… des finitions d'exception pour des cartes que l'on ne trouve pas dans tous les boosters.</div>
</div>
</div>
</section>
<!-- 4. INVESTISSEMENT -->

<section class="section">
<p class="section-label">Valeur & Patrimoine</p>

<h2 class="section-title">Un investissement culturel et financier</h2>

<p class="section-text">Le marché des cartes à collectionner connaît une croissance significative depuis plusieurs années. La combinaison d'une offre structurellement limitée et d'une demande mondiale portée par des millions de fans fait de certaines cartes de véritables actifs de collection.</p>

<div class="highlight-box">
<div class="highlight-grid">
<div class="highlight-stat"><span class="highlight-stat-num">+300%</span> <span class="highlight-stat-label">Hausse observée sur certaines cartes autographes rares en 10 ans</span></div>

<div class="highlight-stat"><span class="highlight-stat-num">Near Mint</span> <span class="highlight-stat-label">L'état de conservation est le premier critère de valorisation</span></div>

<div class="highlight-stat"><span class="highlight-stat-num">Intemporel</span> <span class="highlight-stat-label">La saga Harry Potter continue d'attirer de nouveaux fans chaque génération</span></div>
</div>
</div>

<p class="section-text" style="margin-top:24px;">Pour maximiser le potentiel d'investissement de vos cartes, trois critères sont déterminants : l'<strong style="color:var(--gold-light)">état de conservation</strong> (Mint ou Near Mint), l'<strong style="color:var(--gold-light)">authenticité certifiée</strong> et l'appartenance à une <strong style="color:var(--gold-light)">série à fort tirage limité</strong>.</p>
</section>
<!-- 5. CONSERVATION -->

<section class="section">
<p class="section-label">Protection & Conservation</p>

<h2 class="section-title">Comment protéger et conserver ses cartes</h2>

<p class="section-text">L'état d'une carte est aussi important que sa rareté. Une carte exceptionnelle mal conservée peut perdre une grande partie de sa valeur. Voici les essentiels d'une bonne protection :</p>

<div class="protection-grid">
<div class="protection-item"><span class="protection-icon">????</span>

<div>
<div class="protection-name">Sleeves (protège-cartes)</div>

<div class="protection-desc">Premier rempart contre les rayures et l'humidité. À mettre immédiatement après ouverture du booster.</div>
</div>
</div>

<div class="protection-item"><span class="protection-icon">????️</span>

<div>
<div class="protection-name">Toploaders rigides</div>

<div class="protection-desc">Protection rigide indispensable pour les cartes de valeur. Évitent les pliures accidentelles.</div>
</div>
</div>

<div class="protection-item"><span class="protection-icon">????</span>

<div>
<div class="protection-name">Classeurs spécialisés</div>

<div class="protection-desc">Pour organiser et exposer votre collection en toute sécurité. Privilégiez des pages sans PVC.</div>
</div>
</div>

<div class="protection-item"><span class="protection-icon">????️</span>

<div>
<div class="protection-name">Boîtes de rangement</div>

<div class="protection-desc">Stockage à l'abri de la lumière et de l'humidité pour les pièces de grande valeur.</div>
</div>
</div>
</div>

<div class="warning-box"><span class="warning-icon">⚠️</span>

<p class="warning-text"><strong style="color:#e8a0a0">À éviter absolument :</strong> l'exposition à la lumière directe (décoloration), l'humidité (gondolage), les manipulations fréquentes sans précaution (empreintes, micro-rayures) et le stockage à des températures extrêmes.</p>
</div>
</section>
<!-- 6. CONSEILS -->

<section class="section">
<p class="section-label">Débuter & Progresser</p>

<h2 class="section-title">Conseils pour bien démarrer sa collection</h2>

<p class="section-text">Que vous soyez néophyte ou collectionneur averti, une stratégie claire vous permettra de constituer une collection cohérente et de ne pas disperser votre budget.</p>

<ul class="tips-list">
	<li><span class="tip-num">01</span>

	<div class="tip-content"><strong>Commencer par des boosters</strong> <span>C'est la porte d'entrée idéale : variété, effet de surprise et prix accessibles. Parfait pour explorer les différentes séries avant de se spécialiser.</span></div>
	</li>
	<li><span class="tip-num">02</span>
	<div class="tip-content"><strong>Définir une stratégie claire</strong> <span>Collection exhaustive d'une série, focus sur les cartes rares uniquement, ou thème précis (maisons de Poudlard, personnages…). Une direction évite les achats impulsifs.</span></div>
	</li>
	<li><span class="tip-num">03</span>
	<div class="tip-content"><strong>Suivre les cotes et le marché</strong> <span>eBay, forums spécialisés, groupes de collectionneurs… Observer les tendances permet d'acheter au bon moment et de ne pas surpayer une carte.</span></div>
	</li>
	<li><span class="tip-num">04</span>
	<div class="tip-content"><strong>Rejoindre la communauté</strong> <span>Échanger avec d'autres collectionneurs est la meilleure façon d'apprendre, de trouver des pièces rares et de rester informé des nouvelles sorties.</span></div>
	</li>
</ul>
</section>
<!-- CONCLUSION -->

<div class="ornament">
<div class="ornament-line"> </div>
<span class="ornament-symbol">✦</span>

<div class="ornament-line"> </div>
</div>

<section class="section cta">
<h2 class="cta-title">Que la magie commence</h2>

<p class="cta-text">Les cartes Harry Potter sont bien plus qu'un simple loisir : elles incarnent une passion multigénérationnelle, mêlant nostalgie, beauté et enjeu patrimonial. Chaque carte peut devenir une pièce précieuse — à condition de savoir la choisir, la conserver et la chérir.</p>

<div style="font-size:2rem; color: var(--gold); letter-spacing: .2em;">⚡ ???? ⚡</div>
</section>
</main>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p><script>
  // Scroll reveal
  const sections = document.querySelectorAll('.section');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('visible');
        observer.unobserve(e.target);
      }
    });
  }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });

  sections.forEach(s => observer.observe(s));
</script></p>

<p> </p>

<p> </p>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Les Articles Dédicacés Harry Potter : Un Trésor pour les Collectionneurs]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/les-articles-dedicaces-harry-potter-un-tresor-pour-les-collectionneurs.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/les-articles-dedicaces-harry-potter-un-tresor-pour-les-collectionneurs.html</guid>
                <pubDate>Wed, 25 Mar 2026 18:00:00 +0100</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[Il existe des objets qui vont bien au-delà du simple produit dérivé. Des pièces qui portent en elles une histoire, une rencontre, une émotion unique. Chez Magistera, nous proposons une sélection de pièces dédicacées Harry Potter authentiques — signées en mains propres par les acteurs eux-mêmes. Voici pourquoi elles méritent une place à part dans toute collection sérieuse.  





:root {
      --gold: #c9a84c;
      --gold-light: #e8c97a;
      --gold-pale: #f5e9c8;
      --ink: #1a1209;
      --parchment: #faf6ed;
      --parchment-dark: #f0e8d5;
      --burgundy: #6b1a2a;
      --smoke: #4a3f2f;
      --muted: #7a6a52;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      background-color: var(--parchment);
      color: var(--ink);
      font-family: 'EB Garamond', Georgia, serif;
      font-size: 18px;
      line-height: 1.75;
      overflow-x: hidden;
    }

    /* ── HERO ───────────────────────────────────── */
    .hero {
      position: relative;
      min-height: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 80px 24px 60px;
      overflow: hidden;
      background: radial-gradient(ellipse at 50% 0%, #2a1a08 0%, #0f0a04 70%);
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(201,168,76,.06) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(201,168,76,.06) 60px);
      pointer-events: none;
    }

    .hero-stars {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .star {
      position: absolute;
      width: 2px; height: 2px;
      background: #fff;
      border-radius: 50%;
      opacity: 0;
      animation: twinkle 4s infinite;
    }

    @keyframes twinkle {
      0%, 100% { opacity: 0; transform: scale(1); }
      50% { opacity: .7; transform: scale(1.5); }
    }

    .hero-eyebrow {
      font-family: 'Cinzel', serif;
      font-size: 11px;
      letter-spacing: 0.35em;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 20px;
      opacity: 0;
      animation: fadeUp .8s .2s ease forwards;
    }

    .hero-title {
      font-family: 'Cinzel', serif;
      font-size: clamp(28px, 5vw, 58px);
      font-weight: 800;
      color: #fff;
      line-height: 1.15;
      max-width: 760px;
      margin-bottom: 24px;
      opacity: 0;
      animation: fadeUp .8s .4s ease forwards;
    }

    .hero-title span {
      background: linear-gradient(90deg, var(--gold-light), var(--gold), var(--gold-light));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero-subtitle {
      font-size: 17px;
      color: rgba(255,255,255,.65);
      max-width: 520px;
      font-style: italic;
      opacity: 0;
      animation: fadeUp .8s .6s ease forwards;
    }

    .hero-divider {
      width: 80px;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      margin: 28px auto 0;
      opacity: 0;
      animation: fadeUp .8s .8s ease forwards;
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── META BAR ───────────────────────────────── */
    .meta-bar {
      background: var(--ink);
      color: var(--gold);
      font-family: 'Cinzel', serif;
      font-size: 11px;
      letter-spacing: .25em;
      text-transform: uppercase;
      display: flex;
      justify-content: center;
      gap: 40px;
      padding: 14px 24px;
      flex-wrap: wrap;
    }

    .meta-bar span { opacity: .75; }
    .meta-bar span b { opacity: 1; color: var(--gold-light); }

    /* ── LAYOUT ─────────────────────────────────── */
    .wrapper {
      max-width: 780px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* ── INTRO ──────────────────────────────────── */
    .intro {
      padding: 64px 0 48px;
      border-bottom: 1px solid rgba(201,168,76,.2);
    }

    .intro p {
      font-size: 20px;
      line-height: 1.8;
      color: var(--smoke);
    }

    .drop-cap::first-letter {
      font-family: 'Cinzel', serif;
      font-size: 4.5em;
      font-weight: 800;
      color: var(--gold);
      float: left;
      line-height: .75;
      margin: 6px 12px 0 0;
    }

    /* ── SECTION ────────────────────────────────── */
    .section {
      padding: 56px 0;
      border-bottom: 1px solid rgba(201,168,76,.15);
    }

    .section-label {
      font-family: 'Cinzel', serif;
      font-size: 10px;
      letter-spacing: .4em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 12px;
    }

    h2 {
      font-family: 'Cinzel', serif;
      font-size: clamp(22px, 3.5vw, 30px);
      font-weight: 600;
      color: var(--ink);
      line-height: 1.25;
      margin-bottom: 28px;
    }

    h3 {
      font-family: 'Cinzel', serif;
      font-size: 16px;
      font-weight: 600;
      color: var(--burgundy);
      margin: 36px 0 14px;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(201,168,76,.3);
    }

    p { margin-bottom: 18px; color: var(--smoke); }

    /* ── CARDS ──────────────────────────────────── */
    .cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 16px;
      margin: 32px 0;
    }

    .card {
      background: #fff;
      border: 1px solid rgba(201,168,76,.25);
      border-radius: 4px;
      padding: 20px 18px;
      position: relative;
      transition: transform .2s, box-shadow .2s;
    }

    .card:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(0,0,0,.08);
    }

    .card-badge {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: #fff;
      background: var(--gold);
      padding: 3px 8px;
      border-radius: 2px;
      margin-bottom: 10px;
    }

    .card-badge.rare { background: var(--burgundy); }

    .card-name {
      font-family: 'Cinzel', serif;
      font-size: 13px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 4px;
    }

    .card-actor {
      font-size: 13px;
      font-style: italic;
      color: var(--muted);
      margin-bottom: 10px;
    }

    .card-price {
      font-family: 'Cinzel', serif;
      font-size: 17px;
      font-weight: 800;
      color: var(--gold);
    }

    .card-sold {
      position: absolute;
      top: 12px; right: 12px;
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--burgundy);
      border: 1px solid var(--burgundy);
      padding: 2px 7px;
      border-radius: 2px;
    }

    /* ── CALLOUT ────────────────────────────────── */
    .callout {
      background: linear-gradient(135deg, #1a1209 0%, #2d1f0a 100%);
      border-left: 3px solid var(--gold);
      padding: 28px 32px;
      border-radius: 0 4px 4px 0;
      margin: 36px 0;
      position: relative;
      overflow: hidden;
    }

    .callout::after {
      content: '✦';
      position: absolute;
      right: 28px; top: 50%;
      transform: translateY(-50%);
      font-size: 48px;
      color: rgba(201,168,76,.08);
    }

    .callout p {
      color: rgba(255,255,255,.85);
      font-size: 17px;
      font-style: italic;
      margin: 0;
    }

    .callout strong { color: var(--gold-light); font-style: normal; }

    /* ── REASONS ────────────────────────────────── */
    .reasons {
      display: grid;
      gap: 24px;
      margin: 32px 0;
    }

    .reason {
      display: flex;
      gap: 20px;
      align-items: flex-start;
    }

    .reason-num {
      font-family: 'Cinzel', serif;
      font-size: 28px;
      font-weight: 800;
      color: var(--gold);
      line-height: 1;
      min-width: 40px;
      opacity: .4;
    }

    .reason-body h4 {
      font-family: 'Cinzel', serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 6px;
    }

    .reason-body p { margin: 0; font-size: 16px; }

    /* ── CERT BADGES ─────────────────────────────── */
    .cert-row {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      margin: 24px 0;
    }

    .cert {
      border: 1px solid rgba(201,168,76,.4);
      border-radius: 4px;
      padding: 14px 20px;
      text-align: center;
      min-width: 130px;
    }

    .cert-name {
      font-family: 'Cinzel', serif;
      font-size: 15px;
      font-weight: 700;
      color: var(--gold);
    }

    .cert-desc {
      font-size: 12px;
      color: var(--muted);
      margin-top: 4px;
    }

    /* ── CTA ─────────────────────────────────────── */
    .cta-block {
      background: linear-gradient(135deg, #1a1209, #3a2310);
      border: 1px solid rgba(201,168,76,.3);
      border-radius: 6px;
      padding: 52px 40px;
      text-align: center;
      margin: 64px 0;
      position: relative;
      overflow: hidden;
    }

    .cta-block::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle at 20% 50%, rgba(201,168,76,.07) 0%, transparent 60%),
                        radial-gradient(circle at 80% 50%, rgba(201,168,76,.07) 0%, transparent 60%);
    }

    .cta-block h2 {
      color: #fff;
      font-size: clamp(20px, 3vw, 28px);
      margin-bottom: 16px;
      position: relative;
    }

    .cta-block p {
      color: rgba(255,255,255,.6);
      font-size: 16px;
      max-width: 440px;
      margin: 0 auto 32px;
      position: relative;
    }

    .btn {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .2em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--ink);
      background: linear-gradient(90deg, var(--gold-light), var(--gold));
      padding: 16px 36px;
      border-radius: 3px;
      position: relative;
      transition: filter .2s, transform .2s;
    }

    .btn:hover { filter: brightness(1.1); transform: translateY(-2px); }

    .btn-ghost {
      color: rgba(255,255,255,.7);
      background: transparent;
      border: 1px solid rgba(201,168,76,.4);
      margin-left: 12px;
    }

    .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

    /* ── FOOTER ──────────────────────────────────── */
    .article-footer {
      border-top: 1px solid rgba(201,168,76,.2);
      padding: 40px 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }

    .tags { display: flex; gap: 8px; flex-wrap: wrap; }

    .tag {
      font-family: 'Cinzel', serif;
      font-size: 10px;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--muted);
      border: 1px solid rgba(201,168,76,.3);
      padding: 5px 12px;
      border-radius: 2px;
    }

    .contact-line { font-size: 14px; color: var(--muted); font-style: italic; }
    .contact-line a { color: var(--gold); text-decoration: none; }

    /* ── ORNAMENT ────────────────────────────────── */
    .ornament {
      text-align: center;
      color: var(--gold);
      opacity: .35;
      font-size: 22px;
      letter-spacing: .5em;
      padding: 24px 0;
    }

    /* ── RESPONSIVE ──────────────────────────────── */
    @media (max-width: 600px) {
      .cards { grid-template-columns: 1fr 1fr; }
      .meta-bar { gap: 16px; }
      .cta-block { padding: 36px 24px; }
      .btn-ghost { margin-left: 0; margin-top: 10px; }
    }



 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Magistera · Blog Collection 

Les Articles Dédicacés Harry Potter
Pourquoi Ces Pièces Sont de Véritables Trésors

Baguettes, photos et objets signés par les acteurs de la saga — ce que vous tenez entre les mains dépasse la simple collection. 

 



Par L'équipe Magistera Catégorie Collection & Dédicaces Lecture 5 min
 

Il existe des objets qui vont bien au-delà du simple produit dérivé. Des pièces qui portent en elles une histoire, une rencontre, une émotion unique. Chez Magistera, nous proposons une sélection de pièces dédicacées Harry Potter authentiques — signées en mains propres par les acteurs eux-mêmes. Voici pourquoi elles méritent une place à part dans toute collection sérieuse. 




Définition 

Qu'est-ce qu'une pièce dédicacée Harry Potter ?

Une pièce dédicacée, c'est un objet officiel — baguette, photo, figurine, présentoir — signé physiquement par un acteur de la saga lors d'une convention, d'un événement ou d'une rencontre officielle. Ce n'est pas une impression, pas une reproduction numérique : c'est une signature réelle, unique, traçable. 

Chez Magistera, toutes nos pièces dédicacées sont accompagnées d'un certificat d'authenticité délivré par des organismes reconnus mondialement, garantissant leur provenance et leur valeur. 



SWAU

Steiner Sports Authentics United — référence internationale



Beckett

Beckett Authentication Services — standard de l'industrie



COA

Certificate of Authenticity fourni avec chaque pièce






Notre Sélection 

Les Baguettes Dédicacées

Les baguettes magiques sont l'objet le plus emblématique de l'univers Harry Potter. Signées par un acteur de la saga, elles deviennent des pièces doublement précieuses — alliant l'excellence de la Noble Collection à l'unicité d'une vraie dédicace. 


Dédicacée

Seamus Finnigan

par Devon Murray

159 €


Dédicacée

Prof. Flitwick

par Warwick Davis

219 €


Dédicacée

Lavender Brown

par Jessie Cave

159 €


Dédicacée

Percy Weasley

par Chris Rankin

159 €


Dédicacée

Arthur Weasley

par Mark Williams

159 €


Vendu

Épuisé

Ron Weasley

par Rupert Grint

299 €


Vendu

Épuisé

Neville Londubat

par Matthew Lewis

219 €




Les baguettes signées par Rupert Grint et Matthew Lewis sont parties très rapidement. Les signatures des acteurs principaux se raréfient chaque année — si vous en voyez une disponible, ne tardez pas. 





Notre Sélection 

Les Photos Dédicacées

Les photos dédicacées sont des pièces accessibles, idéales pour intégrer une signature authentique dans sa collection sans nécessairement un grand budget. Chaque photo est accompagnée de son certificat. 


Rare

Daniel Radcliffe

Harry Potter — Certif. Beckett

275 €


Dédicacée

Devon Murray

Seamus Finnigan

39 €


Dédicacée

Sean Biggerstaff

Oliver Wood

39 €



La photo de Daniel Radcliffe mérite une mention spéciale. L'acteur signe de moins en moins depuis des années — sa signature, certifiée par Beckett, est une pièce qui prend de la valeur de façon constante. Une acquisition rare à ne pas manquer. 




Notre Sélection 

Les Objets Dédicacés Uniques


- Funko Pop! Luna Lovegood — Evanna Lynch


Une figurine collector Funko Pop! N°47, signée en personne par Evanna Lynch, l'interprète de Luna Lovegood. Un objet qui combine la popularité des Pop! avec l'authenticité d'une vraie dédicace. Disponible à 149 €. 


- Présentoir Gryffondor — Alfred Enoch


Pièce unique : un présentoir Gryffondor signé par Alfred Enoch (Dean Thomas). Un objet sobre et élégant qui s'expose aussi bien qu'une œuvre d'art. 159 € — pièce unique, non reproductible. 


- Objet Dédicacé — Bonnie Wright


Lors de la convention, Bonnie Wright s'est montrée d'une douceur et d'une attention remarquables envers chaque fan. Sa signature porte quelque chose de sincère et d'authentique qui va bien au-delà d'un simple autographe. Une pièce pour les fans de Ginny Weasley avant tout. 


✦ ✦ ✦



Valeur & Rareté 

Pourquoi Investir dans une Pièce Dédicacée ?



01



Une valeur qui ne fait qu'augmenter


Les acteurs de Harry Potter participent de moins en moins aux conventions. Chaque année qui passe, leurs signatures se raréfient davantage. Une baguette signée aujourd'hui vaut déjà bien plus qu'au moment de la dédicace. 




02



Un objet véritablement unique


Contrairement à une réplique, une pièce dédicacée ne peut pas être reproduite à l'infini. Elle est liée à un moment, un lieu, une rencontre. C'est ce qui la rend irremplaçable dans une collection. 




03



Un cadeau d'exception


Pour un Potterhead, recevoir une baguette dédicacée par son acteur favori, c'est un cadeau qui marque à vie. Un objet à la fois sentimental et précieux, que l'on expose fièrement. 







Notre Engagement 

Comment Garantissons-nous l'Authenticité ?

Chez Magistera, nous ne vendons que des pièces authentiques. Nos dédicaces sont vérifiées  soitpar des organismes reconnus comme SWAU (Steiner Sports Authentics United) ou Beckett Authentication Services, références mondiales dans ce domaine, ou dédicaces effectuées lors de convention. 

Face à la prolifération des contrefaçons, cette rigueur n'est pas une option : c'est notre promesse fondamentale envers vous. 




La Magie Continue Chez Magistera

Découvrez notre sélection complète de pièces dédicacées, certifiées et prêtes à rejoindre votre collection. 
Voir les pièces dédicacées Tout le catalogue collector



Baguette dédicacée Harry Potter collector Autographe acteur Noble Collection Pièce rare

Questions ? contact@magistera.fr · 06 50 59 61 69 



  

  

  

  

  

  

  

  

  

  

  

  

  

  

  


  // Génération des étoiles dans le hero
  const container = document.getElementById('stars');
  for (let i = 0; i < 80; i++) {
    const s = document.createElement('div');
    s.className = 'star';
    s.style.left = Math.random() * 100 + '%';
    s.style.top  = Math.random() * 100 + '%';
    s.style.animationDelay = (Math.random() * 4) + 's';
    s.style.animationDuration = (2 + Math.random() * 4) + 's';
    s.style.width = s.style.height = (Math.random() > .7 ? 3 : 2) + 'px';
    container.appendChild(s);
  }
 

  

  
]]></description>
                <content:encoded><![CDATA[<p>Il existe des objets qui vont bien au-delà du simple produit dérivé. Des pièces qui portent en elles une histoire, une rencontre, une émotion unique. Chez Magistera, nous proposons une sélection de pièces dédicacées Harry Potter authentiques — signées en mains propres par les acteurs eux-mêmes. Voici pourquoi elles méritent une place à part dans toute collection sérieuse. <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p>
<title></title>
<meta name="description" content="Découvrez pourquoi les pièces dédicacées Harry Potter sont de véritables trésors de collection. Baguettes, photos et objets signés par les acteurs, disponibles chez Magistera.">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
<style type="text/css">:root {
      --gold: #c9a84c;
      --gold-light: #e8c97a;
      --gold-pale: #f5e9c8;
      --ink: #1a1209;
      --parchment: #faf6ed;
      --parchment-dark: #f0e8d5;
      --burgundy: #6b1a2a;
      --smoke: #4a3f2f;
      --muted: #7a6a52;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      background-color: var(--parchment);
      color: var(--ink);
      font-family: 'EB Garamond', Georgia, serif;
      font-size: 18px;
      line-height: 1.75;
      overflow-x: hidden;
    }

    /* ── HERO ───────────────────────────────────── */
    .hero {
      position: relative;
      min-height: 520px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 80px 24px 60px;
      overflow: hidden;
      background: radial-gradient(ellipse at 50% 0%, #2a1a08 0%, #0f0a04 70%);
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(201,168,76,.06) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(201,168,76,.06) 60px);
      pointer-events: none;
    }

    .hero-stars {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .star {
      position: absolute;
      width: 2px; height: 2px;
      background: #fff;
      border-radius: 50%;
      opacity: 0;
      animation: twinkle 4s infinite;
    }

    @keyframes twinkle {
      0%, 100% { opacity: 0; transform: scale(1); }
      50% { opacity: .7; transform: scale(1.5); }
    }

    .hero-eyebrow {
      font-family: 'Cinzel', serif;
      font-size: 11px;
      letter-spacing: 0.35em;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 20px;
      opacity: 0;
      animation: fadeUp .8s .2s ease forwards;
    }

    .hero-title {
      font-family: 'Cinzel', serif;
      font-size: clamp(28px, 5vw, 58px);
      font-weight: 800;
      color: #fff;
      line-height: 1.15;
      max-width: 760px;
      margin-bottom: 24px;
      opacity: 0;
      animation: fadeUp .8s .4s ease forwards;
    }

    .hero-title span {
      background: linear-gradient(90deg, var(--gold-light), var(--gold), var(--gold-light));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .hero-subtitle {
      font-size: 17px;
      color: rgba(255,255,255,.65);
      max-width: 520px;
      font-style: italic;
      opacity: 0;
      animation: fadeUp .8s .6s ease forwards;
    }

    .hero-divider {
      width: 80px;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      margin: 28px auto 0;
      opacity: 0;
      animation: fadeUp .8s .8s ease forwards;
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── META BAR ───────────────────────────────── */
    .meta-bar {
      background: var(--ink);
      color: var(--gold);
      font-family: 'Cinzel', serif;
      font-size: 11px;
      letter-spacing: .25em;
      text-transform: uppercase;
      display: flex;
      justify-content: center;
      gap: 40px;
      padding: 14px 24px;
      flex-wrap: wrap;
    }

    .meta-bar span { opacity: .75; }
    .meta-bar span b { opacity: 1; color: var(--gold-light); }

    /* ── LAYOUT ─────────────────────────────────── */
    .wrapper {
      max-width: 780px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* ── INTRO ──────────────────────────────────── */
    .intro {
      padding: 64px 0 48px;
      border-bottom: 1px solid rgba(201,168,76,.2);
    }

    .intro p {
      font-size: 20px;
      line-height: 1.8;
      color: var(--smoke);
    }

    .drop-cap::first-letter {
      font-family: 'Cinzel', serif;
      font-size: 4.5em;
      font-weight: 800;
      color: var(--gold);
      float: left;
      line-height: .75;
      margin: 6px 12px 0 0;
    }

    /* ── SECTION ────────────────────────────────── */
    .section {
      padding: 56px 0;
      border-bottom: 1px solid rgba(201,168,76,.15);
    }

    .section-label {
      font-family: 'Cinzel', serif;
      font-size: 10px;
      letter-spacing: .4em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 12px;
    }

    h2 {
      font-family: 'Cinzel', serif;
      font-size: clamp(22px, 3.5vw, 30px);
      font-weight: 600;
      color: var(--ink);
      line-height: 1.25;
      margin-bottom: 28px;
    }

    h3 {
      font-family: 'Cinzel', serif;
      font-size: 16px;
      font-weight: 600;
      color: var(--burgundy);
      margin: 36px 0 14px;
      padding-bottom: 8px;
      border-bottom: 1px solid rgba(201,168,76,.3);
    }

    p { margin-bottom: 18px; color: var(--smoke); }

    /* ── CARDS ──────────────────────────────────── */
    .cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 16px;
      margin: 32px 0;
    }

    .card {
      background: #fff;
      border: 1px solid rgba(201,168,76,.25);
      border-radius: 4px;
      padding: 20px 18px;
      position: relative;
      transition: transform .2s, box-shadow .2s;
    }

    .card:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(0,0,0,.08);
    }

    .card-badge {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: #fff;
      background: var(--gold);
      padding: 3px 8px;
      border-radius: 2px;
      margin-bottom: 10px;
    }

    .card-badge.rare { background: var(--burgundy); }

    .card-name {
      font-family: 'Cinzel', serif;
      font-size: 13px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 4px;
    }

    .card-actor {
      font-size: 13px;
      font-style: italic;
      color: var(--muted);
      margin-bottom: 10px;
    }

    .card-price {
      font-family: 'Cinzel', serif;
      font-size: 17px;
      font-weight: 800;
      color: var(--gold);
    }

    .card-sold {
      position: absolute;
      top: 12px; right: 12px;
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--burgundy);
      border: 1px solid var(--burgundy);
      padding: 2px 7px;
      border-radius: 2px;
    }

    /* ── CALLOUT ────────────────────────────────── */
    .callout {
      background: linear-gradient(135deg, #1a1209 0%, #2d1f0a 100%);
      border-left: 3px solid var(--gold);
      padding: 28px 32px;
      border-radius: 0 4px 4px 0;
      margin: 36px 0;
      position: relative;
      overflow: hidden;
    }

    .callout::after {
      content: '✦';
      position: absolute;
      right: 28px; top: 50%;
      transform: translateY(-50%);
      font-size: 48px;
      color: rgba(201,168,76,.08);
    }

    .callout p {
      color: rgba(255,255,255,.85);
      font-size: 17px;
      font-style: italic;
      margin: 0;
    }

    .callout strong { color: var(--gold-light); font-style: normal; }

    /* ── REASONS ────────────────────────────────── */
    .reasons {
      display: grid;
      gap: 24px;
      margin: 32px 0;
    }

    .reason {
      display: flex;
      gap: 20px;
      align-items: flex-start;
    }

    .reason-num {
      font-family: 'Cinzel', serif;
      font-size: 28px;
      font-weight: 800;
      color: var(--gold);
      line-height: 1;
      min-width: 40px;
      opacity: .4;
    }

    .reason-body h4 {
      font-family: 'Cinzel', serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 6px;
    }

    .reason-body p { margin: 0; font-size: 16px; }

    /* ── CERT BADGES ─────────────────────────────── */
    .cert-row {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      margin: 24px 0;
    }

    .cert {
      border: 1px solid rgba(201,168,76,.4);
      border-radius: 4px;
      padding: 14px 20px;
      text-align: center;
      min-width: 130px;
    }

    .cert-name {
      font-family: 'Cinzel', serif;
      font-size: 15px;
      font-weight: 700;
      color: var(--gold);
    }

    .cert-desc {
      font-size: 12px;
      color: var(--muted);
      margin-top: 4px;
    }

    /* ── CTA ─────────────────────────────────────── */
    .cta-block {
      background: linear-gradient(135deg, #1a1209, #3a2310);
      border: 1px solid rgba(201,168,76,.3);
      border-radius: 6px;
      padding: 52px 40px;
      text-align: center;
      margin: 64px 0;
      position: relative;
      overflow: hidden;
    }

    .cta-block::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(circle at 20% 50%, rgba(201,168,76,.07) 0%, transparent 60%),
                        radial-gradient(circle at 80% 50%, rgba(201,168,76,.07) 0%, transparent 60%);
    }

    .cta-block h2 {
      color: #fff;
      font-size: clamp(20px, 3vw, 28px);
      margin-bottom: 16px;
      position: relative;
    }

    .cta-block p {
      color: rgba(255,255,255,.6);
      font-size: 16px;
      max-width: 440px;
      margin: 0 auto 32px;
      position: relative;
    }

    .btn {
      display: inline-block;
      font-family: 'Cinzel', serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .2em;
      text-transform: uppercase;
      text-decoration: none;
      color: var(--ink);
      background: linear-gradient(90deg, var(--gold-light), var(--gold));
      padding: 16px 36px;
      border-radius: 3px;
      position: relative;
      transition: filter .2s, transform .2s;
    }

    .btn:hover { filter: brightness(1.1); transform: translateY(-2px); }

    .btn-ghost {
      color: rgba(255,255,255,.7);
      background: transparent;
      border: 1px solid rgba(201,168,76,.4);
      margin-left: 12px;
    }

    .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

    /* ── FOOTER ──────────────────────────────────── */
    .article-footer {
      border-top: 1px solid rgba(201,168,76,.2);
      padding: 40px 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }

    .tags { display: flex; gap: 8px; flex-wrap: wrap; }

    .tag {
      font-family: 'Cinzel', serif;
      font-size: 10px;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--muted);
      border: 1px solid rgba(201,168,76,.3);
      padding: 5px 12px;
      border-radius: 2px;
    }

    .contact-line { font-size: 14px; color: var(--muted); font-style: italic; }
    .contact-line a { color: var(--gold); text-decoration: none; }

    /* ── ORNAMENT ────────────────────────────────── */
    .ornament {
      text-align: center;
      color: var(--gold);
      opacity: .35;
      font-size: 22px;
      letter-spacing: .5em;
      padding: 24px 0;
    }

    /* ── RESPONSIVE ──────────────────────────────── */
    @media (max-width: 600px) {
      .cards { grid-template-columns: 1fr 1fr; }
      .meta-bar { gap: 16px; }
      .cta-block { padding: 36px 24px; }
      .btn-ghost { margin-left: 0; margin-top: 10px; }
    }
</style>
<!-- ── HERO ── -->
<header class="hero">
<div class="hero-stars" id="stars"> 
<div class="star" style="left: 54.2217%; top: 64.5245%; animation-delay: 0.114917s; animation-duration: 3.59164s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 64.4226%; top: 46.109%; animation-delay: 0.524244s; animation-duration: 5.03726s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 41.2299%; top: 66.076%; animation-delay: 0.00655258s; animation-duration: 2.47532s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 61.7053%; top: 6.93492%; animation-delay: 0.499029s; animation-duration: 4.27328s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 8.8973%; top: 17.1475%; animation-delay: 0.24648s; animation-duration: 3.103s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 53.7063%; top: 81.8157%; animation-delay: 1.37207s; animation-duration: 4.57613s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 23.1194%; top: 14.8965%; animation-delay: 1.03197s; animation-duration: 3.61422s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 78.3416%; top: 69.9962%; animation-delay: 2.97791s; animation-duration: 5.65691s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 97.6241%; top: 96.7497%; animation-delay: 3.17735s; animation-duration: 2.42226s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 87.2525%; top: 22.2102%; animation-delay: 2.02069s; animation-duration: 5.7905s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 26.227%; top: 74.8591%; animation-delay: 1.02515s; animation-duration: 4.11856s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 73.5668%; top: 96.609%; animation-delay: 1.31859s; animation-duration: 3.65369s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 61.4092%; top: 98.9079%; animation-delay: 0.449216s; animation-duration: 4.69841s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 43.9907%; top: 50.9431%; animation-delay: 2.41703s; animation-duration: 2.90269s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 76.7855%; top: 44.0355%; animation-delay: 2.48818s; animation-duration: 4.5406s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 53.0939%; top: 51.5498%; animation-delay: 0.488895s; animation-duration: 4.04323s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 32.3126%; top: 88.0236%; animation-delay: 3.02061s; animation-duration: 5.9868s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 68.7824%; top: 52.0508%; animation-delay: 2.43378s; animation-duration: 5.92258s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 63.9461%; top: 45.2005%; animation-delay: 3.14205s; animation-duration: 4.42434s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 17.1736%; top: 77.5513%; animation-delay: 3.53634s; animation-duration: 4.493s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 68.7442%; top: 37.8811%; animation-delay: 0.42577s; animation-duration: 4.14676s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 45.9531%; top: 71.0861%; animation-delay: 1.01578s; animation-duration: 3.50528s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 81.2754%; top: 10.9922%; animation-delay: 0.647422s; animation-duration: 3.59536s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 72.3891%; top: 39.788%; animation-delay: 1.05395s; animation-duration: 5.64044s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 96.1745%; top: 77.2925%; animation-delay: 2.05427s; animation-duration: 3.61828s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 87.2054%; top: 3.37863%; animation-delay: 0.268501s; animation-duration: 4.11813s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 1.62405%; top: 37.0389%; animation-delay: 0.966446s; animation-duration: 4.03711s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 57.3407%; top: 17.4873%; animation-delay: 1.87935s; animation-duration: 3.49599s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 99.3525%; top: 41.5754%; animation-delay: 3.33253s; animation-duration: 2.73047s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 95.1344%; top: 17.458%; animation-delay: 0.661674s; animation-duration: 3.86338s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 7.24679%; top: 50.4862%; animation-delay: 2.91022s; animation-duration: 5.0968s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 93.5199%; top: 47.9133%; animation-delay: 0.20735s; animation-duration: 3.56922s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 85.5844%; top: 80.3686%; animation-delay: 0.520024s; animation-duration: 5.8955s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 4.41346%; top: 30.8538%; animation-delay: 0.0178946s; animation-duration: 4.75407s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 25.5664%; top: 19.9435%; animation-delay: 1.73559s; animation-duration: 3.41212s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 66.835%; top: 45.7145%; animation-delay: 0.159546s; animation-duration: 3.69485s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 65.2634%; top: 79.8383%; animation-delay: 1.23953s; animation-duration: 4.94791s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 70.4219%; top: 40.8239%; animation-delay: 3.73414s; animation-duration: 2.00907s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 0.999093%; top: 49.3897%; animation-delay: 3.35176s; animation-duration: 4.06846s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.319%; top: 58.8663%; animation-delay: 2.60657s; animation-duration: 3.45296s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 55.8563%; top: 39.7185%; animation-delay: 3.66972s; animation-duration: 3.778s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 13.9067%; top: 84.3917%; animation-delay: 3.92177s; animation-duration: 4.32688s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 62.0369%; top: 50.0593%; animation-delay: 0.23648s; animation-duration: 3.3768s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 47.9836%; top: 60.2081%; animation-delay: 0.0359954s; animation-duration: 4.56342s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 96.7497%; top: 85.3236%; animation-delay: 1.09492s; animation-duration: 3.52297s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 41.7328%; top: 73.1011%; animation-delay: 2.91487s; animation-duration: 2.50343s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 55.1739%; top: 65.4624%; animation-delay: 3.87172s; animation-duration: 3.47406s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 96.5566%; top: 37.02%; animation-delay: 2.90701s; animation-duration: 3.27203s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 67.1673%; top: 45.3416%; animation-delay: 1.71923s; animation-duration: 5.18035s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 21.8262%; top: 34.5232%; animation-delay: 1.70575s; animation-duration: 4.01167s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 9.48107%; top: 24.5369%; animation-delay: 0.516822s; animation-duration: 2.10086s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 14.1221%; top: 97.9905%; animation-delay: 1.50021s; animation-duration: 4.53444s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 37.5447%; top: 7.43762%; animation-delay: 1.17594s; animation-duration: 2.93769s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 69.8049%; top: 33.4123%; animation-delay: 2.13858s; animation-duration: 2.1632s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 13.7433%; top: 26.3323%; animation-delay: 1.6423s; animation-duration: 2.26348s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 45.4042%; top: 34.868%; animation-delay: 2.68774s; animation-duration: 3.53652s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 17.9981%; top: 73.4949%; animation-delay: 2.27224s; animation-duration: 5.70491s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 3.94336%; top: 20.464%; animation-delay: 3.08516s; animation-duration: 4.80954s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 2.87154%; top: 38.9731%; animation-delay: 3.77007s; animation-duration: 3.15336s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 98.4832%; top: 46.3716%; animation-delay: 1.56122s; animation-duration: 3.91344s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 43.6297%; top: 54.3593%; animation-delay: 1.54035s; animation-duration: 3.43095s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 68.351%; top: 6.29491%; animation-delay: 3.76872s; animation-duration: 2.90269s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 36.295%; top: 73.1505%; animation-delay: 2.57571s; animation-duration: 5.10538s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 5.88224%; top: 99.7632%; animation-delay: 0.683909s; animation-duration: 5.32096s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 22.3805%; top: 64.9982%; animation-delay: 3.42482s; animation-duration: 5.07095s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 63.6635%; top: 3.7517%; animation-delay: 3.23559s; animation-duration: 4.1404s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 6.80662%; top: 57.3051%; animation-delay: 2.92703s; animation-duration: 5.35337s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 61.5548%; top: 61.5923%; animation-delay: 1.08218s; animation-duration: 4.46734s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 92.8774%; top: 64.0658%; animation-delay: 1.95033s; animation-duration: 2.69411s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 38.6614%; top: 85.2616%; animation-delay: 2.38983s; animation-duration: 4.24097s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 68.7137%; top: 28.2929%; animation-delay: 3.29801s; animation-duration: 4.20423s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.3723%; top: 80.8493%; animation-delay: 2.77435s; animation-duration: 4.47745s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.185%; top: 8.22387%; animation-delay: 3.8436s; animation-duration: 4.53711s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 99.7996%; top: 88.476%; animation-delay: 1.92149s; animation-duration: 4.7919s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.6217%; top: 4.07266%; animation-delay: 0.547005s; animation-duration: 4.06405s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 30.7271%; top: 80.4364%; animation-delay: 1.91587s; animation-duration: 5.65811s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 34.4941%; top: 83.8642%; animation-delay: 0.633796s; animation-duration: 2.76268s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 61.2259%; top: 34.0284%; animation-delay: 1.58974s; animation-duration: 5.70726s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 28.8092%; top: 3.99462%; animation-delay: 0.873353s; animation-duration: 4.32258s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 48.1117%; top: 26.5441%; animation-delay: 2.54166s; animation-duration: 3.28039s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 92.7692%; top: 20.5589%; animation-delay: 1.71953s; animation-duration: 5.63957s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 53.8376%; top: 73.7858%; animation-delay: 2.44659s; animation-duration: 2.26597s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 76.6484%; top: 7.79478%; animation-delay: 3.29742s; animation-duration: 4.32176s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 37.2387%; top: 0.171674%; animation-delay: 3.92426s; animation-duration: 2.8547s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 42.1948%; top: 31.6098%; animation-delay: 1.08753s; animation-duration: 5.88002s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 8.0468%; top: 1.69802%; animation-delay: 2.85777s; animation-duration: 3.36744s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 58.6709%; top: 81.5416%; animation-delay: 1.14531s; animation-duration: 5.39927s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 66.7137%; top: 92.2504%; animation-delay: 3.89511s; animation-duration: 5.32212s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 57.8155%; top: 73.2644%; animation-delay: 2.13031s; animation-duration: 5.39658s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 21.7505%; top: 49.7648%; animation-delay: 2.96403s; animation-duration: 3.96313s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 18.0644%; top: 96.7823%; animation-delay: 1.1955s; animation-duration: 4.01204s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 28.7253%; top: 18.1146%; animation-delay: 0.980589s; animation-duration: 5.63088s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 62.4881%; top: 21.1636%; animation-delay: 2.38593s; animation-duration: 4.72155s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 50.6214%; top: 85.2596%; animation-delay: 0.400922s; animation-duration: 3.83274s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 18.0504%; top: 92.8103%; animation-delay: 3.97374s; animation-duration: 5.09165s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 12.2019%; top: 83.6602%; animation-delay: 0.817829s; animation-duration: 3.65839s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 68.738%; top: 19.7553%; animation-delay: 0.0236747s; animation-duration: 5.33183s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 92.2161%; top: 15.7828%; animation-delay: 0.0801558s; animation-duration: 3.358s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 51.8574%; top: 20.4924%; animation-delay: 1.76055s; animation-duration: 4.27623s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 75.3787%; top: 27.4201%; animation-delay: 0.346601s; animation-duration: 4.62032s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 60.7539%; top: 15.5285%; animation-delay: 0.568389s; animation-duration: 2.30929s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 85.2637%; top: 16.5323%; animation-delay: 3.90292s; animation-duration: 2.18146s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 84.3063%; top: 3.15095%; animation-delay: 0.335208s; animation-duration: 5.33437s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 72.1614%; top: 35.2065%; animation-delay: 1.0444s; animation-duration: 5.16411s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 25.2281%; top: 76.9494%; animation-delay: 0.0767391s; animation-duration: 4.89919s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 44.6483%; top: 85.2199%; animation-delay: 0.309886s; animation-duration: 4.79487s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 77.2451%; top: 99.307%; animation-delay: 1.45846s; animation-duration: 3.60146s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 28.7332%; top: 64.6293%; animation-delay: 2.65213s; animation-duration: 4.67092s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 83.8945%; top: 70.3%; animation-delay: 3.39703s; animation-duration: 2.54164s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 96.6685%; top: 22.8573%; animation-delay: 3.41322s; animation-duration: 5.73058s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 19.736%; top: 15.6944%; animation-delay: 1.88097s; animation-duration: 2.83966s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 57.21%; top: 78.4319%; animation-delay: 2.3457s; animation-duration: 4.83464s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 8.52402%; top: 99.9688%; animation-delay: 2.18163s; animation-duration: 3.82125s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 88.6188%; top: 15.5761%; animation-delay: 0.61933s; animation-duration: 5.06898s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 19.8644%; top: 36.2296%; animation-delay: 0.554414s; animation-duration: 2.85839s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 42.2156%; top: 64.3351%; animation-delay: 2.31367s; animation-duration: 4.01993s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 40.8535%; top: 54.991%; animation-delay: 3.23386s; animation-duration: 5.1363s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.9774%; top: 12.9991%; animation-delay: 2.88293s; animation-duration: 2.88305s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 87.3586%; top: 16.0798%; animation-delay: 0.874036s; animation-duration: 4.38487s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 91.948%; top: 84.7741%; animation-delay: 0.677165s; animation-duration: 3.17767s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 59.0337%; top: 7.62072%; animation-delay: 1.15716s; animation-duration: 5.928s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 13.4139%; top: 66.1095%; animation-delay: 0.208512s; animation-duration: 5.0503s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 34.5218%; top: 56.3365%; animation-delay: 2.0038s; animation-duration: 5.9149s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 71.8941%; top: 40.998%; animation-delay: 2.86675s; animation-duration: 4.33306s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 73.737%; top: 44.5319%; animation-delay: 3.59204s; animation-duration: 5.43956s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 51.1073%; top: 36.1743%; animation-delay: 3.35525s; animation-duration: 2.11535s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 54.7628%; top: 53.3843%; animation-delay: 3.9152s; animation-duration: 3.15558s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 70.8647%; top: 31.5445%; animation-delay: 0.0123714s; animation-duration: 2.53122s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 62.8896%; top: 96.3175%; animation-delay: 0.881744s; animation-duration: 5.41997s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 9.55792%; top: 7.42003%; animation-delay: 0.180719s; animation-duration: 5.84561s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 3.65006%; top: 60.5667%; animation-delay: 3.17645s; animation-duration: 3.03616s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 43.1792%; top: 81.6853%; animation-delay: 0.577487s; animation-duration: 4.77509s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 42.4338%; top: 39.0938%; animation-delay: 2.73711s; animation-duration: 3.05165s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 98.5071%; top: 74.5402%; animation-delay: 2.41715s; animation-duration: 2.5007s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 36.1245%; top: 52.2254%; animation-delay: 3.9152s; animation-duration: 5.53419s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 18.1402%; top: 6.52804%; animation-delay: 2.92321s; animation-duration: 4.20728s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 86.0838%; top: 12.7158%; animation-delay: 0.621702s; animation-duration: 2.67191s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 82.5204%; top: 83.6676%; animation-delay: 3.71206s; animation-duration: 2.14188s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 12.6381%; top: 76.3226%; animation-delay: 1.52328s; animation-duration: 4.65687s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 57.7729%; top: 73.6711%; animation-delay: 2.71165s; animation-duration: 3.03465s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 0.136658%; top: 70.3903%; animation-delay: 3.6016s; animation-duration: 3.08531s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 88.6376%; top: 88.4998%; animation-delay: 3.48714s; animation-duration: 2.86724s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 98.571%; top: 65.8989%; animation-delay: 3.41918s; animation-duration: 3.47943s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 25.3639%; top: 25.9058%; animation-delay: 0.0678577s; animation-duration: 3.58742s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 15.4091%; top: 17.7894%; animation-delay: 2.92556s; animation-duration: 4.46054s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 83.6095%; top: 51.7674%; animation-delay: 3.24239s; animation-duration: 5.69253s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 84.7988%; top: 94.9717%; animation-delay: 2.76696s; animation-duration: 5.71415s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 99.0279%; top: 72.3936%; animation-delay: 3.87431s; animation-duration: 3.50624s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 22.2902%; top: 57.4398%; animation-delay: 3.98956s; animation-duration: 5.80488s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 38.9774%; top: 78.8448%; animation-delay: 1.42554s; animation-duration: 3.8048s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 99.5941%; top: 1.7991%; animation-delay: 2.50855s; animation-duration: 4.9305s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 9.05068%; top: 57.5527%; animation-delay: 3.97033s; animation-duration: 3.82493s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 97.5936%; top: 89.0025%; animation-delay: 3.98697s; animation-duration: 3.49549s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 82.1568%; top: 48.8736%; animation-delay: 2.13729s; animation-duration: 4.36237s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 43.9874%; top: 94.3206%; animation-delay: 3.30966s; animation-duration: 5.65279s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 49.9331%; top: 99.9684%; animation-delay: 0.0394623s; animation-duration: 2.63554s; height: 3px; width: 3px;"> </div>

<div class="star" style="left: 1.9179%; top: 86.6567%; animation-delay: 1.86062s; animation-duration: 3.00991s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 35.7754%; top: 50.2423%; animation-delay: 1.8008s; animation-duration: 2.2875s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 16.6589%; top: 67.4052%; animation-delay: 1.44059s; animation-duration: 4.55164s; height: 2px; width: 2px;"> </div>

<div class="star" style="left: 5.52998%; top: 24.7514%; animation-delay: 0.503614s; animation-duration: 2.77029s; height: 2px; width: 2px;"> </div>
</div>

<p class="hero-eyebrow">Magistera · Blog Collection</p>

<h1 class="hero-title">Les Articles Dédicacés <span>Harry Potter</span><br />
Pourquoi Ces Pièces Sont de Véritables Trésors</h1>

<p class="hero-subtitle">Baguettes, photos et objets signés par les acteurs de la saga — ce que vous tenez entre les mains dépasse la simple collection.</p>

<div class="hero-divider"> </div>
</header>
<!-- ── META ── -->

<div class="meta-bar"><span>Par <b>L'équipe Magistera</b></span> <span>Catégorie <b>Collection & Dédicaces</b></span> <span>Lecture <b>5 min</b></span></div>
<!-- ── CONTENU ── --><main class="wrapper"> <!-- INTRO -->
<section class="intro">
<p class="drop-cap">Il existe des objets qui vont bien au-delà du simple produit dérivé. Des pièces qui portent en elles une histoire, une rencontre, une émotion unique. Chez Magistera, nous proposons une sélection de pièces dédicacées Harry Potter authentiques — signées en mains propres par les acteurs eux-mêmes. Voici pourquoi elles méritent une place à part dans toute collection sérieuse.</p>
</section>
<!-- QU'EST-CE QU'UNE PIÈCE DÉDICACÉE -->

<section class="section">
<p class="section-label">Définition</p>

<h2>Qu'est-ce qu'une pièce dédicacée Harry Potter ?</h2>

<p>Une pièce dédicacée, c'est un objet officiel — baguette, photo, figurine, présentoir — signé physiquement par un acteur de la saga lors d'une convention, d'un événement ou d'une rencontre officielle. Ce n'est pas une impression, pas une reproduction numérique : c'est une signature réelle, unique, traçable.</p>

<p>Chez Magistera, toutes nos pièces dédicacées sont accompagnées d'un <strong>certificat d'authenticité</strong> délivré par des organismes reconnus mondialement, garantissant leur provenance et leur valeur.</p>

<div class="cert-row">
<div class="cert">
<div class="cert-name">SWAU</div>

<div class="cert-desc">Steiner Sports Authentics United — référence internationale</div>
</div>

<div class="cert">
<div class="cert-name">Beckett</div>

<div class="cert-desc">Beckett Authentication Services — standard de l'industrie</div>
</div>

<div class="cert">
<div class="cert-name">COA</div>

<div class="cert-desc">Certificate of Authenticity fourni avec chaque pièce</div>
</div>
</div>
</section>
<!-- LES BAGUETTES -->

<section class="section">
<p class="section-label">Notre Sélection</p>

<h2>Les Baguettes Dédicacées</h2>

<p>Les baguettes magiques sont l'objet le plus emblématique de l'univers Harry Potter. Signées par un acteur de la saga, elles deviennent des pièces doublement précieuses — alliant l'excellence de la Noble Collection à l'unicité d'une vraie dédicace.</p>

<div class="cards">
<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Seamus Finnigan</div>

<div class="card-actor">par Devon Murray</div>

<div class="card-price">159 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Prof. Flitwick</div>

<div class="card-actor">par Warwick Davis</div>

<div class="card-price">219 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Lavender Brown</div>

<div class="card-actor">par Jessie Cave</div>

<div class="card-price">159 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Percy Weasley</div>

<div class="card-actor">par Chris Rankin</div>

<div class="card-price">159 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Arthur Weasley</div>

<div class="card-actor">par Mark Williams</div>

<div class="card-price">159 €</div>
</div>

<div class="card"><span class="card-badge rare">Vendu</span>

<div class="card-sold">Épuisé</div>

<div class="card-name">Ron Weasley</div>

<div class="card-actor">par Rupert Grint</div>

<div class="card-price">299 €</div>
</div>

<div class="card"><span class="card-badge rare">Vendu</span>

<div class="card-sold">Épuisé</div>

<div class="card-name">Neville Londubat</div>

<div class="card-actor">par Matthew Lewis</div>

<div class="card-price">219 €</div>
</div>
</div>

<div class="callout">
<p>Les baguettes signées par <strong>Rupert Grint</strong> et <strong>Matthew Lewis</strong> sont parties très rapidement. Les signatures des acteurs principaux se raréfient chaque année — si vous en voyez une disponible, ne tardez pas.</p>
</div>
</section>
<!-- LES PHOTOS -->

<section class="section">
<p class="section-label">Notre Sélection</p>

<h2>Les Photos Dédicacées</h2>

<p>Les photos dédicacées sont des pièces accessibles, idéales pour intégrer une signature authentique dans sa collection sans nécessairement un grand budget. Chaque photo est accompagnée de son certificat.</p>

<div class="cards">
<div class="card"><span class="card-badge rare">Rare</span>

<div class="card-name">Daniel Radcliffe</div>

<div class="card-actor">Harry Potter — Certif. Beckett</div>

<div class="card-price">275 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Devon Murray</div>

<div class="card-actor">Seamus Finnigan</div>

<div class="card-price">39 €</div>
</div>

<div class="card"><span class="card-badge">Dédicacée</span>

<div class="card-name">Sean Biggerstaff</div>

<div class="card-actor">Oliver Wood</div>

<div class="card-price">39 €</div>
</div>
</div>

<p>La photo de <strong>Daniel Radcliffe</strong> mérite une mention spéciale. L'acteur signe de moins en moins depuis des années — sa signature, certifiée par Beckett, est une pièce qui prend de la valeur de façon constante. Une acquisition rare à ne pas manquer.</p>
</section>
<!-- OBJETS UNIQUES -->

<section class="section">
<p class="section-label">Notre Sélection</p>

<h2>Les Objets Dédicacés Uniques</h2>

<h1>- Funko Pop! Luna Lovegood — Evanna Lynch</h1>

<p>Une figurine collector Funko Pop! N°47, signée en personne par Evanna Lynch, l'interprète de Luna Lovegood. Un objet qui combine la popularité des Pop! avec l'authenticité d'une vraie dédicace. Disponible à <strong>149 €</strong>.</p>

<h1>- Présentoir Gryffondor — Alfred Enoch</h1>

<p>Pièce unique : un présentoir Gryffondor signé par Alfred Enoch (Dean Thomas). Un objet sobre et élégant qui s'expose aussi bien qu'une œuvre d'art. <strong>159 €</strong> — pièce unique, non reproductible.</p>

<h1>- Objet Dédicacé — Bonnie Wright</h1>

<p>Lors de la convention, Bonnie Wright s'est montrée d'une douceur et d'une attention remarquables envers chaque fan. Sa signature porte quelque chose de sincère et d'authentique qui va bien au-delà d'un simple autographe. Une pièce pour les fans de Ginny Weasley avant tout.</p>
</section>

<div class="ornament">✦ ✦ ✦</div>
<!-- POURQUOI INVESTIR -->

<section class="section">
<p class="section-label">Valeur & Rareté</p>

<h2>Pourquoi Investir dans une Pièce Dédicacée ?</h2>

<div class="reasons">
<div class="reason">
<div class="reason-num">01</div>

<div class="reason-body">
<h2>Une valeur qui ne fait qu'augmenter</h2>

<p>Les acteurs de Harry Potter participent de moins en moins aux conventions. Chaque année qui passe, leurs signatures se raréfient davantage. Une baguette signée aujourd'hui vaut déjà bien plus qu'au moment de la dédicace.</p>
</div>
</div>

<div class="reason">
<div class="reason-num">02</div>

<div class="reason-body">
<h2>Un objet véritablement unique</h2>

<p>Contrairement à une réplique, une pièce dédicacée ne peut pas être reproduite à l'infini. Elle est liée à un moment, un lieu, une rencontre. C'est ce qui la rend irremplaçable dans une collection.</p>
</div>
</div>

<div class="reason">
<div class="reason-num">03</div>

<div class="reason-body">
<h2>Un cadeau d'exception</h2>

<p>Pour un Potterhead, recevoir une baguette dédicacée par son acteur favori, c'est un cadeau qui marque à vie. Un objet à la fois sentimental et précieux, que l'on expose fièrement.</p>
</div>
</div>
</div>
</section>
<!-- AUTHENTICITÉ -->

<section class="section">
<p class="section-label">Notre Engagement</p>

<h2>Comment Garantissons-nous l'Authenticité ?</h2>

<p>Chez Magistera, nous ne vendons que des pièces authentiques. Nos dédicaces sont vérifiées  soitpar des organismes reconnus comme <strong>SWAU</strong> (Steiner Sports Authentics United) ou <strong>Beckett Authentication Services</strong>, références mondiales dans ce domaine, ou dédicaces effectuées lors de convention.</p>

<p>Face à la prolifération des contrefaçons, cette rigueur n'est pas une option : c'est notre promesse fondamentale envers vous.</p>
</section>
<!-- CTA -->

<div class="cta-block">
<h2>La Magie Continue Chez Magistera</h2>

<p>Découvrez notre sélection complète de pièces dédicacées, certifiées et prêtes à rejoindre votre collection.</p>
<a class="btn" href="https://www.magistera.fr/objets-dedicaces/">Voir les pièces dédicacées</a> <a class="btn btn-ghost" href="https://www.magistera.fr/objets-collector-dedicaces-harry-potter-officiels/">Tout le catalogue collector</a></div>
<!-- FOOTER ARTICLE -->

<footer class="article-footer">
<div class="tags"><span class="tag">Baguette dédicacée</span> <span class="tag">Harry Potter collector</span> <span class="tag">Autographe acteur</span> <span class="tag">Noble Collection</span> <span class="tag">Pièce rare</span></div>

<p class="contact-line">Questions ? <a href="mailto:contact@magistera.fr">contact@magistera.fr</a> · <a href="tel:+33650596169">06 50 59 61 69</a></p>
</footer>
</main>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p><script>
  // Génération des étoiles dans le hero
  const container = document.getElementById('stars');
  for (let i = 0; i < 80; i++) {
    const s = document.createElement('div');
    s.className = 'star';
    s.style.left = Math.random() * 100 + '%';
    s.style.top  = Math.random() * 100 + '%';
    s.style.animationDelay = (Math.random() * 4) + 's';
    s.style.animationDuration = (2 + Math.random() * 4) + 's';
    s.style.width = s.style.height = (Math.random() > .7 ? 3 : 2) + 'px';
    container.appendChild(s);
  }
</script></p>

<p> </p>

<p> </p>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Paris Manga 2026 : quand Lucius Malefoy dédicace des baguettes à Villepinte]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/paris-manga-2026-quand-lucius-malefoy-dedicace-des-baguettes-a-villepinte.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/paris-manga-2026-quand-lucius-malefoy-dedicace-des-baguettes-a-villepinte.html</guid>
                <pubDate>Wed, 18 Mar 2026 18:15:00 +0100</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[Jason Isaacs, l'un des acteurs les plus magnétiques de sa génération, s'est prêté samedi à un moment aussi improbable que mémorable : signer des baguettes — magiques ou de pain, indistinctement — sous les vivats des fans réunis au Paris Manga 2026.  


*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --ink: #1a1612;
    --ink-mid: #3d3630;
    --ink-light: #7a6f66;
    --ink-faint: #b8afa6;
    --paper: #f7f3ee;
    --paper-dark: #ede8e1;
    --accent: #8b2e2e;
    --accent-light: #c5645c;
    --gold: #b8922a;
    --rule: rgba(26,22,18,0.12);
  }

  html { background: var(--paper); }

  body {
    font-family: 'Libre Baskerville', Georgia, serif;
    background: var(--paper);
    color: var(--ink);
    min-height: 100vh;
  }

  /* ── MASTHEAD ── */
  .masthead {
    border-bottom: 3px double var(--ink);
    padding: 2rem 0 1.2rem;
    text-align: center;
    background: var(--paper);
  }
  .masthead-kicker {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 0.6rem;
  }
  .masthead-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(38px, 6vw, 72px);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
  }
  .masthead-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0 0.75rem;
    color: var(--ink-faint);
    font-size: 14px;
    letter-spacing: 0.06em;
  }
  .masthead-rule::before,
  .masthead-rule::after {
    content: '';
    height: 1px;
    width: 60px;
    background: var(--ink-faint);
  }
  .masthead-date {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ink-light);
  }

  /* ── LAYOUT ── */
  .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .main-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 0;
    padding: 3rem 0 4rem;
    align-items: start;
  }

  /* ── MAIN ARTICLE ── */
  .article { padding-right: 3.5rem; border-right: 1px solid var(--rule); }

  .article-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .article-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--accent);
  }

  .article-headline {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.15;
    color: var(--ink);
    margin-bottom: 1.25rem;
    letter-spacing: -0.02em;
  }

  .article-deck {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: var(--ink-mid);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--rule);
  }

  .byline {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .byline-sep { color: var(--ink-faint); }

  /* drop cap */
  .article-body > p:first-child::first-letter {
    font-family: 'Playfair Display', serif;
    font-size: 5.2em;
    font-weight: 700;
    float: left;
    line-height: 0.78;
    margin-right: 0.08em;
    margin-top: 0.08em;
    color: var(--ink);
  }

  .article-body p {
    font-size: 17px;
    line-height: 1.85;
    color: var(--ink-mid);
    margin-bottom: 1.3rem;
  }

  .article-body h2 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 2.5rem 0 0.9rem;
    padding-top: 2rem;
    border-top: 1px solid var(--rule);
    letter-spacing: -0.01em;
  }

  /* pull quote */
  .pull-quote {
    margin: 2.5rem -1rem;
    padding: 2rem 2rem 1.5rem;
    border-top: 3px solid var(--ink);
    border-bottom: 1px solid var(--ink);
    background: var(--paper-dark);
  }
  .pull-quote p {
    font-family: 'Playfair Display', serif;
    font-size: 22px !important;
    font-style: italic;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    margin: 0 !important;
  }
  .pull-quote cite {
    display: block;
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-top: 0.75rem;
    font-style: normal;
  }

  /* guests strip */
  .guests-strip {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-top: 2px solid var(--ink);
    border-bottom: 2px solid var(--ink);
  }
  .guests-strip-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 1rem;
    text-align: center;
  }
  .guests-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1px;
    background: var(--rule);
    border: 1px solid var(--rule);
  }
  .guest-cell {
    background: var(--paper);
    padding: 1rem;
  }
  .guest-cell .uni {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 4px;
  }
  .guest-cell .name {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
  }
  .guest-cell .role {
    font-size: 12px;
    color: var(--ink-light);
    font-family: 'DM Mono', monospace;
  }

  /* sidebar */
  .sidebar { padding-left: 3rem; }

  .sidebar-module {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--rule);
  }
  .sidebar-module:last-child { border-bottom: none; }

  .sidebar-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gold);
    display: inline-block;
  }

  .stat-block {
    margin-bottom: 1.5rem;
  }
  .stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1;
    display: block;
  }
  .stat-desc {
    font-size: 13px;
    color: var(--ink-light);
    line-height: 1.4;
    margin-top: 4px;
  }

  .sidebar-text {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 0.8rem;
  }

  .sidebar-list {
    list-style: none;
  }
  .sidebar-list li {
    font-size: 14px;
    color: var(--ink-mid);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--rule);
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    line-height: 1.4;
  }
  .sidebar-list li::before {
    content: '—';
    color: var(--ink-faint);
    flex-shrink: 0;
    font-size: 12px;
    margin-top: 1px;
  }

  .sidebar-bio {
    background: var(--paper-dark);
    padding: 1.2rem;
    border-left: 3px solid var(--accent);
  }
  .sidebar-bio .bio-name {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
  }
  .sidebar-bio .bio-born {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 0.75rem;
  }
  .sidebar-bio p {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
  }

  /* footer */
  .page-footer {
    border-top: 3px double var(--ink);
    padding: 1.5rem 0;
    text-align: center;
  }
  .page-footer p {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-light);
  }

  /* animations */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .masthead, .main-grid { animation: fadeUp 0.7s ease both; }
  .main-grid { animation-delay: 0.1s; }

  /* responsive */
  @media (max-width: 780px) {
    .main-grid { grid-template-columns: 1fr; }
    .article { padding-right: 0; border-right: none; border-bottom: 1px solid var(--rule); padding-bottom: 2.5rem; }
    .sidebar { padding-left: 0; padding-top: 2.5rem; }
  }



Pop Culture · Événement · Reportage 

Le Quotidien de Magistera

★

Samedi 14 mars 2026 — Paris-Nord Villepinte 





39e édition · Paris Manga & Sci-Fi Show 

Quand Lucius Malefoy dédicace des baguettes à Villepinte

Jason Isaacs, l'un des acteurs les plus magnétiques de sa génération, s'est prêté samedi à un moment aussi improbable que mémorable : signer des baguettes — magiques ou de pain, indistinctement — sous les vivats des fans réunis au Paris Manga 2026. 

Paris-Nord Villepinte · 14 mars 2026 · 39e édition


Il est des matins où le Hall 7 du Parc des Expositions de Paris-Nord Villepinte ne ressemble à rien de connu. Samedi 14 mars, dès l'ouverture des portes à 9h30, les files serpentaient déjà sur des dizaines de mètres, cosplayers en armures et parents débordés côte à côte, dans une cohue joyeuse et impeccablement organisée. La 39e édition du Paris Manga & Sci-Fi Show by TGS avait ouvert ses portes pour un samedi dont certains visiteurs se souviendront longtemps. 

Avec ses 34 000 m² de surface, le nouvel emplacement du salon dans le Hall 7 donnait à l'événement une ampleur inédite. Village Star Wars de 1 000 m², zones immersives dédiées à Harry Potter, E.T. et Ghostbusters, tournois de One Piece et de Magic: The Gathering, première mondiale de la série animée Dragon Striker : le programme de la journée relevait du marathon autant que du pèlerinage. 

L'homme au serpent, en personne

Mais l'attraction principale de ce samedi portait un prénom bien connu : Jason. Jason Isaacs, 62 ans, acteur britannique né à Liverpool, est de ces présences qui aspirent l'air d'une pièce. Ou d'un hall d'exposition. Connu du grand public pour avoir incarné le redoutable Lucius Malefoy dans cinq des huit films Harry Potter — ce père de Drago, blond et glacial, dont la canne dissimule une baguette de sorcier —, il avait fait le déplacement pour une journée unique, présent exclusivement ce samedi. 


« Entre une baguette de Ollivanders et une baguette de boulangerie, Jason Isaacs n'a pas hésité une seconde. L'autographe, il a signé les deux. » 
Scène observée lors des dédicaces du 14 mars 2026

Les séances de dédicaces, photoshoots et meet & greet réservés aux détenteurs d'un billet spécial ont tourné à plein régime tout au long de la journée. Parmi les objets apportés par les fans : des éditions collector des films, des répliques de la fameuse canne-baguette de Lucius, des masques de Mangemort… et, avec le sens de l'humour bien trempé dont les Français font parfois preuve, de véritables baguettes de pain. L'acteur britannique, visiblement ravi du gag, a signé les unes comme les autres avec la même bienveillance amusée, transformant ce moment en l'une des anecdotes de la journée. 

On lui connaît aussi le rôle du Capitaine Gabriel Lorca dans Star Trek: Discovery, du Capitaine Crochet dans le Peter Pan de 2003, et plus récemment une apparition remarquée dans The White Lotus. Ce sont pourtant les yeux gris de Lucius qui faisaient battre des cœurs ce samedi à Villepinte. 

Un plateau international de premier plan

Isaacs n'était pas seul à assurer le spectacle. La 39e édition avait réuni plus d'une cinquantaine de personnalités, formant un mélange inédit de culture geek internationale et de nostalgie télévisuelle bien française. 


Invités internationaux · Édition 2026 



Harry Potter · The White Lotus 

Jason Isaacs 

Lucius Malefoy 



The Mandalorian · Supernatural 

Emily Swallow 

The Armorer 



Le Seigneur des Anneaux 

Craig Parker 

Haldir de Lothlórien 



Pirates des Caraïbes · Once Upon a Time 

Lee Arenberg 

Pintel 




Côté français, la réunion inédite de Gérard Hernandez et Patrick Préjean — les deux héros de Scènes de Ménages —, présents ensemble pour la première fois dans une convention pop culture, a suscité des files d'attente à nulle autre pareille. Une rencontre intergénérationnelle qui résume bien l'ambition du Paris Manga : être à la fois la convention des enfants des années 2000 et le salon de famille de leurs parents. 

Cosplay, K-Pop et Goldorak : le programme des 34 000 m²

Au-delà des rencontres avec les invités, la journée était rythmée par une programmation dense. La sélection nationale pour la Coupe de France de cosplay et la sélection française pour la Coupe d'Europe se sont déroulées sur scène principale dans une ambiance électrique, avec des costumes d'une précision qui n'avaient rien à envier aux productions professionnelles. Taryn et Fenix Fatalist, deux figures internationales du cosplay, participaient également à des conférences et séances de dédicaces. 

En soirée, le concert dédié à Goldorak a replongé les quadragénaires dans leurs émotions d'enfance, tandis que les tournois de jeux de cartes — One Piece TCG, Magic: The Gathering, Riftbound — mobilisaient une autre génération de passionnés dans les allées du salon. Le Disney+ corner, avec les voix françaises de La Petite Sirène et de Raiponce, a complété une journée qui, finalement, avait quelque chose à offrir à chaque visiteur. 

Prochain rendez-vous : les 3 et 4 octobre 2026, toujours à Villepinte, pour l'édition automnale du Paris Manga & Sci-Fi Show. 





Chiffres clés

45 000

visiteurs attendus sur les deux jours du salon 


34 000 m²

dans le Hall 7 de Paris-Nord Villepinte, surface record pour l'événement 


300

exposants présents pour cette 39e édition 


50+

invités, acteurs, doubleurs, youtubers et artistes 



Portrait


Jason Isaacs 

Né le 6 juin 1963 · Liverpool, Angleterre 

Acteur britannique formé à la London Academy of Music and Dramatic Art. Révélé au grand public dans The Patriot (2000), il est depuis indissociable du rôle de Lucius Malefoy dans les huit films Harry Potter. Sa carrière couvre aussi bien le cinéma (Peter Pan, Munich) que la télévision (Star Trek: Discovery, The White Lotus). Lauréat d'un BAFTA pour Jackson Brodie, détective. 



Programme du samedi


	Dédicaces, photoshoots et meet & greet avec Jason Isaacs
	Sélection nationale Coupe de France de cosplay
	Sélection française Coupe d'Europe de cosplay (E2C)
	Conférence Gérard Hernandez & Patrick Préjean
	Première mondiale de la série Dragon Striker
	Concert Goldorak — Enriqué & Franck Animé Live
	Tournoi One Piece TCG & Riftbound
	Présentation Disney+ avec voix françaises



Infos pratiques

Lieu : Parc des Expositions Paris-Nord Villepinte — Hall 7 

Horaires : 9h30 – 19h00 (samedi) · 9h30 – 18h00 (dimanche) 

Tarifs entrée : 20 € (1 jour) · 35 € (2 jours) 

Prochaine édition : 3–4 octobre 2026 





Paris Manga & Sci-Fi Show by TGS — 39e édition · 14 & 15 mars 2026 · Villepinte 


]]></description>
                <content:encoded><![CDATA[<p>Jason Isaacs, l'un des acteurs les plus magnétiques de sa génération, s'est prêté samedi à un moment aussi improbable que mémorable : signer des baguettes — magiques ou de pain, indistinctement — sous les vivats des fans réunis au Paris Manga 2026. <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p>
<title></title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Libre+Baskerville:ital@0;1&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<style type="text/css">*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --ink: #1a1612;
    --ink-mid: #3d3630;
    --ink-light: #7a6f66;
    --ink-faint: #b8afa6;
    --paper: #f7f3ee;
    --paper-dark: #ede8e1;
    --accent: #8b2e2e;
    --accent-light: #c5645c;
    --gold: #b8922a;
    --rule: rgba(26,22,18,0.12);
  }

  html { background: var(--paper); }

  body {
    font-family: 'Libre Baskerville', Georgia, serif;
    background: var(--paper);
    color: var(--ink);
    min-height: 100vh;
  }

  /* ── MASTHEAD ── */
  .masthead {
    border-bottom: 3px double var(--ink);
    padding: 2rem 0 1.2rem;
    text-align: center;
    background: var(--paper);
  }
  .masthead-kicker {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 0.6rem;
  }
  .masthead-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(38px, 6vw, 72px);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    color: var(--ink);
  }
  .masthead-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0 0.75rem;
    color: var(--ink-faint);
    font-size: 14px;
    letter-spacing: 0.06em;
  }
  .masthead-rule::before,
  .masthead-rule::after {
    content: '';
    height: 1px;
    width: 60px;
    background: var(--ink-faint);
  }
  .masthead-date {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ink-light);
  }

  /* ── LAYOUT ── */
  .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 2rem;
  }

  .main-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 0;
    padding: 3rem 0 4rem;
    align-items: start;
  }

  /* ── MAIN ARTICLE ── */
  .article { padding-right: 3.5rem; border-right: 1px solid var(--rule); }

  .article-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .article-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: var(--accent);
  }

  .article-headline {
    font-family: 'Playfair Display', serif;
    font-size: clamp(28px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.15;
    color: var(--ink);
    margin-bottom: 1.25rem;
    letter-spacing: -0.02em;
  }

  .article-deck {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: var(--ink-mid);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--rule);
  }

  .byline {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .byline-sep { color: var(--ink-faint); }

  /* drop cap */
  .article-body > p:first-child::first-letter {
    font-family: 'Playfair Display', serif;
    font-size: 5.2em;
    font-weight: 700;
    float: left;
    line-height: 0.78;
    margin-right: 0.08em;
    margin-top: 0.08em;
    color: var(--ink);
  }

  .article-body p {
    font-size: 17px;
    line-height: 1.85;
    color: var(--ink-mid);
    margin-bottom: 1.3rem;
  }

  .article-body h2 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--ink);
    margin: 2.5rem 0 0.9rem;
    padding-top: 2rem;
    border-top: 1px solid var(--rule);
    letter-spacing: -0.01em;
  }

  /* pull quote */
  .pull-quote {
    margin: 2.5rem -1rem;
    padding: 2rem 2rem 1.5rem;
    border-top: 3px solid var(--ink);
    border-bottom: 1px solid var(--ink);
    background: var(--paper-dark);
  }
  .pull-quote p {
    font-family: 'Playfair Display', serif;
    font-size: 22px !important;
    font-style: italic;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    margin: 0 !important;
  }
  .pull-quote cite {
    display: block;
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-top: 0.75rem;
    font-style: normal;
  }

  /* guests strip */
  .guests-strip {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-top: 2px solid var(--ink);
    border-bottom: 2px solid var(--ink);
  }
  .guests-strip-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 1rem;
    text-align: center;
  }
  .guests-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1px;
    background: var(--rule);
    border: 1px solid var(--rule);
  }
  .guest-cell {
    background: var(--paper);
    padding: 1rem;
  }
  .guest-cell .uni {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 4px;
  }
  .guest-cell .name {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
  }
  .guest-cell .role {
    font-size: 12px;
    color: var(--ink-light);
    font-family: 'DM Mono', monospace;
  }

  /* sidebar */
  .sidebar { padding-left: 3rem; }

  .sidebar-module {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--rule);
  }
  .sidebar-module:last-child { border-bottom: none; }

  .sidebar-label {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gold);
    display: inline-block;
  }

  .stat-block {
    margin-bottom: 1.5rem;
  }
  .stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1;
    display: block;
  }
  .stat-desc {
    font-size: 13px;
    color: var(--ink-light);
    line-height: 1.4;
    margin-top: 4px;
  }

  .sidebar-text {
    font-size: 14px;
    color: var(--ink-mid);
    line-height: 1.7;
    margin-bottom: 0.8rem;
  }

  .sidebar-list {
    list-style: none;
  }
  .sidebar-list li {
    font-size: 14px;
    color: var(--ink-mid);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--rule);
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    line-height: 1.4;
  }
  .sidebar-list li::before {
    content: '—';
    color: var(--ink-faint);
    flex-shrink: 0;
    font-size: 12px;
    margin-top: 1px;
  }

  .sidebar-bio {
    background: var(--paper-dark);
    padding: 1.2rem;
    border-left: 3px solid var(--accent);
  }
  .sidebar-bio .bio-name {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
  }
  .sidebar-bio .bio-born {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 0.75rem;
  }
  .sidebar-bio p {
    font-size: 13px;
    color: var(--ink-mid);
    line-height: 1.65;
  }

  /* footer */
  .page-footer {
    border-top: 3px double var(--ink);
    padding: 1.5rem 0;
    text-align: center;
  }
  .page-footer p {
    font-family: 'DM Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-light);
  }

  /* animations */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .masthead, .main-grid { animation: fadeUp 0.7s ease both; }
  .main-grid { animation-delay: 0.1s; }

  /* responsive */
  @media (max-width: 780px) {
    .main-grid { grid-template-columns: 1fr; }
    .article { padding-right: 0; border-right: none; border-bottom: 1px solid var(--rule); padding-bottom: 2.5rem; }
    .sidebar { padding-left: 0; padding-top: 2.5rem; }
  }
</style>
<div class="container"><!-- MASTHEAD -->
<header class="masthead">
<p class="masthead-kicker">Pop Culture · Événement · Reportage</p>

<h1 class="masthead-title">Le Quotidien de Magistera</h1>

<div class="masthead-rule">★</div>

<p class="masthead-date">Samedi 14 mars 2026 — Paris-Nord Villepinte</p>
</header>
<!-- CONTENT -->

<div class="main-grid"><!-- ARTICLE PRINCIPAL -->
<article class="article">
<p class="article-label">39e édition · Paris Manga & Sci-Fi Show</p>

<h1 class="article-headline">Quand Lucius Malefoy dédicace des baguettes à Villepinte</h1>

<p class="article-deck">Jason Isaacs, l'un des acteurs les plus magnétiques de sa génération, s'est prêté samedi à un moment aussi improbable que mémorable : signer des baguettes — magiques ou de pain, indistinctement — sous les vivats des fans réunis au Paris Manga 2026.</p>

<div class="byline"><span>Paris-Nord Villepinte</span> <span class="byline-sep">·</span> <span>14 mars 2026</span> <span class="byline-sep">·</span> <span>39<sup>e</sup> édition</span></div>

<div class="article-body">
<p>Il est des matins où le Hall 7 du Parc des Expositions de Paris-Nord Villepinte ne ressemble à rien de connu. Samedi 14 mars, dès l'ouverture des portes à 9h30, les files serpentaient déjà sur des dizaines de mètres, cosplayers en armures et parents débordés côte à côte, dans une cohue joyeuse et impeccablement organisée. La 39e édition du Paris Manga & Sci-Fi Show by TGS avait ouvert ses portes pour un samedi dont certains visiteurs se souviendront longtemps.</p>

<p>Avec ses 34 000 m² de surface, le nouvel emplacement du salon dans le Hall 7 donnait à l'événement une ampleur inédite. Village Star Wars de 1 000 m², zones immersives dédiées à Harry Potter, E.T. et Ghostbusters, tournois de One Piece et de Magic: The Gathering, première mondiale de la série animée Dragon Striker : le programme de la journée relevait du marathon autant que du pèlerinage.</p>

<h2>L'homme au serpent, en personne</h2>

<p>Mais l'attraction principale de ce samedi portait un prénom bien connu : Jason. Jason Isaacs, 62 ans, acteur britannique né à Liverpool, est de ces présences qui aspirent l'air d'une pièce. Ou d'un hall d'exposition. Connu du grand public pour avoir incarné le redoutable Lucius Malefoy dans cinq des huit films Harry Potter — ce père de Drago, blond et glacial, dont la canne dissimule une baguette de sorcier —, il avait fait le déplacement pour une journée unique, présent exclusivement ce samedi.</p>

<div class="pull-quote">
<p>« Entre une baguette de Ollivanders et une baguette de boulangerie, Jason Isaacs n'a pas hésité une seconde. L'autographe, il a signé les deux. »</p>
<cite>Scène observée lors des dédicaces du 14 mars 2026</cite></div>

<p>Les séances de dédicaces, photoshoots et meet & greet réservés aux détenteurs d'un billet spécial ont tourné à plein régime tout au long de la journée. Parmi les objets apportés par les fans : des éditions collector des films, des répliques de la fameuse canne-baguette de Lucius, des masques de Mangemort… et, avec le sens de l'humour bien trempé dont les Français font parfois preuve, de véritables baguettes de pain. L'acteur britannique, visiblement ravi du gag, a signé les unes comme les autres avec la même bienveillance amusée, transformant ce moment en l'une des anecdotes de la journée.</p>

<p>On lui connaît aussi le rôle du Capitaine Gabriel Lorca dans Star Trek: Discovery, du Capitaine Crochet dans le Peter Pan de 2003, et plus récemment une apparition remarquée dans The White Lotus. Ce sont pourtant les yeux gris de Lucius qui faisaient battre des cœurs ce samedi à Villepinte.</p>

<h2>Un plateau international de premier plan</h2>

<p>Isaacs n'était pas seul à assurer le spectacle. La 39e édition avait réuni plus d'une cinquantaine de personnalités, formant un mélange inédit de culture geek internationale et de nostalgie télévisuelle bien française.</p>

<div class="guests-strip">
<p class="guests-strip-label">Invités internationaux · Édition 2026</p>

<div class="guests-grid">
<div class="guest-cell">
<p class="uni">Harry Potter · The White Lotus</p>

<p class="name">Jason Isaacs</p>

<p class="role">Lucius Malefoy</p>
</div>

<div class="guest-cell">
<p class="uni">The Mandalorian · Supernatural</p>

<p class="name">Emily Swallow</p>

<p class="role">The Armorer</p>
</div>

<div class="guest-cell">
<p class="uni">Le Seigneur des Anneaux</p>

<p class="name">Craig Parker</p>

<p class="role">Haldir de Lothlórien</p>
</div>

<div class="guest-cell">
<p class="uni">Pirates des Caraïbes · Once Upon a Time</p>

<p class="name">Lee Arenberg</p>

<p class="role">Pintel</p>
</div>
</div>
</div>

<p>Côté français, la réunion inédite de Gérard Hernandez et Patrick Préjean — les deux héros de Scènes de Ménages —, présents ensemble pour la première fois dans une convention pop culture, a suscité des files d'attente à nulle autre pareille. Une rencontre intergénérationnelle qui résume bien l'ambition du Paris Manga : être à la fois la convention des enfants des années 2000 et le salon de famille de leurs parents.</p>

<h2>Cosplay, K-Pop et Goldorak : le programme des 34 000 m²</h2>

<p>Au-delà des rencontres avec les invités, la journée était rythmée par une programmation dense. La sélection nationale pour la Coupe de France de cosplay et la sélection française pour la Coupe d'Europe se sont déroulées sur scène principale dans une ambiance électrique, avec des costumes d'une précision qui n'avaient rien à envier aux productions professionnelles. Taryn et Fenix Fatalist, deux figures internationales du cosplay, participaient également à des conférences et séances de dédicaces.</p>

<p>En soirée, le concert dédié à Goldorak a replongé les quadragénaires dans leurs émotions d'enfance, tandis que les tournois de jeux de cartes — One Piece TCG, Magic: The Gathering, Riftbound — mobilisaient une autre génération de passionnés dans les allées du salon. Le Disney+ corner, avec les voix françaises de La Petite Sirène et de Raiponce, a complété une journée qui, finalement, avait quelque chose à offrir à chaque visiteur.</p>

<p>Prochain rendez-vous : les 3 et 4 octobre 2026, toujours à Villepinte, pour l'édition automnale du Paris Manga & Sci-Fi Show.</p>
</div>
</article>
<!-- SIDEBAR -->

<aside class="sidebar">
<div class="sidebar-module"><span class="sidebar-label">Chiffres clés</span>

<div class="stat-block"><span class="stat-number">45 000</span>

<p class="stat-desc">visiteurs attendus sur les deux jours du salon</p>
</div>

<div class="stat-block"><span class="stat-number">34 000 m²</span>

<p class="stat-desc">dans le Hall 7 de Paris-Nord Villepinte, surface record pour l'événement</p>
</div>

<div class="stat-block"><span class="stat-number">300</span>

<p class="stat-desc">exposants présents pour cette 39e édition</p>
</div>

<div class="stat-block"><span class="stat-number">50+</span>

<p class="stat-desc">invités, acteurs, doubleurs, youtubers et artistes</p>
</div>
</div>

<div class="sidebar-module"><span class="sidebar-label">Portrait</span>

<div class="sidebar-bio">
<p class="bio-name">Jason Isaacs</p>

<p class="bio-born">Né le 6 juin 1963 · Liverpool, Angleterre</p>

<p>Acteur britannique formé à la London Academy of Music and Dramatic Art. Révélé au grand public dans <em>The Patriot</em> (2000), il est depuis indissociable du rôle de Lucius Malefoy dans les huit films Harry Potter. Sa carrière couvre aussi bien le cinéma (<em>Peter Pan</em>, <em>Munich</em>) que la télévision (<em>Star Trek: Discovery</em>, <em>The White Lotus</em>). Lauréat d'un BAFTA pour <em>Jackson Brodie, détective</em>.</p>
</div>
</div>

<div class="sidebar-module"><span class="sidebar-label">Programme du samedi</span>

<ul class="sidebar-list">
	<li>Dédicaces, photoshoots et meet & greet avec Jason Isaacs</li>
	<li>Sélection nationale Coupe de France de cosplay</li>
	<li>Sélection française Coupe d'Europe de cosplay (E2C)</li>
	<li>Conférence Gérard Hernandez & Patrick Préjean</li>
	<li>Première mondiale de la série Dragon Striker</li>
	<li>Concert Goldorak — Enriqué & Franck Animé Live</li>
	<li>Tournoi One Piece TCG & Riftbound</li>
	<li>Présentation Disney+ avec voix françaises</li>
</ul>
</div>

<div class="sidebar-module"><span class="sidebar-label">Infos pratiques</span>

<p class="sidebar-text"><strong>Lieu :</strong> Parc des Expositions Paris-Nord Villepinte — Hall 7</p>

<p class="sidebar-text"><strong>Horaires :</strong> 9h30 – 19h00 (samedi) · 9h30 – 18h00 (dimanche)</p>

<p class="sidebar-text"><strong>Tarifs entrée :</strong> 20 € (1 jour) · 35 € (2 jours)</p>

<p class="sidebar-text"><strong>Prochaine édition :</strong> 3–4 octobre 2026</p>
</div>
</aside>
</div>

<footer class="page-footer">
<p>Paris Manga & Sci-Fi Show by TGS — 39e édition · 14 & 15 mars 2026 · Villepinte</p>
</footer>
</div>]]></content:encoded>
            </item>
                        <item>
                <title><![CDATA[Chronologie complète du monde sorcier : de la fondation de Poudlard à la chute de Voldemort]]></title>
                <link>https://www.magistera.fr/blog/harry-potter/chronologie-complete-du-monde-sorcier-de-la-fondation-de-poudlard-a-la-chute-de-voldemort.html</link>
                <guid>https://www.magistera.fr/blog/harry-potter/chronologie-complete-du-monde-sorcier-de-la-fondation-de-poudlard-a-la-chute-de-voldemort.html</guid>
                <pubDate>Wed, 04 Mar 2026 18:00:00 +0100</pubDate>
                <dc:creator><![CDATA[L'équipe]]></dc:creator>
                <description><![CDATA[

Chronologie complète du monde sorcier : de la fondation de Poudlard à la chute de Voldemort

Bien avant qu'Harry Potter ne monte dans le Poudlard Express, le monde sorcier avait déjà traversé des siècles de magie, de guerres et de secrets. Voici la chronologie complète du monde sorcier : des premières communautés magiques à la chute définitive de Voldemort, toute l'histoire expliquée étape par étape. 

Lecture : ~12 min · Mots-clés : chronologie Harry Potter, histoire monde sorcier, timeline Harry Potter, frise chronologique saga Harry Potter 



Sommaire


	Les origines de la magie dans le monde sorcier
	La fondation de Poudlard
	La création du Ministère de la Magie
	Les grandes guerres des sorciers
	Ascension et chute de Voldemort
	Le monde sorcier après la bataille de Poudlard
	FAQ – Chronologie Harry Potter




1) Les origines de la magie dans le monde sorcier

Tout commence bien avant Poudlard, bien avant le Ministère, bien avant même que le nom « Voldemort » fasse trembler quiconque. Depuis l'Antiquité, des sorcières et sorciers vivent parmi les Moldus sans frontière clairement tracée entre les deux mondes. La magie est là, omniprésente, souvent incomprise. 

Mais l'incompréhension engendre la peur, et la peur engendre la violence. Les persécutions contre les sorciers se multiplient à travers les siècles, les forçant progressivement à se regrouper, à se cacher, à construire une société parallèle invisible aux yeux du monde moldu. C'est cette pression extérieure qui va façonner, pour des centaines d'années, toute l'organisation du monde sorcier. 



2) La fondation de Poudlard : naissance d'un monde

Au Moyen Âge, quatre sorciers d'exception décident de bâtir quelque chose qui n'a jamais existé : une école. Un lieu sûr où transmettre le savoir magique, former les jeunes sorciers et préserver un héritage millénaire. Godric Gryffondor, Helga Poufsouffle, Rowena Serdaigle et Salazar Serpentard fondent ainsi Poudlard — et avec elle, les bases du monde sorcier moderne. 

Mais dès les premières années, une fracture apparaît. Serpentard refuse d'enseigner à quiconque n'est pas issu d'une famille de sang pur. Il quitte l'école, laissant derrière lui un héritage empoisonné : la Chambre des Secrets, et une idéologie qui mettra des siècles à mourir — si tant est qu'elle soit jamais vraiment morte. 



3) La création du Ministère de la Magie

Pour gouverner une société magique en pleine expansion, il faut des institutions. Le Ministère de la Magie voit le jour pour remplir une mission triple : réguler l'usage de la magie, protéger les sorciers entre eux, et surtout maintenir le Statut du Secret — cette loi fondamentale qui interdit aux Moldus de découvrir l'existence du monde sorcier. 

Sur le papier, le Ministère est une nécessité absolue. Dans les faits, il sera aussi l'un des personnages les plus ambigus de la saga : bureaucratique, parfois corrompu, souvent dépassé par les événements. Son incapacité à anticiper le retour de Voldemort en est l'exemple le plus flagrant. 



4) Les grandes guerres des sorciers : quand la magie devient une arme

L'histoire du monde sorcier n'est pas une succession paisible de générations studieuses à Poudlard. C'est une histoire hantée par les conflits, portée par une idéologie dangereuse qui revient sans cesse : la supériorité du sang pur. 


	des guerres idéologiques sur la pureté du sang, qui divisent familles et maisons
	des rébellions contre l'autorité magique, quand le Ministère vacille
	un recours croissant à la magie noire, notamment aux Sortilèges Impardonnables


Ces conflits laissent des cicatrices profondes dans la société magique — et préparent le terrain pour la montée en puissance de celui qui incarnera toutes ces peurs à la fois. 



5) Ascension et chute de Voldemort : la période la plus sombre de l'histoire sorcière

Tom Jedusor est né d'une sorcière et d'un Moldu qu'elle avait ensorcelé. Abandonné à sa naissance, élevé dans un orphelinat, il découvre sa nature magique et fait un choix : ne jamais être vulnérable. Ne jamais mourir. En devenant Lord Voldemort, il ne cherche pas seulement le pouvoir — il cherche à défier la mort elle-même. 

Sa méthode ? Les Horcruxes — sept fragments de son âme disséminés dans des objets soigneusement choisis. Chaque meurtre le rend un peu moins humain, un peu plus monstrueux. Sa première guerre contre le monde sorcier sème la terreur pendant des années, jusqu'à cette nuit d'octobre 1981 à Godric's Hollow, où le sortilège de la mort ricoché sur le petit Harry Potter le réduit à une ombre. 

Mais Voldemort ne meurt pas. Il revient. Et la bataille de Poudlard, ultime affrontement entre le Bien et le Mal, coûte au monde sorcier certains de ses plus grands héros — Remus Lupin, Nymphadora Tonks, Fred Weasley — avant que Harry ne prononce les mots qui mettent fin à tout. 



6) Le monde sorcier après la bataille de Poudlard

La mort de Voldemort ne referme pas toutes les blessures. Le monde sorcier sort de la guerre épuisé, endeuillé, divisé. Mais il sort debout. Et il se reconstruit. 

Des réformes profondes sont engagées sous l'impulsion d'une nouvelle génération qui a grandi dans la résistance : 


	la reconnaissance des droits des créatures magiques — une cause portée notamment par Hermione Granger au Ministère
	une refonte de l'éducation à Poudlard, débarrassée de l'idéologie de la pureté du sang
	un contrôle renforcé de la magie noire et des Mangemorts encore en fuite


Ce nouveau monde sorcier, plus juste, plus conscient de ses démons, c'est l'héritage que laissent Harry, Ron et Hermione à leurs enfants — ceux-là mêmes que l'on voit monter dans le Poudlard Express dans les dernières lignes de la saga. 



Conclusion : l'histoire du monde sorcier, un cycle sans fin

Peur, pouvoir, résistance, espoir. La chronologie du monde sorcier tourne autour de ces quatre mots comme autour d'un axe. Les mêmes tensions resurgiront. Les mêmes choix se poseront. C'est d'ailleurs tout le propos des Animaux Fantastiques et de l'ère Grindelwald : la menace change de visage, mais elle revient toujours. 

Ce que Harry Potter nous enseigne, au fond, c'est que l'histoire ne protège personne. Ce sont toujours les individus — leurs choix, leur courage, leur amour — qui décident de quel côté elle bascule. 



FAQ – Chronologie et histoire du monde sorcier Harry Potter


Quand commence vraiment l'histoire du monde sorcier ?


Bien avant Harry Potter et même avant Poudlard. Les premières communautés de sorciers remontent à l'Antiquité, et c'est au Moyen Âge que le monde sorcier tel qu'on le connaît commence véritablement à se structurer avec la fondation de Poudlard. 


Quelle est la période la plus sombre de l'histoire sorcière ?


Les deux guerres menées par Voldemort sont unanimement considérées comme les épisodes les plus destructeurs de l'histoire du monde sorcier. La première, dans les années 1970-1981, et la seconde, culminant avec la bataille de Poudlard en 1998, ont causé des pertes immenses dans toute la communauté magique. 


Le monde sorcier est-il vraiment en paix après la mort de Voldemort ?


Plus stable, oui — mais jamais totalement à l'abri. Des Mangemorts sont restés en liberté, des idéologies extrémistes persistent, et la magie noire ne disparaît pas avec son maître. C'est précisément pourquoi des réformes profondes sont mises en place dans les années qui suivent la bataille de Poudlard. 


Quelle est la différence entre la première et la deuxième guerre des sorciers ?


La première guerre (années 1970-1981) se déroule dans la terreur et le secret : Voldemort agit par la peur, et le Ministère est dépassé. Elle se termine par la mort accidentelle de Voldemort à Godric's Hollow. La deuxième guerre (1995-1998) est plus ouverte, plus totale, culminant avec la prise de Poudlard et la bataille finale qui oppose l'Armée de Dumbledore aux forces de Voldemort. 



 


]]></description>
                <content:encoded><![CDATA[<article class="post post-chronologie-monde-sorcier" itemscope="" itemtype="https://schema.org/Article">
<header class="post-header">
<h1 itemprop="headline">Chronologie complète du monde sorcier : de la fondation de Poudlard à la chute de Voldemort</h1>

<p class="post-chapo" itemprop="description">Bien avant qu'Harry Potter ne monte dans le Poudlard Express, le monde sorcier avait déjà traversé des siècles de magie, de guerres et de secrets. Voici la <strong>chronologie complète du monde sorcier</strong> : des premières communautés magiques à la chute définitive de Voldemort, toute l'histoire expliquée étape par étape.</p>

<p class="post-meta"><span>Lecture : ~12 min</span> · <span>Mots-clés : chronologie Harry Potter, histoire monde sorcier, timeline Harry Potter, frise chronologique saga Harry Potter</span></p>
</header>

<nav aria-label="Sommaire" class="post-toc">
<h2>Sommaire</h2>

<ol>
	<li><a href="#origines">Les origines de la magie dans le monde sorcier</a></li>
	<li><a href="#poudlard">La fondation de Poudlard</a></li>
	<li><a href="#ministere">La création du Ministère de la Magie</a></li>
	<li><a href="#guerres">Les grandes guerres des sorciers</a></li>
	<li><a href="#voldemort">Ascension et chute de Voldemort</a></li>
	<li><a href="#apres">Le monde sorcier après la bataille de Poudlard</a></li>
	<li><a href="#faq">FAQ – Chronologie Harry Potter</a></li>
</ol>
</nav>

<section id="origines">
<h2>1) Les origines de la magie dans le monde sorcier</h2>

<p>Tout commence bien avant Poudlard, bien avant le Ministère, bien avant même que le nom « Voldemort » fasse trembler quiconque. Depuis l'Antiquité, des sorcières et sorciers vivent parmi les Moldus sans frontière clairement tracée entre les deux mondes. La magie est là, omniprésente, souvent incomprise.</p>

<p>Mais l'incompréhension engendre la peur, et la peur engendre la violence. Les persécutions contre les sorciers se multiplient à travers les siècles, les forçant progressivement à se regrouper, à se cacher, à construire une société parallèle invisible aux yeux du monde moldu. C'est cette pression extérieure qui va façonner, pour des centaines d'années, toute l'organisation du monde sorcier.</p>
</section>

<section id="poudlard">
<h2>2) La fondation de Poudlard : naissance d'un monde</h2>

<p>Au Moyen Âge, quatre sorciers d'exception décident de bâtir quelque chose qui n'a jamais existé : une école. Un lieu sûr où transmettre le savoir magique, former les jeunes sorciers et préserver un héritage millénaire. <strong>Godric Gryffondor, Helga Poufsouffle, Rowena Serdaigle et Salazar Serpentard</strong> fondent ainsi Poudlard — et avec elle, les bases du monde sorcier moderne.</p>

<p>Mais dès les premières années, une fracture apparaît. Serpentard refuse d'enseigner à quiconque n'est pas issu d'une famille de sang pur. Il quitte l'école, laissant derrière lui un héritage empoisonné : la Chambre des Secrets, et une idéologie qui mettra des siècles à mourir — si tant est qu'elle soit jamais vraiment morte.</p>
</section>

<section id="ministere">
<h2>3) La création du Ministère de la Magie</h2>

<p>Pour gouverner une société magique en pleine expansion, il faut des institutions. Le <strong>Ministère de la Magie</strong> voit le jour pour remplir une mission triple : réguler l'usage de la magie, protéger les sorciers entre eux, et surtout maintenir le <em>Statut du Secret</em> — cette loi fondamentale qui interdit aux Moldus de découvrir l'existence du monde sorcier.</p>

<p>Sur le papier, le Ministère est une nécessité absolue. Dans les faits, il sera aussi l'un des personnages les plus ambigus de la saga : bureaucratique, parfois corrompu, souvent dépassé par les événements. Son incapacité à anticiper le retour de Voldemort en est l'exemple le plus flagrant.</p>
</section>

<section id="guerres">
<h2>4) Les grandes guerres des sorciers : quand la magie devient une arme</h2>

<p>L'histoire du monde sorcier n'est pas une succession paisible de générations studieuses à Poudlard. C'est une histoire hantée par les conflits, portée par une idéologie dangereuse qui revient sans cesse : la supériorité du sang pur.</p>

<ul>
	<li>des <strong>guerres idéologiques</strong> sur la pureté du sang, qui divisent familles et maisons</li>
	<li>des <strong>rébellions contre l'autorité magique</strong>, quand le Ministère vacille</li>
	<li>un <strong>recours croissant à la magie noire</strong>, notamment aux Sortilèges Impardonnables</li>
</ul>

<p>Ces conflits laissent des cicatrices profondes dans la société magique — et préparent le terrain pour la montée en puissance de celui qui incarnera toutes ces peurs à la fois.</p>
</section>

<section id="voldemort">
<h2>5) Ascension et chute de Voldemort : la période la plus sombre de l'histoire sorcière</h2>

<p>Tom Jedusor est né d'une sorcière et d'un Moldu qu'elle avait ensorcelé. Abandonné à sa naissance, élevé dans un orphelinat, il découvre sa nature magique et fait un choix : ne jamais être vulnérable. Ne jamais mourir. En devenant <strong>Lord Voldemort</strong>, il ne cherche pas seulement le pouvoir — il cherche à défier la mort elle-même.</p>

<p>Sa méthode ? Les <strong>Horcruxes</strong> — sept fragments de son âme disséminés dans des objets soigneusement choisis. Chaque meurtre le rend un peu moins humain, un peu plus monstrueux. Sa première guerre contre le monde sorcier sème la terreur pendant des années, jusqu'à cette nuit d'octobre 1981 à Godric's Hollow, où le sortilège de la mort ricoché sur le petit Harry Potter le réduit à une ombre.</p>

<p>Mais Voldemort ne meurt pas. Il revient. Et la <strong>bataille de Poudlard</strong>, ultime affrontement entre le Bien et le Mal, coûte au monde sorcier certains de ses plus grands héros — Remus Lupin, Nymphadora Tonks, Fred Weasley — avant que Harry ne prononce les mots qui mettent fin à tout.</p>
</section>

<section id="apres">
<h2>6) Le monde sorcier après la bataille de Poudlard</h2>

<p>La mort de Voldemort ne referme pas toutes les blessures. Le monde sorcier sort de la guerre épuisé, endeuillé, divisé. Mais il sort debout. Et il se reconstruit.</p>

<p>Des réformes profondes sont engagées sous l'impulsion d'une nouvelle génération qui a grandi dans la résistance :</p>

<ul>
	<li>la <strong>reconnaissance des droits des créatures magiques</strong> — une cause portée notamment par Hermione Granger au Ministère</li>
	<li>une <strong>refonte de l'éducation à Poudlard</strong>, débarrassée de l'idéologie de la pureté du sang</li>
	<li>un <strong>contrôle renforcé de la magie noire</strong> et des Mangemorts encore en fuite</li>
</ul>

<p>Ce nouveau monde sorcier, plus juste, plus conscient de ses démons, c'est l'héritage que laissent Harry, Ron et Hermione à leurs enfants — ceux-là mêmes que l'on voit monter dans le Poudlard Express dans les dernières lignes de la saga.</p>
</section>

<section id="conclusion">
<h2>Conclusion : l'histoire du monde sorcier, un cycle sans fin</h2>

<p>Peur, pouvoir, résistance, espoir. La <strong>chronologie du monde sorcier</strong> tourne autour de ces quatre mots comme autour d'un axe. Les mêmes tensions resurgiront. Les mêmes choix se poseront. C'est d'ailleurs tout le propos des <em>Animaux Fantastiques</em> et de l'ère Grindelwald : la menace change de visage, mais elle revient toujours.</p>

<p>Ce que Harry Potter nous enseigne, au fond, c'est que l'histoire ne protège personne. Ce sont toujours les individus — leurs choix, leur courage, leur amour — qui décident de quel côté elle bascule.</p>
</section>

<section class="faq" id="faq">
<h2>FAQ – Chronologie et histoire du monde sorcier Harry Potter</h2>

<h1>Quand commence vraiment l'histoire du monde sorcier ?</h1>

<p>Bien avant Harry Potter et même avant Poudlard. Les premières communautés de sorciers remontent à l'Antiquité, et c'est au Moyen Âge que le monde sorcier tel qu'on le connaît commence véritablement à se structurer avec la fondation de Poudlard.</p>

<h1>Quelle est la période la plus sombre de l'histoire sorcière ?</h1>

<p>Les deux guerres menées par Voldemort sont unanimement considérées comme les épisodes les plus destructeurs de l'histoire du monde sorcier. La première, dans les années 1970-1981, et la seconde, culminant avec la bataille de Poudlard en 1998, ont causé des pertes immenses dans toute la communauté magique.</p>

<h1>Le monde sorcier est-il vraiment en paix après la mort de Voldemort ?</h1>

<p>Plus stable, oui — mais jamais totalement à l'abri. Des Mangemorts sont restés en liberté, des idéologies extrémistes persistent, et la magie noire ne disparaît pas avec son maître. C'est précisément pourquoi des réformes profondes sont mises en place dans les années qui suivent la bataille de Poudlard.</p>

<h1>Quelle est la différence entre la première et la deuxième guerre des sorciers ?</h1>

<p>La <strong>première guerre</strong> (années 1970-1981) se déroule dans la terreur et le secret : Voldemort agit par la peur, et le Ministère est dépassé. Elle se termine par la mort accidentelle de Voldemort à Godric's Hollow. La <strong>deuxième guerre</strong> (1995-1998) est plus ouverte, plus totale, culminant avec la prise de Poudlard et la bataille finale qui oppose l'Armée de Dumbledore aux forces de Voldemort.</p>
</section>

<aside class="internal-links">
<h2> </h2>
</aside>
</article>]]></content:encoded>
            </item>
            </channel>
</rss>
