header div div div,
header img,
header ul {
	vertical-align: middle;
}
header div div div a:hover,
header ul li a:hover {
	color: var(--basicColor5);
	background: #fff;
}
header div div div a,
header div div svg,
header ul li {
	display: inline-block;
}
header ul li nav,
header > div {
	background: var(--basicColor5);
}
header,
header a {
	color: #fff;
}
header {
	position: relative;
	width: 100%;
	z-index: 50;
}
header .uniformSpacing > a {
	position: absolute;
	padding-left: 1em;
	box-sizing: border-box;
}
header .uniformSpacing img {
	width: 40%;
}
header .headerDivImg {
	position: absolute;
	width: 100%;
	transform: rotate(180deg) translateY(0);
	height: auto;
	top: 98%;
}
header .uniformSpacing {
	max-width: 1920px;
	position: relative;
	z-index: 40;
}
header .headerDivImg {
	transition: .3s;
	z-index: 0;
	opacity: 1;
}
header .disapearSvg {
	opacity: 0;
}
header img {
	width: 20%;
}
header ul {
	width: 100%;
	display: inline-flex;
	margin: 0 2%;
	justify-content: flex-end;
	align-items: center;
	gap: 1em;
}
header ul li a {
	border: 2px solid #fff;
	border-radius: 5em;
	padding: .3em 1em;
	z-index: 5;
	transition: .3s;
}
header .compte,
header div div div {
	padding-left: 1em;
}
header ul li a:hover {
	border-color: #fff;
}
header div .divLink {
	width: 100%;
	display: inline-flex;
	justify-content: flex-end;
	padding: .8em 1em .8em 0;
	align-items: center;
}
header div div svg path {
	fill: white;
}
header div div div a {
	padding: .3em 1em;
	border-radius: 5em;
	border: 2px solid #fff;
	color: #fff;
	transition: .3s;
	margin-top: .5em;
}
header div div div a svg path {
	transition: .3s;
}
header div div div a:hover svg path {
	fill: var(--basicColor1);
}
header ul li {
	position: relative;
}
header ul li .activeLink {
	border-color: var(--basicColor1);
}
header ul li nav {
	position: absolute;
	opacity: 0;
	border-radius: 0 0 1em 1em;
	box-sizing: border-box;
	visibility: hidden;
	left: -45%;
	top: 100%;
	width: 150%;
	transition: 1s;
	padding: 0 1em 1em;
}
header ul .appearSubLink nav {
	opacity: 1;
	visibility: visible;
}
header ul li nav li {
	display: block;
	text-align: center;
}
header ul li nav li:last-child {
	margin: 0;
}
header ul li nav li:last-child a:after {
	height: 0;
}
header ul li nav li:last-child a {
	padding-bottom: 0;
}
header ul li nav li a {
	display: block;
	padding: .5em 1em;
	border: 0 solid #fff;
}
header ul li nav li .activeLink {
	color: var(--basicColor1);
}
header ul li nav li a:after {
	content: "";
	background: rgba(255, 255, 255, .5);
	display: block;
	width: 100%;
	left: 0;
	position: absolute;
	height: 1px;
	top: 100%;
	transition: .3s;
}
header ul li nav li .activeLink:after,
header ul li nav li a:hover:after {
	background: var(--basicColor1);
}
header ul li nav li a:hover {
	background: 0 0;
	color: var(--basicColor1);
}
header .compte {
	border-left: 2px solid #fff;
}
header .compte a {
	border: none;
	padding-left: 0;
	padding-right: 0;
}
header .compte a:hover {
	background-color: transparent;
}

header > a img {
	width: 100%;
	height: 5em;
	object-fit: contain;
	background-color: var(--basicColor5);
}

@media screen and (min-width: 2000px) {
	body {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 1350px) {
	header .uniformSpacing img {
		width: 20%;
	}
	header .uniformSpacing > a {
		display: flex;
		width: 100%;
		z-index: 1;
	}
}
@media screen and (max-width: 1500px) {
	header div img {
		width: 15%;
	}
	header div div {
		width: auto;
	}
}
@media screen and (max-width: 1200px) {
	header .headerBurger,
	header ul li a {
		display: inline-block;
	}
	header div div div a {
		margin-left: .5em;
	}
	header div img {
		width: 25%;
	}
	header .uniformSpacing > a {
		width: 50%;
	}
	header .uniformSpacing img {
		width: 60%;
	}
	header div div {
		padding-left: 0;
		text-align: right;
	}
	header div .headerBurger {
		padding: 1em;
		cursor: pointer;
	}
	header .uniformSpacing {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	header ul {
		visibility: hidden;
		display: block;
		transition: .3s;
		opacity: 0;
		top: 100%;
		background: var(--basicColor5);
		width: 100%;
		margin: 0;
		left: 0;
		position: absolute;
	}
	header ul li {
		display: block;
		text-align: center;
		position: relative;
		margin: 1em 0;
	}
	
	header ul li nav {
		position: initial;
		width: 100%;
		padding: 0;
		overflow: hidden;
		height: 0;
	}
	
	header ul .appearSubLink nav {
		height: auto;
	}
	
	header .appearHeader {
		visibility: visible;
		opacity: 1;
	}
}
@media screen and (max-width: 650px) {
	header .uniformSpacing > a img {
		width: 80%;
	}
}
@media screen and (max-width: 550px) {
	header div img {
		width: 35%;
	}
}
@media screen and (max-width: 350px) {
	header div div div a {
		display: none;
	}
}