/* Scss Document */
.hide-until-loaded {
  display: none; }

@media (min-width: 992px) {
  body.popin-opened {
    overflow: hidden; } }

.main {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }

.content {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .content .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none; }
    .content .overlay.active {
      display: block; }

/* Pages Plein Air */
.div-gprattribut .titre-boutique {
  margin: 30px 0 50px 15px; }

.div-gprattribut .bandeau {
  margin-bottom: 20px;
  text-align: center; }
  .div-gprattribut .bandeau .text-seo {
    width: 80%;
    margin: 35px auto; }

.div-gprattribut .bloc-lien {
  text-align: center;
  margin: 20px 0 45px; }
  .div-gprattribut .bloc-lien a {
    border: 2px solid;
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding: 20px; }
    .div-gprattribut .bloc-lien a.blue {
      color: #FDA408; }
    .div-gprattribut .bloc-lien a.yellow {
      color: #fac112; }
    .div-gprattribut .bloc-lien a.red {
      color: #ff4c39; }
    .div-gprattribut .bloc-lien a div {
      max-width: 350px; }
    .div-gprattribut .bloc-lien a .text .title {
      font-size: 1.25rem;
      line-height: 1.1em; }

.div-gprattribut .bloc-sm-mea1 {
  margin: 15px 0 65px 0;
  text-align: center; }
  .div-gprattribut .bloc-sm-mea1 a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .div-gprattribut .bloc-sm-mea1 a div.btn-block {
      max-width: 350px;
      margin-top: 10px; }
    .div-gprattribut .bloc-sm-mea1 a img {
      position: relative;
      -o-object-fit: cover;
         object-fit: cover; }
    .div-gprattribut .bloc-sm-mea1 a .title {
      text-align: center;
      color: #4b2900;
      font-size: 1.25rem;
      border-radius: 0.5rem;
      width: 100%;
      padding: 20px 30px;
      border: 2px solid #4b2900; }

.div-gprattribut .bloc-md-mea {
  display: flex;
  justify-content: center;
  padding-bottom: 22px;
  margin-bottom: 30px;
  height: calc(100% - 30px); }
  .div-gprattribut .bloc-md-mea.nerf {
    background-color: #e2ddd7; }
  .div-gprattribut .bloc-md-mea.smoby {
    background-color: #bacf2a; }
  .div-gprattribut .bloc-md-mea a {
    text-align: center; }
    .div-gprattribut .bloc-md-mea a .description {
      font-size: 1rem;
      display: inline-block;
      padding: 0 20px;
      margin-bottom: 25px; }

.div-gprattribut .carousel-items {
  margin: 50px 0; }
  .div-gprattribut .carousel-items .owl-carousel .owl-dots {
    display: block;
    margin-top: 10px; }
  .div-gprattribut .carousel-items .caption {
    min-height: 220px;
    padding: 30px;
    text-align: center; }
    .div-gprattribut .carousel-items .caption h3 {
      color: #fff;
      text-transform: uppercase; }
    .div-gprattribut .carousel-items .caption p {
      margin-bottom: 27px; }

.seo-footer {
  font-size: 0.875rem;
  margin: 50px 0; }

.banner-buttons {
  display: block;
  margin-top: 50px; }
  .banner-buttons.bg-color-plein-air {
    background-color: #1bba9a; }
  .banner-buttons.bg-color-vacances {
    background-color: #ff4c39; }
  .banner-buttons.bg-color-soldes {
    background-color: #38cae0; }
  .banner-buttons.bg-color-naissance {
    background-color: #2f4f80; }
  .banner-buttons.bg-color-garcon {
    background-color: #FDA408; }
  .banner-buttons.bg-color-fille {
    background-color: #f9629f; }
  .banner-buttons.bg-color-petitprix {
    background-color: #ced4da; }
  .banner-buttons .banner-background {
    position: relative;
    padding: 50px 0; }
    .banner-buttons .banner-background.plein-air {
      background: url("/assets/images/personnalisation/statique/16/motif-big-banner.jpg") repeat-y center center; }
    .banner-buttons .banner-background.vacances, .banner-buttons .banner-background.naissance, .banner-buttons .banner-background.garcon, .banner-buttons .banner-background.fille, .banner-buttons .banner-background.petitprix {
      background: url("/assets/images/personnalisation/statique/13/030217-flocon-big-banner.png") no-repeat top center; }
    .banner-buttons .banner-background .banner-items h2 {
      color: #fff;
      margin: 0 0 45px 0;
      text-align: center; }
    .banner-buttons .banner-background .banner-items a {
      margin: 15px 0px; }