templates/Accueil/ConditionsGenerales.html.twig line 1

Open in your IDE?
  1. {% extends "Accueil/layoutAccueil.html.twig" %}
  3. {% block title %}Conditions Générales — 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.         color: #41A2AA;
  128.         font-weight: bold;
  129.     }
  130.     
  131.     @media (max-width: 768px) {
  132.         .legal-page {
  133.             padding: 40px 16px 60px;
  134.         }
  135.         
  136.         .legal-title {
  137.             font-size: 26px;
  138.         }
  139.         
  140.         .legal-card {
  141.             padding: 24px;
  142.         }
  143.     }
  144. </style>
  145. {% endblock %}
  147. {% block Content %}
  148. <div class="legal-page">
  149.     <div class="legal-container">
  150.         
  151.         <div class="legal-header">
  152.             <div class="legal-icon">
  153.                 <i class="bi bi-file-earmark-ruled"></i>
  154.             </div>
  155.             <h1 class="legal-title">Conditions Générales d'Utilisation</h1>
  156.             <p class="legal-subtitle">Dernière mise à jour : Janvier 2025</p>
  157.         </div>
  158.         
  159.         <div class="legal-card">
  160.             
  161.             <div class="legal-section">
  162.                 <h2 class="legal-section-title">
  163.                     <i class="bi bi-info-circle"></i>
  164.                     Article 1 - Objet
  165.                 </h2>
  166.                 <p class="legal-text">
  167.                     Les présentes Conditions Générales d'Utilisation (CGU) encadrent juridiquement l'utilisation des services du site 5sur5sejour.com (ci-après : « le Site »).
  168.                 </p>
  169.                 <p class="legal-text">
  170.                     En accédant au Site, l'Utilisateur accepte sans réserve les présentes CGU. En cas de non-acceptation, l'Utilisateur doit renoncer à accéder au Site.
  171.                 </p>
  172.             </div>
  173.             
  174.             <div class="legal-section">
  175.                 <h2 class="legal-section-title">
  176.                     <i class="bi bi-book"></i>
  177.                     Article 2 - Définitions
  178.                 </h2>
  179.                 <ul class="legal-list">
  180.                     <li><strong>TRUST CONSEILS</strong> : Société éditrice du Site 5sur5sejour.com</li>
  181.                     <li><strong>Plateforme</strong> : Site internet accessible à l'adresse 5sur5sejour.com</li>
  182.                     <li><strong>Accompagnateur</strong> : Personne encadrant un groupe lors d'un séjour et publiant des contenus</li>
  183.                     <li><strong>Utilisateur</strong> : Toute personne se connectant à la Plateforme</li>
  184.                     <li><strong>Contenus</strong> : Photos, vidéos, messages vocaux partagés sur la Plateforme</li>
  185.                     <li><strong>Produits</strong> : Albums, livres, tirages et autres produits proposés</li>
  186.                 </ul>
  187.             </div>
  188.             
  189.             <div class="legal-section">
  190.                 <h2 class="legal-section-title">
  191.                     <i class="bi bi-globe"></i>
  192.                     Article 3 - Accès au service
  193.                 </h2>
  194.                 <p class="legal-text">
  195.                     TRUST CONSEILS s'efforce de proposer un accès permanent à la Plateforme. Toutefois, l'accès peut être suspendu pour maintenance, mise à jour ou en cas de force majeure.
  196.                 </p>
  197.                 <p class="legal-text">
  198.                     L'Utilisateur s'engage à ne pas entraver le fonctionnement de la Plateforme et reconnaît disposer des compétences et moyens nécessaires pour y accéder.
  199.                 </p>
  200.             </div>
  201.             
  202.             <div class="legal-section">
  203.                 <h2 class="legal-section-title">
  204.                     <i class="bi bi-person-check"></i>
  205.                     Article 4 - Utilisation du service
  206.                 </h2>
  207.                 <p class="legal-text">
  208.                     <strong>4.1 Inscription</strong><br>
  209.                     L'Accompagnateur s'inscrit en fournissant des informations exactes et complètes. Il reçoit un code séjour unique à partager avec les familles.
  210.                 </p>
  211.                 <p class="legal-text">
  212.                     <strong>4.2 Responsabilités</strong><br>
  213.                     L'Accompagnateur est responsable des contenus qu'il publie. Il garantit disposer des droits nécessaires sur ces contenus et s'interdit de publier des contenus illicites.
  214.                 </p>
  215.                 <p class="legal-text">
  216.                     <strong>4.3 Sécurité</strong><br>
  217.                     L'Utilisateur est responsable de la confidentialité de ses identifiants et s'engage à ne pas les divulguer.
  218.                 </p>
  219.             </div>
  220.             
  221.             <div class="legal-section">
  222.                 <h2 class="legal-section-title">
  223.                     <i class="bi bi-cart"></i>
  224.                     Article 5 - Commandes et paiement
  225.                 </h2>
  226.                 <p class="legal-text">
  227.                     Les prix sont indiqués en euros TTC. La commande est validée après paiement intégral. Les moyens de paiement acceptés sont : carte bancaire, PayPal, virement.
  228.                 </p>
  229.                 <p class="legal-text">
  230.                     En cas d'erreur de prix manifeste, TRUST CONSEILS se réserve le droit d'annuler la commande.
  231.                 </p>
  232.             </div>
  233.             
  234.             <div class="legal-section">
  235.                 <h2 class="legal-section-title">
  236.                     <i class="bi bi-truck"></i>
  237.                     Article 6 - Livraison
  238.                 </h2>
  239.                 <p class="legal-text">
  240.                     Les produits sont livrés à l'adresse indiquée lors de la commande. Les délais de livraison sont donnés à titre indicatif et ne constituent pas un engagement ferme.
  241.                 </p>
  242.             </div>
  243.             
  244.             <div class="legal-section">
  245.                 <h2 class="legal-section-title">
  246.                     <i class="bi bi-arrow-return-left"></i>
  247.                     Article 7 - Droit de rétractation
  248.                 </h2>
  249.                 <p class="legal-text">
  250.                     Conformément à la loi, vous disposez d'un délai de 14 jours pour exercer votre droit de rétractation. Ce droit ne s'applique pas aux produits personnalisés (albums, livres créés sur mesure).
  251.                 </p>
  252.             </div>
  253.             
  254.             <div class="legal-section">
  255.                 <h2 class="legal-section-title">
  256.                     <i class="bi bi-c-circle"></i>
  257.                     Article 8 - Propriété intellectuelle
  258.                 </h2>
  259.                 <p class="legal-text">
  260.                     Tous les éléments du Site (textes, images, graphismes, logo, etc.) sont la propriété de TRUST CONSEILS. Toute reproduction est interdite sans autorisation.
  261.                 </p>
  262.             </div>
  263.             
  264.             <div class="legal-section">
  265.                 <h2 class="legal-section-title">
  266.                     <i class="bi bi-shield-check"></i>
  267.                     Article 9 - Protection des données
  268.                 </h2>
  269.                 <p class="legal-text">
  270.                     Les données personnelles collectées sont traitées conformément au RGPD. Pour plus d'informations, consultez notre <a href="{{ path('Politique_Confidentialite_5sur5') }}">Politique de Confidentialité</a>.
  271.                 </p>
  272.             </div>
  273.             
  274.             <div class="legal-section">
  275.                 <h2 class="legal-section-title">
  276.                     <i class="bi bi-gavel"></i>
  277.                     Article 10 - Droit applicable
  278.                 </h2>
  279.                 <p class="legal-text">
  280.                     Les présentes CGU sont régies par le droit français. En cas de litige, les tribunaux de Lyon seront compétents.
  281.                 </p>
  282.             </div>
  283.             
  284.             <div class="legal-section">
  285.                 <h2 class="legal-section-title">
  286.                     <i class="bi bi-envelope"></i>
  287.                     Article 11 - Contact
  288.                 </h2>
  289.                 <p class="legal-text">
  290.                     <strong>TRUST CONSEILS</strong><br>
  291.                     199 Avenue Francis de Pressensé, 69200 Vénissieux<br>
  292.                     Email : <a href="mailto:contact@5sur5sejour.com">contact@5sur5sejour.com</a><br>
  293.                     Téléphone : 05 36 28 29 30
  294.                 </p>
  295.             </div>
  296.             
  297.         </div>
  298.         
  299.     </div>
  300. </div>
  301. {% endblock %}