@import "compass";

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* Navigation utilisateur en haut du site */
.nav-user-top {
  .navbar {
    @include border-radius(0px);
    border: 0px none;
    margin-bottom: 0px;

    ul {
      li {
        padding-left: 5px;

        a {
          padding-left: 10px;
          padding-right: 10px;

          &.navbar-btn {
            padding: 5px 10px;
          }
        }

        ul li a {
          padding: 2px 20px;
        }
      }
    }
  }

  .dropdown-menu {
    .divider.dropdown-header {
      padding: 0px;
    }
  }
}

@media screen and (max-width: 768px) {
  .nav-user-top {
    .navbar {
      ul {
        float: right;
        margin-right: 0px;
      }

      .link-text {
        display: none;
      }

      .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
        @include box-shadow(0px 0px 4px gray);

        li {
          a {
            padding-left: 15px;
          }
        }
      }
    }
  }
}

/* Block de date */
.block-date {
  margin: 0px auto;
  padding-top: 0px;
  text-align: center;

  .day {
    text-transform: capitalize;
    line-height: 15px;
    font-size: 13px;
    text-transform: uppercase;
  }

  .num {
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
  }

  .month {
    text-transform: uppercase;
    line-height: 15px;
    font-size: 13px;
    color: darken($color1, 5);
  }
}