{"id":372,"date":"2026-08-11T17:18:59","date_gmt":"2026-08-11T15:18:59","guid":{"rendered":"https:\/\/leclan-off.com\/?page_id=372"},"modified":"2026-08-11T17:19:45","modified_gmt":"2026-08-11T15:19:45","slug":"droit-de-retraction","status":"publish","type":"page","link":"https:\/\/leclan-off.com\/index.php\/droit-de-retraction\/","title":{"rendered":"Droit de r\u00e9traction &#8211; Renoncer au contrat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"372\" class=\"elementor elementor-372\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f71605f e-flex e-con-boxed e-con e-parent\" data-id=\"f71605f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b72f7 elementor-widget elementor-widget-html\" data-id=\"47b72f7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/www.google.com\" id=\"lib-quick-exit\" style=\"position: fixed; top: 50%; right: 14px; transform: translateY(-50%); z-index: 99999; background: #000; border: 1px solid rgba(211, 150, 173, 0.5); color: #fff; font-size: 11px; font-weight: 700; padding: 8px 14px; border-radius: 50px; text-decoration: none !important; font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.4);\">\u2715 Quitter rapidement<\/a>\n\n<div class=\"pol-wrapper\">\n    <div class=\"pol-halo\"><\/div>\n\n    <header class=\"pol-header\">\n        <span class=\"pol-badge\">LE CLAN<\/span>\n        <h1 class=\"pol-title\">Renoncer au contrat ici<\/h1>\n        <p class=\"pol-updated\">Exercer ton droit de r\u00e9tractation<\/p>\n    <\/header>\n\n    <div class=\"pol-body\">\n\n        <section class=\"pol-section\">\n            <p>Conform\u00e9ment \u00e0 l'article L221-18 du Code de la consommation, tu disposes d'un d\u00e9lai de <strong>14 jours<\/strong> \u00e0 compter de ta commande pour te r\u00e9tracter, sans avoir \u00e0 justifier de motif.<\/p>\n            <p>Remplis le formulaire ci-dessous. Une fois envoy\u00e9, tu recevras un accus\u00e9 de r\u00e9ception \u00e0 l'adresse email que tu auras indiqu\u00e9e.<\/p>\n        <\/section>\n\n        <form id=\"retract-form\" class=\"pol-form\">\n            <div class=\"pol-field\">\n                <label for=\"rf-prenom\">Pr\u00e9nom *<\/label>\n                <input type=\"text\" id=\"rf-prenom\" required>\n            <\/div>\n            <div class=\"pol-field\">\n                <label for=\"rf-nom\">Nom *<\/label>\n                <input type=\"text\" id=\"rf-nom\" required>\n            <\/div>\n            <div class=\"pol-field\">\n                <label for=\"rf-email\">Ton adresse email (pour recevoir la confirmation) *<\/label>\n                <input type=\"email\" id=\"rf-email\" required>\n            <\/div>\n            <div class=\"pol-field\">\n                <label for=\"rf-ref\">R\u00e9f\u00e9rence ou nom du programme achet\u00e9 *<\/label>\n                <input type=\"text\" id=\"rf-ref\" required placeholder=\"ex. M\u00e8re Pilier, Se lib\u00e9rer de l'emprise...\">\n            <\/div>\n            <div class=\"pol-field\">\n                <label for=\"rf-date\">Date exacte de ta commande *<\/label>\n                <input type=\"date\" id=\"rf-date\" required>\n            <\/div>\n\n            <div id=\"rf-status\" class=\"pol-status\" style=\"display:none;\"><\/div>\n\n            <button type=\"submit\" id=\"rf-submit\" class=\"pol-btn-submit\">Confirmer la r\u00e9tractation<\/button>\n        <\/form>\n\n        <section class=\"pol-section\" style=\"margin-top:50px;\">\n            <h2>Une question avant d'envoyer ta demande ?<\/h2>\n            <p>Tu peux aussi nous \u00e9crire directement \u00e0 : <a href=\"mailto:contact@leclan-off.com\">contact@leclan-off.com<\/a><\/p>\n        <\/section>\n\n    <\/div>\n\n    <div class=\"pol-footer-cta\">\n        <a href=\"https:\/\/leclan-off.com\/\" class=\"pol-btn\">Retour \u00e0 l'accueil<\/a>\n    <\/div>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');\nhtml, body, .main-content, [data-type=\"section\"], .elementor, .elementor-widget-container, .elementor-section-wrap, .elementor-top-section, .elementor-element, #content, .site-content, .entry-content, .page-content, .content-area, article, main, .container, .hentry, .elementor-location-single { background-color: #000 !important; background-image: none !important; }\n\n.pol-wrapper {\n    --pink: #D396AD;\n    background: #000;\n    color: #fff;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    padding: 50px 20px;\n    max-width: 640px;\n    margin: 0 auto;\n    line-height: 1.6;\n    position: relative;\n    overflow-x: hidden;\n}\n.pol-wrapper * { box-sizing: border-box; }\n.pol-halo { position: absolute; top: 2%; left: -10%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(211,150,173,0.06) 0%, transparent 70%); filter: blur(50px); pointer-events: none; z-index: 0; }\n\n.pol-header { text-align: center; margin-bottom: 40px; position: relative; z-index: 1; }\n.pol-badge { background: var(--pink); color: #fff; padding: 6px 16px; border-radius: 50px; font-weight: 800; font-size: 11px; letter-spacing: 2px; }\n.pol-title { font-size: clamp(26px, 6vw, 36px); font-weight: 900; color: #fff; margin: 20px 0 8px; }\n.pol-updated { color: #888; font-size: 14px; }\n\n.pol-body { position: relative; z-index: 1; }\n.pol-section { margin-bottom: 30px; }\n.pol-section h2 { font-size: 17px; font-weight: 800; color: #D396AD; margin: 0 0 12px; }\n.pol-section p { font-size: 15px; color: #d1d1d6; line-height: 1.75; margin: 0 0 12px; }\n.pol-section a { color: var(--pink); text-decoration: none !important; font-weight: 700; }\n\n\/* FORMULAIRE *\/\n.pol-form { background: #0c0c0c; border: 1px solid #1a1a1a; border-radius: 20px; padding: 30px; }\n.pol-field { margin-bottom: 20px; }\n.pol-field label { display: block; font-size: 13px; color: #a1a1aa; font-weight: 700; margin-bottom: 8px; }\n.pol-field input { width: 100%; background: #000; border: 1px solid #2a2a2a; border-radius: 10px; padding: 12px 14px; color: #fff; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; }\n.pol-field input:focus { outline: none; border-color: var(--pink); }\n\n.pol-status { padding: 14px 16px; border-radius: 10px; margin-bottom: 20px; font-size: 13.5px; font-weight: 600; }\n.pol-status.ok { background: rgba(211,150,173,0.1); border: 1px solid rgba(211,150,173,0.3); color: #fff; }\n.pol-status.expired { background: rgba(200,60,60,0.1); border: 1px solid rgba(200,60,60,0.4); color: #ff8080; }\n\n.pol-btn-submit { width: 100%; background: var(--pink); color: #fff; border: none; padding: 16px; border-radius: 50px; font-weight: 900; font-size: 15px; font-family: 'Plus Jakarta Sans', sans-serif; cursor: pointer; transition: 0.3s; }\n.pol-btn-submit:hover { transform: scale(1.02); }\n.pol-btn-submit:disabled { background: #333; color: #777; cursor: not-allowed; transform: none; }\n\n.pol-footer-cta { text-align: center; margin-top: 50px; padding-top: 30px; border-top: 1px solid rgba(211,150,173,0.15); position: relative; z-index: 1; }\n.pol-btn { display: inline-block; border: 2px solid var(--pink); border-radius: 50px; padding: 12px 28px; color: #fff; font-weight: 800; text-decoration: none !important; font-size: 13px; transition: 0.3s; }\n.pol-btn:hover { background: var(--pink); }\n\n@media (max-width: 600px) {\n    .pol-wrapper { padding: 35px 16px; }\n    .pol-form { padding: 22px 18px; }\n}\n<\/style>\n\n<script>\n(function(){\n    var form = document.getElementById('retract-form');\n    var dateInput = document.getElementById('rf-date');\n    var statusBox = document.getElementById('rf-status');\n    var submitBtn = document.getElementById('rf-submit');\n\n    function checkDelay(){\n        if(!dateInput.value){\n            statusBox.style.display = 'none';\n            submitBtn.disabled = false;\n            return;\n        }\n        var purchaseDate = new Date(dateInput.value);\n        var today = new Date();\n        var diffDays = Math.floor((today - purchaseDate) \/ (1000*60*60*24));\n\n        if(diffDays < 0){\n            statusBox.style.display = 'block';\n            statusBox.className = 'pol-status expired';\n            statusBox.textContent = \"La date indiqu\u00e9e est dans le futur \u2014 v\u00e9rifie ta saisie.\";\n            submitBtn.disabled = true;\n        } else if(diffDays > 14){\n            statusBox.style.display = 'block';\n            statusBox.className = 'pol-status expired';\n            statusBox.textContent = \"Le d\u00e9lai de r\u00e9tractation de 14 jours est d\u00e9pass\u00e9 pour cette commande (\" + diffDays + \" jours \u00e9coul\u00e9s). Ce formulaire n'est plus disponible pour cet achat.\";\n            submitBtn.disabled = true;\n        } else {\n            statusBox.style.display = 'block';\n            statusBox.className = 'pol-status ok';\n            statusBox.textContent = \"Tu es encore dans le d\u00e9lai l\u00e9gal (\" + (14 - diffDays) + \" jour(s) restant(s)). Tu peux envoyer ta demande.\";\n            submitBtn.disabled = false;\n        }\n    }\n\n    dateInput.addEventListener('change', checkDelay);\n\n    form.addEventListener('submit', function(e){\n        e.preventDefault();\n        checkDelay();\n        if(submitBtn.disabled){ return; }\n\n        var prenom = document.getElementById('rf-prenom').value;\n        var nom = document.getElementById('rf-nom').value;\n        var email = document.getElementById('rf-email').value;\n        var ref = document.getElementById('rf-ref').value;\n        var date = dateInput.value;\n        var now = new Date().toLocaleString('fr-FR');\n\n        var subject = encodeURIComponent(\"Demande de r\u00e9tractation - \" + prenom + \" \" + nom);\n        var body = encodeURIComponent(\n            \"Je souhaite exercer mon droit de r\u00e9tractation.\\n\\n\" +\n            \"Pr\u00e9nom : \" + prenom + \"\\n\" +\n            \"Nom : \" + nom + \"\\n\" +\n            \"Email : \" + email + \"\\n\" +\n            \"Programme\/commande concern\u00e9 : \" + ref + \"\\n\" +\n            \"Date de la commande : \" + date + \"\\n\" +\n            \"Date de la demande : \" + now + \"\\n\"\n        );\n\n        window.location.href = \"mailto:contact@leclan-off.com?subject=\" + subject + \"&body=\" + body;\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2715 Quitter rapidement LE CLAN Renoncer au contrat ici Exercer ton droit de r\u00e9tractation Conform\u00e9ment \u00e0 l&rsquo;article L221-18 du Code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-372","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/pages\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/comments?post=372"}],"version-history":[{"count":6,"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/pages\/372\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/pages\/372\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/leclan-off.com\/index.php\/wp-json\/wp\/v2\/media?parent=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}