#header{
  z-index: 999;
  position: relative;
  @include inlineflex();
  justify-content: center;
  width: 100%;
  nav{
    @include inlineflex();
    justify-content: space-around;
    height: 100px;
    width: 70%;
    .logo{
      display: flex;
      a{
        display: block;
        margin: auto;
      }
    }
    &.dropmenu{
      a{
        padding: 10px;
      }
      & > ul{
        @include inlineflex();
        &> li{
          height: 3em; /* hauteur du parent */
          line-height: 2.5em; /* hauteur de ligne (identique) */
          white-space: nowrap; /* interdiction de passer à la ligne */
          margin: auto 20px;
          border-top: 1px solid $light-blue;
          border-bottom: 3px solid $green;
          & > ul{
            display: none;
            border-bottom: 3px solid $green;
          }
          &:hover{
            & > ul{
              display: block;
              a{
                display: block;
                height: 50px;
                background: white;
                padding: 10px;
              }
            }
          }
        }
      }
    }
    .reso{
      @include inlineflex;
      flex-wrap: nowrap;
      a{
        display: block;
        width: 35px;
        margin: auto 5px;
      }
    }
  }
}
