@font-face {
  font-family: "Montserrat-light";
  src: url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-regular";
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-italic";
  src: url("../fonts/Montserrat/Montserrat-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-medium";
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-semi-bold";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-bold";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
}

/* Extends */
.bs-generic-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bs-visibility-hidden {
  visibility: hidden;
  opacity: 0;
}

.bs-grid.bs-grid-column-12 .view-content {
  grid-template-columns: repeat(12, 1fr);
}

.bs-grid.bs-grid-column-14 .view-content {
  grid-template-columns: repeat(14, 1fr);
}

.bs-grid .view-content {
  display: grid;
  grid-gap: 40px 40px;
}

.bs-grid .view-content .views-row {
  background-color: white;
  position: relative;
  animation: appears 3s ease-in forwards;
  transform-origin: center;
}

.bs-grid .view-content .views-row::before {
  padding: 5px;
  color: white;
  position: absolute;
}

.bs-grid.bs-grid-gap-no-v .view-content {
  grid-gap: 0 40px;
}

.bs-grid.bs-span-c-1 .view-content>div {
  grid-column: span 1;
}

.bs-grid.bs-span-c-2 .view-content>div {
  grid-column: span 2;
}

.bs-grid.bs-span-c-3 .view-content>div {
  grid-column: span 3;
}

.bs-grid.bs-span-c-4 .view-content>div {
  grid-column: span 4;
}

.bs-grid.bs-span-c-5 .view-content>div {
  grid-column: span 5;
}

.bs-grid.bs-span-c-6 .view-content>div {
  grid-column: span 6;
}

.bs-grid.bs-span-c-7 .view-content>div {
  grid-column: span 7;
}

.bs-grid.bs-span-c-8 .view-content>div {
  grid-column: span 8;
}

.bs-grid.bs-span-c-9 .view-content>div {
  grid-column: span 9;
}

.bs-grid.bs-span-c-10 .view-content>div {
  grid-column: span 10;
}

.bs-grid.bs-span-c-11 .view-content>div {
  grid-column: span 11;
}

.bs-grid.bs-span-c-12 .view-content>div {
  grid-column: span 12;
}

.bs-grid.bs-span-c-13 .view-content>div {
  grid-column: span 13;
}

.bs-grid.bs-span-c-14 .view-content>div {
  grid-column: span 14;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(1) {
  grid-area: item1;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(2) {
  grid-area: item2;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(3) {
  grid-area: item3;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(4) {
  grid-area: item4;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(5) {
  grid-area: item5;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(6) {
  grid-area: item6;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(7) {
  grid-area: item7;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(8) {
  grid-area: item8;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(9) {
  grid-area: item9;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(10) {
  grid-area: item10;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(11) {
  grid-area: item11;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(12) {
  grid-area: item12;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(13) {
  grid-area: item13;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(14) {
  grid-area: item14;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(15) {
  grid-area: item15;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(16) {
  grid-area: item16;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(17) {
  grid-area: item17;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(18) {
  grid-area: item18;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(19) {
  grid-area: item19;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(20) {
  grid-area: item20;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(21) {
  grid-area: item21;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(22) {
  grid-area: item22;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(23) {
  grid-area: item23;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(24) {
  grid-area: item24;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(25) {
  grid-area: item25;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(26) {
  grid-area: item26;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(27) {
  grid-area: item27;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(28) {
  grid-area: item28;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(29) {
  grid-area: item29;
}

.bs-grid:not(.bs-no-grid-area) .view-content div:nth-child(30) {
  grid-area: item30;
}

.test {
  grid-template-areas: """""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)""""{item} + (1 + 1)""{item} + (2 + 1)""{item} + (3 + 1)""{item} + (4 + 1)""{item} + (5 + 1)""{item} + (6 + 1)""{item} + (7 + 1)""{item} + (8 + 1)""{item} + (9 + 1)""{item} + (10 + 1)""{item} + (11 + 1)";
}

.view-display-id-peinture .view-content {
  grid-template-areas: ". . . . . . item2 item2 item2 item2 item2 item2 item2 item2"". . . . . . item2 item2 item2 item2 item2 item2 item2 item2"". . item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item2"". . item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item2"". . item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item2""item3 item3 item3 item3 item3 item3 item2 item2 item2 item2 item2 item2 item2 item2""item3 item3 item3 item3 item3 item3 item2 item2 item2 item2 item2 item2 item2 item2""item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 . .""item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 . .""item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 . ."". . . . . . item4 item4 item4 item4 item4 item4 . ."". . . . . . item4 item4 item4 item4 item4 item4 . ."". . . . item5 item5 item5 item5 item5 item5 . . . ."". . . . item5 item5 item5 item5 item5 item5 . . . ."". . . . item5 item5 item5 item5 item5 item5 . . . ."". . . . item5 item5 item5 item5 item5 item5 . . . ."". . . . item5 item5 item5 item5 item5 item5 . . . ."". . . . item5 item5 item5 item5 item5 item5 . . . .";
}

.view-display-id-bs_paysages .view-content {
  grid-template-areas: ". . . . . . item2 item2 item2 item2 item2 item2 item2 item2"". . . . . . item2 item2 item2 item2 item2 item2 item2 item2""item1 item1 item1 item1 item1 . item2 item2 item2 item2 item2 item2 item2 item2""item1 item1 item1 item1 item1 . item2 item2 item2 item2 item2 item2 item2 item2""item1 item1 item1 item1 item1 . item2 item2 item2 item2 item2 item2 item2 item2""item3 item3 item3 item3 item4 item4 item4 item4 item5 item5 item5 item5 item5 item5""item3 item3 item3 item3 item4 item4 item4 item4 item5 item5 item5 item5 item5 item5""item6 item6 item6 item6 item7 item7 item7 item7 item5 item5 item5 item5 item5 item5""item6 item6 item6 item6 item7 item7 item7 item7 . . . . . .""item8 item8 item8 item8 item8 item8 item8 item9 item9 item9 item9 . . .""item8 item8 item8 item8 item8 item8 item8 item9 item9 item9 item9 . . .""item8 item8 item8 item8 item8 item8 item8 item9 item9 item9 item9 . . .""item8 item8 item8 item8 item8 item8 item8 . . . . . . .";
}

.view-display-id-bs_objets .view-content {
  grid-template-areas: ". item1 item1 item1 item1 item2 item2 item2 item2 item3 item3 item3 item3 ."". item1 item1 item1 item1 item2 item2 item2 item2 item3 item3 item3 item3 ."". item1 item1 item1 item1 item2 item2 item2 item2 item3 item3 item3 item3 ."". item4 item4 item4 item4 item5 item5 item5 item5 item6 item6 item6 item6 ."". item4 item4 item4 item4 item5 item5 item5 item5 item6 item6 item6 item6 ."". item4 item4 item4 item4 item5 item5 item5 item5 item6 item6 item6 item6 ."". item7 item7 item7 item7 item8 item8 item8 item8 item9 item9 item9 item9 ."". item7 item7 item7 item7 item8 item8 item8 item8 item9 item9 item9 item9 ."". item7 item7 item7 item7 item8 item8 item8 item8 item9 item9 item9 item9 ."". item10 item10 item10 item10 item11 item11 item11 item11 item12 item12 item12 item12 ."". item10 item10 item10 item10 item11 item11 item11 item11 item12 item12 item12 item12 ."". item10 item10 item10 item10 item11 item11 item11 item11 item12 item12 item12 item12 ."". item13 item13 item13 item13 item14 item14 item14 item14 item15 item15 item15 item15 ."". item13 item13 item13 item13 item14 item14 item14 item14 item15 item15 item15 item15 ."". item13 item13 item13 item13 item14 item14 item14 item14 item15 item15 item15 item15 ."". . . . . . . . . . . . . ."". . . . . . . . . . . .  . ."". . . . . . . item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item17 item17 item17 item17 item17 item17 item17""item16 item16 item16 item16 item16 item16 item16 item18 item18 item18 item18 . . ."". . . . . . . item18 item18 item18 item18 . . ."". . . . . . . item18 item18 item18 item18 . . .";
}

.view-display-id-bs_tate_croquette .view-content {
  grid-template-areas: ". . . . . . . . item1 item1 item1 item1 item1 item1"". . . . . . . . item1 item1 item1 item1 item1 item1"". . . . . . . . item1 item1 item1 item1 item1 item1"". . . . . . . . item1 item1 item1 item1 item1 item1""item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 item3 item3""item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 item3 item3""item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 item3 item3""item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 item3 item3""item4 item4 item4 item4 item4 item4 item3 item3 item3 item3 item3 item3 item3 item3""item4 item4 item4 item4 item4 item4 item3 item3 item3 item3 item3 item3 item3 item3""item4 item4 item4 item4 item4 item4 item3 item3 item3 item3 item3 item3 item3 item3""item4 item4 item4 item4 item4 item4 item3 item3 item3 item3 item3 item3 item3 item3"". item5 item5 item5 item5 item5 . . item6 item6 item6 item6 item6 item6"". item5 item5 item5 item5 item5 . . item6 item6 item6 item6 item6 item6"". item5 item5 item5 item5 item5 . . item6 item6 item6 item6 item6 item6"". item5 item5 item5 item5 item5 . . item6 item6 item6 item6 item6 item6";
}

.view-display-id-bs_tate_croquette .view-content div:nth-child(4),
.view-display-id-bs_tate_croquette .view-content div:nth-child(5) {
  margin-top: 40px;
}

.view-display-id-bs_tate_croquette .view-content div:nth-child(3) {
  align-self: center;
}

.view-display-id-bs_extractions .view-content {
  grid-template-areas: "item1 item1 item1 item1 . . . . . . . . . .""item1 item1 item1 item1 . . . . . . . item3 item3 item3""item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item3 item3 item3""item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item3 item3 item3"". . . . item2 item2 item2 item2 item2 item2 item2 item3 item3 item3"". . . . item2 item2 item2 item2 item2 item2 item2 . . ."". . . . item2 item2 item2 item2 item2 item2 item2 . . ."". . item4 item4 item4 item4 . . . . . . . ."". . item4 item4 item4 item4 . . . . . . . ."". . item4 item4 item4 item4 item5 item5 item5 item5 item5 item5 item5 ."". . item4 item4 item4 item4 item5 item5 item5 item5 item5 item5 item5 ."". . . . . . item5 item5 item5 item5 item5 item5 item5 ."". . . . . . item5 item5 item5 item5 item5 item5 item5 ."". . . . . . item5 item5 item5 item5 item5 item5 item5 ."". item6 item6 item6 item6 item6 item6 item6 . . . . . ."". item6 item6 item6 item6 item6 item6 item6 . . . . . ."". item6 item6 item6 item6 item6 item6 item6 . . . . . ."". item6 item6 item6 item6 item6 item6 item6 . . . . . ."". item6 item6 item6 item6 item6 item6 item6 . . . . . ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". . . item7 item7 item7 item7 item7 item7 item7 item7 item7 item7 ."". item8 item8 item8 item8 item8 item8 item8 . . . . . ."". item8 item8 item8 item8 item8 item8 item8 . . . . . ."". item8 item8 item8 item8 item8 item8 item8 . . . . . ."". item8 item8 item8 item8 item8 item8 item8 . . . . . ."". item8 item8 item8 item8 item8 item8 item8 . . . . . .";
}

/* PHOTOGRAPHIES*/
.view-display-id-page_photo .view-content {
  grid-template-areas: "item1 item1 item1 item1 item1 item1 item1 item1 . . . . . .""item1 item1 item1 item1 item1 item1 item1 item1 . . . . . .""item1 item1 item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2""item1 item1 item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2"". . item3 item3 item3 item3 item3 item3 . . . . . ."". . item3 item3 item3 item3 item3 item3 . . . . . .";
}

.view-display-id-page_photo_deja_vu .view-content>div {
  grid-row: span 3;
}

.view-display-id-page_photo_deja_vu .view-content>div:nth-child(1) {
  grid-column: span 12;
  column-count: 3;
  column-gap: 40px;
}

.view-display-id-page_photo_deja_vu .view-content>div:nth-child(n+2) {
  grid-column: span 4;
}

/* Views */
.bs-generic-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  text-align: center;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  min-width: 100%;
  pointer-events: none;
  color: white;
  font-size: 8rem;
}

.bs-generic-title span {
  display: block;
}

.bs-generic-img {
  background-color: #000;
}

.bs-image-description {
  position: absolute;
  padding-top: 0.25rem;
  visibility: hidden;
  opacity: 0;
}

.bs-image-description p {
  font-size: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.views-row:hover .bs-generic-title,
.views-row:hover .bs-image-description {
  visibility: visible;
  opacity: 1;
}

.views-row:hover img {
  opacity: 0.8;
}

/*animation*/
@keyframes appears {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scale {
  0% {
    transform: scale(0.7);
  }

  100% {
    transform: scale(1);
  }
}

/* BackToTop button */
.bs-back-to-top {
  background-color: #fff;
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 100px;
  left: 90%;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s;
}

.bs-back-to-top i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/**
* Variables.
*/
/**
* Override Bootstrap theme.
*/
/*Global */
body {
  font-family: "Montserrat-regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--bs-black);
}

a:focus:focus {
  /* outline: unset; */
}

/* header */
.page-header {
  border-bottom: none;
}

.page-header.bs-page-title {
  font-family: "Montserrat-regular";
  font-size: 18px;
}

/* Brand */
.navbar-brand a:link {
  text-transform: uppercase;
  color: var(--bs-gray-800);
  /* font-size: 1.25rem; */
  font-family: "Montserrat-semi-bold";
  transition: color .2s;
}

.navbar-brand a:hover,
.navbar-brand a:focus {
  color: var(--bs-black);
  font-family: "Montserrat-semi-bold";
}

/* Menus navbar-nav */
.navbar-nav a:hover,
.navbar-nav a:focus {
  text-decoration: underline dotted;
  text-underline-offset: 0.25rem;
}

.navbar-nav a.is-active {
  font-family: "Montserrat-semi-bold";
}

@media screen and (min-width: 768px) {
  .navbar-default {
    padding: 0;
  }

  .navbar-default .navbar-brand {
    padding: 15px 0;
  }

  .navbar-default .navbar-collapse {
    padding-right: 0;
  }

  .navbar-default .navbar-nav {
    float: right;
  }
}

@media screen and (min-width: 768px) {
  footer.footer.container {
    padding: 15px 0;
  }

  .menu.menu--footer.nav li:first-child>a {
    padding-right: 0;
  }
}