@charset "UTF-8";
:root {
  --color--primary-40: #3a4547;
}

:root {
  --max-width: 1500px; /* valeur par défaut */
}

@media (max-width: 1440px) {
  :root {
    --max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  :root {
    --max-width: 900px;
  }
}
@media (max-width: 768px) {
  :root {
    --max-width: 600px;
  }
}
.grid-full .grid-full .grid-full {
  display: grid !important;
}

.gallery {
  grid-gap: 0;
  margin-top: 100px;
}
.gallery .gallery-container {
  grid-row: 1;
  grid-column: 1/13;
  background-color: #293133;
  color: #f6f8f8;
}
.gallery .gallery-container .title {
  color: #f6f8f8;
}
.gallery .gallery-container .images-grid-text .images-grid {
  grid-row: 1;
  grid-column: 3/14;
  margin-top: -50px;
  grid-gap: 30px;
}
.gallery .gallery-container .images-grid-text .images-grid .image {
  background-size: cover;
  background-position: center;
}
.gallery .gallery-container .images-grid-text .images-grid .image#imageGallery1 {
  grid-column: 1/6;
  grid-row: 1/3;
  height: 80%;
}
.gallery .gallery-container .images-grid-text .images-grid .image#imageGallery2 {
  grid-column: 6/15;
  grid-row: 1;
  height: 371px;
}
.gallery .gallery-container .images-grid-text .images-grid .image#imageGallery3 {
  grid-column: 6/15;
  grid-row: 2;
  height: 371px;
}
.gallery .gallery-container .images-grid-text .text {
  grid-row: 2;
  grid-column: 3/15;
  margin: 50px 0;
}
.gallery .gallery-container .images-grid-text .text .title-description-cta {
  grid-column: 9/14;
  grid-row: 1;
}
.gallery .gallery-container .images-grid-text .text .title-description-cta .title {
  font-size: 40px;
  line-height: 60px;
}
.gallery .gallery-container .images-grid-text .text .title-description-cta .description p {
  color: #f6f8f8;
}
.gallery .gallery-container .images-grid-text .text .title-description-cta .cta-container {
  display: flex;
  justify-content: start;
  margin: 50px 0;
}
.gallery .gallery-container .images-grid-text .text .title-description-cta .cta-container .cta {
  display: flex;
  height: 57px;
  width: 219px;
  background-color: #f6f8f8;
  color: #3a4547;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.gallery .gallery-container .images-grid-text .text .small-texts {
  grid-template-rows: 300px 4em 300px;
  grid-column: 1/10;
  grid-row: 1;
  display: flex;
  justify-content: space-between;
}
.gallery .gallery-container .images-grid-text .text .small-texts .small-text strong {
  font-size: 20px;
}
.gallery .gallery-container .images-grid-text .text .small-texts .small-text#smallText1 {
  grid-column: 1/7;
}
.gallery .gallery-container .images-grid-text .text .small-texts .small-text#smallText2 {
  grid-column: 7/13;
}
.gallery .gallery-container .images-grid-text .text .small-texts .small-text#smallText3 {
  grid-row: 2;
  grid-column: 1/7;
}
.gallery .image-footer {
  grid-row: 2;
  grid-column: 1/13;
}
.gallery .image-footer picture img {
  width: 100%;
}
.gallery .brand-style-container {
  grid-row: 1;
  grid-column: 13/14;
  display: flex;
  align-items: end;
}
.gallery .brand-style-container .brand-style {
  width: 100%;
  height: 50%;
  background-color: #e58a16;
  position: relative;
}
.gallery .brand-style-container .brand-style::after {
  content: "";
  position: absolute;
  display: block;
  width: 95%;
  height: 100%;
  background-image: radial-gradient(#f6f8f8 30%, transparent 0);
  background-size: 25px 25px;
  bottom: -25%;
  left: -40%;
  z-index: 3;
}

/*# sourceMappingURL=gallery.css.map */
