templates/Accueil/PolitiqueConfidentialite.html.twig line 1

Open in your IDE?
  1. {% extends "Accueil/layoutAccueil.html.twig" %}
  3. {% block title %}Politique de Confidentialité — 5sur5 Séjour{% endblock %}
  5. {% block stylesheets %}
  6. {{ parent() }}
  7. <style>
  8.     .legal-page {
  9.         background: #F9FAFB;
  10.         min-height: 100vh;
  11.         padding: 60px 24px 80px;
  12.     }
  13.     
  14.     .legal-container {
  15.         max-width: 800px;
  16.         margin: 0 auto;
  17.     }
  18.     
  19.     .legal-header {
  20.         text-align: center;
  21.         margin-bottom: 48px;
  22.     }
  23.     
  24.     .legal-icon {
  25.         width: 72px;
  26.         height: 72px;
  27.         border-radius: 18px;
  28.         background: linear-gradient(135deg, rgba(65, 162, 170, 0.1) 0%, rgba(65, 162, 170, 0.05) 100%);
  29.         display: inline-flex;
  30.         align-items: center;
  31.         justify-content: center;
  32.         margin-bottom: 20px;
  33.     }
  34.     
  35.     .legal-icon i {
  36.         font-size: 32px;
  37.         color: #41A2AA;
  38.     }
  39.     
  40.     .legal-title {
  41.         font-size: 32px;
  42.         font-weight: 700;
  43.         color: #1A1A1A;
  44.         margin: 0 0 12px;
  45.     }
  46.     
  47.     .legal-subtitle {
  48.         font-size: 16px;
  49.         color: #6B7280;
  50.     }
  51.     
  52.     .legal-card {
  53.         background: white;
  54.         border-radius: 16px;
  55.         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  56.         padding: 40px;
  57.     }
  58.     
  59.     .legal-section {
  60.         margin-bottom: 32px;
  61.         padding-bottom: 32px;
  62.         border-bottom: 1px solid #E5E7EB;
  63.     }
  64.     
  65.     .legal-section:last-child {
  66.         margin-bottom: 0;
  67.         padding-bottom: 0;
  68.         border-bottom: none;
  69.     }
  70.     
  71.     .legal-section-title {
  72.         font-size: 18px;
  73.         font-weight: 600;
  74.         color: #1A1A1A;
  75.         margin: 0 0 16px;
  76.         display: flex;
  77.         align-items: center;
  78.         gap: 10px;
  79.     }
  80.     
  81.     .legal-section-title i {
  82.         color: #41A2AA;
  83.         font-size: 20px;
  84.     }
  85.     
  86.     .legal-text {
  87.         font-size: 15px;
  88.         color: #4B5563;
  89.         line-height: 1.7;
  90.         margin: 0;
  91.     }
  92.     
  93.     .legal-text + .legal-text {
  94.         margin-top: 12px;
  95.     }
  96.     
  97.     .legal-text strong {
  98.         color: #1A1A1A;
  99.     }
  100.     
  101.     .legal-text a {
  102.         color: #41A2AA;
  103.         text-decoration: none;
  104.     }
  105.     
  106.     .legal-text a:hover {
  107.         text-decoration: underline;
  108.     }
  109.     
  110.     .legal-list {
  111.         list-style: none;
  112.         padding: 0;
  113.         margin: 16px 0 0;
  114.     }
  115.     
  116.     .legal-list li {
  117.         padding: 8px 0 8px 24px;
  118.         position: relative;
  119.         font-size: 15px;
  120.         color: #4B5563;
  121.     }
  122.     
  123.     .legal-list li::before {
  124.         content: '';
  125.         position: absolute;
  126.         left: 8px;
  127.         top: 16px;
  128.         width: 6px;
  129.         height: 6px;
  130.         background: #41A2AA;
  131.         border-radius: 50%;
  132.     }
  134.     @media (max-width: 768px) {
  135.         .legal-page {
  136.             padding: 40px 16px 60px;
  137.         }
  138.         
  139.         .legal-title {
  140.             font-size: 26px;
  141.         }
  142.         
  143.         .legal-card {
  144.             padding: 24px;
  145.         }
  146.     }
  147. </style>
  148. {% endblock %}
  150. {% block Content %}
  151. <div class="legal-page">
  152.     <div class="legal-container">
  153.         
  154.         <div class="legal-header">
  155.             <div class="legal-icon">
  156.                 <i class="bi bi-shield-lock"></i>
  157.             </div>
  158.             <h1 class="legal-title">Politique de Confidentialité</h1>
  159.             <p class="legal-subtitle">Dernière mise à jour : Janvier 2025</p>
  160.         </div>
  161.         
  162.         <div class="legal-card">
  163.             
  164.             <div class="legal-section">
  165.                 <h2 class="legal-section-title">
  166.                     <i class="bi bi-info-circle"></i>
  167.                     Introduction
  168.                 </h2>
  169.                 <p class="legal-text">
  170.                     Chez 5sur5 Séjour (TRUST CONSEILS), la protection de vos données personnelles est une priorité. Cette politique décrit comment nous collectons, utilisons et protégeons vos informations conformément au RGPD.
  171.                 </p>
  172.             </div>
  173.             
  174.             <div class="legal-section">
  175.                 <h2 class="legal-section-title">
  176.                     <i class="bi bi-building"></i>
  177.                     Responsable du traitement
  178.                 </h2>
  179.                 <p class="legal-text">
  180.                     <strong>TRUST CONSEILS</strong><br>
  181.                     199 Avenue Francis de Pressensé, 69200 Vénissieux<br>
  182.                     Email : <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a><br>
  183.                     Téléphone : 05 36 28 29 30
  184.                 </p>
  185.             </div>
  186.             
  187.             <div class="legal-section">
  188.                 <h2 class="legal-section-title">
  189.                     <i class="bi bi-collection"></i>
  190.                     Données collectées
  191.                 </h2>
  192.                 <p class="legal-text">Nous collectons les catégories de données suivantes :</p>
  193.                 <ul class="legal-list">
  194.                     <li><strong>Identité :</strong> Nom, prénom, email pour la création de compte</li>
  195.                     <li><strong>Adresse postale :</strong> Pour la livraison des produits</li>
  196.                     <li><strong>Téléphone :</strong> Pour le SAV et notifications séjour</li>
  197.                     <li><strong>Contenus :</strong> Photos, vidéos, messages pour le partage</li>
  198.                     <li><strong>Paiement :</strong> Données bancaires pour les commandes</li>
  199.                 </ul>
  200.             </div>
  201.             
  202.             <div class="legal-section">
  203.                 <h2 class="legal-section-title">
  204.                     <i class="bi bi-bullseye"></i>
  205.                     Finalités du traitement
  206.                 </h2>
  207.                 <p class="legal-text">Vos données sont utilisées pour :</p>
  208.                 <ul class="legal-list">
  209.                     <li>Gérer votre compte et votre accès au service</li>
  210.                     <li>Permettre le partage de contenus pendant les séjours</li>
  211.                     <li>Créer et livrer vos albums et produits personnalisés</li>
  212.                     <li>Traiter vos commandes et paiements</li>
  213.                     <li>Vous envoyer des communications de service</li>
  214.                     <li>Améliorer nos services et l'expérience utilisateur</li>
  215.                 </ul>
  216.             </div>
  217.             
  218.             <div class="legal-section">
  219.                 <h2 class="legal-section-title">
  220.                     <i class="bi bi-clock-history"></i>
  221.                     Durée de conservation
  222.                 </h2>
  223.                 <ul class="legal-list">
  224.                     <li><strong>Données de compte :</strong> durée de la relation + 3 ans</li>
  225.                     <li><strong>Contenus de séjour :</strong> 2 mois après la fin du séjour</li>
  226.                     <li><strong>Données de commande :</strong> 10 ans (obligations fiscales)</li>
  227.                     <li><strong>Cookies :</strong> 13 mois maximum</li>
  228.                 </ul>
  229.             </div>
  230.             
  231.             <div class="legal-section">
  232.                 <h2 class="legal-section-title">
  233.                     <i class="bi bi-lock"></i>
  234.                     Sécurité des données
  235.                 </h2>
  236.                 <p class="legal-text">
  237.                     Nous mettons en oeuvre des mesures techniques et organisationnelles appropriées :
  238.                 </p>
  239.                 <ul class="legal-list">
  240.                     <li>Chiffrement SSL/TLS pour toutes les communications</li>
  241.                     <li>Hébergement sécurisé en France (OVH)</li>
  242.                     <li>Accès restreint aux données</li>
  243.                     <li>Sauvegardes régulières et chiffrées</li>
  244.                 </ul>
  245.             </div>
  246.             
  247.             <div class="legal-section">
  248.                 <h2 class="legal-section-title">
  249.                     <i class="bi bi-person-check"></i>
  250.                     Vos droits
  251.                 </h2>
  252.                 <p class="legal-text">Conformément au RGPD, vous disposez des droits suivants :</p>
  253.                 <ul class="legal-list">
  254.                     <li><strong>Droit d'accès :</strong> obtenir une copie de vos données</li>
  255.                     <li><strong>Droit de rectification :</strong> corriger vos données</li>
  256.                     <li><strong>Droit à l'effacement :</strong> supprimer vos données</li>
  257.                     <li><strong>Droit à la portabilité :</strong> récupérer vos données</li>
  258.                     <li><strong>Droit d'opposition :</strong> vous opposer à certains traitements</li>
  259.                 </ul>
  260.                 <p class="legal-text">
  261.                     Pour exercer vos droits : <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a>
  262.                 </p>
  263.             </div>
  264.             
  265.             <div class="legal-section">
  266.                 <h2 class="legal-section-title">
  267.                     <i class="bi bi-envelope"></i>
  268.                     Contact
  269.                 </h2>
  270.                 <p class="legal-text">
  271.                     Pour toute question relative à vos données :<br>
  272.                     <strong>Email :</strong> <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a><br>
  273.                     <strong>Courrier :</strong> TRUST CONSEILS, 199 Avenue Francis de Pressensé, 69200 Vénissieux
  274.                 </p>
  275.                 <p class="legal-text">
  276.                     Vous pouvez également déposer une réclamation auprès de la <a href="https://www.cnil.fr" target="_blank">CNIL</a>.
  277.                 </p>
  278.             </div>
  279.             
  280.         </div>
  281.         
  282.     </div>
  283. </div>
  284. {% endblock %}