#page-container.et-fixed-header-forever #main-header {
  background-color: #f7d047;
}
#page-container.et-fixed-header-forever #main-header .logo_container {
  height: 66px;
  padding: 10px 0;
}
#page-container.et-fixed-header-forever {
  padding-top: 132px !important;
}

/* Fix pour que le header ne recouvre pas le contenu de la page au chargement (js trop lent) */
.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{
	padding-top: 406px;
}


/*** Surcharge le style Divi pour un header fullwidth ***/
#top-menu-nav {
  max-width: 1024px;
  width: 100%;
}

#top-menu {
	text-align: left;
  position: relative;
}

#top-menu li ul {
	border: 0;
	max-width: 160px;
}

/* Switch langues */
#top-menu li li {
	padding: 0;
}
#top-menu li li a {
	font-size: 16px !important;
	max-width: 100%;
	padding: 3px 20px;
	width: 160px;
}

#main-header.et-fixed-header .nav li ul {
	background-color: #ff8466 !important;
}
/* On passe le container logo + barre de navigation en fullwidth */
.et_fullwidth_nav #main-header .container {
	padding: 0;
}

/* Logo */

/* Surcharge la limite de 300px de hauteur imposée par Divi */
.et_header_style_centered #main-header:not(.et-fixed-header) .logo_container {
  height: 340px;
  max-height: 340px !important;
  padding: 12px 0;
}

/* Barre de navigation */
#et-top-navigation {
	background-color: #18103A;
}

#top-menu a {
	color: #fff;
}

/* Position du 3e item en partant de la fin du menu (normalement 'Se connecter') */
/*#top-menu li:nth-last-child(3){
	padding-left: 70px;
}*/

#top-menu > li {
	padding-right: 50px;
}
#top-menu > li:last-child {
	opacity: 0.7;
	position: absolute;
  right: 0;
}

/* Centre les items du menu */
.et_header_style_centered #top-menu > li > a {
	padding: 26px 0 !important;
}
/* Corrige l'effet de hover pour ne changer que le texte */
.et_header_style_centered #top-menu > li > a:hover {
  opacity: 1;
  color: rgba(255,255,255,0.7);
}
/* Cache la flèche en :after sur les menus ayant un sous-menu */
#et-secondary-nav .menu-item-has-children > a:first-child::after,
#top-menu .menu-item-has-children > a:first-child::after {
  display: none;
}

/* Position du logo MamaWorks dans le nav */
#top-menu .menu-home {
	padding: 0;
	position: absolute;
	left: 140px;
	top: 26px;
}
.menu-home:first-child {
	text-align: center;
	width: 242px;
}
.menu-home > a > img {
	max-width: 44px;
	opacity: 0;
}
.et_header_style_centered #top-menu > li.menu-home > a {
	padding: 0 !important;
}

/* Sub menu */
#top-menu .sub-menu {
	background-color: #ff8466;
	border-radius: 5px;
	padding: 0;
	text-align: center;
	-moz-box-shadow: -10px 10px 30px -18px #444444;
	-webkit-box-shadow: -10px 10px 30px -18px #444444;
	-o-box-shadow: -10px 10px 30px -18px #444444;
	box-shadow: -10px 10px 30px -18px #444444;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#444444, Direction=224, Strength=30);
}
#top-menu .sub-menu li:not(:last-child) {
	border-bottom: 1px solid #db5632;
}
#top-menu li li a:hover {
	background: transparent;
}

@media screen and (max-width: 980px) {
  #page-container.et-fixed-header-forever {
    padding-top: 66px !important;
  }
  .et_header_style_centered #logo {
    max-height: none;
    height: 100%;
  }
  .et-fixed-header-forever .et_header_style_centered #logo {
    max-height: 40px;
  }
	/*** Display menu mobile ***/
	#et_mobile_nav_menu {
		display: block;
	}
  .et_header_style_centered #main-header {
    padding: 0;
  }
  #main-header .container {
    width: 100% !important;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background: none;
  }
  .et_header_style_centered #et_mobile_nav_menu {
    margin-top: 15px;
  }
  #et_mobile_nav_menu .select_page {
    display: none;
  }
  .et_header_style_centered .mobile_menu_bar {
    right: 15px;
  }

  #top-menu {
    display: none;
  }
  /* Position du menu */
  .et_header_style_centered #main-header div#et-top-navigation {
    background-color: transparent;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  #mobile_menu {
    top: 30px;
    border: 0;
    box-shadow: none;
    text-align: center;
    overflow-y: scroll;
  }
  .et-fixed-header-forever #mobile_menu {
    top: 50px;
  }
  #main-header .et_mobile_menu li ul {
    padding-left: 0;
  }
  .et_mobile_menu li li {
    padding-left: 0;
  }
  /* Color burger */
  .mobile_menu_bar::before {
    color: #191f39 !important;
  }
}

@media screen and (max-width: 460px) {
  .et_header_style_centered #logo {
    height: 80%;
  }
}

@media screen and (max-width: 380px) {
  .et_header_style_centered #logo {
    height: 65%;
    margin-right: 30px;
  }
}