This commit is contained in:
Max S 2024-09-12 17:35:00 +02:00
parent 0da227c333
commit aad5aebdef
10 changed files with 714 additions and 28 deletions

View File

@ -278,4 +278,8 @@
line-height: 15px; line-height: 15px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
} }
&.italic {
font-style: italic;
}
} }

View File

@ -10,6 +10,7 @@ type IProps = {
title?: string; title?: string;
type?: "div" | "span"; type?: "div" | "span";
onClick?: () => void; onClick?: () => void;
italic?: boolean;
}; };
export enum ETypo { export enum ETypo {
@ -177,20 +178,27 @@ export enum ETypoColor {
} }
export default function Typography(props: IProps) { export default function Typography(props: IProps) {
const { typo, color, className, title, children, type = "div", onClick } = props; const { typo, color, className, title, children, type = "div", onClick, italic } = props;
const style = color ? ({ "--data-color": `var(${color})` } as React.CSSProperties) : undefined; const style = color ? ({ "--data-color": `var(${color})` } as React.CSSProperties) : undefined;
if (type === "span") { if (type === "span") {
return ( return (
<span className={classNames(classes["root"], classes[typo], className)} style={style} title={title}> <span
className={classNames(classes["root"], classes[typo], className, italic && classes["italic"])}
style={style}
title={title}>
{children} {children}
</span> </span>
); );
} }
return ( return (
<div className={classNames(classes["root"], classes[typo], className)} style={style} title={title} onClick={onClick}> <div
className={classNames(classes["root"], classes[typo], className, italic && classes["italic"])}
style={style}
title={title}
onClick={onClick}>
{children} {children}
</div> </div>
); );

View File

@ -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);
}
}

View File

@ -0,0 +1,597 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Dot from "@Front/Components/Layouts/Legal/LegalInformations/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";
import LinkInline from "../elements/LinkInline";
export default function CGU() {
return (
<div className={classes["root"]}>
<section>
<Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}>
Conditions Générales d'Utilisation
</Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY} italic>
Version en vigueur à compter du 24 avril 2024
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes Conditions Générales dUtilisation sont conclues entre LEcoffre.io, 2 Mail Anne-Catherine 35000 Rennes,
Numéro Siret 92747436100015, TVA intracommunautaire FR17927474361, et lInternaute.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Tout Internaute qui souhaite utiliser le Site
<LinkInline text="https://www.lecoffre.io" href="https://www.lecoffre.io" />
(ci-après, le « Site ») dans sa version ordinateur ou mobile est réputé avoir pris connaissance des présentes conditions
générales dutilisation (ci-après, les « CGU »).
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toute utilisation du Site nécessite la consultation et lacceptation des présentes conditions générales. LInternaute
reconnaît que lutilisation du Site nécessite le respect de lensemble des prescriptions définies au sein des présentes.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il est tenu à chaque visite de prendre connaissance déventuelles évolutions de ces dernières, LEcoffre.io se réservant
le droit de les modifier à tout moment.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Ces conditions générales dutilisation ne sont pas des conditions générales de vente ou des conditions générales de
prestations de services.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Elles ont vocation à constituer la règle que doit respecter tout Internaute se rendant sur le Site LEcoffre.io
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY} italic>
Dernière mise à jour le 24 avril 2024.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
1. Définitions
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les termes ci-dessous définis auront entre les Parties la signification suivante :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>« Internaute » : toute personne accédant et mettant en œuvre les fonctionnalités du Site ;</Dot>
<Dot>
« Parties » : désigne au singulier indistinctement Lecoffre.io ou lInternaute, et au pluriel le LEcoffre.io et
lInternaute ensemble ;
</Dot>
<Dot>
« Règlementation relative à la protection des données à caractère personnel » : ° la loi relative à linformatique,
aux fichiers et aux libertés n° 78-17 du 6 janvier 1978 modifiée et ses mises à jour ou modification ; et
</Dot>
<Dot>
le Règlement (UE) 2016/679 du Parlement européen et du Conseil du 27 avril 2016 (règlement général sur la protection
des données) ;
</Dot>
<Dot>
« Site » : site Internet édité par LEcoffre.io accessible à
<LinkInline text="https://www.lecoffre.io" href="https://www.lecoffre.io" />
</Dot>
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
2. Description des services
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Le Site permet un accès au service LECoffre.io qui est une plateforme en ligne, par abonnement, permettant le transfert
sécurisé de données et documents à destination des notaires et de leurs offices.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Le fait de déposer un document sur la plateforme entraîne donc la conservation temporaire des documents transmis.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Une fois le dossier complété et l'ensemble des documents nécessaires à la préparation d'un acte notarié réalisé, le
notaire peut obtenir l'ensemble des documents après que la plateforme lecoffre.io ait certifié l'origine du document via
l'identification de son émetteur et verrouillé l'état des documents par l'établissement d'un jeton unique
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
La technologie utilisée repose sur l'utilisation dune technologie blockchain.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute est invité à se référer aux
<LinkInline
text="Conditions Générales de Service"
href={Module.getInstance()
.get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace("[legalUid]", ELegalOptions.CGS)}
/>
concernant lutilisation de la plateforme.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
3. Entrée en vigueur Durée
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes conditions générales dutilisation entrent en vigueur à la date de leur mise en ligne et seront opposables
à la date de la première utilisation du Site par lInternaute.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes conditions dutilisation sont opposables pendant toute la durée dutilisation du Site et jusquà ce que de
nouvelles conditions générales dutilisation remplacent les présentes.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute peut à tout moment renoncer à utiliser le Site mais reste responsable de toute utilisation antérieure.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
4. Objet des CGU
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes CGU ont pour objet de présenter et de fixer les conditions dutilisation du Site, et lensemble des pages
du Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute déclare avoir pris connaissance et accepté les présentes conditions générales dutilisation
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
5. Conditions d'accès
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Laccès au Site est libre et gratuit pour tout Internaute disposant d'un accès à internet ou à un réseau mobile. Tous
les coûts afférents à l'accès, que ce soit les frais matériels, logiciels ou d'accès à internet sont exclusivement à la
charge de l'Utilisateur. Il est seul responsable du bon fonctionnement de son équipement mobile ainsi que de son accès à
internet.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io sefforce de fournir un accès de qualité et de permettre aux Internautes d'utiliser les moyens de
communication mis à leur disposition dans les meilleures conditions possibles.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En raison de la nature et de la complexité du réseau de lInternet, et en particulier, de ses performances techniques et
des temps de réponse pour consulter, interroger ou transférer les données dinformations, LEcoffre.io fait ses meilleurs
efforts, conformément aux règles de lart, pour permettre laccès et lutilisation du Site. LEcoffre.io ne saurait en
effet assurer une accessibilité ou une disponibilité absolue du Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toutefois, LEcoffre.io se réserve le droit, sans préavis, ni indemnité, de fermer temporairement ou définitivement tout
ou partie du service notamment pour effectuer une mise à jour, des opérations de maintenance, des modifications ou
changements sur les méthodes opérationnelles et les serveurs, sans que cette liste ne soit limitative.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io n'est pas responsable des dommages de toute nature qui peuvent résulter de ces changements ou d'une
indisponibilité temporaire ou encore de la fermeture définitive de tout ou partie du Site ou des services qui y sont
associés.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io se réserve le droit de compléter ou de modifier, à tout moment, le Site et les services qui y sont
disponibles en fonction de lévolution des technologies.{" "}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il appartient à lInternaute de veiller aux possibilités dévolution des moyens informatiques et de transmission à sa
disposition pour que ces moyens puissent sadapter aux évolutions du service.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
6. Liens hypertextes
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io se réserve la possibilité de mettre en place des hyperliens sur son Site, donnant accès à des pages web
autres que celles de son Site sur lesquels LEcoffre.io nexerce aucun contrôle.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io décline toute responsabilité quant aux conditions daccès à ces pages web, à leur fonctionnement, à leur
utilisation des données à caractère personnel des Internautes et quant au contenu des informations fournies sur ces
pages web au titre de lactivation des hyperliens.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
L'Internaute qui dispose dun site internet à titre personnel et désire placer, à des fins personnelles, sur son site un
lien simple renvoyant directement sur la page daccueil du Site du LEcoffre.io, doit obtenir lautorisation expresse de
LEcoffre.io pour établir ce lien.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En aucun cas, cette autorisation ne pourra être qualifiée de convention implicite daffiliation.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En toute hypothèse, les liens hypertextes renvoyant au Site sans lautorisation de LEcoffre.io devront être retirés à
première demande de LEcoffre.io.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
7. Sécurité
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io fait ses meilleurs efforts, conformément aux règles de lart, pour sécuriser le Site au regard du risque
encouru et de la nature des données traitées. Toutefois, LEcoffre.io ne saurait être responsable, sagissant de ce
point, quen cas de faute prouvée imputable à cette dernière. Il ne saurait assurer une sécurité absolue.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il est interdit à lInternaute d'accéder ou de se maintenir, frauduleusement, dans tout ou partie du Site. Il s'interdit
dutiliser une méthode daccès autre que linterface mise à disposition par LEcoffre.io. En cas de découverte d'une
telle méthode ou si lInternaute entre dans un espace réservé, sans droit, par inadvertance, celui-ci s'engage à en
informer sans délai LEcoffre.io par courrier électronique à ladresse (contact@lecoffre.io ) afin quil puisse prendre
les mesures nécessaires.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il est interdit à lInternaute de supprimer ou modifier des données contenues sur le Site qui nauraient pas é
publiées par lui-même, ou dy introduire frauduleusement des données ou même dopérer une altération du fonctionnement
du Site. Il veille notamment à ne pas introduire de virus, code malveillant ou toute autre technologie nuisible au Site
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Tout accès à un espace interdit sera considéré comme un accès frauduleux au sens des dispositions du Code pénal.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sengage à considérer que toutes les données dont il aura eu connaissance à loccasion dun tel accès à un
espace non autorisé sont des données confidentielles et sengage, en conséquence, à ne pas les divulguer.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sinterdit notamment de réaliser toute opération visant à saturer une page, les opérations de rebond ou
toute opération ayant pour conséquence d'entraver ou de fausser le fonctionnement du Site
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sengage à ne pas utiliser de dispositifs ou de logiciels de toutes sortes qui auraient pour conséquence de
perturber le bon fonctionnement du Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sengage à ne pas engager d'action qui imposerait une charge disproportionnée sur les infrastructures du
Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute accepte les caractéristiques et limites de linternet. Il a conscience que les données circulant sur
linternet ne sont pas nécessairement protégées, notamment contre les détournements éventuels.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute prend les mesures appropriées pour assurer la sécurité de ses propres données et / ou logiciels de la
contamination par des éventuels virus sur le réseau internet.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
8. Données à caractère personnel
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io déclare quil traite les données à caractère personnel conformément aux dispositions de la loi n°78-17 du 6
janvier 1978 modifiée et du Règlement (UE) 2016/679 du 27 avril 2016 (RGPD).
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute est invité à se référer aux
<LinkInline
text="Politique de confidentialité"
href={Module.getInstance()
.get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace(
"[legalUid]",
ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE,
)}
/>
concernant lutilisation par LECoffre.io des données à caractère personnel.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute est invité à se référer aux
<LinkInline
text=" Politiques de Cookies"
href={Module.getInstance()
.get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace(
"[legalUid]",
ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES,
)}
/>
concernant lutilisation par LECoffre.io des cookies.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
9. Responsabilité de LEcoffre.io
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.TEXT_ACCENT}>
9.1. Responsabilité générale
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
La responsabilité de LECoffre.io ne pourra pas être retenue en cas de non-compatibilité du système dinformation de
lOffice avec les Services proposés.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Pour des raisons de maintenance, ou du fait de tiers, laccès et le fonctionnement, partiel ou total des Services
LECoffre.io, pourront être suspendus, sans que cette interruption puisse ouvrir droit à une quelconque indemnité au
bénéfice de lOffice ou de tout tiers ou constituer une cause de résiliation.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En cas dinterruption des Services LECoffre.io, léditeur mettra tous les moyens nécessaires en œuvre pour rétablir le
plus rapidement possible laccès aux services, sauf si linterruption résulte dun défaut qui ne lui est pas imputable.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
La responsabilité de LECoffre.io ne pourra être engagée sur le fondement dune garantie de délai de traitement des
échanges dématérialisés.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LECoffre.io est un prestataire technique mettant en œuvre un processus déchanges et darchivage dématérialisés de
documents et de données.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Dans le cas de traitement danomalies techniques, LECoffre.io peut être amenée à analyser les aspects techniques
contenus dans les flux à lexception de tout autre aspect tenant notamment à la validité de lopération réalisée, aux
effets juridiques liés à lopération, etc.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Dans lhypothèse la responsabilité de LECoffre.io se trouverait engagée, pour quelque cause que ce soit, au titre des
présentes conditions, la responsabilité de LECoffre.io est expressément limitée la sécurisation des données qui lui ont
é transmises par les utilisateurs, professionnels ou non, à lexclusion de tous dommages indirects (notamment dommages
commerciaux et moraux, perte de chiffre daffaires, perte de clientèle) qui seront exclus de la réparation due par
LECoffre.io.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.TEXT_ACCENT}>
9.2. Responsabilité à légard des informations présentes sur le Site
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io fait ses meilleurs efforts pour proposer sur son Site des informations à jour.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toutes les informations portées à la connaissance des personnes accédant au Site ont é sélectionnées à une date
déterminée. Compte tenu de la nature et de la complexité des technologies qui sont mises en œuvre, chaque Partie
reconnaît que le Site ne peut être exempte dAnomalies, de défaillances, dinterruptions et dindisponibilités.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En cas de dysfonctionnement ou dincident de quelque nature que ce soit lors de lutilisation du Site, lInternaute doit
en informer immédiatement LEcoffre.io.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io ne saurait être tenue responsable de toute erreur ou omission.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toute mise à jour, nouvelle prestation ou nouvelle caractéristique qui améliore ou augmente un ou plusieurs contenus
dinformations existants sera soumis aux présentes conditions.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les équipements (notamment ordinateur, téléphone, logiciels, moyens de communication électronique) permettant laccès et
lutilisation au Site sont à la charge exclusive des Internautes, de même que les frais de communications électroniques
(notamment coûts téléphoniques, coûts daccès à Internet) résultant de leur utilisation.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
10. Responsabilités de lInternaute
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Dans le cadre des présentes CGU, lInternaute a é informé quil devait sassurer :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>du respect des préconisations techniques requises ;</Dot>
<Dot>
quil dispose de la compétence nécessaire et des informations suffisantes pour une utilisation optimale du Site.
</Dot>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute demeure intégralement et exclusivement responsable de lexploitation des informations obtenues sur le Site.{" "}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
De manière générale, chaque Internaute sengage à utiliser le Site :{" "}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>dans le respect des lois, réglementation et droits des tiers ;</Dot>
<Dot>
de manière loyale et conformément à sa destination, dans le respect des présentes CGU et de la Réglementation.
</Dot>
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
11. Obligations de lInternaute
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sengage à nutiliser le Site ainsi que lensemble des informations auxquelles il pourra avoir accès que
pour obtenir des informations et dans un but conforme à lordre public, aux bonnes mœurs et aux droits des tiers.{" "}
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Ainsi, il lui est interdit de publier ou de transmettre via le Site tout élément illicite, préjudiciable, diffamatoire,
pornographique, haineux, raciste ou autrement attentatoire à la dignité humaine notamment. Au cas LEcoffre.io serait
informé de la présence de contenus illicites sur le Site, LEcoffre.io serait en droit d'en supprimer immédiatement le
contenu et empêcher laccès au Site à lInternaute.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LInternaute sengage, par ailleurs, à ne pas perturber lusage que pourraient faire les autres Internautes du Site de
ne pas accéder à des Parties du Site dont laccès est réservé.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
12. Propriété intellectuelle
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.TEXT_ACCENT}>
12.1 Propriété intellectuelle de LEcoffre.io
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Le contenu du Site, la structure générale ainsi que les logiciels, textes, images animées ou non, photographies, son
savoir-faire et tous les autres éléments composant le Site sont la propriété exclusive de LEcoffre.io ou des tiers qui
lui ont concédé une licence.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Lensemble des éléments du le Site, sont protégés par le droit dauteur, le droit des marques, des dessins et modèles
et/ou tous autres droits de propriété intellectuelle.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Aucun titre ni droit quelconque sur aucun élément ou logiciel ne sera obtenu par téléchargement ou copie déléments de
ce Site. Il est formellement interdit à lInternaute de reproduire (à part pour son utilisation personnelle et non
commerciale), publier, 7 éditer, transmettre, distribuer, montrer, enlever, supprimer, ajouter à ce Site et aux éléments
et logiciels quils contiennent, pas plus que les modifier ou effectuer un quelconque travail en les prenant pour base,
ni vendre ou participer à aucune vente en rapport avec ce Site, les éléments de ce Site ni aucun logiciel y afférant.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
L'Internaute s'interdit notamment de modifier, copier, reproduire, télécharger, diffuser, transmettre, exploiter
commercialement et/ou distribuer de quelque façon que ce soit les pages du Site, ou les codes informatiques des éléments
composant le Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes conditions générales dutilisation nemportent aucune cession daucune sorte de droit de propriété
intellectuelle sur les éléments appartenant à LEcoffre.io ou ayants droit tels que les sons, photographies, images,
textes littéraires, travaux artistiques, logiciels, marques, chartes graphiques, logos au bénéfice du consommateur.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io concède à lInternaute une licence non exclusive pour utiliser le Site. Cette licence est strictement
personnelle et ne peut en aucun cas être cédée ou transférée à quel que tiers que ce soit. La licence est concédée pour
la durée dutilisation du Site.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toute reproduction et/ou représentation, totale ou partielle dun de ces droits, sans lautorisation expresse de
LEcoffre.io, est interdite et constituerait une contrefaçon susceptible d'engager la responsabilité civile et pénale du
contrefacteur.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En conséquence, l'Internaute s'interdit tout agissement et tout acte susceptible de porter atteinte directement ou non
aux droits de propriété intellectuelle de LEcoffre.io.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il en est de même des bases de données figurant, le cas échéant, sur le Site qui sont protégées par les articles du Code
de la propriété intellectuelle. Toute extraction ou réutilisation, totale ou partielle desdites bases et de leur contenu
est ainsi interdite sans lautorisation préalable expresse de LEcoffre.io.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Seule une utilisation conforme à la destination de ce Site est autorisée.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toute autre utilisation, non expressément autorisée par écrit et au préalable par LEcoffre.io, est prohibée et
constitutive de contrefaçon.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.TEXT_ACCENT}>
12.2 Propriété intellectuelle des tiers
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les éléments appartenant à des tiers, tels quextrait de films, marques, logo, images, textes, sons, sans que cette
liste ne soit exhaustive, sont la propriété exclusive de leur auteur et sont protégés à ce titre par le droit dauteur,
le droit des marques ou tout autre droit reconnu par les lois en vigueur.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
L'Utilisateur s'interdit de porter atteinte, directement ou indirectement, au droit de propriété de tiers, dont les
contenus sont présents sur le Site et s'interdit d'exploiter ces éléments de quelque manière que ce soit.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
L'Utilisateur s'engage à respecter l'intégralité des droits de tiers, dont les contenus sont présents sur le Site.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
13. Tolérance
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LUtilisateur convient que le fait pour LEcoffre.io de tolérer une situation na pas pour effet daccorder à
lutilisateur des droits acquis.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
De plus, une telle tolérance ne peut être interprétée comme une renonciation à faire valoir les droits en cause.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
14. Titres
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En cas de difficultés dinterprétation résultant dune contradiction entre lun quelconque des titres figurant en tête
des clauses et lune quelconque des clauses, les titres seront déclarés inexistants.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
15. Nullité
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Si une ou plusieurs stipulations des présentes conditions générales dutilisation sont tenues pour non valides ou
déclarées comme telles en application dune loi, dun règlement ou à la suite dune décision passée en force de chose
jugée dune juridiction compétente, les autres stipulations garderont toute leur force et leur portée.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
16. Domiciliation
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Pour lexécution de la présente convention et sauf dispositions particulières, lInternaute convient dadresser toute
correspondance à ladresse postale de LEcoffre.io : 2, Mail Anne Catherine, 35000 Rennes
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
17. Langues et compétences
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes Conditions générales dutilisation ont é initialement rédigées en français.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
La version française prévaudra sur toute autre traduction en cas de contestation, litige, difficulté d'interprétation ou
d'exécution des présentes Conditions.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
18. Litige
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Compte tenu de la dimension mondiale du réseau Internet, nous vous informons qu'il faut vous conformer à toutes les
règles applicables dans le pays dans lequel vous résidez.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les présentes conditions générales dutilisation du Site sont régies par la loi française.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En cas de litige lié à linterprétation, la validité et les conséquences des présentes CGU et, à défaut de solution
amiable préalable, les tribunaux de Rennes seront seuls compétents.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il en est ainsi pour les règles de fond et les règles de forme et ce, nonobstant les lieux dexécution des obligations
substantielles ou accessoires.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY} italic>
QUESTIONS ? PROBLÈMES ? SUGGESTIONS ?
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Nous vous prions de nous contacter à : (contact@lecoffre.io) ou par courrier à LEcoffre.io, 2, Mail Anne-Catherine
35000 Rennes, France, afin de signaler toute violation des conditions générales dutilisation ou pour poser toute
question concernant les CGU,
<LinkInline
text="Politique de confidentialité"
href={Module.getInstance()
.get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace(
"[legalUid]",
ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE,
)}
/>
et/ou le Site.
</Typography>
</section>
</div>
);
}

View File

@ -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);
}
}

View File

@ -0,0 +1,48 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import React from "react";
import classes from "./classes.module.scss";
export default function LegalNotice() {
return (
<div className={classes["root"]}>
<section>
<Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}>
Mentions Légales
</Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY} italic>
Version en vigueur à compter du 10 avril 2024
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Léditeur du Site est SMARTCHAIN, dont le siège social est situé au 23 RUE TAITBOUT, 75009 PARIS 9 avec un capital
social de 10 000,00 Euros.
<br />
N° RCS : 851 103 267 R.C.S. Paris
<br />
Tel : 06 63 84 83 45
<br />
N° individuel / didentification de TVA : FR56851103267
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Directeur de la publication : Konstantin Grouzdev
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Hébergement du Site : SMARTCHAIN
<br />
Adresse : 23 RUE TAITBOUT, 75009 PARIS 9
<br />
Représentée par Konstantin Grouzdev - Téléphone 06 63 84 83 45 - Site Internet
<br />
<a href="https://www.lecoffre.io/" target="_blank" rel="noreferrer">
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
https://www.lecoffre.io/
</Typography>
</a>
</Typography>
</section>
</div>
);
}

View File

@ -1,10 +1,11 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Dot from "@Front/Components/Elements/Dot"; import Dot from "@Front/Components/Layouts/Legal/LegalInformations/elements/Dot";
import React from "react"; import React from "react";
import classes from "./classes.module.scss"; import classes from "./classes.module.scss";
import Module from "@Front/Config/Module"; import Module from "@Front/Config/Module";
import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard"; import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
import LinkInline from "../elements/LinkInline";
export default function PrivacyPolicy() { export default function PrivacyPolicy() {
return ( return (
@ -13,7 +14,7 @@ export default function PrivacyPolicy() {
<Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}> <Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}>
Politique de confidentialité Politique de confidentialité
</Typography> </Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}> <Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY} italic>
Version en vigueur à compter du 24 avril 2024 Version en vigueur à compter du 24 avril 2024
</Typography> </Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
@ -204,12 +205,7 @@ export default function PrivacyPolicy() {
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous disposez du droit daccéder et de faire rectifier vos données personnelles, que vous pouvez exercer auprès de Vous disposez du droit daccéder et de faire rectifier vos données personnelles, que vous pouvez exercer auprès de
LEcoffre.io par voie électronique à ladresse LEcoffre.io par voie électronique à ladresse
<a href="mailto:contact@lecoffre.io"> <LinkInline text="contact@lecoffre.io" 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 à ladresse LEcoffre.io 2, Mail Anne-Catherine 35000 Rennes. ou par courrier postal à ladresse LEcoffre.io 2, Mail Anne-Catherine 35000 Rennes.
</Typography> </Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
@ -337,13 +333,8 @@ export default function PrivacyPolicy() {
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}> <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 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 lautorité compétente. En France, lautorité compétente est la Cnil pouvez adresser une plainte ou une demande auprès de lautorité compétente. En France, lautorité compétente est la Cnil
à laquelle vous pouvez adresser une demande par voie électronique en cliquant sur le lien suivant à 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"> <LinkInline text="https://www.cnil.fr/fr/plaintes/internet" href="https://www.cnil.fr/fr/plaintes/internet" />
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
{" "}
https://www.cnil.fr/fr/plaintes/internet.{" "}
</Typography>
</a>
</Typography> </Typography>
</section> </section>
@ -368,20 +359,15 @@ export default function PrivacyPolicy() {
</Typography> </Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous êtes invité à vous référer aux Vous êtes invité à vous référer aux
<a <LinkInline
text="Politiques cookies"
href={Module.getInstance() href={Module.getInstance()
.get() .get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace( .modules.pages.Legal.pages.LegalInformations.props.path.replace(
"[legalUid]", "[legalUid]",
ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES, 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 lutilisation par LECoffre.io des cookies. concernant lutilisation par LECoffre.io des cookies.
</Typography> </Typography>
</section> </section>

View File

@ -0,0 +1,13 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import React from "react";
export default function LinkInline({ text, href }: { text: string; href: string }) {
return (
<a href={href} target="_blank" rel="noreferrer">
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
{" "}
{text}{" "}
</Typography>
</a>
);
}

View File

@ -3,6 +3,8 @@ import { useRouter } from "next/router";
import React from "react"; import React from "react";
import PrivacyPolicy from "./PrivacyPolicy"; import PrivacyPolicy from "./PrivacyPolicy";
import LegalNotice from "./LegalNotice";
import CGU from "./CGU";
// const pdfLinks: Record<ELegalOptions, string> = { // const pdfLinks: Record<ELegalOptions, string> = {
// "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf", // "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf",
@ -22,9 +24,9 @@ export default function LegalInformations() {
function getLegalInformationContent(legalType: ELegalOptions) { function getLegalInformationContent(legalType: ELegalOptions) {
switch (legalType) { switch (legalType) {
case ELegalOptions.LEGAL_MENTIONS: case ELegalOptions.LEGAL_MENTIONS:
return "Mentions légales"; return <LegalNotice />;
case ELegalOptions.CGU: case ELegalOptions.CGU:
return "CGU"; return <CGU />;
case ELegalOptions.CGS: case ELegalOptions.CGS:
return "CGS"; return "CGS";
case ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE: case ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE: