/* ---------------------------------------- fonts */

@font-face {
  font-family: Every-HEAD;
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/every/Every-HEADMedium.woff2') format('woff2'), url('../../fonts/Every-HEADMedium.woff') format('woff');
}

@font-face {
  font-family: Every-HEAD;
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/every/Every-HEADMediumItalic.woff2') format('woff2'), url('../../fonts/Every-HEADMediumItalic.woff') format('woff');
}

@font-face {
  font-family: Every-MICRO;
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/every/Every-MICRORegularItalic.woff2') format('woff2'), url('../../fonts/Every-MICRORegularItalic.woff') format('woff');
}

@font-face {
  font-family: Every-TEXT;
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/every/Every-TEXTMedium.woff2') format('woff2'), url('../../fonts/Every-TEXTMedium.woff') format('woff');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/nexa/Nexa-Thin.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 100;
  src: url('../../fonts/nexa/Nexa-Thin-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 200;
  src: url('../../fonts/nexa/Nexa-Light.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 200;
  src: url('../../fonts/nexa/Nexa-Light-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/nexa/Nexa-Book.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/nexa/Nexa-Book-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/nexa/Nexa-Regular.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/nexa/Nexa-Regular-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/nexa/Nexa-Bold.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 500;
  src: url('../../fonts/nexa/Nexa-Bold-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/nexa/Nexa-XBold.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 600;
  src: url('../../fonts/nexa/Nexa-XBold-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/nexa/Nexa-Heavy.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/nexa/Nexa-Heavy-Italic.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: normal;
  font-weight: 800;
  src: url('../../fonts/nexa/Nexa-Black.otf') format('opentype');
}

@font-face {
  font-family: Nexa;
  font-style: italic;
  font-weight: 800;
  src: url('../../fonts/nexa/Nexa-Black-Italic.otf') format('opentype');
}

/* ---------------------------------------- colors */

body {
  --color-vert-base: #1c5439;
  --color-vert-base-80: #1c5439cc;
  --color-vert-light: #e8eeeb;
  --color-violet-base: #582345;
  --color-violet-base-80: #582345cc;
  --color-violet-light: #744964;
  --color-orange-base: #ff8e00;
  --color-orange-medium: #ffbb66;
  --color-orange-light: #ffe8cc;
  --color-gris-base: #d9d9d6;
  --color-gris-medium: #93969a;
  --color-gris-dark: #252d38;
  --color-gris-dark-80: #252d38cc;
  --color-gris-light: #dfdfe1;
  --color-blanc-80: #ffffffd2;
  --color-bleu-base: #5777ff;
  --color-bleu-dark: #233f58;
}

/* ---------------------------------------- global */

html {
  scroll-behavior: smooth;
}

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}

body {
  background: white;
  font-family: Nexa, sans-serif;
	font-weight: 500;
  font-size: 1rem;
	line-height: 1.5;
  color: var(--color-vert-base);
}

h1 {
  font-family: Every-HEAD;
  font-style: italic;
  font-size: 2rem;
  line-height: 1.3;
}

h2 {
  font-size: 1.4rem;
  line-height: 1.3;
}

@media screen and (max-width: 48em) {
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.2rem;
  }
}

h3 {
  font-size: small;
  text-transform: uppercase;
  margin-bottom: 0;
}

a {
  outline: none;
  text-decoration: none;
  color: var(--color-orange-base);
}

::placeholder {
  color: var(--color-gris-medium);
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--color-gris-medium);
}

/* ---------------------------------------- header */

header {
  background-color: var(--color-violet-base);
}

.test header {
  background-color: var(--color-bleu-dark);
}

.block-local-tasks-block {
  background-color: white;
}

.block-local-tasks-block ul.tabs {
  margin: 0;
}

.block-system-branding-block {
  padding: 1rem 2rem 1rem 2rem;
}

.site-logo img {
  height: 7rem;
}

.region.region-primary-menu {
  background-color: var(--color-violet-base);
  margin-top: -1rem;
}

.test .region.region-primary-menu {
  background-color: var(--color-bleu-dark);
}

/* ---------------------------------------- menu Drupal core */

nav.menu--main {
  position: relative;
}

nav.menu--main ul.menu {
  color: white;
  text-transform: uppercase;
  font-family: Nexa;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
  line-height: 2;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 0.5rem 2rem;
}

nav.menu--main ul.menu--level-1 {
  padding: 0.5rem 2rem 0 2rem;
  height: 2rem;
  position: relative;
}

nav.menu--main li.menu__item--level-1 {
}

nav.menu--main ul.menu--level-2 {
  display: none;
  position: absolute;
  top: 2.5rem;
  z-index: 1;
  background-color: white;
  padding: 0.5rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

nav.menu--main li.menu__item--level-1.menu__item--has-children:hover ul.menu--level-2 {
  display: block;
}

nav.menu--main li.menu__item--level-1.menu__item--nolink > span.menu__link--nolink {
  color: white;
}

nav.menu--main li.menu__item--level-2.menu__item--nolink > span.menu__link--nolink {
  color: var(--color-orange-base);
}

nav.menu--main li.menu__item--level-1 > a {
  color: white;
}

nav.menu--main li.menu__item--level-2 > a {
  color: var(--color-orange-base);
}

nav.menu--main li.menu__item--level-2:hover > a {
  color: var(--color-violet-light) !important;
}

nav.menu--main li.menu__item--level-1.menu__item--active-trail > a {
  color: var(--color-orange-base);
}

nav.menu--main ul.menu--level-1 > li.menu__item > a.is-active {
  color: var(--color-orange-base);
}

nav.menu--main ul.menu--level-2 > li.menu__item > a.is-active {
  color: var(--color-orange-base);
}

nav.menu--main li.menu__item--level-1.menu__item--active-trail ul.menu--level-2 > li.menu__item > a.is-active {
  color: var(--color-violet-light);
}

nav.menu--main #mobile-menu {
  display: none;
  position: absolute;
  top: -6rem;
  right: 3rem;
  font-size: 3rem;
  color: white;
  cursor: pointer;
}

@media (max-width: 75rem) {
  nav.menu--main #mobile-menu {
    display: block;
    position: absolute;
    top: -6rem;
    right: 3rem;
    font-size: 3rem;
  }
  nav.menu--main ul.menu--level-1 {
    display: none;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--color-violet-base);
    height: fit-content;
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
    text-align: center;
  }
  nav.menu--main ul.menu--level-1.show-menu {
    display: block;
  }
  nav.menu--main li.menu__item--level-1 {
    background-color: var(--color-violet-light);
    margin: 1rem 0;
  }
  nav.menu--main ul.menu--level-2 {
    display: block;
    position: relative;
    top: 0;
    background-color: var(--color-violet-base);
    font-size: 1.2rem;
    text-align: center;
  }
}

.page-node-type-exposition nav.menu--main #mobile-menu {
  display: block;
}
.page-node-type-exposition nav.menu--main ul.menu--level-1 {
  display: none;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-violet-base);
  height: fit-content;
  width: 100%;
  padding: 0;
  font-size: 1.5rem;
  text-align: center;
}
.page-node-type-exposition nav.menu--main ul.menu--level-1.show-menu {
  display: block;
}
.page-node-type-exposition nav.menu--main li.menu__item--level-1 {
  background-color: var(--color-violet-light);
  margin: 1rem 0;
}
.page-node-type-exposition nav.menu--main ul.menu--level-2 {
  display: block;
  position: relative;
  top: 0;
  background-color: var(--color-violet-base);
  font-size: 1.2rem;
  text-align: center;
}


/*
nav > ul.menu ul.menu {
  display: none;
  position: absolute;
  top: 2rem;
  z-index: 1;
}

nav > ul.menu .menu-item.menu-item--expanded ul.menu {
  display: block;
}

nav > ul.menu .menu-item.menu-item--collapsed:hover ul.menu {
  display: block;
}

ul.menu a {
  color: white;
}

ul.menu a.is-active {
  color: white;
}

ul.menu .menu-item {
  display: flex;
  align-items: center;
}

ul.menu .menu-item.menu-item--collapsed {
  list-style-type: none;
  list-style-image: none;
}

ul.menu .menu-item.menu-item--collapsed::after {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230d77b5'/%3e%3c/svg%3e");
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  transition: transform 0.12s ease-in 0s;
  width: 1rem;
  height: 2rem;
  display: block;
  filter: invert(1);
}
*/
/* ---------------------------------------- fil d'ariane */

.region-breadcrumb {
  background-image: linear-gradient(to right, var(--color-orange-light), var(--color-orange-base));
}

.breadcrumb {
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  font-family: Nexa;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
}

.breadcrumb ol {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumb li::before {
  content: ">";
  margin: 0 0.1rem;
}

.breadcrumb li a {
  color: var(--color-violet-base);
}

/* ---------------------------------------- pager */

nav.pager {
  margin: 2rem 0 0 0;
}

nav.pager ul.pager__items {
  padding-left: 0;
}

nav.pager li.pager__item.is-active a {
  color: white;
  background-color: var(--color-orange-base);
  padding: 0.6rem 0.8rem;
  text-align: center;
}

.view-header {
  text-align: center;
  margin: 0 0 3rem 0;
}

.view-footer {
  text-align: center;
  margin: 2rem 0 0 0;
}

/* ---------------------------------------- layout builder styles --> génériques */

.lb-show {
  display: block;
}

.lb-hide {
  display: none;
}

.lb-small {
  font-size: small;
}

.fond-vert {
  background-color: var(--color-vert-base);
}

.fond-vert-light {
  background-color: var(--color-vert-light);
}

.fond-vert-trans {
  background-color: var(--color-vert-base-80);
}

.fond-violet {
  background-color: var(--color-violet-base);
}

.fond-violet-light {
  background-color: var(--color-violet-light);
}

.fond-orange {
  background-color: var(--color-orange-medium);
}

.fond-gris {
  background-color: var(--color-gris-dark);
}

.fond-gris-base {
  background-color: var(--color-gris-base);
}

.fond-gris-medium {
  background-color: var(--color-gris-medium);
}

.fond-gris-light {
  background-color: var(--color-gris-light);
}

.fond-blanc-trans {
  background-color: var(--color-blanc-80);
}

.texte-blanc {
  color: white;
}

.texte-violet {
  color: var(--color-violet-base);
}

.texte-vert-light {
  color: var(--color-vert-light);
}

.texte-gris-dark {
  color: var(--color-gris-dark);
}

.filtre-vert img {
  filter: sepia(1) hue-rotate(90deg) contrast(0.8) brightness(0.8);
}

.filtre-gris img {
  filter: sepia(0.2) saturate(0.7) brightness(0.5);
}

.section-accessible {
  padding: 2rem 0;
}

.layout--onecol .block {
  max-width: 68rem;
  margin: 0 auto;
}

.layout--onecol .block.lb-bloc-50-left {
  max-width: 32rem;
  padding-right: 36rem;
  padding-left: 0;
}

.layout--onecol .block.lb-bloc-50-center {
  max-width: 34rem;
  text-align: center;
}

.layout--onecol .block.lb-bloc-50-center img {
  max-width: 100%;
  height: auto;
}

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

.layout__region .block {
  padding: 2rem;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 100%;
  }
  .layout--twocol-section--50-50 .layout__region--first .block {
    margin: 0 auto;
  }
  .layout--twocol-section--50-50 .layout__region--second .block {
    margin: 0 auto;
  }
  .layout--twocol-section--50-50 .block {
    max-width: 100%;
  }
}

@media screen and (min-width: 48em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
  .layout--twocol-section--50-50 .layout__region--first .block {
    margin: 0 0 0 auto;
  }
  .layout--twocol-section--50-50 .layout__region--second .block {
    margin: 0 auto 0 0;
  }
  .layout--twocol-section--50-50 .block {
    max-width: 32rem;
  }
}

.lb-bloc-3-cols .field--name-body {
  column-count: 3;
}

@media screen and (max-width: 56em) {
  .lb-bloc-3-cols .field--name-body {
    column-count: 2;
  }
}

@media screen and (max-width: 48em) {
  .layout--twocol-section--50-50 .layout__region--second .block {
    padding-top: 0;
}
}

@media screen and (max-width: 40em) {
  .lb-bloc-3-cols .field--name-body {
    column-count: 1;
  }
}

.lb-bloc-redac {
  font-weight: 300;
}

.lb-bloc-redac p {
  margin: 0 0 1.5rem 0;
}

.lb-bloc-redac h2 {
  margin: 0 0 1.5rem 0;
  font-family: Every-HEAD;
  font-style: italic;
  font-size: 1.5rem;
  line-height: 1;
}

.lb-bloc-redac ul {
  list-style: none;
  padding: 0;
}

.lb-bloc-redac li {
  padding: 1rem 0;
  border-top: 0.07rem solid var(--color-gris-dark);
}

.lb-bloc-redac li:first-of-type {
  padding-top: 0;
  border-top: none;
}

.lb-bloc-redac .lb-logo-simple {
  text-align: center;
  margin: 4rem 0 3rem 0;
}

.lb-bloc-redac .lb-logo-simple img {
  width: 60%;
  height: auto;
}

/* ---------------------------------------- layout builder styles --> page d'accueil */

.lb-accueil-section-recherche {
  height: 40rem;
  background-image: url('/sites/default/files/2024-07/01-imag_hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 80%;
}

.lb-accueil-section-recherche > div:first-of-type {
  background-color: var(--color-vert-base-80);
}

.lb-accueil-section-recherche .texte-blanc .views-field-nid {
  max-width: 34rem;
}

/* ---------------------------------------- layout builder styles --> page de recherche */

.lb-recherche-section-formulaire {
  background-image: url('/sites/default/files/2024-07/01-imag_hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 30%;
}

.lb-recherche-section-formulaire > div:first-of-type {
  background-color: var(--color-vert-base-80);
}

.lb-recherche-section-filtres {
  border-bottom: 0.08rem solid var(--color-vert-base);
}

.lb-recherche-section-resultats .view-header {
  text-align: left;
  width: fit-content;
}

.lb-recherche-section-resultats .view-header > div {
  border-bottom: 0.08rem solid var(--color-vert-base);
  padding: 0.5rem 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.04rem;
}

.lb-recherche-section-resultats .view-header .lb-search-results span {
  color: var(--color-orange-base);
}

.lb-recherche-section-resultats .view-header .lb-search-results,
.lb-recherche-section-resultats .view-header .lb-view-mode,
.lb-recherche-section-resultats .view-header .lb-sort {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lb-recherche-section-resultats .view-header .lb-buttons-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: 2rem;
  gap: 0.5rem;
}

.lb-recherche-section-resultats .view-header .lb-search-results > div:first-of-type,
.lb-recherche-section-resultats .view-header .lb-view-mode > div:first-of-type,
.lb-recherche-section-resultats .view-header .lb-sort > div:first-of-type {
  margin: 0;
  padding: 0.25rem 0 0.1rem 0;
}

.lb-recherche-section-resultats .view-header .lb-buttons-group > .lb-button {
  margin: 0;
  padding: 0.25rem 0 0.1rem 0;
  cursor: pointer;
  width: 5rem;
  text-align: center;
  background-color: var(--color-gris-base);
}

.lb-recherche-section-resultats .view-header .lb-buttons-group > .lb-button.is-active,
.lb-recherche-section-resultats .view-header .lb-buttons-group > .lb-button:hover {
  color: white;
  background-color: var(--color-orange-base);
}

.lb-sort-icon {
  padding-left: 0.25rem;
}

/* ---------------------------------------- layout builder styles --> page des contributions */

.lb-contributions-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/images_hero_contributions.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 12%;
}

.lb-contributions-section-hero > div:first-of-type {
  background-color: var(--color-blanc-80);
  padding-bottom: 0;
}

.lb-contributions-section-description {
  border-top: 0.07rem solid var(--color-gris-dark);
  border-bottom: 0.07rem solid var(--color-gris-dark);
}

.lb-contributions-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-contributions-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

.lb-contributions-section-recherche-formulaire {
  border-top: 0.07rem solid var(--color-gris-dark);
  margin-top: 0.5rem;
}

.lb-iso-sizer-50 {
  width: 50%;
}

.lb-iso-sizer-30 {
  width: 30%;
}

.lb-iso-sizer-33 {
  width: 33%;
}

.lb-iso-img {
}

.lb-iso-img img {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  /*filter: sepia(0.2) saturate(0.7) brightness(0.5);*/
  transition: 0.2s;
}

.lb-iso-img:hover img {
  transform: scale(1.05);
  filter: unset;
  z-index: 1;
}

.lb-iso-sizer-auto {
  width: 128px;
}
.lb-iso-img-iso_1x1 {
  width: 128px;
  height: 128px;
}
.lb-iso-img-iso_1x2 {
  width: 128px;
  height: 256px;
}
.lb-iso-img-iso_2x1 {
  width: 256px;
  height: 128px;
}
.lb-iso-img-iso_2x2 {
  width: 256px;
  height: 256px;
}

.lb-bloc-cards-contributions .views-row {
  display: grid;
  grid-template-columns: 12rem 1fr;
  grid-template-rows: 3rem 4rem 1fr auto;
  box-shadow: 0 0 0 0.07rem var(--color-gris-dark);
  /*box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);*/
  background-color: white;
  height: 14rem;
  width: calc(50% - 1rem);
  transition: 0.2s;
  margin-bottom: 1rem;
  cursor: zoom-in;
  overflow: hidden;
}

.lb-bloc-cards-contributions .views-field-field-visuel {
  grid-column: 1;
  grid-row: 1 / 5;
  overflow: hidden;
  border-right: 0.07rem solid var(--color-gris-dark);
  height: 14rem;
}

.lb-bloc-cards-contributions .views-field-field-visuel img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center 30%;
}

.lb-bloc-cards-contributions .views-field-date {
  grid-column: 2;
  grid-row: 1;
  padding: 1.5rem 1rem 0 2rem;
  font-weight: 400;
  font-size: small;
}

.lb-bloc-cards-contributions .views-field-auteur {
  grid-column: 2;
  grid-row: 2;
  padding: 0 1rem 0 2rem;
  font-size: larger;
  font-family: Every-HEAD;
  font-style: italic;
  font-weight: bold;
}

.lb-bloc-cards-contributions .views-field-texte {
  grid-column: 2;
  grid-row: 3;
  padding: 0 1rem 0 2rem;
  font-size: smaller;
}

.lb-bloc-cards-contributions .views-field-texte .field-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -moz-box-orient: vertical;
  overflow: hidden;
}

.lb-bloc-cards-contributions .views-field-nid {
  grid-column: 2;
  grid-row: 4;
  padding: 0.5rem 1rem 1rem 2rem;
  display: none;
}

.lb-bloc-cards-contributions .views-field-nid .field-content::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/angle-right.svg');
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.25rem;
}

.lb-bloc-cards-contributions .views-field-nid .field-content {
  text-transform: uppercase;
}

.lb-bloc-cards-contributions .views-row.is-active {
  height: unset;
  cursor: zoom-out;

}

.lb-bloc-cards-contributions .views-row.is-active .views-field-field-visuel {
  border-bottom: 0.07rem solid var(--color-gris-dark);
}

.lb-bloc-cards-contributions .views-row.is-active .views-field-texte .field-content {
  display: block;
}

.lb-bloc-cards-contributions .views-row.is-active .views-field-nid {
  display: block;
}

@media screen and (max-width: 56em) {
  .lb-iso-sizer {
    width: 100%;
  }
  .lb-bloc-cards-contributions .views-row {
    width: 100%;
    grid-template-columns: 20% 1fr;
  }
}


#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats .form-item-text {
  width: 100%;
}

#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats #edit-text {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 0.07rem solid var(--color-gris-dark);
  font-size: large;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='' height='24' viewBox='0 0 18 18.8'%3e %3cpath fill='%23a0a0a0' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  outline: none;
  padding-top: 0.5rem;
}

#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats #edit-actions,
#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats .form-item-sort-by,
#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats .form-item-sort-order,
#views-exposed-form-bpy-recherche-contributions-block-recherche-resultats .form-item-items-per-page {
  display: none;
}

/* ---------------------------------------- layout builder styles --> page des chroniques */

.lb-chroniques-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/images_hero_chroniques.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 80%;
}

.lb-chroniques-section-hero > div:first-of-type {
  background-color: var(--color-gris-dark-80);
  padding-bottom: 0;
}

.lb-chroniques-section-description {
  align-items: stretch;
  border-top: 0.07rem solid var(--color-gris-dark);
  border-bottom: 0.07rem solid var(--color-gris-dark);
  overflow: hidden;
  font-family: Every-HEAD;
  font-style: italic;
}

.lb-chroniques-bloc-description-g {
  background-image: url('/sites/default/files/2024-09/img_header_machineecrire.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 70%;
  height: 100%;
  min-height: 12rem;
}

.layout__region .block.lb-chroniques-bloc-description-d {
  padding: 3rem 2rem 6rem 2rem;
}

.lb-chroniques-bloc-description-d .bpy-symbol-filet img {
  filter: invert(1);
  width: 16rem;
  height: 1rem;
}

.lb-chroniques-section-recherche-formulaire {
  border-top: 0.07rem solid var(--color-gris-dark);
  margin-top: 0.5rem;
}

.lb-chroniques-section-recherche-formulaire .lb-view-mode {
  display: flex;
  align-items: center;
}

.lb-chroniques-section-recherche-formulaire .lb-view-mode h3 {
  margin: 0;
}

.lb-chroniques-section-recherche-formulaire .lb-view-mode .lb-buttons-group {
  display: flex;
  margin-left: 2rem;
  gap: 0.5rem;
}

.lb-chroniques-section-recherche-formulaire .lb-view-mode .lb-button {
  padding: 0.5rem;
  width: 1.5rem;
  text-align: center;
  cursor: pointer;
}

.lb-chroniques-section-recherche-formulaire .lb-view-mode .lb-button:hover,
.lb-chroniques-section-recherche-formulaire .lb-view-mode .lb-button.is-active {
  background-color: var(--color-orange-medium);
  color: white;
}

#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats .form-item-text {
  width: 100%;
}

#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats #edit-text {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 0.07rem solid var(--color-gris-dark);
  font-size: large;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='' height='24' viewBox='0 0 18 18.8'%3e %3cpath fill='%23a0a0a0' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  outline: none;
  padding-top: 0.5rem;
}

#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats #edit-actions,
#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats .form-item-sort-by,
#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats .form-item-sort-order,
#views-exposed-form-bpy-recherche-chroniques-block-recherche-resultats .form-item-items-per-page {
  display: none;
}

.lb-bloc-cards-chroniques .views-row {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: min-content auto auto;
  border-top: 0.07rem solid var(--color-gris-dark);
  border-bottom: 0.07rem solid var(--color-gris-dark);
  margin-top: 0.5rem;
  overflow: hidden;
}

.lb-bloc-cards-chroniques .views-field-date-titre {
  grid-column: 1 / 3;
  grid-row: 1;
  border-bottom: 0.07rem solid var(--color-gris-dark);
  padding: 1rem 0 0.5rem 0;
}

.lb-bloc-cards-chroniques .views-field-date-titre:hover {
  background: var(--color-orange-medium);
  color: white;
}

.lb-bloc-cards-chroniques .views-field-date-titre .field-content {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  position: relative;
  cursor: pointer;
  font-size: small;
}

.lb-bloc-cards-chroniques .views-field-date-titre .field-content::after {
  content: '\002B';
  font-weight: bold;
  font-size: 2rem;
  margin-left: 0.5rem;
  transition: 0.2s;
  position: absolute;
  right: 0;
  top: calc(50% - 1.5rem);
}

.lb-bloc-cards-chroniques .views-field-date-titre:hover .field-content::after {
  transform: rotate(360deg);
}

.lb-bloc-cards-chroniques .views-field-date-titre h2 {
  margin: 0;
  font-family: Every-HEAD;
  font-style: italic;
}

.lb-bloc-cards-chroniques .views-field-texte {
  grid-column: 1;
  grid-row: 2;
  column-count: 2;
  border-right: 0.07rem solid var(--color-gris-dark);
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
  font-weight: 300;
}

.lb-bloc-cards-chroniques .views-field-texte p {
  margin: 0 0 1.6rem 0;
}

.lb-bloc-cards-chroniques .views-field-field-visuel {
  grid-column: 2;
  grid-row: 2;
  text-align: center;
  display: flex;
  padding: 0;
  max-height: 0;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.2s;
}

.lb-bloc-cards-chroniques .views-field-field-elements-lies {
  grid-column: 1;
  grid-row: 3;
  border-right: 0.07rem solid var(--color-gris-dark);
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
}

.lb-bloc-cards-chroniques .views-field-field-elements-lies .views-label {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.lb-bloc-cards-chroniques .views-field-field-elements-lies .field-content a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  line-height: 1.2;
}

.lb-bloc-cards-chroniques .views-field-field-elements-lies .field-content a::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/angle-right.svg');
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.25rem;
}

.lb-bloc-cards-chroniques .views-field-field-visuel img {
  object-fit: contain;
  width: calc(100% - 4rem);
  height: auto;
}

.lb-bloc-cards-chroniques .views-row.is-active .views-field-date-titre .field-content::after {
  content: '\2212';
}

.lb-bloc-cards-chroniques .views-row.is-active .views-field-texte {
  max-height: unset;
  padding: 3rem 1rem 2rem 0;
}

.lb-bloc-cards-chroniques .views-row.is-active .views-field-field-visuel {
  max-height: unset;
  padding: 2rem;
}

.lb-bloc-cards-chroniques .views-row.is-active .views-field-field-elements-lies {
  max-height: unset;
  padding: 0 1rem 2rem 0;
}

@media screen and (max-width: 68em) {
  .lb-bloc-cards-chroniques .views-field-texte {
    column-count: 1;
  }
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-chroniques .views-row {
    grid-template-columns: 100%;
  }
  .lb-bloc-cards-chroniques .views-field-date-titre {
    grid-row: 1;
  }
  .lb-bloc-cards-chroniques .views-field-texte {
    column-count: 1;
    grid-row: 3;
    border-right: none;
  }
  .lb-bloc-cards-chroniques .views-row.is-active .views-field-texte {
    padding: 1rem 0;
  }
  .lb-bloc-cards-chroniques .views-field-field-visuel {
    grid-column: 1;
    grid-row: 2;
  }
  .lb-bloc-cards-chroniques .views-row.is-active .views-field-field-visuel {
    padding: 2rem 0;
  }
  .lb-bloc-cards-chroniques .views-field-field-elements-lies {
    grid-column: 1;
    grid-row: 4;
    border-right: none;
  }
}

/* ---------------------------------------- layout builder styles --> page fondation */

.lb-fondation-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/images_hero_fondation.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 60%;
  /*border-bottom: 0.07rem solid var(--color-vert-light);*/
}

.lb-fondation-section-hero > div:first-of-type {
  background-color: var(--color-vert-base-80);
  padding-bottom: 0;
}

.lb-fondation-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-fondation-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

.lb-fondation-section-texte {
  padding: 2rem 0;
}

.lb-fondation-section-livre-blanc {
  background-image: url('/sites/default/files/2024-09/fond-livre-blanc_0.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 96%;
  background-position-y: 3%;
}

.lb-fondation-section-livre-blanc .layout__region--second .block:last-of-type {
  padding: 0 2rem;
}

.lb-fondation-section-livre-blanc .field--name-body {
  padding: 4rem 0 0 0;
  font-family: Every-HEAD;
  font-style: italic;
  position: relative;
  overflow: hidden;
}

.lb-fondation-section-livre-blanc .layout__region--second .block:last-of-type .field--name-body {
  padding: 0 0 12rem 0;
}

.lb-fondation-section-livre-blanc #lb-couv {
  width: 100%;
  max-width: 24rem;
  height: auto;
  position: absolute;
  bottom: -4rem;
  transition: 0.2s;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.lb-fondation-section-livre-blanc #lb-couv:hover {
  bottom: 0;
}

.lb-fondation-section-restauration {
  padding: 2rem 0;
  align-items: stretch;
}

.lb-fondation-section-restauration .lb-lien-element {
  color: transparent;
}

.lb-fondation-section-restauration .lb-lien-element::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/arrow-up-right-from-square.svg');
  display: inline-block;
  width: 0.8rem;
  padding-left: 0.25rem;
  filter: invert(55%) sepia(93%) saturate(2077%) hue-rotate(1deg) brightness(105%) contrast(105%);
}

.lb-fondation-section-membres {
  padding: 2rem 0;
  align-items: stretch;
}

.lb-fondation-section-membres .layout__region--first {
  background-image: url('/sites/default/files/2024-10/img-membres_collection_precieuse.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
}

@media screen and (max-width: 48em) {
  .lb-fondation-section-membres .layout__region--first {
    background-image: none;
  }
}

/* ---------------------------------------- layout builder styles --> page histoire */

.lb-histoire-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/images_hero_histoire.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 50%;
}

.lb-histoire-section-hero > div:first-of-type {
  background-color: var(--color-blanc-80);
  padding-bottom: 0;
}

.lb-histoire-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-histoire-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

.lb-histoire-section-origines {
  padding: 2rem 0;
}

.lb-histoire-section-conservation {
  padding: 2rem 0;
  align-items: stretch;
}

/* ---------------------------------------- layout builder styles --> page des coloriages */

.lb-coloriages-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/imag_hero_coloriage.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 65%;
}

.lb-coloriages-section-hero > div:first-of-type {
  background-color: var(--color-blanc-80);
  padding-bottom: 0;
}

.lb-coloriages-section-description {
  border-bottom: 0.07rem solid var(--color-bleu-base);
}

.lb-coloriages-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-coloriages-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

.lb-coloriages-section-liste .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 4rem 0;
}

.lb-coloriages-section-liste .views-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 16rem min-content min-content min-content;
  position: relative;
  color: var(--color-gris-dark);
  gap: 0.5rem;
  border: 0.07rem solid var(--color-bleu-base);
}

.lb-coloriages-section-liste .views-field.views-field-field-visuel {
  grid-column: 1;
  grid-row: 1;
  overflow: hidden;
  width: 100%;
}

.lb-coloriages-section-liste .views-field.views-field-field-visuel img {
  object-fit: contain;
  transition: 0.2s;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 16rem;
}

.lb-coloriages-section-liste .views-row:hover img {
  transform: scale(1.05);
}

.lb-coloriages-section-liste .views-field-field-elements-lies {
  grid-column: 1;
  grid-row: 3;
  padding: 0 1rem;
  font-size: small;
}

.lb-coloriages-section-liste .views-field-field-media-document {
  grid-column: 1;
  grid-row: 2;
  padding: 0 1rem;
  text-transform: uppercase;
}

.lb-coloriages-section-liste .views-field-field-media-document .field-content::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/angle-right.svg');
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.25rem;
}

@media screen and (max-width: 68em) {
  .lb-coloriages-section-liste .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 40em) {
  .lb-coloriages-section-liste .view-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* ---------------------------------------- layout builder styles --> page des compactus */

.lb-compactus-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/images_hero_compactus.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 65%;
}

.lb-compactus-section-hero > div:first-of-type {
  background-color: var(--color-blanc-80);
  padding-bottom: 0;
}

.lb-compactus-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-compactus-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

/* ---------------------------------------- layout builder styles --> page notice */

.lb-notice-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-10/notice-hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  border-bottom: 0.07rem solid var(--color-vert-light);
}

.lb-notice-section-hero > div:first-of-type {
  background-color: var(--color-vert-base-80);
  padding-bottom: 0;
}

.lb-notice-section-texte {
  align-items: baseline;
}

@media screen and (min-width: 48em) {
  .lb-notice-section-texte .layout__region--first .field--name-body {
    text-align: right;
  }
}

/* ---------------------------------------- layout builder styles --> page autour de la collection */

.lb-autour-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-11/hero-autour.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.lb-autour-section-hero > div:first-of-type {
  background-color: var(--color-violet-base-80);
  padding-bottom: 0;
}

.lb-autour-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-autour-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

/* ---------------------------------------- layout builder styles --> page des expos */

.lb-expos-section-hero {
  height: min(70vw, 32rem);
  background-image: url('/sites/default/files/2024-08/01-imag_hero_expovirtuelle.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 80%;
}

.lb-expos-section-hero > div:first-of-type {
  background-color: var(--color-violet-base-80);
  padding-bottom: 0;
}

.lb-expos-section-description .field--name-body {
  display: flex;
  align-items: center;
}

.lb-expos-section-description .field--name-body img {
  width: 16rem;
  max-width: 50%;
  height: auto;
}

/* ---------------------------------------- layout builder styles --> page d'expo */

.page-node-type-exposition footer {
  display: none;
}

.page-node-type-exposition .block-system-branding-block {
  position: relative;
  padding: 1rem 2rem 1rem 2rem;
  z-index: 1;
  width: fit-content;
}

.page-node-type-exposition .layout--onecol .block {
  max-width: 100%;
  margin: 0 auto;
}

.page-node-type-exposition .node__content {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 2.5rem calc(100vh - 21.5rem) 6rem 4.5rem;
  overflow: hidden;
}

.lb-expo-section-titre {
  display: flex;
  align-items: center;
}

.lb-expo-section-titre .layout__region .block {
  padding: 0 2rem;
}

.lb-expo-section-titre .views-field-title-1 h1 {
  font-size: 1.5rem;
  margin: 0;
}

.lb-expo-section-centre .layout__region .block {
  padding: 1rem 2rem;
}

.lb-expo-section-sources .layout__region .block {
  padding: 0.5rem 2rem;
  font-size: small;
}

.lb-expo-section-sources .views-row,
.lb-expo-section-centre .views-row {
  display: grid;
  grid-template-columns: 67% 1fr;
  grid-template-rows: 1fr;
  gap: 0 4rem;
}

.lb-expo-section-centre .flick-expo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lb-expo-section-centre .flick-expo .field-content {
  width: 100%;
  height: 100%;
  text-align: center;
}

.lb-expo-section-centre .flick-expo .flickity-viewport {
  width: 100%;
}

.lb-expo-section-centre .flick-expo .flickity-page-dots {
  bottom: -0.5rem;
}

.lb-expo-section-centre .flick-expo .flickity-page-dots .dot {
  background-color: var(--color-gris-base);
}

.lb-expo-section-centre .flick-expo img {
  height: calc(100vh - 24rem);
  width: 100%;
  object-fit: contain;
}

.lb-expo-section-centre .views-field-body {
  /*padding-right: 8rem;*/
  font-weight: 200;
}

.lb-expo-section-centre .views-field-body .bpy-expo-body-symbol img {
  width: 16rem;
  max-width: 100%;
  margin-top: 4rem;
}

.lb-expo-section-centre .views-field-player {
  display: none;
}

.pager-expo {
  background-color: var(--color-gris-dark);
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center;
  justify-content: space-between;
}

.pager-expo img {
  width: 2rem;
  height: auto;
}

.pager-expo .pager-next img,
.pager-expo .pager-previous img,
.pager-expo .pager-fullscreen img {
  width: 1.6rem;
}

.pager-expo .pager-top {
  text-transform: uppercase;
  font-size: smaller;
  text-align: center;
}

.pager-expo .pager-position {
  opacity: 0;
}

.pager-expo .pager-player {
  /*display: flex;*/
  display: none;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 68em), screen and (max-height: 58em) {
  .page-node-type-exposition .node__content {
    grid-template-rows: minmax(2.5rem, min-content) auto auto 4.5rem;
  }
  .lb-expo-section-sources .views-row,
  .lb-expo-section-centre .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .lb-expo-section-centre .flick-expo img {
    height: auto;
    width: 100%;
  }
  .pager-expo .pager-player {
    display: none;
  }
}

/* ---------------------------------------- layout builder styles --> 1ère page d'expo */

.page-node-type-exposition .expo-firstpage .node__content {
  grid-template-rows: calc(100vh - 13rem) 4.5rem;
}

.expo-firstpage .lb-expo-section-sources,
.expo-firstpage .lb-expo-section-titre {
  display: none;
}

.expo-firstpage .lb-expo-section-centre .layout__region .block {
  padding: 0;
}

.expo-firstpage .lb-expo-section-centre .views-row {
  grid-template-columns: 1fr 25% 25%;
  grid-template-rows: calc(100vh - 13rem);
  gap: 0;
}

.expo-firstpage .lb-expo-section-centre .flick-expo {
  grid-column: 1 / 3;
  grid-row: 1;
  max-height: calc(100vh - 13rem);
  overflow: hidden;
}

.expo-firstpage .lb-expo-section-centre .flick-expo .field-content {
  height: 100%;
  width: 100%;
}

.expo-firstpage .lb-expo-section-centre .flick-expo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: sepia(0.2) saturate(0.7) brightness(0.5);
}

.expo-firstpage .lb-expo-section-centre .views-field-body {
  grid-column: 2;
  grid-row: 1;
  padding-right: 1rem;
  padding-top: 3rem;
  z-index: 1;
  font-weight: 400;
}

.expo-firstpage .lb-expo-section-centre .views-field-body .bpy-expo-body-symbol {
  display: none;
}

.expo-firstpage .lb-expo-section-centre .views-field-player {
  display: block;
  grid-column: 3;
  grid-row: 1;
  overflow: hidden;
  background-color: white;
}

.expo-firstpage .lb-expo-section-centre .views-field-player .expo-img img {
  width: 10rem;
  height: auto;
  margin: 3rem 0 0 0;
}

.expo-firstpage .lb-expo-section-centre .views-field-player .expo-play img {
  width: 3.2rem;
  height: auto;
  margin: 0 0 0 1.2rem;
}

.expo-firstpage .lb-expo-section-centre .views-field-player .expo-text {
  text-transform: uppercase;
  font-size: smaller;
  margin: 0.5rem 0 0 1.2rem;
  max-width: 12rem;
}

@media screen and (max-width: 68em), screen and (max-height: 58em) {
  .page-node-type-exposition .expo-firstpage .node__content {
    grid-template-rows: auto 4.5rem;
  }
  .expo-firstpage .lb-expo-section-centre .views-row {
    grid-template-rows: minmax(calc(100vh - 13rem), 100%);
  }
  .expo-firstpage .lb-expo-section-centre .flick-expo {
    grid-column: 1 / 3;
    max-height: unset;
  }
  .expo-firstpage .lb-expo-section-centre .views-field-body {
    grid-column: 1 / 3;
    padding-left: 1rem;
    padding-bottom: 1rem;
  }
}

/* ---------------------------------------- layout builder styles --> carousel flickity */

.block.lb-bloc-carousel {
  height: 40rem;
  padding: 0;
}

.lb-bloc-carousel .views-row {
  max-width: 100%;
}

.lb-bloc-carousel .flickity-viewport {
  max-width: 68rem;
  padding-bottom: 2rem;
}

.lb-bloc-carousel .field-content {
  overflow: hidden;
}

.lb-bloc-carousel img {
  object-fit: cover;
  width: 68rem;
  max-height: 34rem;
  max-width: 100%;
  transition: 0.2s;
}

.lb-bloc-carousel .flickity-slider .views-row:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-carousel .views-field-title {
  text-align: center;
  margin-top: 0.5rem;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
}

.lb-bloc-carousel a {
  color: white;
}

.lb-bloc-carousel .flickity-page-dots {
  bottom: 0;
}

.lb-bloc-carousel .flickity-page-dots .dot {
  background: white;
}

.lb-bloc-carousel .flickity-button {
  color: white;
  background: none;
  border: 1px solid white;
}

.lb-bloc-carousel .flickity-prev-next-button {
  top: calc(50% - 2rem);
  border-radius: unset;
}

@media (min-width: 80rem) {
  .lb-bloc-carousel .flickity-prev-next-button.previous {
    left: -4rem;
  }

  .lb-bloc-carousel .flickity-prev-next-button.next {
    right: -4rem;
  }
}

.lb-fiche-section-relation .lb-bloc-carousel,
.lb-fiche-section-contributions .lb-bloc-carousel {
  height: unset;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel {
  padding: 2rem 0;
  height: 30rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel {
  /*padding: 2rem 0;*/
  height: unset;
  padding-bottom: 4rem;
}

.lb-fiche-section-volumes .view-header {
  margin-bottom: 1rem;
}
.lb-fiche-section-volumes .view-header p {
  margin: 0;
}

.lb-fiche-section-volumes .lb-bloc-carousel .view-header a,
.lb-fiche-section-relation .lb-bloc-carousel a,
.lb-fiche-section-contributions .lb-bloc-carousel a {
  color: var(--color-orange-base);
}

.lb-fiche-section-relation .block.lb-bloc-carousel .lb-view-carousel {
  height: 21rem;
  display: block;
}

.lb-fiche-section-contributions .block.lb-bloc-carousel .lb-view-carousel {
  display: block;
  margin-bottom: 2rem;
}

.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel .views-row {
  display: grid;
  grid-template-columns: 15rem 15rem;
  grid-template-rows: 2rem 12rem;
  width: 30rem;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row {
  display: grid;
  grid-template-columns: 30rem;
  grid-template-rows: min-content 1fr;
  width: 30rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row {
  display: grid;
  grid-template-columns: 15rem;
  grid-template-rows: min-content 1fr;
  width: 15rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row .views-field-field-rnv-docid,
.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row .views-field-field-scr-docid {
  display: none;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row .views-field-field-visuel,
.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel .views-row .views-field-field-visuel {
  grid-column: 1;
  grid-row: 1 / 3;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row .views-field-field-visuel {
  grid-column: 1;
  grid-row: 1 / 2;
}

.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel .views-row .views-field-type {
  grid-column: 2;
  grid-row: 1;
  padding: 0 1rem;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row .views-field-type {
  grid-column: 1;
  grid-row: 1;
  padding: 0 1rem;
  z-index: 1;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row .views-field-type .field-content {
  background-color: var(--color-blanc-80);
  width: fit-content;
  padding: 0.5rem 1rem;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row:hover .views-field-type {
  z-index: 1;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row .views-field-type h3,
.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel .views-row .views-field-type h3 {
  margin: 0 0 0.5rem 0;
}

.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel .views-row .views-field-title {
  grid-column: 2;
  grid-row: 2;
  text-align: left;
  color: unset;
  padding: 0 1rem;
  white-space: unset;
  margin: 0;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row .views-field-title {
  grid-column: 1;
  grid-row: 2;
  text-align: left;
  color: unset;
  padding: 0 1rem;
  white-space: unset;
  margin: 0;
  opacity: 0;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row .views-field-title {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  color: unset;
  padding: 0 1rem;
  white-space: unset;
  margin: 0;
  opacity: 0;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row:hover .views-field-title,
.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row:hover .views-field-title {
  opacity: 1;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.lb-fiche-section-relation .lb-bloc-carousel .lb-view-carousel img {
  object-fit: cover;
  width: 15rem;
  height: 14rem;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel img {
  object-fit: cover;
  width: 28rem;
  height: 26rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel img {
  object-fit: contain;
  width: 14rem;
  height: 14rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel .lb-view-carousel .views-row:hover img,
.lb-accueil-section-phares-galerie .lb-bloc-carousel .lb-view-carousel .views-row:hover img {
  filter: sepia(0.2) saturate(0.7) brightness(0.5);
}

.lb-fiche-section-relation .lb-bloc-carousel .flickity-page-dots {
  bottom: 1.5rem;
}

.lb-fiche-section-volumes .lb-bloc-carousel .flickity-page-dots {
  bottom: -2rem;
}

.lb-accueil-section-phares-galerie .lb-bloc-carousel .flickity-page-dots {
  bottom: -1.5rem;
}

.lb-fiche-section-relation .lb-bloc-carousel .flickity-page-dots .dot,
.lb-fiche-section-contributions .lb-bloc-carousel .flickity-page-dots .dot {
  background-color: white;
  border: 1px solid var(--color-vert-base);
  opacity: 1;
}

.lb-fiche-section-relation .lb-bloc-carousel .flickity-page-dots .dot.is-selected,
.lb-fiche-section-contributions .lb-bloc-carousel .flickity-page-dots .dot.is-selected {
  background-color: var(--color-vert-base);
}

.lb-fiche-section-relation .lb-bloc-carousel .flickity-button,
.lb-fiche-section-contributions .lb-bloc-carousel .flickity-button {
  color: var(--color-vert-base);
  background: none;
  border: none;
}

.lb-fiche-section-volumes .lb-bloc-carousel .flickity-button,
.lb-accueil-section-phares-galerie .lb-bloc-carousel .flickity-button {
  color: var(--color-gris-base);
  background: none;
  border: none;
}

.lb-fiche-section-volumes .lb-bloc-carousel .flickity-prev-next-button {
  top: calc(50% + 1rem);
}

.lb-fiche-section-volumes .lb-bloc-carousel .field-content,
.lb-accueil-section-phares-galerie .lb-bloc-carousel .field-content,
.lb-fiche-section-relation .lb-bloc-carousel .field-content,
.lb-fiche-section-contributions .lb-bloc-carousel .field-content {
  overflow: visible;
}

.lb-fiche-section-relation .lb-bloc-carousel .flickity-viewport,
.lb-fiche-section-contributions .lb-bloc-carousel .flickity-viewport {
  max-width: 68rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-left: 1px solid var(--color-vert-base);
  border-right: 1px solid var(--color-vert-base);
}

.lb-fiche-section-volumes .lb-bloc-carousel .flickity-viewport,
.lb-accueil-section-phares-galerie .lb-bloc-carousel .flickity-viewport {
  max-width: 68rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-left: 1px solid var(--color-gris-base);
  border-right: 1px solid var(--color-gris-base);
}

.lb-fiche-section-volumes .view-empty,
.lb-accueil-section-phares-galerie .view-empty,
.lb-fiche-section-relation .view-empty,
.lb-fiche-section-contributions .view-empty {
  padding-bottom: 2rem;
  color: var(--color-gris-medium);
}

.lb-fiche-section-contributions .lb-bloc-carousel .lb-view-carousel .views-row {
  display: grid;
  grid-template-columns: 24rem;
  grid-template-rows: 1.5rem 1.5rem minmax(min-content, 12rem);
  width: 24rem;
  padding: 0 1rem;
}

.lb-fiche-section-contributions .views-field-field-auteur {
  font-weight: bold;
}

.lb-fiche-section-contributions .views-field-comment-body {
  font-weight: 300;
  overflow: hidden;
}

.lb-fiche-section-formulaire .layout__region--first {
  align-self: start;
}

.lb-fiche-section-formulaire .layout__region--second {
  background-color: var(--color-gris-dark);
}

.lb-fiche-section-formulaire label {
  font-size: small;
  text-transform: uppercase;
  font-weight: bold;
}

.lb-fiche-section-formulaire .form-type-textfield,
.lb-fiche-section-formulaire .form-type-email,
.lb-fiche-section-formulaire .form-type-textarea {
  width: 100%;
  margin-bottom: 2rem;
}

.lb-fiche-section-formulaire .form-type-textfield input,
.lb-fiche-section-formulaire .form-type-email input,
.lb-fiche-section-formulaire .form-type-textarea textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 0.01rem solid white;
  color: white;
  outline: none;
}

.lb-fiche-section-formulaire .js-filter-guidelines {
  display: none;
}

.lb-fiche-section-formulaire  #edit-submit {
  padding: 1rem 2rem 0.75rem 2rem;
  cursor: pointer;
  text-align: center;
  color: white;
  background-color: var(--color-orange-base);
  border: none;
  text-transform: uppercase;
  font-weight: 500;
}

/* ---------------------------------------- layout builder styles --> bloc avec image de fond */

.lb-bloc-image-fond .field--name-body {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center;
  overflow: hidden;
}

.lb-bloc-image-fond .field--name-body img {
  object-fit: cover;
  height: 28rem;
  width: unset;
  max-width: 100%;
  grid-column: 1;
  grid-row: 1;
  transition: 0.2s;
}

.lb-bloc-image-fond .field--name-body:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-image-fond .field--name-body h2 {
  grid-column: 1;
  grid-row: 1;
  color: white;
  text-transform: uppercase;
  z-index: 1;
}

/* ---------------------------------------- layout builder styles --> bloc cards des chapitres */

.lb-bloc-cards-chapitres .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-chapitres .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

.lb-bloc-cards-chapitres .views-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 6rem auto;
  background-color: var(--color-vert-base-80);
  position: relative;
}

.lb-autour-section-chapitres-galerie .lb-bloc-cards-chapitres .views-row {
  background-color: var(--color-violet-base-80);
}

.lb-bloc-cards-chapitres .views-field-field-lien {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.lb-bloc-cards-chapitres .views-field-field-lien a {
  color: white;
  display: block;
  text-align: center;
}

.lb-bloc-cards-chapitres .views-field-field-visuel {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  overflow: hidden;
}

.lb-bloc-cards-chapitres .views-field-field-visuel img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: 0.2s;
  aspect-ratio: 0.934;
}

.lb-bloc-cards-chapitres .views-field-field-visuel:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-cards-chapitres .views-field-arrow {
  grid-column: 1;
  grid-row: 2;
  position: absolute;
  bottom: 0.25rem;
  right: 0.5rem;
  opacity: 0;
  transition: 0.2s;
}

.lb-bloc-cards-chapitres .views-row:nth-of-type(2n) .views-field-arrow {
  color: var(--color-orange-base);
}

.lb-bloc-cards-chapitres .views-row:nth-of-type(2n+1) .views-field-arrow {
  color: var(--color-violet-base);
}

.lb-bloc-cards-chapitres .views-row:hover .views-field-arrow {
  opacity: 1;
}

/* ---------------------------------------- layout builder styles --> bloc cards des expositions virtuelles */

.lb-bloc-cards-expos .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 68em) {
  .lb-bloc-cards-expos .view-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 56em) {
  .lb-bloc-cards-expos .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-expos .view-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.lb-bloc-cards-expos .views-row {
  display: grid;
  grid-template-columns: 1fr;
  /*grid-template-rows: 2rem 7rem 4rem 4rem 12rem;*/
  grid-template-rows: 25rem;
  position: relative;
  color: white;
}

.lb-bloc-cards-expos .views-field-field-visuel {
  grid-row: 1;
  grid-column: 1;
  overflow: hidden;
  background-color: var(--color-vert-light);
}

.lb-bloc-cards-expos .views-field-field-visuel img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  max-height: 25rem;
  transition: 0.2s;
}

.lb-bloc-cards-expos .views-row:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-cards-expos .views-field-title {
  grid-row: 1;
  grid-column: 1;
  overflow: hidden;
  line-height: 1.25;
  padding: 0.5rem 1rem;
  z-index: 1;
  align-self: end;
}

.lb-bloc-cards-expos .views-field-title a {
  color: white;
  font-size: x-large;
  text-decoration: underline;
}

/* ---------------------------------------- layout builder styles --> bloc cards des vidéos compactus */

.lb-bloc-cards-compactus .view-content {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 3rem 2rem;
  margin: 4rem 0;
}

@media screen and (max-width: 56em) {
  .lb-bloc-cards-compactus .view-content {
    grid-template-columns: 100%;
    gap: 2rem;
  }
}

.lb-bloc-cards-compactus .views-row {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(5, min-content);
  position: relative;
  color: white;
  gap: 0.5rem;
}

.lb-bloc-cards-compactus .views-field-thumbnail__target-id {
  grid-row: 1;
  grid-column: 1;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.8;
}

.lb-bloc-cards-compactus .views-field-thumbnail__target-id img {
  object-fit: cover;
  transition: 0.2s;
  width: 100%;
  height: auto;
  aspect-ratio: 1.8;
}

.lb-bloc-cards-compactus .views-row:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-cards-compactus .views-field-created {
  grid-row: 2;
  grid-column: 1;
  margin: 0.5rem 0 0 0;
  font-size: small;
  text-transform: uppercase;
}

.lb-bloc-cards-compactus .views-field-name {
  grid-row: 3;
  grid-column: 1;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.lb-bloc-cards-compactus .views-field-field-legende {
  grid-row: 4;
  grid-column: 1;
}

.lb-bloc-cards-compactus .views-field-field-elements-lies {
  grid-row: 5;
  grid-column: 1;
}

.lb-bloc-cards-compactus .views-field-field-elements-lies .views-label {
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.lb-bloc-cards-compactus .views-field-field-elements-lies .field-content a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  line-height: 1.2;
}

.lb-bloc-cards-compactus .views-field-field-elements-lies .field-content a::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/angle-right.svg');
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.25rem;
  filter: invert(1);
}

/* ---------------------------------------- layout builder styles --> bloc cards des résultats de recherche */

.lb-bloc-cards-recherche .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.lb-bloc-cards-recherche.view-mode-list .view-content {
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media screen and (max-width: 68em) {
  .lb-bloc-cards-recherche .view-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 56em) {
  .lb-bloc-cards-recherche .view-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-recherche .view-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.lb-bloc-cards-recherche .views-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2rem minmax(auto, 6.7rem) auto 12rem;
  background-color: var(--color-vert-base);
  position: relative;
  color: white;
  border: 0.1rem solid var(--color-vert-base);
}

.lb-bloc-cards-recherche.view-mode-list .views-row {
  grid-template-columns: 8rem 1fr;
  grid-template-rows: 2rem 4.8rem 3rem;
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-recherche .views-row {
    grid-template-rows: 2rem minmax(auto, 5.6rem) auto 12rem;
  }
  .lb-bloc-cards-recherche.view-mode-list .views-row {
    grid-template-rows: 2rem 4rem 3rem;
  }
}

.lb-bloc-cards-recherche .views-field-type {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
  padding-right: 0.5rem;
}

.lb-bloc-cards-recherche.view-mode-list .views-field-type {
  grid-column: 2;
}

.lb-bloc-cards-recherche .views-field-type svg {
  padding-right: 0.25rem;
}

.lb-bloc-cards-recherche .views-field-title {
  grid-column: 1;
  grid-row: 2;
  overflow: hidden;
  line-height: 1.25;
  padding: 0 1rem;
}

.lb-bloc-cards-recherche.view-mode-list .views-field-title {
  grid-column: 2;
}

.lb-bloc-cards-recherche .views-field-auteurs-date {
  grid-column: 1;
  grid-row: 3;
  padding: 1rem;
  line-height: 1.25;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lb-bloc-cards-recherche.view-mode-list .views-field-auteurs-date {
  grid-column: 2;
}

.lb-bloc-cards-recherche .views-field-title a {
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.lb-bloc-cards-recherche.view-mode-list .views-field-title a {
  -webkit-line-clamp: 2;
}

.lb-bloc-cards-recherche .views-field-field-visuel {
  grid-column: 1;
  grid-row: 4;
  overflow: hidden;
  background-color: var(--color-vert-light);
}

.lb-bloc-cards-recherche.view-mode-list .views-field-field-visuel {
  grid-row: 1 / 4;
}

.lb-bloc-cards-recherche .views-field-field-visuel img {
  object-fit: cover;
  object-position: center 30%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  transition: 0.2s;
}

.lb-bloc-cards-recherche .views-field-nothing-1 {
  grid-column: 1;
  grid-row: 4;
  z-index: 1;
  position: absolute;
  bottom: 0;
  background-color: var(--color-vert-base-80);
  width: fit-content;
}

.lb-bloc-cards-recherche .views-field-nothing-1 .field-content {
  display: block;
  padding: 0.5rem 1rem;
}

.lb-bloc-cards-recherche .views-row:hover img {
  transform: scale(1.05);
  filter: unset;
}

.lb-bloc-cards-recherche .views-field-field-visuel svg {
  margin: 1rem;
  width: calc(100% - 2rem);
  height: auto;
  max-height: calc(100% - 2rem);
}

/* ---------------------------------------- layout builder styles --> bloc cards des volumes sur la page d'un ouvrage */

.lb-bloc-cards-volumes .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  justify-content: space-between;
}

.lb-bloc-cards-volumes .view-empty {
  color: var(--color-gris-medium);
  margin-bottom: 4rem;
}

.lb-bloc-cards-volumes .views-row {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 16rem;
  position: relative;
  transition: 0.2s;
  max-width: 15.5rem;
}

.lb-bloc-cards-volumes .views-field-field-visuel {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  overflow: hidden;
  text-align: center;
}

.lb-bloc-cards-volumes .views-field-field-visuel img {
  object-fit: cover;
  height: 100%;
  width: unset;
  max-width: 100%;
  transition: 0.2s;
}

.lb-bloc-cards-volumes .views-field-title {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  transition: 0.2s;
  z-index: 1;
}

.lb-bloc-cards-volumes .views-field-title a {
  color: white;
  display: block;
  text-align: center;
}

.lb-bloc-cards-volumes .views-field-field-rnv-docid,
.lb-bloc-cards-volumes .views-field-field-scr-docid {
  display: none;
}

.lb-bloc-cards-volumes .views-row:hover img {
  transform: scale(1.05);
  filter: sepia(20%) brightness(30%);
}

.lb-bloc-cards-volumes .views-row:hover .views-field-title {
  opacity: 1;
}

@media screen and (max-width: 72em) {
}

@media screen and (max-width: 48em) {
  .lb-bloc-cards-volumes .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------------------------------------- layout builder styles --> blocs OpenSeaDragon */

.lb-fiche-section-controls .layout__region .block {
  padding: 2rem 2rem 0 2rem;
}

.lb-fiche-section-controls #osdControls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.lb-fiche-section-controls #osdControls .osd-control {
  height: 2.5rem;
  display: flex !important;
  opacity: 1;
  cursor: pointer;
}

.lb-fiche-section-controls #osdControls.osd-disabled .osd-control {
  opacity: 0.2;
  cursor: default;
  pointer-events: none !important;
}

.lb-fiche-section-controls #osdControls .osd-control.osd-disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none !important;
}

.lb-fiche-section-controls #osdControls > div:not(.osd-control) {
  display: none;
}
/*
.lb-fiche-section-controls #osdControls #osdClose {
  border-left: 0.07rem solid var(--color-vert-base);
  padding-left: 1rem;
  opacity: 0.2;
  cursor: default;
}

.lb-fiche-section-controls #osdControls #osdClose.osd-closable {
  opacity: 1;
  cursor: pointer;
}
*/
.lb-fiche-section-controls #osdControls img {
  width: 1.5rem;
  height: auto;
}

.lb-fiche-section-viewer .layout__region .block {
  padding: 0;
}

.lb-fiche-section-viewer .openseadragon {
  height: calc(100vh - 16rem);
  min-height: 44rem;
  width: 100%;
  line-height: 0; /* Drupal ajoute un   dans le bloc du viewer, ce qui provoque l'appartion d'une ligne vide au sommet du viewer */
  position: relative;
  background-color: #f9fcf9;
  border: 1px solid var(--color-gris-base);
  border-radius: 3px;
  cursor: grab;
}

.lb-fiche-section-strip .lb-fiche-bloc-strip {
  overflow: hidden;
  padding: 1rem 0;
}

.lb-fiche-section-strip .referencestrip {
  background: transparent !important;
  opacity: 1 !important;
  cursor: pointer;
  margin-bottom: 0 !important;
}

.lb-fiche-section-strip .referencestrip:focus {
  outline: none;
}

.lb-fiche-section-strip .referencestrip > div {
  background: transparent !important;
}

.lb-fiche-section-strip .osd-pagenum {
  color: white;
  background-color: var(--color-vert-base-80);
  padding: 1rem;
}

.lb-fiche-section-strip #osdStrip {
  height: 10rem;
  position: relative;
}

.lb-fiche-section-strip #osdStripPrevious,
.lb-fiche-section-strip #osdStripNext {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: var(--color-gris-dark);
}

.lb-fiche-section-strip #osdStripPrevious img,
.lb-fiche-section-strip #osdStripNext img {
  min-height: 85%;
  min-width: 100%;
}

.lb-fiche-section-strip #osdStripPrevious {
  left: 0;
}

.lb-fiche-section-strip #osdStripNext {
  right: 0;
}

.lb-fiche-section-strip #osdStripThumbnails {
  line-height: 0; /* Drupal ajoute un   dans le bloc, ce qui provoque l'appartion d'une ligne vide */
  position: absolute;
}

@media screen and (max-width: 72em) {
  .lb-fiche-section-viewer .openseadragon {
    width: calc(100% - 4rem);
    margin: auto;
  }
}

/* ---------------------------------------- pages des nodes */

.path-node .views-field .empty-field::before {
  content: 'n.c.';
  color: var(--color-gris-base);
}

.path-node .lb-view-1col .views-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.path-node .lb-view-2cols .views-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.path-node .view-empty {
  text-align: center;
}

.path-node .lb-fiche-section-viewer .views-field-field-visuel {
  text-align: center;
}

.path-node .osd-visuel {
  display: none;
}

.path-node .lb-fiche-section-viewer .views-field-field-visuel img {
  height: 60vh;
  width: auto;
  max-width: 100%;
}

.path-node .lb-fiche-section-viewer .views-field-field-visuel svg {
  height: 60vh;
  width: auto;
  max-width: 100%;
  color: var(--color-gris-base);
}

.path-node .lb-fiche-section-meta {
  align-items: baseline;
}

.path-node .lb-fiche-section-meta .views-field-field-visuel svg {
  height: 8rem;
  width: auto;
  max-width: 100%;
  color: var(--color-gris-base);
}

/* ---------------------------------------- formulaire de recherche */

#views-exposed-form-bpy-recherche-block-recherche-resultats .form-item-text {
  width: 100%;
}

#views-exposed-form-bpy-recherche-block-recherche-resultats #edit-text {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 0.01rem solid white;
  color: white;
  font-size: x-large;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='' height='24' viewBox='0 0 18 18.8'%3e %3cpath fill='%23ffffff' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  outline: none;
}

@media screen and (max-width: 48em) {
  #views-exposed-form-bpy-recherche-block-recherche-resultats #edit-text {
    font-size: large;
  }
}

#views-exposed-form-bpy-recherche-block-recherche-resultats #edit-actions,
#views-exposed-form-bpy-recherche-block-recherche-resultats .form-item-sort-by,
#views-exposed-form-bpy-recherche-block-recherche-resultats .form-item-sort-order,
#views-exposed-form-bpy-recherche-block-recherche-resultats .form-item-items-per-page {
  display: none;
}

.ui-widget.ui-widget-content {
  border: none;
  background-color: white;
  font-family: inherit;
  font-size: large;
  color: white;
  max-width: min(calc(100vw - 5rem), 68rem);
}

.search-api-autocomplete-suggestion {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ---------------------------------------- facets */

.lb-recherche-section-filtres .layout__region {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: min(calc(100% - 4rem), 68rem);
  margin: auto;
  padding: 2rem;
  gap: 1rem;
}

.lb-recherche-section-filtres .block-facets {
  margin: 0;
  padding: 0;
}

.lb-recherche-section-filtres .block-facet--links {
 grid-column: 1 / 6;
}

@media screen and (max-width: 68em) {
  .lb-recherche-section-filtres .layout__region {
    grid-template-columns: repeat(4, 1fr);
  }
  .lb-recherche-section-filtres .block-facet--links {
   grid-column: 1 / 5;
  }
}

@media screen and (max-width: 56em) {
  .lb-recherche-section-filtres .layout__region {
    grid-template-columns: repeat(3, 1fr);
  }
  .lb-recherche-section-filtres .block-facet--links {
   grid-column: 1 / 4;
  }
}

@media screen and (max-width: 48em) {
  .lb-recherche-section-filtres .layout__region {
    grid-template-columns: repeat(2, 1fr);
  }
  .lb-recherche-section-filtres .block-facet--links {
   grid-column: 1 / 3;
  }
}

@media screen and (max-width: 40em) {
  .lb-recherche-section-filtres .layout__region {
    grid-template-columns: 1fr;
  }
  .lb-recherche-section-filtres .block-facet--links {
   grid-column: 1;
  }
}

ul.js-facets-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.facet-item {
  text-transform: uppercase;
  font-size: small;
  font-weight: bold;
  display: inline-block;
  margin-right: 1rem;
}

.facets-widget-dropdown h3::before,
li.facet-item::before {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/angle-right.svg');
  display: inline-block;
  width: 0.4rem;
  padding-right: 0.25rem;
  filter: invert(23%) sepia(8%) saturate(6327%) hue-rotate(106deg) brightness(85%) contrast(78%);
}

li.facet-item label.is-active {
  color: white;
  background-color: var(--color-orange-base);
  padding: 0.5rem 0.4rem 0.3rem 0.2rem;
}

li.facet-item label.is-active::after {
  content: url('/themes/custom/livre_blanc_v1/libraries/fontawesome/svgs/solid/circle-xmark.svg');
  display: inline-block;
  width: 1rem;
  position: relative;
  top: 0.2rem;
  filter: invert(1);
}

.facets-widget-links ul li.facet-item label .facet-item__value {
  cursor: pointer;
  color: unset;
  text-decoration: none;
}

.facets-widget-dropdown select {
  padding: 0.5rem;
  /*text-transform: uppercase;
  font-size: small;
  font-weight: bold;*/
  border: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.facets-widget-dropdown select.facet-inactive {
  background-color: var(--color-gris-base);
  color: var(--color-vert-base);
}

.facets-widget-dropdown select.facet-active {
  background-color: var(--color-orange-base);
  color: white;
}

.layout__region .block.block-facets:not(:first-of-type) {
  padding-top: 0;
}

/* ---------------------------------------- footer */

#block-livre-blanc-v1-logo {
  background-color: white;
  text-align: center;
  padding: 4rem;
}

#block-livre-blanc-v1-logo img {
  width: 20rem;
  height: auto;
  max-width: 100%;
}

#block-livre-blanc-v1-blocfooterbpy {
  background-color: var(--color-gris-dark);
  padding: 3rem 2rem 6rem 2rem;
  background-image: url('/sites/default/files/2024-11/footer-chateau.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem) bottom;
  background-size: 16rem;
}

#block-livre-blanc-v1-blocfooterbpy .field--name-body {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 50% 50%;
}

#block-livre-blanc-v1-blocfooterbpy .lb-block-footer-menu {
  margin-bottom: 2rem;
}

#block-livre-blanc-v1-blocfooterbpy .lb-block-footer-bpy {
  max-width: 16rem;
  font-weight: 300;
  color: var(--color-gris-light);
  font-size: smaller;
  padding-left: 1rem;
}

#block-livre-blanc-v1-blocfooterbpy .lb-block-footer-bpy a {
  display: block;
}

#block-livre-blanc-v1-blocfooterbpy .lb-block-footer-bpy a img {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
}

footer ul.menu {
  justify-content: start;
  flex-direction: column;
  text-align: left;
  padding-left: 0;
}

footer ul.menu a {
  color: var(--color-gris-base);
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.05rem;
}
footer ul.menu a.is-active {
  color: var(--color-gris-base);
}

footer #mobile-menu {
  display: none;
}

@media screen and (max-width: 56em) {
  #block-livre-blanc-v1-blocfooterbpy {
    background-size: min(30%, 16rem);
  }
}

@media screen and (max-width: 40em) {
  #block-livre-blanc-v1-blocfooterbpy {
    background-size: 16rem;
  }
  #block-livre-blanc-v1-blocfooterbpy .field--name-body {
    grid-template-columns: 100%;
  }
}

#block-livre-blanc-v1-soutiens {
  background-color: var(--color-gris-dark);
  padding: 0 2rem 2rem 2rem;
  background-image: url('/themes/custom/livre_blanc_v1/images/symbols/fanion-soutiens.svg');
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-position: 2rem top;
}

#block-livre-blanc-v1-soutiens .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-evenly;
  border-top: 0.01rem solid white;
  padding-top: 2rem;
}

#block-livre-blanc-v1-soutiens .views-row {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
}

#block-livre-blanc-v1-soutiens .views-field-field-visuel {
  grid-column: 1;
  grid-row: 1;
}

#block-livre-blanc-v1-soutiens .views-field-field-visuel img {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
  transition: 0.2s;
}

#block-livre-blanc-v1-soutiens .views-row:hover img {
  transform: scale(1.05);
  filter: sepia(20%) brightness(30%);
}

#block-livre-blanc-v1-soutiens .views-field-field-lien {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  max-width: 8rem;
  padding: 1rem;
  z-index: 1;
  opacity: 0;
}

#block-livre-blanc-v1-soutiens .views-field-field-lien a {
  color: white;
}

#block-livre-blanc-v1-soutiens .views-row:hover .views-field-field-lien {
  opacity: 1;
}

#block-livre-blanc-v1-credits {
  background-color: var(--color-gris-dark);
  padding: 4rem 2rem 0.5rem 2rem;
}

#block-livre-blanc-v1-credits .field--name-body {
  border-top: 0.01rem solid white;
  font-size: x-small;
  text-transform: uppercase;
  color: white;
}

@media screen and (max-width: 56em) {
  #block-livre-blanc-v1-soutiens .views-field-field-visuel img {
    width: 7rem;
    height: 7rem;
  }
  #block-livre-blanc-v1-soutiens .views-field-field-lien {
    max-width: 7rem;
  }
}

@media screen and (max-width: 40em) {
  #block-livre-blanc-v1-soutiens {
    padding-bottom: 0;
  }
  #block-livre-blanc-v1-soutiens .views-field-field-visuel img {
    width: 6rem;
    height: 6rem;
  }
  #block-livre-blanc-v1-soutiens .views-field-field-lien {
    max-width: 6rem;
  }
}

/* ---------------------------------------- overlay */

overlay {
  height: 100%;
  width: 100%;
  padding: 0;
  display: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.85);
}

/* ---------------------------------------- spinner */

@keyframes lb-spinner {
  to {
    transform: rotate(360deg);
  }
}

.lb-spinner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
}
.lb-spinner::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: lb-spinner .6s linear infinite;
  z-index: 1000;
  overflow: hidden;
}

.lb-spinner {
  display: block;
  /*background: white;*/
  filter: opacity(0.5);
  pointer-events: all;
  cursor: progress;
}

/* ---------------------------------------- back to top */

a.back-to-top {
  position: fixed;
  z-index: 999;
  right: 2rem;
  bottom: 2rem;
  font-size: 4rem;
  opacity: 0;
  transition: opacity 0.5s;
}

a.back-to-top:hover {
  opacity: 1;
}

a.back-to-top:focus {
  outline: none;
}


.page-node-type-exposition a.back-to-top {
  display: none;
}

/* ---------------------------------------- admin */

.lb-view-admin {
  padding: 2rem;
}

.lb-view-admin .views-table {
  border-collapse: collapse;
}

.lb-view-admin tr:nth-child(2n) {
  background-color: var(--color-vert-light);
}

.lb-view-admin td, th {
  padding: 0.5rem;
  border: 0.07rem solid var(--color-gris-base);
}

.lb-view-admin th {
  background-color: var(--color-vert-base);
  color: white;
}

.lb-view-admin td.is-active {
  background-color: unset;
}

.lb-view-admin input[type="text"],
.lb-view-admin select,
.lb-view-admin input.button {
  padding: 0.5rem;
}

.lb-view-admin .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem 0;
  align-items: center;
}