/* Bandeau de consentement a la mesure d'audience.

   Feuille separee et non integree aux pages : elle sert aux 9 pages du site,
   dont deux jeux de styles differents (l'accueil a son CSS en ligne, les etudes
   de cas utilisent case.css). Une seule source evite qu'ils divergent.

   Parti pris : un bandeau en bas, pas une fenetre modale qui bloque la page.
   Le visiteur peut lire le site sans repondre, ce qui est autorise pour de la
   mesure d'audience, et les deux boutons ont exactement le meme poids visuel,
   ce que la CNIL exige : refuser doit etre aussi simple qu'accepter. */

.cb{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:9998;
  background:#FFFFFF; color:#0D2137;
  border:1px solid #DDE5ED; border-radius:20px;
  box-shadow:0 24px 60px -18px rgba(13,33,55,.28);
  font-family:"Inter","Helvetica Neue",system-ui,-apple-system,sans-serif;
  opacity:0; transform:translateY(14px);
  transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1);
}
.cb.on{opacity:1; transform:none}

.cb-in{
  max-width:1160px; margin-inline:auto; padding:20px 24px;
  display:flex; align-items:center; gap:26px; flex-wrap:wrap;
}
.cb-txt{margin:0; flex:1 1 320px; font-size:.92rem; line-height:1.55; color:#5A6E82}
.cb-txt strong{color:#0D2137; font-weight:600}
.cb-txt a{color:#007FA8}

.cb-act{display:flex; gap:10px; flex:0 0 auto}
.cb-b{
  font:inherit; font-size:.9rem; font-weight:600; cursor:pointer;
  padding:11px 22px; border-radius:100px; border:1px solid transparent;
  transition:background .22s, color .22s, border-color .22s, transform .22s;
}
.cb-b:hover{transform:translateY(-1px)}
.cb-b:focus-visible{outline:2px solid #00A6D6; outline-offset:3px}
.cb-oui{background:#00A6D6; color:#FFFFFF}
.cb-oui:hover{background:#007FA8}
.cb-non{background:#FFFFFF; color:#0D2137; border-color:#DDE5ED}
.cb-non:hover{border-color:#0D2137}

/* Lien de retour sur son choix, ajoute au pied de page. La CNIL demande que le
   consentement soit retirable aussi facilement qu'il a ete donne. */
.cb-lien{
  background:none; border:0; padding:0; font:inherit; cursor:pointer;
  color:inherit; opacity:.75; text-decoration:underline; text-underline-offset:3px;
}
.cb-lien:hover{opacity:1}

@media (max-width:640px){
  .cb{left:10px; right:10px; bottom:10px; border-radius:18px}
  .cb-in{padding:18px; gap:16px}
  .cb-act{width:100%}
  .cb-b{flex:1}
}

/* Le bandeau apparait en bas, la ou l'accueil affiche deja sa barre d'appel
   a l'action fixe. On la decale tant que le choix n'est pas fait. */
body.cb-ouvert .sticky-cta{transform:translateY(-96px)}

@media (prefers-reduced-motion:reduce){
  .cb{transition:none}
  .cb-b:hover{transform:none}
}