@import "page-offre-simple";

.compta{
  &_parent{
    .btn.center-block{height: auto;padding: 4px 20px}
    .compta-nav{margin-top: 0;}
  }
  &-nav{width: 100%;padding: 0 15px;text-align: center;
    ul{
      width: auto;margin: 0 auto;padding: 0;
      @media(min-width: 768px){height: 30px;width: 100%;margin: 0 auto;padding: 0;}
      @media (min-width: 1200px){width: 100%;}
      li{text-align: left;display: block;background: url('@{img}/liseret/liseret_mobile.png') no-repeat 0% 100% transparent;padding: 0px 0 10px;
        @media(min-width: 768px){display: inline-block;vertical-align: middle;margin: 0;padding: 0 0 19px 0;background: none;text-align: center;max-width: 14%;}
        a{text-transform: uppercase;background: url('@{img}/slides_right.png') no-repeat 100% 50% transparent;display: block;height: 24px;line-height: 24px;
          @media(min-width: 768px){height: auto;border-right: 1px solid @black1d;border-left: 1px solid transparent;line-height: 1.1em;background: none;padding: 0 10px;}
          br{display: none;
            @media(min-width: 768px){display: block}
          }
        }
        &.last {
          a{
            @media(min-width: 768px){border-right-color: transparent}
          }
        }
        &.active{
          @media(min-width: 768px){background: url('@{img}/w_b_t1_12.png') no-repeat 50% 100% transparent;font-family: 'open_sansbold';}
        }
      }
    }
  }
  &_enfant{position: relative; z-index: 1;}
}