:root {
  --texte: 'À propos des cookies...';
  --noir: #434343;
  --saison1: #ff6c2f;
  --saison2: #ffc015;
  --size: 1.25rem;
}

@font-face {
  font-family: 'TarteAuCitron';
  src: url('./../fonts/miso/miso-webfont.woff2') format('woff2'),
    url('./../fonts/miso/miso-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'TarteAuCitron';
  src: url('./../fonts/miso/miso-bold-webfont.woff2') format('woff2'),
    url('./../fonts/miso/miso-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 2rem 0 !important;
  width: 100% !important;

  background-color: var(--saison1) !important;

  text-align: left !important;
}

#tarteaucitronPercentage {
  background-color: var(--saison2) !important;
  box-shadow: none !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  display: block !important;
  margin: 0 2rem !important;
  padding: 0 !important;

  font-family: 'TarteAuCitron' !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert button {
  margin: 1rem 0 !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert::before {
  content: var(--texte);
  display: block;
  margin: 0 0 1rem 0;

  font-size: 2em;
  text-transform: uppercase;
  color: var(--saison2);
}

#tarteaucitronBack {
  background-color: var(--noir) !important;
  opacity: 1 !important;
}

span#tarteaucitronDisclaimerAlert {
  display: inline !important;
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
  content: none !important;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  font-size: var(--size) !important;
  text-transform: uppercase !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
  display: block !important;
  margin: 1rem auto !important;
  padding: 1rem 0 !important;
  width: calc(100% - 4rem) !important;

  background-color: var(--saison2) !important;

  font-family: 'TarteAuCitron' !important;
  font-size: 1.5rem !important;
  text-align: center;
  text-transform: uppercase;
  color: white !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert:last-of-type,
#tarteaucitronAlertBig #tarteaucitronPersonalize:last-of-type,
#tarteaucitronAlertBig #tarteaucitronPersonalize2:last-of-type,
#tarteaucitron #tarteaucitronPrivacyUrl:last-of-type,
#tarteaucitron #tarteaucitronPrivacyUrlDialog:last-of-type,
#tarteaucitronRoot .tarteaucitronDeny:last-of-type,
#tarteaucitronRoot .tarteaucitronAllow:last-of-type,
.tarteaucitronCTAButton:last-of-type {
  margin-bottom: 0 !important;
}

#tarteaucitronAlertBig
  button#tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow,
#tarteaucitronAlertBig
  button#tarteaucitronAllDenied2.tarteaucitronCTAButton.tarteaucitronDeny,
#tarteaucitronAlertBig button#tarteaucitronCloseAlert {
  font-size: var(--size) !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronAsk
  .tarteaucitronAllow,
#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronAsk
  .tarteaucitronDeny {
  margin: 1rem auto !important;
  width: 90% !important;

  border-radius: 0 !important;
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
  margin: 0 0.5rem 0 0;
}

@media screen and (min-width: 64rem) {
  #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot .tarteaucitronAllow,
  #tarteaucitronRoot .tarteaucitronDeny,
  #tarteaucitronAlertBig #tarteaucitronCloseAlert:last-of-type,
  .tarteaucitronCTAButton {
    display: inline-block !important;
    margin: 1rem 0 0 0.5rem !important;
    width: 12.5rem !important;
  }
  #tarteaucitronAlertBig #tarteaucitronPersonalize2:first-of-type,
  #tarteaucitronRoot .tarteaucitronAllow:first-of-type,
  #tarteaucitronRoot .tarteaucitronDeny:first-of-type,
  #tarteaucitronAlertBig #tarteaucitronCloseAlert:last-of-type:first-of-type,
  .tarteaucitronCTAButton {
    margin-left: 2rem !important;
  }
}
