* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	--beige: #fee27f;
	--blanc: #ffffff;
	--blond: #f3c773;
	--creme: #ffeecc;
	--gris: #f6f6f6;
	--marron: #752000;
	--noir: #000000;
	--violet: #bd212d;
	
	--font_size: 16px;
}

.cookiesBanner {
	font-size: var(--font_size);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	z-index: 999;
	text-align: center;
	color: var(--blanc);
	background: var(--violet);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 50px;
}

.messageBanner {
	width: 80%;
}

.cookiesBanner a {
	padding: .2em 1.5em;
	text-decoration: underline;
	color: var(--beige);
	font-weight: 400;
}

.cookiesBanner a:hover {
	color: var(--blond);
}

.cookiesBanner button {
	background-color: var(--marron);
	color: var(--blanc);
	padding: 10px 15px;
	cursor: pointer;
	display: block;
	width: fit-content;
	font-size: var(--font_size);
  border: 2px solid var(--blond);
	border-radius: 10px;
}

.cookiesBanner button:hover {
	color: var(--marron);
	background-color: var(--blond);	
	border-color: var(--creme);
}