body {
	/*font-family: 'Libre Baskerville', serif;*/
	
	font-size:   16px;
	padding:     0;
	margin:      0;
	}

h1, h2, h3, h4, h5, h6, input, label {
	/*font-family: 'Inter', sans-serif;*/
	/*font-weight: 900;*/
	/*line-height: 1.2em;*/
	}


input, label, button {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	line-height: 1.2em;
	font-size:   18px;
	}

button {
	border:           0;
	color:            white;
	background-color: burlywood;
	}

input {
	font-size: 18px;
	}

/* RECHERCHE */
#search-form .frm{
	display: flex;
	}

.search-button {
	align-self: flex-start;
	}

.search-suggestions {
	position:   absolute;
	border:     1px solid silver;
	background: white;
	width:      20em;
	opacity:    0;
	transition: .5s ease opacity;
	overflow:   auto;
	max-height: 70vh;
	/*width:      28em;*/
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	z-index: 100000;
	}

#header .search-suggestions.header {
	margin-top: 2em;
}

@media screen and (min-device-width: 320px) and (max-width: 768px) {
	#header .search-suggestions.header {
		width: 90vw;
		left: 5vw;
		max-height: 50vh;
		}
	}

.search-suggestions.show {
	opacity: 1;
	z-index: 2000000;
	}

.suggestions-item, .recherche-item {
	display:       block;
	padding:       .8em;
	border-bottom: 1px solid #f0f0f0;
	cursor:        pointer;
	display:       flex;
	}

.suggestions-item:focus {
	outline: none;
	}

.suggestions-item img , .recherche-item img {
	width:        1.5em;
	margin-right: .3em;
	}


.suggestions-item:hover, .suggestions-item:focus, .suggestions-item.selected {
	background-color: #f0f0f0;
	text-decoration: none;
	}