// global
@import "global";


.breadcrumb(true);
.headband(true);
.panel-content(true);

.boutique{
  &-progress{
    .bloc{
      h3{text-transform: uppercase}
      &.bg-blue{
        .lt-ie8 &{padding: 10px}
      }
      @media(min-width: 768px){
        figure img{margin: 0}
      }
      .ico-quote{float: left;
        &-left{margin-right: 5px}
        &-right{position: absolute; bottom: 0; right: 0px; margin-right: 0;
          @media(min-width: 768px){right: 15px;}
          @media(min-width: 1200px){
            .lt-ie8 &{right: 0px}
          }
        }
      }
      p, i, span, figure {padding-left: 0; padding-right: 0}
      .lt-ie8 &{
        figure{padding-right: 5px}
      }
    }
    .title-page{
      &-text{color: @fosBrandColor;
        @media(min-width: 570px){background-color: #fbfbfb; top: 25%;}
        @media(min-width: 768px){top: 8%;}
        @media(min-width: 992px){top: 20%;
          .lt-ie8 &{left: 28%!important;}
        }
        @media(min-width: 1200px){
          .lt-ie8 &{left: 32%!important;}
        }
        span{display: block; font-size: @font-size-large; text-transform: none;}
      }
    }
    .btn{background-color: @fosBrandColor; border-color: @fosBrandColor; color: @white;
      &:hover{background-color: @white; color: @fosBrandColor;}
    }
  }
}