.menu, .menu li, .sub-menu,.sub-menu ul, .sub-menu li {
	list-style: none;
	text-indent: 0;
	list-style-type: 0;
	list-style: none!important;
	cursor: pointer;
	margin: 0;
	padding:0;
}
.menu {
	width: 100%;
	display: flex;
	position: relative;
}

/** pour JS **/

.sub-menu-hidden {
	visibility: hidden;
	display: none!important; /* pour la version responsive*/
}

.sub-menu-0, .sub-menu-1 {
	display: flex;
}

@media (min-width: 1024px){
	.menu, .sub-menu {
		flex-direction: row;
	}
	.sub-menu {
		position: absolute;
		left: 0;
		z-index: 50;
	}
	.sub-menu-visible {
		visibility: visible;
	}
	.menu, .sub-menu {
		flex-direction: row;
	}
}

.sub-menu-1 {
	align-items:bottom;
}

@media (max-width: 1023px){
	
	.menu, .sub-menu-0, .sub-menu-1 {
		flex-direction: column;
	}
	.sub-menu {
		position: relative!important;
		display: flex;
	}
	.button-menu {
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		border-radius: 50%;
		cursor: pointer;
		z-index: 600;
		position: absolute;
		right: 15px;
		top: 15px;
	}
	.button-menu-bar {
		width: 80%;
		height: 3px;
		margin-left: 10%;
		Margin: right: 20%;
		border-radius: 2px;
		display: block;
		background: #ffffff;
	}
	.button-menu-bar:not(#menu-top-bar) {
		margin-top: 3px;
	}
	.sub-menu-0, .sub-menu-1 {
		width: auto;
	}
	.sub-menu-1 {
		display: none;
		visibility: hidden;
	}
	
}