body .menu,
body .sub-menu {
  margin: 0;
  padding: 0; }

body .menu-item,
body .sub-menu,
body .dropdown-icon {
  border: 0 solid; }

body .menu {
  font-family: 'Segoe UI';
  cursor: pointer; }
  body .menu .menu-item {
    display: block; }
    body .menu .menu-item.has-children, body .menu .menu-item.has-children .menu-item {
      position: relative; }
    body .menu .menu-item:not(:last-child) {
      border-width: 0 0 1px; }
    body .menu .menu-item .onglet {
      padding: 1em;
      display: flex;
      justify-content: space-between;
      font-size: 0.9em !important;
      font-family: "Segoe UI", Verdana, Helvetica, sans-serif;
      font-stretch: normal !important;
      font-weight: normal !important;
      line-height: 12px; }
  body .menu .sub-menu {
    border-width: 1px 0 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: visibility .25s, opacity .40s ease-in-out; }
    body .menu .sub-menu .menu-item {
      visibility: hidden; }
  body .menu .menu-item:hover > .sub-menu, body .menu .menu-item:active > .sub-menu, body .menu .menu-item:focus > .sub-menu {
    opacity: 1;
    height: auto;
    width: auto; }
    body .menu .menu-item:hover > .sub-menu,
    body .menu .menu-item:hover > .sub-menu .menu-item, body .menu .menu-item:active > .sub-menu,
    body .menu .menu-item:active > .sub-menu .menu-item, body .menu .menu-item:focus > .sub-menu,
    body .menu .menu-item:focus > .sub-menu .menu-item {
      visibility: visible; }
  body .menu .menu-item > .onglet:hover .dropdown-icon:after, body .menu .menu-item > .onglet:active .dropdown-icon:after, body .menu .menu-item > .onglet:focus .dropdown-icon:after {
    transform: rotate(45deg); }
  body .menu .dropdown-icon {
    padding: 1em 1.25em;
    margin: -1em -1em -1em .5em;
    border-width: 0 0 0 1px; }
    body .menu .dropdown-icon:after {
      content: "+";
      display: block;
      transition: transform .25s ease-in-out; }

@media only screen and (min-width: 600px) {
  body .nav .menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    font-variant: small-caps;
    font-size: 1.3em !important;
    height: 55px;
    align-items: center; }
    body .nav .menu > .menu-item {
      border-width: 0 1px 0 0; }
      body .nav .menu > .menu-item > .onglet .dropdown-icon {
        padding-left: 0; }
    body .nav .menu .menu-item:hover > .sub-menu, body .nav .menu .menu-item:active > .sub-menu, body .nav .menu .menu-item:focus > .sub-menu {
      width: 225px; }
    body .nav .menu .sub-menu {
      position: absolute;
      z-index: 3000;
      top: 100%;
      left: 0;
      border-width: 0; }
      body .nav .menu .sub-menu .sub-menu {
        top: 0;
        left: 100%; }
    body .nav .menu .dropdown-icon {
      border-width: 0;
      padding: 1em; } }

body .nav {
  background-color: #fff; }
  body .nav .menu > .menu-item,
  body .nav .menu > .menu-item .dropdown-icon {
    border-color: rgba(255, 255, 255, 0.1); }
  body .nav .menu > .menu-item {
    justify-content: center; }
    body .nav .menu > .menu-item,
    body .nav .menu > .menu-item > .onglet {
      color: #6d604f; }
    body .nav .menu > .menu-item > .onglet:hover, body .nav .menu > .menu-item > .onglet:active, body .nav .menu > .menu-item > .onglet:focus {
      color: #2e2e2e;
      /*font-weight: bolder;*/ }
  body .nav .sub-menu {
    background-color: #f46806;
    box-shadow: 2px 2px 8px #aaa; }
    body .nav .sub-menu,
    body .nav .sub-menu .dropdown-icon,
    body .nav .sub-menu .menu-item,
    body .nav .sub-menu .menu-item .dropdown-icon {
      border-color: rgba(255, 255, 255, 0.1); }
    body .nav .sub-menu .menu-item,
    body .nav .sub-menu .menu-item .onglet {
      color: #fff;
      text-decoration: none; }
    body .nav .sub-menu .menu-item .onglet:hover, body .nav .sub-menu .menu-item .onglet:active, body .nav .sub-menu .menu-item .onglet:focus {
      background-color: #f46806;
      color: #6d604f;
      font-weight: bolder; }