/* =====================================================================
   salonsoleil-consent.css
   Habillage du bandeau de cookies aux couleurs de Salon Soleil.
   ---------------------------------------------------------------------
   Ce fichier est volontairement SEPARE de tarteaucitron.min.css : en cas
   de mise a jour de tarteaucitron, il n'y a rien a refaire ici.
   A charger APRES tarteaucitron.min.js.

   Regle CNIL respectee : les boutons "Tout accepter" et "Tout refuser"
   ont exactement la meme taille, la meme couleur et la meme mise en
   forme. Aucun des deux n'est mis en avant par rapport a l'autre.
   ===================================================================== */

/* ---------- Neutralisation des styles du theme "redgood" ----------
   Le theme du site applique ses propres regles aux <button> et aux <a>
   (bordure rouge, texte en MAJUSCULES, hauteur fixe). Sans ce bloc, ces
   regles debordent dans le panneau de cookies et l'affichage devient
   incoherent. Constate et corrige le 25/08/2026. */
html #tarteaucitronRoot,
html #tarteaucitronRoot button,
html #tarteaucitronRoot a,
html #tarteaucitronRoot span,
html #tarteaucitronRoot div,
html #tarteaucitronRoot li,
html #tarteaucitronRoot p {
  text-transform: none !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}

html #tarteaucitronRoot button,
html #tarteaucitronRoot a {
  border: 0 !important;
  height: auto !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  background-image: none !important;
  /* Safari applique un habillage natif aux <button> et peut ignorer le fond,
     la bordure et les coins arrondis. appearance:none le desactive. */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-family: inherit !important;
}

html #tarteaucitronRoot a::before,
html #tarteaucitronRoot a::after,
html #tarteaucitronRoot button::after {
  content: none !important;
}

/* ---------- Typographie generale ---------- */
html #tarteaucitronRoot,
html #tarteaucitronRoot * {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html #tarteaucitronRoot #tarteaucitronDisclaimerAlert,
html #tarteaucitronRoot .tarteaucitronH1,
html #tarteaucitronRoot .tarteaucitronH2 {
  font-family: "Roboto Slab", Georgia, serif !important;
}

/* ---------- Le bandeau du bas ---------- */
html #tarteaucitronRoot #tarteaucitronAlertBig {
  background: #ffffff !important;
  color: #3a4145 !important;
  border-top: 3px solid #cf4747 !important;
  box-shadow: 0 -4px 22px rgba(0, 0, 0, 0.12) !important;
  padding: 20px 24px !important;
  box-sizing: border-box !important;
}

html #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  color: #3a4145 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 8px 0 0 !important;
}

/* ---------- Boutons "Tout accepter" et "Tout refuser" ----------
   STRICTEMENT IDENTIQUES (exigence CNIL). */
html #tarteaucitronRoot #tarteaucitronPersonalize2,
html #tarteaucitronRoot #tarteaucitronAllDenied2,
html #tarteaucitronRoot #tarteaucitronPersonalize,
html #tarteaucitronRoot #tarteaucitronAllDenied {
  background: #c0392b !important;
  color: #ffffff !important;
  border: 1px solid #c0392b !important;
  border-radius: 3px !important;
  padding: 11px 22px !important;
  margin: 6px 5px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  min-width: 150px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background 0.18s ease !important;
}

html #tarteaucitronRoot #tarteaucitronPersonalize2:hover,
html #tarteaucitronRoot #tarteaucitronAllDenied2:hover,
html #tarteaucitronRoot #tarteaucitronPersonalize:hover,
html #tarteaucitronRoot #tarteaucitronAllDenied:hover {
  background: #a5291d !important;
  border-color: #a5291d !important;
}

/* ---------- Lien "Personnaliser" et lien de politique ---------- */
html #tarteaucitronRoot #tarteaucitronCloseAlert,
html #tarteaucitronRoot #tarteaucitronPrivacyUrl,
html #tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: #555c61 !important;
  border: 0 !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  padding: 11px 12px !important;
  margin: 6px 2px !important;
  cursor: pointer !important;
}

html #tarteaucitronRoot #tarteaucitronCloseAlert:hover,
html #tarteaucitronRoot #tarteaucitronPrivacyUrl:hover {
  color: #c0392b !important;
}

/* ---------- Le panneau de reglages detaille ---------- */
html #tarteaucitronRoot #tarteaucitron {
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* Bouton "Fermer" du panneau.
   z-index obligatoire : sans lui, la liste des services passe par-dessus et
   le bouton devient impossible a cliquer (bug constate le 25/08/2026).
   width:auto + nowrap : sinon le mot "Fermer" se coupe sur deux lignes. */
html #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: #3a4145 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 7px 18px !important;
  width: auto !important;
  min-width: 92px !important;
  white-space: nowrap !important;
  right: 14px !important;
  z-index: 10 !important;
  border-radius: 4px 4px 0 0 !important;
}

/* Titres de categorie ("Cookies obligatoires", "Mesure d'audience"...).
   width:100% : sinon le fond du bouton s'arrete au milieu de la ligne et
   laisse un bord net disgracieux (corrige le 25/08/2026). */
html #tarteaucitronRoot #tarteaucitronservices .tarteaucitronTitle,
html #tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle,
html #tarteaucitronRoot .tarteaucitronTitle {
  background: #fff8f8 !important;
  color: #3a4145 !important;
  border-left: 3px solid #cf4747 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 12px 16px !important;
}

html #tarteaucitronRoot .tarteaucitronTitle span,
html #tarteaucitronRoot .tarteaucitronTitle b,
html #tarteaucitronRoot .tarteaucitronTitle a {
  color: #3a4145 !important;
}

/* Le bouton d'ouverture/fermeture a l'interieur du titre : le theme lui
   donne un fond blanc, un texte rouge et des coins arrondis, ce qui dessine
   une "pastille" en plein milieu de la bande. On le rend transparent. */
html #tarteaucitronRoot .tarteaucitronTitle button {
  background: transparent !important;
  background-color: transparent !important;
  color: #3a4145 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  width: auto !important;
  min-width: 0 !important;
}

html #tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #eaeaea !important;
}

/* Boutons "Autoriser" / "Interdire" de chaque service :
   gris neutre au repos, vert ou rouge une fois selectionne. */
html #tarteaucitronRoot .tarteaucitronAllow,
html #tarteaucitronRoot .tarteaucitronDeny {
  background: #f0f0f0 !important;
  color: #3a4145 !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 3px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  min-width: 108px !important;
  text-align: center !important;
}

html #tarteaucitronRoot .tarteaucitronIsSelected.tarteaucitronAllow,
html #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow {
  background: #1e7b34 !important;
  border-color: #1e7b34 !important;
  color: #ffffff !important;
}

html #tarteaucitronRoot .tarteaucitronIsSelected.tarteaucitronDeny,
html #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny {
  background: #c0392b !important;
  border-color: #c0392b !important;
  color: #ffffff !important;
}

html #tarteaucitronRoot #tarteaucitronSaveButton,
html #tarteaucitronRoot .tarteaucitronCTAButton {
  background: #c0392b !important;
  border: 1px solid #c0392b !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
}

/* ---------- Telephones ---------- */
@media screen and (max-width: 767px) {
  html #tarteaucitronRoot #tarteaucitronAlertBig {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 16px 14px 14px !important;
  }
  html #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
    flex: 0 0 100% !important;
    font-size: 14px !important;
    margin: 0 0 12px 0 !important;
  }
  html #tarteaucitronRoot #tarteaucitronPersonalize2,
  html #tarteaucitronRoot #tarteaucitronAllDenied2 {
    flex: 0 0 48% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 48% !important;
    margin: 0 1% !important;
    padding: 13px 4px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  html #tarteaucitronRoot #tarteaucitronCloseAlert,
  html #tarteaucitronRoot #tarteaucitronPrivacyUrl {
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
    margin: 12px 0 0 !important;
    padding: 4px 2px !important;
    font-size: 13px !important;
  }
}

/* ---------- Boutons "Tout accepter" / "Tout refuser" DU PANNEAU ----------
   Attention : ne concerne PAS les boutons du bandeau (suffixes "2"), qui
   doivent rester strictement identiques entre eux (exigence CNIL).
   Dans le panneau, le CSS d'origine affiche "Tout refuser" en rouge meme
   quand il n'est pas selectionne : on remet les deux au neutre, et la
   couleur n'apparait que sur le choix reellement actif. */
html #tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed,
html #tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied {
  background: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  color: #3a4145 !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 3px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  min-width: 180px !important;
  width: auto !important;
  text-align: center !important;
}

html #tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed[aria-pressed="true"] {
  background: #1e7b34 !important;
  background-color: #1e7b34 !important;
  border-color: #1e7b34 !important;
  color: #ffffff !important;
}

html #tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied[aria-pressed="true"] {
  background: #c0392b !important;
  background-color: #c0392b !important;
  border-color: #c0392b !important;
  color: #ffffff !important;
}

/* ---------- Lien de politique de confidentialite : version discrete ----------
   Le lien reste obligatoire : la CNIL exige que la liste des responsables de
   traitement et l'information detaillee soient accessibles depuis le premier
   niveau d'information, "via un lien hypertexte par exemple". On l'atenue
   visuellement sans le masquer. La couleur #6b7175 sur fond blanc donne un
   contraste de 4,95:1, au-dessus du minimum WCAG AA de 4,5:1 exige pour du
   texte de taille normale : le lien reste donc parfaitement lisible. */
html #tarteaucitronRoot #tarteaucitronPrivacyUrl,
html #tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
  color: #6b7175 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 2px 6px !important;
  margin: 4px 0 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
}

/* Sur le bandeau, on le renvoie sur sa propre ligne, sous les boutons. */
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 10px auto 0 !important;
}

html #tarteaucitronRoot #tarteaucitronPrivacyUrl:hover,
html #tarteaucitronRoot #tarteaucitronPrivacyUrlDialog:hover {
  color: #c0392b !important;
  text-decoration: underline !important;
}