@import "elements/variables";

@import "elements/introduction";

@import "elements/newsletter";

.newsletter.espace_client{
  background: none;margin: 0;padding:0 15px;
  .bg{padding: 0 15px 25px;background-color: @greyeb;margin-top: 15px;}
  p{display: block;
    &.text-center{width: 100%;text-align: center;display: block;}
  }
  .legalMention{margin: 25px 0}
  form{
    .CheckRadio span.text{width:90%}
    .sub{margin:25px 0 0 0}
  }

  @media(min-width: 768px){
    p{
      margin-bottom: 0;padding-bottom: 0;
      &.title{white-space: nowrap;margin-bottom: 25px;}
    }
    form{
      .CheckRadio span.text{width: 93%}
      .sub{margin:auto;padding: 0}
    }
    .legalMention{padding: 0 15px;}
  }

  @media(min-width: 992px){
    form p.title{margin:25px 0;padding: 0}
    .legalMention{margin-left: 8.33333%;}
  }

  @media(min-width: 1200px){
    .legalMention{margin-left: 16.6667%;}
  }
}
.newsletter{border: none}