Outiref

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

<!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>Émotysia – Objets et cadeaux pour traverser les moments de vie</title>
    <meta name="description" content="Émotysia propose des objets émotionnels à offrir ou à s&#039;offrir pour accompagner une naissance, une adolescence difficile, un deuil, une surcharge émotionnelle ou les émotions de votre enfant.">
    <link rel="canonical" href="https://emotysia.fr/">

    
    <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="Émotysia – Objets et cadeaux pour traverser les moments de vie">
    <meta property="og:description" content="Émotysia propose des objets émotionnels à offrir ou à s&#039;offrir pour accompagner une naissance, une adolescence difficile, un deuil, une surcharge émotionnelle ou les émotions de votre enfant.">
    <meta property="og:url" content="https://emotysia.fr/">
    <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="Émotysia – Objets et cadeaux pour traverser les moments de vie">
    <meta name="twitter:description" content="Émotysia propose des objets émotionnels à offrir ou à s&#039;offrir pour accompagner une naissance, une adolescence difficile, un deuil, une surcharge émotionnelle ou les émotions de votre enfant.">
    <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-[#BD5E2F] underline">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-[#2E2E2E] none">Foire aux questions</a>
            <a href="https://emotysia.fr/contact" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Contact et Réservation</a>
            <div class="bg-[#BD5E2F] h-1 w-full hidden md:block mt-3"></div>
        </nav>
    </div>

    <div id="mobileMenu" class="md:hidden hidden flex-col gap-2 font-playfair text-base p-4 bg-[#FCFAF3] border-t border-gray-300 z-999">
        <a href="https://emotysia.fr" class="text-[#BD5E2F] underline">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-[#2E2E2E] none">Foire aux questions</a><br>
        <a href="https://emotysia.fr/contact" class="text-[#2E2E2E] none">Contact et Réservation</a>
        <div class="bg-[#BD5E2F] h-[2px] w-full mt-2"></div>
    </div>
</div>

<script>
    const menuBtn = document.getElementById('menuBtn');
    const mobileMenu = document.getElementById('mobileMenu');
    menuBtn.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');
    });
</script>
    </header>
    <main class="pt-[120px] md:pt-[200px] px-4 pb-8 flex-grow">
        <div class="max-w-6xl mx-auto">
                            <h1 class="text-[#BD5E2F] text-2xl md:text-5xl mb-4 pt-6 text-center max-w-3xl mx-auto md:leading-15">    Le bon objet émotionnel, au bon moment de sa vie.
</h1>
                            <div class="flex justify-center">
        <img src="https://emotysia.fr/images/accueil/pres.jpg"
             alt="Émotysia – l'accompagnement émotionnel par l'objet"
             loading="lazy"
             class="w-52 md:w-[600px] max-w-full h-auto rounded-2xl">
    </div>

    <div class="gap-8 md:gap-24 mt-4 md:mt-8 flex justify-center">
        <h2 class="font-medium !text-[#BD5E2F] text-2xl"><span style="text-align: justify;"><span style="font-size: 18px;"><em>Deuil, ménopause, naissance, adolescence qui bouscule tout, rôle d'aidant ou surcharge émotionnelle : offrez ou offrez-vous l'outil adapté à ce moment.</em></span></span>
<span style="text-align: justify;"><span style="font-size: 16px;"><em></em></span></span>
<span style="text-align: justify;"><span style="font-size: 18px;"><em>Livres illustrés et coffrets thématiques, mantras émotions, cartes et questions de réflexion, conçus pour observer, accueillir et avancer, seul·e ou à deux.</em></span></span></h2>
    </div>

    <div class="flex justify-center pt-8">
        <a href="https://emotysia.fr/boutique">
            <button
                class="bg-[#BD5E2F] text-white md:px-6 md:py-3 px-4 py-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer md:text-xl text-lg">
                <span>Trouver l'objet qui vous correspond</span>
            </button>
        </a>
    </div>

    <div class="gap-8 md:gap-24 mt-14 md:mt-24 flex justify-center">
        <p class="font-bold text-2xl text!-black"><span style="text-align: center;"><span style="font-size: 24px;"><strong>Pour vous, ou pour accompagner un proche,<br></strong><strong>de quoi avez-vous besoin aujourd'hui ?</strong></span></span></p>
    </div>

    <div class="hidden md:flex flex-wrap justify-center gap-16 mt-4 md:mt-8">
            <a href="https://emotysia.fr/je-cherche-un-apaisement-immediat"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je cherche un apaisement immédiat
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a62f89b9a0c3.webp"
                     alt="Je cherche un apaisement immédiat – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Apaiser le stress, calmer une surcharge mentale et retrouver immédiatement clarté et sérénité.</p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-cherche-a-apaiser-relancer-le-dialogue-en-couple"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je souhaite apaiser la relation de couple
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a62f988b7752.webp"
                     alt="Je souhaite apaiser la relation de couple – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Des supports pour restaurer la communication dans le couple, sortir des incompréhensions et prendre soin du « Nous ».</p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-veux-mieux-communiquer-avec-mon-adolescent"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je veux mieux communiquer avec mon adolescent.e
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a630431e1780.webp"
                     alt="Je veux mieux communiquer avec mon adolescent.e – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Des outils pour désamorcer les conflits, comprendre son monde intérieur et renouer un dialogue apaisé avec son ado.</p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/jaccompagne-les-emotions-de-mon-enfant-7-12-ans"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    J’accompagne les émotions de mon enfant (7-12 ans)
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a62fb9a565b6.webp"
                     alt="J’accompagne les émotions de mon enfant (7-12 ans) – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Des outils concrets pour l'aider à exprimer ses émotions, développer sa confiance et traverser sereinement les étapes de l'enfance.</p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-traverse-une-transition-marquante"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je traverse une transition marquante
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a6301954ae3e.webp"
                     alt="Je traverse une transition marquante – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Traverser une transition de vie, accompagner un changement majeur, franchir un cap ou dépasser une période de doute.</p>
<p style="text-align: justify;"><em>Pour vous, ou en soutien à un proche qui traverse ce cap.</em></p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-vis-une-naissance-ou-larrivee-dun-enfant"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je vis une naissance ou l&#039;arrivée d&#039;un enfant
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a62fa9b28e28.webp"
                     alt="Je vis une naissance ou l&#039;arrivée d&#039;un enfant – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Accompagner et accueillir les bouleversements de la grossesse, traverser la période du post-partum et vivre cette arrivée avec douceur.</p>
<p style="text-align: justify;"><em>Une jolie idée à offrir aux jeunes parents.</em></p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-vis-un-deuil-une-perte-ou-un-role-daidant"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je vis un deuil, une perte ou un rôle d&#039;aidant
                </p>

                <img src="https://emotysia.fr/storage/product_families/6a6301cec4bac.webp"
                     alt="Je vis un deuil, une perte ou un rôle d&#039;aidant – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Des supports doux pour traverser l'absence, prendre soin de soi face à la maladie et prévenir l'épuisement de l'aidant.</p>
<p style="text-align: justify;"><em>À s'offrir, ou à offrir à un proche en deuil ou aidant.</em></p>                    </div>
                            </div>
        </a>
            <a href="https://emotysia.fr/je-suis-une-professionnelle-de-laccompagnement"
           class="w-[23%] flex transition duration-300">
            <div class="flex flex-col items-center text-center w-full h-full px-4 py-6 rounded-xl border border-transparent                    hover:border-[#BD5E2F] hover:bg-[#FFF5EF] bg-[rgba(244,203,163,0.2)]                    transition duration-300 transform hover:scale-105">

                <p class="font-semibold text-xl !text-[#BD5E2F] !text-center min-h-[5.25rem] flex items-center justify-center">
                    Je suis une professionnelle de l&#039;accompagnement
                </p>

                <img src="https://emotysia.fr/storage/product_families/6aba6b0f73dc0.webp"
                     alt="Je suis une professionnelle de l&#039;accompagnement – Émotysia"
                     loading="lazy"
                     class="w-36 h-36 object-contain my-4">

                                    <div class="text-base !text-[#BD5E2F] rich-text">
                        <p style="text-align: justify;">Des supports pour prendre soin de soi après les séances et déposer les charges émotionnelles accumulées.</p>                    </div>
                            </div>
        </a>
    </div>


<div class="flex md:hidden flex-col items-center gap-4 mt-4 px-4">
            <a href="https://emotysia.fr/je-cherche-un-apaisement-immediat"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a62f89b9a0c3.webp"
                     alt="Je cherche un apaisement immédiat – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je cherche un apaisement immédiat
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Apaiser le stress, calmer une surcharge mentale et retrouver immédiatement clarté et sérénité.</p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-cherche-a-apaiser-relancer-le-dialogue-en-couple"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a62f988b7752.webp"
                     alt="Je souhaite apaiser la relation de couple – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je souhaite apaiser la relation de couple
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Des supports pour restaurer la communication dans le couple, sortir des incompréhensions et prendre soin du « Nous ».</p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-veux-mieux-communiquer-avec-mon-adolescent"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a630431e1780.webp"
                     alt="Je veux mieux communiquer avec mon adolescent.e – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je veux mieux communiquer avec mon adolescent.e
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Des outils pour désamorcer les conflits, comprendre son monde intérieur et renouer un dialogue apaisé avec son ado.</p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/jaccompagne-les-emotions-de-mon-enfant-7-12-ans"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a62fb9a565b6.webp"
                     alt="J’accompagne les émotions de mon enfant (7-12 ans) – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        J’accompagne les émotions de mon enfant (7-12 ans)
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Des outils concrets pour l'aider à exprimer ses émotions, développer sa confiance et traverser sereinement les étapes de l'enfance.</p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-traverse-une-transition-marquante"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a6301954ae3e.webp"
                     alt="Je traverse une transition marquante – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je traverse une transition marquante
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Traverser une transition de vie, accompagner un changement majeur, franchir un cap ou dépasser une période de doute.</p>
<p style="text-align: justify;"><em>Pour vous, ou en soutien à un proche qui traverse ce cap.</em></p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-vis-une-naissance-ou-larrivee-dun-enfant"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a62fa9b28e28.webp"
                     alt="Je vis une naissance ou l&#039;arrivée d&#039;un enfant – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je vis une naissance ou l&#039;arrivée d&#039;un enfant
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Accompagner et accueillir les bouleversements de la grossesse, traverser la période du post-partum et vivre cette arrivée avec douceur.</p>
<p style="text-align: justify;"><em>Une jolie idée à offrir aux jeunes parents.</em></p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-vis-un-deuil-une-perte-ou-un-role-daidant"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6a6301cec4bac.webp"
                     alt="Je vis un deuil, une perte ou un rôle d&#039;aidant – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je vis un deuil, une perte ou un rôle d&#039;aidant
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Des supports doux pour traverser l'absence, prendre soin de soi face à la maladie et prévenir l'épuisement de l'aidant.</p>
<p style="text-align: justify;"><em>À s'offrir, ou à offrir à un proche en deuil ou aidant.</em></p>                        </div>
                                    </div>
            </div>
        </a>
            <a href="https://emotysia.fr/je-suis-une-professionnelle-de-laccompagnement"
           class="w-full flex justify-center transition duration-300">
            <div class="flex flex-row items-center gap-4 w-full p-4 rounded-xl border border-transparent                bg-[rgba(244,203,163,0.2)] active:border-[#BD5E2F] active:bg-[#FFF5EF]                transition duration-300">

                <img src="https://emotysia.fr/storage/product_families/6aba6b0f73dc0.webp"
                     alt="Je suis une professionnelle de l&#039;accompagnement – Émotysia"
                     loading="lazy"
                     class="w-20 h-20 object-contain flex-shrink-0">

                <div class="flex flex-col">
                    <p class="font-semibold text-lg mb-1 !text-[#BD5E2F]">
                        Je suis une professionnelle de l&#039;accompagnement
                    </p>
                                            <div class="text-sm !text-[#BD5E2F] rich-text">
                            <p style="text-align: justify;">Des supports pour prendre soin de soi après les séances et déposer les charges émotionnelles accumulées.</p>                        </div>
                                    </div>
            </div>
        </a>
    </div>

    <div class="flex flex-col items-center mt-8 md:mt-24">
        <div class="max-w-2xl text-center md:text-xl text-lg">
            <div class="space-y-3 text-center">
                <h3 class="text-2xl md:text-3xl mb-8 font-medium md:text-left text-center !text-[#BD5E2F]"><span><span style="color: #bd5e2f;"><strong><span style="font-size: 32px;">L'accompagnement émotionnel par l'objet</span></strong></span></span></h3>
                <p>Émotysia est née du désir d'adoucir les passages de vie et de favoriser le bien-être au quotidien, pour soi ou pour un proche qu'on souhaite soutenir. À travers la création d'<strong>objets émotionnels</strong> tangibles, j'ai imaginé une méthode concrète pour traverser les transitions marquantes, apaiser une relation ou simplement renouer avec soi-même.</p>
<p>Concrètement, cette méthode s'articule autour de supports physiques et de papeterie dédiés : des <em>Coffrets thématiques</em>, des <em>Livres illustrés</em>, des <em>Cartes d'exploration émotionnelle</em> (comme nos Émo-cartes) ou <em>de soutien</em>, des <em>Mantras émotions</em> ou encore des <em>Questions de réflexion à dérouler</em>. Chacun peut s'utiliser seul, à deux, ou <strong>s'offrir</strong> à quelqu'un qui traverse un moment difficile.</p>
<p>Chacun de ces supports est conçu pour permettre de :</p>
<p><span style="font-size: 18px;"><em><strong><span style="color: #bd5e2f;">Observer › Identifier › Accueillir › Transformer vos émotions afin de vous donner l'élan pour Avancer sur votre chemin, seul ou à deux... simplement.</span></strong></em></span></p>
<p>Mon approche s'enracine profondément dans l'écoute active humaniste, inspirée de Carl Rogers. Je ne suis ni thérapeute ni experte : mon rôle, à travers ces objets et mes espaces d'écoute, est de vous offrir un cadre bienveillant et non directif.</p>
<p><strong>Émotysia, c'est une porte entrouverte vers votre équilibre et votre sérénité lors des grandes étapes de la vie comme au jour le jour.</strong></p>
            </div>
        </div>
    </div>

    
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"GiftShop","name":"Émotysia","url":"https://emotysia.fr","logo":"https://emotysia.fr/images/nav_bar/logo.png","image":"https://emotysia.fr/images/accueil/pres.jpg","description":"Coffrets de bien-être émotionnel, livres et outils pour accompagner les passages de vie.","telephone":"+33614092002","email":"contact@emotysia.fr","address":{"@type":"PostalAddress","streetAddress":"103 Lotissement Plein Soleil","addressLocality":"Saint-Bonnet-le-Troncy","postalCode":"69870","addressRegion":"Auvergne-Rhône-Alpes","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":46.0853,"longitude":4.4267},"areaServed":[{"@type":"City","name":"Roanne"},{"@type":"City","name":"Villefranche-sur-Saône"},{"@type":"City","name":"Lyon"}],"sameAs":["https://www.instagram.com/emotysia","https://www.facebook.com/Emotysia"]}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Émotysia","url":"https://emotysia.fr","inLanguage":"fr-FR"}</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>