@import "elements/variables";

@import "elements/barometre";
@import "elements/introduction";
@import "elements/editorial-content";


@import "elements/contact-form";
@import "elements/other-articles";
@import "elements/newsletter";

/*BAROMETRE DES TPE*/
.barometre{
  .bloc-fixed{
    margin: 0 auto;display: block; position: relative;
    @media(min-width: 768px){font-size: 16px;position: static; overflow: auto;-webkit-overflow-scrolling: touch;
      .content-fixed{position: relative;-webkit-transform: translate3d(0,0,0);}
    }
    .right_col{max-width:270px;min-height: 590px;display: block;margin: 0 auto 20px;
      @media(min-width: 768px){float: right;margin: inherit}
    }
    &.is_stuck{
      @media(min-width: 768px){padding-top: 15px;}
    }
    .sendMail{border: 1px solid @brand-primary;.bgUrl('@{img}/courrier.jpg', no-repeat);.position(10px, center);display: block;padding: 10px 0 10px 55px; cursor: pointer;
      &:hover,&:focus{background-color: @black33;border-color:@black33;color:@white;}
    }
    a{margin: 10px auto;text-align: left;}
    .link-only{display: block;text-align: center;}
  }
  .edito{
    @media(min-width: 768px){margin-top: 0px;}
    .title2{
      margin: 30px 0 20px 0;
      &:first-child{margin-top: 0;}
    }
    p{margin-bottom: 15px;}
  }
  @media(min-width: 768px){
    .bloc-right{float: right}
  }
}

.other-articles ul {
  @media (min-width: @screen-sm) {
    .content-columns(2; @grid-gutter-width);
  }
}