Outiref
<!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>FAQ Émotysia : Objets Émotionnels &amp; Espace d&#039;Écoute</title>
    <meta name="description" content="Une question sur Émotysia ? Découvrez l&#039;origine de nos objets émotionnels, l&#039;utilisation de nos supports concrets et le rôle de nos espaces d&#039;écoute.">
    <link rel="canonical" href="https://emotysia.fr/foire-aux-questions">

    
    <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="FAQ Émotysia : Objets Émotionnels &amp; Espace d&#039;Écoute">
    <meta property="og:description" content="Une question sur Émotysia ? Découvrez l&#039;origine de nos objets émotionnels, l&#039;utilisation de nos supports concrets et le rôle de nos espaces d&#039;écoute.">
    <meta property="og:url" content="https://emotysia.fr/foire-aux-questions">
    <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="FAQ Émotysia : Objets Émotionnels &amp; Espace d&#039;Écoute">
    <meta name="twitter:description" content="Une question sur Émotysia ? Découvrez l&#039;origine de nos objets émotionnels, l&#039;utilisation de nos supports concrets et le rôle de nos espaces d&#039;écoute.">
    <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&amp;family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;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-[#2E2E2E] none">Espace d'écoute</a>
            <a href="https://emotysia.fr/foire-aux-questions" class="font-semibold hover:underline whitespace-nowrap text-[#BD5E2F] underline">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-[#BD5E2F] underline">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"> Questions fréquentes </h1>
                            <div class="text-lg md:text-2xl md:py-6 pb-4 text-center !text-[#BD5E2F] rich-text rich-text--center rich-text--normal">
        <p>Parce que chaque chemin est unique,</p>
<p>voici quelques réponses aux questions que l'on me pose souvent...</p>
    </div>

    <div class="flex flex-col sm:flex-row sm:flex-wrap gap-4 md:gap-6 lg:gap-12 justify-center items-center md:pt-12 pt-4">
                    <a href="#emotysia" class="w-full sm:w-auto">
                <div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] transition flex md:w-sm">
                    <img src="https://emotysia.fr/images/fleurs/Coquelicot.png" loading="lazy" alt="Icône fleur de la section A propos d&#039;Émotysia." class="w-12 h-auto">
                    <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">A Propos d&#039;Émotysia</h2>
                </div>
            </a>
                    <a href="#coffrets" class="w-full sm:w-auto">
                <div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] transition flex md:w-sm">
                    <img src="https://emotysia.fr/images/fleurs/Oeillets.png" loading="lazy" alt="Icône fleur de la section Les coffrets thématiques et les livres." class="w-12 h-auto">
                    <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">Les coffrets thématiques et les livres.</h2>
                </div>
            </a>
                    <a href="#achat" class="w-full sm:w-auto">
                <div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] transition flex md:w-sm">
                    <img src="https://emotysia.fr/images/fleurs/Crocus.png" loading="lazy" alt="Icône fleur de la section L&#039;Espace d&#039;Écoute Émotysia." class="w-12 h-auto">
                    <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">L&#039;Espace d&#039;Écoute Émotysia</h2>
                </div>
            </a>
                    <a href="#outils" class="w-full sm:w-auto">
                <div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] transition flex md:w-sm">
                    <img src="https://emotysia.fr/images/fleurs/fleur.png" loading="lazy" alt="Icône fleur de la section Les outils émotionnels Émotysia." class="w-12 h-auto">
                    <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">Les outils émotionnels.</h2>
                </div>
            </a>
                    <a href="#pratiques" class="w-full sm:w-auto">
                <div class="md:border-2 border border-[#BD5E2F] rounded-3xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] transition flex md:w-sm">
                    <img src="https://emotysia.fr/images/fleurs/Créopsis.png" loading="lazy" alt="Icône fleur de la section Questions pratiques." class="w-12 h-auto">
                    <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">Questions pratiques</h2>
                </div>
            </a>
            </div>

            <div class="md:pt-16 pt-8">
            <div class="flex items-center">
                <img src="https://emotysia.fr/images/fleurs/Coquelicot.png" loading="lazy" alt="Icône fleur de la section A propos d&#039;Émotysia." class="w-16 h-auto">
                <h3 id="emotysia" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">A propos d&#039;Émotysia</h3>
            </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Pourquoi avoir créé Émotysia ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Émotysia est née du désir profond d'honorer les passages de vie : naissance, postnatal, adolescence, matrescence, séparation, ménopause ou deuil.</p>
<p>Chaque étape bouscule l'équilibre et réveille des ressentis intenses.</p>
<p>À travers des <strong data-path-to-node="6,2,1,0" data-index-in-node="230">objets émotionnels concrets</strong>, Émotysia offre un espace doux pour ralentir, accueillir vos émotions et vous reconnecter à vous-même.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Pourquoi avoir choisi ce nom ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Émotysia est le fruit d'une longue réflexion.</p>
<p>Je voulais un nom qui me ressemble et qui évoque l'importance des émotions dans ma démarche.</p>
<p>Il est né du mot « émotion », auquel j'ai ajouté un « y », clin d'œil à mon nom de jeune fille. La syllabe « sia » apporte douceur et musicalité à l'ensemble.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Est-ce que c&#039;est un accompagnement thérapeutique ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Non. Les objets compagnons, supports d'introspection et espaces d'écoute ne remplacent en aucun cas un suivi médical ou psychologique. Je ne suis ni thérapeute ni médecin.</p>
<p>Il s'agit d'un accompagnement complémentaire fondé sur l'écoute active humaniste, offrant un cadre neutre et bienveillant pour cheminer à votre rythme.</p>
                    </div>
                </div>
                    </div>
            <div class="md:pt-16 pt-8">
            <div class="flex items-center">
                <img src="https://emotysia.fr/images/fleurs/Oeillets.png" loading="lazy" alt="Icône fleur de la section Les coffrets thématiques et les livres." class="w-16 h-auto">
                <h3 id="coffrets" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">Les coffrets thématiques et les livres</h3>
            </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">À quoi servent les coffrets/livres ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>J'ai créé les coffrets et les livres d'accompagnement pour vous offrir un moment de douceur, de reconnexion à vous-même et de lien à l'autre.</p>
<p>Dans un monde qui va vite, ils vous invitent à mettre la vie en pause quelques instants.</p>
<p>À respirer. À ressentir. À prendre le temps.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment choisir le coffret/livre qui me correspond ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>J'ai organisé les coffrets et les livres par besoin et par thématique.</p>
<p>Leurs titres sont évocateurs pour vous aider à choisir ce qui résonne en vous.</p>
<p>Laissez-vous porter par votre intuition, et consultez la présentation détaillée de chaque support pour vous guider.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Est-ce que je peux acheter un coffret/livre sans espace d&#039;écoute ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Oui. Les coffrets et les livres sont pensés pour être vécus en toute autonomie.</p>
<p>Et si, après l'ouverture, vous ressentez le besoin d'un échange, une rencontre peut être proposée. Retrouvez toutes les informations dans la page <a href="/espace-d-ecoute" target="_blank" rel="noopener">espace d'écoute</a>.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Que contient un coffret ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Chaque coffret contient :</p>
<ul>
<li data-path-to-node="10,1,1,0,0">Un livre de la collection Émotysia comprenant 12 étapes d'exploration et des escales introspectives</li>
<li data-path-to-node="10,1,1,1,0">Dix mantras doux à dérouler et lire à votre rythme</li>
<li data-path-to-node="10,1,1,2,0">Trois lettres réconfortantes pour les moments où l'émotion est intense</li>
<li data-path-to-node="10,1,1,3,0">Des objets symboliques et supports d'accompagnement adaptés à chaque thème</li>
<li data-path-to-node="10,1,1,4,0">Et parfois quelques petites attentions surprises</li>
</ul>
<p data-path-to-node="10,1,2,0">Tout est conçu avec soin pour former un ensemble intime et accessible.</p>
<p data-path-to-node="10,1,2,0">Le livre est également disponible seul pour permettre à chacun d'avancer à son rythme.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Est-ce une démarche religieuse ou ésotérique ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Non. Les gestes symboliques et les temps de pause proposés s'adressent à toutes et à tous.</p>
<p>Ils ne sont ni religieux, ni ésotériques, c'est une priorité pour moi.</p>
<p>Ce sont des écrins de douceur pour ralentir, accueillir vos ressentis et nourrir le lien avec vous-même ou avec vos proches.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Puis-je offrir un coffret/livre ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Oui. Offrir un coffret ou un livre Émotysia, c'est offrir un temps pour soi, un moment d'introspection, une bulle de douceur.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Puis-je demander un coffret personnalisé ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>C'est un projet en réflexion qui me tient à cœur. Pour l'instant, les coffrets disponibles sont ceux présentés sur le site.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Quels sont les tarifs ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Les prix sont consultables sur la page <a href="/boutique">coffrets - livres - outils</a></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Quels moyens de paiement sont acceptés ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Le paiement s'effectue par carte bancaire. Tous les détails vous seront précisés au moment de la commande.</p>
                    </div>
                </div>
                    </div>
            <div class="md:pt-16 pt-8">
            <div class="flex items-center">
                <img src="https://emotysia.fr/images/fleurs/Crocus.png" loading="lazy" alt="Icône fleur de la section L&#039;Espace d&#039;Écoute Émotysia." class="w-16 h-auto">
                <h3 id="achat" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">L&#039;Espace d&#039;Écoute Émotysia</h3>
            </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Faut-il avoir acheté un coffret ou un livre pour demander un espace d&#039;écoute ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Non, pas du tout. L'espace d'écoute est désormais ouvert à toute personne qui en ressent le besoin, qu'elle possède un objet Émotysia ou non.</p>
<p>Si vous utilisez déjà un coffret ou un livre, cet échange peut vous aider à prolonger votre cheminement, mais vous pouvez tout à fait prendre rendez-vous indépendamment de tout achat.</p>
<p>Vous pouvez faire votre demande directement depuis la page <span data-path-to-node="12,1,3,4"><a href="/espace-d-ecoute">Espace d'Écoute</a>.</span></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Et si j&#039;ai envie de parler de ce que le coffret ou le livre a réveillé en moi ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p><span data-path-to-node="9,1,0,0">Si l'exploration d'un coffret ou d'un livre fait remonter des émotions, des souvenirs ou un besoin d'échanger, une rencontre est tout à fait possible</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span><span data-path-to-node="9,1,0,2">. </span></p>
<p><span data-path-to-node="9,1,0,2">Elle n'est jamais obligatoire et se vit simplement comme un prolongement doux du chemin intérieur que vous avez amorcé</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span><span data-path-to-node="9,1,0,4">. </span></p>
<p>Vous pouvez faire votre demande directement depuis la page<span data-path-to-node="12,1,3,4"> <a href="/espace-d-ecoute">Espace d'Écoute</a>.</span></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment se passe la prise de rendez-vous ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p data-path-to-node="12,1,0"><span data-path-to-node="12,1,0,0">Il vous suffit de :</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span> <!----><!----><!----><!----><!----><!----><!----><!----><!----></p>
<ul>
<li>Aller dans la rubrique <a href="/espace-d-ecoute">espace d'écoute</a> du site.</li>
<li>Cliquer sur demander un espace d'écoute</li>
<li>Remplir le formulaire de demande.</li>
<li>Puis validez votre envoi.</li>
</ul>
<p data-path-to-node="12,1,1,3,0"><!----><!----><!----><!----><!----><!----><!----><!----><!----></p>
<p><span data-path-to-node="12,1,2,0">Je vous recontacterai rapidement pour un premier échange téléphonique préalable</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span><span data-path-to-node="12,1,2,2">. Un contrat d'accompagnement vous sera ensuite transmis par e-mail : sa signature et son retour avant le rendez-vous sont nécessaires pour valider la séance</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span><span data-path-to-node="12,1,2,4">.</span> <!----><!----><!----><!----><!----><!----><!----><!----><!----></p>
<p><span data-path-to-node="12,1,3,0">Cet espace est proposé uniquement sur rendez-vous, afin qu'il soit entièrement ajusté à votre besoin</span><span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></span><span data-path-to-node="12,1,3,2">. Vous pouvez consulter le tarif directement sur</span><span data-path-to-node="12,1,3,4"> la page <a href="/espace-d-ecoute">Espace d'Écoute</a>.</span></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Est-ce que cette rencontre est comprise dans le prix du coffret ou du livre ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Non. Il s'agit d'un accompagnement individuel indépendant, proposé au tarif de 35 € pour 1h00. Cet espace de parole est accessible à toute personne qui le souhaite, qu'elle possède un coffret/livre ou non.</p>
                    </div>
                </div>
                    </div>
            <div class="md:pt-16 pt-8">
            <div class="flex items-center">
                <img src="https://emotysia.fr/images/fleurs/fleur.png" loading="lazy" alt="Icône fleur de la section Les outils émotionnels Émotysia." class="w-16 h-auto">
                <h3 id="outils" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">Les outils émotionnels Émotysia</h3>
            </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Quelle est la différence entre un coffret et un outil émotionnel ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Un coffret thématique propose une expérience globale autour d'un passage de vie.</p>
<p>L'outil émotionnel est plus ciblé : il répond à un besoin précis et immédiat (apaiser un ressenti, clarifier une situation, poser des mots sur ce que l'on traverse).</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">À qui s&#039;adressent les outils émotionnels ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Les outils émotionnels Émotysia s'adressent :</p><ul><li>aux adolescent·es (Émo-cartes ado),</li><li>aux adultes en période de questionnement, de transition ou de doute,</li><li>à toute personne souhaitant mieux comprendre et traverser ses émotions.</li></ul><p>C'est une démarche personnelle de bien-être émotionnel.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Peut-on utiliser ces outils et demander un espace d&#039;écoute ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Oui.</p>
<p>L'espace d'écoute est ouvert à tous et toutes.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment utiliser les mantras émotions (adultes) ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Vous pouvez tirer un mantra au hasard ou en choisir un en fonction de votre besoin du moment (colère, confiance, calme, légitimité…).</p>
<p>Ils sont pensés comme un soutien intérieur court et accessible.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">À quoi servent les questions de réflexion ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Elles invitent à prendre de la hauteur, écrire, clarifier une situation ou éclairer une décision.</p>
<p>Elles favorisent un cheminement intérieur plus approfondi que le mantra.</p>
<p>Les questions ouvertes sont choisies pour faire émerger vos propres réponses et vous permettre d'avancer, pour vous-même ou au sein du couple.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Pourquoi avoir conçu des cartes pour les aidants familiaux ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Le rôle d'aidant est souvent un rôle de l'ombre, dans lequel la personne accompagnée passe avant soi.</p>
<p>Ces cartes de soutien ont été conçues pour vous aider à ne pas vous oublier.</p>
<p>Elles apportent de la légitimité à ce que vous donnez au quotidien et vous autorisent à dire « stop » sans culpabilité.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Les Émo-cartes ado sont-elles uniquement pour les adolescent.es ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Elles sont conçues pour les adolescent.es.</p><p>Elles peuvent aussi servir de support de dialogue entre un parent et son adolescent.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Peut-on offrir un outil émotionnel en cadeau ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Oui.</p><p>Ils sont souvent choisis comme cadeau symbolique pour soutenir une personne dans une période particulière.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Les outils émotionnels remplacent-ils un suivi thérapeutique ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Non.</p><p>Ils ne remplacent pas un accompagnement médical ou psychologique.</p><p>Ils constituent un support complémentaire pour accueillir et explorer ses émotions.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment choisir l&#039;outil adapté ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <ul>
<li>
<p data-path-to-node="12,0,1,0,0">Besoin d'un soutien rapide et court ⟩ <strong data-path-to-node="12,0,1,0,0" data-index-in-node="38">Mantras</strong></p>
</li>
<li>
<p data-path-to-node="12,0,1,1,0">Besoin d'une réflexion approfondie ⟩ <strong data-path-to-node="12,0,1,1,0" data-index-in-node="37">Questions de réflexion</strong></p>
</li>
<li>
<p data-path-to-node="12,0,1,2,0">Besoin d'expression émotionnelle chez l'adolescent ⟩ <strong data-path-to-node="12,0,1,2,0" data-index-in-node="53">Émo-cartes</strong></p>
</li>
</ul>
<p></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Que sont les outils émotionnels Émotysia ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Les outils émotionnels Émotysia sont des supports simples et concrets pour accompagner vos émotions au quotidien :</p>
<ul>
<li>mantras émotions pour adultes et enfants de 7 à 12 ans, </li>
<li>questions de réflexion pour soi ou pour le couple,</li>
<li>cartes émotions pour adolescent·es,</li>
<li>cartes de soutien pour aidants familiaux.</li>
</ul>
<p>Ils peuvent être utilisés seuls, sans coffret.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment utiliser les mantras émotions (enfants 7-12 ans) ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p data-path-to-node="14,0,1,0">Vous trouverez vous-même, en tant que parents, ce qui convient le mieux à votre enfant.</p>
<p data-path-to-node="14,0,1,0">Si vous cherchez des pistes d'utilisation, instaurer une petite routine autour du mantra peut être très rassurant :</p>
<ul data-path-to-node="14,0,1,1">
<li>
<p data-path-to-node="14,0,1,1,0,0"><strong data-path-to-node="14,0,1,1,0,0" data-index-in-node="0">Kit Confiance &amp; Courage :</strong> tirer un mantra le matin et le glisser dans la poche avant de partir à l'école.</p>
</li>
<li>
<p data-path-to-node="14,0,1,1,1,0"><strong data-path-to-node="14,0,1,1,1,0" data-index-in-node="0">Kit Calme &amp; Émotions :</strong> le lire au retour de l'école avant les devoirs, comme un sas de décompression pour apaiser les tensions de la journée.</p>
</li>
</ul>
<p data-path-to-node="14,0,1,2">Laissez l'enfant s'approprier la phrase, puis prenez deux minutes pour échanger avec lui afin de vérifier sa compréhension.</p>
<p></p>
                    </div>
                </div>
                    </div>
            <div class="md:pt-16 pt-8">
            <div class="flex items-center">
                <img src="https://emotysia.fr/images/fleurs/Créopsis.png" loading="lazy" alt="Icône fleur de la section Questions pratiques." class="w-16 h-auto">
                <h3 id="pratiques" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">Questions pratiques</h3>
            </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment puis-je vous contacter ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Je suis joignable par mail à l'adresse <a href="mailto:contact@emotysia.fr">contact@emotysia.fr</a>, par téléphone au 06 14 09 20 02 ou via le formulaire de <a href="/contact" target="_blank" rel="noopener">contact</a>. Je réponds toujours avec attention et bienveillance.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Comment sont calculés les frais de livraison ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Les frais de livraison sont à la charge de l'acheteur et viennent s'ajouter au montant de votre commande. Ils sont calculés au plus juste et indiqués en toute transparence dans votre panier avant la validation finale.</p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Est-ce que je peux commander depuis l&#039;étranger ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Oui, il est possible de commander depuis l'étranger dans la plupart des pays desservis par Mondial Relay (Allemagne, Autriche, Belgique, Espagne, Italie, Luxembourg, Pays-Bas, Portugal).</p>
<p>Les frais d'envoi sont ajustés selon la destination.</p>
<p>Pour en savoir plus, vous pouvez consulter nos <strong data-path-to-node="11,0,1,0" data-index-in-node="287"></strong><a href="/conditions-ventes" target="_blank" rel="noopener">Conditions Générales de Vente en ligne.</a></p>
                    </div>
                </div>
                            <div class="toggle-container md:border-2 border border-[#BD5E2F] rounded-4xl bg-[rgba(244,203,163,0.2)] bg-opacity-20 hover:bg-[#F4DCB9] cursor-pointer md:p-4 p-3 mb-4">
                    <div class="flex justify-between items-center">
                        <p class="md:text-2xl text-sm !text-left">Et si je change d&#039;avis après commande ?</p>
                        <span class="arrow transition-transform duration-200 text-2xl mb-1">&gt;</span>
                    </div>
                    <div class="content mt-4 md:text-xl text-sm text-[#333] hidden rich-text">
                        <p>Vous disposez d'un délai légal de 14 jours à compter de la réception de votre commande pour exercer votre droit de rétractation et retourner un produit intact. L'ensemble des modalités pratiques est détaillé dans nos <a href="/conditions-ventes" target="_blank" rel="noopener">Conditions Générales de Vente en ligne</a>.</p>
                    </div>
                </div>
                    </div>
    
    <script>
        document.querySelectorAll('.toggle-container').forEach(container => {
            const content = container.querySelector('.content');
            const arrow = container.querySelector('.arrow');

            container.addEventListener('click', () => {
                content.classList.toggle('hidden');
                arrow.classList.toggle('rotate-90');
            });
        });
    </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>