templates/cookies/index.html.twig line 1
{% extends 'base.html.twig' %}
{% block title %}
{{ 'nav.cookies'|trans }}
{% endblock %}
{% block body %}
<br>
<br>
<div class="container my-10">
<hr class="my-6 border-gray-300">
<div class="content-center">
<a href="{{ app.request.headers.get('referer')}}"
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 ">
<i class="fa-solid fa-arrow-left text-black"></i>
<span>{{ 'button.back'|trans }}</span>
</a>
</div>
<hr class="my-6 border-gray-300">
<div class="mt-6">
<div class="grid grid-cols-1 gap-1">
<h1 class=" w-full mb-6 font-bold bold text-center text-3xl">{{ 'nav.cookies'|trans }}</h1>
<div id="a0" class="container my-6">
<p class="text-sm">
{{"politiquecookies.a0.p-1"|trans}}
</p>
</div>
<hr class="my-6 border-gray-300">
<div id="a1" class="container my-6">
<h1 class="text-2xl font-bold mb-8">
{{"politiquecookies.a1.h1"|trans}}
</h1>
<p class="text-sm">
{{"politiquecookies.a1.p-1"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-2"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-3"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-4"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-5"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-6"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a1.p-7"|trans}}
</p>
</div>
<hr class="my-6 border-gray-300">
<div id="a2" class="container my-6">
<h1 class="text-2xl font-bold mb-8">
{{"politiquecookies.a2.h1"|trans}}
</h1>
<p class="text-sm">
{{"politiquecookies.a2.p-1"|trans}}
</p>
<ul class="m-8" style="list-style-type: disc;">
<li>
{{"politiquecookies.a2.ul-1.li-1"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a2.ul-1.li-2"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a2.ul-1.li-3"|trans}}
</li>
<br>
</ul>
<p class="text-sm">
{{"politiquecookies.a2.p-2"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a2.p-3"|trans}}
</p>
<ul class="m-8" style="list-style-type: disc;">
<li>
{{"politiquecookies.a2.ul-2.li-1"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a2.ul-2.li-2"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a2.ul-2.li-3"|trans}}
</li>
<br>
</ul>
<p class="text-sm">
{{"politiquecookies.a2.p-4"|trans}}
</p>
</div>
<hr class="my-6 border-gray-300">
<div id="a3" class="container my-6">
<h1 class="text-2xl font-bold mb-8">
{{"politiquecookies.a3.h1"|trans}}
</h1>
<p class="text-sm">
{{"politiquecookies.a3.p-1"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-2"|trans}}
</p>
<br>
<h3 class="text-lg text-gray-500">
Cookies exemptés de votre consentement</h3>
<table>
<thead>
<tr>
<th scope="col">Type de cookie</th>
<th scope="col">Nom du cookie / Emetteur</th>
<th scope="col">Description / Finalité</th>
<th scope="col">Durée de conservation</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Cookies strictement nécessaires</th>
<td>PHPSESSID REMEMBERME</td>
<td>Permet le bon fonctionnement du Site pendant la session</td>
<td>Session</td>
</tr>
<tr>
<th scope="row">Cookies strictement nécessaires</th>
<td>.google.com</td>
<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>
<td>6 mois</td>
</tr>
<tr>
<th scope="row">Cookies strictement nécessaires</th>
<td>.google.com</td>
<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>
<td>2 ans</td>
</tr>
</tbody>
</table>
<br>
<h3 class="text-lg text-gray-500">
Cookies soumis à votre consentement
</h3>
<table>
<thead>
<tr>
<th scope="col">Type de cookie</th>
<th scope="col">Nom du cookie / Emetteur</th>
<th scope="col">Description / Finalité</th>
<th scope="col">Durée de conservation</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Cookies de réseaux sociaux /services de partage de vidéo</th>
<td>Meta Linkedin</td>
<td>Permet l’accès aux réseaux sociaux</td>
<td>Voir suivant utilisation
<a href="https://fr.linkedin.com/legal/l/cookie-table">ici</a>
</td>
</tr>
</tbody>
</table>
<p class="text-sm">
{{"politiquecookies.a3.p-3"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-4"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-5"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-6"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-7"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a3.p-8"|trans}}
</p>
<br>
<table>
<thead>
<tr>
<th scope="col">Provenance du cookie</th>
<th scope="col">Description / Finalité</th>
<th scope="col">Durée de conservation par le partenaire</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">PHPSESSID</th>
<td>Navigation sur le site sur la même session
</td>
<td>Le temps de la session</td>
</tr>
<tr>
<th scope="row">REMEMBERME</th>
<td>Permet d’automatiser la connexion</td>
<td>3 mois
</td>
</tr>
</tbody>
</table>
</div>
<hr class="my-6 border-gray-300">
<div id="a4" class="container my-6">
<h1 class="text-2xl font-bold mb-8">
{{"politiquecookies.a4.h1"|trans}}
</h1>
<p class="text-sm">
{{"politiquecookies.a4.p-1"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-2"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-3"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-4"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-5"|trans}}
</p>
<ul class="m-8" style="list-style-type: disc;">
<li>
{{"politiquecookies.a4.ul-1.li-1"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a4.ul-1.li-2"|trans}}
</li>
<br>
</ul>
<p class="text-sm">
{{"politiquecookies.a4.p-6"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-7"|trans}}
</p>
<p class="text-sm">
{{"politiquecookies.a4.p-8"|trans}}
</p>
<ul class="m-8" style="list-style-type: disc;">
<li>
{{"politiquecookies.a4.ul-2.li-1"|trans}}
</li>
<br>
<li>
{{"politiquecookies.a4.ul-2.li-2"|trans}}
</li>
<li>
{{"politiquecookies.a4.ul-2.li-3"|trans}}
</li>
<li>
{{"politiquecookies.a4.ul-2.li-4"|trans}}
</li>
<br>
</ul>
</div>
<hr class="my-6 border-gray-300">
<div id="a5" class="container my-6">
<h1 class="text-2xl font-bold mb-8">
{{"politiquecookies.a5.h1"|trans}}
</h1>
<p class="text-sm">
{{"politiquecookies.a5.p-1"|trans}}
</p>
<ul class="m-8" style="list-style-type: disc;">
<li>
{{"politiquecookies.a5.ul-1.li-1"|trans}}
</li>
<li>
{{"politiquecookies.a5.ul-1.li-2"|trans}}
</li>
<br>
</ul>
</div>
</div>
</div>
</div>
<style>
table {
border-collapse: collapse;
border: 2px solid rgb(140 140 140);
font-family: sans-serif;
font-size: 0.8rem;
letter-spacing: 1px;
}
caption {
caption-side: bottom;
padding: 10px;
font-weight: bold;
}
thead,
tfoot {
background-color: rgb(228 240 245);
}
th,
td {
border: 1px solid rgb(160 160 160);
padding: 8px 10px;
}
td:last-of-type {
text-align: center;
}
tbody > tr:nth-of-type(even) {
background-color: rgb(237 238 242);
}
tfoot th {
text-align: right;
}
tfoot td {
font-weight: bold;
}
</style>
{% endblock %}