.BarreMenu {
	height: 35px;
	display: flex;
	align-items: center;
	margin-top: 8px;
	position: relative;
}
.BarreMenu nav {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 100%;
	color: white;
	z-index: 3;
	background: var(--color-1);
}
.BarreMenu a {
	color: white;
}
.BarreMenu i {
	display: none;
}
.BarreMenu .sep {
	background-color: #332c2c;
	width: 30px;
	height: 5px;
}
.headLogoMob {
	display: none;
}
.subMenu {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 100%;
	/* height: 100px; */
	background: white;
	z-index: 2;
	box-shadow: 0 0 10px grey;
}

.subMenu > div {
	padding: 0.5em;
	columns: 4 250px;
	column-gap: 10px;
}
.BarreMenu .subMenu a {
	color: #333;
	font-size: 0.9rem;
	display: block;
	font-weight: 600;
	transition: 0.3s ease;
}
.BarreMenu .subMenu a:hover {
	text-decoration: underline;
	color: #000;
}
.subMenu .submenu_title {
	margin-top: 0.5em;
}
.BarreMenu .subMenu .submenu_content {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	display: table;
}
@media all and (max-width: 768px) {
	.BarreMenu > i {
		display: none;
	}
	.BarreMenu {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 4;
		margin: 0;
		border-right: 4px var(--color-1) solid;
		height: 100%;
		background: none;
		display: block;
		transition: 0.5s ease;
	}
	.BarreMenu nav {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background: white;
		height: 50%;
		height: 100%;
		width: 70%;
		border-right: 4px var(--color-1-34) solid;
		overflow: auto;
		/* border-bottom-right-radius: 330px; */
		transition: 0.5s ease;
		padding-left: 1.5em;
	}
	.BarreMenu nav > div,
	.BarreMenu a {
		color: var(--color-text);
		font-weight: 600;
		text-transform: uppercase;
		animation: lalalila 0.5s linear;
		padding-bottom: 10px;
	}

	.bkgPhoneMenu {
		position: absolute;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.headLogoMob {
		display: block;
	}
	.headLogoMob img {
		width: 200px;
		height: 50px;
		object-fit: contain;
	}

	.BarreMenu .sep {
		display: none;
	}
}
@keyframes lalalila {
	from {
		opacity: 0;
		transform: translate(-10px, 0);
	}
}