/* Le bandeau cookie */
/* .cookie-banner { */
  /* display: none; */
  /* position: fixed; */
  /* top: 0; */
  /* width: 100%; */
/* } */

.cookie-banner {
    background-color: #eee;
    border-bottom: 0.1rem solid #5b5b5b;
    color: #5b5b5b;
    display: none;
    font-size: 12px;
    /* padding: .7rem; */
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.cookie-banner.active {
    display: block;
}

.cookie-banner button {
    background: #5b5b5b;
    border: 0;
    color: #fff;
    font-size: 12px;
    /* padding: .5rem 1rem; */
    text-decoration: none;
}

 /* Overlay de la boite de dialogue */
.cookie-inform-and-ask {
  background-color: #333541;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.cookie-inform-and-ask.active {
    display: block;
	z-index: 99999;
}

.cookie-inform-and-ask button {
    background: #5b5b5b;
    border: 0;
    color: #fff;
    font-size: 18px;
    margin: .5rem 1rem 0;
    padding: .5rem 1rem;
    text-decoration: none;
}

/* La vraie boîte de dialogue */
.cookie-dialog {
    background-color: #eee;
    border: 0.3rem solid #5b5b5b;
    border-radius: 1rem;
    color: #5b5b5b;
    left: 50%;
    padding: .5rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}