//
// Project nav-skip
// --------------------------------------------------


// nav-skip
// les liens d'evitement
//--------------
.nav-skip {
  margin: 0; padding:0;
  background: #fff;
  .container {
    position: relative;
    margin: 0 auto;
    // &.nav-skip-focus {height: 2em;}
  }
  ul {margin: 0; padding: 0;}
  li {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding:0;
  }
  a {
    position: absolute;
    left: -7000px; z-index: 1000;
    padding: 0;
    color: $texte;
    text-decoration: none;
  }
  a:focus {
    position: absolute;  top:0.2em; left:0;
  }

  // .nav-skip-focus a {position: relative; top:0; left:0;}
}

.skip-link-nav  {display: none;}

.no-js .nav-skip {
  .container {height: 2em; padding-top: 0.2em}
  li {display: inline-block; padding-right: 1em;}
  a {
    position: static;
    &:focus,
    &:hover {text-decoration: underline;}
  }
}

// @media (min-width:  $screen-l-min) {
//   .skip-link-nav  {display: list-item;}
// }


