var/cache/dev/twig/39/39fd71722e54461de0d4dd30ac4c14d909c425c24407fb6f1ae5d9d5a2843b4b.php line 37

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* base.html.twig */
  16. class __TwigTemplate_28da4d6755b6cc9b54d8068260de9791fc0dbf500a2c22097a12175b326b4c8b extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.             'title' => [$this, 'block_title'],
  31.             'stylesheet' => [$this, 'block_stylesheet'],
  32.             'javascripts' => [$this, 'block_javascripts'],
  33.             'body' => [$this, 'block_body'],
  34.         ];
  35.     }
  37.     protected function doDisplay(array $context, array $blocks = [])
  38.     {
  39.         $macros = $this->macros;
  40.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  41.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  43.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  44.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  46.         // line 1
  47.         echo "<!DOCTYPE html>
  48. <html>
  49.     <head>
  50.         <meta charset=\"UTF-8\">
  51.         <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  53.         <!-- <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> -->
  54.         <title>";
  55.         // line 8
  56.         $this->displayBlock('title', $context, $blocks);
  57.         echo "</title>
  58.         <link rel=\"icon\" href=\"";
  59.         // line 9
  60.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/favicon-16x16.png"), "html", null, true);
  61.         echo "\">
  62.         <link rel=\"stylesheet\" href=\"";
  63.         // line 10
  64.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/style.css"), "html", null, true);
  65.         echo "\">
  66.        <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9\" crossorigin=\"anonymous\">
  67.         <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css\">
  68.         <link rel=\"stylesheet\" href=\"";
  69.         // line 13
  70.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("slick/slick.css"), "html", null, true);
  71.         echo "\">
  72.         <link rel=\"stylesheet\" href=\"";
  73.         // line 14
  74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("slick/slick-theme.css"), "html", null, true);
  75.         echo "\">
  76.         <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css\">
  77.         <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  78.         <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\"  >
  79.         <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\" integrity=\"sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\" crossorigin=\"anonymous\">
  80.         <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  81.         <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  82.         <link href=\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">
  83.         <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js\" integrity=\"sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
  84.         ";
  85.         // line 23
  86.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 23, $this->source); })()), "user", [], "any", false, false, false, 23)) {
  87.             // line 24
  88.             echo "        ";
  89.         } else {
  90.             // line 25
  91.             echo "        <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">
  92.         ";
  93.         }
  94.         // line 27
  95.         echo "        
  96.         <script src=\"https://kit.fontawesome.com/d2408fdc07.js\" crossorigin=\"anonymous\"></script>
  98.         ";
  99.         // line 30
  100.         $this->displayBlock('stylesheet', $context, $blocks);
  101.         // line 33
  102.         echo "
  103.         ";
  104.         // line 34
  105.         $this->displayBlock('javascripts', $context, $blocks);
  106.         // line 37
  107.         echo "
  108.         <!-- Google tag (gtag.js) --> <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-065YCH9G8X\"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-065YCH9G8X'); </script>
  109.       
  110.     </head>
  111.     <body>
  113.     <style>
  114.         @media (max-width: 1400px) { 
  115.             section{
  116.                 background-size:contain!important;
  117.             }
  118.         }
  120.         .joinUsResp {
  121.         border: white solid 2px!important; 
  122.     }
  125.         .formResp i {
  126.             left: -19px!important;
  127.             bottom: -8px!important;
  128.         }
  130.         .searchResp{
  131.             margin-right:45px!important;
  132.         }
  133.         </style>
  136. ";
  137.         // line 66
  138.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 66, $this->source); })()), "user", [], "any", false, false, false, 66)) {
  139.             // line 67
  140.             echo "    ";
  141.             $this->loadTemplate("cms.html.twig", "base.html.twig", 67)->display($context);
  142.         }
  143.         // line 69
  144.         echo "
  146.          <!-- effet flou  -->
  147.         <div class=\"side-bar-content bg-red\">
  148.             <div class=\"row\" style=\"width: 100%; height: 100%; margin: 0;\">
  149.                 <div class=\"col-2 blur\"></div>
  150.                 <div class=\"col-10 content\">
  151.                     <div class=\"d-flex justify-content-between align-items-center\" style=\"width:100%;height:50px;margin-top:20px;margin-bottom:32px;\">
  152.                         <a href=\"";
  153.         // line 77
  154.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  155.         echo "\">
  156.                             <img style=\"width:40%;margin-left:14px;\" src=\"";
  157.         // line 78
  158.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/Groupe 134.svg"), "html", null, true);
  159.         echo "\" alt=\"logo\" style=\"cursor:pointer;\">
  160.                         </a>     
  161.                     
  162.                         <i class=\"fa-regular fa-circle-xmark circlemark\" style=\"width:20px;height:20px;color:white;margin-right:20px;cursor:pointer;\"></i>
  163.                     </div>
  164.                      <div class=\"div d-flex\">
  165.                      <form style=\"margin-bottom:30px;\" action=\"";
  166.         // line 84
  167.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("resultatRecherche");
  168.         echo "\" class=\"formResp d-flex w-100\"method=\"post\" >
  169.                             <input type=\"search\" name=\"search\" class=\"searchResp\"  placeholder=\"";
  170.         // line 85
  171.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("tapez-votre-recherche", [], "messages");
  172.         echo "\">                            
  173.                             <i class=\"searchLink fa-solid fa-magnifying-glass\" style=\"color:white\"></i>
  175.                             <input type=\"submit\" hidden />
  176.                     </form> 
  177.   
  178.                     </div>
  179.                     
  180.                     <div class=\"nav-links\">
  181.                         <ul style=\"margin:0;padding:0;padding-right:20px;margin-left: 20px;\">
  182.                             <li>
  183.                                 
  184.                 
  185.                                 
  186.                                 <a class=\"nav-link ";
  187.         // line 99
  188.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 99, $this->source); })()), "request", [], "any", false, false, false, 99), "get", [0 => "_route"], "method", false, false, false, 99), "app_industrialisation"))) {
  189.             echo "active";
  190.         }
  191.         echo "\" aria-current=\"page\" href=\"";
  192.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_industrialisation", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 99, $this->source); })()), "request", [], "any", false, false, false, 99), "locale", [], "any", false, false, false, 99)]), "html", null, true);
  193.         echo "\">";
  194.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-industrialisation", [], "messages");
  195.         echo "</a>
  196.                             </li>
  197.                             <hr>
  198.                             <li>
  199.                                 <a class=\"nav-link ";
  200.         // line 103
  201.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 103, $this->source); })()), "request", [], "any", false, false, false, 103), "get", [0 => "_route"], "method", false, false, false, 103), "formations"))) {
  202.             echo "active";
  203.         }
  204.         echo "\" href=\"";
  205.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("formations", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 103, $this->source); })()), "request", [], "any", false, false, false, 103), "locale", [], "any", false, false, false, 103)]), "html", null, true);
  206.         echo "\" >";
  207.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-formation", [], "messages");
  208.         echo "</a>
  209.                             </li>
  210.                             <hr>
  211.                             <li>
  212.                                 <a class=\"nav-link ";
  213.         // line 107
  214.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 107, $this->source); })()), "request", [], "any", false, false, false, 107), "get", [0 => "_route"], "method", false, false, false, 107), "app_digitalManufacturingServices"))) {
  215.             echo "active";
  216.         }
  217.         echo "\" href=\"";
  218.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_digitalManufacturingServices", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 107, $this->source); })()), "request", [], "any", false, false, false, 107), "locale", [], "any", false, false, false, 107)]), "html", null, true);
  219.         echo "\">";
  220.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-digital", [], "messages");
  221.         echo "</a>
  222.                             </li>
  223.                             <hr>
  224.                             ";
  225.         // line 110
  226.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 110, $this->source); })()), "user", [], "any", false, false, false, 110)) {
  227.             // line 111
  228.             echo "                           <div class=\"dropdown-text\">
  229.                             <a class=\"nav-link-text\" id=\"dropdown-toggle-text\">";
  230.             // line 112
  231.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-manufacturingerp", [], "messages");
  232.             echo "</a>
  233.                             </div>
  234.                         </li>
  235.                 <li>
  236.                  <div class=\"dropdown-text dropdown-content-text\">
  237.                         
  238.                         <a class=\"";
  239.             // line 118
  240.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 118, $this->source); })()), "request", [], "any", false, false, false, 118), "get", [0 => "_route"], "method", false, false, false, 118), "app_manufacturingERP"))) {
  241.                 echo "active";
  242.             }
  243.             echo "\" href=\"";
  244.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_manufacturingERP", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 118, $this->source); })()), "request", [], "any", false, false, false, 118), "locale", [], "any", false, false, false, 118)]), "html", null, true);
  245.             echo "\" style=\"padding-top: 6px!important;padding-bottom: 6px!important;    color: #0C24B3;\">";
  246.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-erp-presentation", [], "messages");
  247.             echo "</a>
  248.                         <a class=\"";
  249.             // line 119
  250.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 119, $this->source); })()), "request", [], "any", false, false, false, 119), "get", [0 => "_route"], "method", false, false, false, 119), "presentationERP"))) {
  251.                 echo "active";
  252.             }
  253.             echo "\" href=\"";
  254.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("presentationERP", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 119, $this->source); })()), "request", [], "any", false, false, false, 119), "locale", [], "any", false, false, false, 119)]), "html", null, true);
  255.             echo "\" style=\"padding-top: 6px!important;padding-bottom: 6px!important;    color: #0C24B3;\">";
  256.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-erp-fonctionnalites", [], "messages");
  257.             echo "</a>
  258.                     </div>
  259.               
  260.                     <script>
  261.                       document.addEventListener(\"DOMContentLoaded\", function() {
  262.                         const dropdownToggleText = document.getElementById(\"dropdown-toggle-text\");
  263.                         const dropdownContentText = document.querySelector(\".dropdown-content-text\");
  264.                         const marge = document.querySelector(\".testMarge\");  // Corrigé le ':' par un ';'
  266.                         dropdownToggleText.addEventListener(\"click\", function() {
  267.                             if (dropdownContentText.style.display === \"block\") {
  268.                                 dropdownContentText.style.display = \"none\";
  269.                                 marge.style.marginTop = \"0px\";  // Retire la marge
  270.                             } else {
  271.                                 dropdownContentText.style.display = \"block\";
  272.                                 marge.style.marginTop = \"98px\";  // Ajoute la marge
  273.                             }
  274.                         });
  276.                         document.addEventListener(\"click\", function(event) {
  277.                             if (!event.target.matches(\".nav-link-text\") && !event.target.matches(\".dropdown-content-text a\")) {
  278.                                 dropdownContentText.style.display = \"none\";
  279.                                 marge.style.marginTop = \"0px\";  // Retire la marge
  280.                             }
  281.                         });
  282.                     });
  283.                                         </script>
  284.                 </li>
  285.                 <hr>
  286.                  ";
  287.         }
  288.         // line 149
  289.         echo "                <li class=\"testMarge\">
  290.                     <a class=\"nav-link ";
  291.         // line 150
  292.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 150, $this->source); })()), "request", [], "any", false, false, false, 150), "get", [0 => "_route"], "method", false, false, false, 150), "app_baseOutils"))) {
  293.             echo "active";
  294.         }
  295.         echo "\" href=\"";
  296.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_baseOutils", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 150, $this->source); })()), "request", [], "any", false, false, false, 150), "locale", [], "any", false, false, false, 150)]), "html", null, true);
  297.         echo "\">";
  298.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-baseoutils", [], "messages");
  299.         echo "</a>
  300.                 </li>
  301.                             <hr>
  302.                             <li>
  303.                                 <a class=\"nav-link ";
  304.         // line 154
  305.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 154, $this->source); })()), "request", [], "any", false, false, false, 154), "get", [0 => "_route"], "method", false, false, false, 154), "app_societe"))) {
  306.             echo "active";
  307.         }
  308.         echo "\" href=\"";
  309.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_societe", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 154, $this->source); })()), "request", [], "any", false, false, false, 154), "locale", [], "any", false, false, false, 154)]), "html", null, true);
  310.         echo "\">";
  311.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-societe", [], "messages");
  312.         echo "</a>
  313.                             </li>
  314.                             <hr>
  315.                             <li>
  316.                                 <a class=\"nav-link ";
  317.         // line 158
  318.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 158, $this->source); })()), "request", [], "any", false, false, false, 158), "get", [0 => "_route"], "method", false, false, false, 158), "app_actualites"))) {
  319.             echo "active";
  320.         }
  321.         echo "\" href=\"";
  322.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_actualites", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 158, $this->source); })()), "request", [], "any", false, false, false, 158), "locale", [], "any", false, false, false, 158)]), "html", null, true);
  323.         echo "\">";
  324.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-actu", [], "messages");
  325.         echo "</a>
  326.                             </li>
  327.                             <hr>
  328.                             <li>
  329.                                 <a class=\"nav-link ";
  330.         // line 162
  331.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 162, $this->source); })()), "request", [], "any", false, false, false, 162), "get", [0 => "_route"], "method", false, false, false, 162), "app_contact"))) {
  332.             echo "active";
  333.         }
  334.         echo "\" href=\"";
  335.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_contact", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 162, $this->source); })()), "request", [], "any", false, false, false, 162), "locale", [], "any", false, false, false, 162)]), "html", null, true);
  336.         echo "\">";
  337.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-contact", [], "messages");
  338.         echo "</a>
  339.                             </li>
  340.                             <hr> 
  341.                            
  342.                            
  344.                             <div class=\"d-flex justify-content-between\" style=\"margin-top:16px\">
  345.                                 <div class=\"col-3 joinUs joinUsResp\">
  346.      
  347.                                     <li class=\"nav-item\">
  348.                                         <a class=\"nav-link ";
  349.         // line 172
  350.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 172, $this->source); })()), "request", [], "any", false, false, false, 172), "get", [0 => "_route"], "method", false, false, false, 172), "app_joinus"))) {
  351.             echo "active";
  352.         }
  353.         echo "\" href=\"";
  354.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_joinus", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 172, $this->source); })()), "request", [], "any", false, false, false, 172), "locale", [], "any", false, false, false, 172)]), "html", null, true);
  355.         echo "\">JOIN US</a>
  356.                                     </li>
  357.                                 </div>
  358.                                 <li class=\"nav-item\">
  359.                             <a href=\"https://www.linkedin.com/company/cpi-luxembourg\" target=\"_blank\"><img class=\"img-fluid\" src=\"";
  360.         // line 176
  361.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/linkedIn.png"), "html", null, true);
  362.         echo "\" alt=\"linkedIn\"></a>
  363.                                 </li>
  364.                             </div>
  366.                                        
  367.                               
  368.                            
  370.                             <li>
  371.                                
  372.                                     <p style=\"font-size:8px!important;color:white;text-decoration:none;margin:0;padding:0;margin-top:15px;margin-bottom:25px;\"> <a href=\"";
  373.         // line 186
  374.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("politique", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 186, $this->source); })()), "request", [], "any", false, false, false, 186), "locale", [], "any", false, false, false, 186)]), "html", null, true);
  375.         echo "\"  style=\"font-size:12px!important;\">";
  376.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("footer-text3", [], "messages");
  377.         echo "</a>  | <a href=\"";
  378.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cookies", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 186, $this->source); })()), "request", [], "any", false, false, false, 186), "locale", [], "any", false, false, false, 186)]), "html", null, true);
  379.         echo "\"  style=\"font-size:12px!important;\">Cookies</a> </p>
  380.                                 
  381.                             </li>
  382.                             <li class=\"d-none\">
  383.                                 <p style=\"font-size:12px;font-weight:bold;color:#7393FA; margin-top:15px;margin-bottom: 0!important;\">";
  384.         // line 190
  385.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("footer-text2", [], "messages");
  386.         echo "</p>
  387.                                  <div class=\"d-flex justify-content-between\" style=\"margin:0;padding:0\">
  388.                                     <a href=\"https://www.wintool.com/en\" target=\"_blank\" style=\"text-decoration:none;\"><img src=\"";
  389.         // line 192
  390.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/wintool-ag-logo-vector-white.png"), "html", null, true);
  391.         echo "\" alt=\"\" style=\"margin:0;padding:0\"></a>
  392.                                     <a href=\"https://www.3ds.com/fr/\" target=\"_blank\" style=\"text-decoration:none;\"><img src=\"";
  393.         // line 193
  394.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/delmiaworks-logo.png"), "html", null, true);
  395.         echo "\" style=\"margin:0;padding:0;width:135px;margin-left: 15px;\" alt=\"\"></a>
  396.                                 </div>
  397.                             </li>
  398.                             
  399.                                
  400.                             
  401.                         </ul>
  402.                     </div>
  403.                     
  404.                 </div>
  405.             </div>
  406.         </div>
  408.         <div class=\"side-bar\">
  410.                 <a href=\"";
  411.         // line 208
  412.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  413.         echo "\">
  414.                     <img src=\"";
  415.         // line 209
  416.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/industrialisation/Groupe 287.svg"), "html", null, true);
  417.         echo "\" alt=\"logo\" style=\"cursor:pointer;\">
  418.                 </a>
  419.               
  420.                     
  421.                 <div class=\"d-flex\">
  422.                    
  423.                    <div class=\"radio-nav\" style=\"margin-right:15px;\">
  424.                                             <a href=\"";
  425.         // line 216
  426.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("changerLocale", ["locale" => "fr"]);
  427.         echo "\" style=\"color:black;text-decoration:none;\" class=\"";
  428.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 216, $this->source); })()), "request", [], "any", false, false, false, 216), "locale", [], "any", false, false, false, 216), "fr"))) {
  429.             echo "radio-nav-active";
  430.         }
  431.         echo "\">FR</a>  
  432.                                             <a href=\"";
  433.         // line 217
  434.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("changerLocale", ["locale" => "en"]);
  435.         echo "\" style=\"color:black;text-decoration:none;\" class=\"";
  436.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 217, $this->source); })()), "request", [], "any", false, false, false, 217), "locale", [], "any", false, false, false, 217), "en"))) {
  437.             echo "radio-nav-active";
  438.         }
  439.         echo "\">EN</a>
  440.                                         </div>
  441.                     <img src=\"";
  442.         // line 219
  443.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/burger-menu-svgrepo-com.svg"), "html", null, true);
  444.         echo "\" alt=\"menu burger logo\" class=\"menu-hamburger\" style=\"width: 30px!important;cursor:pointer;\">
  445.                 </div>    
  446.         </div>
  447.           
  448.         
  451.        
  452.         <script>
  453.             const menuHamburger = document.querySelector(\".menu-hamburger\");
  454.             const sideBarContent = document.querySelector(\".side-bar-content\");
  456.             let buttonClose = document.querySelector(\".circlemark\");
  458.                 menuHamburger.addEventListener('click', () => {
  459.                 if (sideBarContent.style.display === 'block') {
  460.                     sideBarContent.style.display = 'none';
  461.                   
  462.                 } else {
  463.                     sideBarContent.style.display = 'block';
  464.                    
  465.                 }
  466.                 });
  468.                 buttonClose.addEventListener('click', () => {
  469.                     if (sideBarContent.style.display === 'block') {
  470.                         sideBarContent.style.display = 'none';
  471.                       
  472.                     } else {
  473.                         sideBarContent.style.display = 'block';
  474.                        
  475.                     }
  476.                     });
  477.         </script>
  479.     <header>
  480.         
  481.         <div class=\"navigation-header container-fluid\" style=\"border-bottom: solid 2px blue;\">
  482.             <div class=\"row py-4 d-flex\" id=\"header\" style=\" margin-right:5%!important\">
  484.                 <div class=\" col-4 col-md-2 d-flex  align-items-center justify-content-center justify-content-md-end\"  id=\"logo-responsive\">
  485.                     <div class=\"logo\">
  486.                         <a href=\"";
  487.         // line 261
  488.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_home");
  489.         echo "\"><img class=\"d-block\" style=\"width:150px !important;\" src=\"";
  490.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/industrialisation/Groupe 287.svg"), "html", null, true);
  491.         echo "\" alt=\"accueil\" /></a>
  492.                     
  493.                     </div>
  494.                 </div>
  495.             
  496.                 <div class=\"col-10 d-flex justify-content-lg-end justify-content-center\" >
  497.                     <nav class=\"navbar navbar-expand-lg \">
  498.                         <div class=\"container-fluid\">
  500.                             <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">
  501.                                 <span class=\"navbar-toggler-icon\"></span>
  502.                             </button>
  503.                             <div class=\"collapse navbar-collapse \" id=\"navbarNav\">
  504.                                 <ul class=\"navbar-nav \" style=\"padding:0;position: relative;top: 14px;\">
  505.                                     <li class=\"nav-item nav-edit  d-flex flex-column align-items-center justify-content-between\" style=\"text-transform:uppercase\">
  506.                                         ";
  507.         // line 276
  508.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 276, $this->source); })()), "user", [], "any", false, false, false, 276)) {
  509.             echo "<a href=\"";
  510.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 1]);
  511.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  512.         }
  513.         // line 277
  514.         echo "                                        <a class=\"nav-link ";
  515.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 277, $this->source); })()), "request", [], "any", false, false, false, 277), "get", [0 => "_route"], "method", false, false, false, 277), "app_industrialisation"))) {
  516.             echo "active";
  517.         }
  518.         echo "\" aria-current=\"page\" href=\"";
  519.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_industrialisation", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 277, $this->source); })()), "request", [], "any", false, false, false, 277), "locale", [], "any", false, false, false, 277)]), "html", null, true);
  520.         echo "\">";
  521.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-industrialisation", [], "messages");
  522.         echo "</a>
  523.                                         <img class=\"circle-hover-nav\" src=\"";
  524.         // line 278
  525.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  526.         echo "\" alt=\"\">
  527.                                     </li>
  528.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  529.                                         ";
  530.         // line 281
  531.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 281, $this->source); })()), "user", [], "any", false, false, false, 281)) {
  532.             echo "<a href=\"";
  533.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 2]);
  534.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  535.         }
  536.         // line 282
  537.         echo "                                        <a class=\"nav-link ";
  538.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 282, $this->source); })()), "request", [], "any", false, false, false, 282), "get", [0 => "_route"], "method", false, false, false, 282), "formations"))) {
  539.             echo "active";
  540.         }
  541.         echo "\" href=\"";
  542.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("formations", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 282, $this->source); })()), "request", [], "any", false, false, false, 282), "locale", [], "any", false, false, false, 282)]), "html", null, true);
  543.         echo "\" >";
  544.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-formation", [], "messages");
  545.         echo "</a>
  546.                                         <img class=\"circle-hover-nav\" src=\"";
  547.         // line 283
  548.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  549.         echo "\" alt=\"\">
  551.                                     </li>
  552.                                     <li class=\"nav-item nav-edit  d-flex flex-column align-items-center justify-content-between\">
  553.                                         ";
  554.         // line 287
  555.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 287, $this->source); })()), "user", [], "any", false, false, false, 287)) {
  556.             echo "<a href=\"";
  557.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 53]);
  558.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  559.         }
  560.         // line 288
  561.         echo "                                        <a class=\"nav-link ";
  562.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 288, $this->source); })()), "request", [], "any", false, false, false, 288), "get", [0 => "_route"], "method", false, false, false, 288), "app_digitalManufacturingServices"))) {
  563.             echo "active";
  564.         }
  565.         echo "\" href=\"";
  566.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_digitalManufacturingServices", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 288, $this->source); })()), "request", [], "any", false, false, false, 288), "locale", [], "any", false, false, false, 288)]), "html", null, true);
  567.         echo "\">";
  568.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-digital", [], "messages");
  569.         echo "</a>
  570.                                         <img class=\"circle-hover-nav\" src=\"";
  571.         // line 289
  572.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  573.         echo "\" alt=\"\">
  574.                                     </li>
  575.                                     ";
  576.         // line 291
  577.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 291, $this->source); })()), "user", [], "any", false, false, false, 291)) {
  578.             // line 292
  579.             echo "                                    <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between \">
  580.                                         ";
  581.             // line 293
  582.             if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 293, $this->source); })()), "user", [], "any", false, false, false, 293)) {
  583.                 echo "<a href=\"";
  584.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 60]);
  585.                 echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  586.             }
  587.             // line 294
  588.             echo "                                        <div class=\"dropdown d-flex flex-column align-items-center justify-content-between\">
  589.                                             <a class=\"nav-link ";
  590.             // line 295
  591.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 295, $this->source); })()), "request", [], "any", false, false, false, 295), "get", [0 => "_route"], "method", false, false, false, 295), "app_manufacturingERP"))) {
  592.                 echo "active";
  593.             }
  594.             echo "\" style=\"cursor:pointer;margin-bottom:20px\">";
  595.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-manufacturingerp", [], "messages");
  596.             echo "</a>
  597.                                             <img class=\"circle-hover-nav\" src=\"";
  598.             // line 296
  599.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  600.             echo "\" alt=\"\">
  602.                                             <div class=\"dropdown-content dropdown-base\">
  603.                                                 <a class=\"";
  604.             // line 299
  605.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 299, $this->source); })()), "request", [], "any", false, false, false, 299), "get", [0 => "_route"], "method", false, false, false, 299), "app_manufacturingERP"))) {
  606.                 echo "active";
  607.             }
  608.             echo "\" href=\"";
  609.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_manufacturingERP", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 299, $this->source); })()), "request", [], "any", false, false, false, 299), "locale", [], "any", false, false, false, 299)]), "html", null, true);
  610.             echo "\">";
  611.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-erp-presentation", [], "messages");
  612.             if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 299, $this->source); })()), "user", [], "any", false, false, false, 299)) {
  613.                 echo "<a href=\"";
  614.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 54]);
  615.                 echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  616.             }
  617.             echo "</a>
  618.                                                 <a class=\"";
  619.             // line 300
  620.             if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 300, $this->source); })()), "request", [], "any", false, false, false, 300), "get", [0 => "_route"], "method", false, false, false, 300), "presentationERP"))) {
  621.                 echo "active";
  622.             }
  623.             echo "\" href=\"";
  624.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("presentationERP", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 300, $this->source); })()), "request", [], "any", false, false, false, 300), "locale", [], "any", false, false, false, 300)]), "html", null, true);
  625.             echo "\">";
  626.             echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-erp-fonctionnalites", [], "messages");
  627.             if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 300, $this->source); })()), "user", [], "any", false, false, false, 300)) {
  628.                 echo "<a href=\"";
  629.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 55]);
  630.                 echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  631.             }
  632.             echo "</a>
  633.                                             </div>
  634. </div>
  635.                                                 <script>
  636.                                                     // Récupérez le lien MANUFACTURING et le menu déroulant
  637.                                                     const manufacturingLink = document.querySelector('.dropdown a');
  638.                                                     const dropdownContent = document.querySelector('.dropdown .dropdown-content');
  640.                                                     // Ajoutez un gestionnaire d'événement au lien
  641.                                                     manufacturingLink.addEventListener('click', function (e) {
  642.                                                         e.preventDefault(); // Empêche le lien de suivre le lien href
  644.                                                         // Vérifiez si le menu est actuellement caché
  645.                                                         if (dropdownContent.style.display === 'none' || !dropdownContent.style.display) {
  646.                                                             // Affichez le menu déroulant avec une hauteur adaptée au contenu
  647.                                                             dropdownContent.style.display = 'block';
  648.                                                             dropdownContent.style.height = 'auto';
  649.                                                             const height = dropdownContent.clientHeight + 'px';
  650.                                                             dropdownContent.style.height = '0'; // Réinitialisez la hauteur à 0
  651.                                                             setTimeout(() => {
  652.                                                                 dropdownContent.style.height = height; // Appliquez la hauteur réelle pour l'animation
  653.                                                             }, 0);
  654.                                                         } else {
  655.                                                             // Masquez le menu déroulant
  656.                                                             dropdownContent.style.height = '0';
  657.                                                             setTimeout(() => {
  658.                                                                 dropdownContent.style.display = 'none';
  659.                                                             }, 300); // Durée de l'animation CSS
  660.                                                         }
  661.                                                     });
  662.                                                 </script>
  665.                                     </li>
  666.                                     ";
  667.         }
  668.         // line 335
  669.         echo "                                    <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  670.                                         ";
  671.         // line 336
  672.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 336, $this->source); })()), "user", [], "any", false, false, false, 336)) {
  673.             echo "<a href=\"";
  674.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 56]);
  675.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  676.         }
  677.         // line 337
  678.         echo "                                        <a class=\"nav-link ";
  679.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 337, $this->source); })()), "request", [], "any", false, false, false, 337), "get", [0 => "_route"], "method", false, false, false, 337), "app_baseOutils"))) {
  680.             echo "active";
  681.         }
  682.         echo "\" href=\"";
  683.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_baseOutils", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 337, $this->source); })()), "request", [], "any", false, false, false, 337), "locale", [], "any", false, false, false, 337)]), "html", null, true);
  684.         echo "\">";
  685.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-baseoutils", [], "messages");
  686.         echo "</a>
  687.                                         <img class=\"circle-hover-nav\" src=\"";
  688.         // line 338
  689.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  690.         echo "\" alt=\"\">
  693.                                     </li>
  694.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  695.                                         ";
  696.         // line 343
  697.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 343, $this->source); })()), "user", [], "any", false, false, false, 343)) {
  698.             echo "<a href=\"";
  699.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 57]);
  700.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  701.         }
  702.         // line 344
  703.         echo "                                        <a class=\"nav-link ";
  704.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 344, $this->source); })()), "request", [], "any", false, false, false, 344), "get", [0 => "_route"], "method", false, false, false, 344), "app_societe"))) {
  705.             echo "active";
  706.         }
  707.         echo "\" href=\"";
  708.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_societe", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 344, $this->source); })()), "request", [], "any", false, false, false, 344), "locale", [], "any", false, false, false, 344)]), "html", null, true);
  709.         echo "\">";
  710.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-societe", [], "messages");
  711.         echo "</a>
  712.                                         <img class=\"circle-hover-nav\" src=\"";
  713.         // line 345
  714.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  715.         echo "\" alt=\"\">
  717.                                     </li>
  718.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  719.                                         ";
  720.         // line 349
  721.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 349, $this->source); })()), "user", [], "any", false, false, false, 349)) {
  722.             echo "<a href=\"";
  723.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 58]);
  724.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  725.         }
  726.         // line 350
  727.         echo "                                        <a class=\"nav-link ";
  728.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 350, $this->source); })()), "request", [], "any", false, false, false, 350), "get", [0 => "_route"], "method", false, false, false, 350), "app_actualites"))) {
  729.             echo "active";
  730.         }
  731.         echo "\" href=\"";
  732.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_actualites", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 350, $this->source); })()), "request", [], "any", false, false, false, 350), "locale", [], "any", false, false, false, 350)]), "html", null, true);
  733.         echo "\">";
  734.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-actu", [], "messages");
  735.         echo "</a>
  736.                                         <img class=\"circle-hover-nav\" src=\"";
  737.         // line 351
  738.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  739.         echo "\" alt=\"\">
  741.                                     </li>
  742.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  743.                                         ";
  744.         // line 355
  745.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 355, $this->source); })()), "user", [], "any", false, false, false, 355)) {
  746.             echo "<a href=\"";
  747.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 59]);
  748.             echo "\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  749.         }
  750.         // line 356
  751.         echo "                                        <a class=\"nav-link ";
  752.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 356, $this->source); })()), "request", [], "any", false, false, false, 356), "get", [0 => "_route"], "method", false, false, false, 356), "app_contact"))) {
  753.             echo "active";
  754.         }
  755.         echo "\" href=\"";
  756.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_contact", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 356, $this->source); })()), "request", [], "any", false, false, false, 356), "locale", [], "any", false, false, false, 356)]), "html", null, true);
  757.         echo "\">";
  758.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("navbar-menu-contact", [], "messages");
  759.         echo "</a>
  760.                                         <img class=\"circle-hover-nav\" src=\"";
  761.         // line 357
  762.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/iconizer-image-rond-bleu-2.svg"), "html", null, true);
  763.         echo "\" alt=\"\">
  765.                                     </li>
  766.                         
  767.                                     <div class=\"joinUs\">
  768.                                         <li class=\"nav-item\">
  769.                                             <a class=\"nav-link ";
  770.         // line 363
  771.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 363, $this->source); })()), "request", [], "any", false, false, false, 363), "get", [0 => "_route"], "method", false, false, false, 363), "app_joinus"))) {
  772.             echo "active";
  773.         }
  774.         echo "\" href=\"";
  775.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_joinus", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 363, $this->source); })()), "request", [], "any", false, false, false, 363), "locale", [], "any", false, false, false, 363)]), "html", null, true);
  776.         echo "\">JOIN US</a>
  777.                                         </li>
  778.                                     </div>
  780.                                     
  781.                                         
  782.                                         <div class=\"radio-nav\">
  783.                                             <a href=\"";
  784.         // line 370
  785.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("changerLocale", ["locale" => "fr"]);
  786.         echo "\" style=\"color:black;text-decoration:none;\" class=\"";
  787.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 370, $this->source); })()), "request", [], "any", false, false, false, 370), "locale", [], "any", false, false, false, 370), "fr"))) {
  788.             echo "radio-nav-active";
  789.         }
  790.         echo "\">FR</a>  
  791.                                             <a href=\"";
  792.         // line 371
  793.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("changerLocale", ["locale" => "en"]);
  794.         echo "\" style=\"color:black;text-decoration:none;\" class=\"";
  795.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 371, $this->source); })()), "request", [], "any", false, false, false, 371), "locale", [], "any", false, false, false, 371), "en"))) {
  796.             echo "radio-nav-active";
  797.         }
  798.         echo "\">EN</a>
  799.                                         </div>
  800.                                         
  802.                                         <script>
  803.                                             document.querySelectorAll('input[name=\"language\"]').forEach(function(radio) {
  804.                                                 radio.addEventListener('change', function() {
  805.                                                     console.log(\"Langue du site:\", this.value); // Affiche la valeur dans la console
  806.                                                     document.getElementById('languageForm').submit();
  807.                                                 });
  808.                                             });
  809.                                         </script>
  810.                                    
  811.                                    <li id=\"search-icon\">
  812.                                                 <i class=\"searchLinkDesktop fa-solid fa-magnifying-glass\"></i>
  813.                                             </li>
  815.                                    
  816.                                 </ul>
  817.                             </div>
  818.                         </div>
  819.                     </nav>
  820.                 </div>
  821.             </div>
  822.         </div>
  824.         <div class=\"container-form\" id=\"search-container\">
  825.     <form action=\"";
  826.         // line 398
  827.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("resultatRecherche");
  828.         echo "\" method=\"post\">
  829.         <input type=\"search\" name=\"search\" placeholder=\"";
  830.         // line 399
  831.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("tapez-votre-recherche", [], "messages");
  832.         echo "\">
  833.         <input type=\"submit\" hidden />
  834.     </form>
  835. </div>
  837. <script>
  838. document.addEventListener(\"DOMContentLoaded\", function () {
  839.     const searchIcon = document.getElementById(\"search-icon\");
  840.     const searchContainer = document.getElementById(\"search-container\");
  842.     searchIcon.addEventListener(\"click\", function (event) {
  843.         // Empêcher la propagation du clic pour éviter la fermeture immédiate
  844.         event.stopPropagation();
  846.         if (searchContainer.style.height === \"0px\" || searchContainer.style.height === \"\") {
  847.             // Afficher le formulaire
  848.             searchContainer.style.height = \"90px\";
  849.             searchContainer.style.opacity = \"1\";
  851.             // Ajouter un gestionnaire d'événements de clic au document pour masquer le formulaire
  852.             document.addEventListener(\"click\", function closeSearchContainer() {
  853.                 // Masquer le formulaire
  854.                 searchContainer.style.height = \"0px\";
  855.                 searchContainer.style.opacity = \"0\";
  857.                 // Retirer le gestionnaire d'événements une fois le formulaire masqué
  858.                 document.removeEventListener(\"click\", closeSearchContainer);
  859.             });
  860.         } else {
  861.             // Masquer le formulaire
  862.             searchContainer.style.height = \"0px\";
  863.             searchContainer.style.opacity = \"0\";
  864.         }
  865.     });
  867.     // Empêcher la propagation du clic depuis le conteneur du formulaire
  868.     searchContainer.addEventListener(\"click\", function (event) {
  869.         event.stopPropagation();
  870.     });
  871. });
  872. </script>
  878.         ";
  879.         // line 445
  880.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 445, $this->source); })()), "user", [], "any", false, false, false, 445)) {
  881.             // line 446
  882.             echo "
  883.         ";
  884.         }
  885.         // line 448
  886.         echo "    
  887.     
  888.     
  889.     
  891. </header>
  898.         ";
  899.         // line 460
  900.         $this->displayBlock('body', $context, $blocks);
  901.         // line 466
  902.         echo "
  903. <div class=\"footer \">
  904.     <div class=\"container\">
  906.                     <div class=\" row text\">
  907.                         <div class=\"d-md-block d-none col-xl-3 col-4 d-flex align-items-center justify-content-center justify-content-lg-start pictureFooter deleteResponsive deleteResponsiveTablet\">
  908.                             <a href =\"#\"><img class=\"d-md-block d-none w-75 img-fluid pictureFooter\" src=\"";
  909.         // line 472
  910.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/footer.png"), "html", null, true);
  911.         echo "\" alt=\"accueil\" /></a>    
  912.                         </div>
  914.                         <div class=\"col-xl-3 col-md-4 col-6 justify-content-center justify-content-lg-start \">
  915.                             <div class=\"txt1\">
  916.                                 <p>LUXEMBOURG</p>
  917.                             </div>
  918.                             <div class=\"d-flex flex-column\">                            
  919.                                 <p>21, rue de l'innovation,</p>
  920.                                 <p>1896 Kockelscheuer</p>
  921.                                 <p>Tél : +352 26 17 68 81</p>
  922.                                 <p>Email: info@cpi.lu</p>
  923.                             </div>
  924.                             <div class=\"row mt-4 deleteResponsiveTablet\">
  925.                                 <div class=\"suivez-nous\">
  926.                                     <p>";
  927.         // line 487
  928.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("footer-text1", [], "messages");
  929.         echo ":</p>
  930.                             
  931.                                     <a href=\"https://www.linkedin.com/company/cpi-luxembourg\" target=\"_blank\"><img class=\"img-fluid\" src=\"";
  932.         // line 489
  933.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/accueil/linkedIn.png"), "html", null, true);
  934.         echo "\" alt=\"linkedIn\"></a>
  935.                                 </div>
  936.                                 ";
  937.         // line 491
  938.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 491, $this->source); })()), "user", [], "any", false, false, false, 491)) {
  939.             echo "<a href=\"";
  940.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 80]);
  941.             echo "\"><button type=\"button\"  style=\"position:relative;top:20px\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  942.         }
  943.         // line 492
  944.         echo "                            </div>
  945.                         
  946.                         </div>
  947.                     
  948.             
  949.                         <div class=\"col-xl-3 col-md-4 col-6  justify-content-center justify-content-lg-start \">
  950.                             <div class=\"txt2\">
  951.                                 <p>FRANCE</p>
  952.                             </div>
  953.                             <div class=\"d-flex flex-wrap flex-xl-column flex-row\"> 
  954.                                 <p>Buropole Services</p>
  955.                                 <p>478, rue de la Découverte</p>
  956.                                 <p>MiniParc 3 • CS 67624</p>
  957.                                 <p>31676 LABEGE</p><br>
  958.                                 <p>Tél.: +33 (0)5 81 91 90 42</p>
  959.                                 <p>Email: info@cpi.lu</p>
  960.                             </div>
  961.                         </div>
  963.                         
  965.                         <div class=\"col-md-3 deleteResponsive deleteResponsiveTablet\">
  966.                             <div class=\"txt2\">
  967.                                 <p>";
  968.         // line 515
  969.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("footer-text2", [], "messages");
  970.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 515, $this->source); })()), "user", [], "any", false, false, false, 515)) {
  971.             echo "<a href=\"";
  972.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_dictionnaire_edit", ["id" => 81]);
  973.             echo "\"><button type=\"button\"  style=\"margin-left:10px\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>";
  974.         }
  975.         echo "</p>
  976.                                 
  977.                             </div>
  978.                             <div class=\"row\">
  979.                                 <div class=\"partenariat\">
  980.                                     <div class=\"col\">
  981.                                         <a href=\"#\"><img class=\"img-fluid\" src=\"";
  982.         // line 521
  983.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/societe/09-Logo Wintool Logo.png"), "html", null, true);
  984.         echo "\" alt=\"wintool\"></a>
  985.                                     </div>
  986.                                     
  987.                     
  988.                                 </div>
  989.                                 
  990.                             </div>
  991.                             <div class=\"row mt-5\">
  992.                                 <div class=\"partenariat\">
  993.                                     <div class=\"col\">
  994.                                         <a href=\"#\"><img class=\"img-fluid\" src=\"";
  995.         // line 531
  996.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/societe/03-logo dassault system-01.png"), "html", null, true);
  997.         echo "\" alt=\"delmia2\"></a>
  998.                                     </div>
  999.                                     
  1000.                                     <br>
  1001.                                 </div>
  1002.                             </div>
  1003.                         </div>
  1007.                     </div>
  1008.             
  1009.  
  1010.         
  1011.     </div>
  1012. </div>
  1013. <div class=\"footer2\">
  1014.     <div class=\"container \">
  1015.         <div class=\"row pt-1 d-flex flex-column flex-md-row \" >
  1016.             <div class=\"col-md-4 col-12  d-flex justify-content-center justify-content-md-start justify-content-xl-center\" >
  1017.                 <p class=\"txt1\">EVAMILL S.A. -©2023 - All Rights Reserved</p>  
  1018.             </div>
  1019.             <div class=\"col-md-4 col-12 d-flex justify-content-center justify-content-md-start justify-content-xl-center deleteResponsive\" >
  1020.             <style>
  1021.                 .txt2 a:hover{
  1022.                     opacity: 0.8;
  1023.                 }
  1024.             </style>
  1025.                 <p class=\"txt2\" style=\"position:relative;bottom:3px;\"><a href=\"";
  1026.         // line 559
  1027.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("politique", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 559, $this->source); })()), "request", [], "any", false, false, false, 559), "locale", [], "any", false, false, false, 559)]), "html", null, true);
  1028.         echo "\">";
  1029.         echo $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("footer-text3", [], "messages");
  1030.         echo "</a> | <a href=\"";
  1031.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cookies", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 559, $this->source); })()), "request", [], "any", false, false, false, 559), "locale", [], "any", false, false, false, 559)]), "html", null, true);
  1032.         echo "\" >Cookies</a></p>
  1033.             </div>
  1034.              
  1035.             <div class=\"col-md-4 col-12 d-flex justify-content-center justify-content-md-start justify-content-xl-center\">
  1036.                 <p class=\"txt3\" ><a href=\"https://www.piranha.lu/\" target=\"_blank\" style=\"text-decoration:none !important\">Designed by Piranha et Petits Poissons <span id=\"footerRouge\">Rouges</span></a></p>   
  1037.             </div>
  1038.         </div>
  1039.     </div>
  1040. </div>
  1043.         <script src=\"";
  1044.         // line 570
  1045.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/jquery-latest.min.js"), "html", null, true);
  1046.         echo "\"></script>
  1047.         <script src=\"";
  1048.         // line 571
  1049.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("slick/slick.js"), "html", null, true);
  1050.         echo "\"></script>
  1051.        
  1053.         <!-- pour les  annimation de scroll -->
  1054.         ";
  1055.         // line 575
  1056.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 575, $this->source); })()), "user", [], "any", false, false, false, 575)) {
  1057.             // line 576
  1058.             echo "        ";
  1059.         } else {
  1060.             // line 577
  1061.             echo "        <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>
  1062.         ";
  1063.         }
  1064.         // line 579
  1065.         echo "    <script src=\"https://cdn.ckeditor.com/ckeditor5/38.1.1/classic/ckeditor.js\"></script>
  1071.        
  1073.        <script type=\"text/javascript\" src=\"";
  1074.         // line 587
  1075.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("cookies/jquery.ihavecookies.js"), "html", null, true);
  1076.         echo "\"></script>
  1078.  <script type=\"text/javascript\">
  1079.                     
  1080. \t\t\tvar options = {
  1081. \t\t\t\ttitle: '";
  1082.         // line 592
  1083.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 592, $this->source); })()), "request", [], "any", false, false, false, 592), "locale", [], "any", false, false, false, 592), "fr"))) {
  1084.             echo "Acceptation des cookies";
  1085.         } else {
  1086.             echo "Cookie Policy";
  1087.         }
  1088.         echo " ',
  1089. \t\t\t\tmessage: \"";
  1090.         // line 593
  1091.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 593, $this->source); })()), "request", [], "any", false, false, false, 593), "locale", [], "any", false, false, false, 593), "fr"))) {
  1092.             echo "Nous utilisons des cookies nécessaires au fonctionnement de ce site Web et également des cookies nous permettant d'analyser notre trafic.";
  1093.         } else {
  1094.             echo "We use cookies that are required for the operation of this website, they are cookies that enable us to analyze the website traffic.";
  1095.         }
  1096.         echo "\",
  1097. \t\t\t\tdelay: 600,
  1098. \t\t\t\texpires: 1,
  1099. \t\t\t\tlink: \"";
  1100.         // line 596
  1101.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("politique", ["locale" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 596, $this->source); })()), "request", [], "any", false, false, false, 596), "locale", [], "any", false, false, false, 596)]), "html", null, true);
  1102.         echo "\",
  1103. \t\t\t\tonAccept: function(){
  1104. \t\t\t\t\tvar myPreferences = \$.fn.ihavecookies.cookie();
  1105. \t\t\t\t\tconsole.log('Yay! The following preferences were saved...');
  1106. \t\t\t\t\tconsole.log(myPreferences);
  1107. \t\t\t\t},
  1108. \t\t\t\tuncheckBoxes: true,
  1109. \t\t\t\tacceptBtnLabel: '";
  1110.         // line 603
  1111.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 603, $this->source); })()), "request", [], "any", false, false, false, 603), "locale", [], "any", false, false, false, 603), "fr"))) {
  1112.             echo "Tout accepter";
  1113.         } else {
  1114.             echo "Accept all";
  1115.         }
  1116.         echo "',
  1117.                 refuseBtnLabel: '";
  1118.         // line 604
  1119.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 604, $this->source); })()), "request", [], "any", false, false, false, 604), "locale", [], "any", false, false, false, 604), "fr"))) {
  1120.             echo "Tout refuser";
  1121.         } else {
  1122.             echo "Refuse all";
  1123.         }
  1124.         echo "',
  1125. \t\t\t\tadvancedBtnLabel: '";
  1126.         // line 605
  1127.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 605, $this->source); })()), "request", [], "any", false, false, false, 605), "locale", [], "any", false, false, false, 605), "fr"))) {
  1128.             echo "Personnaliser";
  1129.         } else {
  1130.             echo "Customize";
  1131.         }
  1132.         echo "',
  1133. \t\t\t\tmoreInfoLabel: '";
  1134.         // line 606
  1135.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 606, $this->source); })()), "request", [], "any", false, false, false, 606), "locale", [], "any", false, false, false, 606), "fr"))) {
  1136.             echo "En savoir plus";
  1137.         } else {
  1138.             echo "Read more";
  1139.         }
  1140.         echo "',
  1141. \t\t\t\tcookieTypesTitle: '";
  1142.         // line 607
  1143.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 607, $this->source); })()), "request", [], "any", false, false, false, 607), "locale", [], "any", false, false, false, 607), "fr"))) {
  1144.             echo "Choisissez les cookies que vous souhaitez accepter";
  1145.         } else {
  1146.             echo "Choose the cookies you want to accept";
  1147.         }
  1148.         echo "',
  1149. \t\t\t\tfixedCookieTypeLabel: '";
  1150.         // line 608
  1151.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 608, $this->source); })()), "request", [], "any", false, false, false, 608), "locale", [], "any", false, false, false, 608), "fr"))) {
  1152.             echo "Nécessaires";
  1153.         } else {
  1154.             echo "Required";
  1155.         }
  1156.         echo "',
  1157. \t\t\t\tfixedCookieTypeDesc: 'These are essential for the website to work correctly.',
  1158.             \tuncheckBoxes: true,
  1159.                 cookieTypes: [
  1160.                 
  1161.                 {
  1162.                     type: '";
  1163.         // line 614
  1164.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 614, $this->source); })()), "request", [], "any", false, false, false, 614), "locale", [], "any", false, false, false, 614), "fr"))) {
  1165.             echo "Préférences";
  1166.         } else {
  1167.             echo "Preferences";
  1168.         }
  1169.         echo "',
  1170.                     value: 'préférences',
  1171.                     description: 'Cookies related to site visits, browser types, etc.'
  1172.                 },
  1173.                 {
  1174.                     type: '";
  1175.         // line 619
  1176.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 619, $this->source); })()), "request", [], "any", false, false, false, 619), "locale", [], "any", false, false, false, 619), "fr"))) {
  1177.             echo "Fonctionnels";
  1178.         } else {
  1179.             echo "Functional";
  1180.         }
  1181.         echo "',
  1182.                     value: 'fonctionnels',
  1183.                     description: 'Cookies related to site visits, browser types, etc.'
  1184.                 },
  1185.                 {
  1186.                     type: '";
  1187.         // line 624
  1188.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 624, $this->source); })()), "request", [], "any", false, false, false, 624), "locale", [], "any", false, false, false, 624), "fr"))) {
  1189.             echo "Marketing";
  1190.         } else {
  1191.             echo "Marketing";
  1192.         }
  1193.         echo "',
  1194.                     value: 'marketing',
  1195.                     description: 'Cookies related to site visits, browser types, etc.'
  1196.                 },
  1197.                 
  1198.             ],
  1199. \t\t\t}
  1201. \t\t\t\$(document).ready(function() {
  1202. \t\t\t\t\$('body').ihavecookies(options);
  1204. \t\t\t\tif (\$.fn.ihavecookies.preference('marketing') === true) {
  1205. \t\t\t\t\tconsole.log('This should run because marketing is accepted.');
  1206. \t\t\t\t}
  1208. \t\t\t\t\$('.ihavecookiesBtn').on('click', function(e){
  1209. \t\t\t\t\te.preventDefault()
  1210. \t\t\t\t\t\$('body').ihavecookies(options, 'reinit');
  1211. \t\t\t\t});
  1212. \t\t\t});
  1214.              // Toggle advanced cookie options
  1215.             \$('body').on('click', '#gdpr-cookie-advanced', function(){
  1216.                 // Uncheck all checkboxes except for the disabled 'necessary'
  1217.                 // one and set 'data-auto' to OFF for all. The user can now
  1218.                 // select the cookies they want to accept.
  1219.                 \$('input[name=\"gdpr[]\"]:not(:disabled)').attr('data-auto', 'off').prop('checked', false);
  1220.                 \$('#gdpr-cookie-types').slideDown('fast', function(){
  1221.                     \$('#gdpr-cookie-advanced').prop('disabled', true);
  1222.                     \$('#gdpr-cookie-advanced').hide();
  1223.                     \$('#gdpr-cookie-refuse').hide();
  1224.                     \$('#gdpr-cookie-accept').html('";
  1225.         // line 655
  1226.         if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 655, $this->source); })()), "request", [], "any", false, false, false, 655), "locale", [], "any", false, false, false, 655), "fr"))) {
  1227.             echo "Accepter";
  1228.         } else {
  1229.             echo "Accept";
  1230.         }
  1231.         echo "');
  1232.                 });
  1233.             });
  1235. \t\t
  1237.         </script>
  1243.     <link href=\"";
  1244.         // line 667
  1245.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("cookies/cookies.css"), "html", null, true);
  1246.         echo "\" rel=\"stylesheet\">
  1248.         <script type=\"text/javascript\">
  1249.             \$(document).ready(function(){
  1250.                 \$('.slider-demo-formation').slick({
  1251.                     arrows: true,
  1252.                     infinite:true,
  1253.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  1254.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  1255.                     slidesToShow:4,
  1256.                     slidesToScroll:4,
  1257.                     responsive:[{
  1258.                         breakpoint:1024,
  1259.                         settings:{
  1260.                             slidesToShow:2,            
  1261.                         }
  1262.                     },{
  1263.                         breakpoint:900,
  1264.                         settings:{
  1265.                             slidesToShow:1,
  1266.                         }
  1267.                     }],
  1268.                 });
  1269.             });
  1271.             \$(document).ready(function(){
  1272.                 \$('.slider-demo-actu').slick({
  1273.                     arrows: true,
  1274.                     infinite:true,
  1275.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  1276.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  1277.                     slidesToShow:4,
  1278.                     slidesToScroll:4,
  1279.                     responsive:[{
  1280.                         breakpoint:1024,
  1281.                         settings:{
  1282.                             slidesToShow:2,            
  1283.                         }
  1284.                     },{
  1285.                         breakpoint:900,
  1286.                         settings:{
  1287.                             slidesToShow:1,
  1288.                         }
  1289.                     }],
  1290.                 });
  1291.             });
  1293.             \$(document).ready(function(){
  1294.                 \$('.slider-demo-partenaire').slick({
  1295.                     arrows: true,
  1296.                     infinite:true,
  1297.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  1298.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  1299.                     slidesToShow:4,
  1300.                     slidesToScroll:4,
  1301.                     responsive:[{
  1302.                         breakpoint:1024,
  1303.                         settings:{
  1304.                             slidesToShow:2,            
  1305.                         }
  1306.                     },{
  1307.                         breakpoint:900,
  1308.                         settings:{
  1309.                             slidesToShow:1,
  1310.                         }
  1311.                     }],
  1312.                 });
  1313.             });
  1314.         </script>
  1316.         <script type=\"text/javascript\">
  1317.             \$(document).ready(function() {
  1318.                 \$('.imgAnimee img').captall({
  1319.                     backgroundColor: 'rgba(0,0,255,0.5)',
  1320.                     animation: 'slide',
  1321.                     caption:'<button class=\"EnSavoirPlus\">En savoir plus</button>',
  1322.                     textAlign:'center',
  1323.                     slideTo:'center',
  1324.                     paddingTop:300,
  1325.                     paddingBottom:300,
  1326.                 });
  1327.             });
  1329.         </script>
  1331.         <script type=\"text/javascript\">
  1333.                 // Affiche flèche quand hover sur le paragraphe BOX 1
  1335.                 let box1 = document.querySelector('.box-doc-1');
  1336.                 let text1 = document.querySelector('.p1box');
  1337.                 let iconArrow1 = document.querySelector('.arrow1');
  1339.                 let box2 = document.querySelector('.box-doc-2');
  1340.                 let text2 = document.querySelector('.p2box');
  1341.                 let iconArrow2 = document.querySelector('.arrow2');
  1343.                 let box3 = document.querySelector('.box-doc-3');
  1344.                 let text3 = document.querySelector('.p3box');
  1345.                 let iconArrow3 = document.querySelector('.arrow3');
  1347.                 let box4 = document.querySelector('.box-doc-4');
  1348.                 let text4 = document.querySelector('.p4box');
  1349.                 let iconArrow4 = document.querySelector('.arrow4');
  1351.                 let box5 = document.querySelector('.box-doc-5');
  1352.                 let text5 = document.querySelector('.p5box');
  1353.                 let iconArrow5 = document.querySelector('.arrow5');
  1355.                 let box6 = document.querySelector('.box-doc-6');
  1356.                 let text6 = document.querySelector('.p6box');
  1357.                 let iconArrow6 = document.querySelector('.arrow6');
  1359.                 
  1361.                 box1.addEventListener('mouseenter', function() {
  1362.                     iconArrow1.style.visibility = 'visible';
  1363.                     text1.style.fontWeight = '500';
  1364.                     text1.style.color = '#fff';
  1365.                 });
  1367.                 box1.addEventListener('mouseleave', function() {    
  1368.                     iconArrow1.style.visibility = 'hidden';
  1369.                     text1.style.fontWeight = '300';
  1370.                     text1.style.color = 'rgba(255, 255, 255, 0.713)';
  1371.                 });
  1373.                 box2.addEventListener('mouseenter', function() {
  1374.                     iconArrow2.style.visibility = 'visible';
  1375.                     text2.style.fontWeight = '500';
  1376.                     text2.style.color = '#fff';
  1378.                 });
  1379.                 box2.addEventListener('mouseleave', function() {    
  1380.                     iconArrow2.style.visibility = 'hidden';
  1381.                     text2.style.fontWeight = '300';
  1382.                     text2.style.color = 'rgba(255, 255, 255, 0.713)';
  1383.                 });
  1385.                 box3.addEventListener('mouseenter', function() {
  1386.                     iconArrow3.style.visibility = 'visible';
  1387.                     text3.style.fontWeight = '500';
  1388.                     text3.style.color = '#fff';
  1390.                 });
  1391.                 box3.addEventListener('mouseleave', function() {    
  1392.                     iconArrow3.style.visibility = 'hidden';
  1393.                     text3.style.fontWeight = '300';
  1394.                     text3.style.color = 'rgba(255, 255, 255, 0.713)';
  1395.                 });
  1397.                 box4.addEventListener('mouseenter', function() {
  1398.                     iconArrow4.style.visibility = 'visible';
  1399.                     text4.style.fontWeight = '500';
  1400.                     text4.style.color = '#fff';
  1402.                 });
  1403.                 box4.addEventListener('mouseleave', function() {    
  1404.                     iconArrow4.style.visibility = 'hidden';
  1405.                     text4.style.fontWeight = '300';
  1406.                     text4.style.color = 'rgba(255, 255, 255, 0.713)';
  1407.                 });
  1409.                 box5.addEventListener('mouseenter', function() {
  1410.                     iconArrow5.style.visibility = 'visible';
  1411.                     text5.style.fontWeight = '500';
  1412.                     text5.style.color = '#fff';
  1414.                 });
  1415.                 box5.addEventListener('mouseleave', function() {    
  1416.                     iconArrow5.style.visibility = 'hidden';
  1417.                     text5.style.fontWeight = '300';
  1418.                     text5.style.color = 'rgba(255, 255, 255, 0.713)';
  1419.                 });
  1422.                 box6.addEventListener('mouseenter', function() {
  1423.                     iconArrow6.style.visibility = 'visible';
  1424.                     text6.style.fontWeight = '500';
  1425.                     text6.style.color = '#fff';
  1427.                 });
  1429.                 box6.addEventListener('mouseleave', function() {    
  1430.                     iconArrow6.style.visibility = 'hidden';
  1431.                     text6.style.fontWeight = '300';
  1432.                     text6.style.color = 'rgba(255, 255, 255, 0.713)';
  1433.                 });
  1435.                 // Affiche flèche quand hover sur le paragraphe BOX 2
  1437.                 let box12 = document.querySelector('.box-doc-1-2');
  1438.                 let text12 = document.querySelector('.p1box-2');
  1439.                 let iconArrow12 = document.querySelector('.arrow1-2');
  1441.                 let box22 = document.querySelector('.box-doc-2-2');
  1442.                 let text22 = document.querySelector('.p2box-2');
  1443.                 let iconArrow22 = document.querySelector('.arrow2-2');
  1445.                 let box32 = document.querySelector('.box-doc-3-2');
  1446.                 let text32 = document.querySelector('.p3box-2');
  1447.                 let iconArrow32 = document.querySelector('.arrow3-2');
  1449.                 let box42 = document.querySelector('.box-doc-4-2');
  1450.                 let text42 = document.querySelector('.p4box-2');
  1451.                 let iconArrow42 = document.querySelector('.arrow4-2');
  1453.                 let box52 = document.querySelector('.box-doc-5-2');
  1454.                 let text52 = document.querySelector('.p5box-2');
  1455.                 let iconArrow52 = document.querySelector('.arrow5-2');
  1457.                 let box62 = document.querySelector('.box-doc-6-2');
  1458.                 let text62 = document.querySelector('.p6box-2');
  1459.                 let iconArrow62 = document.querySelector('.arrow6-2');
  1461.                 
  1463.                 box12.addEventListener('mouseenter', function() {
  1464.                     iconArrow12.style.visibility = 'visible';
  1465.                     text12.style.fontWeight = '500';
  1466.                     text12.style.color = '#fff';
  1467.                 });
  1469.                 box12.addEventListener('mouseleave', function() {    
  1470.                     iconArrow12.style.visibility = 'hidden';
  1471.                     text12.style.fontWeight = '300';
  1472.                     text12.style.color = 'rgba(255, 255, 255, 0.713)';
  1473.                 });
  1475.                 box22.addEventListener('mouseenter', function() {
  1476.                     iconArrow22.style.visibility = 'visible';
  1477.                     text22.style.fontWeight = '500';
  1478.                     text22.style.color = '#fff';
  1480.                 });
  1481.                 box22.addEventListener('mouseleave', function() {    
  1482.                     iconArrow22.style.visibility = 'hidden';
  1483.                     text22.style.fontWeight = '300';
  1484.                     text22.style.color = 'rgba(255, 255, 255, 0.713)';
  1485.                 });
  1487.                 box32.addEventListener('mouseenter', function() {
  1488.                     iconArrow32.style.visibility = 'visible';
  1489.                     text32.style.fontWeight = '500';
  1490.                     text32.style.color = '#fff';
  1492.                 });
  1493.                 box32.addEventListener('mouseleave', function() {    
  1494.                     iconArrow32.style.visibility = 'hidden';
  1495.                     text32.style.fontWeight = '300';
  1496.                     text32.style.color = 'rgba(255, 255, 255, 0.713)';
  1497.                 });
  1499.                 box42.addEventListener('mouseenter', function() {
  1500.                     iconArrow42.style.visibility = 'visible';
  1501.                     text42.style.fontWeight = '500';
  1502.                     text42.style.color = '#fff';
  1504.                 });
  1505.                 box42.addEventListener('mouseleave', function() {    
  1506.                     iconArrow42.style.visibility = 'hidden';
  1507.                     text42.style.fontWeight = '300';
  1508.                     text42.style.color = 'rgba(255, 255, 255, 0.713)';
  1509.                 });
  1511.                 box52.addEventListener('mouseenter', function() {
  1512.                     iconArrow52.style.visibility = 'visible';
  1513.                     text52.style.fontWeight = '500';
  1514.                     text52.style.color = '#fff';
  1516.                 });
  1517.                 box52.addEventListener('mouseleave', function() {    
  1518.                     iconArrow52.style.visibility = 'hidden';
  1519.                     text52.style.fontWeight = '300';
  1520.                     text52.style.color = 'rgba(255, 255, 255, 0.713)';
  1521.                 });
  1524.                 box62.addEventListener('mouseenter', function() {
  1525.                     iconArrow62.style.visibility = 'visible';
  1526.                     text62.style.fontWeight = '500';
  1527.                     text62.style.color = '#fff';
  1529.                 });
  1531.                 box62.addEventListener('mouseleave', function() {    
  1532.                     iconArrow62.style.visibility = 'hidden';
  1533.                     text62.style.fontWeight = '300';
  1534.                     text62.style.color = 'rgba(255, 255, 255, 0.713)';
  1535.                 });
  1537.                 // Affiche flèche quand hover sur le paragraphe BOX 3
  1539.                 let box13 = document.querySelector('.box-doc-1-3');
  1540.                 let text13 = document.querySelector('.p1box-3');
  1541.                 let iconArrow13 = document.querySelector('.arrow1-3');
  1543.                 let box23 = document.querySelector('.box-doc-2-3');
  1544.                 let text23 = document.querySelector('.p2box-3');
  1545.                 let iconArrow23 = document.querySelector('.arrow2-3');
  1547.                 let box33 = document.querySelector('.box-doc-3-3');
  1548.                 let text33 = document.querySelector('.p3box-3');
  1549.                 let iconArrow33 = document.querySelector('.arrow3-3');
  1551.                 let box43 = document.querySelector('.box-doc-4-3');
  1552.                 let text43 = document.querySelector('.p4box-3');
  1553.                 let iconArrow43 = document.querySelector('.arrow4-3');
  1555.                 let box53 = document.querySelector('.box-doc-5-3');
  1556.                 let text53 = document.querySelector('.p5box-3');
  1557.                 let iconArrow53 = document.querySelector('.arrow5-3');
  1559.                 let box63 = document.querySelector('.box-doc-6-3');
  1560.                 let text63 = document.querySelector('.p6box-3');
  1561.                 let iconArrow63 = document.querySelector('.arrow6-3');
  1563.                 
  1565.                 box13.addEventListener('mouseenter', function() {
  1566.                     iconArrow13.style.visibility = 'visible';
  1567.                     text13.style.fontWeight = '500';
  1568.                     text13.style.color = '#fff';
  1569.                 });
  1571.                 box13.addEventListener('mouseleave', function() {    
  1572.                     iconArrow13.style.visibility = 'hidden';
  1573.                     text13.style.fontWeight = '300';
  1574.                     text13.style.color = 'rgba(255, 255, 255, 0.713)';
  1575.                 });
  1577.                 box23.addEventListener('mouseenter', function() {
  1578.                     iconArrow23.style.visibility = 'visible';
  1579.                     text23.style.fontWeight = '500';
  1580.                     text23.style.color = '#fff';
  1582.                 });
  1583.                 box23.addEventListener('mouseleave', function() {    
  1584.                     iconArrow23.style.visibility = 'hidden';
  1585.                     text23.style.fontWeight = '300';
  1586.                     text23.style.color = 'rgba(255, 255, 255, 0.713)';
  1587.                 });
  1589.                 box33.addEventListener('mouseenter', function() {
  1590.                     iconArrow33.style.visibility = 'visible';
  1591.                     text33.style.fontWeight = '500';
  1592.                     text33.style.color = '#fff';
  1594.                 });
  1595.                 box33.addEventListener('mouseleave', function() {    
  1596.                     iconArrow33.style.visibility = 'hidden';
  1597.                     text33.style.fontWeight = '300';
  1598.                     text33.style.color = 'rgba(255, 255, 255, 0.713)';
  1599.                 });
  1601.                 box43.addEventListener('mouseenter', function() {
  1602.                     iconArrow43.style.visibility = 'visible';
  1603.                     text43.style.fontWeight = '500';
  1604.                     text43.style.color = '#fff';
  1606.                 });
  1607.                 box43.addEventListener('mouseleave', function() {    
  1608.                     iconArrow43.style.visibility = 'hidden';
  1609.                     text43.style.fontWeight = '300';
  1610.                     text43.style.color = 'rgba(255, 255, 255, 0.713)';
  1611.                 });
  1613.                 box53.addEventListener('mouseenter', function() {
  1614.                     iconArrow53.style.visibility = 'visible';
  1615.                     text53.style.fontWeight = '500';
  1616.                     text53.style.color = '#fff';
  1618.                 });
  1619.                 box53.addEventListener('mouseleave', function() {    
  1620.                     iconArrow53.style.visibility = 'hidden';
  1621.                     text53.style.fontWeight = '300';
  1622.                     text53.style.color = 'rgba(255, 255, 255, 0.713)';
  1623.                 });
  1626.                 box63.addEventListener('mouseenter', function() {
  1627.                     iconArrow63.style.visibility = 'visible';
  1628.                     text63.style.fontWeight = '500';
  1629.                     text63.style.color = '#fff';
  1631.                 });
  1633.                 box63.addEventListener('mouseleave', function() {    
  1634.                     iconArrow63.style.visibility = 'hidden';
  1635.                     text63.style.fontWeight = '300';
  1636.                     text63.style.color = 'rgba(255, 255, 255, 0.713)';
  1637.                 });
  1639.                 // Affiche flèche quand hover sur le paragraphe BOX 4
  1641.                 let box14 = document.querySelector('.box-doc-1-4');
  1642.                 let text14 = document.querySelector('.p1box-4');
  1643.                 let iconArrow14 = document.querySelector('.arrow1-4');
  1645.                 let box24 = document.querySelector('.box-doc-2-4');
  1646.                 let text24 = document.querySelector('.p2box-4');
  1647.                 let iconArrow24 = document.querySelector('.arrow2-4');
  1649.                 let box34 = document.querySelector('.box-doc-3-4');
  1650.                 let text34 = document.querySelector('.p3box-4');
  1651.                 let iconArrow34 = document.querySelector('.arrow3-4');
  1653.                 let box44 = document.querySelector('.box-doc-4-4');
  1654.                 let text44 = document.querySelector('.p4box-4');
  1655.                 let iconArrow44 = document.querySelector('.arrow4-4');
  1657.                 let box54 = document.querySelector('.box-doc-5-4');
  1658.                 let text54 = document.querySelector('.p5box-4');
  1659.                 let iconArrow54 = document.querySelector('.arrow5-4');
  1661.                 let box64 = document.querySelector('.box-doc-6-4');
  1662.                 let text64 = document.querySelector('.p6box-4');
  1663.                 let iconArrow64 = document.querySelector('.arrow6-4');
  1665.                 
  1667.                 box14.addEventListener('mouseenter', function() {
  1668.                     iconArrow14.style.visibility = 'visible';
  1669.                     text14.style.fontWeight = '500';
  1670.                     text14.style.color = '#fff';
  1671.                 });
  1673.                 box14.addEventListener('mouseleave', function() {    
  1674.                     iconArrow14.style.visibility = 'hidden';
  1675.                     text14.style.fontWeight = '300';
  1676.                     text14.style.color = 'rgba(255, 255, 255, 0.713)';
  1677.                 });
  1679.                 box24.addEventListener('mouseenter', function() {
  1680.                     iconArrow24.style.visibility = 'visible';
  1681.                     text24.style.fontWeight = '500';
  1682.                     text24.style.color = '#fff';
  1684.                 });
  1685.                 box24.addEventListener('mouseleave', function() {    
  1686.                     iconArrow24.style.visibility = 'hidden';
  1687.                     text24.style.fontWeight = '300';
  1688.                     text24.style.color = 'rgba(255, 255, 255, 0.713)';
  1689.                 });
  1691.                 box34.addEventListener('mouseenter', function() {
  1692.                     iconArrow34.style.visibility = 'visible';
  1693.                     text34.style.fontWeight = '500';
  1694.                     text34.style.color = '#fff';
  1696.                 });
  1697.                 box34.addEventListener('mouseleave', function() {    
  1698.                     iconArrow34.style.visibility = 'hidden';
  1699.                     text34.style.fontWeight = '300';
  1700.                     text34.style.color = 'rgba(255, 255, 255, 0.713)';
  1701.                 });
  1703.                 box44.addEventListener('mouseenter', function() {
  1704.                     iconArrow44.style.visibility = 'visible';
  1705.                     text44.style.fontWeight = '500';
  1706.                     text44.style.color = '#fff';
  1708.                 });
  1709.                 box44.addEventListener('mouseleave', function() {    
  1710.                     iconArrow44.style.visibility = 'hidden';
  1711.                     text44.style.fontWeight = '300';
  1712.                     text44.style.color = 'rgba(255, 255, 255, 0.713)';
  1713.                 });
  1715.                 box54.addEventListener('mouseenter', function() {
  1716.                     iconArrow54.style.visibility = 'visible';
  1717.                     text54.style.fontWeight = '500';
  1718.                     text54.style.color = '#fff';
  1720.                 });
  1721.                 box54.addEventListener('mouseleave', function() {    
  1722.                     iconArrow54.style.visibility = 'hidden';
  1723.                     text54.style.fontWeight = '300';
  1724.                     text54.style.color = 'rgba(255, 255, 255, 0.713)';
  1725.                 });
  1728.                 box64.addEventListener('mouseenter', function() {
  1729.                     iconArrow64.style.visibility = 'visible';
  1730.                     text64.style.fontWeight = '500';
  1731.                     text64.style.color = '#fff';
  1733.                 });
  1735.                 box64.addEventListener('mouseleave', function() {    
  1736.                     iconArrow64.style.visibility = 'hidden';
  1737.                     text64.style.fontWeight = '300';
  1738.                     text64.style.color = 'rgba(255, 255, 255, 0.713)';
  1739.                 });
  1741.                  // Affiche flèche quand hover sur le paragraphe BOX 5
  1743.                 let box15 = document.querySelector('.box-doc-1-5');
  1744.                 let text15 = document.querySelector('.p1box-5');
  1745.                 let iconArrow15 = document.querySelector('.arrow1-5');
  1747.                 let box25 = document.querySelector('.box-doc-2-5');
  1748.                 let text25 = document.querySelector('.p2box-5');
  1749.                 let iconArrow25 = document.querySelector('.arrow2-5');
  1751.                 let box35 = document.querySelector('.box-doc-3-5');
  1752.                 let text35 = document.querySelector('.p3box-5');
  1753.                 let iconArrow35 = document.querySelector('.arrow3-5');
  1755.                 let box45 = document.querySelector('.box-doc-4-5');
  1756.                 let text45 = document.querySelector('.p4box-5');
  1757.                 let iconArrow45 = document.querySelector('.arrow4-5');
  1759.                 let box55 = document.querySelector('.box-doc-5-5');
  1760.                 let text55 = document.querySelector('.p5box-5');
  1761.                 let iconArrow55 = document.querySelector('.arrow5-5');
  1763.                 let box65 = document.querySelector('.box-doc-6-5');
  1764.                 let text65 = document.querySelector('.p6box-5');
  1765.                 let iconArrow65 = document.querySelector('.arrow6-5');
  1767.                 
  1769.                 box15.addEventListener('mouseenter', function() {
  1770.                     iconArrow15.style.visibility = 'visible';
  1771.                     text15.style.fontWeight = '500';
  1772.                     text15.style.color = '#fff';
  1773.                 });
  1775.                 box15.addEventListener('mouseleave', function() {    
  1776.                     iconArrow15.style.visibility = 'hidden';
  1777.                     text15.style.fontWeight = '300';
  1778.                     text15.style.color = 'rgba(255, 255, 255, 0.713)';
  1779.                 });
  1781.                 box25.addEventListener('mouseenter', function() {
  1782.                     iconArrow25.style.visibility = 'visible';
  1783.                     text25.style.fontWeight = '500';
  1784.                     text25.style.color = '#fff';
  1786.                 });
  1787.                 box25.addEventListener('mouseleave', function() {    
  1788.                     iconArrow25.style.visibility = 'hidden';
  1789.                     text25.style.fontWeight = '300';
  1790.                     text25.style.color = 'rgba(255, 255, 255, 0.713)';
  1791.                 });
  1793.                 box35.addEventListener('mouseenter', function() {
  1794.                     iconArrow35.style.visibility = 'visible';
  1795.                     text35.style.fontWeight = '500';
  1796.                     text35.style.color = '#fff';
  1798.                 });
  1799.                 box35.addEventListener('mouseleave', function() {    
  1800.                     iconArrow35.style.visibility = 'hidden';
  1801.                     text35.style.fontWeight = '300';
  1802.                     text35.style.color = 'rgba(255, 255, 255, 0.713)';
  1803.                 });
  1805.                 box45.addEventListener('mouseenter', function() {
  1806.                     iconArrow45.style.visibility = 'visible';
  1807.                     text45.style.fontWeight = '500';
  1808.                     text45.style.color = '#fff';
  1810.                 });
  1811.                 box45.addEventListener('mouseleave', function() {    
  1812.                     iconArrow45.style.visibility = 'hidden';
  1813.                     text45.style.fontWeight = '300';
  1814.                     text45.style.color = 'rgba(255, 255, 255, 0.713)';
  1815.                 });
  1817.                 box55.addEventListener('mouseenter', function() {
  1818.                     iconArrow55.style.visibility = 'visible';
  1819.                     text55.style.fontWeight = '500';
  1820.                     text55.style.color = '#fff';
  1822.                 });
  1823.                 box55.addEventListener('mouseleave', function() {    
  1824.                     iconArrow55.style.visibility = 'hidden';
  1825.                     text55.style.fontWeight = '300';
  1826.                     text55.style.color = 'rgba(255, 255, 255, 0.713)';
  1827.                 });
  1830.                 box65.addEventListener('mouseenter', function() {
  1831.                     iconArrow65.style.visibility = 'visible';
  1832.                     text65.style.fontWeight = '500';
  1833.                     text65.style.color = '#fff';
  1835.                 });
  1837.                 box65.addEventListener('mouseleave', function() {    
  1838.                     iconArrow65.style.visibility = 'hidden';
  1839.                     text65.style.fontWeight = '300';
  1840.                     text65.style.color = 'rgba(255, 255, 255, 0.713)';
  1841.                 });
  1852.                 // gère les différent catégorie challenge
  1853.                 
  1854.                 let buttonChallenge1 =  document.querySelector('.challenge-button-1'); 
  1855.                 let buttonChallenge2 =  document.querySelector('.challenge-button-2'); 
  1856.                 let buttonChallenge3 =  document.querySelector('.challenge-button-3'); 
  1857.                 let buttonChallenge4 =  document.querySelector('.challenge-button-4'); 
  1858.                 let buttonChallenge5 =  document.querySelector('.challenge-button-5'); 
  1860.                 let containerDoc1 =  document.querySelector('.container-document-1'); 
  1861.                 let containerDoc2 =  document.querySelector('.container-document-2'); 
  1862.                 let containerDoc3 =  document.querySelector('.container-document-3'); 
  1863.                 let containerDoc4 =  document.querySelector('.container-document-4'); 
  1864.                 let containerDoc5 =  document.querySelector('.container-document-5'); 
  1867.                 buttonChallenge1.addEventListener('click', function() {
  1868.                     containerDoc1.style.display = 'block';
  1869.                     containerDoc2.style.display = 'none';
  1870.                     containerDoc3.style.display = 'none';
  1871.                     containerDoc4.style.display = 'none';
  1872.                     containerDoc5.style.display = 'none';
  1873.                     buttonChallenge1.style.backgroundColor = '#2462FF';
  1874.                     buttonChallenge2.style.backgroundColor = 'transparent';
  1875.                     buttonChallenge3.style.backgroundColor = 'transparent';
  1876.                     buttonChallenge4.style.backgroundColor = 'transparent';
  1877.                     buttonChallenge5.style.backgroundColor = 'transparent';
  1878.                 });
  1880.                 buttonChallenge2.addEventListener('click', function() {
  1881.                     containerDoc2.style.display = 'block';
  1882.                     containerDoc1.style.display = 'none';
  1883.                     containerDoc3.style.display = 'none';
  1884.                     containerDoc4.style.display = 'none';
  1885.                     containerDoc5.style.display = 'none';
  1887.                     buttonChallenge1.style.backgroundColor = 'transparent';
  1888.                     buttonChallenge2.style.backgroundColor = '#2462FF';
  1889.                     buttonChallenge3.style.backgroundColor = 'transparent';
  1890.                     buttonChallenge4.style.backgroundColor = 'transparent';
  1891.                     buttonChallenge5.style.backgroundColor = 'transparent';
  1893.                     
  1894.                 });
  1896.                 buttonChallenge3.addEventListener('click', function() {
  1897.                     containerDoc3.style.display = 'block';
  1898.                     containerDoc1.style.display = 'none';
  1899.                     containerDoc2.style.display = 'none';
  1900.                     containerDoc4.style.display = 'none';
  1901.                     containerDoc5.style.display = 'none';
  1903.                     buttonChallenge1.style.backgroundColor = 'transparent';
  1904.                     buttonChallenge2.style.backgroundColor = 'transparent';
  1905.                     buttonChallenge3.style.backgroundColor = '#2462FF';
  1906.                     buttonChallenge4.style.backgroundColor = 'transparent';
  1907.                     buttonChallenge5.style.backgroundColor = 'transparent';
  1908.                 });
  1910.                 buttonChallenge4.addEventListener('click', function() {
  1911.                     containerDoc4.style.display = 'block';
  1912.                     containerDoc1.style.display = 'none';
  1913.                     containerDoc2.style.display = 'none';
  1914.                     containerDoc3.style.display = 'none';
  1915.                     containerDoc5.style.display = 'none';
  1917.                     buttonChallenge1.style.backgroundColor = 'transparent';
  1918.                     buttonChallenge2.style.backgroundColor = 'transparent';
  1919.                     buttonChallenge3.style.backgroundColor = 'transparent';
  1920.                     buttonChallenge4.style.backgroundColor = '#2462FF';
  1921.                     buttonChallenge5.style.backgroundColor = 'transparent';
  1922.                 });
  1924.                 buttonChallenge5.addEventListener('click', function() {
  1925.                     containerDoc5.style.display = 'block';
  1926.                     containerDoc1.style.display = 'none';
  1927.                     containerDoc2.style.display = 'none';
  1928.                     containerDoc3.style.display = 'none';
  1929.                     containerDoc4.style.display = 'none';
  1931.                     buttonChallenge1.style.backgroundColor = 'transparent';
  1932.                     buttonChallenge2.style.backgroundColor = 'transparent';
  1933.                     buttonChallenge3.style.backgroundColor = 'transparent';
  1934.                     buttonChallenge4.style.backgroundColor = 'transparent';
  1935.                     buttonChallenge5.style.backgroundColor = '#2462FF';
  1936.                 });
  1938.           
  1939.                 let circle2  =  document.querySelector('.circle-container-2'); 
  1940.                 let circle4  =  document.querySelector('.circle-container-4'); 
  1941.                 let circle5  =  document.querySelector('.circle-container-5'); 
  1942.                 let circle6  =  document.querySelector('.circle-container-6'); 
  1944.                 let imgCircle2 =  document.querySelector('.img-circle-2'); 
  1945.                 let imgCircle4 =  document.querySelector('.img-circle-4'); 
  1946.                 let imgCircle5 =  document.querySelector('.img-circle-5'); 
  1947.                 let imgCircle6 =  document.querySelector('.img-circle-6'); 
  1948.              
  1949.                 circle6.addEventListener(\"mouseenter\", function() {
  1950.                     imgCircle6.src = \"img/accueil/cpi-industrialisation-hover.svg\";
  1951.                     
  1952.                 });
  1954.                 circle6.addEventListener('mouseleave', function() {    
  1955.                     imgCircle6.src = \"img/accueil/cpi-industrialisation.svg\";
  1956.                 });
  1958.                 circle5.addEventListener(\"mouseenter\", function() {
  1959.                     imgCircle5.src = \"img/accueil/cpi-formation-hover.svg\";
  1960.                    
  1961.                 });
  1963.                 circle5.addEventListener('mouseleave', function() {    
  1964.                     imgCircle5.src = \"img/accueil/cpi-formation.svg\";
  1965.                 });
  1967.                 circle4.addEventListener(\"mouseenter\", function() {
  1968.                     imgCircle4.src = \"img/accueil/cpi-recrutement-hover.svg\";
  1969.                    
  1970.                 });
  1972.                 circle4.addEventListener('mouseleave', function() {    
  1973.                     imgCircle4.src = \"img/accueil/cpi-recrutement.svg\";
  1974.                 });
  1976.                 circle2.addEventListener(\"mouseenter\", function() {
  1977.                     imgCircle2.src = \"img/accueil/cpi-digital-services-hover.svg\";
  1978.                    
  1979.                 });
  1981.                 circle2.addEventListener('mouseleave', function() {    
  1982.                     imgCircle2.src = \"img/accueil/cpi-digital-services.svg\";
  1983.                 });
  1988.                 
  1989.                 
  1995.                 
  1997.         </script>
  1998.        
  1999.         </script>
  2002.    <script type=\"text/javascript\">
  2003.         \$(document).ready(function() {
  2004.             \$('.slider-demo-galerie').slick({
  2005.                     arrows: true,
  2006.                     infinite:true,
  2007.                     autoplay: true, // Ajout de l'option autoplay
  2008.                     autoplaySpeed: 4000, // Durée de chaque diapositive en millisecondes
  2009.                     slidesToShow:4,
  2010.                     slidesToScroll:4,
  2011.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  2012.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  2013.                         responsive:[{
  2014.                         breakpoint:1400,
  2015.                         settings:{
  2016.                             slidesToShow:3,  
  2017.                             slidesToScroll:3,            
  2018.                         }
  2019.                     },{
  2020.                         breakpoint:1200,
  2021.                         settings:{
  2022.                             slidesToShow:2,
  2023.                             slidesToScroll:2, 
  2024.                         }
  2025.                     },
  2026.                     {
  2027.                         breakpoint:769,
  2028.                         settings:{
  2029.                             slidesToShow:1,
  2030.                             slidesToScroll:1, 
  2031.                         }
  2032.                     }],
  2033.                 });
  2034.        
  2036.             \$('.slider-demo-actu').slick({
  2037.                 arrows: true,
  2038.                 infinite: true,
  2039.                 prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  2040.                 nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  2041.                 slidesToShow: 4,
  2042.                 slidesToScroll: 4,
  2043.                     responsive:[{
  2044.                         breakpoint:1400,
  2045.                         settings:{
  2046.                             slidesToShow:3,  
  2047.                             slidesToScroll:3,            
  2048.                         }
  2049.                     },{
  2050.                         breakpoint:1200,
  2051.                         settings:{
  2052.                             slidesToShow:2,
  2053.                             slidesToScroll:2, 
  2054.                         }
  2055.                     },
  2056.                     {
  2057.                         breakpoint:769,
  2058.                         settings:{
  2059.                             slidesToShow:1,
  2060.                             slidesToScroll:1, 
  2061.                         }
  2062.                     }],
  2063.             });
  2064.         });
  2065.     </script>
  2066.     ";
  2067.         // line 1487
  2068.         if (twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1487, $this->source); })()), "user", [], "any", false, false, false, 1487)) {
  2069.             // line 1488
  2070.             echo "    ";
  2071.         } else {
  2072.             // line 1489
  2073.             echo "    <script>
  2074.         AOS.init();
  2075.       </script>
  2076.     ";
  2077.         }
  2078.         // line 1493
  2079.         echo "
  2080. <script>
  2081.     \$(document).ready(function(){
  2082.     \$('.carousel').slick({
  2083.         prevArrow: '<button type=\"button\" class=\"slick-prev\"><img src=\"";
  2084.         // line 1497
  2085.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/arrow-g.svg"), "html", null, true);
  2086.         echo "\"></button>',
  2087.         nextArrow: '<button type=\"button\" class=\"slick-next\"><img src=\"";
  2088.         // line 1498
  2089.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/arrow-d.svg"), "html", null, true);
  2090.         echo "\"></button>'
  2091.     });
  2092. });
  2098. </script>
  2101. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm\" crossorigin=\"anonymous\"></script>
  2102.     
  2103.         
  2105.     </body>
  2106. </html>";
  2107.         
  2108.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2110.         
  2111.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2113.     }
  2115.     // line 8
  2116.     public function block_title($context, array $blocks = [])
  2117.     {
  2118.         $macros = $this->macros;
  2119.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2120.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  2122.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2123.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  2125.         echo "Welcome!";
  2126.         
  2127.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2129.         
  2130.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2132.     }
  2134.     // line 30
  2135.     public function block_stylesheet($context, array $blocks = [])
  2136.     {
  2137.         $macros = $this->macros;
  2138.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2139.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  2141.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2142.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  2144.         // line 31
  2145.         echo "           
  2146.         ";
  2147.         
  2148.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2150.         
  2151.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2153.     }
  2155.     // line 34
  2156.     public function block_javascripts($context, array $blocks = [])
  2157.     {
  2158.         $macros = $this->macros;
  2159.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2160.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  2162.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2163.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  2165.         // line 35
  2166.         echo "         
  2167.         ";
  2168.         
  2169.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2171.         
  2172.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2174.     }
  2176.     // line 460
  2177.     public function block_body($context, array $blocks = [])
  2178.     {
  2179.         $macros = $this->macros;
  2180.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  2181.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  2183.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  2184.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  2186.         // line 461
  2187.         echo "        
  2189.         
  2190.         
  2191.         ";
  2192.         
  2193.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  2195.         
  2196.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  2198.     }
  2200.     public function getTemplateName()
  2201.     {
  2202.         return "base.html.twig";
  2203.     }
  2205.     public function isTraitable()
  2206.     {
  2207.         return false;
  2208.     }
  2210.     public function getDebugInfo()
  2211.     {
  2212.         return array (  2187 => 461,  2177 => 460,  2166 => 35,  2156 => 34,  2145 => 31,  2135 => 30,  2116 => 8,  2089 => 1498,  2085 => 1497,  2079 => 1493,  2073 => 1489,  2070 => 1488,  2068 => 1487,  1245 => 667,  1226 => 655,  1188 => 624,  1176 => 619,  1164 => 614,  1151 => 608,  1143 => 607,  1135 => 606,  1127 => 605,  1119 => 604,  1111 => 603,  1101 => 596,  1091 => 593,  1083 => 592,  1075 => 587,  1065 => 579,  1061 => 577,  1058 => 576,  1056 => 575,  1049 => 571,  1045 => 570,  1027 => 559,  996 => 531,  983 => 521,  969 => 515,  944 => 492,  938 => 491,  933 => 489,  928 => 487,  910 => 472,  902 => 466,  900 => 460,  886 => 448,  882 => 446,  880 => 445,  831 => 399,  827 => 398,  793 => 371,  785 => 370,  771 => 363,  762 => 357,  751 => 356,  745 => 355,  738 => 351,  727 => 350,  721 => 349,  714 => 345,  703 => 344,  697 => 343,  689 => 338,  678 => 337,  672 => 336,  669 => 335,  620 => 300,  605 => 299,  599 => 296,  591 => 295,  588 => 294,  582 => 293,  579 => 292,  577 => 291,  572 => 289,  561 => 288,  555 => 287,  548 => 283,  537 => 282,  531 => 281,  525 => 278,  514 => 277,  508 => 276,  488 => 261,  443 => 219,  434 => 217,  426 => 216,  416 => 209,  412 => 208,  394 => 193,  390 => 192,  385 => 190,  374 => 186,  361 => 176,  350 => 172,  331 => 162,  318 => 158,  305 => 154,  292 => 150,  289 => 149,  250 => 119,  240 => 118,  231 => 112,  228 => 111,  226 => 110,  214 => 107,  201 => 103,  188 => 99,  171 => 85,  167 => 84,  158 => 78,  154 => 77,  144 => 69,  140 => 67,  138 => 66,  107 => 37,  105 => 34,  102 => 33,  100 => 30,  95 => 27,  91 => 25,  88 => 24,  86 => 23,  74 => 14,  70 => 13,  64 => 10,  60 => 9,  56 => 8,  47 => 1,);
  2213.     }
  2215.     public function getSourceContext()
  2216.     {
  2217.         return new Source("<!DOCTYPE html>
  2218. <html>
  2219.     <head>
  2220.         <meta charset=\"UTF-8\">
  2221.         <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  2223.         <!-- <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> -->
  2224.         <title>{% block title %}Welcome!{% endblock %}</title>
  2225.         <link rel=\"icon\" href=\"{{asset('img/favicon-16x16.png')}}\">
  2226.         <link rel=\"stylesheet\" href=\"{{ asset('css/style.css') }}\">
  2227.        <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9\" crossorigin=\"anonymous\">
  2228.         <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css\">
  2229.         <link rel=\"stylesheet\" href=\"{{asset('slick/slick.css')}}\">
  2230.         <link rel=\"stylesheet\" href=\"{{asset('slick/slick-theme.css')}}\">
  2231.         <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css\">
  2232.         <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  2233.         <link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\"  >
  2234.         <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.5.0/css/all.css\" integrity=\"sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\" crossorigin=\"anonymous\">
  2235.         <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  2236.         <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  2237.         <link href=\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">
  2238.         <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js\" integrity=\"sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
  2239.         {% if app.user%}
  2240.         {%else%}
  2241.         <link href=\"https://unpkg.com/aos@2.3.1/dist/aos.css\" rel=\"stylesheet\">
  2242.         {%endif%}
  2243.         
  2244.         <script src=\"https://kit.fontawesome.com/d2408fdc07.js\" crossorigin=\"anonymous\"></script>
  2246.         {% block stylesheet %}
  2247.            
  2248.         {% endblock %}
  2250.         {% block javascripts %}
  2251.          
  2252.         {% endblock %}
  2254.         <!-- Google tag (gtag.js) --> <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-065YCH9G8X\"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-065YCH9G8X'); </script>
  2255.       
  2256.     </head>
  2257.     <body>
  2259.     <style>
  2260.         @media (max-width: 1400px) { 
  2261.             section{
  2262.                 background-size:contain!important;
  2263.             }
  2264.         }
  2266.         .joinUsResp {
  2267.         border: white solid 2px!important; 
  2268.     }
  2271.         .formResp i {
  2272.             left: -19px!important;
  2273.             bottom: -8px!important;
  2274.         }
  2276.         .searchResp{
  2277.             margin-right:45px!important;
  2278.         }
  2279.         </style>
  2282. {% if app.user %}
  2283.     {% include 'cms.html.twig' %}
  2284. {% endif %}
  2287.          <!-- effet flou  -->
  2288.         <div class=\"side-bar-content bg-red\">
  2289.             <div class=\"row\" style=\"width: 100%; height: 100%; margin: 0;\">
  2290.                 <div class=\"col-2 blur\"></div>
  2291.                 <div class=\"col-10 content\">
  2292.                     <div class=\"d-flex justify-content-between align-items-center\" style=\"width:100%;height:50px;margin-top:20px;margin-bottom:32px;\">
  2293.                         <a href=\"{{path('app_home')}}\">
  2294.                             <img style=\"width:40%;margin-left:14px;\" src=\"{{asset('img/accueil/Groupe 134.svg')}}\" alt=\"logo\" style=\"cursor:pointer;\">
  2295.                         </a>     
  2296.                     
  2297.                         <i class=\"fa-regular fa-circle-xmark circlemark\" style=\"width:20px;height:20px;color:white;margin-right:20px;cursor:pointer;\"></i>
  2298.                     </div>
  2299.                      <div class=\"div d-flex\">
  2300.                      <form style=\"margin-bottom:30px;\" action=\"{{path('resultatRecherche')}}\" class=\"formResp d-flex w-100\"method=\"post\" >
  2301.                             <input type=\"search\" name=\"search\" class=\"searchResp\"  placeholder=\"{% trans %}tapez-votre-recherche{% endtrans %}\">                            
  2302.                             <i class=\"searchLink fa-solid fa-magnifying-glass\" style=\"color:white\"></i>
  2304.                             <input type=\"submit\" hidden />
  2305.                     </form> 
  2306.   
  2307.                     </div>
  2308.                     
  2309.                     <div class=\"nav-links\">
  2310.                         <ul style=\"margin:0;padding:0;padding-right:20px;margin-left: 20px;\">
  2311.                             <li>
  2312.                                 
  2313.                 
  2314.                                 
  2315.                                 <a class=\"nav-link {% if app.request.get('_route') == 'app_industrialisation' %}active{% endif %}\" aria-current=\"page\" href=\"{{path('app_industrialisation',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-industrialisation{% endtrans %}</a>
  2316.                             </li>
  2317.                             <hr>
  2318.                             <li>
  2319.                                 <a class=\"nav-link {% if app.request.get('_route') == 'formations' %}active{% endif %}\" href=\"{{path('formations',{'locale':app.request.locale})}}\" >{% trans %}navbar-menu-formation{% endtrans %}</a>
  2320.                             </li>
  2321.                             <hr>
  2322.                             <li>
  2323.                                 <a class=\"nav-link {% if app.request.get('_route') == 'app_digitalManufacturingServices' %}active{% endif %}\" href=\"{{path('app_digitalManufacturingServices',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-digital{% endtrans %}</a>
  2324.                             </li>
  2325.                             <hr>
  2326.                             {% if app.user %}
  2327.                            <div class=\"dropdown-text\">
  2328.                             <a class=\"nav-link-text\" id=\"dropdown-toggle-text\">{% trans %}navbar-manufacturingerp{% endtrans %}</a>
  2329.                             </div>
  2330.                         </li>
  2331.                 <li>
  2332.                  <div class=\"dropdown-text dropdown-content-text\">
  2333.                         
  2334.                         <a class=\"{% if app.request.get('_route') == 'app_manufacturingERP' %}active{% endif %}\" href=\"{{ path('app_manufacturingERP',{'locale':app.request.locale}) }}\" style=\"padding-top: 6px!important;padding-bottom: 6px!important;    color: #0C24B3;\">{% trans %}navbar-menu-erp-presentation{% endtrans %}</a>
  2335.                         <a class=\"{% if app.request.get('_route') == 'presentationERP' %}active{% endif %}\" href=\"{{ path('presentationERP',{'locale':app.request.locale}) }}\" style=\"padding-top: 6px!important;padding-bottom: 6px!important;    color: #0C24B3;\">{% trans %}navbar-menu-erp-fonctionnalites{% endtrans %}</a>
  2336.                     </div>
  2337.               
  2338.                     <script>
  2339.                       document.addEventListener(\"DOMContentLoaded\", function() {
  2340.                         const dropdownToggleText = document.getElementById(\"dropdown-toggle-text\");
  2341.                         const dropdownContentText = document.querySelector(\".dropdown-content-text\");
  2342.                         const marge = document.querySelector(\".testMarge\");  // Corrigé le ':' par un ';'
  2344.                         dropdownToggleText.addEventListener(\"click\", function() {
  2345.                             if (dropdownContentText.style.display === \"block\") {
  2346.                                 dropdownContentText.style.display = \"none\";
  2347.                                 marge.style.marginTop = \"0px\";  // Retire la marge
  2348.                             } else {
  2349.                                 dropdownContentText.style.display = \"block\";
  2350.                                 marge.style.marginTop = \"98px\";  // Ajoute la marge
  2351.                             }
  2352.                         });
  2354.                         document.addEventListener(\"click\", function(event) {
  2355.                             if (!event.target.matches(\".nav-link-text\") && !event.target.matches(\".dropdown-content-text a\")) {
  2356.                                 dropdownContentText.style.display = \"none\";
  2357.                                 marge.style.marginTop = \"0px\";  // Retire la marge
  2358.                             }
  2359.                         });
  2360.                     });
  2361.                                         </script>
  2362.                 </li>
  2363.                 <hr>
  2364.                  {% endif %}
  2365.                 <li class=\"testMarge\">
  2366.                     <a class=\"nav-link {% if app.request.get('_route') == 'app_baseOutils' %}active{% endif %}\" href=\"{{path('app_baseOutils',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-baseoutils{% endtrans %}</a>
  2367.                 </li>
  2368.                             <hr>
  2369.                             <li>
  2370.                                 <a class=\"nav-link {% if app.request.get('_route') == 'app_societe' %}active{% endif %}\" href=\"{{path('app_societe',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-societe{% endtrans %}</a>
  2371.                             </li>
  2372.                             <hr>
  2373.                             <li>
  2374.                                 <a class=\"nav-link {% if app.request.get('_route') == 'app_actualites' %}active{% endif %}\" href=\"{{path('app_actualites',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-actu{% endtrans %}</a>
  2375.                             </li>
  2376.                             <hr>
  2377.                             <li>
  2378.                                 <a class=\"nav-link {% if app.request.get('_route') == 'app_contact' %}active{% endif %}\" href=\"{{path('app_contact',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-contact{% endtrans %}</a>
  2379.                             </li>
  2380.                             <hr> 
  2381.                            
  2382.                            
  2384.                             <div class=\"d-flex justify-content-between\" style=\"margin-top:16px\">
  2385.                                 <div class=\"col-3 joinUs joinUsResp\">
  2386.      
  2387.                                     <li class=\"nav-item\">
  2388.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_joinus' %}active{% endif %}\" href=\"{{path('app_joinus',{'locale':app.request.locale})}}\">JOIN US</a>
  2389.                                     </li>
  2390.                                 </div>
  2391.                                 <li class=\"nav-item\">
  2392.                             <a href=\"https://www.linkedin.com/company/cpi-luxembourg\" target=\"_blank\"><img class=\"img-fluid\" src=\"{{asset('img/accueil/linkedIn.png')}}\" alt=\"linkedIn\"></a>
  2393.                                 </li>
  2394.                             </div>
  2396.                                        
  2397.                               
  2398.                            
  2400.                             <li>
  2401.                                
  2402.                                     <p style=\"font-size:8px!important;color:white;text-decoration:none;margin:0;padding:0;margin-top:15px;margin-bottom:25px;\"> <a href=\"{{ path('politique',{'locale':app.request.locale})}}\"  style=\"font-size:12px!important;\">{% trans %}footer-text3{% endtrans %}</a>  | <a href=\"{{ path('cookies',{'locale':app.request.locale})}}\"  style=\"font-size:12px!important;\">Cookies</a> </p>
  2403.                                 
  2404.                             </li>
  2405.                             <li class=\"d-none\">
  2406.                                 <p style=\"font-size:12px;font-weight:bold;color:#7393FA; margin-top:15px;margin-bottom: 0!important;\">{% trans %}footer-text2{% endtrans %}</p>
  2407.                                  <div class=\"d-flex justify-content-between\" style=\"margin:0;padding:0\">
  2408.                                     <a href=\"https://www.wintool.com/en\" target=\"_blank\" style=\"text-decoration:none;\"><img src=\"{{asset('img/accueil/wintool-ag-logo-vector-white.png')}}\" alt=\"\" style=\"margin:0;padding:0\"></a>
  2409.                                     <a href=\"https://www.3ds.com/fr/\" target=\"_blank\" style=\"text-decoration:none;\"><img src=\"{{asset('img/accueil/delmiaworks-logo.png')}}\" style=\"margin:0;padding:0;width:135px;margin-left: 15px;\" alt=\"\"></a>
  2410.                                 </div>
  2411.                             </li>
  2412.                             
  2413.                                
  2414.                             
  2415.                         </ul>
  2416.                     </div>
  2417.                     
  2418.                 </div>
  2419.             </div>
  2420.         </div>
  2422.         <div class=\"side-bar\">
  2424.                 <a href=\"{{path('app_home')}}\">
  2425.                     <img src=\"{{asset('img/industrialisation/Groupe 287.svg')}}\" alt=\"logo\" style=\"cursor:pointer;\">
  2426.                 </a>
  2427.               
  2428.                     
  2429.                 <div class=\"d-flex\">
  2430.                    
  2431.                    <div class=\"radio-nav\" style=\"margin-right:15px;\">
  2432.                                             <a href=\"{{path('changerLocale',{'locale':'fr'})}}\" style=\"color:black;text-decoration:none;\" class=\"{% if app.request.locale == 'fr' %}radio-nav-active{% endif %}\">FR</a>  
  2433.                                             <a href=\"{{path('changerLocale',{'locale':'en'})}}\" style=\"color:black;text-decoration:none;\" class=\"{% if app.request.locale == 'en' %}radio-nav-active{% endif %}\">EN</a>
  2434.                                         </div>
  2435.                     <img src=\"{{asset('img/burger-menu-svgrepo-com.svg')}}\" alt=\"menu burger logo\" class=\"menu-hamburger\" style=\"width: 30px!important;cursor:pointer;\">
  2436.                 </div>    
  2437.         </div>
  2438.           
  2439.         
  2442.        
  2443.         <script>
  2444.             const menuHamburger = document.querySelector(\".menu-hamburger\");
  2445.             const sideBarContent = document.querySelector(\".side-bar-content\");
  2447.             let buttonClose = document.querySelector(\".circlemark\");
  2449.                 menuHamburger.addEventListener('click', () => {
  2450.                 if (sideBarContent.style.display === 'block') {
  2451.                     sideBarContent.style.display = 'none';
  2452.                   
  2453.                 } else {
  2454.                     sideBarContent.style.display = 'block';
  2455.                    
  2456.                 }
  2457.                 });
  2459.                 buttonClose.addEventListener('click', () => {
  2460.                     if (sideBarContent.style.display === 'block') {
  2461.                         sideBarContent.style.display = 'none';
  2462.                       
  2463.                     } else {
  2464.                         sideBarContent.style.display = 'block';
  2465.                        
  2466.                     }
  2467.                     });
  2468.         </script>
  2470.     <header>
  2471.         
  2472.         <div class=\"navigation-header container-fluid\" style=\"border-bottom: solid 2px blue;\">
  2473.             <div class=\"row py-4 d-flex\" id=\"header\" style=\" margin-right:5%!important\">
  2475.                 <div class=\" col-4 col-md-2 d-flex  align-items-center justify-content-center justify-content-md-end\"  id=\"logo-responsive\">
  2476.                     <div class=\"logo\">
  2477.                         <a href=\"{{path('app_home')}}\"><img class=\"d-block\" style=\"width:150px !important;\" src=\"{{asset('img/industrialisation/Groupe 287.svg')}}\" alt=\"accueil\" /></a>
  2478.                     
  2479.                     </div>
  2480.                 </div>
  2481.             
  2482.                 <div class=\"col-10 d-flex justify-content-lg-end justify-content-center\" >
  2483.                     <nav class=\"navbar navbar-expand-lg \">
  2484.                         <div class=\"container-fluid\">
  2486.                             <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\" aria-controls=\"navbarNav\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">
  2487.                                 <span class=\"navbar-toggler-icon\"></span>
  2488.                             </button>
  2489.                             <div class=\"collapse navbar-collapse \" id=\"navbarNav\">
  2490.                                 <ul class=\"navbar-nav \" style=\"padding:0;position: relative;top: 14px;\">
  2491.                                     <li class=\"nav-item nav-edit  d-flex flex-column align-items-center justify-content-between\" style=\"text-transform:uppercase\">
  2492.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':1})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2493.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_industrialisation' %}active{% endif %}\" aria-current=\"page\" href=\"{{path('app_industrialisation',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-industrialisation{% endtrans %}</a>
  2494.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2495.                                     </li>
  2496.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  2497.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':2})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2498.                                         <a class=\"nav-link {% if app.request.get('_route') == 'formations' %}active{% endif %}\" href=\"{{path('formations',{'locale':app.request.locale})}}\" >{% trans %}navbar-menu-formation{% endtrans %}</a>
  2499.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2501.                                     </li>
  2502.                                     <li class=\"nav-item nav-edit  d-flex flex-column align-items-center justify-content-between\">
  2503.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':53})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2504.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_digitalManufacturingServices' %}active{% endif %}\" href=\"{{path('app_digitalManufacturingServices',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-digital{% endtrans %}</a>
  2505.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2506.                                     </li>
  2507.                                     {% if app.user %}
  2508.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between \">
  2509.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':60})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2510.                                         <div class=\"dropdown d-flex flex-column align-items-center justify-content-between\">
  2511.                                             <a class=\"nav-link {% if app.request.get('_route') == 'app_manufacturingERP' %}active{% endif %}\" style=\"cursor:pointer;margin-bottom:20px\">{% trans %}navbar-manufacturingerp{% endtrans %}</a>
  2512.                                             <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2514.                                             <div class=\"dropdown-content dropdown-base\">
  2515.                                                 <a class=\"{% if app.request.get('_route') == 'app_manufacturingERP' %}active{% endif %}\" href=\"{{ path('app_manufacturingERP',{'locale':app.request.locale}) }}\">{% trans %}navbar-menu-erp-presentation{% endtrans %}{% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':54})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}</a>
  2516.                                                 <a class=\"{% if app.request.get('_route') == 'presentationERP' %}active{% endif %}\" href=\"{{ path('presentationERP',{'locale':app.request.locale}) }}\">{% trans %}navbar-menu-erp-fonctionnalites{% endtrans %}{% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':55})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}</a>
  2517.                                             </div>
  2518. </div>
  2519.                                                 <script>
  2520.                                                     // Récupérez le lien MANUFACTURING et le menu déroulant
  2521.                                                     const manufacturingLink = document.querySelector('.dropdown a');
  2522.                                                     const dropdownContent = document.querySelector('.dropdown .dropdown-content');
  2524.                                                     // Ajoutez un gestionnaire d'événement au lien
  2525.                                                     manufacturingLink.addEventListener('click', function (e) {
  2526.                                                         e.preventDefault(); // Empêche le lien de suivre le lien href
  2528.                                                         // Vérifiez si le menu est actuellement caché
  2529.                                                         if (dropdownContent.style.display === 'none' || !dropdownContent.style.display) {
  2530.                                                             // Affichez le menu déroulant avec une hauteur adaptée au contenu
  2531.                                                             dropdownContent.style.display = 'block';
  2532.                                                             dropdownContent.style.height = 'auto';
  2533.                                                             const height = dropdownContent.clientHeight + 'px';
  2534.                                                             dropdownContent.style.height = '0'; // Réinitialisez la hauteur à 0
  2535.                                                             setTimeout(() => {
  2536.                                                                 dropdownContent.style.height = height; // Appliquez la hauteur réelle pour l'animation
  2537.                                                             }, 0);
  2538.                                                         } else {
  2539.                                                             // Masquez le menu déroulant
  2540.                                                             dropdownContent.style.height = '0';
  2541.                                                             setTimeout(() => {
  2542.                                                                 dropdownContent.style.display = 'none';
  2543.                                                             }, 300); // Durée de l'animation CSS
  2544.                                                         }
  2545.                                                     });
  2546.                                                 </script>
  2549.                                     </li>
  2550.                                     {% endif %}
  2551.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  2552.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':56})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2553.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_baseOutils' %}active{% endif %}\" href=\"{{path('app_baseOutils',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-baseoutils{% endtrans %}</a>
  2554.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2557.                                     </li>
  2558.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  2559.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':57})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2560.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_societe' %}active{% endif %}\" href=\"{{path('app_societe',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-societe{% endtrans %}</a>
  2561.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2563.                                     </li>
  2564.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  2565.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':58})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2566.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_actualites' %}active{% endif %}\" href=\"{{path('app_actualites',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-actu{% endtrans %}</a>
  2567.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2569.                                     </li>
  2570.                                     <li class=\"nav-item nav-edit d-flex flex-column align-items-center justify-content-between\">
  2571.                                         {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':59})}}\"><button type=\"button\"  style=\"\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2572.                                         <a class=\"nav-link {% if app.request.get('_route') == 'app_contact' %}active{% endif %}\" href=\"{{path('app_contact',{'locale':app.request.locale})}}\">{% trans %}navbar-menu-contact{% endtrans %}</a>
  2573.                                         <img class=\"circle-hover-nav\" src=\"{{asset('img/iconizer-image-rond-bleu-2.svg')}}\" alt=\"\">
  2575.                                     </li>
  2576.                         
  2577.                                     <div class=\"joinUs\">
  2578.                                         <li class=\"nav-item\">
  2579.                                             <a class=\"nav-link {% if app.request.get('_route') == 'app_joinus' %}active{% endif %}\" href=\"{{path('app_joinus',{'locale':app.request.locale})}}\">JOIN US</a>
  2580.                                         </li>
  2581.                                     </div>
  2583.                                     
  2584.                                         
  2585.                                         <div class=\"radio-nav\">
  2586.                                             <a href=\"{{path('changerLocale',{'locale':'fr'})}}\" style=\"color:black;text-decoration:none;\" class=\"{% if app.request.locale == 'fr' %}radio-nav-active{% endif %}\">FR</a>  
  2587.                                             <a href=\"{{path('changerLocale',{'locale':'en'})}}\" style=\"color:black;text-decoration:none;\" class=\"{% if app.request.locale == 'en' %}radio-nav-active{% endif %}\">EN</a>
  2588.                                         </div>
  2589.                                         
  2591.                                         <script>
  2592.                                             document.querySelectorAll('input[name=\"language\"]').forEach(function(radio) {
  2593.                                                 radio.addEventListener('change', function() {
  2594.                                                     console.log(\"Langue du site:\", this.value); // Affiche la valeur dans la console
  2595.                                                     document.getElementById('languageForm').submit();
  2596.                                                 });
  2597.                                             });
  2598.                                         </script>
  2599.                                    
  2600.                                    <li id=\"search-icon\">
  2601.                                                 <i class=\"searchLinkDesktop fa-solid fa-magnifying-glass\"></i>
  2602.                                             </li>
  2604.                                    
  2605.                                 </ul>
  2606.                             </div>
  2607.                         </div>
  2608.                     </nav>
  2609.                 </div>
  2610.             </div>
  2611.         </div>
  2613.         <div class=\"container-form\" id=\"search-container\">
  2614.     <form action=\"{{path('resultatRecherche')}}\" method=\"post\">
  2615.         <input type=\"search\" name=\"search\" placeholder=\"{% trans %}tapez-votre-recherche{% endtrans %}\">
  2616.         <input type=\"submit\" hidden />
  2617.     </form>
  2618. </div>
  2620. <script>
  2621. document.addEventListener(\"DOMContentLoaded\", function () {
  2622.     const searchIcon = document.getElementById(\"search-icon\");
  2623.     const searchContainer = document.getElementById(\"search-container\");
  2625.     searchIcon.addEventListener(\"click\", function (event) {
  2626.         // Empêcher la propagation du clic pour éviter la fermeture immédiate
  2627.         event.stopPropagation();
  2629.         if (searchContainer.style.height === \"0px\" || searchContainer.style.height === \"\") {
  2630.             // Afficher le formulaire
  2631.             searchContainer.style.height = \"90px\";
  2632.             searchContainer.style.opacity = \"1\";
  2634.             // Ajouter un gestionnaire d'événements de clic au document pour masquer le formulaire
  2635.             document.addEventListener(\"click\", function closeSearchContainer() {
  2636.                 // Masquer le formulaire
  2637.                 searchContainer.style.height = \"0px\";
  2638.                 searchContainer.style.opacity = \"0\";
  2640.                 // Retirer le gestionnaire d'événements une fois le formulaire masqué
  2641.                 document.removeEventListener(\"click\", closeSearchContainer);
  2642.             });
  2643.         } else {
  2644.             // Masquer le formulaire
  2645.             searchContainer.style.height = \"0px\";
  2646.             searchContainer.style.opacity = \"0\";
  2647.         }
  2648.     });
  2650.     // Empêcher la propagation du clic depuis le conteneur du formulaire
  2651.     searchContainer.addEventListener(\"click\", function (event) {
  2652.         event.stopPropagation();
  2653.     });
  2654. });
  2655. </script>
  2661.         {% if app.user %}
  2663.         {% endif %}
  2664.     
  2665.     
  2666.     
  2667.     
  2669. </header>
  2676.         {% block body %}
  2677.         
  2679.         
  2680.         
  2681.         {% endblock %}
  2683. <div class=\"footer \">
  2684.     <div class=\"container\">
  2686.                     <div class=\" row text\">
  2687.                         <div class=\"d-md-block d-none col-xl-3 col-4 d-flex align-items-center justify-content-center justify-content-lg-start pictureFooter deleteResponsive deleteResponsiveTablet\">
  2688.                             <a href =\"#\"><img class=\"d-md-block d-none w-75 img-fluid pictureFooter\" src=\"{{asset('img/accueil/footer.png')}}\" alt=\"accueil\" /></a>    
  2689.                         </div>
  2691.                         <div class=\"col-xl-3 col-md-4 col-6 justify-content-center justify-content-lg-start \">
  2692.                             <div class=\"txt1\">
  2693.                                 <p>LUXEMBOURG</p>
  2694.                             </div>
  2695.                             <div class=\"d-flex flex-column\">                            
  2696.                                 <p>21, rue de l'innovation,</p>
  2697.                                 <p>1896 Kockelscheuer</p>
  2698.                                 <p>Tél : +352 26 17 68 81</p>
  2699.                                 <p>Email: info@cpi.lu</p>
  2700.                             </div>
  2701.                             <div class=\"row mt-4 deleteResponsiveTablet\">
  2702.                                 <div class=\"suivez-nous\">
  2703.                                     <p>{% trans %}footer-text1{% endtrans %}:</p>
  2704.                             
  2705.                                     <a href=\"https://www.linkedin.com/company/cpi-luxembourg\" target=\"_blank\"><img class=\"img-fluid\" src=\"{{asset('img/accueil/linkedIn.png')}}\" alt=\"linkedIn\"></a>
  2706.                                 </div>
  2707.                                 {% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':80})}}\"><button type=\"button\"  style=\"position:relative;top:20px\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}
  2708.                             </div>
  2709.                         
  2710.                         </div>
  2711.                     
  2712.             
  2713.                         <div class=\"col-xl-3 col-md-4 col-6  justify-content-center justify-content-lg-start \">
  2714.                             <div class=\"txt2\">
  2715.                                 <p>FRANCE</p>
  2716.                             </div>
  2717.                             <div class=\"d-flex flex-wrap flex-xl-column flex-row\"> 
  2718.                                 <p>Buropole Services</p>
  2719.                                 <p>478, rue de la Découverte</p>
  2720.                                 <p>MiniParc 3 • CS 67624</p>
  2721.                                 <p>31676 LABEGE</p><br>
  2722.                                 <p>Tél.: +33 (0)5 81 91 90 42</p>
  2723.                                 <p>Email: info@cpi.lu</p>
  2724.                             </div>
  2725.                         </div>
  2727.                         
  2729.                         <div class=\"col-md-3 deleteResponsive deleteResponsiveTablet\">
  2730.                             <div class=\"txt2\">
  2731.                                 <p>{% trans %}footer-text2{% endtrans %}{% if app.user %}<a href=\"{{path('app_dictionnaire_edit',{'id':81})}}\"><button type=\"button\"  style=\"margin-left:10px\" class=\"btn btn-warning\"><i class=\"fa-solid fa-pen\"></i></button></a>{% endif %}</p>
  2732.                                 
  2733.                             </div>
  2734.                             <div class=\"row\">
  2735.                                 <div class=\"partenariat\">
  2736.                                     <div class=\"col\">
  2737.                                         <a href=\"#\"><img class=\"img-fluid\" src=\"{{asset('img/societe/09-Logo Wintool Logo.png')}}\" alt=\"wintool\"></a>
  2738.                                     </div>
  2739.                                     
  2740.                     
  2741.                                 </div>
  2742.                                 
  2743.                             </div>
  2744.                             <div class=\"row mt-5\">
  2745.                                 <div class=\"partenariat\">
  2746.                                     <div class=\"col\">
  2747.                                         <a href=\"#\"><img class=\"img-fluid\" src=\"{{asset('img/societe/03-logo dassault system-01.png')}}\" alt=\"delmia2\"></a>
  2748.                                     </div>
  2749.                                     
  2750.                                     <br>
  2751.                                 </div>
  2752.                             </div>
  2753.                         </div>
  2757.                     </div>
  2758.             
  2759.  
  2760.         
  2761.     </div>
  2762. </div>
  2763. <div class=\"footer2\">
  2764.     <div class=\"container \">
  2765.         <div class=\"row pt-1 d-flex flex-column flex-md-row \" >
  2766.             <div class=\"col-md-4 col-12  d-flex justify-content-center justify-content-md-start justify-content-xl-center\" >
  2767.                 <p class=\"txt1\">EVAMILL S.A. -©2023 - All Rights Reserved</p>  
  2768.             </div>
  2769.             <div class=\"col-md-4 col-12 d-flex justify-content-center justify-content-md-start justify-content-xl-center deleteResponsive\" >
  2770.             <style>
  2771.                 .txt2 a:hover{
  2772.                     opacity: 0.8;
  2773.                 }
  2774.             </style>
  2775.                 <p class=\"txt2\" style=\"position:relative;bottom:3px;\"><a href=\"{{ path('politique',{'locale':app.request.locale})}}\">{% trans %}footer-text3{% endtrans %}</a> | <a href=\"{{ path('cookies',{'locale':app.request.locale})}}\" >Cookies</a></p>
  2776.             </div>
  2777.              
  2778.             <div class=\"col-md-4 col-12 d-flex justify-content-center justify-content-md-start justify-content-xl-center\">
  2779.                 <p class=\"txt3\" ><a href=\"https://www.piranha.lu/\" target=\"_blank\" style=\"text-decoration:none !important\">Designed by Piranha et Petits Poissons <span id=\"footerRouge\">Rouges</span></a></p>   
  2780.             </div>
  2781.         </div>
  2782.     </div>
  2783. </div>
  2786.         <script src=\"{{ asset('js/jquery-latest.min.js')}}\"></script>
  2787.         <script src=\"{{asset('slick/slick.js')}}\"></script>
  2788.        
  2790.         <!-- pour les  annimation de scroll -->
  2791.         {% if app.user%}
  2792.         {%else%}
  2793.         <script src=\"https://unpkg.com/aos@2.3.1/dist/aos.js\"></script>
  2794.         {%endif%}
  2795.     <script src=\"https://cdn.ckeditor.com/ckeditor5/38.1.1/classic/ckeditor.js\"></script>
  2801.        
  2803.        <script type=\"text/javascript\" src=\"{{ asset('cookies/jquery.ihavecookies.js')}}\"></script>
  2805.  <script type=\"text/javascript\">
  2806.                     
  2807. \t\t\tvar options = {
  2808. \t\t\t\ttitle: '{% if app.request.locale == 'fr' %}Acceptation des cookies{% else %}Cookie Policy{% endif %} ',
  2809. \t\t\t\tmessage: \"{% if app.request.locale == 'fr' %}Nous utilisons des cookies nécessaires au fonctionnement de ce site Web et également des cookies nous permettant d'analyser notre trafic.{% else %}We use cookies that are required for the operation of this website, they are cookies that enable us to analyze the website traffic.{% endif %}\",
  2810. \t\t\t\tdelay: 600,
  2811. \t\t\t\texpires: 1,
  2812. \t\t\t\tlink: \"{{ path('politique',{'locale':app.request.locale})}}\",
  2813. \t\t\t\tonAccept: function(){
  2814. \t\t\t\t\tvar myPreferences = \$.fn.ihavecookies.cookie();
  2815. \t\t\t\t\tconsole.log('Yay! The following preferences were saved...');
  2816. \t\t\t\t\tconsole.log(myPreferences);
  2817. \t\t\t\t},
  2818. \t\t\t\tuncheckBoxes: true,
  2819. \t\t\t\tacceptBtnLabel: '{% if app.request.locale == 'fr' %}Tout accepter{% else %}Accept all{% endif %}',
  2820.                 refuseBtnLabel: '{% if app.request.locale == 'fr' %}Tout refuser{% else %}Refuse all{% endif %}',
  2821. \t\t\t\tadvancedBtnLabel: '{% if app.request.locale == 'fr' %}Personnaliser{% else %}Customize{% endif %}',
  2822. \t\t\t\tmoreInfoLabel: '{% if app.request.locale == 'fr' %}En savoir plus{% else %}Read more{% endif %}',
  2823. \t\t\t\tcookieTypesTitle: '{% if app.request.locale == 'fr' %}Choisissez les cookies que vous souhaitez accepter{% else %}Choose the cookies you want to accept{% endif %}',
  2824. \t\t\t\tfixedCookieTypeLabel: '{% if app.request.locale == 'fr' %}Nécessaires{% else %}Required{% endif %}',
  2825. \t\t\t\tfixedCookieTypeDesc: 'These are essential for the website to work correctly.',
  2826.             \tuncheckBoxes: true,
  2827.                 cookieTypes: [
  2828.                 
  2829.                 {
  2830.                     type: '{% if app.request.locale == 'fr' %}Préférences{% else %}Preferences{% endif %}',
  2831.                     value: 'préférences',
  2832.                     description: 'Cookies related to site visits, browser types, etc.'
  2833.                 },
  2834.                 {
  2835.                     type: '{% if app.request.locale == 'fr' %}Fonctionnels{% else %}Functional{% endif %}',
  2836.                     value: 'fonctionnels',
  2837.                     description: 'Cookies related to site visits, browser types, etc.'
  2838.                 },
  2839.                 {
  2840.                     type: '{% if app.request.locale == 'fr' %}Marketing{% else %}Marketing{% endif %}',
  2841.                     value: 'marketing',
  2842.                     description: 'Cookies related to site visits, browser types, etc.'
  2843.                 },
  2844.                 
  2845.             ],
  2846. \t\t\t}
  2848. \t\t\t\$(document).ready(function() {
  2849. \t\t\t\t\$('body').ihavecookies(options);
  2851. \t\t\t\tif (\$.fn.ihavecookies.preference('marketing') === true) {
  2852. \t\t\t\t\tconsole.log('This should run because marketing is accepted.');
  2853. \t\t\t\t}
  2855. \t\t\t\t\$('.ihavecookiesBtn').on('click', function(e){
  2856. \t\t\t\t\te.preventDefault()
  2857. \t\t\t\t\t\$('body').ihavecookies(options, 'reinit');
  2858. \t\t\t\t});
  2859. \t\t\t});
  2861.              // Toggle advanced cookie options
  2862.             \$('body').on('click', '#gdpr-cookie-advanced', function(){
  2863.                 // Uncheck all checkboxes except for the disabled 'necessary'
  2864.                 // one and set 'data-auto' to OFF for all. The user can now
  2865.                 // select the cookies they want to accept.
  2866.                 \$('input[name=\"gdpr[]\"]:not(:disabled)').attr('data-auto', 'off').prop('checked', false);
  2867.                 \$('#gdpr-cookie-types').slideDown('fast', function(){
  2868.                     \$('#gdpr-cookie-advanced').prop('disabled', true);
  2869.                     \$('#gdpr-cookie-advanced').hide();
  2870.                     \$('#gdpr-cookie-refuse').hide();
  2871.                     \$('#gdpr-cookie-accept').html('{% if app.request.locale == 'fr' %}Accepter{% else %}Accept{% endif %}');
  2872.                 });
  2873.             });
  2875. \t\t
  2877.         </script>
  2883.     <link href=\"{{ asset('cookies/cookies.css')}}\" rel=\"stylesheet\">
  2885.         <script type=\"text/javascript\">
  2886.             \$(document).ready(function(){
  2887.                 \$('.slider-demo-formation').slick({
  2888.                     arrows: true,
  2889.                     infinite:true,
  2890.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  2891.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  2892.                     slidesToShow:4,
  2893.                     slidesToScroll:4,
  2894.                     responsive:[{
  2895.                         breakpoint:1024,
  2896.                         settings:{
  2897.                             slidesToShow:2,            
  2898.                         }
  2899.                     },{
  2900.                         breakpoint:900,
  2901.                         settings:{
  2902.                             slidesToShow:1,
  2903.                         }
  2904.                     }],
  2905.                 });
  2906.             });
  2908.             \$(document).ready(function(){
  2909.                 \$('.slider-demo-actu').slick({
  2910.                     arrows: true,
  2911.                     infinite:true,
  2912.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  2913.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  2914.                     slidesToShow:4,
  2915.                     slidesToScroll:4,
  2916.                     responsive:[{
  2917.                         breakpoint:1024,
  2918.                         settings:{
  2919.                             slidesToShow:2,            
  2920.                         }
  2921.                     },{
  2922.                         breakpoint:900,
  2923.                         settings:{
  2924.                             slidesToShow:1,
  2925.                         }
  2926.                     }],
  2927.                 });
  2928.             });
  2930.             \$(document).ready(function(){
  2931.                 \$('.slider-demo-partenaire').slick({
  2932.                     arrows: true,
  2933.                     infinite:true,
  2934.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  2935.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  2936.                     slidesToShow:4,
  2937.                     slidesToScroll:4,
  2938.                     responsive:[{
  2939.                         breakpoint:1024,
  2940.                         settings:{
  2941.                             slidesToShow:2,            
  2942.                         }
  2943.                     },{
  2944.                         breakpoint:900,
  2945.                         settings:{
  2946.                             slidesToShow:1,
  2947.                         }
  2948.                     }],
  2949.                 });
  2950.             });
  2951.         </script>
  2953.         <script type=\"text/javascript\">
  2954.             \$(document).ready(function() {
  2955.                 \$('.imgAnimee img').captall({
  2956.                     backgroundColor: 'rgba(0,0,255,0.5)',
  2957.                     animation: 'slide',
  2958.                     caption:'<button class=\"EnSavoirPlus\">En savoir plus</button>',
  2959.                     textAlign:'center',
  2960.                     slideTo:'center',
  2961.                     paddingTop:300,
  2962.                     paddingBottom:300,
  2963.                 });
  2964.             });
  2966.         </script>
  2968.         <script type=\"text/javascript\">
  2970.                 // Affiche flèche quand hover sur le paragraphe BOX 1
  2972.                 let box1 = document.querySelector('.box-doc-1');
  2973.                 let text1 = document.querySelector('.p1box');
  2974.                 let iconArrow1 = document.querySelector('.arrow1');
  2976.                 let box2 = document.querySelector('.box-doc-2');
  2977.                 let text2 = document.querySelector('.p2box');
  2978.                 let iconArrow2 = document.querySelector('.arrow2');
  2980.                 let box3 = document.querySelector('.box-doc-3');
  2981.                 let text3 = document.querySelector('.p3box');
  2982.                 let iconArrow3 = document.querySelector('.arrow3');
  2984.                 let box4 = document.querySelector('.box-doc-4');
  2985.                 let text4 = document.querySelector('.p4box');
  2986.                 let iconArrow4 = document.querySelector('.arrow4');
  2988.                 let box5 = document.querySelector('.box-doc-5');
  2989.                 let text5 = document.querySelector('.p5box');
  2990.                 let iconArrow5 = document.querySelector('.arrow5');
  2992.                 let box6 = document.querySelector('.box-doc-6');
  2993.                 let text6 = document.querySelector('.p6box');
  2994.                 let iconArrow6 = document.querySelector('.arrow6');
  2996.                 
  2998.                 box1.addEventListener('mouseenter', function() {
  2999.                     iconArrow1.style.visibility = 'visible';
  3000.                     text1.style.fontWeight = '500';
  3001.                     text1.style.color = '#fff';
  3002.                 });
  3004.                 box1.addEventListener('mouseleave', function() {    
  3005.                     iconArrow1.style.visibility = 'hidden';
  3006.                     text1.style.fontWeight = '300';
  3007.                     text1.style.color = 'rgba(255, 255, 255, 0.713)';
  3008.                 });
  3010.                 box2.addEventListener('mouseenter', function() {
  3011.                     iconArrow2.style.visibility = 'visible';
  3012.                     text2.style.fontWeight = '500';
  3013.                     text2.style.color = '#fff';
  3015.                 });
  3016.                 box2.addEventListener('mouseleave', function() {    
  3017.                     iconArrow2.style.visibility = 'hidden';
  3018.                     text2.style.fontWeight = '300';
  3019.                     text2.style.color = 'rgba(255, 255, 255, 0.713)';
  3020.                 });
  3022.                 box3.addEventListener('mouseenter', function() {
  3023.                     iconArrow3.style.visibility = 'visible';
  3024.                     text3.style.fontWeight = '500';
  3025.                     text3.style.color = '#fff';
  3027.                 });
  3028.                 box3.addEventListener('mouseleave', function() {    
  3029.                     iconArrow3.style.visibility = 'hidden';
  3030.                     text3.style.fontWeight = '300';
  3031.                     text3.style.color = 'rgba(255, 255, 255, 0.713)';
  3032.                 });
  3034.                 box4.addEventListener('mouseenter', function() {
  3035.                     iconArrow4.style.visibility = 'visible';
  3036.                     text4.style.fontWeight = '500';
  3037.                     text4.style.color = '#fff';
  3039.                 });
  3040.                 box4.addEventListener('mouseleave', function() {    
  3041.                     iconArrow4.style.visibility = 'hidden';
  3042.                     text4.style.fontWeight = '300';
  3043.                     text4.style.color = 'rgba(255, 255, 255, 0.713)';
  3044.                 });
  3046.                 box5.addEventListener('mouseenter', function() {
  3047.                     iconArrow5.style.visibility = 'visible';
  3048.                     text5.style.fontWeight = '500';
  3049.                     text5.style.color = '#fff';
  3051.                 });
  3052.                 box5.addEventListener('mouseleave', function() {    
  3053.                     iconArrow5.style.visibility = 'hidden';
  3054.                     text5.style.fontWeight = '300';
  3055.                     text5.style.color = 'rgba(255, 255, 255, 0.713)';
  3056.                 });
  3059.                 box6.addEventListener('mouseenter', function() {
  3060.                     iconArrow6.style.visibility = 'visible';
  3061.                     text6.style.fontWeight = '500';
  3062.                     text6.style.color = '#fff';
  3064.                 });
  3066.                 box6.addEventListener('mouseleave', function() {    
  3067.                     iconArrow6.style.visibility = 'hidden';
  3068.                     text6.style.fontWeight = '300';
  3069.                     text6.style.color = 'rgba(255, 255, 255, 0.713)';
  3070.                 });
  3072.                 // Affiche flèche quand hover sur le paragraphe BOX 2
  3074.                 let box12 = document.querySelector('.box-doc-1-2');
  3075.                 let text12 = document.querySelector('.p1box-2');
  3076.                 let iconArrow12 = document.querySelector('.arrow1-2');
  3078.                 let box22 = document.querySelector('.box-doc-2-2');
  3079.                 let text22 = document.querySelector('.p2box-2');
  3080.                 let iconArrow22 = document.querySelector('.arrow2-2');
  3082.                 let box32 = document.querySelector('.box-doc-3-2');
  3083.                 let text32 = document.querySelector('.p3box-2');
  3084.                 let iconArrow32 = document.querySelector('.arrow3-2');
  3086.                 let box42 = document.querySelector('.box-doc-4-2');
  3087.                 let text42 = document.querySelector('.p4box-2');
  3088.                 let iconArrow42 = document.querySelector('.arrow4-2');
  3090.                 let box52 = document.querySelector('.box-doc-5-2');
  3091.                 let text52 = document.querySelector('.p5box-2');
  3092.                 let iconArrow52 = document.querySelector('.arrow5-2');
  3094.                 let box62 = document.querySelector('.box-doc-6-2');
  3095.                 let text62 = document.querySelector('.p6box-2');
  3096.                 let iconArrow62 = document.querySelector('.arrow6-2');
  3098.                 
  3100.                 box12.addEventListener('mouseenter', function() {
  3101.                     iconArrow12.style.visibility = 'visible';
  3102.                     text12.style.fontWeight = '500';
  3103.                     text12.style.color = '#fff';
  3104.                 });
  3106.                 box12.addEventListener('mouseleave', function() {    
  3107.                     iconArrow12.style.visibility = 'hidden';
  3108.                     text12.style.fontWeight = '300';
  3109.                     text12.style.color = 'rgba(255, 255, 255, 0.713)';
  3110.                 });
  3112.                 box22.addEventListener('mouseenter', function() {
  3113.                     iconArrow22.style.visibility = 'visible';
  3114.                     text22.style.fontWeight = '500';
  3115.                     text22.style.color = '#fff';
  3117.                 });
  3118.                 box22.addEventListener('mouseleave', function() {    
  3119.                     iconArrow22.style.visibility = 'hidden';
  3120.                     text22.style.fontWeight = '300';
  3121.                     text22.style.color = 'rgba(255, 255, 255, 0.713)';
  3122.                 });
  3124.                 box32.addEventListener('mouseenter', function() {
  3125.                     iconArrow32.style.visibility = 'visible';
  3126.                     text32.style.fontWeight = '500';
  3127.                     text32.style.color = '#fff';
  3129.                 });
  3130.                 box32.addEventListener('mouseleave', function() {    
  3131.                     iconArrow32.style.visibility = 'hidden';
  3132.                     text32.style.fontWeight = '300';
  3133.                     text32.style.color = 'rgba(255, 255, 255, 0.713)';
  3134.                 });
  3136.                 box42.addEventListener('mouseenter', function() {
  3137.                     iconArrow42.style.visibility = 'visible';
  3138.                     text42.style.fontWeight = '500';
  3139.                     text42.style.color = '#fff';
  3141.                 });
  3142.                 box42.addEventListener('mouseleave', function() {    
  3143.                     iconArrow42.style.visibility = 'hidden';
  3144.                     text42.style.fontWeight = '300';
  3145.                     text42.style.color = 'rgba(255, 255, 255, 0.713)';
  3146.                 });
  3148.                 box52.addEventListener('mouseenter', function() {
  3149.                     iconArrow52.style.visibility = 'visible';
  3150.                     text52.style.fontWeight = '500';
  3151.                     text52.style.color = '#fff';
  3153.                 });
  3154.                 box52.addEventListener('mouseleave', function() {    
  3155.                     iconArrow52.style.visibility = 'hidden';
  3156.                     text52.style.fontWeight = '300';
  3157.                     text52.style.color = 'rgba(255, 255, 255, 0.713)';
  3158.                 });
  3161.                 box62.addEventListener('mouseenter', function() {
  3162.                     iconArrow62.style.visibility = 'visible';
  3163.                     text62.style.fontWeight = '500';
  3164.                     text62.style.color = '#fff';
  3166.                 });
  3168.                 box62.addEventListener('mouseleave', function() {    
  3169.                     iconArrow62.style.visibility = 'hidden';
  3170.                     text62.style.fontWeight = '300';
  3171.                     text62.style.color = 'rgba(255, 255, 255, 0.713)';
  3172.                 });
  3174.                 // Affiche flèche quand hover sur le paragraphe BOX 3
  3176.                 let box13 = document.querySelector('.box-doc-1-3');
  3177.                 let text13 = document.querySelector('.p1box-3');
  3178.                 let iconArrow13 = document.querySelector('.arrow1-3');
  3180.                 let box23 = document.querySelector('.box-doc-2-3');
  3181.                 let text23 = document.querySelector('.p2box-3');
  3182.                 let iconArrow23 = document.querySelector('.arrow2-3');
  3184.                 let box33 = document.querySelector('.box-doc-3-3');
  3185.                 let text33 = document.querySelector('.p3box-3');
  3186.                 let iconArrow33 = document.querySelector('.arrow3-3');
  3188.                 let box43 = document.querySelector('.box-doc-4-3');
  3189.                 let text43 = document.querySelector('.p4box-3');
  3190.                 let iconArrow43 = document.querySelector('.arrow4-3');
  3192.                 let box53 = document.querySelector('.box-doc-5-3');
  3193.                 let text53 = document.querySelector('.p5box-3');
  3194.                 let iconArrow53 = document.querySelector('.arrow5-3');
  3196.                 let box63 = document.querySelector('.box-doc-6-3');
  3197.                 let text63 = document.querySelector('.p6box-3');
  3198.                 let iconArrow63 = document.querySelector('.arrow6-3');
  3200.                 
  3202.                 box13.addEventListener('mouseenter', function() {
  3203.                     iconArrow13.style.visibility = 'visible';
  3204.                     text13.style.fontWeight = '500';
  3205.                     text13.style.color = '#fff';
  3206.                 });
  3208.                 box13.addEventListener('mouseleave', function() {    
  3209.                     iconArrow13.style.visibility = 'hidden';
  3210.                     text13.style.fontWeight = '300';
  3211.                     text13.style.color = 'rgba(255, 255, 255, 0.713)';
  3212.                 });
  3214.                 box23.addEventListener('mouseenter', function() {
  3215.                     iconArrow23.style.visibility = 'visible';
  3216.                     text23.style.fontWeight = '500';
  3217.                     text23.style.color = '#fff';
  3219.                 });
  3220.                 box23.addEventListener('mouseleave', function() {    
  3221.                     iconArrow23.style.visibility = 'hidden';
  3222.                     text23.style.fontWeight = '300';
  3223.                     text23.style.color = 'rgba(255, 255, 255, 0.713)';
  3224.                 });
  3226.                 box33.addEventListener('mouseenter', function() {
  3227.                     iconArrow33.style.visibility = 'visible';
  3228.                     text33.style.fontWeight = '500';
  3229.                     text33.style.color = '#fff';
  3231.                 });
  3232.                 box33.addEventListener('mouseleave', function() {    
  3233.                     iconArrow33.style.visibility = 'hidden';
  3234.                     text33.style.fontWeight = '300';
  3235.                     text33.style.color = 'rgba(255, 255, 255, 0.713)';
  3236.                 });
  3238.                 box43.addEventListener('mouseenter', function() {
  3239.                     iconArrow43.style.visibility = 'visible';
  3240.                     text43.style.fontWeight = '500';
  3241.                     text43.style.color = '#fff';
  3243.                 });
  3244.                 box43.addEventListener('mouseleave', function() {    
  3245.                     iconArrow43.style.visibility = 'hidden';
  3246.                     text43.style.fontWeight = '300';
  3247.                     text43.style.color = 'rgba(255, 255, 255, 0.713)';
  3248.                 });
  3250.                 box53.addEventListener('mouseenter', function() {
  3251.                     iconArrow53.style.visibility = 'visible';
  3252.                     text53.style.fontWeight = '500';
  3253.                     text53.style.color = '#fff';
  3255.                 });
  3256.                 box53.addEventListener('mouseleave', function() {    
  3257.                     iconArrow53.style.visibility = 'hidden';
  3258.                     text53.style.fontWeight = '300';
  3259.                     text53.style.color = 'rgba(255, 255, 255, 0.713)';
  3260.                 });
  3263.                 box63.addEventListener('mouseenter', function() {
  3264.                     iconArrow63.style.visibility = 'visible';
  3265.                     text63.style.fontWeight = '500';
  3266.                     text63.style.color = '#fff';
  3268.                 });
  3270.                 box63.addEventListener('mouseleave', function() {    
  3271.                     iconArrow63.style.visibility = 'hidden';
  3272.                     text63.style.fontWeight = '300';
  3273.                     text63.style.color = 'rgba(255, 255, 255, 0.713)';
  3274.                 });
  3276.                 // Affiche flèche quand hover sur le paragraphe BOX 4
  3278.                 let box14 = document.querySelector('.box-doc-1-4');
  3279.                 let text14 = document.querySelector('.p1box-4');
  3280.                 let iconArrow14 = document.querySelector('.arrow1-4');
  3282.                 let box24 = document.querySelector('.box-doc-2-4');
  3283.                 let text24 = document.querySelector('.p2box-4');
  3284.                 let iconArrow24 = document.querySelector('.arrow2-4');
  3286.                 let box34 = document.querySelector('.box-doc-3-4');
  3287.                 let text34 = document.querySelector('.p3box-4');
  3288.                 let iconArrow34 = document.querySelector('.arrow3-4');
  3290.                 let box44 = document.querySelector('.box-doc-4-4');
  3291.                 let text44 = document.querySelector('.p4box-4');
  3292.                 let iconArrow44 = document.querySelector('.arrow4-4');
  3294.                 let box54 = document.querySelector('.box-doc-5-4');
  3295.                 let text54 = document.querySelector('.p5box-4');
  3296.                 let iconArrow54 = document.querySelector('.arrow5-4');
  3298.                 let box64 = document.querySelector('.box-doc-6-4');
  3299.                 let text64 = document.querySelector('.p6box-4');
  3300.                 let iconArrow64 = document.querySelector('.arrow6-4');
  3302.                 
  3304.                 box14.addEventListener('mouseenter', function() {
  3305.                     iconArrow14.style.visibility = 'visible';
  3306.                     text14.style.fontWeight = '500';
  3307.                     text14.style.color = '#fff';
  3308.                 });
  3310.                 box14.addEventListener('mouseleave', function() {    
  3311.                     iconArrow14.style.visibility = 'hidden';
  3312.                     text14.style.fontWeight = '300';
  3313.                     text14.style.color = 'rgba(255, 255, 255, 0.713)';
  3314.                 });
  3316.                 box24.addEventListener('mouseenter', function() {
  3317.                     iconArrow24.style.visibility = 'visible';
  3318.                     text24.style.fontWeight = '500';
  3319.                     text24.style.color = '#fff';
  3321.                 });
  3322.                 box24.addEventListener('mouseleave', function() {    
  3323.                     iconArrow24.style.visibility = 'hidden';
  3324.                     text24.style.fontWeight = '300';
  3325.                     text24.style.color = 'rgba(255, 255, 255, 0.713)';
  3326.                 });
  3328.                 box34.addEventListener('mouseenter', function() {
  3329.                     iconArrow34.style.visibility = 'visible';
  3330.                     text34.style.fontWeight = '500';
  3331.                     text34.style.color = '#fff';
  3333.                 });
  3334.                 box34.addEventListener('mouseleave', function() {    
  3335.                     iconArrow34.style.visibility = 'hidden';
  3336.                     text34.style.fontWeight = '300';
  3337.                     text34.style.color = 'rgba(255, 255, 255, 0.713)';
  3338.                 });
  3340.                 box44.addEventListener('mouseenter', function() {
  3341.                     iconArrow44.style.visibility = 'visible';
  3342.                     text44.style.fontWeight = '500';
  3343.                     text44.style.color = '#fff';
  3345.                 });
  3346.                 box44.addEventListener('mouseleave', function() {    
  3347.                     iconArrow44.style.visibility = 'hidden';
  3348.                     text44.style.fontWeight = '300';
  3349.                     text44.style.color = 'rgba(255, 255, 255, 0.713)';
  3350.                 });
  3352.                 box54.addEventListener('mouseenter', function() {
  3353.                     iconArrow54.style.visibility = 'visible';
  3354.                     text54.style.fontWeight = '500';
  3355.                     text54.style.color = '#fff';
  3357.                 });
  3358.                 box54.addEventListener('mouseleave', function() {    
  3359.                     iconArrow54.style.visibility = 'hidden';
  3360.                     text54.style.fontWeight = '300';
  3361.                     text54.style.color = 'rgba(255, 255, 255, 0.713)';
  3362.                 });
  3365.                 box64.addEventListener('mouseenter', function() {
  3366.                     iconArrow64.style.visibility = 'visible';
  3367.                     text64.style.fontWeight = '500';
  3368.                     text64.style.color = '#fff';
  3370.                 });
  3372.                 box64.addEventListener('mouseleave', function() {    
  3373.                     iconArrow64.style.visibility = 'hidden';
  3374.                     text64.style.fontWeight = '300';
  3375.                     text64.style.color = 'rgba(255, 255, 255, 0.713)';
  3376.                 });
  3378.                  // Affiche flèche quand hover sur le paragraphe BOX 5
  3380.                 let box15 = document.querySelector('.box-doc-1-5');
  3381.                 let text15 = document.querySelector('.p1box-5');
  3382.                 let iconArrow15 = document.querySelector('.arrow1-5');
  3384.                 let box25 = document.querySelector('.box-doc-2-5');
  3385.                 let text25 = document.querySelector('.p2box-5');
  3386.                 let iconArrow25 = document.querySelector('.arrow2-5');
  3388.                 let box35 = document.querySelector('.box-doc-3-5');
  3389.                 let text35 = document.querySelector('.p3box-5');
  3390.                 let iconArrow35 = document.querySelector('.arrow3-5');
  3392.                 let box45 = document.querySelector('.box-doc-4-5');
  3393.                 let text45 = document.querySelector('.p4box-5');
  3394.                 let iconArrow45 = document.querySelector('.arrow4-5');
  3396.                 let box55 = document.querySelector('.box-doc-5-5');
  3397.                 let text55 = document.querySelector('.p5box-5');
  3398.                 let iconArrow55 = document.querySelector('.arrow5-5');
  3400.                 let box65 = document.querySelector('.box-doc-6-5');
  3401.                 let text65 = document.querySelector('.p6box-5');
  3402.                 let iconArrow65 = document.querySelector('.arrow6-5');
  3404.                 
  3406.                 box15.addEventListener('mouseenter', function() {
  3407.                     iconArrow15.style.visibility = 'visible';
  3408.                     text15.style.fontWeight = '500';
  3409.                     text15.style.color = '#fff';
  3410.                 });
  3412.                 box15.addEventListener('mouseleave', function() {    
  3413.                     iconArrow15.style.visibility = 'hidden';
  3414.                     text15.style.fontWeight = '300';
  3415.                     text15.style.color = 'rgba(255, 255, 255, 0.713)';
  3416.                 });
  3418.                 box25.addEventListener('mouseenter', function() {
  3419.                     iconArrow25.style.visibility = 'visible';
  3420.                     text25.style.fontWeight = '500';
  3421.                     text25.style.color = '#fff';
  3423.                 });
  3424.                 box25.addEventListener('mouseleave', function() {    
  3425.                     iconArrow25.style.visibility = 'hidden';
  3426.                     text25.style.fontWeight = '300';
  3427.                     text25.style.color = 'rgba(255, 255, 255, 0.713)';
  3428.                 });
  3430.                 box35.addEventListener('mouseenter', function() {
  3431.                     iconArrow35.style.visibility = 'visible';
  3432.                     text35.style.fontWeight = '500';
  3433.                     text35.style.color = '#fff';
  3435.                 });
  3436.                 box35.addEventListener('mouseleave', function() {    
  3437.                     iconArrow35.style.visibility = 'hidden';
  3438.                     text35.style.fontWeight = '300';
  3439.                     text35.style.color = 'rgba(255, 255, 255, 0.713)';
  3440.                 });
  3442.                 box45.addEventListener('mouseenter', function() {
  3443.                     iconArrow45.style.visibility = 'visible';
  3444.                     text45.style.fontWeight = '500';
  3445.                     text45.style.color = '#fff';
  3447.                 });
  3448.                 box45.addEventListener('mouseleave', function() {    
  3449.                     iconArrow45.style.visibility = 'hidden';
  3450.                     text45.style.fontWeight = '300';
  3451.                     text45.style.color = 'rgba(255, 255, 255, 0.713)';
  3452.                 });
  3454.                 box55.addEventListener('mouseenter', function() {
  3455.                     iconArrow55.style.visibility = 'visible';
  3456.                     text55.style.fontWeight = '500';
  3457.                     text55.style.color = '#fff';
  3459.                 });
  3460.                 box55.addEventListener('mouseleave', function() {    
  3461.                     iconArrow55.style.visibility = 'hidden';
  3462.                     text55.style.fontWeight = '300';
  3463.                     text55.style.color = 'rgba(255, 255, 255, 0.713)';
  3464.                 });
  3467.                 box65.addEventListener('mouseenter', function() {
  3468.                     iconArrow65.style.visibility = 'visible';
  3469.                     text65.style.fontWeight = '500';
  3470.                     text65.style.color = '#fff';
  3472.                 });
  3474.                 box65.addEventListener('mouseleave', function() {    
  3475.                     iconArrow65.style.visibility = 'hidden';
  3476.                     text65.style.fontWeight = '300';
  3477.                     text65.style.color = 'rgba(255, 255, 255, 0.713)';
  3478.                 });
  3489.                 // gère les différent catégorie challenge
  3490.                 
  3491.                 let buttonChallenge1 =  document.querySelector('.challenge-button-1'); 
  3492.                 let buttonChallenge2 =  document.querySelector('.challenge-button-2'); 
  3493.                 let buttonChallenge3 =  document.querySelector('.challenge-button-3'); 
  3494.                 let buttonChallenge4 =  document.querySelector('.challenge-button-4'); 
  3495.                 let buttonChallenge5 =  document.querySelector('.challenge-button-5'); 
  3497.                 let containerDoc1 =  document.querySelector('.container-document-1'); 
  3498.                 let containerDoc2 =  document.querySelector('.container-document-2'); 
  3499.                 let containerDoc3 =  document.querySelector('.container-document-3'); 
  3500.                 let containerDoc4 =  document.querySelector('.container-document-4'); 
  3501.                 let containerDoc5 =  document.querySelector('.container-document-5'); 
  3504.                 buttonChallenge1.addEventListener('click', function() {
  3505.                     containerDoc1.style.display = 'block';
  3506.                     containerDoc2.style.display = 'none';
  3507.                     containerDoc3.style.display = 'none';
  3508.                     containerDoc4.style.display = 'none';
  3509.                     containerDoc5.style.display = 'none';
  3510.                     buttonChallenge1.style.backgroundColor = '#2462FF';
  3511.                     buttonChallenge2.style.backgroundColor = 'transparent';
  3512.                     buttonChallenge3.style.backgroundColor = 'transparent';
  3513.                     buttonChallenge4.style.backgroundColor = 'transparent';
  3514.                     buttonChallenge5.style.backgroundColor = 'transparent';
  3515.                 });
  3517.                 buttonChallenge2.addEventListener('click', function() {
  3518.                     containerDoc2.style.display = 'block';
  3519.                     containerDoc1.style.display = 'none';
  3520.                     containerDoc3.style.display = 'none';
  3521.                     containerDoc4.style.display = 'none';
  3522.                     containerDoc5.style.display = 'none';
  3524.                     buttonChallenge1.style.backgroundColor = 'transparent';
  3525.                     buttonChallenge2.style.backgroundColor = '#2462FF';
  3526.                     buttonChallenge3.style.backgroundColor = 'transparent';
  3527.                     buttonChallenge4.style.backgroundColor = 'transparent';
  3528.                     buttonChallenge5.style.backgroundColor = 'transparent';
  3530.                     
  3531.                 });
  3533.                 buttonChallenge3.addEventListener('click', function() {
  3534.                     containerDoc3.style.display = 'block';
  3535.                     containerDoc1.style.display = 'none';
  3536.                     containerDoc2.style.display = 'none';
  3537.                     containerDoc4.style.display = 'none';
  3538.                     containerDoc5.style.display = 'none';
  3540.                     buttonChallenge1.style.backgroundColor = 'transparent';
  3541.                     buttonChallenge2.style.backgroundColor = 'transparent';
  3542.                     buttonChallenge3.style.backgroundColor = '#2462FF';
  3543.                     buttonChallenge4.style.backgroundColor = 'transparent';
  3544.                     buttonChallenge5.style.backgroundColor = 'transparent';
  3545.                 });
  3547.                 buttonChallenge4.addEventListener('click', function() {
  3548.                     containerDoc4.style.display = 'block';
  3549.                     containerDoc1.style.display = 'none';
  3550.                     containerDoc2.style.display = 'none';
  3551.                     containerDoc3.style.display = 'none';
  3552.                     containerDoc5.style.display = 'none';
  3554.                     buttonChallenge1.style.backgroundColor = 'transparent';
  3555.                     buttonChallenge2.style.backgroundColor = 'transparent';
  3556.                     buttonChallenge3.style.backgroundColor = 'transparent';
  3557.                     buttonChallenge4.style.backgroundColor = '#2462FF';
  3558.                     buttonChallenge5.style.backgroundColor = 'transparent';
  3559.                 });
  3561.                 buttonChallenge5.addEventListener('click', function() {
  3562.                     containerDoc5.style.display = 'block';
  3563.                     containerDoc1.style.display = 'none';
  3564.                     containerDoc2.style.display = 'none';
  3565.                     containerDoc3.style.display = 'none';
  3566.                     containerDoc4.style.display = 'none';
  3568.                     buttonChallenge1.style.backgroundColor = 'transparent';
  3569.                     buttonChallenge2.style.backgroundColor = 'transparent';
  3570.                     buttonChallenge3.style.backgroundColor = 'transparent';
  3571.                     buttonChallenge4.style.backgroundColor = 'transparent';
  3572.                     buttonChallenge5.style.backgroundColor = '#2462FF';
  3573.                 });
  3575.           
  3576.                 let circle2  =  document.querySelector('.circle-container-2'); 
  3577.                 let circle4  =  document.querySelector('.circle-container-4'); 
  3578.                 let circle5  =  document.querySelector('.circle-container-5'); 
  3579.                 let circle6  =  document.querySelector('.circle-container-6'); 
  3581.                 let imgCircle2 =  document.querySelector('.img-circle-2'); 
  3582.                 let imgCircle4 =  document.querySelector('.img-circle-4'); 
  3583.                 let imgCircle5 =  document.querySelector('.img-circle-5'); 
  3584.                 let imgCircle6 =  document.querySelector('.img-circle-6'); 
  3585.              
  3586.                 circle6.addEventListener(\"mouseenter\", function() {
  3587.                     imgCircle6.src = \"img/accueil/cpi-industrialisation-hover.svg\";
  3588.                     
  3589.                 });
  3591.                 circle6.addEventListener('mouseleave', function() {    
  3592.                     imgCircle6.src = \"img/accueil/cpi-industrialisation.svg\";
  3593.                 });
  3595.                 circle5.addEventListener(\"mouseenter\", function() {
  3596.                     imgCircle5.src = \"img/accueil/cpi-formation-hover.svg\";
  3597.                    
  3598.                 });
  3600.                 circle5.addEventListener('mouseleave', function() {    
  3601.                     imgCircle5.src = \"img/accueil/cpi-formation.svg\";
  3602.                 });
  3604.                 circle4.addEventListener(\"mouseenter\", function() {
  3605.                     imgCircle4.src = \"img/accueil/cpi-recrutement-hover.svg\";
  3606.                    
  3607.                 });
  3609.                 circle4.addEventListener('mouseleave', function() {    
  3610.                     imgCircle4.src = \"img/accueil/cpi-recrutement.svg\";
  3611.                 });
  3613.                 circle2.addEventListener(\"mouseenter\", function() {
  3614.                     imgCircle2.src = \"img/accueil/cpi-digital-services-hover.svg\";
  3615.                    
  3616.                 });
  3618.                 circle2.addEventListener('mouseleave', function() {    
  3619.                     imgCircle2.src = \"img/accueil/cpi-digital-services.svg\";
  3620.                 });
  3625.                 
  3626.                 
  3632.                 
  3634.         </script>
  3635.        
  3636.         </script>
  3639.    <script type=\"text/javascript\">
  3640.         \$(document).ready(function() {
  3641.             \$('.slider-demo-galerie').slick({
  3642.                     arrows: true,
  3643.                     infinite:true,
  3644.                     autoplay: true, // Ajout de l'option autoplay
  3645.                     autoplaySpeed: 4000, // Durée de chaque diapositive en millisecondes
  3646.                     slidesToShow:4,
  3647.                     slidesToScroll:4,
  3648.                     prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  3649.                     nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  3650.                         responsive:[{
  3651.                         breakpoint:1400,
  3652.                         settings:{
  3653.                             slidesToShow:3,  
  3654.                             slidesToScroll:3,            
  3655.                         }
  3656.                     },{
  3657.                         breakpoint:1200,
  3658.                         settings:{
  3659.                             slidesToShow:2,
  3660.                             slidesToScroll:2, 
  3661.                         }
  3662.                     },
  3663.                     {
  3664.                         breakpoint:769,
  3665.                         settings:{
  3666.                             slidesToShow:1,
  3667.                             slidesToScroll:1, 
  3668.                         }
  3669.                     }],
  3670.                 });
  3671.        
  3673.             \$('.slider-demo-actu').slick({
  3674.                 arrows: true,
  3675.                 infinite: true,
  3676.                 prevArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-prev\">Previous</button>',
  3677.                 nextArrow: '<button type=\"button\" data-role=\"none\" class=\"slick-next\">Next</button>',
  3678.                 slidesToShow: 4,
  3679.                 slidesToScroll: 4,
  3680.                     responsive:[{
  3681.                         breakpoint:1400,
  3682.                         settings:{
  3683.                             slidesToShow:3,  
  3684.                             slidesToScroll:3,            
  3685.                         }
  3686.                     },{
  3687.                         breakpoint:1200,
  3688.                         settings:{
  3689.                             slidesToShow:2,
  3690.                             slidesToScroll:2, 
  3691.                         }
  3692.                     },
  3693.                     {
  3694.                         breakpoint:769,
  3695.                         settings:{
  3696.                             slidesToShow:1,
  3697.                             slidesToScroll:1, 
  3698.                         }
  3699.                     }],
  3700.             });
  3701.         });
  3702.     </script>
  3703.     {% if app.user%}
  3704.     {%else%}
  3705.     <script>
  3706.         AOS.init();
  3707.       </script>
  3708.     {%endif%}
  3710. <script>
  3711.     \$(document).ready(function(){
  3712.     \$('.carousel').slick({
  3713.         prevArrow: '<button type=\"button\" class=\"slick-prev\"><img src=\"{{asset('img/arrow-g.svg')}}\"></button>',
  3714.         nextArrow: '<button type=\"button\" class=\"slick-next\"><img src=\"{{asset('img/arrow-d.svg')}}\"></button>'
  3715.     });
  3716. });
  3722. </script>
  3725. <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm\" crossorigin=\"anonymous\"></script>
  3726.     
  3727.         
  3729.     </body>
  3730. </html>", "base.html.twig", "/var/www/vhosts/deamonerp.fr/httpdocs/cpi2/templates/base.html.twig");
  3731.     }
  3732. }