@media (prefers-color-scheme: light) {
	body {
		/* background-color: #fff2cc; */
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: rgb(50,54,57);
		color: #fff9ea;
	}
	menu a {
		color: #fff9ea;
	}
}

/* X-Small devices (portrait phones, less than 576px) */
/* No media query since this is the default */

body {
	/* font-family: impact; */
	display: grid;
	/* text-align: center; */
	background-color: rgb(50,54,57);
	color: #a8a77f;
	font-size: xxx-large;
	font-weight: bold;
	font-family: consolas, monospace;
}

h1 {
	font-size: 15vmin;
	font-family: impact;
	font-weight: normal;
	margin: 0.5vmin;
}
/* @media (min-width: 576px) {	h1 { font-size: 8em; }} */
/* @media (min-width: 768px) {	h1 { font-size: 3em; }} */


h2 {
	font-size: 8vmin;
	margin: 0.5vmin;
	margin-bottom: 2vmin;
}
/* @media (min-width: 576px) {	h2 { font-size: 6em; }} */
/* @media (min-width: 768px) {	h2 { font-size: 2em; }} */


h3 {
	font-size: 5.5vmin;
	margin-top: 3vmin;
	margin-bottom: 1vmin;
	color: black;
}

main {
	font-size: 4.2vmin;
}

main div {
	margin-bottom: 5vmin;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#tel-logo {
	margin-right: 1vmin;
}

img {
	width: 4.5vmin;
}

menu li {
	width: 40vmin;
	margin-right: 2vmin;
}

menu a {
	text-decoration: none;
	color: black;
	padding-left: 10vmin;
	padding-right: 10vmin;
	background-color: #ffdad6;
	border-radius: 10px;
}
menu a:hover {
	text-decoration: none;
}
menu a:visited {
	color: black;
}

menu a.active {
	background-color: salmon;
}

menu a:hover {
	background-color: goldenrod;
}

menu {
	display: flex;
	justify-content: center;
	margin: 0.5vmin;
	font-size: 5vmin;
}

#horaires-ouverture span {
	display: block;
}

#horaires-ouverture #fermeture {
}

.joursOuverture {
	margin-bottom: 3vmin;
}

.horaires {
	font-size: 3.7vmin;
}

li {
	list-style-type: none;
	/* margin-right: 2em; */
	/* display: block; */
}

.nomCategorie {
	font-size: 6vmin;
}

.nomProduit {
	font-size: 3.5vmin;
	display: inline;
}

.prix {
	font-size: 3.5vmin;
	display: inline;
}

.quantite {
	
}

.ingredients {
	
}

/* reference list of breakpoints */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
/* Large devices (desktops, 992px and up) */
@media (min-width: 768px) {}
/* X-Large devices (large desktops, 1200px and up) */
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1200px) {}


.footer__img {
	vertical-align: middle;
}

.footer__a {
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.footer__a:hover {
	text-decoration: none;
}

a:visited {
	color: #0000EE;
}

.whatsapp {
}

a:hover {
	text-decoration-line: none;
}

.inline-logo {
	width: auto;
}
a[title="Lyveat"]:hover {
	background-color: #ffdad6;
}


.small {
	font-size: 3vmin;
}

.block {
		display: block;
}


.disabled {
	display: none;
}