Conformité aux lois canadiennes
#form-pipeda-edit-account-request, #form-pipeda-requests-request, #form-pipeda-personal-information-request, #form-pipeda-orders-request, #form-pipeda-personal-data-report-request, #form-pipeda-delete-account-request{ display: none; } #pipeda_page button { background-colour: transparent; border: 0; border-bottom: 1px solid black; padding: 0px; } /* Modal background */ #data-verification-background { display: none; position: fixed; z-index: 1; padding-top: calc(50vh - 83px); left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-colour: rgb(0, 0, 0); background-colour: rgba(0, 0, 0, 0.4); opacity: unset; z-index: 9999; } /* Modal Content */ #data-verification-modal { background-color: #fefefe; margin: auto; padding: 16px; border: 1px solid #888; width: 38%; opacity: 1; } /* Modal Close Button */ .data-verification-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; line-height: 17px; background-color: transparent; border: 0px; padding: 0px; } .data-verification-close:hover { color: #000; text-decoration: none; cursor: pointer; } /* Checkbox Text */ #data-verification-container p { display: inline-block; padding: 0; margin: 0; line-height: 24px; padding-left: 10px; vertical-align: top; width: calc(100% - 45px); } #data-verification-container a, #data-verification-container a:hover { text-decoration: underline !important; color: #4285f4; } #data-verification-container input { opacity: 0; width: 0; height: 0; margin: 0; padding: 0; } /* Checkbox Icon */ #data-verification-icon { cursor: pointer; position: relative; margin: auto; width: 18px; height: 18px; -webkit-tap-highlight-color: transparent; transform: translate3d(0, 0, 0); margin-top: 2px; } #data-verification-icon:before { content: ""; position: absolute; top: -7px; left: -7px; width: 32px; height: 32px; border-radius: 50%; background: rgba(34, 50, 84, 0.03); opacity: 0; transition: opacity 0.2s ease; } #data-verification-icon svg { position: relative; z-index: 1; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #c8ccd4; stroke-width: 1.5; transform: translate3d(0, 0, 0); transition: all 0.2s ease; } #data-verification-icon svg path { stroke-dasharray: 60; stroke-dashoffset: 0; } #data-verification-icon svg polyline { stroke-dasharray: 22; stroke-dashoffset: 66; } #data-verification-icon:hover:before { opacity: 1; } #data-verification-container:hover #data-verification-icon svg { stroke: #4285f4; } #data-verification-icon.clicked svg { stroke: #4285f4; } #data-verification-icon.clicked svg path { stroke-dashoffset: 60; transition: all 0.3s linear; } #data-verification-icon.clicked svg polyline { stroke-dashoffset: 42; transition: all 0.2s linear; transition-delay: 0.15s; } /* Accessibility design */ #data-verification-icon:focus, .data-verification-close:focus, #data-verification-container input:focus ~ #data-verification-icon svg, #data-verification-container a:focus { box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4); transition: all 0.3s ease; outline: none; transform: scale(1.06); } /* Loading Element */ .loading { display: none; top: 50vh; left: 50vw; position: fixed; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0; box-shadow: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 255, 255, 1) 0 1.5em 0 0, rgba(255, 255, 255, 1) -1.1em 1.1em 0 0, rgba(255, 255, 255, 1) -1.5em 0 0 0, rgba(255, 255, 255, 1) -1.1em -1.1em 0 0, rgba(255, 255, 255, 1) 0 -1.5em 0 0, rgba(255, 255, 255, 1) 1.1em -1.1em 0 0; } #pipeda_page .list-unstyled li button { cursor: pointer; } .show-isense { transition: opacity 400ms !important; } .hide-isense { opacity: 0 !important; transition: 0.4s ease-out; } /* Modal changes on mobile resolution*/ @media only screen and (max-width: 600px) { #data-verification-modal { width: 90%; } } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
Lorsque vous soumettez une Demande d'accès aux données personnelles (DSAR) via notre page de conformité, notre fournisseur de conformité, Consentmo, traite votre adresse IP et votre e-mail uniquement pour répondre à votre demande. Pour plus de détails, consultez la Politique de traitement des données de Consentmo.
Rectification des données
Si les données de votre compte sont inexactes, mettez-les à jour ou corrigez-les en utilisant le lien ci-dessous.
- Modifier les informations de votre compte
Saisissez votre adresse e-mail pour confirmer votre identité
Portabilité des données
Vous pouvez utiliser les liens ci-dessous pour télécharger toutes les données que nous stockons et utilisons afin d'améliorer votre expérience dans notre boutique.
-
Demandes PIPEDA
Saisissez votre adresse e-mail pour confirmer votre identité
-
Informations personnelles
Saisissez votre adresse e-mail pour confirmer votre identité
-
Données de commandes
Saisissez votre adresse e-mail pour confirmer votre identité
Accès aux données personnelles
Vous pouvez utiliser le lien ci-dessous pour demander un rapport qui contiendra toutes les informations personnelles que nous stockons pour vous. Nous vous répondrons dans les 45 jours.
- Demander un rapport
Saisissez votre adresse e-mail pour confirmer votre identité
Droit à l'oubli
Utilisez cette option si vous souhaitez supprimer vos données personnelles et autres de notre boutique. Gardez à l'esprit que ce processus supprimera votre compte, vous ne pourrez donc plus y accéder ni l'utiliser.
- Demander la suppression des données personnelles
Saisissez votre adresse e-mail pour confirmer votre identité
Droit de déposer une plainte
Si vous estimez que vos droits à la vie privée en vertu de la PIPEDA ou des lois provinciales ont été violés, vous pouvez contacter notre responsable de la protection de la vie privée ou déposer une plainte auprès du Commissaire à la protection de la vie privée du Canada ou de votre autorité provinciale.
Retrait du consentement
Vous pouvez retirer votre consentement au traitement des données à tout moment. Contactez-nous à csandham91@gmail.com
Portabilité des données de la Loi 25 du Québec
Les résidents du Québec ont le droit de demander une copie de leurs données dans un format portable en vertu de la Loi 25.
// <![CDATA[ /* GLISSEMENT VERS LE HAUT */ let slideUp = (target, duration = 500) => { target.style.transitionProperty = 'height, margin, padding'; target.style.transitionDuration = duration + 'ms'; target.style.boxSizing = 'border-box'; target.style.height = target.offsetHeight + 'px'; target.offsetHeight; target.style.overflow = 'hidden'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; window.setTimeout(() => { target.style.display = 'none'; target.style.removeProperty('height'); target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, duration); } /* GLISSEMENT VERS LE BAS */ let slideDown = (target, duration = 500) => { setTimeout(function () { target.style.removeProperty('display'); let display = window.getComputedStyle(target).display; if (display === 'none') display = 'block'; target.style.display = display; let height = target.offsetHeight; target.style.overflow = 'hidden'; target.style.height = 0; target.style.paddingTop = 0; target.style.paddingBottom = 0; target.style.marginTop = 0; target.style.marginBottom = 0; target.offsetHeight; target.style.boxSizing = 'border-box'; target.style.transitionProperty = "height, margin, padding"; target.style.transitionDuration = duration + 'ms'; target.style.height = height + 'px'; target.style.removeProperty('padding-top'); target.style.removeProperty('padding-bottom'); target.style.removeProperty('margin-top'); target.style.removeProperty('margin-bottom'); window.setTimeout(() => { target.style.removeProperty('height'); target.style.removeProperty('overflow'); target.style.removeProperty('transition-duration'); target.style.removeProperty('transition-property'); }, duration); }, 100) } /* BASCULE */ var slideToggle = (target, duration = 500) => { if (window.getComputedStyle(target).display === 'none') { return slideDown(target, duration); } else { return slideUp(target, duration); } } /* FONDU */ var toggleFadeiSense = (elem, show) => { if (show) { elem.style.display = "block"; setTimeout(function () { elem.classList.add('show-isense'); elem.classList.remove('hide-isense'); }, 20) } else { elem.classList.remove('show-isense'); elem.classList.add('hide-isense'); setTimeout(() => { elem.style.display = 'none'; }, 400) } } var pipedaSlideUpAll = function () { slideUp(document.querySelector('#form-pipeda-edit-account-request'), 100); document.querySelector('#btn-pipeda-edit-account-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-pipeda-requests-request'), 100); document.querySelector('#btn-pipeda-requests-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-pipeda-personal-information-request'), 100); document.querySelector('#btn-pipeda-personal-information-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-pipeda-orders-request'), 100); document.querySelector('#btn-pipeda-orders-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-pipeda-personal-data-report-request'), 100); document.querySelector('#btn-pipeda-personal-data-report-request').setAttribute("aria-expanded", "false"); slideUp(document.querySelector('#form-pipeda-delete-account-request'), 100); document.querySelector('#btn-pipeda-delete-account-request').setAttribute("aria-expanded", "false"); document.querySelector('#pipeda_page button').setAttribute("aria-expanded", "false"); }; var email, type, consentGiven = false; var verificationModalContent = '<div id="data-verification-background"><div class="loading"></div><div id="data-verification-modal"><button class="data-verification-close" aria-label="Fermer">×</button><div id="data-verification-container"><input type="checkbox" aria-labelledby="pipeda-modal-container-text"><label id="data-verification-icon" aria-label="Icône de vérification des données"><svg width="18px" height="18px" viewBox="0 0 18 18"><path d="M1,9 L1,3.5 C1,2 2,1 3.5,1 L14.5,1 C16,1 17,2 17,3.5 L17,14.5 C17,16 16,17 14.5,17 L3.5,17 C2,17 1,16 1,14.5 L1,9 Z"></path></path><polyline points="1 9 7 14 15 4"></polyline></svg></label><p id="pipeda-modal-container-text">Je donne mon consentement à la collecte de mon adresse e-mail et de mon adresse IP dans le but de traiter cette demande. Pour en savoir plus, consultez la <a href="https://www.consentmo.com/privacy-policy-terms-of-service/en" target="_blank" aria-label="Lien Politique de confidentialité et Conditions d’utilisation (s’ouvre dans un nouvel onglet)">Politique de confidentialité et les Conditions d’utilisation</a>.</p></div></div></div>'; var isEmailValid = function(email) { let regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; if (email == '' || email == undefined) { return false; } else { return regex.test(email); } } var pipedaSendRequest = function (callback) { fetch('https://www.cloudflare.com/cdn-cgi/trace', { method: 'GET', headers: { 'Content-Type': 'text/plain', }, }) .then(resp => resp.text()) .then(resp => { if (!resp.error) { let ipInfo = resp; let formData = new FormData(); formData.append('shop', Shopify.shop); formData.append('email', email); formData.append('type', type); formData.append('sourceOfRequest', 4); formData.append('ipAddress', ipInfo); formData.append('consentGiven', consentGiven); formData.append('page', 'pipeda'); formData.append('lang', Shopify.locale ? Shopify.locale : ''); formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : ''); fetch('https://app.consentmo.com/gdprRequests/submitRequest', { method: 'POST', body: formData }) .then(resp => resp.json()) .then(resp => { if (!resp.error) { pipedaSlideUpAll(); if (resp.message.length) { alert(resp.message); } else { alert('Votre demande a été soumise avec succès. Veuillez vérifier votre e-mail pour plus d\'informations.'); } } else { alert(resp.message); } if (typeof callback == 'function') { callback(resp); } }) .catch(error => { alert(error.message); }) } else { alert(resp.message); } }) } //Ajouter la modale au corps, sinon elle ne restera pas centrée (même si la position est fixe) document.querySelector("body").insertAdjacentHTML('beforeend', verificationModalContent); document.addEventListener("DOMContentLoaded", function () { // Lorsque l'utilisateur clique sur <span> (x), fermer la modale document.querySelector('.data-verification-close').addEventListener('click', function (e) { e.preventDefault(); closeVerificationModal(); // Concentrer le bouton du type de demande choisi let pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(function(pipedaForm) { if (pipedaForm.style.display !== "none") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); if (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('button').focus(); } } }); }); document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function (e) { e.preventDefault(); // Détecter le clic sur un lien a href, car il est écrasé. if (e.target.tagName === "A") { window.open(e.target.href, '_blank'); return; } document.querySelector('#data-verification-icon').classList.add("clicked"); setTimeout(() => { toggleFadeiSense(document.querySelector("#data-verification-modal"), false); document.querySelector('#data-verification-background .loading').style.display = 'inline-block'; consentGiven = true; pipedaSendRequest(function (resp) { consentGiven = false; closeVerificationModal(); }); }, 400); }); }); function openVerificationModal() { if(!isEmailValid(email)) { alert('E-mail invalide'); return; } toggleFadeiSense(document.querySelector("#data-verification-modal"), true); toggleFadeiSense(document.querySelector('#data-verification-background'), true); document.querySelector('#data-verification-container input').focus(); } function closeVerificationModal() { toggleFadeiSense(document.querySelector("#data-verification-background"), false); document.querySelector('#data-verification-icon').classList.remove("clicked"); document.querySelector('#data-verification-background .loading').style.display = 'none'; // Concentrer le bouton du type de demande choisi let pipedaForms = document.querySelectorAll('.form-pipeda-request'); pipedaForms.forEach(function(pipedaForm) { if (pipedaForm.style.display !== "none") { let pipedaFormLinks = pipedaForm.previousElementSibling.querySelectorAll('li'); if (pipedaFormLinks.length === 1) { pipedaFormLinks[0].querySelector('button').focus(); } else { // Logique de focus pour les demandes de portabilité des données pipedaFormLinks = pipedaForm.parentElement; if (pipedaFormLinks.nodeName === 'LI') { pipedaFormLinks.querySelector('button').focus(); } } } }); } document.querySelector('#btn-pipeda-edit-account-request').addEventListener('click', function (e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-edit-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-edit-account-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-edit-account-request-email').value; type = 'customer/edit'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-requests-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-requests-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-requests-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-requests-request-email').value; type = 'customer/requests'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-personal-information-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-personal-information-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-personal-information-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-information-request-email').value; type = 'customer/personal_info'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-orders-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-orders-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-orders-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-orders-request-email').value; type = 'customer/orders'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-personal-data-report-request').addEventListener('click', function (e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-personal-data-report-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-personal-data-report-request-submit').addEventListener('click', function (e) { e.preventDefault(); email = document.querySelector('#form-pipeda-personal-data-report-request-email').value; type = 'customer/report'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); document.querySelector('#btn-pipeda-delete-account-request').addEventListener('click', function(e) { e.preventDefault(); let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false; pipedaSlideUpAll(); if(!isExpanded) { slideDown(document.querySelector('#form-pipeda-delete-account-request'), 200); this.setAttribute("aria-expanded", "true"); } else { slideUp(document.querySelector('#form-pipeda-delete-account-request'), 200); this.setAttribute("aria-expanded", "false"); } }); document.querySelector('#form-pipeda-delete-account-request-submit').addEventListener('click', function(e) { e.preventDefault(); email = document.querySelector('#form-pipeda-delete-account-request-email').value; type = 'customer/delete'; pipedaSendRequest(function (resp) { consentGiven = true; }); }); // Navigation au clavier dans la modale de vérification des données pour l'accessibilité document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) { let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab"; let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape"; let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Space"; let isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter"; let dataVerificationCloseButton = document.querySelector('.data-verification-close'); let dataVerificationCheckbox = document.querySelector('#data-verification-container input'); let dataVerificationLink = document.querySelector('#data-verification-container a'); // Cette fonction nous évite d'appeler e.preventDefault() après chaque focalisation let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();} if (isEscapePressed) { if (dataVerificationCloseButton) { dataVerificationCloseButton.click(); } } if (isSpacePressed || isEnterPressed) { if (document.activeElement === dataVerificationCheckbox) { document.querySelector('#data-verification-container #data-verification-icon').click(); } } if (isTabPressed) { if (e.shiftKey) { if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) { executeFocus(dataVerificationLink); } } else { if (dataVerificationLink && document.activeElement === dataVerificationLink) { executeFocus(dataVerificationCloseButton); } } } }); // ]]>
