.headerbar {
	padding: 0;
	background: none;
}

.logo {
	float: none;
	padding: 0;
	display: flex;
	justify-content: center;  /* centre horizontalement */
	align-items: center;      /* centre verticalement si besoin */
}

.site_logo {
	width: 100%;
	height: 0;
	padding-bottom: 23.3%; /* 190 / 815 * 100 */
	background-image: url("./images/site_logo.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.site-description {
	float: none;
	width: 100%;
}

.site-description h1, .site-description p {
	display: none;
}

.search-header {
	margin: 90px 70px;
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px)
{
	.search-header {
		margin-right: 40px;
	}

	.navbar {
		margin-top: -10px;
	}
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px)
{
	.site-description {
		width: 622px;
		margin: 0 auto;
		float: none;
	}

	.search-header {
		display: none;
	}

	.responsive-search {
		display: block !important;
	}

	.logo {
		padding: 10px 10px 15px;
	}
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{
	.site-description {
		width: 100%;
	}

	.site-description h1 {
		display: block;
	}
}