.logo {
	animation: fadein 1s linear forwards;
  	color: #353434 !important; 
}

.logo:before { 
	color: black !important; 
}

.reservation {
	text-decoration: none;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 110px;
	color: #333333;
	/* width: fit-content; */
	cursor: pointer;
	background-color: #debe47;
	border-radius: 5px;
	transition: all 0.5s linear;
	box-shadow: -2px 2px 16px 0 #00000073;
	padding: 10px;
	/* max-width: max-content; */
	/* max-width: max-content; */
	margin: 0px 30px 0px 0px;
	width: fit-content;
}

.reservation:visited {
	color: #101010;
}


.reservation img {
	height: 38px;
	vertical-align: middle;
}

#reservation:target  {
	animation: reservation 0.5s linear forwards;
}

.reservation:target + #form {
	animation: appear 0.5s linear 0.5s forwards;
}

.reservation:target .info {
	visibility: hidden;
}

.reservation .titlee {
	text-align: center;
}

@keyframes reservation {
    0%   { 
    	opacity: 1.0;
    }

    100% { 
    	opacity: 0.0;
    	visibility: hidden;
    }
}

.form {
	opacity: 0;
	visibility: hidden;
}

select{
	width: 200px;
}

@keyframes fadeflash {
	0%{
		filter: brightness(1);
	}
	50%{
		filter: brightness(1.5);
	}
	100%{
		filter: brightness(1);
	}
}

.info {
	color: white;
	position: relative;
	width: 100%;
	font-family: arial;
	text-align: initial;
	background-color: #333;
	border-radius: 0px 0px 5px 5px;
	padding: 10px;
	margin: 10px -10px -15px -10px;
	transition: all 1s ease;
	cursor: context-menu;
}

.blur p {
	margin-top: 10px;
}

input[type=text], input[type=email]{
	width: 200px;
}

.bouton{
	padding: 5px;
}

.divbouton{
	text-align: center;
	/* margin-bottom: -10px; */
	/* width: 100%; */
	margin: 10px -10px -10px -10px;
	/* border-radius: 0px 0px 0px 0px; */
	/* border: none; */
}

.divbouton input.bouton {
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    border: solid 1px black;
    font-size: 110%;
}

.info div {
    margin-top: 10px;
}