/* Bouton hamburger fixé à gauche, centré verticalement */
#menuToggleBtn {
	position: fixed;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	cursor: pointer;
	background: black;
	padding: 5px;
	z-index: 9999;
}

#menuToggleBtn .bar {
  width: 100%;
  height: 4px;
  background: white;
}

/* Menu vertical */
#sideMenu {
  position: fixed;
  top: 50%;
  left: -220px; /* caché au départ */
  transform: translateY(-50%);
  width: 200px;
  background: black;
  color: white;
  transition: left 0.3s ease;
  z-index: 9998;
  padding: 10px 0;
  border-radius: 5px;
}

#sideMenu.active {
  left: 10px; /* même position que le bouton */
}

#menuCloseBtn {
	font-size: 24px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	text-align: right;
	padding: 0 10px;
}

#sideMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#sideMenu ul li {
  padding: 8px 15px;
}

#sideMenu ul li a {
  color: white;
  text-decoration: none;
  display: block;
}

/* Sous-menu Traduction corrigé */
.submenu {
  position: relative; /* parent relatif */
}

.submenu .dropdown {
  display: none;
  position: absolute; /* dropdown absolu */
  top: 100%;          /* juste en dessous du lien parent */
  left: 0;
  width: 100%;
  background: black;
  padding-left: 15px;
  z-index: 9999;
}

.submenu.open .dropdown {
  display: block;
}