Mentions Légales Version Ordi

templates/legal_notice.html.twig

@@ -17,31 +17,31 @@
                 </div>
             </div>
             <div class="my-5 flex justify-around flex-col items-center w-[45%]">
-                <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+                <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[100%]">
                     <h5 class="text-center text-lg font-bold cursor-pointer" id="personnal_caracteres">Base juridique du traitement des données à caractère personnel</h5>
                     <p class="text-center hidden" id="content_personnal_caracteres">Nous collectons et traitons vos données à caractère personnel sur la base de votre consentement. Vous pouvez retirer votre consentement à tout moment en nous contactant à l'adresse indiquée ci-dessous.</p>
                 </div>
-                <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+                <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[100%]">
                     <h5 class="text-center text-lg font-bold cursor-pointer" id="cookies">Cookies</h5>
                     <p class="text-center hidden" id="content_cookies">Nous utilisons des cookies pour faciliter votre utilisation de notre site web. Vous pouvez désactiver les cookies dans les paramètres de votre navigateur si vous le souhaitez.</p>
                 </div>
             </div>
         </article>
-        <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+        <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[80%]">
             <h5 class="text-center text-lg font-bold cursor-pointer" id="security">Sécurité des données à caractère personnel</h5>
             <p class="text-center hidden" id="content_security">Nous prenons des mesures raisonnables pour protéger vos données à caractère personnel contre la perte, l'utilisation abusive, l'accès non autorisé, la divulgation, l'altération ou la destruction. Toutefois, aucune méthode de transmission sur Internet ou de stockage électronique n'est sécurisée à 100 %, et nous ne pouvons garantir la sécurité absolue de vos données.</p>
         </div>
-        <article class="flex justify-around flex-row items-center">
-            <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+        <article class="flex justify-between flex-row items-center w-[80%]">
+            <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[45%]">
                 <h5 class="text-center text-lg font-bold cursor-pointer" id="concerned_person">Droits des personnes concernées</h5>
                 <p class="text-center hidden" id="content_concerned_person">Vous avez le droit de demander l'accès, la rectification, l'effacement, la limitation du traitement ou la portabilité de vos données à caractère personnel. Vous avez également le droit de déposer une plainte auprès de l'autorité de contrôle compétente en matière de protection des données.</p>
             </div>
-            <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+            <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[45%]">
                 <h5 class="text-center text-lg font-bold cursor-pointer" id="edits">Modifications de la politique de confidentialité</h5>
                 <p class="text-center hidden" id="content_edits">Nous nous réservons le droit de modifier cette politique de confidentialité à tout moment en publiant une version mise à jour sur notre site web. Nous vous recommandons de consulter régulièrement cette page pour vous assurer que vous êtes informé des modifications éventuelles.</p>
             </div>
         </article>
-        <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5">
+        <div class="p-6 bg-[#D9D9D9] rounded-[3rem] my-5 w-[80%]">
             <h5 class="text-center text-lg font-bold cursor-pointer" id="contact">Contact</h5>
             <p class="text-center hidden" id="content_contact">Si vous avez des questions concernant cette politique de confidentialité ou la manière dont nous traitons vos données à caractère personnel, veuillez nous contacter à l'adresse e-mail suivante : acikozmelih@gmail.com</p>
         </div>