.lf-guides {
–bg: #F2EFE7; –bg-alt: #E8E4D9; –surface: #FBFAF5;
–ink: #1A2620; –title: #2E3A33; –muted: #55605A;
–rule: #DFDACD; –brand: #6B7F6C; –brand-deep: #24332A; –accent: #B08867;
font-family: ‘Inter’, system-ui, -apple-system, sans-serif;
background: var(–surface); color: var(–ink); line-height: 1.6; font-weight: 400;
-webkit-font-smoothing: antialiased;
}
.lf-guides *, .lf-guides *::before, .lf-guides *::after { box-sizing: border-box; }
.lf-guides a { color: inherit; text-decoration: none; }
.lf-guides img { max-width: 100%; display: block; }
.lf-guides h1, .lf-guides h2, .lf-guides h3, .lf-guides h4 {
font-family: ‘Instrument Serif’, serif; font-weight: 400;
letter-spacing: -0.01em; color: var(–brand-deep); margin: 0 0 18px;
}
.lf-guides em { font-style: italic; color: var(–brand); }
.lf-guides p { margin: 0 0 18px; }
.lf-guides .container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.lf-guides .eyebrow { font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(–brand); font-weight: 500; margin-bottom: 14px; display: inline-block; }
.lf-guides .btn { display: inline-block; padding: 14px 28px; border-radius: 999px; font-weight: 500; font-size: 14.5px; letter-spacing: 0.2px; transition: all .18s ease; border: 1px solid transparent; }
.lf-guides .btn-outline { background: transparent; color: var(–brand-deep); border-color: var(–rule); }
.lf-guides .btn-outline:hover { border-color: var(–brand); color: var(–brand); }
.lf-guides .hero { position: relative; padding: 130px 0 110px; color: var(–surface); overflow: hidden; isolation: isolate; }
.lf-guides .hero::before {
content: « »; position: absolute; inset: 0;
background-image: linear-gradient(180deg, rgba(36,51,42,.82) 0%, rgba(36,51,42,.65) 50%, rgba(36,51,42,.82) 100%),
url(« https://lefuneraire.com/wp-content/uploads/2026/04/accueil-hero-paysage-serein.webp »);
background-size: cover; background-position: center; z-index: -1;
}
.lf-guides .hero .breadcrumb { font-size: 13px; color: rgba(255,255,255,.7); margin-bottom: 28px; letter-spacing: 0.04em; }
.lf-guides .hero .breadcrumb a { color: rgba(255,255,255,.7); }
.lf-guides .hero .breadcrumb .sep { margin: 0 10px; opacity: .5; }
.lf-guides .hero .breadcrumb .cur { color: var(–surface); }
.lf-guides .hero h1 { color: var(–surface); font-size: 60px; line-height: 1.05; margin: 0 0 24px; max-width: 22ch; }
.lf-guides .hero h1 em { color: #c9d6c0; }
.lf-guides .hero .lede { color: rgba(255,255,255,.85); font-size: 19px; line-height: 1.6; max-width: 60ch; margin: 0; }
.lf-guides .intro { background: var(–surface); padding: 90px 0; }
.lf-guides .intro-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.lf-guides .intro h2 { font-size: 38px; line-height: 1.15; margin: 0 0 22px; }
.lf-guides .intro p { color: var(–title); font-size: 17px; line-height: 1.75; margin: 0 0 14px; }
.lf-guides .steps { background: var(–bg); padding: 100px 0 110px; }
.lf-guides .steps-head { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.lf-guides .steps-head h2 { font-size: 42px; line-height: 1.1; margin: 0 0 16px; }
.lf-guides .steps-head p { color: var(–muted); font-size: 16px; line-height: 1.65; margin: 0; }
.lf-guides .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.lf-guides .step-card {
background: var(–surface); border: 1px solid var(–rule); border-radius: 14px;
padding: 38px 32px 34px; transition: all .25s ease; display: flex; flex-direction: column;
}
.lf-guides .step-card:hover {
border-color: var(–brand); transform: translateY(-4px);
box-shadow: 0 20px 50px -20px rgba(36,51,42,.18);
}
.lf-guides .step-card .step-num {
font-family: ‘Instrument Serif’, serif; font-style: italic;
font-size: 56px; line-height: 1; color: var(–accent); margin-bottom: 16px; display: block;
}
.lf-guides .step-card .step-label { font-size: 11.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(–brand); font-weight: 500; margin-bottom: 14px; }
.lf-guides .step-card h3 { font-size: 28px; line-height: 1.15; margin: 0 0 12px; }
.lf-guides .step-card p { font-size: 14.5px; color: var(–muted); line-height: 1.65; margin: 0 0 22px; flex-grow: 1; }
.lf-guides .step-card .step-themes { font-size: 13.5px; color: var(–title); margin: 0 0 24px; line-height: 1.7; }
.lf-guides .step-card .step-themes strong { color: var(–brand-deep); font-weight: 600; }
.lf-guides .step-card .step-link { color: var(–brand); font-size: 14px; font-weight: 500; letter-spacing: 0.04em; border-bottom: 1px solid var(–brand); padding-bottom: 3px; align-self: flex-start; }
.lf-guides .step-card:hover .step-link { color: var(–brand-deep); border-color: var(–brand-deep); }
.lf-guides .principle { background: var(–surface); padding: 100px 0; }
.lf-guides .principle-inner { max-width: 820px; margin: 0 auto; text-align: center; }
.lf-guides .principle h2 { font-size: 38px; line-height: 1.15; margin: 0 0 24px; }
.lf-guides .principle p { color: var(–title); font-size: 17px; line-height: 1.75; }
.lf-guides .principle .quote { font-family: ‘Instrument Serif’, serif; font-style: italic; font-size: 22px; color: var(–brand); line-height: 1.5; border-left: 2px solid var(–brand); padding-left: 22px; margin: 30px auto 0; max-width: 540px; text-align: left; }
.lf-guides .services { background: var(–bg); padding: 100px 0; }
.lf-guides .services-head { max-width: 760px; margin: 0 0 48px; }
.lf-guides .services-head h2 { font-size: 38px; line-height: 1.15; margin: 0 0 16px; }
.lf-guides .services-head p { color: var(–muted); font-size: 16px; line-height: 1.65; margin: 0; }
.lf-guides .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.lf-guides .service-card { background: var(–surface); border: 1px solid var(–rule); border-radius: 12px; padding: 32px 28px 28px; transition: all .22s ease; display: flex; flex-direction: column; gap: 14px; }
.lf-guides .service-card:hover { border-color: var(–brand); transform: translateY(-3px); }
.lf-guides .service-card .num { font-family: ‘Instrument Serif’, serif; font-style: italic; color: var(–accent); font-size: 26px; line-height: 1; }
.lf-guides .service-card h3 { font-size: 21px; margin: 0; }
.lf-guides .service-card p { font-size: 14px; color: var(–muted); line-height: 1.6; margin: 0; }
.lf-guides .service-card .s-link { color: var(–brand); font-size: 13px; font-weight: 500; letter-spacing: 0.04em; margin-top: auto; border-bottom: 1px solid var(–brand); padding-bottom: 2px; align-self: flex-start; }
@media (max-width: 960px) {
.lf-guides .container { padding: 0 24px; }
.lf-guides .hero { padding: 90px 0 80px; }
.lf-guides .hero h1 { font-size: 42px; }
.lf-guides .hero .lede { font-size: 17px; }
.lf-guides .intro, .lf-guides .steps, .lf-guides .principle, .lf-guides .services { padding: 70px 0; }
.lf-guides .intro h2, .lf-guides .steps-head h2, .lf-guides .principle h2, .lf-guides .services-head h2 { font-size: 30px; }
.lf-guides .steps-grid, .lf-guides .services-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) { .lf-guides .hero h1 { font-size: 34px; } }
Guides & démarches funéraires
Des conseils clairs et incarnés pour préparer, organiser et accompagner chaque étape autour d’un décès — sans jargon, sans pathos.
— Notre démarche
Une bibliothèque de réponses, organisée selon votre moment
Quand un proche s’en va, on ne sait pas par où commencer. Les démarches sont nombreuses, les décisions urgentes, les mots difficiles à trouver. Cette rubrique réunit nos guides classés selon trois moments simples : avant (préparer, prévoir, transmettre), pendant (organiser, informer, rendre hommage), après (gérer, accompagner, se souvenir).
Chaque dossier répond à une vraie question. Aucun n’est là pour vendre — chacun est là pour aider.
— Trois moments, trois rubriques
Choisissez l’étape qui correspond à votre situation
Cliquez sur la rubrique qui vous concerne pour découvrir les dossiers détaillés.
01
Avant
Préparer, prévoir, transmettre
Pour anticiper sereinement : volontés funéraires, prévoyance, testament, documents importants, transmission des souvenirs.
Sujets : préparer ses obsèques, prévoyance et financement, testament et succession, documents et vie numérique, biens et messages à transmettre, animaux après décès.
Découvrir les guides Avant →
02
Pendant
Organiser, informer, rendre hommage
Pour traverser l’urgence avec des repères clairs : premières démarches, choix des obsèques, annonces, hommages.
Sujets : que faire juste après un décès, organiser les obsèques, crémation et lieux de mémoire, informer les proches, choisir les hommages, premières dépenses.
Découvrir les guides Pendant →
03
Après
Gérer, accompagner, se souvenir
Pour prolonger l’accompagnement : démarches longues, succession, deuil, mémoire, entretien du lieu de mémoire.
Sujets : démarches après obsèques, succession, entretenir la tombe, faire vivre la mémoire, deuil et accompagnement, trier les biens.
Découvrir les guides Après →
— Notre principe éditorial
Informer d’abord, proposer ensuite — jamais l’inverse
Nos dossiers sont rédigés pour aider une famille à comprendre, décider, traverser une situation. Les services et produits que nous proposons (plaques, espace mémoriel, avis de décès) ne sont mentionnés qu’à la fin d’un dossier, et seulement quand ils répondent vraiment au besoin évoqué.
« Aucun deuil n’a la même forme. Mais on n’est jamais obligé de chercher seul ses repères. »
— Au-delà des guides
Trois services pour passer à l’action
Quand vous êtes prêt à concrétiser un hommage ou à publier un avis de décès.
01
Plaques personnalisées
Plaques funéraires fabriquées en France, personnalisables avec photo, prénom, dates, symboles et textes.
Découvrir nos plaques → 02Espace mémoriel en ligne
Créez un espace privé pour rassembler photos, souvenirs et messages des proches, accessible à toute la famille.
Créer un espace → 03Avis de décès
Annuaire national — publiez un faire-part visible par toute la France et permettez aux proches de laisser un message.
Consulter ou publier →