/*
RESPONSIVE
*/

@media(max-width: $break) {
  body {
    // padding-top: $menumobh;
  }
  header {
    height : $menumobh;
    width: 100%;
  }
  #header {
    height: $menumobh;

    #top {
      // background-color: $blanc;
      // height: $menumobh;
      // position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      padding: 5px 15px;
      z-index: 998;

      .header_menus, .main_btn {
        display: none;
      }

      .header_wrapper {
        min-height: 72px;
        background-color: $blanc;

        img.logo_header {
          height: 70px;
          max-width: auto;
        }
      }

      #logo {
        height: 70px;
        display: inline-block;
        position: relative;

        a {
          display: block;
          top: 0;
          left: 0;

          img {
            height: 70px;
            width: auto;
            max-width: none;
          }
        }
      }

      #right-menu {
        display: block;
        float: right;
        padding: 10px;

        .material-icons {
          font-size: 36px;
          cursor: pointer;


        }
        &:hover {
          color: $bleu_at_f;
        }

      }

      #menu {
        &_top, &_nav {
          display: none;
        }

      }
    }

    #menu_sidebar {
      display: block;
      z-index: 999;

      &.sidenav {
        li {
          &.logo {
            a {
              height: auto;
              text-align: center;

              img {
                display: block;
                margin: auto;
              }
            }
          }
        }
      }
    }
  }
  #mentions {
    padding-bottom: 50px;
  }
}

.sidenav {
  z-index: 998;

  .logo {
    padding: 30px 0 60px 0;
  }
  li > a {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    &:hover {
      color:$bleu_at_f;
    }
  }
}