Files
parenthese/landing/public/arbre-genealogique-a-remplir/index.html
T
IliesAllaliandClaude Opus 5.5 fcfb7d1494 Landing : pages préchargées au survol d'un lien (speculationrules)
- Règles de préchargement dans l'accueil et les 15 guides : une page du site est préparée quand on survole
  son lien (appui sur téléphone), et s'ouvre presque tout de suite. Pages seulement, pas les fichiers ;
  l'application n'est pas concernée. Ignoré par les navigateurs qui ne connaissent pas ces règles.
- Une page préchargée ne compte pas de visite avant d'être vraiment ouverte (PostHog attend
  prerenderingchange), et l'animation du logo se joue à l'ouverture, pas pendant le préchargement.
- CSP de la landing (deploy/nginx.conf) : empreinte des règles, et nouvelle empreinte du script du logo.
  Le mot-clé 'inline-speculation-rules' ne suffisait pas à Chrome.
- Test : chaque script en ligne des pages a son empreinte dans la CSP, chaque page a ses règles.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-27 18:05:12 +01:00

218 lines
16 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#FBFAF7" />
<title>Arbre généalogique à remplir, modèles vierges gratuits</title>
<meta name="description" content="Cinq modèles d'arbre généalogique vierges en PDF A4, de 3 à 5 générations, avec cases photo ou arbre dessiné. Gratuits, sans inscription." />
<link rel="canonical" href="https://parenthese.io/arbre-genealogique-a-remplir/" />
<link rel="alternate" hreflang="fr" href="https://parenthese.io/arbre-genealogique-a-remplir/" />
<link rel="alternate" hreflang="en" href="https://parenthese.io/en/printable-family-tree/" />
<link rel="alternate" hreflang="x-default" href="https://parenthese.io/arbre-genealogique-a-remplir/" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Parenthèse" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:url" content="https://parenthese.io/arbre-genealogique-a-remplir/" />
<meta property="og:title" content="Arbre généalogique à remplir, modèles vierges gratuits" />
<meta property="og:description" content="Cinq modèles à imprimer en A4, de 3 à 5 générations, avec cases photo ou arbre dessiné." />
<meta property="og:image" content="https://parenthese.io/og-image.png" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" href="/fonts/fonts.css" />
<link rel="stylesheet" href="/guides.css" />
<style>
/* Grille des modèles, propre à cette page. Tokens de guides.css, avec valeurs de repli. */
.modeles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 24px 0 8px; }
.modele { display: flex; flex-direction: column; border: 1px solid var(--trait, #ebe6df); border-radius: 18px; background: var(--papier, #fff); overflow: hidden; }
.modele .apercu { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 22px; background: var(--a50, #fcf3ef); }
.modele .apercu img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; background: #fff; box-shadow: 0 1px 2px rgba(42,38,34,.06), 0 8px 22px rgba(42,38,34,.09); }
.modele .corps { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.modele h3 { margin: 0 0 6px; }
.modele p { margin: 0 0 16px; font-size: 16px; }
.modele .bas { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.modele .poids { font-size: 13px; color: var(--doux, #6b645d); }
@media (max-width: 600px) { .modeles { grid-template-columns: 1fr; } .modele .apercu { aspect-ratio: 4 / 3; padding: 18px; } }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "HowTo",
"name": "Remplir un arbre généalogique à imprimer",
"inLanguage": "fr-FR",
"tool": [{ "@type": "HowToTool", "name": "Modèle d'arbre généalogique vierge en PDF A4" }],
"step": [
{ "@type": "HowToStep", "name": "Commencer par soi", "text": "Remplir la case 1 avec son nom de naissance, sa date et son lieu de naissance exacts." },
{ "@type": "HowToStep", "name": "Remonter une génération à la fois", "text": "Parents, puis grands-parents, sans sauter de case. Pour les femmes, écrire le nom de naissance." },
{ "@type": "HowToStep", "name": "Interroger les plus âgés", "text": "Grands-parents, grands-oncles et grands-tantes savent ce qui n'est écrit nulle part. Le livret de famille donne les dates exactes." },
{ "@type": "HowToStep", "name": "Noter ce qui manque", "text": "Écrire une date approximative suivie d'un point d'interrogation plutôt que laisser la case vide, puis la vérifier aux archives départementales." }
]
},
{
"@type": "FAQPage",
"mainEntity": [
{ "@type": "Question", "name": "Combien de générations mettre dans un arbre généalogique ?", "acceptedAnswer": { "@type": "Answer", "text": "Trois pour un premier arbre ou un travail d'école, quatre si vous connaissez vos arrière-grands-parents, cinq en éventail pour aller jusqu'aux trisaïeuls. Chaque génération double le nombre de cases, soit 2, 4, 8 puis 16 personnes." } },
{ "@type": "Question", "name": "Comment faire un arbre généalogique soi-même ?", "acceptedAnswer": { "@type": "Answer", "text": "Imprimez un modèle vierge, remplissez votre case, puis celles de vos parents et grands-parents en interrogeant la famille. Le livret de famille donne les dates exactes, les archives départementales en ligne donnent les actes plus anciens." } },
{ "@type": "Question", "name": "Les modèles d'arbre généalogique sont-ils gratuits ?", "acceptedAnswer": { "@type": "Answer", "text": "Oui. Les cinq modèles se téléchargent sans inscription ni adresse e-mail, et vous pouvez les imprimer et les partager autant que vous voulez." } },
{ "@type": "Question", "name": "Comment imprimer un arbre généalogique en A3 ?", "acceptedAnswer": { "@type": "Answer", "text": "Ouvrez le PDF, choisissez le format A3 dans la fenêtre d'impression et l'option « ajuster à la page ». Le modèle s'agrandit sans perdre en netteté, ce qui donne plus de place pour écrire, surtout sur l'éventail à cinq générations." } }
]
}
]
}
</script>
<!-- Pages du site préparées en avance quand on survole un lien (appui sur téléphone) : elles s'ouvrent presque
tout de suite. Seulement les pages, pas les fichiers ; l'application (app.parenthese.io) n'est pas concernée.
Un navigateur qui ne connaît pas ces règles les ignore. -->
<script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/*.*"}}]},"eagerness":"moderate"}]}</script>
</head>
<body>
<header class="top">
<div class="wrap">
<a class="brand" href="/" aria-label="Parenthèse, accueil">
<img src="/logo.svg" alt="" width="166" height="22" />
</a>
<a class="btn" href="https://app.parenthese.io/?account=register&amp;source=guide-modele">Créer mon arbre</a>
</div>
</header>
<main>
<article class="wrap">
<span class="eyebrow">Modèles gratuits</span>
<h1>Arbre généalogique à remplir, modèles vierges gratuits</h1>
<p class="lead">Cinq modèles à imprimer en A4, de trois à cinq générations. Téléchargez le PDF, imprimez-le, remplissez-le à la main avec la famille. Gratuit, sans inscription.</p>
<h2>Les modèles à télécharger</h2>
<div class="modeles">
<section class="modele">
<div class="apercu"><img src="/arbre-genealogique-a-remplir/arbre-genealogique-3-generations.webp" width="720" height="1018" alt="Modèle d'arbre généalogique vierge sur 3 générations, sept cases à remplir, de l'enfant aux quatre grands-parents" loading="lazy" decoding="async" /></div>
<div class="corps">
<h3>3 générations</h3>
<p>Vous, vos parents, vos quatre grands-parents. Le modèle pour commencer, avec de la place pour écrire.</p>
<div class="bas">
<a class="btn" href="/arbre-genealogique-a-remplir/arbre-genealogique-3-generations.pdf" download>Télécharger le PDF</a>
<span class="poids">A4 portrait</span>
</div>
</div>
</section>
<section class="modele">
<div class="apercu"><img src="/arbre-genealogique-a-remplir/arbre-genealogique-avec-photos.webp" width="720" height="1018" alt="Modèle d'arbre généalogique à remplir avec un cadre photo dans chaque case, sur 3 générations" loading="lazy" decoding="async" /></div>
<div class="corps">
<h3>3 générations avec photos</h3>
<p>Les mêmes sept cases, chacune avec un cadre pour coller une photo d'identité ou dessiner un portrait.</p>
<div class="bas">
<a class="btn" href="/arbre-genealogique-a-remplir/arbre-genealogique-avec-photos.pdf" download>Télécharger le PDF</a>
<span class="poids">A4 portrait</span>
</div>
</div>
</section>
<section class="modele">
<div class="apercu"><img src="/arbre-genealogique-a-remplir/arbre-genealogique-4-generations.webp" width="720" height="509" alt="Modèle d'arbre généalogique vierge sur 4 générations en format paysage, quinze cases jusqu'aux arrière-grands-parents" loading="lazy" decoding="async" /></div>
<div class="corps">
<h3>4 générations</h3>
<p>Jusqu'aux huit arrière-grands-parents, en paysage. Quinze cases numérotées.</p>
<div class="bas">
<a class="btn" href="/arbre-genealogique-a-remplir/arbre-genealogique-4-generations.pdf" download>Télécharger le PDF</a>
<span class="poids">A4 paysage</span>
</div>
</div>
</section>
<section class="modele">
<div class="apercu"><img src="/arbre-genealogique-a-remplir/arbre-genealogique-5-generations-eventail.webp" width="720" height="509" alt="Modèle d'arbre généalogique en éventail sur 5 générations, trente et une cases numérotées en demi-cercle" loading="lazy" decoding="async" /></div>
<div class="corps">
<h3>5 générations en éventail</h3>
<p>Trente et une personnes sur une page, jusqu'aux trisaïeuls. Le format le plus dense, à agrandir en A3 si vous écrivez gros.</p>
<div class="bas">
<a class="btn" href="/arbre-genealogique-a-remplir/arbre-genealogique-5-generations-eventail.pdf" download>Télécharger le PDF</a>
<span class="poids">A4 paysage</span>
</div>
</div>
</section>
<section class="modele">
<div class="apercu"><img src="/arbre-genealogique-a-remplir/arbre-genealogique-dessine.webp" width="720" height="1018" alt="Dessin d'arbre généalogique à remplir, un tronc et des branches qui relient sept cases sur 3 générations" loading="lazy" decoding="async" /></div>
<div class="corps">
<h3>Arbre dessiné, 3 générations</h3>
<p>Un tronc et des branches relient les cases. Pour un arbre à afficher, à offrir ou à rendre en classe.</p>
<div class="bas">
<a class="btn" href="/arbre-genealogique-a-remplir/arbre-genealogique-dessine.pdf" download>Télécharger le PDF</a>
<span class="poids">A4 portrait</span>
</div>
</div>
</section>
</div>
<div class="note">
<p><strong>Les numéros dans les cases</strong> suivent la numérotation Sosa, la même dans tous les arbres. Vous êtes le 1, votre père le 2, votre mère le 3. Le père d'une personne porte le double de son numéro, la mère le double plus un.</p>
</div>
<h2>Comment remplir un arbre généalogique</h2>
<h3>1. Commencez par vous</h3>
<p>Remplissez la case 1 avec ce que vous savez sans chercher. Nom de naissance, date et lieu exacts, tels qu'ils figurent sur votre acte de naissance. C'est la seule case qui ne demande aucune question.</p>
<h3>2. Remontez une génération à la fois</h3>
<p>Vos parents, puis vos grands-parents, puis les leurs. Ne sautez pas de case, chaque génération sert à retrouver la suivante. Pour les femmes, écrivez le nom de naissance et non le nom d'épouse, c'est lui qui mène à leur famille.</p>
<h3>3. Interrogez les plus âgés d'abord</h3>
<p>Grands-parents, grands-oncles et grands-tantes savent ce qui n'est écrit nulle part. Venez avec le modèle imprimé, montrez les cases vides, et demandez qui manque. Le livret de famille, les faire-part et le dos des vieilles photos donnent souvent les dates exactes.</p>
<h3>4. Quand une date manque</h3>
<p>Écrivez ce que vous savez, « vers 1920 » ou « avant 1945 », suivi d'un point d'interrogation. Une estimation signalée vaut mieux qu'une case vide, elle se corrige plus tard. Les registres d'état civil anciens sont numérisés et consultables gratuitement sur le site des archives départementales, dans la plupart des départements. Les actes de naissance et de mariage y sont librement consultables après 75 ans.</p>
<h3>5. Au crayon d'abord</h3>
<p>Remplissez une première version au crayon à papier, le temps que les dates se confirment. Recopiez ensuite au propre sur un second tirage. Pour imprimer, choisissez « taille réelle » dans la fenêtre d'impression, pas « ajuster », afin que les marges restent intactes.</p>
<h2>La même chose en ligne, avec les photos et les voix</h2>
<p>Une feuille s'arrête au bord de la page et à ceux qui l'ont sous les yeux. Parenthèse est un arbre généalogique en ligne, gratuit, où chaque personne porte ses photos, des enregistrements de sa voix, des vidéos et les histoires qu'on raconte sur elle.</p>
<p>Frères, sœurs, oncles, tantes et cousins y ont leur place, sur autant de générations que vous en connaissez. Vous envoyez un lien, la famille consulte sans créer de compte, et ceux qui ont le mot de passe de contribution complètent ce qui manque. Pour les photos, le guide <a href="/arbre-genealogique-avec-photos/">faire un arbre généalogique avec des photos</a> explique comment les numériser et les ranger.</p>
<section class="cta">
<h2>Votre arbre, en ligne et partagé</h2>
<p>Un compte, un nom de famille, et vous invitez les vôtres par un lien.</p>
<a class="btn" href="https://app.parenthese.io/?account=register&amp;source=guide-modele">Créer mon arbre</a>
</section>
<h2>Questions fréquentes</h2>
<div class="faq">
<details>
<summary>Combien de générations mettre dans un arbre généalogique ?</summary>
<p>Trois pour un premier arbre ou un travail d'école, quatre si vous connaissez vos arrière-grands-parents, cinq en éventail pour aller jusqu'aux trisaïeuls. Chaque génération double le nombre de cases, soit 2, 4, 8 puis 16 personnes.</p>
</details>
<details>
<summary>Comment faire un arbre généalogique soi-même ?</summary>
<p>Imprimez un modèle vierge, remplissez votre case, puis celles de vos parents et grands-parents en interrogeant la famille. Le livret de famille donne les dates exactes, les archives départementales en ligne donnent les actes plus anciens.</p>
</details>
<details>
<summary>Les modèles d'arbre généalogique sont-ils gratuits ?</summary>
<p>Oui. Les cinq modèles se téléchargent sans inscription ni adresse e-mail, et vous pouvez les imprimer et les partager autant que vous voulez.</p>
</details>
<details>
<summary>Comment imprimer un arbre généalogique en A3 ?</summary>
<p>Ouvrez le PDF, choisissez le format A3 dans la fenêtre d'impression et l'option « ajuster à la page ». Le modèle s'agrandit sans perdre en netteté, ce qui donne plus de place pour écrire, surtout sur l'éventail à cinq générations.</p>
</details>
</div>
</article>
</main>
<footer>
<div class="wrap">
<span>Parenthèse · <a href="/">parenthese.io</a> · <a href="/en/printable-family-tree/" hreflang="en" lang="en">English</a></span>
<nav aria-label="Guides">
<a href="/comment-faire-un-arbre-genealogique/">Comment faire un arbre généalogique</a>
<a href="/application-arbre-genealogique/">Quelle application choisir</a>
<a href="/arbre-genealogique-avec-photos/">Arbre généalogique avec photos</a>
<a href="/raconter-histoire-de-famille/">Raconter l'histoire de sa famille</a>
<a href="/cousinade/">Organiser une cousinade</a>
<a href="/donnees-et-vie-privee/">Données et vie privée</a>
</nav>
</div>
</footer>
</body>
</html>