:root {
	--ic-color-text: #000;
  --ic-color-bg-submenu: #333;
  --ic-color-text-submenu: #FFF;

  /* Animation Underline */
	--ic-color-border-menu: #000;
	/* Animation Background */
	--ic-color-bg-hover-menu: #f4f4f4;
	--ic-color-text-hover-menu: #000;
	--ic-color-blue: #46BAB5;
}

.main_header {
	z-index: 999;
	position: relative;
  padding: 20px;
}


.main_header .logo_container img {
	width: auto;
	height: 60px;
}

.main_header .menu-main-menu-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.main_header #menu-main-menu-1 {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.main_header #menu-main-menu-1.menu_align_left {
  justify-content: flex-start;
}

.main_header #menu-main-menu-1.menu_align_right {
  justify-content: flex-end;
}

.main_header #menu-main-menu-1.menu_align_center {
  justify-content: center;
}

.main_header #menu-main-menu-1 > .menu-item {
  position: relative;
	margin-right: 20px;
}

.main_header #menu-main-menu-1 > .menu-item > a {
  text-decoration: none;
	text-transform: uppercase;
  display: inline-block;
  padding: 20px;
  color: var(--ic-color-text-submenu);
	font-family: var(--font-title);
	font-weight: bolder;
}


.main_header #menu-main-menu-1 > .menu-item.menu-item-has-children > a::after {
  content: "\f107";
  font-family: "AwesomeFont";
  display: inline-block;
  margin-left: 7px;
  font-weight: 700;
}

.main_header #menu-main-menu-1 > .menu-item > .sub-menu {
  background: var(--ic-color-bg-submenu);
  display: none;
}

.main_header #menu-main-menu-1 > .menu-item:hover > .sub-menu {
  display: block;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 100%;
  left: 0;
}

.main_header #menu-main-menu-1 > .menu-item > .sub-menu > .menu-item > a {
  display: block;
  color: var(--ic-color-text-submenu);
  padding: 10px;
}

/* Menu */
#menu-main-menu-1 li:first-child::before{
  content: "";
  width: 16px;
  top: 27px;
  left: -10px;
  position: absolute;
  border-top: 12px solid var(--color-enseigne);
  border-left: 8px solid var(--color-bleufonce);
}

#menu-main-menu-1 li:nth-child(2)::before{
  content: "";
  width: 16px;
  top: 27px;
  left: -10px;
  position: absolute;
  border-top: 12px solid var(--color-vehicule);
  border-right: 8px solid var(--color-bleufonce);
}
#menu-main-menu-1 li:nth-child(3)::before{
  content: "";
  width: 16px;
  top: 27px;
  left: -10px;
  position: absolute;
  border-bottom: 12px solid var(--color-signaletique);
  border-left: 4px solid var(--color-bleufonce);
  border-right: 4px solid var(--color-bleufonce);
}
#menu-main-menu-1 li:nth-child(4)::before{
	content: "";
	width: 12px;
	height: 12px;
	transform: skew(25deg, 0deg);
 	top: 27px;
	background-color: var(--color-atelier);
  left: -10px;
  position: absolute;
}
#menu-main-menu-1 li:nth-child(5)::before{
	content: "";
	width: 12px;
	height: 12px;
	transform: skew(-25deg, 0deg);
 	top: 27px;
	background-color: var(--color-contact);
  left: -10px;
  position: absolute;
}


.menu_mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: var(--color-bleufonce);
  display: none;
}
.menu_toggle {
  height: 40px;
  width: auto !important;
  cursor: pointer;
  display: none;
}
.menu_toggle svg {
  fill: var(--color-atelier);
  height: 100%;
  width: auto;
}
.main_header_inner {
  align-items: center;
  justify-content: space-between;
}
.menu_mobile .menu-main-menu-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.menu_mobile .menu-main-menu-container ul {
  width: 100%;
  margin: auto;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.close {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.close svg {
  height: 100%;
  width: 100%;
  fill: var(--color-atelier);
}
.menu_mobile .menu-main-menu-container ul li {
  list-style: none;
  padding: 40px 0;
	position: relative;
}
.menu_mobile .menu-main-menu-container ul li a {
  color: white;
  text-decoration: none;
	text-transform: uppercase;
  font-size: var(--size-normal);
}


#menu-main-menu li:first-child::before{
  content: "";
  width: 16px;
	bottom: 44%;
	left: -26px;
  position: absolute;
  border-top: 12px solid var(--color-enseigne);
  border-left: 8px solid var(--color-bleufonce);
}

#menu-main-menu li:nth-child(2)::before{
  content: "";
  width: 16px;
	bottom: 44%;
	left: -26px;
  position: absolute;
  border-top: 12px solid var(--color-vehicule);
  border-right: 8px solid var(--color-bleufonce);
}
#menu-main-menu li:nth-child(3)::before{
  content: "";
  width: 16px;
	bottom: 44%;
	left: -26px;
  position: absolute;
  border-bottom: 12px solid var(--color-signaletique);
  border-left: 4px solid var(--color-bleufonce);
  border-right: 4px solid var(--color-bleufonce);
}
#menu-main-menu li:nth-child(4)::before{
  content: "";
  width: 16px;
	bottom: 44%;
	left: -26px;
  position: absolute;
  border-top: 12px solid var(--color-atelier);
  border-left: 8px solid var(--color-bleufonce);
}
#menu-main-menu li:nth-child(5)::before{
  content: "";
  width: 16px;
	bottom: 44%;
	left: -26px;
  position: absolute;
  border-top: 12px solid var(--color-contact);
  border-right: 8px solid var(--color-bleufonce);
}