Outiref

Code source de l'URL : http://emotysia.fr/faq

<!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>FAQ Émotysia : Réponses sur nos coffrets bien-être émotionnel, livres rituels et accompagnements émotionnels</title>
    <meta name="description" content="Une question sur Émotysia ? Découvrez l&amp;#39;origine de nos coffrets, les détails des rituels de passage et les modalités de nos accompagnements émotionnels." />
</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-[#BD5E2F] underline">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-[#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>
    <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"> Questions fréquentes </h1>
                <div class="text-lg md:text-2xl md:py-6 pb-4 text-center">
        <h2 class="!text-[#BD5E2F]">Parce que chaque chemin est unique,</h2>
        <h2 class="!text-[#BD5E2F]">voici quelques réponses aux questions que l’on me pose souvent...</h2>
    </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" alt="Icône fleur rouge marquant la section sur l'histoire et les valeurs d'Émotysia." class="w-12 h-auto">
                <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">A Propos d'É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" alt="Icône fleur orange identifiant la section dédiée aux détails des coffrets rituels et livres." class="w-12 h-auto">
                <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">Les coffrets bien-être 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" alt="Icône fleur jaune orangé pour la section concernant le suivi et les rendez-vous après l'achat." class="w-12 h-auto">
                <h2 class="md:text-xl text-base py-3 pr-4 pl-1 text-center">Après l’achat d’un coffret/livre</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" alt="Icône fleur jaune signalant la section des informations logistiques, paiement et livraison." 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>
        <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" alt="Icône fleur jaune signalant la section des informations logistiques, paiement et livraison." 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>
    </div>

    <div class="md:pt-16 pt-8">
        <div class="flex items-center">
            <img src="https://emotysia.fr/images/fleurs/Coquelicot.png" alt="Icône fleur rouge marquant la section sur l'histoire et les valeurs d'É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’É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">
                <p>Émotysia est née du
                    désir profond d’honorer les passages de vie. Naissance, postnatal, adolescence,
                    matrescence, séparation, renaissance, ménopause ou deuil…</p>
                <p>Chaque étape
                    vient bousculer l’équilibre et réveiller des émotions.</p>
                <p>Nos coffrets bien-être
                    émotionnel offrent un espace doux et symbolique pour ralentir et se
                    reconnecter.</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">
                <p>Émotysia est le fruit d’une longue réflexion. Je voulais un nom qui me ressemble, qui évoque l’importance des émotions dans l’accompagnement que je propose. </p>
                <p>Il est né du mot « émotion », auquel j’ai ajouté un « y », clin d’œil à mon nom de jeune fille. Cette lettre, que je trouve belle et symbolique, ajoute une touche personnelle. 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’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">
                <p>Non. Les coffrets et les séances proposées ne remplacent pas un suivi médical ou psychologique.</p>
                <p>Ils offrent un espace complémentaire de bien-être émotionnel, axé sur l’écoute, le symbolique et la reconnexion à soi.</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" alt="Icône fleur orange identifiant la section dédiée aux détails des coffrets rituels et 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 bien-être émotionnel et les livres rituels d’accompagnement</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">
                <p>J’ai créé les coffrets et les livres rituels 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. À 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">
                <p>J’ai organisé les coffrets et les livres rituels par thème. Leurs titres sont évocateurs, pour vous aider à faire un choix qui vous parle.</p>
                <p>Laissez-vous porter, suivez votre intuition. Et si besoin, chaque coffret ou livre est présenté en détail 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'é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">
                <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="https://emotysia.fr/accompagnements" target="_blank" class="text-[#BD5E2F] underline"> 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">
                <p>Chaque coffret contient :</p>
                <ul class="list-disc ml-6">
                    <li>Un livre de la collection « Les Rituels Émotysia » comprenant 12 rituels et des escales introspectives,</li>
                    <li>Dix mantras doux à ouvrir à votre rythme,</li>
                    <li>Trois lettres réconfortantes pour les jours où l’émotion est trop intense</li>
                    <li>Des objets symboliques adaptés à chaque thème (bougies ou galets ou Émo-cartes…)</li>
                    <li>Et parfois quelques surprises</li>
                </ul>
                <p>Tout est conçu avec soin, pour créer un espace intime, accessible.</p>
                <p>Le livre est accessible séparément afin de permettre à chacun d’accéder à cette 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">Est-ce que les rituels sont religieux ou ésotériques ?</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">
                <p>Les rituels proposés s’adressent à toutes et à tous. Ils ne sont ni religieux, ni ésotériques — c’est une priorité pour moi.</p>
                <p>Ce sont des écrins de douceur pour ralentir, ressentir, et poser des gestes qui parlent à votre corps, à votre cœur, aux liens avec votre bébé, aux liens avec votre monde intérieur.</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">
                <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">
                <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">
                <p>Les prix sont consultables sur la page <a href="https://emotysia.fr/coffrets" class="text-[#BD5E2F] underline">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">
                <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" alt="Icône fleur jaune orangé pour la section concernant le suivi et les rendez-vous après l'achat." class="w-16 h-auto">
            <h3 id="achat" class="md:text-5xl text-2xl md:scroll-mt-[220px] scroll-mt-[150px] !text-[#BD5E2F]">Après l’achat d’un coffret ou d’un livre</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">Et si j’ai envie de parler de ce que le coffret/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">
                <p>Si l’ouverture du coffret ou d'un livre fait remonter des émotions, des souvenirs, ou un besoin d’échanger, une rencontre est possible. Elle n’est jamais obligatoire.</p>
                <p>Elle peut se vivre simplement comme un prolongement du chemin intérieur que vous avez amorcé.</p>
                <p>Vous pouvez demander un esapce d'écoute via la page <a href="https://emotysia.fr/contact" target="_blank" class="text-[#BD5E2F] underline">contact et réservation</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">Est-ce que je peux prendre rendez-vous même longtemps après avoir reçu mon 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">
                <p>Oui et non. La carte « code unique » que vous trouvez dans votre coffret ou avec votre livre vous permet dans les 12 mois suivant l’achat/le cadeau de demander un espace d'écoute. Cette limite, je l’ai voulu suffisamment large pour vous permettre de revenir ici des jours, des semaines ou même des mois plus tard. Le coffret ou le livre ouvre un chemin, et vous êtes libre de choisir quand (et si) vous souhaitez être accompagné.e.</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 après l’achat ?</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">
                <p>Comment se passe la prise de rendez-vous après l’achat d’un coffret ou d’un livre ?</p>
                <p>Chaque coffret ou livre Émotysia contient une carte avec un code unique. Ce code vous permet de demander un espace d'écoute individuel à distance.</p>
                <p>Il vous suffit de :</p>
                <ul class="list-disc ml-6">
                    <li>Aller dans la rubrique <a href="https://emotysia.fr/accompagnements" class="text-[#BD5E2F] underline">espace d'écoute</a> du site.</li>
                    <li>Cliquer sur demander un espace d'écoute</li>
                    <li>Remplir le formulaire en inscrivant votre code personnel.</li>
                    <li>Puis validez votre envoi.</li>
                </ul>
                <p>Je vous recontacterai rapidement pour fixer, selon votre lieu de vie, une rencontre en visioconférence.</p>
                <p>Après un premier échange téléphonique pour faire connaissance et prendre rendez- vous, je vous transmettrai par mail un contrat d’accompagnement que je vous invite à signer et à me renvoyer avant le rendez-vous. Sans ce document signé, le rendez- vous ne pourra pas être honoré.</p>
                <p>Cet espace est proposé en supplément, uniquement sur rendez-vous, afin qu’il soit entièrement ajusté à votre besoin. Vous pouvez consulter le tarif dans la page <a href="https://emotysia.fr/accompagnements" class="text-[#BD5E2F] underline">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">Est-ce que cette rencontre est comprise dans le prix du 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">
                <p>Non. C’est une proposition complémentaire, à petit prix, uniquement accessible aux personnes ayant acheté un coffret ou un livre.</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" alt="Icône fleur jaune orangé pour la section concernant le suivi et les rendez-vous après l'achat." 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">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">
                <p>Les outils émotionnels Émotysia sont des supports simples et concrets pour accompagner vos émotions au quotidien : mantras, questions d’introspection, cartes émotions pour adolescent·es.</p>
                <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">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">
                <p>Un coffret rituel propose une expérience complète autour d’un passage de vie.</p>
                <p>Un outil émotionnel est plus ciblé : il répond à un besoin précis et immédiat (apaiser une émotion, clarifier une situation, mettre des mots sur ce que l’on ressent).</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’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">
                <p>Les outils émotionnels Émotysia s’adressent :</p>
                <ul class="list-disc ml-6">
                    <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 accompagnement é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">
                <p>Non.</p>
                <p>Ils sont conçus pour être utilisés en autonomie.</p>
                <p>L’accompagnement émotionnel n'est pas prévu dans ce cadre mais uniquement après l'expérimentation d'un coffret ou d'un livre.</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 é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">
                <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 cheminement intérieur ?</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">
                <p>Les questions invitent à réfléchir, écrire, clarifier une situation ou prendre une décision.</p>
                <p>Elles favorisent un mouvement intérieur plus approfondi que le mantra.</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">
                <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">
                <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">
                <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’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">
                <ul class="list-disc ml-6">
                    <li>Besoin d’un soutien rapide et court → mantras</li>
                    <li>Besoin de réflexion approfondie → questions de cheminement</li>
                    <li>Besoin d’expression émotionnelle chez l’ado → Émo-cartes</li>
                </ul>
            </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" alt="Icône fleur jaune signalant la section des informations logistiques, paiement et livraison." 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">Et si vous souhaitez me 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">
                <p>Je suis joignable par mail à l'adresse <a href="mailto:contact@emotysia.fr" class="text-[#BD5E2F] underline">contact@emotysia.fr</a>, par téléphone au <span class="text-[#BD5E2F] underline">06.14.09.20.02</span> ou via le formulaire de <a href="https://emotysia.fr/contact" target="_blank" class="text-[#BD5E2F] underline">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">Qui supporte la charge des 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">
                <p>Les frais de livraison sont à la charge du client et ne sont pas inclus dans le prix du coffret ou du livre. Il seront précisés au moment de la commande, en toute transparence.</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’é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">
                <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>Il n'est pas possible, à ce jour, de commander dans les pays non mentionnés.</p>
                <p>Les frais de livraison sont calculés en fonction du pays choisi.</p>
                <p>Pour plus d’informations consultez les <a href="https://emotysia.fr/conditions_ventes" target="_blank" class="text-[#BD5E2F] underline">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’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">
                <p>Les conditions de retour ou d’annulation sont précisées dans les <a href="https://emotysia.fr/conditions_ventes" target="_blank" class="text-[#BD5E2F] underline">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-[#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>