/**
 *  Section
 */


/* Classes de couleurs de fond pour les sections */
.bg-section--light_blue {
  background-color: var(--secondary);
}


/**
 * Marges externe
 */

 .top-spacing--xs {
  margin-top: .33rem;
 }
 .top-spacing--s {
  margin-top: .66rem;
 }
 .top-spacing--m {
  margin-top: 1rem;
 }
 .top-spacing--l,
 .top-spacing--xl,
 .top-spacing--xxl {
  margin-top: 1.5rem;
 }

 @media all and (min-width: 750px) {
   .top-spacing--xl {
     margin-top: 3rem;
   }
   .top-spacing--xxl {
     margin-top: 6rem;
   }
 }
 .bottom-spacing--xs {
  margin-bottom: .33rem;
 }
 .bottom-spacing--s {
  margin-bottom: .66rem;
 }
 .bottom-spacing--m {
  margin-bottom: 1rem;
 }
 .bottom-spacing--l,
 .bottom-spacing--xl,
 .bottom-spacing--xxl {
  margin-bottom: 1.5rem;
 }

 @media all and (min-width: 750px) {
   .bottom-spacing--xl {
     margin-bottom: 3rem;
   }
   .bottom-spacing--xxl {
     margin-bottom: 6rem;
   }
 }


 /**
 * Marges internes (padding)
 */

.top-padding--xs {
  padding-top: .33rem;
}
.top-padding--s {
  padding-top: .66rem;
}
.top-padding--m {
  padding-top: 1rem;
}
.top-padding--l,
.top-padding--xl,
.top-padding--xxl {
  padding-top: 1.5rem;
}

@media all and (min-width: 750px) {
  .top-padding--xl {
    padding-top: 3rem;
  }
  .top-padding--xxl {
    padding-top: 6rem;
  }
}

.bottom-padding--xs {
  padding-bottom: .33rem;
}
.bottom-padding--s {
  padding-bottom: .66rem;
}
.bottom-padding--m {
  padding-bottom: 1rem;
}
.bottom-padding--l,
.bottom-padding--xl,
.bottom-padding--xxl {
  padding-bottom: 1.5rem;
}

@media all and (min-width: 750px) {
  .bottom-padding--xl {
    padding-bottom: 3rem;
  }
  .bottom-padding--xxl {
    padding-bottom: 6rem;
  }
}


 /**
 * Align center
 */

.section-align-center .layout--twocol {
  align-items: center;
}

.section-align-center .layout--twocol .layout__region {
  flex: 1;
}


 /**
 * Separator top
 */

.separator-top--curve::before,
.separator-top--waves::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 3%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.separator-top--curve::before {
  background-image: url('../../images/section/curve.svg');
}

.separator-top--waves::before {
  background-image: url('../../images/section/waves.svg');
}

@media (min-width: 768px) {
  .separator-top--curve::before,
  .separator-top--waves::before {
    padding-top: 4%;
  }
}


 /**
 * Separator bottom
 */

.separator-bottom--curve-soft::before,
.separator-bottom--curve-wide::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 3%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

.separator-bottom--curve-wide::before {
  padding-top: 5%;
}

.separator-bottom--curve-soft::before {
  background-image: url('../../images/section/curve-soft.svg');
}

.separator-bottom--curve-wide::before {
  background-image: url('../../images/section/curve-wide.svg');
}

@media (min-width: 768px) {

  .separator-bottom--curve-soft::before {
    padding-top: 4%;
  }
}