/* ============================================================
   Bandeau et panneau de consentement, charte du site.

   Cette feuille remplace entierement celle de Tarteaucitron
   (init: useExternalCss = true). La feuille d'origine pesait 30 Ko
   pour un habillage generique qu'il aurait fallu neutraliser regle
   par regle. On repart des jetons de main.css a la place.

   Elle est injectee par consent-init.js, pas mise en file d'attente :
   le bandeau n'apparait qu'apres le chargement, elle n'a donc aucune
   raison de bloquer le premier rendu.

   Les etats masques par defaut reproduisent fidelement ceux de la
   feuille d'origine. Tarteaucitron pilote l'affichage en posant des
   styles en ligne, qui prennent le dessus sur ces regles.
   ============================================================ */

/* --- Etats masques : ne pas toucher --------------------------- */
#tarteaucitronBack,
#tarteaucitron,
#tarteaucitronAlertSmall,
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden,
.tarteaucitron-display-none{display:none;}

/* Titre accessible, destine aux lecteurs d'ecran uniquement. Sans cette
 * regle il s'affiche en clair en bas de page : la librairie compte sur
 * sa propre feuille pour le sortir du flux. */
.tac_visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.tarteaucitron-modal-open #tac_title{display:none !important;}

/* --- Remise a zero des boutons -------------------------------
 * :where() ne compte pas dans la specificite. Sans lui, ce selecteur
 * pesait un identifiant plus un type et ecrasait toutes les regles
 * ciblant un bouton par son seul identifiant : le fond et la couleur
 * de la barre de fermeture et du badge sautaient, et ne revenaient
 * qu'au survol, ou la pseudo-classe faisait repasser la specificite
 * devant. Ici le selecteur ne pese qu'un type, tout le reste gagne.
 * ---------------------------------------------------------- */
#tarteaucitronRoot *,
#tarteaucitron *,
#tarteaucitronIcon *{box-sizing:border-box;}
/* Les etats interactifs sont listes explicitement : Kadence applique un
 * fond bleu et une ombre portee sur button:hover, button:focus et
 * button:active, un selecteur qui pese une classe et un type. Sans ces
 * trois lignes, la remise a zero n'en pesait qu'un et perdait des que le
 * bouton etait survole ou prenait le focus. La remise a zero est portee
 * par les identifiants racines : elle passe ainsi devant Kadence, tout
 * en restant derriere les regles de composant, qui portent soit deux
 * identifiants, soit un identifiant et une classe. */
#tarteaucitronRoot button, #tarteaucitronRoot button:hover, #tarteaucitronRoot button:focus, #tarteaucitronRoot button:active,
#tarteaucitron button, #tarteaucitron button:hover, #tarteaucitron button:focus, #tarteaucitron button:active,
#tarteaucitronIcon button, #tarteaucitronIcon button:hover, #tarteaucitronIcon button:focus, #tarteaucitronIcon button:active{
  font-family:inherit;
  cursor:pointer;
  background:none;
  border:none;
  color:inherit;
  box-shadow:none;
}

/* ============================================================
   1. Bandeau : carte etroite en bas a gauche

   Aucun decalage vertical : la racine Tarteaucitron monte a
   z-index 2147483645, tres au-dessus du bouton d'appel flottant
   (99990). Le bandeau passe donc par-dessus, ce qui est le
   comportement voulu tant qu'un choix n'a pas ete fait.
   ========================================================== */
#tarteaucitronRoot #tarteaucitronAlertBig{
  position:fixed;
  left:1.25rem;
  right:auto;
  bottom:1.25rem;
  transform:none;
  z-index:2147483645;
  width:calc(100% - 2.5rem);
  max-width:380px;
  padding:1.5rem 1.4rem 1.25rem;
  background:var(--cream,#F8F4F1);
  border:1px solid var(--line,#D8C8C2);
  border-radius:18px;
  box-shadow:0 20px 55px -20px rgba(28,24,18,.5);
  font-family:'Manrope',sans-serif;
  color:var(--ink,#1C1812);
  text-align:left;
}

/* --- Texte ---------------------------------------------------- */
#tarteaucitronDisclaimerAlert{display:block;margin-bottom:1.15rem;}

.sbd-consent-title{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:1.05rem;
  line-height:1.25;
  letter-spacing:-.01em;
  color:var(--ink,#1C1812);
  margin-bottom:.55rem;
}
.sbd-consent-text{
  display:block;
  font-size:.85rem;
  line-height:1.55;
  color:var(--ink-2,#5A5040);
}

/* Les pastilles decoratives des boutons n'apportent rien ici. */
#tarteaucitronRoot .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronCross{display:none;}

/* --- Boutons empiles, pleine largeur --------------------------
 * Accepter et refuser ont exactement le meme gabarit : meme largeur,
 * meme remplissage, meme graisse, l'un sous l'autre. Refuser doit
 * etre aussi simple qu'accepter, ce n'est pas une preference
 * esthetique. Seul l'aplat differe, comme entre .btn--amber et
 * .btn--outline sur le reste du site.
 * ---------------------------------------------------------- */
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronCloseAlert{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.78rem 1.4rem;
  margin:0 0 .55rem;
  font-family:'Manrope',sans-serif;
  font-size:.88rem;
  font-weight:700;
  line-height:1.2;
  text-transform:none;
  letter-spacing:normal;
  border-radius:100px;
  border:1px solid transparent;
  transition:background .15s ease,box-shadow .15s ease,border-color .2s ease,transform .15s ease;
}

/* Tout accepter : le degrade des CTA principaux du site (.btn--amber) */
#tarteaucitronRoot #tarteaucitronPersonalize2{
  background:linear-gradient(135deg,#FFFFFF 0%,#E1BDB1 100%);
  color:var(--ink,#1C1812);
  border-color:#D9ADAE;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover{
  background:linear-gradient(135deg,#FFFFFF 0%,#D8AC9E 100%);
  box-shadow:0 8px 22px -10px rgba(60,30,25,.35);
  border-color:#CF9E8F;
}

/* Tout refuser : le contour des CTA secondaires (.btn--outline) */
#tarteaucitronRoot #tarteaucitronAllDenied2{
  background:var(--chalk,#FFFFFF);
  color:var(--ink,#1C1812);
  border:1.5px solid #D9ADAE;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover{
  border-color:#9A595C;
  background:rgba(154,89,92,.06);
}

/* Personnaliser : troisieme niveau, volontairement plus discret */
#tarteaucitronRoot #tarteaucitronCloseAlert{
  background:var(--sand,#EDE5DF);
  color:var(--ink-2,#5A5040);
  border-color:var(--sand-2,#D9CBC3);
  font-weight:600;
}
#tarteaucitronRoot #tarteaucitronCloseAlert:hover{background:var(--sand-2,#D9CBC3);}

#tarteaucitronRoot #tarteaucitronPersonalize2:active,
#tarteaucitronRoot #tarteaucitronAllDenied2:active,
#tarteaucitronRoot #tarteaucitronCloseAlert:active{transform:translateY(1px);}

/* Lien legal, centre sous les boutons */
#tarteaucitronRoot #tarteaucitronPrivacyUrl{
  display:block;
  width:100%;
  margin:.5rem 0 0;
  padding:.3rem 0;
  text-align:center;
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--amber,#9A595C);
  text-decoration:underline;
  text-underline-offset:3px;
}
#tarteaucitronRoot #tarteaucitronPrivacyUrl:hover{color:var(--amber-dk,#7E4749);}

/* --- Bandeau compact en mobile ------------------------------
 * Mesure du 9 septembre 2026 sur PageSpeed mobile, quatre variantes de
 * la meme page mesurees en vingt-deux secondes :
 *
 *   sans gestionnaire            93
 *   fichiers sans la librairie   93
 *   librairie executee, bandeau masque par display:none   91
 *   production                   72
 *
 * Ni les fichiers ni le code de la librairie ne coutent quoi que ce soit.
 * Les 19 points viennent de la SURFACE PEINTE : un bloc large qui apparait
 * tard casse la stabilite visuelle de la pellicule que Lighthouse assemble.
 *
 * D'ou ce bandeau compact, environ 170 px de haut au lieu de 310 :
 * accepter et refuser cote a cote, personnaliser et le lien legal ramenes
 * a des liens sur une meme ligne, texte plus court, ombre allegee.
 *
 * Les boutons sont flottants et non en flex : la librairie pose un
 * display en ligne sur le bandeau pour l'afficher, un display:flex sur le
 * conteneur serait donc ecrase.
 *
 * Accepter et refuser gardent des largeurs et des graisses identiques :
 * refuser doit rester aussi simple qu'accepter.
 * ---------------------------------------------------------- */
@media (max-width:640px){
  #tarteaucitronRoot #tarteaucitronAlertBig{
    left:.75rem;
    bottom:.75rem;
    width:calc(100% - 1.5rem);
    max-width:none;
    padding:1rem .95rem .8rem;
    border-radius:14px;
    box-shadow:0 12px 32px -16px rgba(28,24,18,.38);
  }
  #tarteaucitronRoot #tarteaucitronAlertBig::after{content:"";display:block;clear:both;}

  #tarteaucitronDisclaimerAlert{margin-bottom:.8rem;}
  .sbd-consent-title{font-size:.95rem;margin-bottom:.3rem;}
  .sbd-consent-text{font-size:.79rem;line-height:1.45;}

  /* Accepter et refuser sur une seule ligne, largeurs egales. */
  #tarteaucitronRoot #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAllDenied2{
    float:left;
    width:calc(50% - .3rem);
    margin:0 0 .55rem;
    padding:.68rem .7rem;
    font-size:.83rem;
  }
  #tarteaucitronRoot #tarteaucitronPersonalize2{margin-right:.6rem;}

  /* Personnaliser redevient un lien, aligne avec le lien legal. */
  #tarteaucitronRoot #tarteaucitronCloseAlert{
    clear:both;
    float:left;
    width:auto;
    margin:0;
    padding:.25rem 0;
    background:none;
    border:none;
    font-family:'JetBrains Mono',monospace;
    font-size:.6rem;
    font-weight:400;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--amber,#9A595C);
    text-decoration:underline;
    text-underline-offset:3px;
  }
  #tarteaucitronRoot #tarteaucitronCloseAlert:hover{background:none;}

  #tarteaucitronRoot #tarteaucitronPrivacyUrl{
    float:right;
    display:inline-block;
    width:auto;
    margin:0;
    padding:.25rem 0;
    font-size:.6rem;
    text-align:right;
  }
}

/* ============================================================
   2. Voile et panneau
   ========================================================== */
#tarteaucitronBack{
  position:fixed;
  top:0;left:0;
  width:100%;height:100%;
  background:rgba(28,24,18,.55);
  opacity:1;
  z-index:2147483646;
}

/* La librairie calcule un "top" en pixels qu'elle pose en style en ligne
 * (userInterface.css('tarteaucitron','top',...)). Ce calcul suppose un
 * panneau non transforme : combine a notre translation verticale, il
 * sortait la moitie du panneau hors de l'ecran. On neutralise les deux
 * proprietes concernees, c'est le seul endroit de cette feuille ou le
 * !important est justifie.
 *
 * Le panneau ne defile pas lui-meme : c'est la liste interne qui defile.
 * Sinon l'ascenseur se placait entre la barre de fermeture et le bord du
 * panneau, laissant apparaitre un lisere clair en haut a droite. */
#tarteaucitron{
  position:fixed;
  top:50% !important;
  left:50%;
  transform:translate(-50%,-50%) !important;
  z-index:2147483647;
  width:calc(100% - 2rem);
  max-width:720px;
  max-height:86vh;
  overflow:hidden;
  background:var(--cream,#F8F4F1);
  border-radius:22px;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
  font-family:'Manrope',sans-serif;
  color:var(--ink,#1C1812);
  padding:0 0 1.5rem;
}

body.tarteaucitron-modal-open{overflow:hidden;}

#tarteaucitron #tarteaucitronClosePanel{
  display:block;
  width:100%;
  padding:.9rem 1.5rem;
  background:var(--ink,#1C1812);
  color:var(--cream,#F8F4F1);
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:right;
  border:none;
  border-radius:22px 22px 0 0;
}
#tarteaucitron #tarteaucitronClosePanel:hover{background:#2e2920;}

/* La librairie fige une hauteur et un debordement sur ce conteneur pour
 * gerer son propre defilement. On reprend la main : hauteur libre, plafond
 * exprime en pourcentage de la fenetre, moins la place de la barre de
 * fermeture et du bouton d'enregistrement. */
#tarteaucitronServices{
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto;
  overscroll-behavior:contain;
  max-height:calc(86vh - 190px);
  padding:0 1.5rem;
  scrollbar-width:thin;
  scrollbar-color:var(--sand-2,#D9CBC3) transparent;
}
#tarteaucitronServices ul{list-style:none;margin:0;padding:0;}

/* Ascenseur discret, en pilule flottante */
#tarteaucitronServices::-webkit-scrollbar{width:12px;}
#tarteaucitronServices::-webkit-scrollbar-track{background:transparent;}
#tarteaucitronServices::-webkit-scrollbar-thumb{
  background-color:var(--sand-2,#D9CBC3);
  border:4px solid transparent;
  background-clip:padding-box;
  border-radius:100px;
}
#tarteaucitronServices::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3,#9C8E72);}

/* --- Titres ------------------------------------------------- */
#tarteaucitron .tarteaucitronH1,
#tarteaucitron .tarteaucitronH2,
#tarteaucitron .tarteaucitronH3{
  display:block;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ink,#1C1812);
}
#tarteaucitron .tarteaucitronH1{font-size:1.4rem;line-height:1.2;margin:0 0 .9rem;}
#tarteaucitron .tarteaucitronH2{font-size:1rem;margin:0;}
#tarteaucitron .tarteaucitronH3{font-size:.98rem;margin:0 0 .35rem;}

#tarteaucitronInfo{
  font-size:.88rem;
  line-height:1.6;
  color:var(--ink-2,#5A5040);
  margin-bottom:1rem;
}
#tarteaucitronInfo p{margin:0 0 .6rem;}
#tarteaucitronInfo br{display:none;}
#tarteaucitron #tarteaucitronPrivacyUrlDialog{
  font-family:'JetBrains Mono',monospace;
  font-size:.66rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--amber,#9A595C);
  border-bottom:1px solid transparent;
}
#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover{border-bottom-color:var(--amber,#9A595C);}

/* --- Ligne maitresse : reglage global -------------------------
 * Elle contient le titre, le texte d'introduction et les deux boutons
 * globaux : c'est un bloc empile, pas une ligne de service. Elle doit
 * donc echapper a la mise en page en flex des lignes ordinaires.
 * ---------------------------------------------------------- */
#tarteaucitron #tarteaucitronMainLineOffset{
  display:block;
  padding:1.5rem 1.25rem 1.25rem;
  margin:1.5rem 0 1.25rem;
  background:var(--amber-pale,#F7EBE9);
  border:1px solid var(--amber-lt,#E1BDB1);
  border-left-width:1px;
  border-radius:14px;
}
#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName{margin-bottom:.75rem;}
#tarteaucitron #tarteaucitronScrollbarAdjust{display:flex;flex-wrap:wrap;gap:.5rem;}
#tarteaucitron #tarteaucitronScrollbarAdjust button{flex:1 1 150px;justify-content:center;}

/* --- Titre de categorie -------------------------------------- */
#tarteaucitron .tarteaucitronTitle{margin:1.4rem 0 .7rem;}
#tarteaucitron .tarteaucitronTitle button,
#tarteaucitron .tarteaucitronTitle .asCatToggleBtn{
  display:block;
  width:100%;
  text-align:left;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--ink-3,#9C8E72);
}
#tarteaucitron .tarteaucitronTitle button:hover{color:var(--amber,#9A595C);}

/* Le marqueur d'ouverture est un span vide dans le balisage : son contenu
 * venait de la feuille d'origine, on le refait ici. */
#tarteaucitron .tarteaucitronPlus{display:inline-block;width:1em;}
#tarteaucitron .tarteaucitronPlus::before{content:"+";}
#tarteaucitron [aria-expanded="true"] .tarteaucitronPlus::before{content:"–";}

/* Description d'une categorie, depliee au clic sur son titre */
#tarteaucitron .tarteaucitronDetails,
#tarteaucitron .tarteaucitronInfoBox{
  font-size:.82rem;
  line-height:1.55;
  color:var(--ink-2,#5A5040);
  padding:.75rem .95rem;
  margin:0 0 .7rem;
  background:var(--sand,#EDE5DF);
  border-radius:10px;
}

/* --- Une ligne de service ------------------------------------ */
#tarteaucitron .tarteaucitronLine{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  padding:1.05rem 1.15rem;
  margin-bottom:.7rem;
  background:var(--chalk,#FFFFFF);
  border:1px solid var(--line,#D8C8C2);
  border-left:3px solid var(--sand-2,#D9CBC3);
  border-radius:12px;
}
#tarteaucitron .tarteaucitronLine.tarteaucitronIsAllowed{border-left-color:var(--amber,#9A595C);}
#tarteaucitron .tarteaucitronLine.tarteaucitronIsDenied{border-left-color:var(--sand-2,#D9CBC3);}

#tarteaucitron .tarteaucitronName{flex:1 1 240px;min-width:0;}
#tarteaucitron .tarteaucitronAsk{flex:0 0 auto;display:flex;gap:.5rem;}

#tarteaucitron .tarteaucitronStatusInfo{
  display:block;
  font-size:.78rem;
  line-height:1.5;
  color:var(--ink-3,#9C8E72);
  margin-bottom:.3rem;
}
#tarteaucitron .tacCurrentStatus{font-weight:700;color:var(--ink-2,#5A5040);}
#tarteaucitron .tarteaucitronListCookies{font-size:.78rem;color:var(--ink-3,#9C8E72);}

#tarteaucitron .tarteaucitronReadmoreInfo,
#tarteaucitron .tarteaucitronReadmoreOfficial{
  font-size:.76rem;
  color:var(--amber,#9A595C);
  text-decoration:underline;
  text-underline-offset:2px;
}
#tarteaucitron .tarteaucitronReadmoreSeparator{font-size:.76rem;color:var(--ink-3,#9C8E72);}

#tarteaucitron #tarteaucitronNoServicesTitle{
  display:block;
  font-size:.85rem;
  color:var(--ink-2,#5A5040);
}

/* --- Boutons autoriser / interdire ---------------------------- */
#tarteaucitron .tarteaucitronAllow,
#tarteaucitron .tarteaucitronDeny{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.52rem 1.1rem;
  font-family:'Manrope',sans-serif;
  font-size:.8rem;
  font-weight:700;
  white-space:nowrap;
  border-radius:100px;
  border:1px solid var(--sand-2,#D9CBC3);
  background:var(--sand,#EDE5DF);
  color:var(--ink-2,#5A5040);
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
#tarteaucitron .tarteaucitronAllow:hover,
#tarteaucitron .tarteaucitronDeny:hover{border-color:var(--amber-lt,#E1BDB1);background:var(--amber-pale,#F7EBE9);}
#tarteaucitron .tarteaucitronAllow[aria-pressed="true"]{background:linear-gradient(135deg,#FFFFFF 0%,#E1BDB1 100%);border-color:#D9ADAE;color:var(--ink,#1C1812);}
#tarteaucitron .tarteaucitronDeny[aria-pressed="true"]{background:var(--ink-2,#5A5040);border-color:var(--ink-2,#5A5040);color:var(--cream,#F8F4F1);}

/* --- Enregistrer --------------------------------------------- */
#tarteaucitronSave{padding:1.4rem 1.5rem .25rem;text-align:center;}
#tarteaucitron #tarteaucitronSaveButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  padding:.82rem 1.6rem;
  font-size:.9rem;
  font-weight:700;
  border-radius:100px;
  border:1px solid #D9ADAE;
  background:linear-gradient(135deg,#FFFFFF 0%,#E1BDB1 100%);
  color:var(--ink,#1C1812);
}
#tarteaucitron #tarteaucitronSaveButton:hover{
  background:linear-gradient(135deg,#FFFFFF 0%,#D8AC9E 100%);
  box-shadow:0 8px 22px -10px rgba(60,30,25,.35);
  border-color:#CF9E8F;
}

#tarteaucitron .tarteaucitronBorder{border:0;}
#tarteaucitron .clear{clear:both;}

/* Credit de la librairie, conserve mais discret */
#tarteaucitron .tarteaucitronSelfLink{display:block;margin:1.25rem 0 0;text-align:center;opacity:.4;}
#tarteaucitron .tarteaucitronSelfLink:hover{opacity:.7;}
#tarteaucitron .tarteaucitronSelfLink img{width:72px;height:auto;display:inline-block;}

@media (max-width:640px){
  #tarteaucitron{border-radius:16px;max-height:90vh;}
  #tarteaucitronClosePanel{border-radius:16px 16px 0 0;}
  #tarteaucitronServices{padding:0 1rem;max-height:calc(90vh - 190px);}
  #tarteaucitronSave{padding-left:1rem;padding-right:1rem;}
  #tarteaucitron .tarteaucitronAsk{width:100%;}
  #tarteaucitron .tarteaucitronAsk button{flex:1 1 0;}
}

/* ============================================================
   3. Badge de reouverture

   Pastille ronde en bas a gauche. A gauche parce que la bulle du
   bouton d'appel se replie en bas a droite : c'est deja pour cette
   raison que le badge de l'ancien gestionnaire etait de ce cote.
   ========================================================== */
#tarteaucitronIcon{
  position:fixed;
  left:1.25rem;
  right:auto;
  bottom:1.25rem;
  z-index:2147483646;
  width:auto;
  background:transparent;
}
#tarteaucitronIcon.tarteaucitronIconBottomRight{right:1.25rem;left:auto;}

#tarteaucitronIcon #tarteaucitronManager{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:0;
  background:var(--ink,#1C1812);
  border:1px solid rgba(248,244,241,.18);
  border-radius:50%;
  box-shadow:0 10px 26px -10px rgba(28,24,18,.55);
  transition:background .15s ease,transform .15s ease;
}
#tarteaucitronIcon #tarteaucitronManager:hover{background:#2e2920;transform:translateY(-1px);}

/* L'icone de la librairie est une image encodee en dur dans son code, on
 * ne peut pas remplacer sa source depuis une feuille de style. On la masque
 * et on dessine la notre en masque CSS : la couleur suit ainsi la charte
 * au lieu d'etre figee dans le fichier. */
#tarteaucitronIcon #tarteaucitronManager img{display:none;}
#tarteaucitronIcon #tarteaucitronManager::before{
  content:"";
  width:26px;
  height:26px;
  background-color:var(--cream,#F8F4F1);
  -webkit-mask:url("consent-cookie.svg") center/contain no-repeat;
  mask:url("consent-cookie.svg") center/contain no-repeat;
}

/* Le decalage du badge au-dessus de la barre d'appel flottante est pose
 * dans inc/contact-cta.php, aupres de l'element qui le rend necessaire. */

/* ============================================================
   4. Accessibilite
   ========================================================== */
#tarteaucitronRoot button:focus-visible,
#tarteaucitronRoot a:focus-visible,
#tarteaucitron button:focus-visible,
#tarteaucitron a:focus-visible,
#tarteaucitronIcon button:focus-visible{
  outline:2px solid var(--amber,#9A595C);
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  #tarteaucitronRoot *,
  #tarteaucitron *,
  #tarteaucitronIcon *{transition:none !important;}
}