/*---------------------------------------------*/
/*NAVBAR*/
body nav {
	border-bottom: 1px solid var(--color-lines-nav);
}
body nav * {
	display: flex;
	flex-direction: row;
	margin: auto;
	height: 100%;
}
/* nav_left is used for links to pages*/
body nav .nav_left {
	margin-left: 0px;
}
body nav .nav_left a {
	padding: 0px 20px;
}
body nav .nav_left #nav_logo {
	padding-left: 40px;
	padding-right: 40px;
}
body nav .nav_left a p {
	height: auto;
}
body nav .nav_left img {
	height: calc(100% - 4px);
}
body nav a:not(#nav_logo):hover, body nav a:not(#nav_logo):focus {
	background-color: var(--color-back-dark);
}
/* nav_right is used for actions such as connection, search or language*/
body nav .nav_right {
	margin-right: 2px;
}
body nav .nav_right img.flag {
	height:  calc(var(--nav-height) / 2);
}