body {
	margin:0;
	font-family: 'Bebas Neue';
	letter-spacing: .2rem;
	color:black;
}
#menuhaut {
	width:100%;
	position:fixed;
	background-color: white;
	height: auto;
	border-collapse: collapse;
	table-layout:fixed;
	box-shadow: grey 0 0 10px 0;
	z-index: 999;
}
#logomenu {
	background-image: url('imgs/logo.png');
	background-size: contain;
	background-repeat: no-repeat;
	height:2em
}
#buttonmenu {
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
	font-size: 24px;
	border-bottom:5px solid white;
	text-transform: uppercase;
}
#buttonunrollmenu {
	text-align:center;
	padding-top:1.5em;
	padding-bottom:1.5em;
	border-bottom:5px solid white;
	text-transform: uppercase;
}
#buttonmenu:hover {
	color:rgb(255, 183, 0);
	transition: all 0.5s;
	border-bottom:5px solid rgb(255, 183, 0);
	cursor: pointer;
}
#buttonunrollmenu:hover {
	color:rgb(255, 183, 0);
	transition: all 0.5s;
	border-bottom:5px solid rgb(255, 183, 0);
}
#buttonsmenutel {
	height:0px;
	overflow:hidden;
}
#topcontent {
	color:white;
	width:100%;
	height : auto;
	text-transform: uppercase;
}
#slidetop {
	height:30em;
	background-image: url('imgs/slide.png');
	background-size: cover;
	padding-bottom:5em;
	width:100%;
	font-weight:bold;
}
#topboxes {
	margin-left: auto;
    width: fit-content;
    margin-right: auto;
    height: 20em;
}
#boxtop {
	width:20em;
	height:13em;
	background-color:grey;
	margin-left:1em;
	margin-right:1em;
	float:left;
}
#content {
	width:70%;
	margin-left: auto;
	margin-right: auto;
}

#location {
	background-color: rgb(236, 226, 92);
	box-sizing: content-box;
	display: inline-block;
    width: 100%;
}
#map {
	background-color: rgb(202, 194, 79);
	width:47.5%;
	padding:1em;
	float:left;
	box-sizing: content-box;
}
#avis {
	width:47.5%;
	padding:1em;
	background-color: rgb(236, 226, 92);
	float:right;
	box-sizing: content-box;
	height:100%;
}
.boxavis {
	text-align:center;
	font-style: italic;
	font-family: arial;
}
#lignefooter {
	width:80%;
	border: 1px solid white;
	margin-left: auto;
	margin-right: auto;
}
#footer {
	width:100%;
	background-color: black;
	padding-top: 1em;
	padding-bottom: 1em;
}

@media screen and (min-device-width: 390px) and (max-device-width: 1024px){
	#menuhaut {
		visibility:hidden;
	}	
	#menuhauttel {
		width:100%;
		padding-top:1em;
		padding-bottom:1.5em;
		text-align: center;		
	}
	#buttonsmenutel {
		height:0px;
	}
	div {
		width:100%;
		margin:0;
	}
}