diff --git a/webapp-next/components/login/FormLogin.tsx b/webapp-next/components/login/FormLogin.tsx
index 8ed2319..20c5145 100644
--- a/webapp-next/components/login/FormLogin.tsx
+++ b/webapp-next/components/login/FormLogin.tsx
@@ -23,19 +23,20 @@ import {
   ModalOverlay,
   Spinner,
   Text,
-  useDisclosure
-} from '@chakra-ui/react';
-import cookie from 'js-cookie';
-import { useRouter } from 'next/router';
-import { useEffect, useRef, useState } from 'react';
-import useSWRMutation from 'swr/mutation';
-import { ELASTIC_API_KEY_NAME } from '@/utils/tools';
+  useDisclosure,
+} from "@chakra-ui/react";
+import cookie from "js-cookie";
+import { useRouter } from "next/router";
+import { useEffect, useRef, useState } from "react";
+import useSWRMutation from "swr/mutation";
+import { ELASTIC_API_KEY_NAME } from "@/utils/tools";
+import { ContentCGU } from "@/pages/legals/cgu";
 
 async function auth<T>(url: string, { arg }: { arg: T }) {
   return fetch(url, {
-    method: 'POST',
+    method: "POST",
     body: JSON.stringify(arg),
-    headers: { 'Content-Type': 'application/json' }
+    headers: { "Content-Type": "application/json" },
   });
 }
 
@@ -45,12 +46,12 @@ export const FormLogin = () => {
   const {
     isOpen: isOpenTerms,
     onOpen: onOpenTerms,
-    onClose: onCloseTerms
+    onClose: onCloseTerms,
   } = useDisclosure();
   const modalBodyRef = useRef<HTMLDivElement>(null);
 
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
   const [cm2dApiKeyEncoded, setCm2dApiKeyEncoded] = useState(null);
   const [code, setCode] = useState<number | undefined>();
   const [isLoading, setIsLoading] = useState(false);
@@ -65,15 +66,15 @@ export const FormLogin = () => {
   const [formError, setFormError] = useState(false);
 
   const { trigger: triggerLogin } = useSWRMutation(
-    '/api/auth',
+    "/api/auth",
     auth<{ username: string; password: string }>
   );
   const { trigger: triggerVerify } = useSWRMutation(
-    '/api/auth/verify-code',
+    "/api/auth/verify-code",
     auth<{ username: string; code: string }>
   );
   const { trigger: triggerCreateUser } = useSWRMutation(
-    '/api/auth/create-user',
+    "/api/auth/create-user",
     auth<{ username: string; versionCGU: string }>
   );
 
@@ -81,7 +82,7 @@ export const FormLogin = () => {
     if (intervalRef.current) clearInterval(intervalRef.current);
     setTimer(30);
     intervalRef.current = setInterval(() => {
-      setTimer(prevTimer => {
+      setTimer((prevTimer) => {
         if (prevTimer > 0) {
           return prevTimer - 1;
         } else {
@@ -106,15 +107,15 @@ export const FormLogin = () => {
 
   const handleModalTermsAccept = async () => {
     if (code) {
-      await triggerCreateUser({ username, versionCGU: '1' });
+      await triggerCreateUser({ username, versionCGU: "1" });
       const res = (await triggerVerify({
         username: username,
-        code: code.toString()
+        code: code.toString(),
       })) as any;
       const result = await res.json();
       cookie.set(ELASTIC_API_KEY_NAME, result.apiKey.encoded);
       onCloseTerms();
-      router.push('/bo');
+      router.push("/bo");
     }
   };
 
@@ -125,7 +126,7 @@ export const FormLogin = () => {
 
       const res = (await triggerVerify({
         username: username,
-        code: code.toString()
+        code: code.toString(),
       })) as any;
 
       if (res.ok) {
@@ -134,7 +135,7 @@ export const FormLogin = () => {
           onOpenTerms();
         } else {
           cookie.set(ELASTIC_API_KEY_NAME, result.apiKey.encoded);
-          router.push('/bo');
+          router.push("/bo");
         }
       } else {
         setFormError(true);
@@ -147,14 +148,14 @@ export const FormLogin = () => {
   const handleSubmit = async (e: any) => {
     e.preventDefault();
     setFormError(false);
-    if (username !== '' && password !== '') {
+    if (username !== "" && password !== "") {
       setIsLoading(true);
       const res = (await triggerLogin({ username, password })) as any;
       if (res.ok) {
         const result = await res.json();
-        if (process.env.NODE_ENV === 'development') {
+        if (process.env.NODE_ENV === "development") {
           cookie.set(ELASTIC_API_KEY_NAME, result.encoded);
-          router.push('/bo');
+          router.push("/bo");
         }
         startTimer();
         setShowCodeForm(true);
@@ -162,7 +163,7 @@ export const FormLogin = () => {
       } else {
         setTimeout(() => {
           setRemaningRequests(
-            parseInt(res.headers.get('X-RateLimit-Remaining') as string) || 0
+            parseInt(res.headers.get("X-RateLimit-Remaining") as string) || 0
           );
           setFormError(true);
           setIsLoading(false);
@@ -173,26 +174,26 @@ export const FormLogin = () => {
 
   const CodeForm = (
     <form
-      onSubmit={e => handleCodeSubmit(e)}
+      onSubmit={(e) => handleCodeSubmit(e)}
       onChange={() => {
         setFormError(false);
       }}
     >
       <FormControl mb={[4, 6]}>
-        <FormLabel htmlFor="code" fontSize={['10px', '12px']} fontWeight={500}>
+        <FormLabel htmlFor="code" fontSize={["10px", "12px"]} fontWeight={500}>
           Code
         </FormLabel>
         <InputGroup mb={2}>
           <InputLeftElement pointerEvents="none">
-            <Image src={'/icons/lock.svg'} alt="Code Icon" boxSize={9} pt={2} />
+            <Image src={"/icons/lock.svg"} alt="Code Icon" boxSize={9} pt={2} />
           </InputLeftElement>
           <Input
             type="number"
             id="code"
             autoFocus
             placeholder="Saisissez votre code"
-            fontSize={'12px'}
-            bg={'secondary.500'}
+            fontSize={"12px"}
+            bg={"secondary.500"}
             value={code}
             onChange={handleCodeChange}
             required
@@ -203,9 +204,9 @@ export const FormLogin = () => {
           href="#"
           display="block"
           textAlign="right"
-          cursor={timer === 0 ? 'pointer' : 'not-allowed'}
-          color={timer === 0 ? 'inherit' : 'gray'}
-          onClick={e => {
+          cursor={timer === 0 ? "pointer" : "not-allowed"}
+          color={timer === 0 ? "inherit" : "gray"}
+          onClick={(e) => {
             if (timer === 0) handleSubmit(e);
           }}
         >
@@ -226,9 +227,9 @@ export const FormLogin = () => {
         bg="primary.500"
         _hover={{}}
         loadingText="Connexion en cours..."
-        color={'white'}
-        w={'full'}
-        fontSize={['14px', '16px', '18px']}
+        color={"white"}
+        w={"full"}
+        fontSize={["14px", "16px", "18px"]}
         fontWeight={600}
       >
         {isLoading ? <Spinner color="primary.500" /> : <>Je valide -&gt;</>}
@@ -238,7 +239,7 @@ export const FormLogin = () => {
 
   const EmailPasswordForm = (
     <form
-      onSubmit={e => handleSubmit(e)}
+      onSubmit={(e) => handleSubmit(e)}
       onChange={() => {
         setFormError(false);
       }}
@@ -246,22 +247,22 @@ export const FormLogin = () => {
       <FormControl mb={[4, 6]}>
         <FormLabel
           htmlFor="username"
-          fontSize={['10px', '12px']}
+          fontSize={["10px", "12px"]}
           fontWeight={500}
         >
           Identifiant
         </FormLabel>
         <InputGroup>
           <InputLeftElement pointerEvents="none">
-            <Image src={'/icons/user.svg'} alt="User Icon" boxSize={9} pt={2} />
+            <Image src={"/icons/user.svg"} alt="User Icon" boxSize={9} pt={2} />
           </InputLeftElement>
           <Input
             type="text"
             id="username"
             autoFocus
             placeholder="Saisissez votre adresse email"
-            fontSize={'12px'}
-            bg={'secondary.500'}
+            fontSize={"12px"}
+            bg={"secondary.500"}
             value={username}
             onChange={handleUsernameChange}
             required
@@ -271,21 +272,21 @@ export const FormLogin = () => {
       <FormControl mb={[4, 6]}>
         <FormLabel
           htmlFor="password"
-          fontSize={['10px', '12px']}
+          fontSize={["10px", "12px"]}
           fontWeight={500}
         >
           Mot de passe
         </FormLabel>
         <InputGroup>
           <InputLeftElement pointerEvents="none">
-            <Image src={'/icons/lock.svg'} alt="Lock Icon" boxSize={9} pt={2} />
+            <Image src={"/icons/lock.svg"} alt="Lock Icon" boxSize={9} pt={2} />
           </InputLeftElement>
           <Input
-            type={isOpen ? 'text' : 'password'}
+            type={isOpen ? "text" : "password"}
             id="password"
             placeholder="Saisissez votre mot de passe"
-            fontSize={'12px'}
-            bg={'secondary.500'}
+            fontSize={"12px"}
+            bg={"secondary.500"}
             value={password}
             onChange={handlePasswordChange}
             required
@@ -293,11 +294,11 @@ export const FormLogin = () => {
           <InputRightElement>
             <IconButton
               aria-label={
-                isOpen ? 'Masquer le mot de passe' : 'Afficher le mot de passe'
+                isOpen ? "Masquer le mot de passe" : "Afficher le mot de passe"
               }
               icon={
                 <Image
-                  src={isOpen ? '/icons/eye.svg' : '/icons/eye.svg'}
+                  src={isOpen ? "/icons/eye.svg" : "/icons/eye.svg"}
                   alt="Show/Hide Password Icon"
                   boxSize={9}
                   pt={2}
@@ -318,8 +319,8 @@ export const FormLogin = () => {
             <Box>
               <AlertTitle>
                 {remaningRequests === 0
-                  ? 'Taux de limite atteint'
-                  : 'Erreurs dans les identifiants !'}
+                  ? "Taux de limite atteint"
+                  : "Erreurs dans les identifiants !"}
               </AlertTitle>
               {remaningRequests === 0 ? (
                 <AlertDescription>
@@ -329,7 +330,7 @@ export const FormLogin = () => {
               ) : (
                 <AlertDescription>
                   Il vous reste {remaningRequests} essai
-                  {remaningRequests > 1 && 's'} !
+                  {remaningRequests > 1 && "s"} !
                 </AlertDescription>
               )}
             </Box>
@@ -342,9 +343,9 @@ export const FormLogin = () => {
         bg="primary.500"
         _hover={{}}
         loadingText="Connexion en cours..."
-        color={'white'}
-        w={'full'}
-        fontSize={['14px', '16px', '18px']}
+        color={"white"}
+        w={"full"}
+        fontSize={["14px", "16px", "18px"]}
         fontWeight={600}
       >
         {isLoading ? (
@@ -362,7 +363,7 @@ export const FormLogin = () => {
         display="flex"
         justifyContent="center"
         alignItems="center"
-        mx={'auto'}
+        mx={"auto"}
         mt={[8, 0]}
       >
         <Box maxW="sm" mx={[10, 20]} p={[0, 2]} bgColor="white">
@@ -370,20 +371,20 @@ export const FormLogin = () => {
             as="h1"
             size="lg"
             mb={6}
-            fontSize={['32px', '48px']}
+            fontSize={["32px", "48px"]}
             fontWeight={700}
           >
             Connexion 👋
           </Heading>
           <Text
             mb={6}
-            fontSize={['14px', '16px']}
+            fontSize={["14px", "16px"]}
             fontWeight={400}
-            color={'neutral.500'}
+            color={"neutral.500"}
           >
             {showCodeForm
-              ? 'Vous avez reçu un code par email, merci de le saisir ci-dessous.'
-              : 'Veuillez vous connecter pour accéder à votre compte.'}
+              ? "Vous avez reçu un code par email, merci de le saisir ci-dessous."
+              : "Veuillez vous connecter pour accéder à votre compte."}
           </Text>
           {showCodeForm ? CodeForm : EmailPasswordForm}
         </Box>
@@ -398,7 +399,7 @@ export const FormLogin = () => {
         <ModalOverlay bg="primaryOverlay" />
         <ModalTermsContent
           modalBodyRef={modalBodyRef}
-          onClose={() => router.push('/')}
+          onClose={() => router.push("/")}
           onAccept={() => handleModalTermsAccept()}
         />
       </Modal>
@@ -409,7 +410,7 @@ export const FormLogin = () => {
 function ModalTermsContent({
   modalBodyRef,
   onClose,
-  onAccept
+  onAccept,
 }: {
   modalBodyRef: any;
   onClose: () => void;
@@ -430,10 +431,10 @@ function ModalTermsContent({
 
       checkScrolledToBottom();
 
-      modalBody.addEventListener('scroll', checkScrolledToBottom);
+      modalBody.addEventListener("scroll", checkScrolledToBottom);
 
       return () => {
-        modalBody.removeEventListener('scroll', checkScrolledToBottom);
+        modalBody.removeEventListener("scroll", checkScrolledToBottom);
       };
     }
   }, [modalBodyRef]);
@@ -442,74 +443,8 @@ function ModalTermsContent({
     <ModalContent>
       <ModalHeader>Conditions générales d&apos;utilisation</ModalHeader>
       <ModalBody ref={modalBodyRef}>
-        <p>
-          Donec quis mauris id mauris ultricies pulvinar. Phasellus ex libero,
-          tristique eu odio eu, imperdiet rutrum tortor. Pellentesque pulvinar
-          nulla dolor, ut ultrices nulla pretium sed. Ut nec molestie dolor.
-          Donec et molestie lectus. Vestibulum posuere iaculis justo sit amet
-          tristique. Integer a ullamcorper elit. Mauris rhoncus sed metus quis
-          fringilla. Nam egestas elementum justo in fermentum.
-        </p>
-        <br />
-        <p>
-          Integer augue odio, tincidunt ac magna eget, consequat auctor ante.
-          Proin pretium urna sem, a volutpat libero malesuada quis. Nam a
-          fermentum urna, quis ultrices justo. Donec eu volutpat enim. Nulla
-          facilisi. Pellentesque tincidunt ex in dui lacinia placerat. Morbi
-          luctus iaculis ante, sit amet porttitor lacus convallis sed. Etiam
-          mollis semper massa ac posuere. Proin mi magna, bibendum vel mattis
-          non, iaculis faucibus ex. In tristique lacinia nisi, ut laoreet augue
-          venenatis egestas.
-        </p>
-        <br />
-        <p>
-          In iaculis, est at imperdiet vehicula, quam ipsum dapibus augue, non
-          mattis tortor nisi ac nunc. Curabitur in elementum augue. Nulla
-          consectetur quis leo quis faucibus. Integer et dolor vitae mi
-          efficitur cursus. Curabitur massa neque, pretium id porta eget,
-          pretium non odio. Suspendisse potenti. Integer malesuada eros eu augue
-          accumsan, fermentum auctor eros condimentum. Phasellus ut massa diam.
-          Vestibulum sed porttitor leo. Nulla a pharetra lectus. Vestibulum ut
-          mauris blandit, ultrices libero ornare, molestie nulla. Aenean
-          tincidunt libero vitae tellus sagittis, eu porta massa venenatis.
-          Aliquam sit amet neque eu felis sodales rhoncus non mollis neque.
-        </p>
-        <br />
-        <p>
-          Fusce tempor metus non nibh lobortis sagittis. Donec viverra
-          vestibulum convallis. Nulla non augue in libero commodo dapibus. Duis
-          in malesuada ipsum, et efficitur nulla. Donec scelerisque vestibulum
-          lacus, eget mollis massa ultricies quis. Aliquam eu massa turpis.
-          Pellentesque egestas risus in aliquet facilisis. Nam eu odio sit amet
-          massa suscipit sagittis sit amet non neque. Etiam dolor est, interdum
-          congue risus vel, commodo interdum risus.
-        </p>
-        <br />
-        <p>
-          Suspendisse non risus odio. Etiam aliquet bibendum mi, eu dapibus
-          velit dapibus sit amet. Etiam a tincidunt elit. Donec sit amet lectus
-          tellus. Praesent pulvinar porta vestibulum. In tristique, justo eget
-          porta aliquam, odio massa tempus nisi, sed imperdiet diam dolor ut
-          libero.
-        </p>
-        <br />
-        <p>
-          Morbi tincidunt elit consectetur diam ultricies, et maximus tellus
-          condimentum. Sed sit amet lorem libero. Aliquam rhoncus venenatis
-          velit, quis faucibus lorem porttitor non. Mauris ac tortor et ante
-          facilisis laoreet ac a ante. Nullam consequat sem nisl, a cursus arcu
-          euismod quis.
-        </p>
-        <br />
-        <p>
-          Praesent fringilla massa velit, id efficitur lacus pulvinar eget.
-          Donec sit amet vehicula ex. Etiam a est sit amet metus porttitor
-          molestie non luctus arcu. Duis pulvinar malesuada dui, ac euismod est
-          lobortis vel. Pellentesque porttitor magna ut nisi eleifend
-          pellentesque.
-        </p>
+        <ContentCGU />
       </ModalBody>
-
       <ModalFooter>
         <Button onClick={onClose} mr={4} w="full">
           Refuser
diff --git a/webapp-next/pages/legals/cgu.tsx b/webapp-next/pages/legals/cgu.tsx
index d877fed..680bd7d 100644
--- a/webapp-next/pages/legals/cgu.tsx
+++ b/webapp-next/pages/legals/cgu.tsx
@@ -6,7 +6,6 @@ import {
   List,
   ListItem,
   Text,
-  UnorderedList,
 } from "@chakra-ui/react";
 
 export default function CGU() {
@@ -15,180 +14,180 @@ export default function CGU() {
       <LegalLinks />
       <Box mb={24}>
         <Heading mb={6}>Conditions générales d&apos;utilisation</Heading>
-        <Text>
-          Les présentes conditions générales d’utilisation (dites « CGU »)
-          fixent le cadre juridique de la Plateforme « Cause médicales de décès
-          » et définissent les conditions d’accès et d’utilisation des services
-          par l’Utilisateur.
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 1 - Champ d’application
-        </Heading>
-        <Text>
-          Le service est ouvert à toute personne habilitée au sein des Agences
-          Régionales de Santé à accéder aux données relatives aux causes de
-          décès, conformément aux articles L.1461-3 du code de la santé publique
-          et L.2223-42 du code général des collectivités territoriales. Les
-          personnes ont accès au service via un compte dédié.
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 2 – Objet
-        </Heading>
-        <Text>
-          Le service numérique poursuit l’objectif de permettre aux agents des
-          Agence régionales de santé, pour des motifs de santé publique,
-          d’évaluer et orienter leurs actions en facilitant l’accès et
-          l’interprétation des données de mortalité. Il participe également à
-          l’aide à la décision et l’évaluation dans le domaine de la veille et
-          la sécurité sanitaires, la définition, le financement et l’évaluation
-          des actions de prévention et de promotion de la santé, l’anticipation,
-          la préparation et la gestion des crises sanitaires.
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 3 – Définitions
-        </Heading>
-        <Text>
-          « L’Administrateur » : est un agent de l’Agence régionale de Santé
-          exerçant au sein de la DIRECTION DE L’INNOVATION, DE LA RECHERCHE ET
-          DE LA TRANSFORMATION NUMERIQUE (DIRNOV).
-        </Text>
-        <Text mt={3}>
-          « L’Utilisateur » : est tout agent habilité d’une Agence régionale de
-          Santé
-        </Text>
-        <Text mt={3}>
-          Données de cause médicale de décès : sont les informations comprises
-          dans les certificats désignés par l’article L.2223-42 du code général
-          des collectivités territoriales.
-        </Text>
-        <Text mt={3}>
-          Services : sont l’ensemble des services proposés par l’application «
-          Causes médicales de décès ».
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 4 - Fonctionnalités
-        </Heading>
-        <Heading size="sm" as="h3" mt={4} mb={2.5}>
-          A – Création du compte
-        </Heading>
-        <Text>
-          La création du compte est autorisée par un administrateur, désigné par
-          l’Agence Régionale de Santé. Celui-ci se connecte via un login mot de
-          passe qui lui a été communiqué par l’administrateur. Une fois ces
-          informations inscrites, un code secret de validation est envoyée par
-          e-mail et doit être utilisé dans un temps imparti de 30 secondes.
-        </Text>
-        <Heading size="sm" as="h3" mt={4} mb={2.5}>
-          B – Autres fonctionnalités
-        </Heading>
-        <Heading size="xs" as="h3" mt={4} mb={2.5}>
-          1 – Visualisation des informations figurant sur les certificats de
-          causes de décès
-        </Heading>
-        <Text>
-          Le service permet à l’Utilisateur de filtrer ses recherches en
-          fonction de plusieurs critères pertinents pour les missions des agents
-          de l’Agence régionale de Santé en entrant une « cause de décès » :
-        </Text>
-        <List ml={8} my={3}>
-          <ListItem>- Types de décès, via la partie cause de décès</ListItem>
-          <ListItem>- Lieu</ListItem>
-          <ListItem>- Données socio-démographiques</ListItem>
-          <ListItem>- Semestre via la partie période</ListItem>
-        </List>
-        <Text>
-          L’Utilisateur peut également avoir accès aux autres informations
-          contenues sur le certificat de causes de décès. Il peut également
-          établir et recevoir des listes de recherches favorites.
-        </Text>
-        <Heading size="xs" as="h3" mt={4} mb={2.5}>
-          2 – Export des informations
-        </Heading>
-        <Text>
-          L’Utilisateur peut exporter les informations contenues dans le
-          service, en cliquant sur le bouton « Export ». Il s’engage à ne pas
-          exporter des informations dans un environnement non sécurisé ou
-          permettant la réidentification des personnes par des personnes non
-          habilitées.
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 5 - Responsabilités
-        </Heading>
-        <Heading size="sm" as="h3" mt={4} mb={2.5}>
-          5.1 L’éditeur
-        </Heading>
-        <Text>
-          Les sources des informations diffusées sur la Plateforme sont réputées
-          fiables mais le site ne garantit pas qu’il soit exempt de défauts,
-          d’erreurs ou d’omissions.
-        </Text>
-        <Text mt={3}>
-          L’éditeur s&apos;autorise à suspendre ou révoquer n&apos;importe quel
-          compte et toutes les actions réalisées par ce biais, s’il estime que
-          l’usage réalisé du service porte préjudice à son image ou ne
-          correspond pas aux exigences de sécurité.
-        </Text>
-        <Text mt={3}>
-          L’éditeur s’engage à la sécurisation de la Plateforme, notamment en
-          prenant toutes les mesures nécessaires permettant de garantir la
-          sécurité et la confidentialité des informations fournies.
-        </Text>
-        <Text mt={3}>
-          L’éditeur fournit les moyens nécessaires et raisonnables pour assurer
-          un accès continu, sans contrepartie financière, à la Plateforme. Il se
-          réserve la liberté de faire évoluer, de modifier ou de suspendre, sans
-          préavis, la plateforme pour des raisons de maintenance ou pour tout
-          autre motif jugé nécessaire.
-        </Text>
-        <Heading size="sm" as="h3" mt={4} mb={2.5}>
-          5.2 L’Utilisateur
-        </Heading>
-        <Text>
-          Chaque Utilisateur veille à la sécurité de ses identifiants
-          (identifiant et mot de passe) et s’engage à utiliser un mot de passe
-          robuste. Une fois connecté, l’Utilisateur s’engage à modifier son mot
-          de passe de nature à le rendre sécurisé, conformément aux dispositions
-          de la CNIL et de l’ANSSI.
-        </Text>
-        <Text mt={3}>
-          L’Utilisateur s’engage également à ne jamais usurper l&apos;identité
-          d&apos;un tiers en se faisant passer pour celui-ci vis à vis de la
-          plateforme au risque d’encourir un an d’emprisonnement et 15 000 euros
-          d’amende sur la base de l’article 226-4-1 du Code pénal.
-        </Text>
-        <Text mt={3}>
-          L’Utilisateur s&apos;engage à ne pas mettre en ligne de contenus ou
-          informations contraires aux dispositions légales et réglementaires en
-          vigueur. Il est tenu à la confidentialité des données auxquelles il a
-          accès et s’engage à ne jamais diffuser de données non anonymes. Il
-          n’est autorisé qu’à extraire des données du service, que pour des
-          motifs de santé publique et notamment à des fins de veille et
-          d’alerte.
-        </Text>
-        <Text mt={3}>
-          L’Utilisateur est informé que ses actions sont tracées.
-        </Text>
-        <Text mt={3}>
-          Le non-respect de ces dispositions entraine des sanctions civiles et
-          pénales, notamment le fait de collecter des données à caractère
-          personnel par un moyen frauduleux, déloyal ou illicite est puni de
-          cinq d’emprisonnement et de 300 000 euros d’amende.
-        </Text>
-        <Heading size="md" as="h3" mt={4} mb={2.5}>
-          Article 6 - Mise à jour des conditions d’utilisation
-        </Heading>
-        <Text>
-          Les termes des présentes conditions d’utilisation peuvent être amendés
-          à tout moment, sans préavis, en fonction des modifications apportées à
-          la plateforme, de l’évolution de la législation ou pour tout autre
-          motif jugé nécessaire. Chaque modification des CGU donne lieu à une
-          nouvelle version qui doit être acceptée par les parties.
-        </Text>
-        <Text mt={3}>
-          Vous pouvez avoir accès à un versionnage des CGU ici :
-        </Text>
-        <Text mt={3}>Dernière version des CGU : 15/06/2023</Text>
+        <ContentCGU />
       </Box>
     </Container>
   );
 }
+
+export const ContentCGU = () => (
+  <>
+    <Text>
+      Les présentes conditions générales d’utilisation (dites « CGU ») fixent le
+      cadre juridique de la Plateforme « Cause médicales de décès » et
+      définissent les conditions d’accès et d’utilisation des services par
+      l’Utilisateur.
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 1 - Champ d’application
+    </Heading>
+    <Text>
+      Le service est ouvert à toute personne habilitée au sein des Agences
+      Régionales de Santé à accéder aux données relatives aux causes de décès,
+      conformément aux articles L.1461-3 du code de la santé publique et
+      L.2223-42 du code général des collectivités territoriales. Les personnes
+      ont accès au service via un compte dédié.
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 2 – Objet
+    </Heading>
+    <Text>
+      Le service numérique poursuit l’objectif de permettre aux agents des
+      Agence régionales de santé, pour des motifs de santé publique, d’évaluer
+      et orienter leurs actions en facilitant l’accès et l’interprétation des
+      données de mortalité. Il participe également à l’aide à la décision et
+      l’évaluation dans le domaine de la veille et la sécurité sanitaires, la
+      définition, le financement et l’évaluation des actions de prévention et de
+      promotion de la santé, l’anticipation, la préparation et la gestion des
+      crises sanitaires.
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 3 – Définitions
+    </Heading>
+    <Text>
+      « L’Administrateur » : est un agent de l’Agence régionale de Santé
+      exerçant au sein de la DIRECTION DE L’INNOVATION, DE LA RECHERCHE ET DE LA
+      TRANSFORMATION NUMERIQUE (DIRNOV).
+    </Text>
+    <Text mt={3}>
+      « L’Utilisateur » : est tout agent habilité d’une Agence régionale de
+      Santé
+    </Text>
+    <Text mt={3}>
+      Données de cause médicale de décès : sont les informations comprises dans
+      les certificats désignés par l’article L.2223-42 du code général des
+      collectivités territoriales.
+    </Text>
+    <Text mt={3}>
+      Services : sont l’ensemble des services proposés par l’application «
+      Causes médicales de décès ».
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 4 - Fonctionnalités
+    </Heading>
+    <Heading size="sm" as="h3" mt={4} mb={2.5}>
+      A – Création du compte
+    </Heading>
+    <Text>
+      La création du compte est autorisée par un administrateur, désigné par
+      l’Agence Régionale de Santé. Celui-ci se connecte via un login mot de
+      passe qui lui a été communiqué par l’administrateur. Une fois ces
+      informations inscrites, un code secret de validation est envoyée par
+      e-mail et doit être utilisé dans un temps imparti de 30 secondes.
+    </Text>
+    <Heading size="sm" as="h3" mt={4} mb={2.5}>
+      B – Autres fonctionnalités
+    </Heading>
+    <Heading size="xs" as="h3" mt={4} mb={2.5}>
+      1 – Visualisation des informations figurant sur les certificats de causes
+      de décès
+    </Heading>
+    <Text>
+      Le service permet à l’Utilisateur de filtrer ses recherches en fonction de
+      plusieurs critères pertinents pour les missions des agents de l’Agence
+      régionale de Santé en entrant une « cause de décès » :
+    </Text>
+    <List ml={8} my={3}>
+      <ListItem>- Types de décès, via la partie cause de décès</ListItem>
+      <ListItem>- Lieu</ListItem>
+      <ListItem>- Données socio-démographiques</ListItem>
+      <ListItem>- Semestre via la partie période</ListItem>
+    </List>
+    <Text>
+      L’Utilisateur peut également avoir accès aux autres informations contenues
+      sur le certificat de causes de décès. Il peut également établir et
+      recevoir des listes de recherches favorites.
+    </Text>
+    <Heading size="xs" as="h3" mt={4} mb={2.5}>
+      2 – Export des informations
+    </Heading>
+    <Text>
+      L’Utilisateur peut exporter les informations contenues dans le service, en
+      cliquant sur le bouton « Export ». Il s’engage à ne pas exporter des
+      informations dans un environnement non sécurisé ou permettant la
+      réidentification des personnes par des personnes non habilitées.
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 5 - Responsabilités
+    </Heading>
+    <Heading size="sm" as="h3" mt={4} mb={2.5}>
+      5.1 L’éditeur
+    </Heading>
+    <Text>
+      Les sources des informations diffusées sur la Plateforme sont réputées
+      fiables mais le site ne garantit pas qu’il soit exempt de défauts,
+      d’erreurs ou d’omissions.
+    </Text>
+    <Text mt={3}>
+      L’éditeur s&apos;autorise à suspendre ou révoquer n&apos;importe quel
+      compte et toutes les actions réalisées par ce biais, s’il estime que
+      l’usage réalisé du service porte préjudice à son image ou ne correspond
+      pas aux exigences de sécurité.
+    </Text>
+    <Text mt={3}>
+      L’éditeur s’engage à la sécurisation de la Plateforme, notamment en
+      prenant toutes les mesures nécessaires permettant de garantir la sécurité
+      et la confidentialité des informations fournies.
+    </Text>
+    <Text mt={3}>
+      L’éditeur fournit les moyens nécessaires et raisonnables pour assurer un
+      accès continu, sans contrepartie financière, à la Plateforme. Il se
+      réserve la liberté de faire évoluer, de modifier ou de suspendre, sans
+      préavis, la plateforme pour des raisons de maintenance ou pour tout autre
+      motif jugé nécessaire.
+    </Text>
+    <Heading size="sm" as="h3" mt={4} mb={2.5}>
+      5.2 L’Utilisateur
+    </Heading>
+    <Text>
+      Chaque Utilisateur veille à la sécurité de ses identifiants (identifiant
+      et mot de passe) et s’engage à utiliser un mot de passe robuste. Une fois
+      connecté, l’Utilisateur s’engage à modifier son mot de passe de nature à
+      le rendre sécurisé, conformément aux dispositions de la CNIL et de
+      l’ANSSI.
+    </Text>
+    <Text mt={3}>
+      L’Utilisateur s’engage également à ne jamais usurper l&apos;identité
+      d&apos;un tiers en se faisant passer pour celui-ci vis à vis de la
+      plateforme au risque d’encourir un an d’emprisonnement et 15 000 euros
+      d’amende sur la base de l’article 226-4-1 du Code pénal.
+    </Text>
+    <Text mt={3}>
+      L’Utilisateur s&apos;engage à ne pas mettre en ligne de contenus ou
+      informations contraires aux dispositions légales et réglementaires en
+      vigueur. Il est tenu à la confidentialité des données auxquelles il a
+      accès et s’engage à ne jamais diffuser de données non anonymes. Il n’est
+      autorisé qu’à extraire des données du service, que pour des motifs de
+      santé publique et notamment à des fins de veille et d’alerte.
+    </Text>
+    <Text mt={3}>L’Utilisateur est informé que ses actions sont tracées.</Text>
+    <Text mt={3}>
+      Le non-respect de ces dispositions entraine des sanctions civiles et
+      pénales, notamment le fait de collecter des données à caractère personnel
+      par un moyen frauduleux, déloyal ou illicite est puni de cinq
+      d’emprisonnement et de 300 000 euros d’amende.
+    </Text>
+    <Heading size="md" as="h3" mt={4} mb={2.5}>
+      Article 6 - Mise à jour des conditions d’utilisation
+    </Heading>
+    <Text>
+      Les termes des présentes conditions d’utilisation peuvent être amendés à
+      tout moment, sans préavis, en fonction des modifications apportées à la
+      plateforme, de l’évolution de la législation ou pour tout autre motif jugé
+      nécessaire. Chaque modification des CGU donne lieu à une nouvelle version
+      qui doit être acceptée par les parties.
+    </Text>
+    <Text mt={3}>Vous pouvez avoir accès à un versionnage des CGU ici :</Text>
+    <Text mt={3}>Dernière version des CGU : 15/06/2023</Text>
+  </>
+);