/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.primary-button {
  font-size: 0.75rem;
  background-color: #4d4d4d;
  padding: 0.5rem 1.5625rem;
  margin-top: 1.5em;
  display: inline-block;
  color: #fff;
  margin: .9em 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  transition: background-color 300ms ease-out; }
  .primary-button:hover, .primary-button:focus {
    background-color: #333;
    color: #fff; }
  .primary-button:before {
    font-family: 'ElegantIcons';
    content: '\000035';
    font-size: 0.875rem;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -.15em; }

/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
.secondary-button {
  text-transform: uppercase;
  text-align: center;
  background-color: #808080;
  color: #fff;
  display: inline-block;
  margin: .7em 0;
  padding: .4em .5em;
  font-size: 0.625rem;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  transition: background-color 300ms ease-out;
  line-height: 0.75rem; }
  .secondary-button:hover, .secondary-button:focus {
    background-color: #4d4d4d;
    color: #fff; }
  .secondary-button:before {
    font-family: 'ElegantIcons';
    content: '\000035';
    font-size: 0.875rem;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -.15em; }

.demand-wrapper {
  padding: 0.5rem; }
  .demand-wrapper .custom-button {
    background-color: #d71e62; }
  .demand-wrapper .mentions {
    padding-top: 1rem; }
    .demand-wrapper .mentions p {
      font-size: 0.75rem;
      line-height: 0.875rem; }
  .demand-wrapper .demand {
    padding: 1rem 0.5rem; }
  .demand-wrapper .validation {
    margin: 0 0;
    position: relative; }
    .demand-wrapper .validation h2 {
      font-size: 1.4375rem;
      line-height: 1.5625rem;
      font-family: "Montserrat", Arial, Helvetica, sans-serif;
      font-weight: bold; }
  .demand-wrapper .row.vam {
    letter-spacing: -0.31em; }
    .demand-wrapper .row.vam > * {
      display: inline-block;
      vertical-align: middle;
      float: none !important;
      letter-spacing: normal; }
  .demand-wrapper h1 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1rem;
    line-height: 1.125rem; }
  .demand-wrapper h2 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0;
    margin: 0 0 0.5rem; }
  .demand-wrapper p {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
    color: #666666;
    margin: 0 0 0.75rem; }
    .demand-wrapper p a:not(.custom-button) {
      color: inherit;
      text-decoration: underline; }
    .demand-wrapper p .button-secondary {
      margin: 0.25rem 0.5rem;
      padding: 0.5rem 0.75rem; }
    .demand-wrapper p .numero-telephone-cartouche {
      display: inline-block;
      width: 175px;
      height: 20px;
      vertical-align: middle;
      margin: 0.25rem 0.5rem;
      text-indent: -9999px;
      background: url(/Images/telephone-footer-home.png) no-repeat; }
      .demand-wrapper p .numero-telephone-cartouche span {
        display: none; }
  .demand-wrapper ul {
    margin: 0;
    list-style: none; }
    .demand-wrapper ul.liste-avatanges {
      margin-left: 2rem; }
      .demand-wrapper ul.liste-avatanges li {
        font-size: 0.8125rem;
        line-height: 1rem;
        padding: 0.25rem 0 0.25rem 0.5rem;
        position: relative; }
        .demand-wrapper ul.liste-avatanges li:before {
          content: "N";
          position: relative;
          display: inline-block;
          font-family: ElegantIcons;
          left: -.1rem;
          position: absolute;
          left: -1rem; }

@media only screen and (min-width: 40.063em) {
  .demand-wrapper #demande-non-client-form > .row > .columns:nth-of-type(2) {
    padding-top: 2.3rem !important; }
  .demand-wrapper #demande-non-client-form select {
    background-color: #eeeeee; }
  .demand-wrapper .demand {
    padding: 1rem 0; }
  .demand-wrapper .demand-wrapper {
    padding: 1rem; } }