<!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>Communiquer avec son Adolescent : Outils & Dialogue | Émotysia</title>
<meta name="description" content="Désamorcez les conflits et renouez le dialogue avec votre adolescent grâce à nos Émo-cartes et nos supports d'exploration guidés.">
<link rel="canonical" href="https://emotysia.fr/je-veux-mieux-communiquer-avec-mon-adolescent">
<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="Communiquer avec son Adolescent : Outils & Dialogue | Émotysia">
<meta property="og:description" content="Désamorcez les conflits et renouez le dialogue avec votre adolescent grâce à nos Émo-cartes et nos supports d'exploration guidés.">
<meta property="og:url" content="https://emotysia.fr/je-veux-mieux-communiquer-avec-mon-adolescent">
<meta property="og:image" content="https://emotysia.fr/storage/product_families/6a630431e1780.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Communiquer avec son Adolescent : Outils & Dialogue | Émotysia">
<meta name="twitter:description" content="Désamorcez les conflits et renouez le dialogue avec votre adolescent grâce à nos Émo-cartes et nos supports d'exploration guidés.">
<meta name="twitter:image" content="https://emotysia.fr/storage/product_families/6a630431e1780.webp">
<link rel="icon" href="https://emotysia.fr/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="https://emotysia.fr/images/nav_bar/logo.png">
<meta name="theme-color" content="#BD5E2F">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8TMPPJ2RZL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8TMPPJ2RZL');
</script>
<link rel="preload" as="style" href="https://emotysia.fr/build/assets/app-BUhk8KqA.css" /><link rel="modulepreload" as="script" href="https://emotysia.fr/build/assets/app-C7thAgkt.js" /><link rel="stylesheet" href="https://emotysia.fr/build/assets/app-BUhk8KqA.css" /><script type="module" src="https://emotysia.fr/build/assets/app-C7thAgkt.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<style>
:root {
--font-heading: 'Lora', serif;
--font-display: 'Playfair Display', serif;
--font-body: 'Lora', serif;
--font-scale: 0.90;
--heading-style: normal;
--body-style: normal;
--body-weight: 400;
--body-weight-mobile: 400;
--body-color: #2e2e2e;
}
</style>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://emotysia.fr"},{"@type":"ListItem","position":2,"name":"Boutique","item":"https://emotysia.fr/boutique"},{"@type":"ListItem","position":3,"name":"Je veux mieux communiquer avec mon adolescent.e","item":"https://emotysia.fr/je-veux-mieux-communiquer-avec-mon-adolescent"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Communiquer avec son Adolescent : Outils & Dialogue | Émotysia","itemListElement":[{"@type":"ListItem","position":1,"name":"Coffret thématique Parent-Ado : Entre deux mondes","url":"https://emotysia.fr/produit/lien-parent-ado-entre-deux-mondes"},{"@type":"ListItem","position":2,"name":"Livre interactif Parent-Ado : Entre deux mondes","url":"https://emotysia.fr/produit/livre-lien-parent-ado-entre-deux-mondes"},{"@type":"ListItem","position":3,"name":"Émo-cartes Ado : Jeu de cartes émotions pour communiquer sans clash","url":"https://emotysia.fr/produit/emo-cartes-jeu-de-cartes-etat-emotionnel-pour-adolescentes"},{"@type":"ListItem","position":4,"name":"Duo de Mantras Parent-Ado : Garder le lien & traverser les tempêtes","url":"https://emotysia.fr/produit/duo-de-mantras-parent-ado-garder-le-lien-traverser-les-tempetes"}]}</script>
</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-[#2E2E2E] none">Foire aux questions</a>
<a href="https://emotysia.fr/contact" class="font-semibold hover:underline whitespace-nowrap text-[#2E2E2E] none">Contact et Réservation</a>
<div class="bg-[#BD5E2F] h-1 w-full hidden md:block mt-3"></div>
</nav>
</div>
<div id="mobileMenu" class="md:hidden hidden flex-col gap-2 font-playfair text-base p-4 bg-[#FCFAF3] border-t border-gray-300 z-999">
<a href="https://emotysia.fr" class="text-[#2E2E2E] none">Accueil</a><br>
<a href="https://emotysia.fr/naissance-d-emotysia" class="text-[#2E2E2E] none">Naissance d'Émotysia</a><br>
<a href="https://emotysia.fr/boutique" class="text-[#2E2E2E] none">Boutique</a><br>
<a href="https://emotysia.fr/espace-d-ecoute" class="text-[#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"> Communication et gestion des émotions avec son adolescent </h1>
<a href="https://emotysia.fr/boutique" class="fixed z-[5] top-[120px] md:top-1/2 md:-translate-y-1/2 bg-[#BD5E2F] text-white md:px-6 md:py-3 p-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer left-8 md:left-32">Retour</a>
<a href="https://emotysia.fr/jaccompagne-les-emotions-de-mon-enfant-7-12-ans" class="fixed z-[5] top-[120px] md:top-1/2 md:-translate-y-1/2 bg-[#BD5E2F] text-white md:px-6 md:py-3 p-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer right-8 md:right-32">Suite</a>
<div class="flex flex-col md:flex-row md:items-center md:relative md:mb-8 mb-4 gap-4">
<div class="flex justify-center md:absolute md:right-0 md:top-1/2 md:-translate-y-1/2">
<a href="https://emotysia.fr/foire-aux-questions">
<button class="bg-[#BD5E2F] text-white md:px-6 md:py-3 px-4 py-2 rounded-lg hover:bg-[#A04D26] transition-colors whitespace-nowrap cursor-pointer md:text-xl text-lg">Une question ?</button>
</a>
</div>
</div>
<div class="text-lg md:text-2xl text-center pt-10">
<h2 class="!text-[#BD5E2F] font-bold">Désamorcer les conflits, comprendre son monde intérieur et recréer du lien</h2>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 md:gap-12 gap-6 md:pt-16 pt-6" id="coffret-list">
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a04959c76265.webp" loading="lazy" alt="Coffret thématique Parent-Ado : Entre deux mondes – Je veux mieux communiquer avec mon adolescent.e" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Coffret thématique Parent-Ado : Entre deux mondes</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Quand les mots se transforment en cris ou en silences, passez par le geste pour désamorcer les conflits et préserver le lien avec votre adolescent.</p></div>
<p class="text-lg mb-8 text-black">Prix : 46,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/lien-parent-ado-entre-deux-mondes"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a0497c88971a.webp" loading="lazy" alt="Livre interactif Parent-Ado : Entre deux mondes – Je veux mieux communiquer avec mon adolescent.e" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Livre interactif Parent-Ado : Entre deux mondes</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Un livre-compagnon interactif pour exprimer ses besoins en un seul geste, couper court à l'escalade et traverser l'adolescence sans cris ni clash. Émo-cartes incluses.</p></div>
<p class="text-lg mb-8 text-black">Prix : 32,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/livre-lien-parent-ado-entre-deux-mondes"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a04ab56b4d8b.webp" loading="lazy" alt="Émo-cartes Ado : Jeu de cartes émotions pour communiquer sans clash – Je veux mieux communiquer avec mon adolescent.e" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Émo-cartes Ado : Jeu de cartes émotions pour communiquer sans clash</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Un code couleur immédiat pour désamorcer les conflits : le support visuel pour permettre à votre adolescent d'exprimer ses besoins d’un seul geste, sans cris ni obligation de parler sur l’instant. Après une période de pause pour laisser redescendre la pression, le dialogue trouve sa place.</p></div>
<p class="text-lg mb-8 text-black">Prix : 10,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/emo-cartes-jeu-de-cartes-etat-emotionnel-pour-adolescentes"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
<div data-category="6" class="coffret-item md:border-2 border border-[#BD5E2F] rounded-2xl max-w-sm px-6 pb-6 transition-opacity duration-300 opacity-100 flex flex-col h-full">
<div class="flex justify-center items-center my-3">
<img src="https://emotysia.fr/storage/coffrets/6a635c3a25845.webp" loading="lazy" alt="Duo de Mantras Parent-Ado : Garder le lien & traverser les tempêtes – Je veux mieux communiquer avec mon adolescent.e" class="w-40 h-40 object-contain rounded-2xl">
</div>
<div class="flex-grow">
<h3 class="text-xl !font-bold mb-4 !text-[#BD5E2F]">Duo de Mantras Parent-Ado : Garder le lien & traverser les tempêtes</h3>
<div class="text-lg mb-4 text-black rich-text"><p>Un ancrage précieux pour les parents : garder son calme face aux orages, lâcher le contrôle et préserver le lien avec son ado.</p></div>
<p class="text-lg mb-8 text-black">À partir de : 12,00 €</p>
</div>
<div class="mt-auto flex justify-center">
<a href="https://emotysia.fr/produit/duo-de-mantras-parent-ado-garder-le-lien-traverser-les-tempetes"
class="flex items-center justify-center text-center md:border-2 border border-[#BD5E2F] transition duration-300 transform hover:scale-105 hover:bg-[#FFF5EF] rounded-3xl px-4 py-3 bg-[rgba(244,203,163,0.2)] h-25">
<p>Découvrir le produit</p>
</a>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const buttons = document.querySelectorAll(".category-btn");
const coffrets = document.querySelectorAll(".coffret-item");
const style = document.createElement('style');
style.textContent = `
#coffret-list {
transition: all 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.coffret-item {
transition: all 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
transform-origin: center;
}
.coffret-hiding {
opacity: 0;
transform: scale(0.8) translateY(-20px);
pointer-events: none;
}
.coffret-showing {
opacity: 1;
transform: scale(1) translateY(0);
}
.coffret-hidden {
display: none !important;
}
`;
document.head.appendChild(style);
buttons.forEach(btn => {
btn.addEventListener("click", () => {
const category = btn.dataset.category;
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (!shouldShow && !coffret.classList.contains("coffret-hiding")) {
coffret.classList.add("coffret-hiding");
coffret.classList.remove("coffret-showing");
}
});
setTimeout(() => {
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (!shouldShow) {
coffret.classList.add("coffret-hidden");
} else {
coffret.classList.remove("coffret-hidden");
}
});
setTimeout(() => {
coffrets.forEach(coffret => {
const shouldShow = (category === "all" || coffret.dataset.category.split(',').includes(category));
if (shouldShow) {
coffret.classList.remove("coffret-hiding");
coffret.classList.add("coffret-showing");
}
});
}, 50);
}, 300);
});
});
coffrets.forEach(coffret => {
coffret.classList.add("coffret-showing");
});
});
</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>
