<!DOCTYPE html>
<html lang="fr" class="scroll-smooth">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<style>
.font-playfair {
font-family: 'Playfair Display', serif;
}
.font-lora {
font-family: 'Lora', serif;
}
</style>
<link rel="preload" as="style" href="https://emotysia.fr/build/assets/app-Cec5jUP_.css" /><link rel="modulepreload" as="script" href="https://emotysia.fr/build/assets/app-DlYOw6CL.js" /><link rel="stylesheet" href="https://emotysia.fr/build/assets/app-Cec5jUP_.css" /><script type="module" src="https://emotysia.fr/build/assets/app-DlYOw6CL.js"></script> <title>Émotysia | Coffrets de bien-être émotionnel et rituels de reconnexion</title>
<meta name="description" content="Découvrez Émotysia : des coffrets de bien-être émotionnel et rituels de reconnexion pour accompagner les passages de vie. Trouvez l&#39;apaisement à travers les mots et les symboles." />
</head>
<!-- Google tag (gtag.js) --> <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>
<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/login">
<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/accueil">
<img src="https://emotysia.fr/images/nav_bar/logo.png"
alt="Logo" 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-[28px] justify-center mt-16 space-x-10 ml-8">
<a href="https://emotysia.fr/accueil" class="italic font-semibold hover:underline whitespace-nowrap text-[#BD5E2F] underline">Accueil</a>
<a href="https://emotysia.fr/a_propos" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Naissance d'Émotysia</a>
<a href="https://emotysia.fr/coffrets" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Boutique</a>
<a href="https://emotysia.fr/accompagnements" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Espace d'écoute</a>
<a href="https://emotysia.fr/faq" class="italic font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Foire aux questions</a>
<a href="https://emotysia.fr/contact" class="italic 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">
<a href="https://emotysia.fr/accueil" class="text-[#BD5E2F] underline">Accueil</a><br>
<a href="https://emotysia.fr/a_propos" class="text-[#2E2E2E] none">Naissance d'Émotysia</a><br>
<a href="https://emotysia.fr/coffrets" class="text-[#2E2E2E] none">Boutique</a><br>
<a href="https://emotysia.fr/accompagnements" class="text-[#2E2E2E] none">Espace d'écoute</a><br>
<a href="https://emotysia.fr/faq" 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>
<img src="https://emotysia.fr/images/modif.png" alt="modif" class="hidden md:block absolute top-40 left-0 w-96 h-auto rounded-sm">
<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"> Des coffrets, des livres et des outils bien-être émotionnel. </h1>
<div class="gap-8 md:gap-24 mt-8 md:mt-16 flex justify-center">
<img src="https://emotysia.fr/images/accueil/imageAccueil.png" alt="bougie tenu par deux mains" class="w-32 md:w-96 h-auto rounded-sm shadow-lg">
</div>
<div class="gap-8 md:gap-24 mt-4 md:mt-8 flex justify-center">
<p class="italic font-medium !text-[#BD5E2F] text-2xl">Comprendre vos émotions et traverser sereinement les étapes importantes de la vie.</p>
</div>
<div class="gap-8 md:gap-24 mt-14 md:mt-24 flex justify-center">
<p class="italic font-medium text-2xl text!-black">Les univers organisés en 6 pôles</p>
</div>
<div class="hidden md:flex flex-wrap justify-center gap-8 mt-4 md:mt-8">
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">L'adolescence</p>
<img src="https://emotysia.fr/storage/categorie/UPXxEHsrbUN6ca64NjD1ZCsj16cku0d2VvwSeu5m.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Renforcer la relation et traverser l'adolescence avec sérénité.</p>
</div>
</a>
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">La période Prénatale</p>
<img src="https://emotysia.fr/storage/categorie/LnglFT3ELvC54OdjSanJ4hVPe8dUe5Lf3PQtsOkV.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Explorer vos émotions de grossesse et vous accompagner dès le début de ce chemin.</p>
</div>
</a>
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">La période Postnatale</p>
<img src="https://emotysia.fr/storage/categorie/MOXgTkTAj91fXJFUQKZ7mp5X3UKYRQAnhzSEWmLn.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Explorer la matrescence et votre nouvelle identité de mère.</p>
</div>
</a>
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Les Transitions de Vie</p>
<img src="https://emotysia.fr/storage/categorie/EGUaaWTMxvYQn1br5VjTOtCAp2xBzPGEIrlm2ARB.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Accompagner les changements et apaiser le cœur.</p>
</div>
</a>
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Hors-Séries : Bien-être et Sérénité</p>
<img src="https://emotysia.fr/storage/categorie/ZCtCilQMDWvty8MrpscZzORcn6Hik5Vhbr4kV33M.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center">Préserver votre équilibre émotionnel, apaiser vos émotions et retrouver le bien-être.</p>
</div>
</a>
<a href="https://emotysia.fr/coffrets">
<div class="flex flex-col items-center text-center">
<p class="font-semibold text-xl mb-2 !text-[#BD5E2F] !italic">Outils émotionnels</p>
<img src="https://emotysia.fr/storage/categorie/6SNbMwlMgShFbvmoxznSzUjFb9JfM89XnExKrgpJ.png" alt="image catégorie" class="w-20 md:w-48 h-auto mb-2">
<p class="text-base !text-[#BD5E2F] !italic mt-2 max-w-3xs !text-center"></p>
</div>
</a>
</div>
<div class="flex flex-col items-center mt-8 md:mt-24">
<div class="max-w-2xl text-center md:text-xl text-lg space-y-8">
<div class="italic space-y-4 text-center">
<h2 class="text-2xl md:text-3xl mb-8 font-medium md:text-left text-center !text-[#BD5E2F]">Bienvenue chez Émotysia</h2>
<p class="font-bold text-center">Émotysia est née du désir d’honorer les passages de vie. Je crée des coffrets, livres rituels et des outils bien-être émotionnel et des livres rituels pour vous aider à traverser les moments intenses.</p>
<p class="mt-4">Chaque étape vient bouleverser l’équilibre, faire naître des questions, réveiller des émotions.</p>
<p class="mt-4">Ici, je vous invite à ralentir, à ressentir, à vous relier.</p>
<p class="mt-4">Émotysia, c’est une porte entrouverte, des outils doux et non injonctifs pour honorer vos étapes de vie.</p>
</div>
</div>
</div>
<div class="flex justify-end pt-8">
<a href="https://emotysia.fr/coffrets">
<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 !italic">
En savoir plus Coffrets - Livres - Outils
</button>
</a>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "GiftShop",
"name": "Émotysia",
"url": "https://emotysia.fr/",
"logo": "https://emotysia.fr/logo.png",
"image": "https://emotysia.fr/image-boutique.jpg",
"description": "Coffrets de bien-être émotionnel, livres et outils pour accompagner les passages de vie.",
"telephone": "06 14 09 20 02",
"address": {
"@type": "PostalAddress",
"addressLocality": "Saint-Bonnet-le-Troncy",
"postalCode": "69870",
"addressRegion": "Auvergne-Rhône-Alpes",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 46.0853,
"longitude": 4.4267
},
"areaServed": [
{
"@type": "City",
"name": "Roanne"
},
{
"@type": "City",
"name": "Villefranche-sur-Saône"
},
{
"@type": "City",
"name": "Lyon"
}
],
"sameAs": [
"https://www.instagram.com/emotysia",
"https://www.facebook.com/emotysia"
]
}
</script>
</div>
</main>
<div>
<footer class="bg-[#E2A76F] font-lora md:p-8 p-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 md:gap-4 gap-1 md:text-base text-sm">
<a href="https://emotysia.fr/mentions_legales" class="font-semibold hover:underline text-center md:text-left md:pl-64">Mentions légales & RGPD</a>
<a href="https://emotysia.fr/conditions_generales_utilisation" class="font-semibold hover:underline text-center md:text-left md:pl-48">Conditions Générales d’Utilisation</a>
<a href="https://www.facebook.com/Emotysia" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-32">Facebook</a>
<a href="https://emotysia.fr/conditions_ventes" class="font-semibold hover:underline text-center md:text-left md:pl-64">Conditions Générales de Vente</a>
<a href="https://www.instagram.com/emotysia" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-48">Instagram</a>
<a href="https://centregalanthis.fr" target="_blank" class="font-semibold hover:underline text-center md:text-left md:pl-32">Centre Galanthis</a>
</footer>
</div>
</body>
</html>