templates/Accueil/mentionlegal.html.twig line 1

Open in your IDE?
  1. {% extends "Accueil/layoutAccueil.html.twig" %}
  3. {% block title %}Mentions Légales — 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 strong {
  94.         color: #1A1A1A;
  95.     }
  96.     
  97.     .legal-text a {
  98.         color: #41A2AA;
  99.         text-decoration: none;
  100.     }
  101.     
  102.     .legal-text a:hover {
  103.         text-decoration: underline;
  104.     }
  105.     
  106.     .legal-list {
  107.         list-style: none;
  108.         padding: 0;
  109.         margin: 16px 0 0;
  110.     }
  111.     
  112.     .legal-list li {
  113.         padding: 8px 0 8px 24px;
  114.         position: relative;
  115.         font-size: 15px;
  116.         color: #4B5563;
  117.     }
  118.     
  119.     .legal-list li::before {
  120.         content: '•';
  121.         position: absolute;
  122.         left: 8px;
  123.         color: #41A2AA;
  124.         font-weight: bold;
  125.     }
  126.     
  127.     @media (max-width: 768px) {
  128.         .legal-page {
  129.             padding: 40px 16px 60px;
  130.         }
  131.         
  132.         .legal-title {
  133.             font-size: 26px;
  134.         }
  135.         
  136.         .legal-card {
  137.             padding: 24px;
  138.         }
  139.     }
  140. </style>
  141. {% endblock %}
  143. {% block Content %}
  144. <div class="legal-page">
  145.     <div class="legal-container">
  146.         
  147.         <div class="legal-header">
  148.             <div class="legal-icon">
  149.                 <i class="bi bi-file-earmark-text"></i>
  150.             </div>
  151.             <h1 class="legal-title">Mentions Légales</h1>
  152.             <p class="legal-subtitle">Dernière mise à jour : Janvier 2025</p>
  153.         </div>
  154.         
  155.         <div class="legal-card">
  156.             
  157.             <div class="legal-section">
  158.                 <h2 class="legal-section-title">
  159.                     <i class="bi bi-building"></i>
  160.                     Éditeur du site
  161.                 </h2>
  162.                 <p class="legal-text">
  163.                     <strong>TRUST CONSEILS</strong><br>
  164.                     Société par Actions Simplifiée (SAS)<br>
  165.                     Capital social : 10 000 €<br>
  166.                     RCS Lyon : 883 840 738<br>
  167.                     Siège social : 199 Avenue Francis de Pressensé, 69200 Vénissieux<br>
  168.                     N° TVA : FR 12 883 840 738
  169.                 </p>
  170.             </div>
  171.             
  172.             <div class="legal-section">
  173.                 <h2 class="legal-section-title">
  174.                     <i class="bi bi-person-badge"></i>
  175.                     Directeur de la publication
  176.                 </h2>
  177.                 <p class="legal-text">
  178.                     Le directeur de la publication du site 5sur5sejour.com est le représentant légal de la société TRUST CONSEILS.
  179.                 </p>
  180.             </div>
  181.             
  182.             <div class="legal-section">
  183.                 <h2 class="legal-section-title">
  184.                     <i class="bi bi-envelope"></i>
  185.                     Contact
  186.                 </h2>
  187.                 <p class="legal-text">
  188.                     <strong>Téléphone :</strong> 05 36 28 29 30<br>
  189.                     <strong>Email :</strong> <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a><br>
  190.                     <strong>Adresse :</strong> 199 Avenue Francis de Pressensé, 69200 Vénissieux
  191.                 </p>
  192.             </div>
  193.             
  194.             <div class="legal-section">
  195.                 <h2 class="legal-section-title">
  196.                     <i class="bi bi-server"></i>
  197.                     Hébergement
  198.                 </h2>
  199.                 <p class="legal-text">
  200.                     Le site 5sur5sejour.com est hébergé en France, conformément aux exigences du RGPD.<br><br>
  201.                     <strong>Hébergeur :</strong> OVH SAS<br>
  202.                     2 rue Kellermann, 59100 Roubaix, France<br>
  203.                     <a href="https://www.ovh.com" target="_blank">www.ovh.com</a>
  204.                 </p>
  205.             </div>
  206.             
  207.             <div class="legal-section">
  208.                 <h2 class="legal-section-title">
  209.                     <i class="bi bi-c-circle"></i>
  210.                     Propriété intellectuelle
  211.                 </h2>
  212.                 <p class="legal-text">
  213.                     L'ensemble du contenu du site 5sur5sejour.com (textes, images, graphismes, logo, icônes, etc.) est la propriété exclusive de TRUST CONSEILS, à l'exception des marques, logos ou contenus appartenant à d'autres sociétés partenaires ou auteurs.
  214.                 </p>
  215.                 <p class="legal-text" style="margin-top: 12px;">
  216.                     Toute reproduction, distribution, modification, adaptation, retransmission ou publication, même partielle, de ces différents éléments est strictement interdite sans l'accord exprès par écrit de TRUST CONSEILS.
  217.                 </p>
  218.             </div>
  219.             
  220.             <div class="legal-section">
  221.                 <h2 class="legal-section-title">
  222.                     <i class="bi bi-shield-check"></i>
  223.                     Protection des données
  224.                 </h2>
  225.                 <p class="legal-text">
  226.                     Conformément au Règlement Général sur la Protection des Données (RGPD) et à la loi Informatique et Libertés, vous disposez d'un droit d'accès, de rectification, de suppression et d'opposition aux données personnelles vous concernant.
  227.                 </p>
  228.                 <p class="legal-text" style="margin-top: 12px;">
  229.                     Pour exercer ces droits, contactez-nous à : <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a>
  230.                 </p>
  231.                 <p class="legal-text" style="margin-top: 12px;">
  232.                     Pour plus d'informations, consultez notre <a href="{{ path('Politique_Confidentialite_5sur5') }}">Politique de Confidentialité</a>.
  233.                 </p>
  234.             </div>
  235.             
  236.         </div>
  237.         
  238.     </div>
  239. </div>
  240. {% endblock %}