/**
 * @file
 * Use this CSS file to override components CSS rules
 */
/* Fix contextual links size */
.contextual-region .contextual .contextual-links a {
  font-size: small;
  padding: 0.4em 0.6em;
}

.mt-pattern-pattern-1 .page-top-container, .mt-pattern-pattern-1 .region--pattern, .onscroll.mt-pattern-pattern-1 .region--pattern.header, .mt-pattern-pattern-1 .footers-container {
    background-image: none;
}

.path-frontpage .main-content__section, .sidebar__section {
    padding: 0;
}

/* Bannière - En construction */

#block-banniereenconstruction {
  margin-left: -15px;
  margin-right: -15px;
  background-image: url("../../../../../sites/default/files/banniere-accueil-4-opt.jpg");
  background-size: cover;
  padding: 90px 0;
  background-position: center center;
  background-attachment: fixed;
}

#block-banniereenconstruction img:first-child {
  max-width: 200px;
  height: auto;
  padding-bottom: 36px;
}

#block-banniereenconstruction h1 {
  padding-bottom: 36px;
}

#block-banniereenconstruction h2.second {
  padding-bottom: 56px;
  text-transform: none;
}

#block-banniereenconstruction img.arrow {
  max-width: 100px;
  height: auto;
}

@media (min-width: 1555px) {
  #block-banniereenconstruction {
    margin-left: -3rem;
    margin-right: -3rem;
    padding: 160px 0;
  }
}

@media (max-width: 1199px) {
  #block-banniereenconstruction {
    background-attachment: scroll;
  }
  #block-banniereenconstruction img:first-child {
    max-width: 150px;
    height: auto;
    padding-bottom: 36px;
  }
  #block-banniereenconstruction img.arrow {
  max-width: 100px;
  height: auto;
}
}

@media (max-width: 767px) {
  #block-banniereenconstruction {
    background-attachment: scroll;
    padding: 75px 0;
  }
  #block-banniereenconstruction img:first-child {
    max-width: 150px;
    height: auto;
    padding-bottom: 36px;
  }
  #block-banniereenconstruction img.arrow {
  max-width: 100px;
  height: auto;
}
}

/* Mosaique - en construction */

#block-mosaiquedelaccueilconstr .bkg-green {
  padding: 10px 30px;
  color: #ffffff;
  background-color: #91C33F;
  height: 100%;
}

#block-mosaiquedelaccueilconstr .hold {
  height: 370px;

}

#block-mosaiquedelaccueilconstr .fix-1 {
    background-attachment: scroll;
    /*background-size: 49%;*/
    background-size: cover;
    background-position: left center;
}

#block-mosaiquedelaccueilconstr .fix-2 {
  /*background-attachment: fixed;
  background-position: center center;
  /*background-size: 50%;*/
  background-size: 200%;
  background-position: left center;
}

#block-mosaiquedelaccueilconstr .fix-4 {
  /*background-attachment: fixed;
  background-position: center center;
  /*background-size: 50%;*/
  background-size: cover;
  background-position: center center;
}

#block-mosaiquedelaccueilconstr .fix-5 {
  background-attachment: fixed;
  background-position: center center;
  /*background-size: 77%;*/
  background-size: cover;
  background-image: url('../../../../../sites/default/files/accueil-mos/table-3-opt.jpg') !important;
}

#block-mosaiquedelaccueilconstr .fix-6 {
  background-attachment: scroll;
  background-position: center center;
  /*background-size: 35%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-7 {
  background-attachment: fixed;
  background-position: center center;
  /*background-size: 50%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-8,
#block-mosaiquedelaccueilconstr .fix-3 {
  background-size: cover;
  background-position: center center;
}

#block-mosaiquedelaccueilconstr .fix-9 {
  /*background-attachment: fixed;
  /*background-size: 50%;*/
  background-size: cover;
  /*background-position: left center;*/
  background-position: center center;
}

#block-mosaiquedelaccueilconstr .bkg-green ul {
  padding-left: 18px;
  column-count: 2;
  column-gap: 48px;
  column-break-inside: avoid;
  font-size: 16px;
}

#block-mosaiquedelaccueilconstr .bkg-green .row ul {
  padding-left: 18px;
  column-count: 1;

  font-size: 16px;
}

#block-mosaiquedelaccueilconstr .bkg-green .row p {
  font-size: 16px;
}

#block-mosaiquedelaccueilconstr h3 {
  margin-bottom: 20px;
}

#block-mosaiquedelaccueilconstr .bkg-green .colonnes-2 {
  display: flex;
}

#block-mosaiquedelaccueilconstr .bkg-green .colonnes-2 > div:first-child {
  flex-basis: 55%;
}

#block-mosaiquedelaccueilconstr p a {
  color: white;
  opacity: 0.75;
}

#block-mosaiquedelaccueilconstr p a:hover,
#block-mosaiquedelaccueilconstr p a:focus {
  opacity: 1;
}

#block-mosaiquedelaccueilconstr .icones {
  display: flex;
  text-align: center;
}

#block-mosaiquedelaccueilconstr .icones a {
  display: block;
  flex-basis: 50%;
}

#block-mosaiquedelaccueilconstr svg {
  font-size: 36px;
  margin: 12px;
  color: white;
  opacity: 0.75;
}

#block-mosaiquedelaccueilconstr svg:hover,
#block-mosaiquedelaccueilconstr svg:focus {
  opacity: 1;
}

@media(min-width:1555px) {
  #block-mosaiquedelaccueilconstr .hold {
    height: 350px;
  }
}

@media(min-width:992px) {
  #block-mosaiquedelaccueilconstr .bkg-green {
    min-height: auto;
  }
}

@media(max-width:991px) {
  #block-mosaiquedelaccueilconstr .bkg-green {
    min-height: 350px;
  }
  #block-mosaiquedelaccueilconstr .hold {
    height: 350px;
  }
}

@media(max-width:1199px) {
  
  
  #block-mosaiquedelaccueilconstr .fix-2 {
  background-attachment: scroll;
  background-position: left center;
  /*background-size: 50%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-4 {
  background-attachment: scroll;
  background-position: left center;
  /*background-size: 50%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-5 {
    background-attachment: scroll;
  background-position: 66% center;
  /*background-size: 77%;*/
  background-size: cover;
  background-image: url('../../../../../sites/default/files/accueil-mos/table-2.jpg') !important;

}

#block-mosaiquedelaccueilconstr .fix-7 {
  background-attachment: scroll;
  background-position: left center;
  background-size: 200%;
}

#block-mosaiquedelaccueilconstr .fix-9 {
  background-attachment: scroll;
  /*background-size: 50%;*/
  background-size: 200%;
  background-position: right center;
}
}

@media(max-width:991px) {
  #block-mosaiquedelaccueilconstr .fix-5 {
  background-attachment: scroll;
  background-position: center center;
  /*background-size: 77%;*/
  background-size: cover;
}
}

@media(max-width:767px) {

#block-mosaiquedelaccueilconstr .fix-4 {
  background-attachment: scroll;
  background-position: center center;
  /*background-size: 50%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-5 {
  background-attachment: scroll;
  background-position: center center;
  /*background-size: 77%;*/
  background-size: cover;
}

#block-mosaiquedelaccueilconstr .fix-7 {
  background-attachment: scroll;
  background-position: left bottom;
  /*background-size: 50%;*/
  background-size: cover;
}

}

@media(max-width:575px) {
   #block-mosaiquedelaccueilconstr .bkg-green {
    min-height: auto;
  }
  #block-mosaiquedelaccueilconstr .bkg-green ul {
   padding-left: 18px;
   column-count: 1;
  }
  #block-mosaiquedelaccueilconstr .bkg-green .colonnes-2 {
    display: block;
  }
}