var/cache/dev/twig/21/21b529d7dc734a42f107afb8ddf7e742.php line 123

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* Accueil/_footer_premium.html.twig */
  18. class __TwigTemplate_2b72b7df6309f002c61c12a556311515 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->parent = false;
  34.         $this->blocks = [
  35.         ];
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = []): iterable
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Accueil/_footer_premium.html.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Accueil/_footer_premium.html.twig"));
  47.         // line 7
  48.         yield "<footer class=\"premium-footer-accueil\">
  49.     <div class=\"footer-container\">
  50.         <!-- Section Principale -->
  51.         <div class=\"footer-main\">
  52.             <!-- Logo et Description -->
  53.             <div class=\"footer-brand\">
  54.                 <div class=\"footer-logo\">
  55.                     <img src=\"";
  56.         // line 14
  57.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("Accueil/imagesAccueil/logoHeader.svg"), "html", null, true);
  58.         yield "\" alt=\"5sur5 Séjour\" />
  59.                     <span>5sur5 Séjour</span>
  60.                 </div>
  61.                 <p class=\"footer-tagline\">
  62.                     Nous partageons les aventures et imprimons les souvenirs !
  63.                 </p>
  64.                 <div class=\"footer-social\">
  65.                     <a href=\"https://www.instagram.com/5sur5sejour/\" target=\"_blank\" aria-label=\"Instagram\">
  66.                         <i class=\"bi bi-instagram\"></i>
  67.                     </a>
  68.                     <a href=\"https://www.facebook.com/5sur5sejour\" target=\"_blank\" aria-label=\"Facebook\">
  69.                         <i class=\"bi bi-facebook\"></i>
  70.                     </a>
  71.                     <a href=\"https://www.linkedin.com/company/5sur5sejour\" target=\"_blank\" aria-label=\"LinkedIn\">
  72.                         <i class=\"bi bi-linkedin\"></i>
  73.                     </a>
  74.                 </div>
  75.             </div>
  77.             <!-- Services -->
  78.             <div class=\"footer-links\">
  79.                 <h4>Services</h4>
  80.                 <ul>
  81.                     <li>
  82.                         <a href=\"";
  83.         // line 38
  84.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("boite_vocale");
  85.         yield "\">
  86.                             <i class=\"bi bi-mic-fill\"></i> Boîte vocale
  87.                         </a>
  88.                     </li>
  89.                     <li>
  90.                         <a href=\"";
  91.         // line 43
  92.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("commande_groupee_accueil");
  93.         yield "\">
  94.                             <i class=\"bi bi-people-fill\"></i> Commande groupée
  95.                         </a>
  96.                     </li>
  97.                     <li>
  98.                         <a href=\"";
  99.         // line 48
  100.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pack_annuel_partenaires");
  101.         yield "\">
  102.                             <i class=\"bi bi-briefcase-fill\"></i> Devenir partenaire
  103.                         </a>
  104.                     </li>
  105.                     <li>
  106.                         <a href=\"";
  107.         // line 53
  108.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("Besoindaide_5sur5_accueil");
  109.         yield "\">
  110.                             <i class=\"bi bi-question-circle-fill\"></i> Besoin d'aide
  111.                         </a>
  112.                     </li>
  113.                 </ul>
  114.             </div>
  116.             <!-- Informations -->
  117.             <div class=\"footer-links\">
  118.                 <h4>Informations</h4>
  119.                 <ul>
  120.                     <li>
  121.                         <a href=\"";
  122.         // line 65
  123.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("Mentionlegale_5sur5");
  124.         yield "\">
  125.                             <i class=\"bi bi-file-text\"></i> Mentions légales
  126.                         </a>
  127.                     </li>
  128.                     <li>
  129.                         <a href=\"";
  130.         // line 70
  131.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("Conditons_generales_5sur5");
  132.         yield "\">
  133.                             <i class=\"bi bi-file-earmark-text\"></i> Conditions générales
  134.                         </a>
  135.                     </li>
  136.                     <li>
  137.                         <a href=\"";
  138.         // line 75
  139.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("Politique_Confidentialite_5sur5");
  140.         yield "\">
  141.                             <i class=\"bi bi-shield-check\"></i> Politique de confidentialité
  142.                         </a>
  143.                     </li>
  144.                     <li>
  145.                         <a href=\"";
  146.         // line 80
  147.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ServiceClient_5sur5");
  148.         yield "\">
  149.                             <i class=\"bi bi-headset\"></i> Service client
  150.                         </a>
  151.                     </li>
  152.                 </ul>
  153.             </div>
  155.             <!-- Contact -->
  156.             <div class=\"footer-contact\">
  157.                 <h4>Contact</h4>
  158.                 <div class=\"contact-item\">
  159.                     <i class=\"bi bi-building\"></i>
  160.                     <div>
  161.                         <strong>Trust Conseils</strong><br>
  162.                         199 Avenue Francis de Pressensé<br>
  163.                         69200 Vénissieux
  164.                     </div>
  165.                 </div>
  166.                 <div class=\"contact-item\">
  167.                     <i class=\"bi bi-telephone-fill\"></i>
  168.                     <a href=\"tel:0536282930\">05 36 28 29 30</a>
  169.                 </div>
  170.                 <div class=\"contact-item\">
  171.                     <i class=\"bi bi-envelope-fill\"></i>
  172.                     <a href=\"mailto:contact@5sur5sejour.com\">contact@5sur5sejour.com</a>
  173.                 </div>
  174.                 <div class=\"footer-payment\">
  175.                     <span>Paiement sécurisé</span>
  176.                     <div class=\"payment-icons\">
  177.                         <i class=\"bi bi-credit-card-fill\"></i>
  178.                         <i class=\"bi bi-paypal\"></i>
  179.                         <i class=\"bi bi-shield-lock-fill\"></i>
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.         </div>
  185.         <!-- Copyright -->
  186.         <div class=\"footer-bottom\">
  187.             <p>&copy; ";
  188.         // line 119
  189.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y"), "html", null, true);
  190.         yield " Trust Conseils - 5sur5 Séjour. Tous droits réservés.</p>
  191.             <p class=\"footer-france\">
  192.                 <i class=\"bi bi-geo-alt-fill\"></i> Données hébergées en France 🇫🇷
  193.             </p>
  194.         </div>
  195.     </div>
  196. </footer>
  198. <style>
  199.     .premium-footer-accueil {
  200.         background: linear-gradient(135deg, #41A2AA 0%, #359BA3 100%);
  201.         color: white;
  202.         padding: 60px 0 0 0;
  203.         font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  204.     }
  206.     .footer-container {
  207.         max-width: 1200px;
  208.         margin: 0 auto;
  209.         padding: 0 24px;
  210.     }
  212.     .footer-main {
  213.         display: grid;
  214.         grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  215.         gap: 40px;
  216.         padding-bottom: 40px;
  217.         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  218.     }
  220.     /* Brand Section */
  221.     .footer-brand {
  222.         display: flex;
  223.         flex-direction: column;
  224.         gap: 16px;
  225.     }
  227.     .footer-logo {
  228.         display: flex;
  229.         align-items: center;
  230.         gap: 12px;
  231.     }
  233.     .footer-logo img {
  234.         height: 48px;
  235.         background: white;
  236.         border-radius: 12px;
  237.         padding: 8px;
  238.     }
  240.     .footer-logo span {
  241.         font-size: 20px;
  242.         font-weight: 700;
  243.         letter-spacing: -0.5px;
  244.     }
  246.     .footer-tagline {
  247.         font-size: 15px;
  248.         line-height: 1.6;
  249.         opacity: 0.9;
  250.         margin: 0;
  251.     }
  253.     .footer-social {
  254.         display: flex;
  255.         gap: 12px;
  256.         margin-top: 8px;
  257.     }
  259.     .footer-social a {
  260.         width: 40px;
  261.         height: 40px;
  262.         border-radius: 10px;
  263.         background: rgba(255, 255, 255, 0.15);
  264.         display: flex;
  265.         align-items: center;
  266.         justify-content: center;
  267.         color: white;
  268.         font-size: 18px;
  269.         text-decoration: none;
  270.         transition: all 0.2s ease;
  271.     }
  273.     .footer-social a:hover {
  274.         background: white;
  275.         color: #41A2AA;
  276.         transform: translateY(-2px);
  277.     }
  279.     /* Links Sections */
  280.     .footer-links h4,
  281.     .footer-contact h4 {
  282.         font-size: 14px;
  283.         font-weight: 600;
  284.         text-transform: uppercase;
  285.         letter-spacing: 1px;
  286.         margin: 0 0 20px 0;
  287.         opacity: 0.8;
  288.     }
  290.     .footer-links ul {
  291.         list-style: none;
  292.         padding: 0;
  293.         margin: 0;
  294.         display: flex;
  295.         flex-direction: column;
  296.         gap: 12px;
  297.     }
  299.     .footer-links li a {
  300.         display: flex;
  301.         align-items: center;
  302.         gap: 10px;
  303.         color: white;
  304.         text-decoration: none;
  305.         font-size: 14px;
  306.         transition: all 0.2s ease;
  307.         opacity: 0.9;
  308.     }
  310.     .footer-links li a:hover {
  311.         opacity: 1;
  312.         transform: translateX(4px);
  313.     }
  315.     .footer-links li a i {
  316.         font-size: 14px;
  317.         opacity: 0.7;
  318.     }
  320.     /* Contact Section */
  321.     .footer-contact {
  322.         display: flex;
  323.         flex-direction: column;
  324.         gap: 16px;
  325.     }
  327.     .contact-item {
  328.         display: flex;
  329.         align-items: flex-start;
  330.         gap: 12px;
  331.         font-size: 14px;
  332.         line-height: 1.5;
  333.     }
  335.     .contact-item i {
  336.         font-size: 16px;
  337.         opacity: 0.8;
  338.         margin-top: 2px;
  339.     }
  341.     .contact-item a {
  342.         color: white;
  343.         text-decoration: none;
  344.         transition: opacity 0.2s ease;
  345.     }
  347.     .contact-item a:hover {
  348.         opacity: 0.8;
  349.         text-decoration: underline;
  350.     }
  352.     .footer-payment {
  353.         margin-top: 16px;
  354.         padding-top: 16px;
  355.         border-top: 1px solid rgba(255, 255, 255, 0.15);
  356.     }
  358.     .footer-payment span {
  359.         font-size: 12px;
  360.         text-transform: uppercase;
  361.         letter-spacing: 0.5px;
  362.         opacity: 0.7;
  363.         display: block;
  364.         margin-bottom: 8px;
  365.     }
  367.     .payment-icons {
  368.         display: flex;
  369.         gap: 12px;
  370.     }
  372.     .payment-icons i {
  373.         font-size: 24px;
  374.         opacity: 0.8;
  375.     }
  377.     /* Bottom Section */
  378.     .footer-bottom {
  379.         padding: 24px 0;
  380.         display: flex;
  381.         justify-content: space-between;
  382.         align-items: center;
  383.         font-size: 13px;
  384.         opacity: 0.8;
  385.     }
  387.     .footer-bottom p {
  388.         margin: 0;
  389.     }
  391.     .footer-france {
  392.         display: flex;
  393.         align-items: center;
  394.         gap: 6px;
  395.     }
  397.     /* Responsive */
  398.     @media (max-width: 992px) {
  399.         .footer-main {
  400.             grid-template-columns: 1fr 1fr;
  401.             gap: 32px;
  402.         }
  404.         .footer-brand {
  405.             grid-column: span 2;
  406.         }
  407.     }
  409.     @media (max-width: 576px) {
  410.         .premium-footer-accueil {
  411.             padding: 40px 0 0 0;
  412.         }
  414.         .footer-main {
  415.             grid-template-columns: 1fr;
  416.             gap: 32px;
  417.         }
  419.         .footer-brand {
  420.             grid-column: span 1;
  421.             text-align: center;
  422.             align-items: center;
  423.         }
  425.         .footer-logo {
  426.             flex-direction: column;
  427.             gap: 8px;
  428.         }
  430.         .footer-social {
  431.             justify-content: center;
  432.         }
  434.         .footer-links,
  435.         .footer-contact {
  436.             text-align: center;
  437.         }
  439.         .footer-links ul {
  440.             align-items: center;
  441.         }
  443.         .footer-links li a:hover {
  444.             transform: none;
  445.         }
  447.         .contact-item {
  448.             justify-content: center;
  449.             text-align: left;
  450.         }
  452.         .footer-payment {
  453.             text-align: center;
  454.         }
  456.         .payment-icons {
  457.             justify-content: center;
  458.         }
  460.         .footer-bottom {
  461.             flex-direction: column;
  462.             gap: 12px;
  463.             text-align: center;
  464.         }
  465.     }
  466. </style>
  468. ";
  469.         
  470.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  472.         
  473.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  475.         yield from [];
  476.     }
  478.     /**
  479.      * @codeCoverageIgnore
  480.      */
  481.     public function getTemplateName(): string
  482.     {
  483.         return "Accueil/_footer_premium.html.twig";
  484.     }
  486.     /**
  487.      * @codeCoverageIgnore
  488.      */
  489.     public function isTraitable(): bool
  490.     {
  491.         return false;
  492.     }
  494.     /**
  495.      * @codeCoverageIgnore
  496.      */
  497.     public function getDebugInfo(): array
  498.     {
  499.         return array (  189 => 119,  147 => 80,  139 => 75,  131 => 70,  123 => 65,  108 => 53,  100 => 48,  92 => 43,  84 => 38,  57 => 14,  48 => 7,);
  500.     }
  502.     public function getSourceContext(): Source
  503.     {
  504.         return new Source("{#
  505. /**
  506.  * Footer Premium - Espace Accueil (Public)
  507.  * Design moderne, minimaliste, charte 5sur5
  508.  */
  509. #}
  510. <footer class=\"premium-footer-accueil\">
  511.     <div class=\"footer-container\">
  512.         <!-- Section Principale -->
  513.         <div class=\"footer-main\">
  514.             <!-- Logo et Description -->
  515.             <div class=\"footer-brand\">
  516.                 <div class=\"footer-logo\">
  517.                     <img src=\"{{ asset('Accueil/imagesAccueil/logoHeader.svg') }}\" alt=\"5sur5 Séjour\" />
  518.                     <span>5sur5 Séjour</span>
  519.                 </div>
  520.                 <p class=\"footer-tagline\">
  521.                     Nous partageons les aventures et imprimons les souvenirs !
  522.                 </p>
  523.                 <div class=\"footer-social\">
  524.                     <a href=\"https://www.instagram.com/5sur5sejour/\" target=\"_blank\" aria-label=\"Instagram\">
  525.                         <i class=\"bi bi-instagram\"></i>
  526.                     </a>
  527.                     <a href=\"https://www.facebook.com/5sur5sejour\" target=\"_blank\" aria-label=\"Facebook\">
  528.                         <i class=\"bi bi-facebook\"></i>
  529.                     </a>
  530.                     <a href=\"https://www.linkedin.com/company/5sur5sejour\" target=\"_blank\" aria-label=\"LinkedIn\">
  531.                         <i class=\"bi bi-linkedin\"></i>
  532.                     </a>
  533.                 </div>
  534.             </div>
  536.             <!-- Services -->
  537.             <div class=\"footer-links\">
  538.                 <h4>Services</h4>
  539.                 <ul>
  540.                     <li>
  541.                         <a href=\"{{ path('boite_vocale') }}\">
  542.                             <i class=\"bi bi-mic-fill\"></i> Boîte vocale
  543.                         </a>
  544.                     </li>
  545.                     <li>
  546.                         <a href=\"{{ path('commande_groupee_accueil') }}\">
  547.                             <i class=\"bi bi-people-fill\"></i> Commande groupée
  548.                         </a>
  549.                     </li>
  550.                     <li>
  551.                         <a href=\"{{ path('pack_annuel_partenaires') }}\">
  552.                             <i class=\"bi bi-briefcase-fill\"></i> Devenir partenaire
  553.                         </a>
  554.                     </li>
  555.                     <li>
  556.                         <a href=\"{{ path('Besoindaide_5sur5_accueil') }}\">
  557.                             <i class=\"bi bi-question-circle-fill\"></i> Besoin d'aide
  558.                         </a>
  559.                     </li>
  560.                 </ul>
  561.             </div>
  563.             <!-- Informations -->
  564.             <div class=\"footer-links\">
  565.                 <h4>Informations</h4>
  566.                 <ul>
  567.                     <li>
  568.                         <a href=\"{{ path('Mentionlegale_5sur5') }}\">
  569.                             <i class=\"bi bi-file-text\"></i> Mentions légales
  570.                         </a>
  571.                     </li>
  572.                     <li>
  573.                         <a href=\"{{ path('Conditons_generales_5sur5') }}\">
  574.                             <i class=\"bi bi-file-earmark-text\"></i> Conditions générales
  575.                         </a>
  576.                     </li>
  577.                     <li>
  578.                         <a href=\"{{ path('Politique_Confidentialite_5sur5') }}\">
  579.                             <i class=\"bi bi-shield-check\"></i> Politique de confidentialité
  580.                         </a>
  581.                     </li>
  582.                     <li>
  583.                         <a href=\"{{ path('ServiceClient_5sur5') }}\">
  584.                             <i class=\"bi bi-headset\"></i> Service client
  585.                         </a>
  586.                     </li>
  587.                 </ul>
  588.             </div>
  590.             <!-- Contact -->
  591.             <div class=\"footer-contact\">
  592.                 <h4>Contact</h4>
  593.                 <div class=\"contact-item\">
  594.                     <i class=\"bi bi-building\"></i>
  595.                     <div>
  596.                         <strong>Trust Conseils</strong><br>
  597.                         199 Avenue Francis de Pressensé<br>
  598.                         69200 Vénissieux
  599.                     </div>
  600.                 </div>
  601.                 <div class=\"contact-item\">
  602.                     <i class=\"bi bi-telephone-fill\"></i>
  603.                     <a href=\"tel:0536282930\">05 36 28 29 30</a>
  604.                 </div>
  605.                 <div class=\"contact-item\">
  606.                     <i class=\"bi bi-envelope-fill\"></i>
  607.                     <a href=\"mailto:contact@5sur5sejour.com\">contact@5sur5sejour.com</a>
  608.                 </div>
  609.                 <div class=\"footer-payment\">
  610.                     <span>Paiement sécurisé</span>
  611.                     <div class=\"payment-icons\">
  612.                         <i class=\"bi bi-credit-card-fill\"></i>
  613.                         <i class=\"bi bi-paypal\"></i>
  614.                         <i class=\"bi bi-shield-lock-fill\"></i>
  615.                     </div>
  616.                 </div>
  617.             </div>
  618.         </div>
  620.         <!-- Copyright -->
  621.         <div class=\"footer-bottom\">
  622.             <p>&copy; {{ \"now\"|date(\"Y\") }} Trust Conseils - 5sur5 Séjour. Tous droits réservés.</p>
  623.             <p class=\"footer-france\">
  624.                 <i class=\"bi bi-geo-alt-fill\"></i> Données hébergées en France 🇫🇷
  625.             </p>
  626.         </div>
  627.     </div>
  628. </footer>
  630. <style>
  631.     .premium-footer-accueil {
  632.         background: linear-gradient(135deg, #41A2AA 0%, #359BA3 100%);
  633.         color: white;
  634.         padding: 60px 0 0 0;
  635.         font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  636.     }
  638.     .footer-container {
  639.         max-width: 1200px;
  640.         margin: 0 auto;
  641.         padding: 0 24px;
  642.     }
  644.     .footer-main {
  645.         display: grid;
  646.         grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  647.         gap: 40px;
  648.         padding-bottom: 40px;
  649.         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  650.     }
  652.     /* Brand Section */
  653.     .footer-brand {
  654.         display: flex;
  655.         flex-direction: column;
  656.         gap: 16px;
  657.     }
  659.     .footer-logo {
  660.         display: flex;
  661.         align-items: center;
  662.         gap: 12px;
  663.     }
  665.     .footer-logo img {
  666.         height: 48px;
  667.         background: white;
  668.         border-radius: 12px;
  669.         padding: 8px;
  670.     }
  672.     .footer-logo span {
  673.         font-size: 20px;
  674.         font-weight: 700;
  675.         letter-spacing: -0.5px;
  676.     }
  678.     .footer-tagline {
  679.         font-size: 15px;
  680.         line-height: 1.6;
  681.         opacity: 0.9;
  682.         margin: 0;
  683.     }
  685.     .footer-social {
  686.         display: flex;
  687.         gap: 12px;
  688.         margin-top: 8px;
  689.     }
  691.     .footer-social a {
  692.         width: 40px;
  693.         height: 40px;
  694.         border-radius: 10px;
  695.         background: rgba(255, 255, 255, 0.15);
  696.         display: flex;
  697.         align-items: center;
  698.         justify-content: center;
  699.         color: white;
  700.         font-size: 18px;
  701.         text-decoration: none;
  702.         transition: all 0.2s ease;
  703.     }
  705.     .footer-social a:hover {
  706.         background: white;
  707.         color: #41A2AA;
  708.         transform: translateY(-2px);
  709.     }
  711.     /* Links Sections */
  712.     .footer-links h4,
  713.     .footer-contact h4 {
  714.         font-size: 14px;
  715.         font-weight: 600;
  716.         text-transform: uppercase;
  717.         letter-spacing: 1px;
  718.         margin: 0 0 20px 0;
  719.         opacity: 0.8;
  720.     }
  722.     .footer-links ul {
  723.         list-style: none;
  724.         padding: 0;
  725.         margin: 0;
  726.         display: flex;
  727.         flex-direction: column;
  728.         gap: 12px;
  729.     }
  731.     .footer-links li a {
  732.         display: flex;
  733.         align-items: center;
  734.         gap: 10px;
  735.         color: white;
  736.         text-decoration: none;
  737.         font-size: 14px;
  738.         transition: all 0.2s ease;
  739.         opacity: 0.9;
  740.     }
  742.     .footer-links li a:hover {
  743.         opacity: 1;
  744.         transform: translateX(4px);
  745.     }
  747.     .footer-links li a i {
  748.         font-size: 14px;
  749.         opacity: 0.7;
  750.     }
  752.     /* Contact Section */
  753.     .footer-contact {
  754.         display: flex;
  755.         flex-direction: column;
  756.         gap: 16px;
  757.     }
  759.     .contact-item {
  760.         display: flex;
  761.         align-items: flex-start;
  762.         gap: 12px;
  763.         font-size: 14px;
  764.         line-height: 1.5;
  765.     }
  767.     .contact-item i {
  768.         font-size: 16px;
  769.         opacity: 0.8;
  770.         margin-top: 2px;
  771.     }
  773.     .contact-item a {
  774.         color: white;
  775.         text-decoration: none;
  776.         transition: opacity 0.2s ease;
  777.     }
  779.     .contact-item a:hover {
  780.         opacity: 0.8;
  781.         text-decoration: underline;
  782.     }
  784.     .footer-payment {
  785.         margin-top: 16px;
  786.         padding-top: 16px;
  787.         border-top: 1px solid rgba(255, 255, 255, 0.15);
  788.     }
  790.     .footer-payment span {
  791.         font-size: 12px;
  792.         text-transform: uppercase;
  793.         letter-spacing: 0.5px;
  794.         opacity: 0.7;
  795.         display: block;
  796.         margin-bottom: 8px;
  797.     }
  799.     .payment-icons {
  800.         display: flex;
  801.         gap: 12px;
  802.     }
  804.     .payment-icons i {
  805.         font-size: 24px;
  806.         opacity: 0.8;
  807.     }
  809.     /* Bottom Section */
  810.     .footer-bottom {
  811.         padding: 24px 0;
  812.         display: flex;
  813.         justify-content: space-between;
  814.         align-items: center;
  815.         font-size: 13px;
  816.         opacity: 0.8;
  817.     }
  819.     .footer-bottom p {
  820.         margin: 0;
  821.     }
  823.     .footer-france {
  824.         display: flex;
  825.         align-items: center;
  826.         gap: 6px;
  827.     }
  829.     /* Responsive */
  830.     @media (max-width: 992px) {
  831.         .footer-main {
  832.             grid-template-columns: 1fr 1fr;
  833.             gap: 32px;
  834.         }
  836.         .footer-brand {
  837.             grid-column: span 2;
  838.         }
  839.     }
  841.     @media (max-width: 576px) {
  842.         .premium-footer-accueil {
  843.             padding: 40px 0 0 0;
  844.         }
  846.         .footer-main {
  847.             grid-template-columns: 1fr;
  848.             gap: 32px;
  849.         }
  851.         .footer-brand {
  852.             grid-column: span 1;
  853.             text-align: center;
  854.             align-items: center;
  855.         }
  857.         .footer-logo {
  858.             flex-direction: column;
  859.             gap: 8px;
  860.         }
  862.         .footer-social {
  863.             justify-content: center;
  864.         }
  866.         .footer-links,
  867.         .footer-contact {
  868.             text-align: center;
  869.         }
  871.         .footer-links ul {
  872.             align-items: center;
  873.         }
  875.         .footer-links li a:hover {
  876.             transform: none;
  877.         }
  879.         .contact-item {
  880.             justify-content: center;
  881.             text-align: left;
  882.         }
  884.         .footer-payment {
  885.             text-align: center;
  886.         }
  888.         .payment-icons {
  889.             justify-content: center;
  890.         }
  892.         .footer-bottom {
  893.             flex-direction: column;
  894.             gap: 12px;
  895.             text-align: center;
  896.         }
  897.     }
  898. </style>
  900. ", "Accueil/_footer_premium.html.twig", "/var/www/5sur5sejour/templates/Accueil/_footer_premium.html.twig");
  901.     }
  902. }