/* Style du bandeau menu */

#header {

	height: 94px;
	z-index: 3;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--white);
}

nav {
    
    margin-right: 4%;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}

nav a {
    
    text-decoration: none;
    color: var(--black);
    cursor: pointer;
}

nav img {

	margin-left: 100px;
	margin-top: 10px;
	height: 70px;
}

nav p {

    text-align: center;
    margin-left: 20px;
    margin-top: 25px;

}

nav > ul {
    
    display: flex;
    list-style-type: none;
    margin-right: 100px;
    margin-left: auto;
    align-items: center;
}



nav > ul > li {
    

    padding-left: 30px;
    position: relative;
}

nav a:hover {

    font-weight: bold;
}

/* Responsive header */

@media all and (max-width: 1024px) {

	nav img {

		margin-left: 36px;
	}

	nav > ul {

		margin-right: 25px;
	}
}

@media all and (max-width: 960px) {

	nav img {

		margin-left: 15px;
	}

	nav > ul {

		margin-right: 15px;
		padding-left: 0
	}
}

@media all and (max-width: 770px) {

	nav p {

		display: none;
	}
}