<!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>Se Confier en Toute Sécurité : Espace d'Écoute à Distance | Émotysia</title>
<meta name="description" content="Besoin de parler à quelqu'un ? Laurence vous accueille sans jugement pour déposer ce que vous traversez, en toute confidentialité, à distance.">
<link rel="canonical" href="https://emotysia.fr/espace-d-ecoute">
<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="Se Confier en Toute Sécurité : Espace d'Écoute à Distance | Émotysia">
<meta property="og:description" content="Besoin de parler à quelqu'un ? Laurence vous accueille sans jugement pour déposer ce que vous traversez, en toute confidentialité, à distance.">
<meta property="og:url" content="https://emotysia.fr/espace-d-ecoute">
<meta property="og:image" content="https://emotysia.fr/images/accueil/pres.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Se Confier en Toute Sécurité : Espace d'Écoute à Distance | Émotysia">
<meta name="twitter:description" content="Besoin de parler à quelqu'un ? Laurence vous accueille sans jugement pour déposer ce que vous traversez, en toute confidentialité, à distance.">
<meta name="twitter:image" content="https://emotysia.fr/images/accueil/pres.jpg">
<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>
</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-[#BD5E2F] underline">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-[#BD5E2F] underline">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">
<div class="flex flex-col md:flex-row md:items-center md:relative mb-8 gap-4">
<div class="flex-1 text-center">
<h1 class="text-[#BD5E2F] text-2xl md:text-5xl md:leading-15">L'Espace d'Écoute Émotysia</h1>
</div>
<div class="flex justify-center md:absolute md:right-0 md:top-4/5 md:-translate-y-1/2">
<a href="https://emotysia.fr/accompagnements-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-xl md:text-2xl font-semibold text-center my-8 !text-[#BD5E2F] rich-text rich-text--center rt-bold">
<p>Un prolongement doux, à votre rythme,</p>
<p>si vous ressentez le besoin d'une écoute authentique.</p>
</div>
<div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] md:text-2xl text-lg p-4 max-w-4xl mx-auto font-lora rich-text">
<p data-path-to-node="7,0"><strong data-path-to-node="7,0" data-index-in-node="0">L'espace d'écoute Émotysia est un endroit bienveillant et sécurisant, ouvert à toutes et tous.</strong></p>
<p data-path-to-node="7,1">Que ce soit pour prolonger les réflexions issues d'un coffret ou d'un livre, ou simplement parce que vous éprouvez le besoin de déposer ce que vous traversez, cet espace de parole vous accueille en toute confidentialité, à votre rythme.</p>
</div>
<div class="flex flex-wrap items-stretch justify-center md:gap-32 gap-8 md:mt-16 mt-8">
<div class="md:border-2 border rounded-2xl border-[#BD5E2F] max-w-4xl flex flex-col">
<div class="flex items-center m-6 gap-4">
<img src="https://emotysia.fr/images/accompagnements/portrait_ecoute.png"
alt="Accompagnement émotionnel à distance : une main tenant une bougie allumée, symbolisant la présence et l'écoute lors d'une séance en visio."
class="w-48 mr-16 h-auto rounded-xl">
<div class="text-lg sm:text-4xl text-center rich-text rich-text--center rt-bold">
<p>Espace d'écoute à distance</p>
</div>
</div>
<div class="mx-4 text-justify md:text-2xl">
<div class="rich-text"><p><strong data-path-to-node="13,0" data-index-in-node="0">Même à distance, l'écoute peut être profonde.</strong></p>
<p>Un moment de lien authentique à travers l'écran, fondé sur l'écoute active et la bienveillance, pour prendre un temps pour vous, accueillir vos émotions et poser des mots en toute sécurité.</p></div>
<img src="https://emotysia.fr/images/accompagnements/separateur.png" alt="Emotysia_symbole_nom_fond_transparent" class="md:w-26 w-16 h-auto mx-auto md:my-10 my-6">
<div class="rich-text"><p><strong>Tarif :</strong></p>
<p>💶 35 € pour 1h00</p></div>
<img src="https://emotysia.fr/images/accompagnements/separateur.png" alt="Emotysia_symbole_nom_fond_transparent" class="md:w-26 w-16 h-auto mx-auto md:my-10 my-6">
<div class="rich-text"><p data-path-to-node="20,0"><strong data-path-to-node="20,0" data-index-in-node="0">En pratique :</strong></p>
<p data-path-to-node="20,1">Cet espace d'écoute individuel est accessible directement sur simple demande.</p>
<p data-path-to-node="20,2">Pour réserver votre séance, cliquez sur le bouton ci-dessous <strong data-path-to-node="20,2" data-index-in-node="61">« Demander un espace d'écoute »</strong>, remplissez le formulaire, puis validez votre envoi.</p>
<p data-path-to-node="20,3">Je vous recontacterai dans les 72h pour fixer ensemble le moment de notre échange.</p></div>
<div class="py-8">
<a href="https://emotysia.fr/contact"><button class="bg-black hover:bg-gray-900 text-white font-bold py-2 px-4 border border-gray-900 rounded w-full cursor-pointer">Demander un espace d'écoute</button></a>
</div>
</div>
</div>
</div>
</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>
