✨ privacy policy
This commit is contained in:
Max S
parent
71873a9001
commit
0da227c333
10
src/front/Components/Elements/Dot/index.tsx
Normal file
10
src/front/Components/Elements/Dot/index.tsx
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import React from "react";
|
||||||
|
|
||||||
|
export default function Dot({ children }: { children: React.ReactNode }) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
● {children}
|
||||||
|
<br />
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
.root {
|
||||||
|
width: 1056px;
|
||||||
|
padding: 24px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--spacing-xl, 32px);
|
||||||
|
|
||||||
|
section {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--spacing-md, 16px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,390 @@
|
|||||||
|
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
|
||||||
|
import Dot from "@Front/Components/Elements/Dot";
|
||||||
|
import React from "react";
|
||||||
|
|
||||||
|
import classes from "./classes.module.scss";
|
||||||
|
import Module from "@Front/Config/Module";
|
||||||
|
import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
|
||||||
|
|
||||||
|
export default function PrivacyPolicy() {
|
||||||
|
return (
|
||||||
|
<div className={classes["root"]}>
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}>
|
||||||
|
Politique de confidentialité
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Version en vigueur à compter du 24 avril 2024
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les informations suivantes vous sont communiquées afin que vous puissiez prendre connaissance des engagements en matière
|
||||||
|
de protection des données à caractère personnel de LEcoffre.io, qui agit en tant que responsable du traitement pour les
|
||||||
|
traitements de données à caractère personnel évoqués dans le présent document.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
1. Les données à caractère personnel que nous traitons
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Dans le cadre des traitements de données à caractère personnel, LEcoffre.io collecte et traite les données suivantes en
|
||||||
|
qualité de responsable du traitement :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>Données d'identité (nom, prénom), d'identification (courriel et numéro de téléphone);</Dot>
|
||||||
|
<Dot>Données de paiement;</Dot>
|
||||||
|
<Dot>Données de connexion et de navigation.</Dot>
|
||||||
|
</Typography>
|
||||||
|
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Il peut également arriver que des Internautes communiquent d’autres données en contactant LEcoffre.io à l’aide de son
|
||||||
|
formulaire de contact.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
2. Les finalités de nos traitements
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les traitements que nous mettons en œuvre le sont pour assurer les finalités suivantes :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>répondre à vos demandes de contacts;</Dot>
|
||||||
|
<Dot>la gestion des demandes de droit d'accès, de suppression, de rectification et d'opposition;</Dot>
|
||||||
|
<Dot>vous permettre d’accéder au Site et à la plateforme LECoffre.io;</Dot>
|
||||||
|
<Dot>vous envoyer par courriel nos offres relatives aux Services, des actualités et bonnes pratiques.</Dot>
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
3. Les fondements juridiques de nos traitements
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Nous ne mettons en œuvre des traitements de données que si au moins l’une des conditions suivantes est remplie :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>votre consentement aux opérations de traitement a été recueilli;</Dot>
|
||||||
|
<Dot>
|
||||||
|
l’existence de notre intérêt légitime, ou de celui d’un tiers, qui justifie que nous mettions en œuvre le traitement
|
||||||
|
de données à caractère personnel concerné;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
l’exécution d’un contrat qui nous lie à vous nécessite que nous mettions en œuvre le traitement de données à
|
||||||
|
caractère personnel concerné.
|
||||||
|
</Dot>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les intérêts légitimes qui sont poursuivis par LEcoffre.io peuvent notamment consister dans le management de son
|
||||||
|
activité, le suivi de ses contrats et la réalisation de ses prestations.
|
||||||
|
</Typography>
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
4. Les destinataires de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les données à caractère personnel que nous collectons, de même que celles qui sont recueillies ultérieurement, nous sont
|
||||||
|
destinées en notre qualité de responsable du traitement.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Nous veillons à ce que seules les personnes habilitées puissent avoir accès à ces données. Nos prestataires de services
|
||||||
|
peuvent être destinataires de ces données pour réaliser les prestations que nous leur confions. Certaines données
|
||||||
|
personnelles peuvent être adressées à des tiers ou à des autorités légalement habilitées et ce pour satisfaire nos
|
||||||
|
obligations légales, réglementaires ou conventionnelles.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
5. La durée de conservation de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les durées de conservation que nous appliquons à vos données à caractère personnel sont proportionnées aux finalités
|
||||||
|
pour lesquelles elles ont été collectées. En conséquence, nous organisons notre politique de conservation des données de
|
||||||
|
la manière suivante :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<u>Durée de conservation des données techniques</u>
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les données techniques sont conservées pour la durée strictement nécessaire à la réalisation des finalités visées dans
|
||||||
|
la présente politique de confidentialité.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<u>Conservation des données pendant la durée de la relation contractuelle</u>
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Les données à caractère personnel faisant l'objet d'un traitement ne sont pas conservées au-delà du temps nécessaire à
|
||||||
|
l'exécution des obligations définies lors de la conclusion du contrat ou de la durée prédéfinie de la relation
|
||||||
|
contractuelle.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
6. La sécurité de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
LEcoffre.io a mis en œuvre des mesures pour protéger la confidentialité, la sécurité et l’intégrité de vos données à
|
||||||
|
caractère personnel. L’accès aux données à caractère personnel est restreint aux employés et fournisseurs de service qui
|
||||||
|
ont besoin de connaître ces informations et qui ont été formés pour se conformer aux règles en matière de
|
||||||
|
confidentialité.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
LEcoffre.io s’engage à ce que vos données à caractère personnel ne soient pas altérées ou endommagées et que des tiers
|
||||||
|
non autorisés n’y aient pas accès.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Nous disposons des mesures de protection physiques, techniques, électroniques, procédurales et organisationnelles
|
||||||
|
appropriées pour protéger les informations personnelles recueillies contre tout traitement non autorisé.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Toutefois, LEcoffre.io ne saurait vous garantir contre toute perte, destruction ou dommages de vos données à caractère
|
||||||
|
personnel.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
7. Les droits qui vous sont reconnus
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Modalités d’exercice de vos droits
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à
|
||||||
|
l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Pour ce faire, vous devez indiquer clairement vos nom(s) et prénom(s), l’adresse à laquelle vous souhaitez que la
|
||||||
|
réponse vous soit envoyée et y joindre la photocopie d’un titre d’identité portant votre signature.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Par principe, vous pouvez exercer sans frais l’ensemble de vos droits. Cependant en matière de droit d’accès, il pourra
|
||||||
|
vous être demandé le paiement de frais raisonnables basés sur les coûts administratifs pour toute copie des données que
|
||||||
|
vous demanderez.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Concernant le droit d’information, LEcoffre.io n’aura pas l’obligation d’y donner suite lorsque vous disposez déjà des
|
||||||
|
informations dont vous sollicitez la communication.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
LEcoffre.io vous informera si elle ne peut donner suite à vos demandes.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
LEcoffre.io tient à vous informer que le non-renseignement ou la modification de vos données sont susceptibles d’avoir
|
||||||
|
des conséquences dans le traitement de certaines demandes dans le cadre de l’exécution des relations contractuelles et
|
||||||
|
que votre demande au titre de l’exercice de vos droits sera conservée à des fins de suivi.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
L’ensemble des droits dont vous bénéficiez est détaillé ci-dessous :
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit à l’information
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à
|
||||||
|
l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Si nous décidons de traiter des données pour des finalités autres que celles indiquées, toutes les informations
|
||||||
|
relatives à ces nouvelles finalités vous seront communiquées.
|
||||||
|
</Typography>
|
||||||
|
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit d’accès et à la rectification de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous disposez du droit d’accéder et de faire rectifier vos données personnelles, que vous pouvez exercer auprès de
|
||||||
|
LEcoffre.io par voie électronique à l’adresse
|
||||||
|
<a href="mailto:contact@lecoffre.io">
|
||||||
|
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
{" "}
|
||||||
|
contact@lecoffre.io{" "}
|
||||||
|
</Typography>
|
||||||
|
</a>
|
||||||
|
ou par courrier postal à l’adresse LEcoffre.io – 2, Mail Anne-Catherine – 35000 Rennes.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
A ce titre, vous avez la confirmation que vos données personnelles sont ou ne sont pas traitées et lorsqu’elles le sont,
|
||||||
|
et disposez de l’accès à vos données ainsi qu’aux informations concernant :
|
||||||
|
</Typography>
|
||||||
|
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>les finalités du traitement ;</Dot>
|
||||||
|
<Dot>les catégories de données personnelles concernées ;</Dot>
|
||||||
|
<Dot>
|
||||||
|
les destinataires ou catégories de destinataires ainsi que les organisations internationales auxquels les données
|
||||||
|
personnelles ont été ou seront communiquées, en particulier les destinataires qui sont établis dans des pays tiers ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
lorsque cela est possible, la durée de conservation des données personnelles envisagée ou, lorsque ce n’est pas
|
||||||
|
possible, les critères utilisés pour déterminer cette durée ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
l’existence du droit de demander au responsable du traitement la rectification ou l’effacement de vos données
|
||||||
|
personnelles, du droit de demander une limitation du traitement de vos données personnelles, du droit de vous
|
||||||
|
opposer à ce traitement ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>le droit d’introduire une réclamation auprès d’une autorité de contrôle ;</Dot>
|
||||||
|
<Dot>
|
||||||
|
des informations relatives à la source des données quand elles ne sont pas collectées directement auprès des
|
||||||
|
personnes concernées ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
l’existence d’une prise de décision automatisée, y compris de profilage, et dans ce dernier cas, des informations
|
||||||
|
utiles concernant la logique sous-jacente, ainsi que l’importance et les conséquences prévues de ce traitement pour
|
||||||
|
les personnes concernées.
|
||||||
|
</Dot>
|
||||||
|
</Typography>
|
||||||
|
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous pouvez nous demander que vos données personnelles soient, selon les cas, rectifiées, complétées si elles sont
|
||||||
|
inexactes, incomplètes, équivoques, périmées.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit à l’effacement de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous pouvez nous demander l’effacement de vos données personnelles lorsque l’un des motifs suivants s’applique :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>
|
||||||
|
les données personnelles ne sont plus nécessaires au regard des finalités pour lesquelles elles ont été collectées
|
||||||
|
ou traitées d’une autre manière ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>vous retirez le consentement préalablement donné ;</Dot>
|
||||||
|
<Dot>
|
||||||
|
vous vous opposez au traitement de vos données personnelles lorsqu’il n’existe pas de motif légal audit traitement ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
le traitement de données personnelles n’est pas conforme aux dispositions de la législation et de la réglementation
|
||||||
|
applicable ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>
|
||||||
|
vos données personnelles ont été collectées dans le cadre de l’offre de services de la société de l’information aux
|
||||||
|
enfants âgés de moins de 16 ans.
|
||||||
|
</Dot>
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Néanmoins, l’exercice de ce droit ne sera pas possible lorsque la conservation de vos données personnelles est
|
||||||
|
nécessaire au regard de la législation ou de la réglementation et notamment par exemple pour la constatation, l’exercice
|
||||||
|
ou la défense de droits en justice.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit à la limitation des traitements de données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous pouvez demander la limitation du traitement de vos données personnelles dans les cas prévus par la législation et
|
||||||
|
la réglementation.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit de vous opposer aux traitements de données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous avez le droit de vous opposer à un traitement de données personnelles vous concernant lorsque le traitement est
|
||||||
|
fondé sur l’intérêt légitime du responsable du traitement.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit à la portabilité de vos données
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous disposez du droit à la portabilité de vos données personnelles, lorsque :
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
<Dot>
|
||||||
|
le traitement est fondé sur le consentement en application de l’article 6, paragraphe 1, point a), ou de l’article
|
||||||
|
9, paragraphe 2, point a), ou sur un contrat en application de l’article 6, paragraphe 1, point b) du RGPD ;
|
||||||
|
</Dot>
|
||||||
|
<Dot>le traitement est effectué à l'aide de procédés automatisés.</Dot>
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit de retirer votre consentement
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Lorsque les traitements de données que nous mettons en œuvre sont fondés sur votre consentement, vous pouvez le retirer
|
||||||
|
à n’importe quel moment. Nous cessons alors de traiter vos données à caractère personnel sans que les opérations
|
||||||
|
antérieures pour lesquelles vous aviez consenti ne soient remises en cause.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit d’introduire un recours
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Si vous considérez que LEcoffre.io ne respecte pas ses obligations au regard de vos données à caractère personnel, vous
|
||||||
|
pouvez adresser une plainte ou une demande auprès de l’autorité compétente. En France, l’autorité compétente est la Cnil
|
||||||
|
à laquelle vous pouvez adresser une demande par voie électronique en cliquant sur le lien suivant
|
||||||
|
<a href="https://www.cnil.fr/fr/plaintes/internet" target="_blank" rel="noreferrer">
|
||||||
|
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
{" "}
|
||||||
|
https://www.cnil.fr/fr/plaintes/internet.{" "}
|
||||||
|
</Typography>
|
||||||
|
</a>
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Droit de définir des directives post-mortem
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous avez la possibilité de définir des directives relatives à la conservation, à l’effacement et à la communication de
|
||||||
|
vos données personnelles après votre décès et ce auprès d’un tiers de confiance, certifié et chargé de faire respecter
|
||||||
|
la volonté du défunt, conformément aux exigences du cadre juridique applicable.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
8. Cookies
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
En naviguant sur notre site, des cookies sont déposés sur votre terminal, soit directement, soit après avoir recueilli
|
||||||
|
votre consentement lorsque la réglementation en matière de cookies le requiert.
|
||||||
|
</Typography>
|
||||||
|
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
|
||||||
|
Vous êtes invité à vous référer aux
|
||||||
|
<a
|
||||||
|
href={Module.getInstance()
|
||||||
|
.get()
|
||||||
|
.modules.pages.Legal.pages.LegalInformations.props.path.replace(
|
||||||
|
"[legalUid]",
|
||||||
|
ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES,
|
||||||
|
)}
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer">
|
||||||
|
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
|
||||||
|
{" "}
|
||||||
|
Politiques cookies{" "}
|
||||||
|
</Typography>
|
||||||
|
</a>
|
||||||
|
concernant l’utilisation par LECoffre.io des cookies.
|
||||||
|
</Typography>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,34 +1,37 @@
|
|||||||
|
import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import classes from "./classes.module.scss";
|
|
||||||
import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
|
|
||||||
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
|
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
const pdfLinks: Record<ELegalOptions, string> = {
|
import PrivacyPolicy from "./PrivacyPolicy";
|
||||||
"mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf",
|
|
||||||
"politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf",
|
// const pdfLinks: Record<ELegalOptions, string> = {
|
||||||
"politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf",
|
// "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf",
|
||||||
cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf",
|
// "politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf",
|
||||||
cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf",
|
// "politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf",
|
||||||
};
|
// cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf",
|
||||||
|
// cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf",
|
||||||
|
// };
|
||||||
|
|
||||||
export default function LegalInformations() {
|
export default function LegalInformations() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
let { legalUid } = router.query;
|
let { legalUid } = router.query;
|
||||||
const legalUidTyped = legalUid as ELegalOptions;
|
const legalType = legalUid as ELegalOptions;
|
||||||
return (
|
return <DefaultLegalDashboard>{getLegalInformationContent(legalType)}</DefaultLegalDashboard>;
|
||||||
<DefaultLegalDashboard>
|
}
|
||||||
<object data={pdfLinks[legalUidTyped]} type="application/pdf" width="100%" height="100%" className={classes["pdf-viewer"]}>
|
|
||||||
<Typography typo={ETypo.TEXT_LG_LIGHT} className={classes["no-pdf-text"]}>
|
function getLegalInformationContent(legalType: ELegalOptions) {
|
||||||
Votre navigateur ne prend pas en charge l'affichage des pdf
|
switch (legalType) {
|
||||||
<Typography typo={ETypo.TEXT_LG_LIGHT} type="span">
|
case ELegalOptions.LEGAL_MENTIONS:
|
||||||
<Link href={pdfLinks[legalUidTyped]} target="_blank" style={{ color: `var(${ETypoColor.COLOR_PRIMARY_500})` }}>
|
return "Mentions légales";
|
||||||
cliquez ici pour télécharger le pdf.
|
case ELegalOptions.CGU:
|
||||||
</Link>
|
return "CGU";
|
||||||
</Typography>
|
case ELegalOptions.CGS:
|
||||||
</Typography>
|
return "CGS";
|
||||||
</object>
|
case ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE:
|
||||||
</DefaultLegalDashboard>
|
return <PrivacyPolicy />;
|
||||||
);
|
case ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES:
|
||||||
|
return "Politique de gestion des cookies";
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user