templates/front/cookies/preferences.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="cookies__preferences" tabindex="-1" role="dialog" aria-hidden="true">
  2.       <div class="modal-dialog modal-dialog-centered" role="document">
  3.         <div class="modal-content heigh-cook pref">
  4.             <div class="modal-header">
  5.                 <h5 class="title get-pad color-org">Gérer le consentement aux cookies</h5>
  6.             </div>     
  7.               <div class="modal-body p-l-modal">
  8.                 <p style="m-t-neg define_text">Notre site web utilise des <strong>cookies</strong> essentiels au fonctionnement du site, ainsi que des cookies de mesure d’audience afin de vous offrir une meilleure expérience utilisateur grâce aux statistiques anonymisées de Matomo et Google Tag Manager. Vous pouvez consentir à l'utilisation des cookies en vue de ces objectifs, tout refuser ou sélectionner les cookies à appliquer. Vous pouvez changer d'avis et modifier votre consentement à tout moment sur le site. Dans le document <strong>« Politique de Cookies », nous vous informons de l’utilisation des cookies</strong> sur notre site web</p>
  9.             </div>
  10.             <div class="modal-footer">
  11.                 <div id="banner-manage-consent-container" class="banner-manage-consent-container text-adapte" style="display: block;">
  12.                     <div class="banner-categories mb-4">
  13.                         <details class="banner-category banner-functional_support float-left">
  14.                             <summary>
  15.                                 <span class="arrow"></span>
  16.                                 <span class="banner-category-header">
  17.                                     <span class="banner-category-title">Fonctionnel</span>
  18.                                     <span class="banner-always-active">    
  19.                                         <span class="banner-banner-checkbox">
  20.                                             <input type="checkbox" style="display:none" id="banner-functional-optin" data-category="banner_functional_support" class="banner-consent-checkbox banner-functional_support" size="40" value="1">
  21.                                             <label class="banner-label" for="banner-functional-optin" tabindex="0"><span></span></label>
  22.                                         </span>
  23.                                         <strong class="alw_act">Toujours activé</strong>
  24.                                     </span>
  25.                                 </span>
  26.                             </summary>
  27.                             <div class="banner-description text-align-justify" >
  28.                                 <span class="banner-description-functional_support" >Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.</span>
  29.                             </div>
  30.                         </details>
  31.                         <details class="banner-category banner-preferences_support float-left">
  32.                             <summary class="text-left">
  33.                                 <span class="arrow"></span>
  34.                                 <span class="banner-category-header">
  35.                                     <span class="banner-category-title">Préférences</span>
  36.                                     <span class="banner-banner-checkbox">
  37.                                         <input type="checkbox" id="banner-preferences-optin" data-category="banner_preferences_support" class="banner-consent-checkbox banner-preferences_support" size="40" value="1">
  38.                                         <label class="banner-label" for="banner-preferences-optin" tabindex="0"><span></span></label>
  39.                                     </span>
  40.                                 </span>
  41.                             </summary>
  42.                             <div class="banner-description text-align-justify">
  43.                                 <span class="banner-description-preferences">Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.</span>
  44.                             </div>
  45.                         </details>
  46.                         <details class="banner-category banner-statistics_support float-left width-style">
  47.                             <summary class="text-left">
  48.                                 <span class="arrow"></span>
  49.                                 <span class="banner-category-header">
  50.                                     <span class="banner-category-title">Statistiques</span>
  51.                                     <span class="banner-banner-checkbox">
  52.                                         <input type="checkbox" id="banner-statistics-optin" data-category="banner_statistics_support" class="banner-consent-checkbox banner-statistics_support" size="40" value="1">
  53.                                         <label class="banner-label" for="banner-statistics-optin" tabindex="0"><span></span></label>
  54.                                     </span>
  55.                                 </span>
  56.                             </summary>
  57.                             <div class="banner-description text-align-justify">
  58.                                 <span class="banner-description-statistics">Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.</span>
  59.                                 <span class="banner-description-statistics-anonymous">Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span>
  60.                             </div>
  61.                         </details>
  62.                         <details class="banner-category banner-marketing_support float-left width-style">
  63.                             <summary class="text-left">
  64.                                 <span class="arrow"></span>
  65.                                 <span class="banner-category-header">
  66.                                     <span class="banner-category-title">Marketing</span>
  67.                                         <span class="banner-banner-checkbox">
  68.                                             <input type="checkbox" id="banner-marketing-optin" data-category="banner_marketing_support" class="banner-consent-checkbox banner-marketing_support" size="40" value="1">
  69.                                             <label class="banner-label" for="banner-marketing-optin" tabindex="0"><span></span></label>
  70.                                         </span>
  71.                                 </span>
  72.                             </summary>
  73.                             <div class="banner-description text-align-justify">
  74.                                 <span class="banner-description-marketing">Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.</span>
  75.                             </div>
  76.                         </details>     
  77.                     </div>
  78.                     <div class="list_actionsB">
  79.                         <a href="#" class="return-back float-right">Retour</a>
  80.                     </div>
  81.                   </div>
  82.             </div>
  83.         </div>    
  84.       </div>
  85. </div>