@import "page-offre-simple";

.compta{
  &-nav{width: 100%;padding: 0 15px;text-align: center;
    @media(min-width: 768px){z-index: 99;position: relative;}
    .nbchild{
      &-5, &-6{
        @media(min-width: @screen-sm){padding-right: 0; width: 100%}
      }
    }
    .retour {margin:0;
      @media(min-width: 768px){position: absolute; bottom: 0; left: 15px;}
      @media(min-width: @screen-lg){left: 0}
    }
    ul{width: 100%;margin: 0 auto;padding: 0;
      @media(min-width: @screen-sm){width: auto;margin: 0 auto 10px; display: table;}
      @media(min-width: @screen-md){padding: 0 35px;}
      @media(min-width: @screen-lg){padding: 0 32%;}
      li{list-style: none;text-align: left;display: block;padding: 0px 0 10px; position: relative; overflow: visible;
        @media(min-width: 768px){display: table-cell;vertical-align: middle;margin: 0;padding: 0;background: none;text-align: center;border-right: 1px solid @black1d;
          &:after{content:''; display: block; height: 12px; position: absolute; bottom: -22px; width: 100%; }
        }
        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;line-height: 1.1em;background: none;padding: 0 10px;}
          br{display: none;
            @media(min-width: 768px){display: block}
          }
        }
        &.last {
          @media(min-width: 768px){border-right-color: transparent}
        }
        &.active{font-family: 'open_sansbold';
          @media(min-width: 768px){
            &:after{background: url('@{img}/w_b_t1_12.png') no-repeat 50% 100% transparent;}
          }
        }
      }
    }
  }
  &_enfant{position: relative; z-index: 1;}
}