{# templates/legal/cgv.html.twig #}
{% extends 'base.landing.html.twig' %}

{% block title %}Conditions Générales d'Utilisation et de Vente — Bubul{% endblock %}
{% block meta_description %}Conditions générales d'utilisation et de vente de la plateforme Bubul.app.{% endblock %}

{% block landing_content %}

{% embed 'legal/_layout.html.twig' with {
    pageTitle: "Conditions Générales d'Utilisation et de Vente",
    lastUpdate: "27 mai 2026",
    sections: [
        { id: "preambule",  title: "Préambule" },
        { id: "art1",       title: "Art. 1 — Identification de l'éditeur" },
        { id: "art2",       title: "Art. 2 — Description des services" },
        { id: "art3",       title: "Art. 3 — Conditions techniques" },
        { id: "art4",       title: "Art. 4 — Abonnements et offres" },
        { id: "art5",       title: "Art. 5 — Tokens et consommation IA" },
        { id: "art6",       title: "Art. 6 — Conditions financières" },
        { id: "art7",       title: "Art. 7 — Droit de rétractation" },
        { id: "art8",       title: "Art. 8 — Intelligence artificielle" },
        { id: "art9",       title: "Art. 9 — Données personnelles" },
        { id: "art10",      title: "Art. 10 — Utilisation autorisée" },
        { id: "art11",      title: "Art. 11 — Propriété intellectuelle" },
        { id: "art12",      title: "Art. 12 — Disponibilité et maintenance" },
        { id: "art13",      title: "Art. 13 — Suspension et résiliation" },
        { id: "art14",      title: "Art. 14 — Responsabilité" },
        { id: "art15",      title: "Art. 15 — Force majeure" },
        { id: "art16",      title: "Art. 16 — Évolution des conditions" },
        { id: "art17",      title: "Art. 17 — Droit applicable et litiges" }
    ]
} %}

    {% block legal_content %}
        {% from 'legal/_macros.html.twig' import accordion_section %}

        {# ── Préambule ── #}
        {% set c %}
        <p>Les présentes Conditions Générales d'Utilisation et de Vente (ci-après les « Conditions ») régissent l'accès, la souscription et l'utilisation de la plateforme SaaS Bubul.app.</p>
        <p class="mt-3">Bubul.app est une plateforme numérique dédiée aux professionnels de la formation permettant la création, l'organisation, la diffusion et le suivi de contenus pédagogiques assistés par intelligence artificielle. Elle propose notamment :</p>
        <ul class="mt-2 space-y-1 list-disc list-inside">
            <li>la création de contenus pédagogiques ;</li>
            <li>la génération de cours Moodle ;</li>
            <li>la création de supports multimédias ;</li>
            <li>la planification et le suivi pédagogique ;</li>
            <li>la génération de contenus assistée par intelligence artificielle ;</li>
            <li>le suivi des apprenants et l'émargement.</li>
        </ul>
        <p class="mt-3">Bubul.app s'inscrit dans une démarche de transparence relative à l'usage des ressources d'intelligence artificielle et de limitation de l'impact environnemental des traitements numériques.</p>
        <p class="mt-3">L'utilisation de la plateforme implique l'acceptation pleine et entière des présentes Conditions.</p>
        {% endset %}
        {{ accordion_section("preambule", "Préambule", c) }}

        {# ── Article 1 ── #}
        {% set c %}
        <p>La plateforme Bubul.app est éditée par :</p>
        <p class="mt-3"><strong>EI Timothée LAISNE – dotTilde</strong><br>
        Numéro d'entreprise : 52869602400025<br>
        Adresse : 6 rue Jean Monnet – 14440 Douvres la Délivrande</p>
        <p class="mt-3">Directeur de publication : Timothée Laisne</p>
        {% endset %}
        {{ accordion_section("art1", "Article 1 — Identification de l'éditeur", c) }}

        {# ── Article 2 ── #}
        {% set c %}
        <p>Bubul.app met à disposition des utilisateurs plusieurs outils spécialisés :</p>
        <div class="mt-3 overflow-x-auto">
            <table class="w-full text-sm border-collapse">
                <thead>
                    <tr class="bg-gray-50">
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700 w-28">Outil</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Description</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Moodia</td><td class="px-3 py-2 border border-gray-200">Génération de cours complets compatibles Moodle à partir de documents pédagogiques importés PDF, export au format MBZ (plan -&gt; contenu -&gt; export MBZ)</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Serenia</td><td class="px-3 py-2 border border-gray-200">Assistant conversationnel pédagogique intégrant : analyse documentaire, génération de contenus, assistance pédagogique, génération d'images</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Slidia</td><td class="px-3 py-2 border border-gray-200">Création automatisée de présentations power point professionnelles et pédagogiques.</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Monalisia</td><td class="px-3 py-2 border border-gray-200">Génération d'infographies à partir de prompts ou de documents PDF</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Pixia</td><td class="px-3 py-2 border border-gray-200">Génération d'images à partir de prompts ou de documents PDF</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Castia</td><td class="px-3 py-2 border border-gray-200">Génération de contenus audio et podcasts pédagogiques (synthèse vocale Eleven Labs)</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">SAM</td><td class="px-3 py-2 border border-gray-200">Outil de planification, suivi pédagogique, émargement et synchronisation Moodle – fonctionnalité réservée aux entreprises/organismes de formation</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Promptly</td><td class="px-3 py-2 border border-gray-200">Bibliothèque mutualisée de prompts pédagogiques intégrée aux différents outils de la plateforme</td></tr>
                </tbody>
            </table>
        </div>
        <p class="mt-3">Cette liste n'est pas exhaustive et Bubul intègre régulièrement de nouveaux outils qui respectent les éléments suivants du contrat.</p>
        {% endset %}
        {{ accordion_section("art2", "Article 2 — Description des services", c) }}

        {# ── Article 3 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">3.1 Accès à la plateforme</h4>
        <p>L'application est accessible en mode SaaS via Internet.</p>
        <p class="mt-2">L'accès aux services nécessite :</p>
        <ul class="mt-1 space-y-1 list-disc list-inside">
            <li>un compte utilisateur ;</li>
            <li>une connexion Internet ;</li>
            <li>un navigateur compatible</li>
            <li>l'acceptation des CGU/CGV à l'inscription</li>
            <li>un abonnement actif pour les fonctionnalités avancées – pour l'offre Freemium dès vérification de l'adresse mail</li>
        </ul>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">Création de compte</h4>
        <p>L'utilisateur peut créer un compte : via un formulaire (email et mot de passe) ; via authentification Google OAuth2 (SSO).</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">3.3 Sécurité des accès</h4>
        <p>L'utilisateur est seul responsable de la confidentialité de ses identifiants. Toute utilisation du compte est réputée effectuée par son titulaire.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">3.4 Limites techniques</h4>
        <p>Afin de garantir la stabilité du service :</p>
        <ul class="mt-2 space-y-1 list-disc list-inside">
            <li>les fichiers PDF sont limités à 20 MB ;</li>
            <li>les images sont limitées à 5 MB ;</li>
            <li>l'API est limitée à 100 requêtes par minute et par clé API.</li>
        </ul>
        <p class="mt-2">Ces limites peuvent évoluer pour des raisons techniques ou de sécurité.</p>
        {% endset %}
        {{ accordion_section("art3", "Article 3 — Conditions techniques d'utilisation", c) }}

        {# ── Article 4 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">4.1 Offres disponibles</h4>
        <p>Bubul.app propose les offres suivantes : Freemium, Starter, Pro, Expert et Entreprise. Les caractéristiques détaillées sont accessibles sur le site.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">4.2 Offres individuelles (B2C)</h4>
        <div class="mt-2 overflow-x-auto">
            <table class="w-full text-sm border-collapse">
                <thead>
                    <tr class="bg-gray-50">
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Plan</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Mensuel TTC</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Annuel TTC/mois</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Tokens/mois</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Accumulation max</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Freemium</td><td class="px-3 py-2 border border-gray-200">0 €</td><td class="px-3 py-2 border border-gray-200">—</td><td class="px-3 py-2 border border-gray-200">50 000</td><td class="px-3 py-2 border border-gray-200">Aucune</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Starter</td><td class="px-3 py-2 border border-gray-200">24 €</td><td class="px-3 py-2 border border-gray-200">20 €/mois</td><td class="px-3 py-2 border border-gray-200">500 000</td><td class="px-3 py-2 border border-gray-200">2 mois → 1M</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Pro</td><td class="px-3 py-2 border border-gray-200">30 €</td><td class="px-3 py-2 border border-gray-200">25 €/mois</td><td class="px-3 py-2 border border-gray-200">750 000</td><td class="px-3 py-2 border border-gray-200">4 mois → 3M</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Expert</td><td class="px-3 py-2 border border-gray-200">60 €</td><td class="px-3 py-2 border border-gray-200">50 €/mois</td><td class="px-3 py-2 border border-gray-200">1 550 000</td><td class="px-3 py-2 border border-gray-200">6 mois → 9,3M</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Entreprise</td><td class="px-3 py-2 border border-gray-200">Sur devis</td><td class="px-3 py-2 border border-gray-200">Sur devis</td><td class="px-3 py-2 border border-gray-200">Flexible</td><td class="px-3 py-2 border border-gray-200">6 mois</td></tr>
                </tbody>
            </table>
        </div>
        <p class="mt-3">Les offres individuelles peuvent être souscrites :</p>
        <ul class="mt-1 space-y-1 list-disc list-inside">
            <li>au mois ;</li>
            <li>à l'année.</li>
        </ul>
        <p class="mt-3">Les abonnements annuels impliquent un engagement de douze (12) mois. L'annulation est impossible pendant l'engagement (sauf dans les 30 derniers jours) et l'accès est maintenu jusqu'à la fin de la période payée après annulation. A expiration de l'abonnement, retour automatique au Freemium.</p>
        <p class="mt-3">Changement d'offre :</p>
        <ul class="mt-1 space-y-1 list-disc list-inside">
            <li>un upgrade : la différence de prix est immédiatement facturée et le cycle repart à zéro.</li>
            <li>un downgrade : sera appliqué au prochain renouvellement</li>
        </ul>
        <p class="mt-3">La désactivation de ce compte est manuelle, faite par l'administrateur.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">4.3 Offres entreprises (B2B)</h4>
        <p>Les offres entreprises font l'objet d'un contrat ou devis spécifique.</p>
        <p class="mt-2">Volume de tokens minimal par outil :</p>
        <div class="mt-2 overflow-x-auto">
            <table class="w-full text-sm border-collapse">
                <thead>
                    <tr class="bg-gray-50">
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700 w-32">Outil</th>
                        <th class="text-left px-3 py-2 border border-gray-200 font-semibold text-gray-700">Minimum requis</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Moodia</td><td class="px-3 py-2 border border-gray-200">5 000</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Serenia</td><td class="px-3 py-2 border border-gray-200">100</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Slidia</td><td class="px-3 py-2 border border-gray-200">10 000</td></tr>
                    <tr class="bg-gray-50"><td class="px-3 py-2 border border-gray-200 font-medium">Monalisia</td><td class="px-3 py-2 border border-gray-200">5 000</td></tr>
                    <tr><td class="px-3 py-2 border border-gray-200 font-medium">Castia</td><td class="px-3 py-2 border border-gray-200">5 000</td></tr>
                </tbody>
            </table>
        </div>
        <p class="mt-3">Les modalités suivantes seront définies contractuellement :</p>
        <ul class="mt-1 space-y-1 list-disc list-inside">
            <li>Durée (configurable : date de début - date de fin)</li>
            <li>Nombre d'utilisateurs (nombre maximum configurable)</li>
            <li>Volume de Tokens mensuels distribués entre utilisateurs</li>
            <li>Renouvellement des tokens automatique tous les 30 jours depuis la date de début du contrat</li>
            <li>Accumulation maximale : 6 mois de tokens par utilisateur</li>
            <li>Prix : par licence × nombre d'utilisateurs (HT, sur devis)</li>
            <li>Désactivation automatique des utilisateurs à expiration du contrat</li>
            <li>Accès API</li>
            <li>Accompagnement</li>
        </ul>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">4.4 Évolution des offres</h4>
        <p>Bubul.app se réserve le droit de modifier à tout moment les fonctionnalités, quotas, offres et caractéristiques techniques. Le compte est désactivé automatiquement dès qu'aucun contrat d'entreprise actif n'est associé.</p>
        {% endset %}
        {{ accordion_section("art4", "Article 4 — Abonnements et offres", c) }}

        {# ── Article 5 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">5.1 Définition</h4>
        <p>Les tokens constituent une unité technique interne permettant l'accès à certaines fonctionnalités, et assurent une transparence sur la consommation de ressources liées aux traitements d'intelligence artificielle.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">5.2 Nature juridique</h4>
        <p>Les tokens ne constituent pas une monnaie électronique, ni un actif numérique ; ils n'ont aucune valeur monétaire et ne sont ni cessibles ni remboursables.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">5.3 Consommation</h4>
        <p>Chaque fonctionnalité consomme un volume variable de tokens selon le type de génération, la longueur des contenus, les modèles utilisés et les ressources techniques mobilisées.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">5.4 Expiration et cumul</h4>
        <p>Les règles de cumul et d'expiration sont définies dans chaque offre commerciale. Les tokens non utilisés peuvent expirer sans donner lieu à remboursement.</p>
        {% endset %}
        {{ accordion_section("art5", "Article 5 — Tokens et consommation IA", c) }}

        {# ── Article 6 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">6.1 Tarifs</h4>
        <p>Les prix sont indiqués en euros hors taxes (voir article 4.2). Bubul.app peut modifier ses tarifs à tout moment ; les nouveaux tarifs s'appliquent aux nouvelles souscriptions et renouvellements.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">6.2 Paiement</h4>
        <p>Les paiements sont réalisés via Stripe avec authentification sécurisée (3D Secure).</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">6.3 Renouvellement automatique</h4>
        <p>Les abonnements sont renouvelés automatiquement selon la périodicité choisie (mensuel ou annuel).</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">6.4 Upgrade et downgrade</h4>
        <p>Un passage vers une offre supérieure peut entraîner une facturation immédiate proratisée et une réinitialisation du cycle. Un downgrade prend effet au prochain renouvellement.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">6.5 Défaut de paiement</h4>
        <p>En cas d'échec ou de défaut de paiement, Bubul.app peut suspendre immédiatement l'accès aux services.</p>
        {% endset %}
        {{ accordion_section("art6", "Article 6 — Conditions financières", c) }}

        {# ── Article 7 ── #}
        {% set c %}
        <p>Conformément au Code de la consommation, les utilisateurs consommateurs disposent d'un délai légal de quatorze (14) jours pour exercer leur droit de rétractation.</p>
        <p class="mt-3">L'utilisateur reconnaît expressément que l'exécution des services numériques débute immédiatement après la souscription. En conséquence, il renonce expressément à son droit de rétractation lorsque le service a été pleinement exécuté avant la fin du délai légal.</p>
        {% endset %}
        {{ accordion_section("art7", "Article 7 — Droit de rétractation", c) }}

        {# ── Article 8 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">8.1 Prestataires tiers</h4>
        <p>Certaines fonctionnalités reposent sur des services d'intelligence artificielle fournis notamment par OpenAI et ElevenLabs via API.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">8.2 Fonctionnement</h4>
        <p>Les technologies d'IA sont utilisées pour générer des contenus pédagogiques, produire des images, créer des contenus audio et assister les utilisateurs dans la conception pédagogique.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">8.3 Limitation relative aux contenus générés</h4>
        <p>Les contenus générés automatiquement peuvent comporter des erreurs, approximations ou omissions. L'utilisateur demeure seul responsable de la vérification des contenus, de leur conformité juridique, de leur pertinence pédagogique et de leur diffusion.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">8.4 Usage professionnel</h4>
        <p>Les services sont destinés à des professionnels de la formation. L'utilisateur reste seul responsable des décisions pédagogiques prises à partir des contenus générés.</p>
        {% endset %}
        {{ accordion_section("art8", "Article 8 — Utilisation de l'intelligence artificielle", c) }}

        {# ── Article 9 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">9.1 Hébergement</h4>
        <p>Les données sont hébergées au sein de l'Union européenne sur des infrastructures opérées par OVHcloud, situées en France.</p>
        <p class="mt-2"><strong>OVH SAS</strong> – RCS Lille Métropole 424 761 419 00045<br>2 rue Kellermann – 59100 Roubaix, France</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">9.2 Sous-traitants IA</h4>
        <p>Certains traitements liés aux services d'IA peuvent être réalisés par des prestataires tiers situés hors de l'UE, dans le respect des mécanismes de protection prévus par le RGPD. Les prestataires (OpenAI, ElevenLabs) s'engagent contractuellement à ne pas retenir les données à des fins d'entraînement.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">9.3 Rôles RGPD</h4>
        <p>Dans le cadre des fonctionnalités de suivi pédagogique et d'émargement : le client agit comme responsable de traitement ; Bubul.app agit comme sous-traitant.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">9.4 Confidentialité</h4>
        <p>Bubul.app met en œuvre des mesures techniques et organisationnelles destinées à garantir :</p>
        <ul class="mt-1 space-y-1 list-disc list-inside">
            <li>la confidentialité ;</li>
            <li>l'intégrité ;</li>
            <li>la disponibilité des données.</li>
        </ul>
        <p class="mt-3">Les conversations réalisées via l'assistant conversationnel Serenia font l'objet d'un chiffrement en base de données afin de renforcer la confidentialité des informations traitées.</p>
        <p class="mt-3">Les mesures de sécurité mises en œuvre sont conçues de manière à limiter strictement les possibilités d'accès aux contenus conversationnels, y compris par les équipes techniques de Bubul.app, sauf nécessité technique, obligation légale ou opération de maintenance exceptionnelle.</p>
        {% endset %}
        {{ accordion_section("art9", "Article 9 — Données personnelles et confidentialité", c) }}

        {# ── Article 10 ── #}
        {% set c %}
        <p>L'utilisateur s'engage à utiliser la plateforme conformément aux lois et règlements applicables. Il est notamment interdit de :</p>
        <ul class="mt-2 space-y-1 list-disc list-inside">
            <li>produire des contenus illicites ;</li>
            <li>générer des contenus discriminatoires, haineux ou diffamatoires ;</li>
            <li>tenter d'accéder aux systèmes sans autorisation ;</li>
            <li>contourner les limitations techniques ;</li>
            <li>porter atteinte à la sécurité de la plateforme ;</li>
            <li>utiliser les services à des fins frauduleuses.</li>
        </ul>
        {% endset %}
        {{ accordion_section("art10", "Article 10 — Utilisation autorisée", c) }}

        {# ── Article 11 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">11.1 Plateforme</h4>
        <p>La plateforme Bubul.app, ses interfaces, son architecture, ses algorithmes, ses éléments graphiques et ses fonctionnalités sont protégés par le droit de la propriété intellectuelle.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">11.2 Licence d'utilisation</h4>
        <p>L'utilisateur bénéficie d'un droit d'utilisation personnel, non exclusif et non transférable pendant la durée de son abonnement.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">11.3 Contenus utilisateurs</h4>
        <p>Les contenus importés ou créés par les utilisateurs demeurent leur propriété. L'utilisateur garantit disposer de l'ensemble des droits nécessaires sur les contenus transmis.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">11.4 Contenus générés</h4>
        <p>Sous réserve des droits applicables des prestataires tiers, les contenus générés peuvent être utilisés par l'utilisateur dans le cadre de ses activités professionnelles.</p>
        {% endset %}
        {{ accordion_section("art11", "Article 11 — Propriété intellectuelle", c) }}

        {# ── Article 12 ── #}
        {% set c %}
        <p>Bubul.app s'efforce d'assurer une disponibilité continue des services. Des interruptions temporaires peuvent intervenir pour maintenance, sécurité, mise à jour ou évolution technique. Bubul.app est tenue à une obligation générale de moyens.</p>
        {% endset %}
        {{ accordion_section("art12", "Article 12 — Disponibilité et maintenance", c) }}

        {# ── Article 13 ── #}
        {% set c %}
        <h4 class="font-semibold text-gray-800 mb-1">13.1 Suspension</h4>
        <p>Bubul.app peut suspendre immédiatement un compte en cas de violation des présentes Conditions, d'utilisation frauduleuse, d'activité illicite, d'atteinte à la sécurité, d'abus ou de défaut de paiement.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">13.2 Résiliation utilisateur</h4>
        <p>Les abonnements mensuels peuvent être résiliés à tout moment. Les abonnements annuels prennent fin à leur échéance.</p>

        <h4 class="font-semibold text-gray-800 mt-4 mb-1">13.3 Effets de la résiliation</h4>
        <p>À expiration ou résiliation, certaines fonctionnalités deviennent indisponibles, le compte peut basculer vers l'offre gratuite et les accès B2B peuvent être désactivés automatiquement.</p>
        {% endset %}
        {{ accordion_section("art13", "Article 13 — Suspension et résiliation", c) }}

        {# ── Article 14 ── #}
        {% set c %}
        <p>Bubul.app fournit des outils d'assistance à la création pédagogique et ne garantit pas l'absence d'erreur, l'absence d'interruption, l'obtention d'un résultat pédagogique particulier ni l'adéquation des contenus générés.</p>
        <p class="mt-3">La responsabilité de Bubul.app ne saurait être engagée notamment en cas d'utilisation inappropriée, d'erreur pédagogique, de perte de données imputable à l'utilisateur ou d'indisponibilité temporaire du service.</p>
        <p class="mt-3">En tout état de cause, la responsabilité totale de Bubul.app est limitée aux sommes effectivement versées par l'utilisateur au cours des douze derniers mois.</p>
        {% endset %}
        {{ accordion_section("art14", "Article 14 — Responsabilité", c) }}

        {# ── Article 15 ── #}
        {% set c %}
        <p>Bubul.app ne saurait être tenue responsable en cas d'événement de force majeure empêchant l'exécution normale des services.</p>
        {% endset %}
        {{ accordion_section("art15", "Article 15 — Force majeure", c) }}

        {# ── Article 16 ── #}
        {% set c %}
        <p>Les présentes Conditions peuvent être modifiées à tout moment afin de prendre en compte les évolutions légales, réglementaires, techniques ou fonctionnelles de la plateforme. Les nouvelles versions entrent en vigueur à compter de leur mise en ligne.</p>
        {% endset %}
        {{ accordion_section("art16", "Article 16 — Évolution des conditions", c) }}

        {# ── Article 17 ── #}
        {% set c %}
        <p>Les présentes Conditions sont soumises au droit français.</p>
        <p class="mt-3">En cas de litige avec un professionnel, compétence expresse est attribuée aux juridictions du ressort du siège social de Bubul.app, sauf disposition légale impérative contraire.</p>
        <p class="mt-3">Pour les utilisateurs consommateurs, les règles légales de compétence applicables demeurent réservées.</p>
        {% endset %}
        {{ accordion_section("art17", "Article 17 — Droit applicable et litiges", c) }}

    {% endblock %}

{% endembed %}

{% endblock %}