<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<title>Traverser une Transition de Vie : Outils & Objets | Émotysia</title>
<meta name="description" content="Accompagnez vos changements majeurs, évolutions personnelles et caps de vie grâce à nos coffrets et supports d'introspection concrets.">
<link rel="canonical" href="https://emotysia.fr/je-traverse-une-transition-marquante">
<meta property="og:site_name" content="Émotysia">
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="website">
<meta property="og:title" content="Traverser une Transition de Vie : Outils & Objets | Émotysia">
<meta property="og:description" content="Accompagnez vos changements majeurs, évolutions personnelles et caps de vie grâce à nos coffrets et supports d'introspection concrets.">
<meta property="og:url" content="https://emotysia.fr/je-traverse-une-transition-marquante">
<meta property="og:image" content="https://emotysia.fr/storage/product_families/6a6301954ae3e.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Traverser une Transition de Vie : Outils & Objets | Émotysia">
<meta name="twitter:description" content="Accompagnez vos changements majeurs, évolutions personnelles et caps de vie grâce à nos coffrets et supports d'introspection concrets.">
<meta name="twitter:image" content="https://emotysia.fr/storage/product_families/6a6301954ae3e.webp">
<link rel="icon" href="https://emotysia.fr/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="https://emotysia.fr/images/nav_bar/logo.png">
<meta name="theme-color" content="#BD5E2F">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8TMPPJ2RZL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8TMPPJ2RZL');
</script>
<link rel="preload" as="style" href="https://emotysia.fr/build/assets/app-BUhk8KqA.css" /><link rel="modulepreload" as="script" href="https://emotysia.fr/build/assets/app-C7thAgkt.js" /><link rel="stylesheet" href="https://emotysia.fr/build/assets/app-BUhk8KqA.css" /><script type="module" src="https://emotysia.fr/build/assets/app-C7thAgkt.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<style>
:root {
--font-heading: 'Lora', serif;
--font-display: 'Playfair Display', serif;
--font-body: 'Lora', serif;
--font-scale: 0.90;
--heading-style: normal;
--body-style: normal;
--body-weight: 400;
--body-weight-mobile: 400;
--body-color: #2e2e2e;
}
</style>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://emotysia.fr"},{"@type":"ListItem","position":2,"name":"Boutique","item":"https://emotysia.fr/boutique"},{"@type":"ListItem","position":3,"name":"Je traverse une transition marquante","item":"https://emotysia.fr/je-traverse-une-transition-marquante"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Traverser une Transition de Vie : Outils & Objets | Émotysia","itemListElement":[{"@type":"ListItem","position":1,"name":"Coffret Ménopause & Préménopause : Les saisons de mon corps","url":"https://emotysia.fr/produit/premenopause-menopause-les-saisons-de-mon-corps"},{"@type":"ListItem","position":2,"name":"Livre Ménopause & Préménopause : Les saisons de mon corps","url":"https://emotysia.fr/produit/premenopause-menopause-les-saisons-de-mon-corps-livre"},{"@type":"ListItem","position":3,"name":"60 Mantras Émotions (Adultes) : Se recentrer et avancer","url":"https://emotysia.fr/produit/60-mantras-emotions-se-recentrer-et-avancer"},{"@type":"ListItem","position":4,"name":"Duo de Mantras Cap & Transitions : Avancer sereinement sans se perdre","url":"https://emotysia.fr/produit/duo-de-mantras-cap-transitions-avancer-sereinement-sans-se-perdre"}]}</script>
</head>
<body class="bg-[#FCFAF3] min-h-screen flex flex-col">
<header>
<div class="fixed top-0 left-0 w-full bg-[#FCFAF3] z-50 shadow-md">
<div class="absolute top-4 right-8 flex gap-4 md:gap-12">
<a href="https://emotysia.fr/login">
<img src="https://emotysia.fr/images/nav_bar/Barre_Nav_Symbole_connexion_fond_transparent.png" alt="Connexion" class="w-6 md:w-16 h-auto">
</a>
<a href="https://emotysia.fr/panier" class="relative inline-block">
<img
src="https://emotysia.fr/images/nav_bar/Barre_Nav_Panier_fond_transparent.png"
alt="Panier"
class="w-6 md:w-16 h-auto mt-1"
>
</a>
</div>
<div class="flex items-center gap-8 p-6 md:p-3">
<div>
<a href="https://emotysia.fr">
<img src="https://emotysia.fr/images/nav_bar/logo.png"
alt="Émotysia – accueil" class="w-20 md:w-52 h-auto">
</a>
</div>
<button id="menuBtn" class="absolute top-12 right-8 md:hidden p-2 border border-[#BD5E2F] rounded bg-white z-50">
<svg class="w-6 h-6 text-[#BD5E2F]" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" viewbox="0 0 24 24">
<line x1="3" y1="6" x2="21" y2="6"/>
<line x1="3" y1="12" x2="21" y2="12"/>
<line x1="3" y1="18" x2="21" y2="18"/>
</svg>
</button>
<nav class="hidden md:flex flex-wrap font-playfair text-lg md:text-[calc(28px*var(--font-scale))] justify-center mt-16 space-x-10 ml-8">
<a href="https://emotysia.fr" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Accueil</a>
<a href="https://emotysia.fr/naissance-d-emotysia" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Naissance d'Émotysia</a>
<a href="https://emotysia.fr/boutique" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Boutique</a>
<a href="https://emotysia.fr/espace-d-ecoute" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Espace d'écoute</a>
<a href="https://emotysia.fr/foire-aux-questions" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Foire aux questions</a>
<a href="https://emotysia.fr/contact" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Contact et Réservation</a>
<div class="bg-[#BD5E2F] h-1 w-full hidden md:block mt-3"></div>
</nav>
</div>
<div id="mobileMenu" class="md:hidden hidden flex-col gap-2 font-playfair text-base p-4 bg-[#FCFAF3] border-t border-gray-300 z-999">
<a href="https://emotysia.fr" class="text-[#2E2E2E] none">Accueil</a><br>
<a href="https://emotysia.fr/naissance-d-emotysia" class="text-[#2E2E2E] none">Naissance d'Émotysia</a><br>
<a href="https://emotysia.fr/boutique" class="text-[#2E2E2E] none">Boutique</a><br>
<a href="https://emotysia.fr/espace-d-ecoute" class="text-[#2E2E2E] none">Espace d'écoute</a><br>
<a href="https://emotysia.fr/foire-aux-questions" class="text-[#2E2E2E] none">Foire aux questions</a><br>
<a href="https://emotysia.fr/contact" class="text-[#2E2E2E] none">Contact et Réservation</a>
<div class="bg-[#BD5E2F] h-[2px] w-full mt-2"></div>
</div>
</div>
<script>
const menuBtn = document.getElementById('menuBtn');
const mobileMenu = document.getElementById('mobileMenu');
menuBtn.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
</script>
</header>
<main class="pt-[120px] md:pt-[200px] px-4 pb-8 flex-grow">
<div class="max-w-6xl mx-auto">
<h1 class="text-[#BD5E2F] text-2xl md:text-5xl mb-4 pt-6 text-center max-w-3xl mx-auto md:leading-15"> Accompagner les grands changements et transitions de vie </h1>
<a href="https://emotysia.fr/boutique" class="fixed z-[5] top-[120px] md:top-1/2 md:-translate-y-1/2 bg-[#BD5E2F] text-white md:px-6 md:py-3 p-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer left-8 md:left-32">Retour</a>
<a href="https://emotysia.fr/je-vis-une-naissance-ou-larrivee-dun-enfant" class="fixed z-[5] top-[120px] md:top-1/2 md:-translate-y-1/2 bg-[#BD5E2F] text-white md:px-6 md:py-3 p-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer right-8 md:right-32">Suite</a>
<div class="flex flex-col md:flex-row md:items-center md:relative md:mb-8 mb-4 gap-4">
<div class="flex justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2">
<a href="https://emotysia.fr/foire-aux-questions">
<button class="bg-[#BD5E2F] text-white md:px-6 md:py-3 px-4 py-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer md:text-xl text-lg">Une question ?</button>
</a>
</div>
</div>
<div class="text-lg md:text-2xl text-center pt-10">
<h2 class="!text-[#BD5E2F] font-bold">Traverser les caps, faire évoluer son identité et clarifier ses doutes</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 md:gap-12 gap-6 md:pt-16 pt-6" id="coffret-list">
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a0496c2420a3.webp" loading="lazy" alt="Coffret Ménopause & Préménopause : Les saisons de mon corps – Je traverse une transition marquante" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Coffret Ménopause & Préménopause : Les saisons de mon corps</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Face aux vagues émotionnelles et aux changements de votre corps, brisez le silence : découvrez un coffret refuge pour traverser la ménopause avec sérénité, clarté et bienveillance.</p></div>
<p class="text-lg mb-8 text-black">Prix : 47,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/premenopause-menopause-les-saisons-de-mon-corps"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a049b1d9d274.webp" loading="lazy" alt="Livre Ménopause & Préménopause : Les saisons de mon corps – Je traverse une transition marquante" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Livre Ménopause & Préménopause : Les saisons de mon corps</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Face aux vagues émotionnelles et aux métamorphoses de votre corps, brisez le silence : découvrez un livre-compagnon intime pour traverser la ménopause avec clarté et bienveillance.</p></div>
<p class="text-lg mb-8 text-black">Prix : 22,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/premenopause-menopause-les-saisons-de-mon-corps-livre"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a04a3262c339.webp" loading="lazy" alt="60 Mantras Émotions (Adultes) : Se recentrer et avancer – Je traverse une transition marquante" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">60 Mantras Émotions (Adultes) : Se recentrer et avancer</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Un soutien quotidien doux et structurant pour faire taire le doute, libérer votre syndrome de l'imposteur et avancer vers vos projets avec un profond sentiment de légitimité.<br>
<br>
3 formats de présentation au choix.</p></div>
<p class="text-lg mb-8 text-black">À partir de : 17,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/60-mantras-emotions-se-recentrer-et-avancer"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a63590991e76.webp" loading="lazy" alt="Duo de Mantras Cap & Transitions : Avancer sereinement sans se perdre – Je traverse une transition marquante" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Duo de Mantras Cap & Transitions : Avancer sereinement sans se perdre</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Changement professionnel, déménagement, cap de vie : deux sachets de mantras pour déposer les doutes et retrouver sa boussole intérieure.</p></div>
<p class="text-lg mb-8 text-black">À partir de : 12,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/duo-de-mantras-cap-transitions-avancer-sereinement-sans-se-perdre"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const buttons = document.querySelectorAll(".category-btn");
const coffrets = document.querySelectorAll(".coffret-item");
const style = document.createElement('style');
style.textContent = `
#coffret-list {
transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.coffret-item {
transition: all 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
transform-origin: center;
}
.coffret-hiding {
opacity: 0;
transform: scale(0.8) translateY(-20px);
pointer-events: none;
}
.coffret-showing {
opacity: 1;
transform: scale(1) translateY(0);
}
.coffret-hidden {
display: none !important;
}
`;
document.head.appendChild(style);
buttons.forEach(btn => {
btn.addEventListener("click", () => {
const category = btn.dataset.category;
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (!shouldShow && !coffret.classList.contains("coffret-hiding")) {
coffret.classList.add("coffret-hiding");
coffret.classList.remove("coffret-showing");
}
});
setTimeout(() => {
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (!shouldShow) {
coffret.classList.add("coffret-hidden");
} else {
coffret.classList.remove("coffret-hidden");
}
});
setTimeout(() => {
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (shouldShow) {
coffret.classList.remove("coffret-hiding");
coffret.classList.add("coffret-showing");
}
});
}, 50);
}, 300);
});
});
coffrets.forEach(coffret => {
coffret.classList.add("coffret-showing");
});
});
</script>
</div>
</main>
<div>
<footer class="bg-[#BD5E2F] px-6 md:px-20 lg:px-86 grid grid-cols-1 md:grid-cols-3 items-center gap-6 md:gap-0 min-h-[80px]">
<div class="justify-self-center text-center">
<h2 class="!text-white font-bold text-2xl mb-2.5 font-serif">Informations légales</h2>
<ul class="flex flex-col items-center gap-1">
<li><a href="https://emotysia.fr/mentions-legales" class="text-white text-base font-semibold font-serif hover:underline">Mentions légales & RGPD</a></li>
<li><a href="https://emotysia.fr/conditions-ventes" class="text-white text-base font-semibold font-serif hover:underline">Conditions Générales de Vente</a></li>
<li><a href="https://emotysia.fr/conditions-generales-d-utilisation" class="text-white text-base font-semibold font-serif hover:underline">Conditions Générales d'Utilisation</a></li>
</ul>
</div>
<div class="hidden md:flex justify-center">
<img src="https://emotysia.fr/images/accueil/separateurFooter.png" alt="separateur footer" class="md:w-24 h-auto">
</div>
<div class="flex flex-col items-center md:justify-self-end">
<h2 class="!text-white font-bold text-2xl mb-2.5 font-serif">Gardons le lien</h2>
<div class="grid grid-cols-2 gap-x-6 gap-y-1.5">
<div class="flex items-center gap-2">
<div class="w-7 h-7 border border-white/70 rounded-md flex items-center justify-center shrink-0">
<img src="https://emotysia.fr/images/accueil/insta.png" alt="logo instagram">
</div>
<a href="https://www.instagram.com/emotysia" target="blank">
<span class="text-white md:text-base text-xs font-semibold font-serif">@emotysia</span>
</a>
</div>
<div class="flex items-center gap-2">
<div class="w-7 h-7 border border-white/70 rounded-md flex items-center justify-center shrink-0">
<img src="https://emotysia.fr/images/accueil/mail.png" alt="logo mail">
</div>
<a href="mailto:contact@emotysia.fr" class="text-white md:text-base text-xs font-semibold underline font-serif">
contact@emotysia.fr
</a>
</div>
<div class="flex items-center gap-2">
<div class="w-7 h-7 border border-white/70 rounded-md flex items-center justify-center shrink-0">
<img src="https://emotysia.fr/images/accueil/fb.png" alt="logo facebook">
</div>
<a href="https://www.facebook.com/Emotysia" target="blank">
<span class="text-white md:text-base text-xs font-semibold font-serif">@Emotysia</span>
</a>
</div>
<div class="flex items-center gap-2">
<div class="w-7 h-7 border border-white/70 rounded-md flex items-center justify-center shrink-0">
<img src="https://emotysia.fr/images/accueil/tel.png" alt="logo télephone">
</div>
<span class="text-white md:text-base text-xs font-semibold font-serif">06.14.09.20.02</span>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
