/**
  Styles généraux
 **/

 :root {
  --bf500: #5770BE;
  --w-bf500: #fff;
  --t-plain: transparent;
  --g800: #1e1e1e;
  --g700: #383838;
  --g600: #6a6a6a;
  --g400: #cecece;
  --g300: #e7e7e7;
  --g200: #f0f0f0;
  --w: #fff;
  --g100-g800: #f8f8f8;
  --focus: #2a7ffe;
  --rm500: #e1000f;
  --overlay: rgba(156, 156, 156, 0.32);
  --focus-z-index: 2000;
}

.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
  display: flex !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  position: fixed;
  flex-wrap: wrap;
  justify-content: flex-end;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  color: var(--g700);
  background: var(--w);
  box-shadow: inset 0 0 0 1px var(--g400);
  z-index: 2147483645;
  max-height: 73vh;
  background-color: #fff !important;
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100% 18px, 100% 18px, 100% 6px, 100% 10px;
}

/* Bandeau >= 768px */
@media screen and (min-width: 48em) {
   #tarteaucitronRoot #tarteaucitronAlertBig {
    width: 40rem !important;
    bottom: 2.5rem !important;
    left: 2.5rem !important;
    padding: 2rem !important;
    margin: auto;
    top: auto !important;
    transform: none !important;
    box-shadow: inset 0 0 0 1px var(--g400) !important;
    border-radius: 0 !important;
  }
}

/*** Texte du bandeau ***/
#tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
  color: #000;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert a,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  color: #000;
  text-decoration: underline;
}

#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  font-size: 1rem;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  order: 3;
  margin-bottom: 0;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  order: 4;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
  order: 5;
}

#tarteaucitronRoot div#tarteaucitronInfo {
  display: none !important;
}

#tarteaucitronRoot .tarteaucitronTitle {
  margin: 0 1.25rem 0.5rem;
}

#tarteaucitronRoot .tarteaucitronStatusInfo {
  display: block;
  margin-bottom: 0.5rem;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
  padding: 5px 20px;
}

div.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
  display: block !important;
}

.tarteaucitronAlertBigBottom button {
  width: 100%;
}

.tarteaucitronAlertBigBottom #tarteaucitronPersonalize2,
.tarteaucitronAlertBigBottom #tarteaucitronAllDenied2 {
  margin-bottom: 1rem;
}

#tarteaucitronAlertBig {
  box-sizing: border-box !important;
}

#tarteaucitronAllDenied2,
#tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  padding: 0.5rem 0 !important;
  margin-left: 0 !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 48em) {
  #tarteaucitronAllDenied2,
  #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    padding: 7px 10px !important;
    margin-left: 7px !important;
  }

  #tarteaucitronAlertBig {
    box-sizing: content-box !important;
  }

  #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    margin-left: 7px;
    padding-left: 3rem;
    padding-right: 10px;
  }

  div.tarteaucitronBeforeVisible #tarteaucitronAlertBig {
    display: flex !important;
  }

  .tarteaucitronAlertBigBottom button {
    width: auto;
  }

  .tarteaucitronAlertBigBottom #tarteaucitronPersonalize2,
  .tarteaucitronAlertBigBottom #tarteaucitronAllDenied2 {
    margin-bottom: 0;
  }

  #tarteaucitronAlertBig {
    max-height: initial;
    height: auto;
    padding-right: 0;
    overflow: initial;
  }
}