/* CNIL BANDEAU D'ENTETE */
/* Message d'entête de page */
#cookie-banner {
  position: fixed;
  z-index: 9999;
  width : 100%;
  background-color: rgba(0,0,0,0.8);
  box-shadow: 0 2px 10px 0 #656565;
  margin-top: -10px;
}

#cookie-banner:focus {
  outline: none;
background-color: rgba(10,10,10,0.8);
}

#cookie-banner-message {
  color: WhiteSmoke;
  text-align: center ;
  text-align:center;
  padding:10px;
  font-size:12px;
  border-bottom:1px solid #656565;
}

#cookie-banner-message a { text-decoration:underline; color: lightgrey; }

#cookie-banner-message a:hover{
  color: WhiteSmoke;
}
/* Masque de toute la fenêtre une fois la modale ouverte */
#inform-and-ask {
  position: fixed;
  z-index: 100000;
  background-color: rgba(178, 178, 178, 0.5);
  left:0;
}
/* Modale d'information et de consentement */
#inform-and-consent {
  z-index:100000;
  opacity:1;
  position: fixed;
  top:30px;
  left:50%;
  width: 300px;
  margin-left:-150px;
  padding :10px 10px;
  border: 1px solid #cccccc;
  background-color: white;
  color: #000;
  text-align:center;
}
#consentClose {position: absolute; top: 0; right: 0;cursor: pointer;}
#consentChoice {padding :10px 10px; text-align:center; display: inline;}
#consentChoice input {
  border: none;
  cursor: pointer;

  background: #8f8f8f;
  background-image: -webkit-linear-gradient(top, #8f8f8f, #6b6b6b);
  background-image: -moz-linear-gradient(top, #8f8f8f, #6b6b6b);
  background-image: -ms-linear-gradient(top, #8f8f8f, #6b6b6b);
  background-image: -o-linear-gradient(top, #8f8f8f, #6b6b6b);
  background-image: linear-gradient(to bottom, #8f8f8f, #6b6b6b);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}
#consentChoice input:hover {
  background: #c9c9c9;
  background-image: -webkit-linear-gradient(top, #c9c9c9, #8a8a8a);
  background-image: -moz-linear-gradient(top, #c9c9c9, #8a8a8a);
  background-image: -ms-linear-gradient(top, #c9c9c9, #8a8a8a);
  background-image: -o-linear-gradient(top, #c9c9c9, #8a8a8a);
  background-image: linear-gradient(to bottom, #c9c9c9, #8a8a8a);
  text-decoration: none;
}
#consentChoice input:focus {border: 1px dotted #000;}
#bandeauClose {float: right; display: inline-block; background: rgba(255,255,255,1); border-radius: 5px; width: 12px; height: 12px; padding: 3px; cursor: pointer; margin-top: 2px;}
#bandeauClose:hover {background: rgba(255,255,255,0.8);}
#bandeauClose img {height: 12px; width: auto;}