<!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>Séance d'Accompagnement Émotionnel et Écoute | Émotysia</title>
<meta name="description" content="Prolongez l&#39;expérience de vos coffrets rituels avec un accompagnement émotionnelsur mesure. Un espace d&#39;écoute et de présence pour déposer vos ressentis, en visioou en présentiel." />
</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-[#2E2E2E] none">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-[#2E2E2E] none">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"> L'Espace d'Écoute Émotysia </h1>
<style>
.flip-card {
perspective: 1000px;
}
.flip-card-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-card.flipped .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
border-radius: 3rem;
display: flex;
padding: 1rem;
}
.flip-card-back {
transform: rotateY(180deg);
background-color: #fef3c7;
}
.flip-card-front {
background-color: #fff7ed;
justify-content: center;
align-items: center;
}
</style>
<div class="flex flex-wrap justify-center items-center md:gap-8">
<img src="https://emotysia.fr/images/accompagnements/Doula_Emotysia_image_accompagnements.png" alt="(Échanges et écriture) Deux personnes en pleine séance d'échange :l'une s'exprime avec les mains et l'autre prend des notes dans un carnet, à côté d'unebougie allumée." class="max-w-full md:w-52 h-auto w-30 md:p-4">
<img src="https://emotysia.fr/images/accompagnements/accompagnements_fond_transp.png" alt="(Mosaïque de moments de vie) Mosaïque circulaire montrantdifférents passages de vie : les pieds d'un nouveau-né, une femme enceinte, des mainsde personne âgée et une bougie allumée." class="max-w-full md:w-58 h-auto w-36 md:p-4">
</div>
<div class="flex flex-wrap justify-center gap-4 md:pt-12">
<div onclick="this.classList.toggle('flipped')" class="flip-card w-[45%] min-w-[300px] h-auto min-h-[310px] relative m-4">
<div class="cursor-pointer flip-card-inner relative w-full h-full duration-700 transform-style-preserve-3d" style="transform-style: preserve-3d;">
<div class="flip-card-front absolute w-full h-full backface-hidden bg-gradient-to-b from-orange-200 to-orange-400 text-white rounded-2xl shadow-lg flex items-center justify-center text-xl sm:text-2xl font-bold p-4" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p class="text-4xl md:text-3xl !text-center italic">C'est quoi l'espace d'écoute ?</p>
</div>
<div class="flip-card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gradient-to-br from-orange-400 to-orange-50 text-black rounded-2xl shadow-lg p-6 flex flex-col md:text-justify text-base md:text-xl leading-relaxed overflow-y-auto" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p>C'est un espace pour déposer ce qui remue après l'ouverture d’un coffret ou d'un livre.</p>
<p class="mt-2">Un moment d’<span class="text-black">écoute active</span>, d’ancrage et de présence. J'utilise la technique de communication de Carl Rogers que j'ai acquise pendant la formation de doula. Cet espace d'écoute se fait à votre rythme, selon ce qui vous habite : un pas de plus pour vous relier à vous-même et intégrer vos ressentis.</p>
</div>
</div>
</div>
<div onclick="this.classList.toggle('flipped')" class="flip-card w-[45%] min-w-[300px] h-auto min-h-[310px] relative m-4">
<div class="cursor-pointer flip-card-inner relative w-full h-full duration-700 transform-style-preserve-3d" style="transform-style: preserve-3d;">
<div class="flip-card-front absolute w-full h-full backface-hidden bg-gradient-to-b from-orange-200 to-orange-400 text-white rounded-2xl shadow-lg flex items-center justify-center text-xl sm:text-2xl font-bold p-4" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p class="text-4xl md:text-3xl !text-center italic">Pour qui est cet espace d'écoute ?</p>
</div>
<div class="flip-card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gradient-to-br from-orange-400 to-orange-50 text-black rounded-2xl shadow-lg p-6 flex flex-col md:text-justify text-base md:text-xl leading-relaxed overflow-y-auto" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p>Pour vous, si les mots résonnent encore.</p>
<p class="mt-2">Pour vous, si l’un des rituels a touché quelque chose d’important.</p>
<p class="mt-2">Pour vous, si vous sentez le besoin d’être entendue, sans filtre, sans masque, avec authenticité.</p>
</div>
</div>
</div>
<div onclick="this.classList.toggle('flipped')" class="flip-card w-[45%] min-w-[300px] h-auto min-h-[310px] relative m-4">
<div class="cursor-pointer flip-card-inner relative w-full h-full duration-700 transform-style-preserve-3d" style="transform-style: preserve-3d;">
<div class="flip-card-front absolute w-full h-full backface-hidden bg-gradient-to-b from-orange-200 to-orange-400 text-white rounded-2xl shadow-lg flex items-center justify-center text-xl sm:text-2xl font-bold p-4" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p class="text-4xl md:text-3xl !text-center italic">Pourquoi demander un espace d'écoute ?</p>
</div>
<div class="flip-card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gradient-to-br from-orange-400 to-orange-50 text-black rounded-2xl shadow-lg p-6 flex flex-col md:text-justify text-base md:text-xl leading-relaxed overflow-y-auto" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p>Parce que les passages de vie ne se traversent pas toujours seuls.</p>
<p class="mt-2">Parce qu’un coffret ou un livre peut ouvrir une brèche.</p>
<p class="mt-2">Et que parfois, une voix, une présence, un regard bienveillant suffisent à apaiser ce qui cherche à se dire.</p>
</div>
</div>
</div>
<div onclick="this.classList.toggle('flipped')" class="flip-card w-[45%] min-w-[300px] h-auto min-h-[310px] relative m-4">
<div class="cursor-pointer flip-card-inner relative w-full h-full duration-700 transform-style-preserve-3d" style="transform-style: preserve-3d;">
<div class="flip-card-front absolute w-full h-full backface-hidden bg-gradient-to-b from-orange-200 to-orange-400 text-white rounded-2xl shadow-lg flex items-center justify-center text-xl sm:text-2xl font-bold p-4" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p class="text-4xl md:text-3xl !text-center italic">Comment réserver ma séance ?</p>
</div>
<div class="flip-card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gradient-to-br from-orange-400 to-orange-50 text-black rounded-2xl shadow-lg p-6 flex flex-col md:text-justify text-base md:text-xl leading-relaxed overflow-y-auto" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p>Chaque coffret ou livre Émotysia contient une carte avec un code unique. Ce code vous permet, si vous en ressentez l’élan, de demander un espace d'écoute individuel.</p>
<p class="mt-2">Il vous suffit de :</p>
<p class="mt-2 ml-4">1. Aller dans la rubrique « Esapce d'écoute » du site.</p>
<p class="mt-2 ml-4">2. Remplir le <a href="https://emotysia.fr/contact" target="_blank" class="underline !text-[#BD5E2F]">formulaire</a> en inscrivant votre code personnel.</p>
<p class="mt-2 ml-4">3. Je vous recontacterai rapidement pour fixer une rencontre à distance.</p>
<p class="mt-2">Cet espace est proposé en supplément, uniquement sur rendez-vous, afin qu’il soit entièrement ajusté à votre besoin.</p>
</div>
</div>
</div>
<div onclick="this.classList.toggle('flipped')" class="flip-card w-[45%] min-w-[300px] h-auto min-h-[310px] relative m-4">
<div class="cursor-pointer flip-card-inner relative w-full h-full duration-700 transform-style-preserve-3d" style="transform-style: preserve-3d;">
<div class="flip-card-front absolute w-full h-full backface-hidden bg-gradient-to-b from-orange-200 to-orange-400 text-white rounded-2xl shadow-lg flex items-center justify-center text-xl sm:text-2xl font-bold p-4" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p class="text-4xl md:text-3xl !text-center italic">Quand prendre rendez-vous ?</p>
</div>
<div class="flip-card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gradient-to-br from-orange-400 to-orange-50 text-black rounded-2xl shadow-lg p-6 flex flex-col md:text-justify text-base md:text-xl leading-relaxed overflow-y-auto" style="background-image: url('https://emotysia.fr/images/accompagnements/sable.png'); background-size: cover; background-position: center;">
<p>Après l’ouverture d’un coffret ou d'un livre, si vos expériences sensorielles ont éveillé en vous des questions, des émotions ou simplement l’envie de déposer ce que vous traversez.</p>
<p class="mt-2">Dans les jours, les semaines, ou les mois qui suivent.</p>
<p class="mt-2">Quand c’est le bon moment pour vous.</p>
<p class="mt-2">Pas avant, pas après. Juste quand vous êtes prêt.e, et dans les 12 mois qui suivent votre achat ou votre cadeau.</p>
</div>
</div>
</div>
<div class="mx-auto">
<p class="md:text-3xl text-xl !text-center">Vous préférez découvrir
nos outils avant ? Parcourez nos <a href="https://emotysia.fr/coffrets" class="underline !text-[#BD5E2F]">coffrets bien-être émotionnel et livres rituels d’accompagnement</a>.</p>
<p class="md:text-3xl text-xl !text-center">D'autres questions ? Consultez la page <a href="https://emotysia.fr/faq" class="underline !text-[#BD5E2F]">FAQ</a> pour en savoir plus sur les coffrets bien-être émotionnel, les livres rituels et les outils émotionnels, les conditions ou les modalités.</p>
</div>
</div>
</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>
