cookiesdisclosure-local.html

<div class="cookies-dialog-main" role="dialog">
  <h4>Consentement à l'utilisation de cookies</h4>
  <span>
    Ce site Web utilise des cookies nécessaires, analytiques et publicitaires pour améliorer l'expérience de navigation de l'utilisateur, afficher des publicités d'intérêt et compiler des données statistiques. Pour permettre l'utilisation de tous les types de cookies, cliquez sur <strong>Accepter</strong>. Si vous voulez en choisir quelques-uns, cliquez sur <strong>Paramètres</strong>. 

    Vous pouvez obtenir plus d'informations sur les cookies utilisés dans la <a href="/legal/fr/cookiespolicy" onclick="return false" class="external_policy" tabindex="-1">Politique de Cookies de WeMystic</a> 
    et sur la manière dont vos données peuvent être utilisées pour la personnalisation des publicités dans les <a href="https://business.safety.google/privacy/" target="_blank" tabindex="-1">Règles de confidentialité et conditions d’utilisation de Google</a>.
  </span>
  <button type="button" class="cookies-dialog-switch" role="button">
    <span>Paramètres</span>
  </button>
  <button type="button" class="cookies-dialog-accept" role="button" tabindex="1">
    <span>Accepter</span>
  </button>
</div>
<div class="cookies-dialog-detail" style="display: none;" role="dialog">
  <h4>Paramètres des cookies</h4>
  <div>
    <label>
      <input type="checkbox" name="cookie-consent-detail-functional" class="cookie-consent-detail" value="functional" checked="checked" disabled="disabled">
      <span>Strictement nécessaires</span>
    </label>
    <p>
      Ces cookies sont nécessaires au fonctionnement du site Web et ne peuvent pas être désactivés. Ces cookies ne sont définis qu'en réponse aux actions entreprises par l'utilisateur, telles que la langue, la devise, les connexions, les préférences de confidentialité. Vous pouvez configurer votre navigateur pour bloquer ces cookies, mais cela peut affecter le fonctionnement de notre site Web.
    </p>
    <label>
      <input type="checkbox" name="cookie-consent-detail-measurement" class="cookie-consent-detail" value="measurement">
      <span>Statistiques et d'analyse</span>
    </label>
    <p>
      Ces cookies nous permettent de mesurer le trafic des visiteurs et de voir les sources de trafic en collectant des informations dans des ensembles de données. Ils nous aident également à comprendre quels produits et stocks sont plus populaires que d'autres.
    </p>
    <details>
      <summary>
        Vendeurs
      </summary>
      <ul>
        <li>Google General</li>
        <li>Google Analytics</li>
        <li>Google Ads</li>
        <li>Facebook (Meta)</li>
        <li>Taboola</li>
        <li>HotJar.com</li>
        <li>Amazon Web Services</li>
        <li>Cloudflare</li>
        <li>Google Fonts</li>
        <li>jsdelivr.com</li>
      </ul>
    </details>
    <label>
      <input type="checkbox" name="cookie-consent-detail-marketing" class="cookie-consent-detail" value="marketing">
      <span>Marketing</span>
    </label>
    <p>
      Ces cookies sont généralement définis par nos partenaires marketing et publicitaires. Ils peuvent être utilisés par eux pour créer un profil de vos intérêts et vous montrer plus tard des publicités pertinentes. Si vous n'autorisez pas ces cookies, vous ne verrez pas de publicités ciblées sur vos centres d'intérêt.
    </p>
    <details>
      <summary>
        Vendeurs
      </summary>
      <ul>
        <li>Google Ads</li>
        <li>Facebook (Meta)</li>
        <li>Taboola</li>
      </ul>
    </details>
    <label>
      <input type="checkbox" name="cookie-consent-detail-aduserdata" class="cookie-consent-detail" value="aduserdata">
      <span>Informations anonymes sur l'utilisateur</span>
    </label>
    <p>
      Permet d'envoyer des informations anonymes à Google et Meta.
    </p>
    <details>
      <summary>
        Vendeurs
      </summary>
      <ul>
        <li>Google General</li>
        <li>Google Analytics</li>
        <li>Google Ads</li>
        <li>Facebook (Meta)</li>
      </ul>
    </details>
    <label>
      <input type="checkbox" name="cookie-consent-detail-adpersonalization" class="cookie-consent-detail" value="adpersonalization">
      <span>Annonces personnalisées</span>
    </label>
    <p>
      Cela permet aux plateformes de personnaliser et de cibler les publicités en fonction de vos intérêts et de votre profil en ligne.
      Si vous ne l’autorisez pas, vous ne verrez pas de publicités adaptées à vos centres d’intérêt.
      Vous pouvez voir comment Google peut utiliser vos données pour la personnalisation des publicités dans les <a href="https://business.safety.google/privacy/" target="_blank">Règles de confidentialité et conditions d’utilisation de Google</a>.
    </p>
    <details>
      <summary>
        Vendeurs
      </summary>
      <ul>
        <li>Google Ads</li>
        <li>Facebook (Meta)</li>
        <li>Taboola</li>
      </ul>
    </details>
  </div>
  <p>
    Vous pouvez obtenir plus d'informations sur les cookies utilisés dans la <a href="/legal/fr/cookiespolicy" onclick="return false" class="external_policy">Politique de Cookies de WeMystic</a> 
    et sur la manière dont vos données peuvent être utilisées pour la personnalisation des publicités dans les <a href="https://business.safety.google/privacy/" target="_blank">Règles de confidentialité et conditions d’utilisation de Google</a>.
  </p>
  <button type="button" class="cookies-dialog-accept-detail" role="button">
    <span>Accepter</span>
  </button>
  <style>
  /* temp fix */
  div.cookies_policy_banner.cookies_detail_open {
    align-items: flex-start !important;
    overflow: auto !important;
  }
  div.cookies_policy_banner button.cookies-dialog-accept-detail {
    background-color: var(--btn-bg-color) !important;
    border: 1px solid var(--btn-border-color) !important;
    color: var(--btn-text-color) !important;
  }
  div.cookies_policy_banner button:hover {
    background-color: var(--btn-bg-hover) !important;
    border-color: var(--btn-border-color-hover) !important;
  }
  details {
    margin-bottom: 20px;
  }
  details > summary {
    display: list-item;
    cursor: pointer;
  }
  </style>
</div>