templates/cookies/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     {{ 'nav.cookies'|trans }}
  4. {% endblock %}
  5. {% block body %}
  6.     <br>
  7.     <br>
  8.     <div class="container my-10">
  9.         <hr class="my-6 border-gray-300">
  10.          <div class="content-center">
  11.                 <a href="{{ app.request.headers.get('referer')}}"
  12.                     class=" bg-gray-300  text-nowrap hover:bg-gray-400 focus:ring-4 focus:outline-none focus:ring-gray-300 text-black w-full  font-medium rounded-md text-sm px-3  py-2.5 ">
  13.                     <i class="fa-solid fa-arrow-left text-black"></i> 
  14.                     <span>{{ 'button.back'|trans }}</span>
  15.                 </a>
  16.             </div>
  17.         <hr class="my-6 border-gray-300">
  18.         <div class="mt-6">
  19.             <div class="grid grid-cols-1 gap-1">
  20.                 <h1  class=" w-full mb-6 font-bold bold text-center  text-3xl">{{ 'nav.cookies'|trans }}</h1>
  21.                 <div id="a0" class="container my-6">
  22.                     <p class="text-sm">
  23.                         {{"politiquecookies.a0.p-1"|trans}}
  24.                     </p>
  25.                 </div>
  26.                 <hr class="my-6 border-gray-300">
  27.                 <div id="a1" class="container my-6">
  28.                     <h1 class="text-2xl font-bold mb-8">
  29.                         {{"politiquecookies.a1.h1"|trans}}
  30.                     </h1>
  31.                     <p class="text-sm">
  32.                         {{"politiquecookies.a1.p-1"|trans}}
  33.                     </p>
  34.                     <p class="text-sm">
  35.                         {{"politiquecookies.a1.p-2"|trans}}
  36.                     </p>
  37.                     <p class="text-sm">
  38.                         {{"politiquecookies.a1.p-3"|trans}}
  39.                     </p>
  40.                     <p class="text-sm">
  41.                         {{"politiquecookies.a1.p-4"|trans}}
  42.                     </p>
  43.                     <p class="text-sm">
  44.                         {{"politiquecookies.a1.p-5"|trans}}
  45.                     </p>
  46.                     <p class="text-sm">
  47.                         {{"politiquecookies.a1.p-6"|trans}}
  48.                     </p>
  49.                     <p class="text-sm">
  50.                         {{"politiquecookies.a1.p-7"|trans}}
  51.                     </p>
  52.                 </div>
  53.                 <hr class="my-6 border-gray-300">
  54.                 <div id="a2" class="container my-6">
  55.                     <h1 class="text-2xl font-bold mb-8">
  56.                         {{"politiquecookies.a2.h1"|trans}}
  57.                     </h1>
  58.                     <p class="text-sm">
  59.                         {{"politiquecookies.a2.p-1"|trans}}
  60.                     </p>
  61.                     <ul class="m-8" style="list-style-type: disc;">
  62.                         <li>
  63.                             {{"politiquecookies.a2.ul-1.li-1"|trans}}
  64.                         </li>
  65.                         <br>
  66.                         <li>
  67.                             {{"politiquecookies.a2.ul-1.li-2"|trans}}
  68.                         </li>
  69.                         <br>
  70.                         <li>
  71.                             {{"politiquecookies.a2.ul-1.li-3"|trans}}
  72.                         </li>
  73.                         <br>
  74.                     </ul>
  75.                     <p class="text-sm">
  76.                         {{"politiquecookies.a2.p-2"|trans}}
  77.                     </p>
  78.                     <p class="text-sm">
  79.                         {{"politiquecookies.a2.p-3"|trans}}
  80.                     </p>
  81.                     <ul class="m-8" style="list-style-type: disc;">
  82.                         <li>
  83.                             {{"politiquecookies.a2.ul-2.li-1"|trans}}
  84.                         </li>
  85.                         <br>
  86.                         <li>
  87.                             {{"politiquecookies.a2.ul-2.li-2"|trans}}
  88.                         </li>
  89.                         <br>
  90.                         <li>
  91.                             {{"politiquecookies.a2.ul-2.li-3"|trans}}
  92.                         </li>
  93.                         <br>
  94.                     </ul>
  95.                     <p class="text-sm">
  96.                         {{"politiquecookies.a2.p-4"|trans}}
  97.                     </p>
  98.                 </div>
  99.                 <hr class="my-6 border-gray-300">
  100.                 <div id="a3" class="container my-6">
  101.                     <h1 class="text-2xl font-bold mb-8">
  102.                         {{"politiquecookies.a3.h1"|trans}}
  103.                     </h1>
  104.                     <p class="text-sm">
  105.                         {{"politiquecookies.a3.p-1"|trans}}
  106.                     </p>
  107.                     <p class="text-sm">
  108.                         {{"politiquecookies.a3.p-2"|trans}}
  109.                     </p>
  110.                     <br>
  111.                     <h3 class="text-lg text-gray-500">
  112.                         Cookies exemptés de votre consentement</h3>
  113.                     <table>
  114.                         <thead>
  115.                             <tr>
  116.                                 <th scope="col">Type de cookie</th>
  117.                                 <th scope="col">Nom du cookie / Emetteur</th>
  118.                                 <th scope="col">Description / Finalité</th>
  119.                                 <th scope="col">Durée de conservation</th>
  120.                             </tr>
  121.                         </thead>
  122.                         <tbody>
  123.                             <tr>
  124.                                 <th scope="row">Cookies strictement nécessaires</th>
  125.                                 <td>PHPSESSID REMEMBERME</td>
  126.                                 <td>Permet le bon fonctionnement du Site pendant la session</td>
  127.                                 <td>Session</td>
  128.                             </tr>
  129.                             <tr>
  130.                                 <th scope="row">Cookies strictement nécessaires</th>
  131.                                 <td>.google.com</td>
  132.                                 <td>Ce cookie est mis en place par Google dans le cadre de l’utilisation du service Google Maps. Pour plus d’information, se reporter à l’information sur les types de cookies utilisés par Google et aux conditions générales d’utilisation de Google MAPS</td>
  133.                                 <td>6 mois</td>
  134.                             </tr>
  135.                             <tr>
  136.                                 <th scope="row">Cookies strictement nécessaires</th>
  137.                                 <td>.google.com</td>
  138.                                 <td>Ce cookie est mis en place par Google dans le cadre de l’utilisation du service Google Maps. Pour plus d’information, se reporter à l’information sur les types de cookies utilisés par Google et aux conditions générales d’utilisation de Google MAPS</td>
  139.                                 <td>2 ans</td>
  140.                             </tr>
  141.                         </tbody>
  142.                     </table>
  143.                     <br>
  144.                     <h3 class="text-lg text-gray-500">
  145.                         Cookies soumis à votre consentement
  146.                     </h3>
  147.                     <table>
  148.                         <thead>
  149.                             <tr>
  150.                                 <th scope="col">Type de cookie</th>
  151.                                 <th scope="col">Nom du cookie / Emetteur</th>
  152.                                 <th scope="col">Description / Finalité</th>
  153.                                 <th scope="col">Durée de conservation</th>
  154.                             </tr>
  155.                         </thead>
  156.                         <tbody>
  157.                             <tr>
  158.                                 <th scope="row">Cookies de réseaux sociaux /services de partage de vidéo</th>
  159.                                 <td>Meta Linkedin</td>
  160.                                 <td>Permet l’accès aux réseaux sociaux</td>
  161.                                 <td>Voir suivant utilisation
  162.                                     <a href="https://fr.linkedin.com/legal/l/cookie-table">ici</a>
  163.                                 </td>
  164.                             </tr>
  165.                         </tbody>
  166.                     </table>
  167.                     <p class="text-sm">
  168.                         {{"politiquecookies.a3.p-3"|trans}}
  169.                     </p>
  170.                     <p class="text-sm">
  171.                         {{"politiquecookies.a3.p-4"|trans}}
  172.                     </p>
  173.                     <p class="text-sm">
  174.                         {{"politiquecookies.a3.p-5"|trans}}
  175.                     </p>
  176.                     <p class="text-sm">
  177.                         {{"politiquecookies.a3.p-6"|trans}}
  178.                     </p>
  179.                     <p class="text-sm">
  180.                         {{"politiquecookies.a3.p-7"|trans}}
  181.                     </p>
  182.                     <p class="text-sm">
  183.                         {{"politiquecookies.a3.p-8"|trans}}
  184.                     </p>
  185.                     <br>
  186.                     <table>
  187.                         <thead>
  188.                             <tr>
  189.                                 <th scope="col">Provenance du cookie</th>
  190.                                 <th scope="col">Description / Finalité</th>
  191.                                 <th scope="col">Durée de conservation par le partenaire</th>
  192.                             </tr>
  193.                         </thead>
  194.                         <tbody>
  195.                             <tr>
  196.                                 <th scope="row">PHPSESSID</th>
  197.                                 <td>Navigation sur le site sur la même session
  198.                                 </td>
  199.                                 <td>Le temps de la session</td>
  200.                             </tr>
  201.                             <tr>
  202.                                 <th scope="row">REMEMBERME</th>
  203.                                 <td>Permet d’automatiser la connexion</td>
  204.                                 <td>3 mois
  205.                                 </td>
  206.                             </tr>
  207.                         </tbody>
  208.                     </table>
  209.                 </div>
  210.                 <hr class="my-6 border-gray-300">
  211.                 <div id="a4" class="container my-6">
  212.                     <h1 class="text-2xl font-bold mb-8">
  213.                         {{"politiquecookies.a4.h1"|trans}}
  214.                     </h1>
  215.                     <p class="text-sm">
  216.                         {{"politiquecookies.a4.p-1"|trans}}
  217.                     </p>
  218.                     <p class="text-sm">
  219.                         {{"politiquecookies.a4.p-2"|trans}}
  220.                     </p>
  221.                     <p class="text-sm">
  222.                         {{"politiquecookies.a4.p-3"|trans}}
  223.                     </p>
  224.                     <p class="text-sm">
  225.                         {{"politiquecookies.a4.p-4"|trans}}
  226.                     </p>
  227.                     <p class="text-sm">
  228.                         {{"politiquecookies.a4.p-5"|trans}}
  229.                     </p>
  230.                     <ul class="m-8" style="list-style-type: disc;">
  231.                         <li>
  232.                             {{"politiquecookies.a4.ul-1.li-1"|trans}}
  233.                         </li>
  234.                         <br>
  235.                         <li>
  236.                             {{"politiquecookies.a4.ul-1.li-2"|trans}}
  237.                         </li>
  238.                         <br>
  239.                     </ul>
  240.                     <p class="text-sm">
  241.                         {{"politiquecookies.a4.p-6"|trans}}
  242.                     </p>
  243.                     <p class="text-sm">
  244.                         {{"politiquecookies.a4.p-7"|trans}}
  245.                     </p>
  246.                     <p class="text-sm">
  247.                         {{"politiquecookies.a4.p-8"|trans}}
  248.                     </p>
  249.                     <ul class="m-8" style="list-style-type: disc;">
  250.                         <li>
  251.                             {{"politiquecookies.a4.ul-2.li-1"|trans}}
  252.                         </li>
  253.                         <br>
  254.                         <li>
  255.                             {{"politiquecookies.a4.ul-2.li-2"|trans}}
  256.                         </li>
  257.                         <li>
  258.                             {{"politiquecookies.a4.ul-2.li-3"|trans}}
  259.                         </li>
  260.                         <li>
  261.                             {{"politiquecookies.a4.ul-2.li-4"|trans}}
  262.                         </li>
  263.                         <br>
  264.                     </ul>
  265.                 </div>
  266.                 <hr class="my-6 border-gray-300">
  267.                 <div id="a5" class="container my-6">
  268.                     <h1 class="text-2xl font-bold mb-8">
  269.                         {{"politiquecookies.a5.h1"|trans}}
  270.                     </h1>
  271.                     <p class="text-sm">
  272.                         {{"politiquecookies.a5.p-1"|trans}}
  273.                     </p>
  274.                     <ul class="m-8" style="list-style-type: disc;">
  275.                         <li>
  276.                             {{"politiquecookies.a5.ul-1.li-1"|trans}}
  277.                         </li>
  278.                         <li>
  279.                             {{"politiquecookies.a5.ul-1.li-2"|trans}}
  280.                         </li>
  281.                         <br>
  282.                     </ul>
  283.                 </div>
  284.             </div>
  285.         </div>
  286.     </div>
  287.     <style>
  288.         table {
  289.             border-collapse: collapse;
  290.             border: 2px solid rgb(140 140 140);
  291.             font-family: sans-serif;
  292.             font-size: 0.8rem;
  293.             letter-spacing: 1px;
  294.         }
  295.         caption {
  296.             caption-side: bottom;
  297.             padding: 10px;
  298.             font-weight: bold;
  299.         }
  300.         thead,
  301.         tfoot {
  302.             background-color: rgb(228 240 245);
  303.         }
  304.         th,
  305.         td {
  306.             border: 1px solid rgb(160 160 160);
  307.             padding: 8px 10px;
  308.         }
  309.         td:last-of-type {
  310.             text-align: center;
  311.         }
  312.         tbody > tr:nth-of-type(even) {
  313.             background-color: rgb(237 238 242);
  314.         }
  315.         tfoot th {
  316.             text-align: right;
  317.         }
  318.         tfoot td {
  319.             font-weight: bold;
  320.         }
  321.     </style>
  322. {% endblock %}