@import "elements/variables";

@import "elements/editorial-content";

.introduction h1{
  text-align: center;margin: 20px auto;font-family: 'open_sansregular';
  @media (min-width: @screen-sm-min) {margin-bottom:30px;text-align:left;}
}

.outil-metier{
  &-legal{
    font-size: @font-size-small;text-align: left;
    @media (min-width: @screen-sm-min) {font-size:16px}
  }
}

.form-bottom{
  background-color:#ebebeb;padding: 15px;margin-bottom: 20px;
  @media (min-width: @screen-md-min){.border-radius(15px);padding-top: 25px;padding-bottom: 20px;}
  .bg{background-color:@white;padding:15px;
    @media (min-width: @screen-md-min){background-color:transparent;padding: 0 15px;}
  }
  .title{display:none}
  .chapo{
    font-size: 15px;text-align: center;font-family: 'open_sansbold';margin-bottom: 15px;
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {display: block}
    @media (min-width: @screen-md-min) {display: block;font-size: 18px;margin-bottom: 25px;}
  }
  .btn{
    margin-top:15px;
    @media (min-width: @screen-md-min){display: block;width: 100%;margin-top: 30px;}
  }
  .outil-metier & .legalMention{
    margin-bottom:0;
    @media (min-width: @screen-md-min){text-align:right;margin-top: 25px;}
  }
}