Retour aux outils

Générateur de bandeau cookies

Conforme aux lignes directrices CNIL (délib. 2020-091) — refus aussi simple qu'acceptation, catégorisation, durée max 13 mois.

1. Informations de base

2. Catégories de cookies

Strictement nécessairesRequis

Ces cookies sont indispensables au fonctionnement du site. Ils ne peuvent pas être désactivés.

Mesure d'audience

Nous permettent de comprendre comment vous utilisez notre site et d'améliorer votre expérience.

Publicité ciblée

Permettent d'afficher des publicités pertinentes sur d'autres sites en fonction de votre navigation.

Réseaux sociaux

Permettent le partage de contenu sur les réseaux sociaux.

<!-- ═══════════════════════════════════════════════════════════════════
  BANDEAU COOKIES CONFORME CNIL — Généré par AVCA Legal
  Délibération CNIL n° 2020-091 / 2020-092
  Pour : Votre entreprise
  ═══════════════════════════════════════════════════════════════════ -->

<!-- 1. Insérer juste avant </body> -->

<style>
.avca-cookie-banner {
  position: fixed;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #fff;
  color: #222;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
  padding: 24px;
  max-width: 100%;
}
.avca-position-bottom { bottom: 0; left: 0; right: 0; border-top: 3px solid #c9a227; }
.avca-position-top { top: 0; left: 0; right: 0; border-bottom: 3px solid #c9a227; }
.avca-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; border-radius: 12px; border: 2px solid #c9a227; }
.avca-cookie-content { max-width: 1100px; margin: 0 auto; }
.avca-cookie-header h3 { margin: 0 0 8px; font-size: 18px; color: #c9a227; }
.avca-cookie-desc { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: #444; }
.avca-cookie-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.avca-btn { padding: 10px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-family: inherit; }
.avca-btn-accept { background: #c9a227; color: white; }
.avca-btn-accept:hover { filter: brightness(0.9); }
.avca-btn-refuse { background: #f5f5f5; color: #333; border: 1px solid #ddd; }
.avca-btn-refuse:hover { background: #e8e8e8; }
.avca-btn-settings { background: transparent; color: #555; text-decoration: underline; padding: 10px 12px; }

.avca-cookie-settings { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.avca-settings-content { background: #fff; border-radius: 12px; max-width: 640px; width: 100%; max-height: 90vh; overflow-y: auto; padding: 32px; font-family: inherit; }
.avca-settings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.avca-settings-header h3 { margin: 0; color: #c9a227; font-size: 20px; }
.avca-settings-close { background: transparent; border: none; font-size: 28px; cursor: pointer; color: #888; padding: 0; line-height: 1; }
.avca-settings-intro { color: #555; margin-bottom: 20px; font-size: 14px; line-height: 1.6; }
.avca-category { border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px; margin-bottom: 12px; }
.avca-category-header { display: flex; gap: 12px; align-items: flex-start; }
.avca-category-toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; margin-top: 4px; }
.avca-category-toggle input { opacity: 0; width: 0; height: 0; }
.avca-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 24px; transition: .3s; }
.avca-toggl

[…reste du code…]

Comment l'installer ?

  1. Copiez le code ci-dessus
  2. Collez-le juste avant la balise </body> de votre site
  3. Adaptez les finalités réelles de vos cookies dans la configuration ci-contre
  4. Testez l'acceptation/refus → les scripts analytics/pub ne se chargent qu'après consentement

Validation par avocat ?

Faites relire votre configuration cookies par AVCA Legal.

RDV gratuit