/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
 
.cookiealert {
  font: normal 15px Arial, Helvetica, sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
	padding: 10px;
  z-index: 999;
	display: none;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  transition-delay: 0s;
  color: var(--blanc);
  background: var(--violet);
  line-height: 50px;
}

.cookiealert.show {
	display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
	transform: translateY(0%);
/*	transition-delay: 1000ms;*/
}

.cookiealert #conteneur_message {
  width: fit-content;
  text-align: right;
}

.cookiealert #conteneur_lien {
  width: 150px;
}

.cookiealert #conteneur_lien a {
	padding: .2em 1.5em;
	text-decoration: underline;
	color: var(--blanc);
	font-weight: 400;
}

.cookiealert #conteneur_lien a:hover {
	color: var(--blond) !important;
}

#conteneur_acceptcookies {
	width: 300px;
}

.cookiealert .acceptcookies {
	min-width: 140px;
  border: 2px solid var(--blond);
	border-radius: 10px;
	color: var(--blanc);
	background-color: var(--marron);
	text-transform: initial;
	letter-spacing: 0.1em;
	height: 50px;
	font-weight: bold;
}

button.acceptcookies {
  font-size: inherit;
}
	
.cookiealert .acceptcookies:hover {
	color: var(--marron) !important;
	background-color: var(--blond);	
	border-color: var(--creme);
}

/* Max-width 571px */
@media (max-width: 571px) {
	.cookiealert #conteneur_message {
		text-align: left;
		line-height: 25px;
	}
	
	#conteneur_acceptcookies {
		width: auto;
	}
	
}

/* Max-width 1021px */
@media (max-width: 1021px) {
	
	.cookiealert.show {
		justify-content: center;
	}
		
}