/***** BASE INTEGRATION *****/
/*** VARIABLE ***/
/*** MIXINS ***/
/*** TOOLS ***/
.clear {
  clear: both; }

@media (max-width: 479px) {
  .col-xxs {
    width: 100%;
    margin: 0;
    padding: 0 15px; }

  .hidden-xxs {
    display: none !important; }

  .visible-xxs {
    display: block !important; } }
.header_user_info {
  float: right;
  margin: 0px 5px 10px 0;
  height: 14px;
  position: relative; }
  .header_user_info a {
    color: black;
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    padding: 0 5px 0px 0;
    cursor: pointer;
    line-height: 14px;
    padding-left: 20px;
    margin-top: 7px; }
    .header_user_info a.logout {
      padding: 0 5px 0px 0;
      border-right: 1px solid black;
      height: 14px; }
      .header_user_info a.logout i.icon-power:before {
        content: "\f011";
        display: inline;
        font-family: "FontAwesome"; }
      @media (max-width: 768px) {
        .header_user_info a.logout {
          border: none; } }
    .header_user_info a:after {
      content: "";
      background: black;
      height: 1px;
      width: 0%;
      display: block;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -ms-transition: all 0.3s; }
    .header_user_info a:hover, .header_user_info a.active {
      text-decoration: none; }
      .header_user_info a:hover:after, .header_user_info a.active:after {
        content: "";
        background: black;
        height: 1px;
        width: 100%;
        display: block; }
    .header_user_info a.login {
      border-right: 1px solid black;
      height: 14px; }
      @media (max-width: 768px) {
        .header_user_info a.login {
          border: none; } }
    .header_user_info a:first-child:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      background: url("../../../images/picto-moncompte.jpg") no-repeat center top;
      position: absolute;
      top: 2px;
      left: 0; }
  @media (max-width: 768px) {
    .header_user_info {
      width: 45%;
      float: right;
      border: 1px solid black;
      padding: 5px;
      text-align: center;
      height: 35px; }
      .header_user_info a:first-child {
        display: inline-block;
        padding: 0;
        margin: 0; }
        .header_user_info a:first-child:before {
          position: relative;
          margin-right: 5px; }
      .header_user_info a:after {
        display: none; } }

/*# sourceMappingURL=blockuserinfo.css.map */