@charset "UTF-8";
*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  --side-padding: 8rem;
  --app-padding: 4rem;
}
@media screen and (max-width: 800px) {
  html {
    --side-padding: 2rem;
    --app-padding: 2rem;
  }
}

body {
  position: relative;
  z-index: 1;
  color: #012436;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  background-color: #0e323d;
}

*::selection {
  color: #012436;
  background-color: #a2cc3d;
}

strong, b {
  font-weight: 700;
}

small {
  font-size: 0.8em;
}

a {
  color: #548a52;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  overflow-wrap: anywhere;
}

h1 {
  text-transform: uppercase;
}

h1, h2 {
  font-size: 4rem;
  font-weight: 800;
}

h3 {
  text-transform: uppercase;
}

h3, h4 {
  font-size: 3rem;
  font-weight: 500;
}

h5 {
  text-transform: uppercase;
}

h5, h6 {
  font-size: 2rem;
  font-weight: 500;
}

h6.alt {
  color: #787f84;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.chapo {
  margin: 3rem 0;
  font-size: 2rem;
  line-height: 1.8;
  font-weight: 500;
}

.cols2 {
  margin: 4rem 0;
  column-count: 2;
  column-width: 50%;
  column-gap: 4rem;
}
.cols2 > *:first-child {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .cols2 {
    column-count: 1;
    column-width: 100%;
    column-gap: 0;
  }
}

.cols2-blocks {
  margin: 4rem 0;
  display: flex;
  flex-wrap: wrap;
}
.cols2-blocks > .col {
  flex: 0 0 50%;
  padding-right: 2rem;
}
.cols2-blocks > .col + .col {
  padding-right: 0;
  padding-left: 2rem;
}
.cols2-blocks > .col > *:first-child {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .cols2-blocks {
    display: block;
  }
  .cols2-blocks > .col, .cols2-blocks > .col + .col {
    margin: 2rem 0;
    padding: 0;
  }
}

figure img {
  display: block;
}
figure figcaption {
  font-size: 1.4rem;
}

.panel-2col {
  display: flex;
  flex-wrap: wrap;
}
.panel-2col .panel-col-first,
.panel-2col .panel-col-last {
  flex: 1 0 50%;
  max-width: 50%;
  width: auto;
  float: none;
}
.panel-2col .panel-col-first > .inside,
.panel-2col .panel-col-last > .inside {
  margin: 0;
  background-color: #fff;
}
.panel-2col .panel-col-first {
  padding-right: 2rem;
}
.panel-2col .panel-col-last {
  padding-left: 2rem;
}

@media screen and (max-width: 1000px) {
  .panel-2col .panel-col-first {
    padding-right: 1rem;
  }
  .panel-2col .panel-col-last {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .panel-2col {
    display: block;
  }
  .panel-2col .panel-col-first,
  .panel-2col .panel-col-last {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.mobile-only {
  display: none;
}

@media screen and (max-width: 800px) {
  .mobile-only {
    display: block;
  }
  .desktop-only {
    display: none !important;
  }
}
.clearfix::after {
  display: none !important;
  content: none !important;
}

body.cke_editable,
.cke_panel_container body {
  background-color: #fff;
}

.logged-in .main-content > .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 2rem 0;
  position: relative;
  z-index: 10;
}
.logged-in .main-content > .links li {
  margin: 0.2rem;
}
.logged-in .main-content > .links a {
  display: block;
  padding: 0.5rem 1rem 0.1rem;
  border-bottom: 0.4rem solid #a2cc3d;
  border-radius: 0.4rem;
  background-color: #a2cc3d;
}
.logged-in .main-content > .links a.active {
  font-weight: bold;
  background-color: #fff;
}
.logged-in .main-content > .links a:hover {
  background-color: #fff;
  text-decoration: none;
}
.logged-in .main-content > .links + .links {
  margin-top: -2rem;
}

.btn.round {
  display: inline-block;
  padding: 1rem 2rem;
  border: 0.2rem solid;
  border-radius: 2em;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.btn.round.green {
  color: #012436;
  background-color: #a2cc3d;
  border-color: #a2cc3d;
}
.btn.round.green:hover {
  color: #a2cc3d;
  background-color: #548a52;
}
.btn.round.yellow {
  color: #012436;
  background-color: #ffcc00;
  border-color: #ffcc00;
}
.btn.round.yellow:hover {
  color: #ffcc00;
  background-color: #987e13;
}
.btn.round.red {
  color: #012436;
  background-color: #ea4356;
  border-color: #ea4356;
}
.btn.round.red:hover {
  color: #ea4356;
  background-color: #7b373f;
}
.btn.round.grey {
  color: #012436;
  background-color: #d2dfe8;
  border-color: #d2dfe8;
}
.btn.round.grey:hover {
  color: #d2dfe8;
  background-color: #787f84;
}

.file:not(.file-video),
.cta {
  display: inline-block;
  max-width: 100%;
  margin: 2rem 0;
  padding: 1rem 2rem;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  overflow-wrap: break-word;
  border: 0.2rem solid;
  border-radius: 0.5rem;
  cursor: pointer;
}
.file:not(.file-video):hover,
.cta:hover {
  background-color: #d2dfe8;
}
.file:not(.file-video) a,
.cta a {
  display: block;
  margin: -1rem -2rem;
  padding: 1rem 2rem;
  color: inherit;
  text-decoration: none;
}
.file:not(.file-video) .file-icon,
.cta .file-icon {
  display: none;
}

#block-panels-mini-search-data {
  display: none !important;
}

.page-menu {
  display: none;
}

.region-menu .expanded > .menu {
  display: none;
}

.menu-is-open {
  height: 100%;
}
.menu-is-open body {
  height: 100vh;
  overflow: hidden;
}

.prog-is-open .page-menu,
.page-menu.animating {
  height: 100vh;
  overflow: hidden;
}
.prog-is-open .page-menu .page-menu-inner,
.page-menu.animating .page-menu-inner {
  overflow-y: hidden;
}

.page-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  overflow: auto;
  z-index: 998;
  --menu-left-col: 45rem;
}
@media screen and (max-width: 800px) {
  .page-menu {
    --menu-left-col: 39rem;
  }
}

.page-menu-inner {
  position: relative;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  overflow-x: hidden;
  display: grid;
  grid-template-rows: min-content 1fr min-content;
}

.region-menu .block-menu {
  height: 100%;
  position: relative;
  padding-right: calc(100% - var(--menu-left-col));
}

.region-menu .expanded > .menu {
  position: absolute;
  left: var(--menu-left-col);
  right: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .region-menu .expanded > .menu {
    left: 4rem;
    right: auto;
    top: 7rem;
  }
}

.main-menu-prog-wrapper {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  z-index: 999;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  right: -100%;
  transition: right ease-out 0.35s;
}
@media screen and (max-width: 1440px) {
  .main-menu-prog-wrapper {
    width: 72rem;
    max-width: 100vw;
  }
}

.prog-is-open .main-menu-prog-wrapper {
  right: 0;
  transition-duration: 0.7s;
}

.main-menu-prog {
  position: relative;
  width: 72rem;
  max-width: 100vw;
  margin-right: auto;
}

.main-menu-open,
.main-menu-close,
.open-prog,
.close-prog {
  cursor: pointer;
}

.main-menu-close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
  padding: 1rem 0 1rem 4rem;
  cursor: pointer;
}

.page-menu {
  line-height: 1;
  color: #548a52;
  background-color: #0e323d;
}
.page-menu a {
  text-decoration: none;
}

.region-menu .open-prog > span,
.region-menu .expanded > a {
  display: block;
  padding: 1.5rem 2rem 1.5rem 0;
  font-size: 4rem;
  font-weight: 700;
  cursor: pointer;
}
.region-menu .open-prog > span.active, .region-menu .open-prog > span:hover,
.region-menu .expanded > a.active,
.region-menu .expanded > a:hover {
  color: #a2cc3d;
}
@media screen and (max-width: 700px) {
  .region-menu .expanded {
    position: relative;
    transition: padding-bottom 0.35s ease-out;
  }
}
.region-menu .open-prog .menu {
  display: none !important;
}
.region-menu .expanded > .menu li a {
  display: block;
  padding: 3.7rem 0;
  font-size: 3rem;
  color: #a2cc3d;
}
.region-menu .expanded > .menu li a:hover {
  color: #fff;
}
@media screen and (max-width: 700px) {
  .region-menu .expanded > .menu li a {
    padding: 1.5rem 0;
  }
}
.region-menu .block-menu {
  min-height: 47.5rem;
  padding-top: 5rem;
  padding-left: var(--side-padding);
}

.region-menu-header {
  z-index: 4;
}

.region-menu-header-inner {
  max-width: 144rem;
  margin: 0 auto;
}

.region-menu-wrapper > .region-menu,
.region-menu2-wrapper > .region-menu2 {
  max-width: 144rem;
  margin: 0 auto;
}

.region-menu .expanded > .menu {
  height: 100%;
  padding-top: 4rem;
  white-space: nowrap;
}
.region-menu .expanded > .menu li {
  position: relative;
}
.region-menu .expanded > .menu .boutique {
  display: none !important;
}
@media screen and (max-width: 700px) {
  .region-menu .expanded > .menu {
    padding-top: 0;
    height: auto;
  }
}

.region-menu2 {
  text-align: center;
  text-transform: uppercase;
  background-color: #012436;
}
.region-menu2 .menu {
  font-size: 2rem;
  padding-top: 7rem;
  padding-bottom: 3rem;
}
.region-menu2 .menu a {
  display: inline-block;
  padding: 1rem;
  color: #fff;
}

.block-locale {
  padding-top: 0;
  padding-bottom: 2rem;
  font-size: 0;
}
.block-locale .locale-untranslated {
  display: none !important;
}
.block-locale li {
  display: inline-block;
}
.block-locale .language-link {
  display: block;
  margin: 0 0.2rem;
  width: 3ch;
  height: 3ch;
  color: #a2cc3d;
  font-size: 2rem;
  text-align: center;
  line-height: 3ch;
  border-radius: 100%;
}
.block-locale .language-link.active {
  margin: 0 1rem;
  color: #012436;
  background-color: #a2cc3d;
}

.close-prog {
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 1;
  padding: 2rem 2rem 1.5rem;
}
.close-prog svg {
  width: 2.5rem;
  height: auto;
}
@media screen and (max-width: 800px) {
  .close-prog {
    right: 0;
  }
}

.main-menu-prog-wrapper {
  color: #a2cc3d;
  font-size: 1.6rem;
  background-color: #19424a;
  box-shadow: 0 0 2rem #012436;
}

#app {
  line-height: 1;
  color: #a2cc3d;
}
#app ::placeholder {
  color: #548a52;
}
#app button {
  outline: none;
  box-shadow: none;
  cursor: pointer;
}
#app .app-title,
#app .app-modes,
#app .movies-sort {
  user-select: none;
}
#app .app-title,
#app .app-modes,
#app .pane-filters,
#app .pane-content {
  padding-left: var(--app-padding);
  padding-right: var(--app-padding);
}
#app .app-layout {
  height: 100vh;
  overflow: hidden;
  display: grid;
  grid-template: min-content min-content 1fr/auto;
}
#app .app-panes {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  display: flex;
}
#app .app-pane {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
  overflow-y: hidden;
  left: 0;
  transition: left 0.35s ease-out;
}
#app .active-movies .app-pane {
  left: 0;
}
#app .active-places .app-pane {
  left: -100%;
}
#app .active-events .app-pane {
  left: -200%;
}
#app .app-pane-inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  display: grid;
  grid-template: min-content/1fr;
}
#app .pane-content {
  padding-bottom: 4rem;
}
#app .app-title span {
  display: block;
  padding: 3.5rem 0 1.5rem;
  font-size: 3rem;
  font-weight: 500;
  text-transform: none;
  border-bottom: 0.2rem solid;
}
#app .app-modes {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#app .app-mode {
  display: inline-block;
  padding: 1rem 0;
  margin-right: 5rem;
  text-transform: uppercase;
  cursor: pointer;
}
#app .app-mode:last-child {
  margin-right: 0;
}
#app .app-mode:hover span {
  color: #fff;
}
#app .app-mode span {
  margin-left: 1rem;
}
#app .app-mode .fa-circle {
  display: inline-block;
}
#app .app-mode .fa-circle-dot {
  display: none;
}
#app .app-mode.active .fa-circle {
  display: none;
}
#app .app-mode.active .fa-circle-dot {
  display: inline-block;
}
@media screen and (max-width: 400px) {
  #app .app-modes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #app .app-mode {
    margin-right: 1rem;
  }
  #app .app-mode:last-child {
    margin-right: 0;
  }
}
#app .pane-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem 1.5rem;
}
#app .pane-filter {
  flex: 1 0 50%;
  max-width: 100%;
  min-width: 20rem;
  padding: 0 0.5rem 0.5rem;
  position: relative;
}
#app .pane-filter input {
  width: 100%;
  padding: 1rem 4rem;
  border: 0.2rem solid #a2cc3d;
  border-radius: 5rem;
  background-color: transparent;
}
#app .pane-filter input:hover, #app .pane-filter input:focus, #app .pane-filter input.dp__input_focus {
  background-color: rgba(84, 138, 82, 0.2);
}
#app .pane-filter .dp__input_wrap input {
  padding-left: 4rem;
}
#app .pane-filter .filter-icon {
  position: absolute;
  top: 0.1rem;
  left: 0.7rem;
  z-index: 1;
  padding: 1rem;
  font-size: 2rem;
}
#app .pane-filter .reset {
  position: absolute;
  top: 0.1rem;
  right: 0.7rem;
  z-index: 1;
  padding: 1rem;
  font-size: 2rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  opacity: 0.5;
}
#app .pane-filter .reset:hover {
  opacity: 1;
}
#app .no-result {
  padding: 2rem 0;
  text-align: center;
  font-style: italic;
}
#app .region-data,
#app .place-entry,
#app .event-entry.link,
#app .lp-event-entry.link,
#app .breadcrumb--name {
  cursor: pointer;
  border-radius: 0.5rem;
}
#app .region-data:hover,
#app .place-entry:hover,
#app .event-entry.link:hover,
#app .lp-event-entry.link:hover,
#app .breadcrumb--name:hover {
  color: #012436;
  background-color: #a2cc3d;
}
#app .breacrumb,
#app .movies-sort,
#app .events-month-name {
  max-width: calc(100% + 2rem);
  margin: 2rem -1rem;
  padding: 0.7rem 1rem;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0.3rem;
  background-color: #012436;
}
#app .places-breacrumb,
#app .events-wrapper > div:first-child > div:first-child .events-month-name {
  margin-top: 0;
}
#app .breadcrumb {
  padding-top: 0;
  padding-bottom: 0;
}
#app .breadcrumb-element {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border: none;
  background-color: transparent;
}
#app .breadcrumb-name {
  cursor: pointer;
  display: inline-block;
  padding: 0 1rem;
}
#app .breadcrumb-name:hover {
  color: #fff;
}
#app .breadcrumb-separator {
  display: inline-block;
  padding: 0 0.5rem;
}
#app .movies-sort {
  padding: 0;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app .movies-sort span {
  display: block;
  cursor: pointer;
  padding: 0.7rem 1rem;
}
#app .movies-sort .sort-label {
  padding-left: 0;
  flex-grow: 1;
}
#app .movies-sort:hover {
  color: #fff;
}
#app .movies-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 -0.25rem;
}
#app .movies-grid .movie-entry {
  flex: 0 0 25%;
  flex-basis: calc(25% - 0.75rem);
  position: relative;
  background-color: #fff;
}
@media screen and (max-width: 600px) {
  #app .movies-grid .movie-entry {
    flex-basis: calc(33.3333333333% - 0.75rem);
  }
}
@media screen and (max-width: 400px) {
  #app .movies-grid .movie-entry {
    flex-basis: calc(50% - 0.75rem);
  }
}
#app .movies-grid .movie-entry img {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease-out;
  object-fit: cover;
}
#app .movies-grid .movie-entry .movie-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #012436;
  mix-blend-mode: multiply;
  transition: opacity 0.25s ease-out;
}
#app .movies-grid .movie-entry .movie-title span {
  display: block;
  max-width: 90%;
  overflow: hidden;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.2rem;
}
#app .movies-grid .movie-entry:hover img {
  opacity: 0.35;
}
#app .movies-grid .movie-entry:hover .movie-title {
  opacity: 1;
}
#app .movies-grid .movie-entry.no-poster {
  background: #fff url("../img/picto-ffv.svg") center/cover no-repeat scroll;
}
#app .movies-grid .movie-entry.no-poster a {
  display: block;
  padding-top: 150%;
}
#app .movies-grid .movie-entry.no-poster img {
  display: none;
}
#app .movies-grid .movie-entry.no-poster .movie-title {
  opacity: 1;
}
#app .regions-panels-wrapper {
  position: relative;
}
#app .region-panel {
  width: 100%;
}
#app .region-entry {
  font-size: 2rem;
  margin: 0 -1rem;
}
#app .region-data {
  padding: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#app .region-name {
  flex: 0 0 50%;
}
#app .region-places {
  padding-left: 1rem;
  font-size: 1.4rem;
}
#app .region-show-program {
  margin: 0 0 2rem;
  text-align: center;
}
#app .place-entry {
  width: 100%;
  font-size: 2rem;
}
#app .place-entry a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  color: inherit;
}
#app .place-entry a .name {
  flex: 1 0 0;
  max-width: calc(100vw - 4rem);
}
#app .entry-btn-go {
  margin-left: auto;
}
@media screen and (max-width: 800px) {
  #app .region-name {
    flex: 1 0 0;
    margin-right: auto;
  }
  #app .region-panel .entry-btn-go {
    padding-left: 2rem;
  }
}
#app .places-search .place-entry .region {
  margin-left: 1rem;
  margin-right: 1rem;
  font-style: italic;
}
@media screen and (max-width: 600px) {
  #app .places-search .place-entry a {
    margin-bottom: 1rem;
  }
  #app .places-search .place-entry .name {
    flex: 0 0 100%;
  }
  #app .places-search .place-entry .region {
    flex: 1 0 0;
    margin-left: 0;
    padding-top: 1rem;
    font-size: 0.85em;
  }
  #app .places-search .place-entry .entry-btn-go {
    padding-top: 1rem;
  }
}
#app .landing-page-data {
  margin-bottom: 4rem;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: repeat(5, min-content);
  grid-template-areas: "title  title" "dates  dates" "imgs   intro" "x      intro" "rs     doc";
  grid-column-gap: 3rem;
  width: calc(100% - 3rem);
}
#app .landing-page-data .title {
  grid-area: title;
}
#app .landing-page-data .dates {
  grid-area: dates;
}
#app .landing-page-data .body {
  grid-area: intro;
}
#app .landing-page-data .images {
  grid-area: imgs;
}
#app .landing-page-data .doc {
  grid-area: doc;
}
#app .landing-page-data .rs-links {
  grid-area: rs;
}
#app .landing-page-data a {
  color: #a2cc3d;
}
#app .landing-page-data a:hover {
  color: #fff;
}
#app .landing-page-data .title {
  margin-bottom: 2rem;
}
#app .landing-page-data .dates {
  margin-top: -2rem;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: normal;
}
#app .landing-page-data .body {
  font-size: 1.8rem;
  line-height: 1.3;
}
#app .landing-page-data .body * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  border: none !important;
}
#app .landing-page-data .doc {
  margin: 4rem 0 0;
}
#app .landing-page-data .cta {
  margin: 0.5rem 0;
}
#app .landing-page-data .image img {
  display: block;
}
#app .landing-page-data .rs-links {
  margin: 4rem -1rem 0;
  font-size: 3rem;
  text-align: right;
}
#app .landing-page-data .rs-links .no-icon {
  font-size: 1.6rem;
}
#app .landing-page-data .rs-link {
  display: inline-block;
  padding: 1rem;
}
@media screen and (max-width: 600px) {
  #app .landing-page-data {
    grid-template-areas: "title  title" "dates  dates" "intro  intro" "rs     doc" "imgs   imgs";
  }
  #app .landing-page-data .body {
    margin-bottom: 4rem;
  }
  #app .landing-page-data .rs-links {
    text-align: left;
    margin-top: 0;
    margin-bottom: 4rem;
  }
  #app .landing-page-data .doc {
    text-align: right;
    margin-top: 0;
    margin-bottom: 4rem;
  }
  #app .landing-page-data .images {
    margin-bottom: 4rem;
  }
}
#app .lp-event-entry {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem 2rem;
  padding: 1rem;
}
#app .lp-event-entry .poster {
  flex: 0 0 10rem;
}
#app .lp-event-entry .poster img {
  display: block;
  width: 100%;
  height: auto;
}
#app .lp-event-entry .data {
  flex: 1 1 0;
  padding-left: 2rem;
}
#app .lp-event-entry .entry-btn-go {
  flex: 0 0 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 400px) {
  #app .lp-event-entry .poster {
    flex: 0 0 100%;
  }
  #app .lp-event-entry .poster img {
    max-width: 12rem;
    margin: 0 auto 2rem;
  }
  #app .lp-event-entry .data {
    padding-left: 0;
  }
}
#app .lp-event-entry .place {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: normal;
}
#app .lp-event-entry .date {
  font-weight: bold;
  margin-bottom: 1.5rem;
}
#app .lp-event-entry .title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
#app .lp-event-entry .movie-infos {
  margin-bottom: 1.5rem;
}
#app .lp-event-entry .desc {
  font-size: 1.3rem;
  font-style: italic;
}
#app .lp-event-entry .desc * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  border: none !important;
}
#app .event-entry {
  margin: 1rem -1rem;
  padding: 1rem 4rem 1rem 8rem;
  position: relative;
  line-height: 1.2;
}
#app .event-entry .date {
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 1;
  width: 6rem;
  text-align: center;
}
#app .event-entry .date .day {
  display: block;
  font-size: 4rem;
  font-weight: bold;
}
#app .event-entry .date .month {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
#app .event-entry .title {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  text-transform: none;
}
#app .event-entry .event-infos {
  margin-bottom: 1.5rem;
  font-weight: bold;
}
#app .event-entry .desc {
  margin-top: 0.5rem;
  font-size: 1.3rem;
  font-style: italic;
}
#app .event-entry .desc * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  border: none !important;
}
#app .event-entry .entry-btn-go {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  width: 2rem;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 400px) {
  #app .event-entry {
    padding-left: 6rem;
    max-width: calc(100vw - 2rem);
    overflow: hidden;
  }
  #app .event-entry .date {
    width: 5rem;
    left: 0.5rem;
  }
  #app .event-entry .date .day {
    font-size: 3rem;
  }
}
#app .slide2left-enter-active,
#app .slide2left-leave-active,
#app .slide2right-enter-active,
#app .slide2right-leave-active {
  position: absolute;
  top: 0;
  transition-property: transform, opacity;
  transition-duration: 0.5s;
}
#app .slide2left-enter-to,
#app .slide2left-leave-from,
#app .slide2right-enter-to,
#app .slide2right-leave-from {
  opacity: 1;
  transform: translateX(0%);
}
#app .slide2left-enter-from,
#app .slide2right-leave-to {
  opacity: 0;
  transform: translateX(100%);
}
#app .slide2left-leave-to,
#app .slide2right-enter-from {
  opacity: 0;
  transform: translateX(-100%);
}
#app .fade-enter-active, #app .fade-leave-active {
  transition: opacity 0.35s;
}
#app .fade-enter-from, #app .fade-leave-to {
  opacity: 0;
}

body .dp__clear_icon {
  display: none;
}
body .dp__inner_nav_disabled,
body .dp__inner_nav_disabled:hover {
  visibility: hidden;
}
body .dp__input,
body .dp__menu,
body .dp__calendar_wrap,
body .dp__overlay,
body .dp__time_input,
body .dp__main {
  font-family: "Montserrat", -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
}
body .dp__input {
  font-size: 1.6rem;
  line-height: 1;
}
body .dp__input_icons {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
body .dp__menu {
  font-size: 1.6rem;
}
body .dp__now_button {
  font-size: 1.6rem;
}
body .dp__calendar_header_cell {
  padding: 0.8rem;
}
body .dp__time_col {
  font-size: 3.2rem;
}
body .dp__selection_preview {
  font-size: 1.28rem;
}
body .dp__theme_dark {
  --dp-background-color: #012436;
  --dp-text-color: #a2cc3d;
  --dp-hover-color: #074868;
  --dp-hover-text-color: #a2cc3d;
  --dp-hover-icon-color: #548a52;
  --dp-primary-color: #548a52;
  --dp-primary-text-color: #a2cc3d;
  --dp-secondary-color: #548a52;
  --dp-border-color: #012436;
  --dp-menu-border-color: #012436;
  --dp-border-color-hover: #012436;
  --dp-disabled-color: #074868;
  --dp-scroll-bar-background: #012436;
  --dp-scroll-bar-color: #074868;
  --dp-success-color: #a2cc3d;
  --dp-success-color-disabled: #548a52;
  --dp-icon-color: #548a52;
  --dp-danger-color: #ea4356;
  --dp-primary-disabled-color: #548a52;
  --dp-highlight-color: rgba(0, 92, 178, 0.2);
}
body .dp__calendar_item {
  --dp-text-color: #fff;
}

.page {
  min-height: 100vh;
  width: 100%;
  position: relative;
  z-index: 2;
}

.page-main {
  overflow: auto;
}

.page-main,
.region-menu-wrapper {
  position: relative;
  width: 100%;
  max-width: 144rem;
  margin: 0 auto;
}
.page-main::before,
.region-menu-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  height: calc(100vh - 12.5rem);
  background: #fff url("../hero/2024-bg-hero-dark.jpg") 0 50%/cover no-repeat scroll;
}

@media screen and (max-width: 800px) {
  .page-main::before,
  .region-menu-wrapper::before {
    display: none;
  }
  body.front .page-main::before {
    display: block;
  }
}
.main-content {
  width: 100%;
  max-width: 92rem;
  margin: 0 auto;
  padding: 2.5rem calc(var(--side-padding) / 2);
  background-color: #fff;
}
.main-content.content1 {
  margin-top: 8rem;
}
.main-content.content2 {
  max-width: none;
}
@media screen and (max-width: 800px) {
  .main-content {
    padding: 2.5rem var(--side-padding);
  }
  .main-content.content1 {
    margin-top: 0;
  }
}

.front .main-content,
.page-news .main-content,
.page-archives .main-content {
  max-width: 100%;
  margin: 0;
}

.page-header,
.region-menu-header {
  background-color: #012436;
}

.page-header-inner,
.region-menu-header-inner {
  position: relative;
  max-width: 144rem;
  margin: 0 auto;
  padding: 3.5rem var(--side-padding);
  color: #a2cc3d;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .page-header-inner,
  .region-menu-header-inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.page-header-inner .site-name,
.region-menu-header-inner .site-name {
  display: block;
  height: 5.5rem;
  width: 20.625rem;
  background: transparent url("../img/logo-ffv.svg") 0 50%/contain no-repeat scroll;
  max-width: 50vw;
}
.page-header-inner .site-name a,
.region-menu-header-inner .site-name a {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: calc(20.625rem + 2 * var(--side-padding));
  max-width: 50vw;
  font-size: 1px;
  white-space: nowrap;
  text-indent: 10000px;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .page-header-inner .site-name a,
  .region-menu-header-inner .site-name a {
    max-width: none;
    width: calc(50vw + 2 * var(--side-padding));
  }
}

.page-header-inner {
  z-index: 3;
}

.page-header .main-menu-open,
.region-menu-header .main-menu-close {
  position: relative;
  z-index: 2;
  padding-left: 4rem;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.page-header .main-menu-open span,
.region-menu-header .main-menu-close span {
  padding-right: 2rem;
  text-transform: uppercase;
}
.page-header .main-menu-open svg,
.region-menu-header .main-menu-close svg {
  font-size: 2em;
}

.links {
  text-align: right;
}
.links li {
  margin: 0 -1rem 0 0;
}
.links a {
  display: inline-block;
  padding: 1rem;
  color: #012436;
  text-decoration: none;
}
.links a:hover {
  text-decoration: underline;
}

.pager {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
}
.pager .pager-previous {
  margin-right: auto;
}
.pager .pager-previous a {
  padding-left: 0;
}
.pager .pager-next {
  margin-left: auto;
}
.pager .pager-next a {
  padding-right: 0;
}
.pager .pager-current {
  display: none;
}

.user-menu {
  text-align: right;
}
.user-menu .menu {
  display: flex;
  justify-content: flex-end;
}
.user-menu .menu li {
  margin: 0.2rem;
  padding: 0 !important;
  list-style: none !important;
}
.user-menu .menu a {
  display: block;
  padding: 0.5rem 1rem 0.1rem;
  color: #012436;
  text-decoration: none;
  background-color: #a2cc3d;
  border-bottom: 0.4rem solid #a2cc3d;
  border-radius: 0.4rem;
}
.user-menu .menu a.active-trail, .user-menu .menu a:hover {
  background-color: #fff;
}
.user-menu .menu span {
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: #012436;
  border-radius: 0.4rem;
}
.user-menu .menu .separator {
  visibility: hidden;
}

.page-title {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
  color: #a2cc3d;
  font-size: 3rem;
  text-transform: none;
}
@media screen and (max-width: 800px) {
  .page-title {
    margin-top: 0;
  }
}

.main-content {
  line-height: 1.6;
}
.main-content p, .main-content ul, .main-content ol {
  margin: 1.5em 0;
}

::placeholder {
  opacity: 1;
  color: #787f84;
}

input, button, select, option, textarea {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.btn-big,
.page-main button,
.page-main input[type=submit],
.form-submit {
  display: inline-block;
  width: auto;
  padding: 1.5rem 2rem;
  color: #012436;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  border: 0.2rem solid #012436;
  border-radius: 0.5rem;
  cursor: pointer;
}
.btn-big:hover, .btn-big:active, .btn-big:focus,
.page-main button:hover,
.page-main button:active,
.page-main button:focus,
.page-main input[type=submit]:hover,
.page-main input[type=submit]:active,
.page-main input[type=submit]:focus,
.form-submit:hover,
.form-submit:active,
.form-submit:focus {
  background-color: #d2dfe8;
}
.btn-big.icon,
.page-main button.icon,
.page-main input[type=submit].icon,
.form-submit.icon {
  position: relative;
  padding-left: 5rem;
}
.btn-big.icon-dl::before,
.page-main button.icon-dl::before,
.page-main input[type=submit].icon-dl::before,
.form-submit.icon-dl::before {
  position: absolute;
  left: 2rem;
  top: calc(50% - 0.8rem);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f358";
  font: var(--fa-font-regular);
}
.btn-big.icon-email::before,
.page-main button.icon-email::before,
.page-main input[type=submit].icon-email::before,
.form-submit.icon-email::before {
  position: absolute;
  left: 2rem;
  top: calc(50% - 0.8rem);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0e0";
  font: var(--fa-font-regular);
}

.page-main .form-item {
  margin: 2.5rem 0;
}
.page-main .form-item label {
  margin-bottom: 0.5rem;
  color: #787f84;
  font-weight: normal;
}
.page-main .form-item .description {
  margin-top: 0.5rem;
  color: #787f84;
}
.page-main select,
.page-main textarea,
.page-main input[type=text],
.page-main input[type=email],
.page-main input[type=password],
.page-main input[type=number],
.page-main input[type=date] {
  width: 100%;
  max-width: 100%;
  border: none;
  padding: 1rem 2rem;
  border: 0.2rem solid #012436;
  border-radius: 0.4rem;
}
.page-main select:hover, .page-main select:focus,
.page-main textarea:hover,
.page-main textarea:focus,
.page-main input[type=text]:hover,
.page-main input[type=text]:focus,
.page-main input[type=email]:hover,
.page-main input[type=email]:focus,
.page-main input[type=password]:hover,
.page-main input[type=password]:focus,
.page-main input[type=number]:hover,
.page-main input[type=number]:focus,
.page-main input[type=date]:hover,
.page-main input[type=date]:focus {
  background-color: #d2dfe8;
  border-color: #000;
}
.page-main select:hover::selection, .page-main select:focus::selection,
.page-main textarea:hover::selection,
.page-main textarea:focus::selection,
.page-main input[type=text]:hover::selection,
.page-main input[type=text]:focus::selection,
.page-main input[type=email]:hover::selection,
.page-main input[type=email]:focus::selection,
.page-main input[type=password]:hover::selection,
.page-main input[type=password]:focus::selection,
.page-main input[type=number]:hover::selection,
.page-main input[type=number]:focus::selection,
.page-main input[type=date]:hover::selection,
.page-main input[type=date]:focus::selection {
  color: #fff;
  background-color: #012436;
}

.form-actions {
  text-align: right;
}

.page-main .form-required {
  color: #c00;
  font-weight: bold;
  font-style: normal;
}

.webform-component-radios .form-item {
  margin: 1rem 0;
}

.webform-confirmation p {
  padding: 1rem 2rem;
  background-color: #a2cc3d;
  border-radius: 0.4rem;
}

.front .main-content {
  padding: 0;
  background: transparent;
}
.front .main-content.content1 {
  padding-bottom: 0;
}
.front .main-content.content2 {
  padding-bottom: 0;
}
.front .page-title {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.front .btn-big {
  padding: 0.8rem 1rem;
  text-transform: uppercase;
}

/*

Layout entièrement responsive et dépendant de la largeur de la fenêtre

1rem = 10px
largeur max : 1440px

titre :      80px = 8rem
édition :    50px = 5rem
sous-titre : 40px = 4rem
dates :      60px = 6rem
bouton :     16px = 1.6rem

largeur 1440px => 1 vw    == 14.4px
               => 0.694vw == 10px

donc font-zize de départ : 0.694vw
Et tout le reste est exprimé en EM : 8em = 80px

Après tests, on utilise plutôt 1vw comme taille de base afin que l'ensemble reste assez grand sur mobile.

*/
.main-content .home-hero-wrapper {
  display: flex;
  height: calc(100vh - 12.5rem);
  padding-top: 30vh;
  font-size: min(1vw, 1rem);
}
.main-content .home-hero-wrapper * {
  font-size: inherit;
}

.main-content .home-hero {
  flex: 1;
  padding: 0 4em;
  color: #a2cc3d;
  text-align: right;
  line-height: 1.3;
}
.main-content .home-hero h1 {
  text-transform: none;
  position: relative;
}
.main-content .home-hero h1 > span {
  font-size: 8em;
  text-shadow: 0 0 0.25em #000;
}
.main-content .home-hero h1 .edition {
  position: absolute;
  right: 50em;
  top: -2.5em;
  padding: 0.9em 1.2em 0.7em 7em;
  color: #fff;
  text-align: left;
  font-weight: normal;
  border: 0.4em solid #fff;
  border-radius: 0.5em;
  transform: rotate(-12deg);
}
.main-content .home-hero h1 .edition .count {
  position: absolute;
  left: 0.2em;
  top: 0.54em;
  font-size: 5em;
  line-height: 0;
  font-weight: bold;
}
.main-content .home-hero h1 .edition .suffix {
  display: block;
  font-size: 1.26em;
}
.main-content .home-hero h1 .edition .text {
  display: block;
  font-size: 1.8em;
  text-transform: uppercase;
}
.main-content .home-hero .catch {
  color: #fff;
  font-size: 4em;
}
.main-content .home-hero .dates {
  font-size: 6em;
  font-weight: bold;
  text-shadow: 0 0 0.33em #000;
}
.main-content .home-hero .cta {
  padding: 0.625em 1.25em;
  font-size: 1.6em;
  text-transform: uppercase;
  color: #012436;
  border-color: #a2cc3d;
  background-color: #a2cc3d;
}

@media screen and (max-width: 800px) {
  .main-content .home-hero-wrapper {
    font-size: inherit;
    padding-top: 15vh;
  }
  .main-content .home-hero {
    padding: 0 var(--side-padding);
  }
  .main-content .home-hero h1 > span {
    font-size: 5rem;
  }
  .main-content .home-hero h1 .edition {
    right: 2rem;
    top: -6rem;
    font-size: 0.65em;
  }
  .main-content .home-hero .catch {
    font-size: 3rem;
  }
  .main-content .home-hero .dates {
    font-size: 4rem;
  }
  .main-content .home-hero .cta {
    font-size: 1.6rem;
  }
}
.front .field-name-field-long-text section {
  background: #fff;
}

.home-teasers {
  padding: 0 var(--side-padding);
  background-color: #fff;
}
.home-teasers .tabs {
  display: none;
}
.home-teasers .wrapper {
  max-width: 120rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.home-teasers .tab-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 6.4rem 1.6rem;
  width: 33.3333333333%;
  text-align: center;
}
.home-teasers .tab-content .icon {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 24rem;
  margin: 0 auto 3.2rem;
}
.home-teasers .tab-content .icon i {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0;
  padding-top: 100%;
  color: #a2cc3d;
  font-size: min(8rem, 9vw);
  background: #012436;
  border-radius: 100%;
}
.home-teasers .tab-content .icon i::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  line-height: 0;
  text-align: center;
}
.home-teasers .tab-content h2 {
  margin: 0;
  padding-bottom: 1.6rem;
  font-size: 2.8rem;
  font-weight: 500;
}
.home-teasers .tab-content p {
  margin: 0;
  padding-bottom: 3.2rem;
}
.home-teasers .tab-content .btn-wrap {
  margin-top: auto;
}
@media screen and (max-width: 800px) {
  .home-teasers .tabs {
    margin: 0 -0.2rem;
    padding-top: 6rem;
    display: flex;
    justify-content: center;
  }
  .home-teasers .tabs .tab {
    flex: 0 0 33.33%;
    flex-basis: min(33.33%, 15rem);
    padding: 0.2rem;
    cursor: pointer;
  }
  .home-teasers .tabs .tab i {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-color: #a2cc3d;
    border-radius: 0.5rem;
    font-size: min(15vw, 8rem);
  }
  .home-teasers .tabs .tab i::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    line-height: 0;
    text-align: center;
  }
  .home-teasers .tabs .tab.active i {
    color: #a2cc3d;
    background-color: #012436;
  }
  .home-teasers .tab-content {
    display: none;
  }
  .home-teasers .tab-content .icon {
    display: none;
  }
  .home-teasers .tab-content.active {
    display: block;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    padding-top: 4rem;
  }
}

.page .home-about-support {
  padding: var(--side-padding);
  padding-top: 4rem;
  background-color: #fff;
}
.page .home-about-support .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page .home-about-support .wrapper.img-left .content {
  order: 2;
  padding-right: 0;
  padding-left: 2rem;
}
.page .home-about-support .wrapper.img-left .img {
  padding-right: 2rem;
  padding-left: 0;
}
.page .home-about-support .content {
  width: 33.33%;
  padding-right: 2rem;
}
.page .home-about-support .content h2 {
  margin-top: 0;
  font-size: 3rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page .home-about-support .img {
  width: 66.66%;
  padding-left: 2rem;
}
.page .home-about-support .img img {
  display: block;
}
@media screen and (max-width: 1000px) {
  .page .home-about-support .content,
  .page .home-about-support .img {
    width: 50%;
  }
  .page .home-about-support .img img {
    object-fit: cover;
    height: calc((100vw - var(--side-padding) * 2) / 3 * 1.5);
  }
}
@media screen and (max-width: 700px) {
  .page .home-about-support .wrapper.img-left .content {
    padding-left: 0;
  }
  .page .home-about-support .wrapper.img-left .img {
    padding-right: 0;
  }
  .page .home-about-support .content {
    order: 2;
    width: auto;
    padding: 2rem 0;
  }
  .page .home-about-support .img {
    width: auto;
    margin: 0 calc(var(--side-padding) * -1);
    padding: 0;
  }
  .page .home-about-support .img img {
    object-fit: cover;
    height: auto;
  }
}

.page .home-support .block-title {
  margin: 0 0 2rem;
  font-size: 3rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page .home-support .content {
  width: 33.33%;
  padding-right: 2rem;
}
.page .home-support .content h2 {
  font-weight: 500;
  text-transform: initial;
}
@media screen and (max-width: 1000px) {
  .page .home-support .content {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .page .home-support .content {
    width: auto;
  }
}
.page .home-support .wrapper {
  align-items: stretch;
}
.page .home-support .wrapper .img {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page .home-support .wrapper .img img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 700px) {
  .page .home-support .wrapper .img img {
    height: auto;
  }
}
.page .home-support .follow {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 4rem 0 0.8rem;
}
.page .home-support .follow .social i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
  padding: 0.8rem;
  color: #a2cc3d;
  font-size: 0;
  background: #012436;
  border-radius: 10rem;
}
.page .home-support .follow .social i::before {
  font-size: 1.6rem;
}
.page .home-support .follow .social a {
  display: inline-flex;
  align-items: center;
  margin-right: 3.2rem;
  margin-bottom: 3.2rem;
  color: #012436;
  text-decoration: none;
}
.page .home-support .follow .social a:hover i {
  background: #cdd7dc;
  color: #012436;
}

.page .home-infos {
  padding: 2rem var(--side-padding);
  background-color: #fff;
}
.page .home-infos .block-title {
  margin: 0 0 2rem;
  font-size: 3rem;
  font-weight: 800;
  text-transform: uppercase;
}
.page .home-infos .blocks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -1.6rem;
}
.page .home-infos .block {
  flex: 0 1 33.33%;
  width: 33.33%;
  margin: 0 1.6rem;
  overflow: visible;
}
.page .home-infos .block .picto {
  padding: 3.2rem;
  color: #a2cc3d;
  text-align: right;
  text-align: center;
  background-color: #012436;
}
.page .home-infos .block .picto i {
  font-size: 0;
}
.page .home-infos .block .picto i::before {
  font-size: 11.2rem;
}
.page .home-infos .block h3 {
  margin: 3.2rem 0;
  font-size: 3.2rem;
  font-weight: 500;
  text-transform: initial;
  overflow-wrap: initial;
}
@media screen and (max-width: 1000px) {
  .page .home-infos .block .picto i::before {
    font-size: 8rem;
  }
  .page .home-infos .block h3 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 700px) {
  .page .home-infos {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #cdd7dc;
  }
  .page .home-infos .blocks {
    display: block;
    margin: 0;
  }
  .page .home-infos .block {
    width: auto;
    height: 12rem;
    margin: 0;
    padding: 1rem 0 1rem 13rem;
    position: relative;
  }
  .page .home-infos .block .picto {
    width: 10rem;
    height: 10rem;
    padding: 2.5rem 2rem;
    position: absolute;
    left: 0;
    top: 1rem;
  }
  .page .home-infos .block .picto i::before {
    font-size: 5rem;
  }
  .page .home-infos .block h3 {
    margin: 0.5rem 0 1rem;
    font-size: 3rem;
  }
  .page .home-infos .block .btn-big {
    background-color: #fff;
  }
}
@media screen and (max-width: 460px) {
  .page .home-infos .block {
    padding-left: 12rem;
  }
  .page .home-infos .block h3 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
}

.node-type-place .main-content {
  max-width: none;
  padding: 0;
  background-color: transparent;
}
.node-type-place .panel-2col {
  max-width: 128rem;
  margin: 0 auto;
}

.node-place .group-left {
  padding: 2.5rem 2rem;
  background: #012436;
  color: #fff;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.node-place .group-left .group1 {
  flex: 0 0 100%;
}
.node-place .group-left .group2 {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 2rem;
}
.node-place .group-left .group3 {
  flex: 0 0 50%;
  max-width: 50%;
}
.node-place .group-left .group4 {
  flex: 0 0 100%;
}
@media screen and (max-width: 500px) {
  .node-place .group-left {
    display: block;
  }
  .node-place .group-left .group2,
  .node-place .group-left .group3 {
    max-width: none;
    margin-top: 1.5rem;
    padding: 0;
  }
}
.node-place .group-left a {
  color: #a2cc3d;
  text-decoration: none;
}
.node-place .group-left a:hover {
  text-decoration: underline;
}
.node-place .group-middle {
  padding: 1rem 4rem 1rem 2rem;
}
.node-place .group-right {
  padding: 2.5rem 2rem;
  background: #012436;
}
.node-place .field-name-field-situation ul {
  margin: -1.5rem 0 2.5rem;
  line-height: 1.4;
  cursor: default;
}
@media screen and (max-width: 400px) {
  .node-place .field-name-field-situation ul {
    font-size: 1.4rem;
  }
}
.node-place .field-name-field-situation li {
  display: inline-block;
  color: #a2cc3d;
  cursor: pointer;
}
.node-place .field-name-field-situation li::after {
  content: "»";
  color: #fff;
  cursor: default;
}
.node-place .field-name-field-situation li:last-child::after {
  content: "";
}
.node-place .field-name-title h2 {
  font-weight: 700;
  line-height: 1;
}
.node-place .field-name-field-dates {
  position: relative;
  top: -0.5rem;
  z-index: 1;
  margin-bottom: 1.5rem;
  color: #a2cc3d;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
.node-place .field-name-field-liens-web {
  padding-left: 3rem;
  position: relative;
}
.node-place .field-name-field-liens-web::before {
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.node-place .field-name-field-billetterie {
  margin-top: 1.5rem;
  padding-left: 3rem;
}
.node-place .field-name-field-billetterie a {
  display: inline-block;
  padding: 0.7rem 2rem 0.7rem 1.5rem;
  color: #012436;
  font-weight: bold;
  background-color: #a2cc3d;
  border: 0.2rem solid #a2cc3d;
  border-radius: 0.4rem;
}
.node-place .field-name-field-billetterie a:hover {
  border-color: #fff;
  text-decoration: none;
}
.node-place .field-name-field-billetterie a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f145";
  font: var(--fa-font-light);
  margin-right: 1rem;
  width: 2rem;
}
.node-place .field-name-field-phone::before,
.node-place .field-name-field-email::before,
.node-place .field-name-field-liens-web::before {
  margin-right: 1rem;
  width: 2rem;
}
.node-place .field-name-field-phone::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f095";
  font: var(--fa-font-light);
}
.node-place .field-name-field-email::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0e0";
  font: var(--fa-font-light);
}
.node-place .field-name-field-liens-web::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0ac";
  font: var(--fa-font-light);
}
.node-place .field-name-field-banniere {
  margin: 2rem -2rem -2.5rem;
  padding: 2.5rem 2rem;
  color: #012436;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  background-color: #a2cc3d;
}
.node-place .group-middle > div {
  margin: 2.5rem 0;
  padding-left: 6rem;
  position: relative;
}
.node-place .group-middle > div::before {
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  font-size: 3rem !important;
}
.node-place .group-middle > div .label-abovec {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 0.2rem solid rgba(1, 36, 54, 0.25);
}
.node-place .group-middle > div .label-abovec + p, .node-place .group-middle > div .label-abovec + ul, .node-place .group-middle > div .label-abovec + ol {
  margin-top: 0;
}
.node-place .group-middle > div p, .node-place .group-middle > div ul, .node-place .group-middle > div ol {
  margin: 1em 0;
}
.node-place .group-middle > div p:first-child, .node-place .group-middle > div ul:first-child, .node-place .group-middle > div ol:first-child {
  margin-top: 0;
}
.node-place .group-middle > div p:last-child, .node-place .group-middle > div ul:last-child, .node-place .group-middle > div ol:last-child {
  margin-bottom: 0;
}
.node-place .field-name-field-transports::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f55e";
  font: var(--fa-font-light);
}
.node-place .field-name-field-abonnements::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f145";
  font: var(--fa-font-light);
  transform: rotate(-25deg);
}
.node-place .field-name-field-tarif-pour-une-entree::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f145";
  font: var(--fa-font-light);
  transform: rotate(-25deg);
}

#p-place .view-empty {
  display: none;
  margin-top: 4rem;
  font-style: italic;
  text-align: center;
}
#p-place.no-past.no-future .past-events .view-empty {
  display: block;
}
#p-place.no-past.no-future .future-events {
  display: none;
}
#p-place.has-past.no-future .panel-col-last .inside {
  display: flex;
  flex-direction: column;
}
#p-place.has-past.no-future .panel-col-last .inside .future-events {
  order: 1;
}
#p-place.has-past.no-future .panel-col-last .inside .future-events .view-empty {
  display: block;
}
#p-place.has-past.no-future .panel-col-last .inside .past-events {
  order: 2;
}
#p-place.has-past.no-future .panel-col-last .inside .past-events .pane-title {
  display: none;
}
#p-place.no-past.has-future .past-events {
  display: none;
}

.place-events {
  padding: 2.5rem 2rem;
}
.place-events .pane-title {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.place-events h3 {
  margin-bottom: 1.5rem;
  font-size: 4rem;
  font-weight: 900;
  text-transform: none;
  line-height: 1;
}
.place-events .event {
  margin: 4rem 0;
  position: relative;
  padding-left: 16rem;
}
.place-events .event a {
  color: #a2cc3d;
  text-decoration: none;
}
.place-events .event a:hover {
  text-decoration: underline;
}
.place-events .event .date {
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.place-events .event .title {
  display: block;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1;
}
.place-events .event .ticketing {
  text-align: right;
  position: relative;
  z-index: 4;
}
.place-events .event .ticketing .cta a {
  color: #012436;
  text-decoration: none;
}
.place-events .event .ticketing .cta:empty {
  display: none;
}
.place-events .event .node-film {
  margin-left: -16rem;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.place-events .event .node-film .group-left {
  flex: 0 0 16rem;
  max-width: 16rem;
  padding-right: 2rem;
}
.place-events .event .node-film .group-left img {
  display: block;
}
.place-events .event .node-film .group-right {
  flex: 0 0 calc(100% - 16rem);
  max-width: calc(100% - 16rem);
}
.place-events .event .node-film .group-infos {
  margin-top: -0.5rem;
  font-weight: 500;
}
.place-events .event .node-film .group-infos div, .place-events .event .node-film .group-infos p {
  display: inline;
}
.place-events .event .node-film .group-infos .field-name-field-director::after,
.place-events .event .node-film .group-infos .field-name-field-duree::after {
  content: ", ";
}
.place-events .event .node-film .field-name-field-nomine-tournesol {
  margin-top: 1rem;
  line-height: 1;
  padding-left: 2.5rem;
  position: relative;
  font-size: 1.2rem;
  font-weight: bold;
}
.place-events .event .node-film .field-name-field-nomine-tournesol::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f7ff";
  font: var(--fa-font-light);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.5em;
}
.place-events .event .node-film .field-name-field-nomine-tournesol:empty {
  display: none;
}
.place-events .event .node-film .field-name-body {
  font-weight: 400;
}
.place-events .event .node-film .field-name-body * {
  margin: 0;
  padding: 0;
  display: inline;
}
.place-events .event .films {
  margin: 1.5rem 0;
}
.place-events .event .films ul {
  margin: 0;
}
.place-events .event .films + .body {
  font-weight: 500;
}
.place-events .event .body {
  font-weight: 400;
}
.place-events .event .body p, .place-events .event .body ol, .place-events .event .body ul {
  margin: 0.5em 0;
}
.place-events .event .body p:first-child, .place-events .event .body ol:first-child, .place-events .event .body ul:first-child {
  margin-top: 0;
}
.place-events .event .body p:last-child, .place-events .event .body ol:last-child, .place-events .event .body ul:last-child {
  margin-bottom: 0;
}
.place-events .event .more a {
  position: absolute;
  left: -0.5rem;
  right: -0.5rem;
  top: -0.5rem;
  bottom: -0.5rem;
  z-index: 1;
  white-space: nowrap;
  text-indent: -100000px;
  overflow: hidden;
}
.place-events .event.nolink .nolink {
  display: none;
}
.place-events .event.nolink a {
  color: inherit;
  text-decoration: none;
}
.place-events .event.nolink a:hover {
  cursor: text;
  text-decoration: none;
}
.place-events .event.nolink .more {
  display: none !important;
}
.place-events .event.hide-ticketing .ticketing,
.place-events .event.hide-ticketing .masquer-billetterie {
  display: none;
}
.place-events .event.hide-time span.date,
.place-events .event.hide-time .hide-time {
  display: none;
}
.place-events .event.no-film {
  padding-left: 8rem;
}
.place-events .event.no-film .date {
  font-size: 1.8rem;
}
.place-events .event.no-film .title {
  font-size: 1.8rem;
}
.place-events .event.nolink.hide-time {
  padding-left: 0;
}
@media screen and (max-width: 400px) {
  .place-events .event {
    padding-left: 0;
  }
  .place-events .event .date {
    position: relative;
    display: inline;
    margin-right: 1rem;
  }
  .place-events .event .title {
    display: inline;
  }
  .place-events .event .node-film {
    margin-left: 0;
    display: block;
  }
  .place-events .event .node-film .group-left {
    max-width: none;
    padding-right: 0;
  }
  .place-events .event .node-film .group-left img {
    width: 24rem;
    margin: 2rem auto;
  }
  .place-events .event .node-film .group-infos {
    margin-top: 1rem;
  }
  .place-events .event .node-film .group-right {
    max-width: none;
  }
  .place-events .event.no-film {
    padding-left: 0;
  }
}

.past-events h3 {
  opacity: 0.5;
}
.past-events .event {
  opacity: 0.5;
  transition: opacity 0.25s ease-out;
}
.past-events .event:hover {
  opacity: 1;
}
.past-events .event .ticketing {
  display: none;
}

.node-type-film .main-content {
  max-width: none;
  padding: 0;
  background-color: transparent;
}
.node-type-film .node-film,
.node-type-film #p-film .panel-col .panel-pane {
  margin: 0 auto;
  padding: 4rem var(--side-padding);
  background-color: #fff;
}
.node-type-film #p-film .panel-col .dates-film {
  background-color: #d2dfe8;
}
.node-type-film #p-film .panel-col .dates-film *::selection {
  color: #fff;
  background-color: #012436;
}
.node-type-film .node-film {
  max-width: 92rem;
}
.node-type-film .node-film {
  display: flex;
  flex-wrap: wrap;
}
.node-type-film .node-film .group-top {
  flex: 0 0 100%;
}
.node-type-film .node-film .group-left {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 2rem;
}
.node-type-film .node-film .group-right {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 2rem;
}
.node-type-film .node-film .group-bottom {
  flex: 0 0 100%;
}
.node-type-film .node-film .field-name-title {
  margin-bottom: 2rem;
}
.node-type-film .node-film .group-prix {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 2rem;
  cursor: default;
  user-select: none;
}
.node-type-film .node-film .group-prix .field {
  min-height: 4.2rem;
  margin: 0 0 1rem 1rem;
  padding: 0.5rem 1rem 0.5rem 5rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  background-color: #074868;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border-radius: 0.6rem;
}
.node-type-film .node-film .group-prix .field .label-inlinec {
  font-weight: normal;
}
.node-type-film .node-film .group-prix .field-name-field-film-commun,
.node-type-film .node-film .group-prix .field-name-field-prix-du-jury {
  background-image: url("../img/film-commun.png");
  background-position: 0.5rem 0.5rem;
}
.node-type-film .node-film .group-prix .field-name-field-nomine-tournesol {
  background-image: url("../img/prix-tournesol.png");
  background-position: 0.5rem 0.5rem;
}
.node-type-film .node-film .group-prix .field-name-field-prix-tournesol {
  background-image: url("../img/prix-tournesol.svg");
  background-position: 0.7rem 0.5rem;
  background-size: auto 3.3rem;
}
.node-type-film .node-film .group-prix .field-name-field-prix-jouvence {
  background-image: url("../img/prix-jouvence.svg");
  background-position: 0.7rem 0.5rem;
  background-size: auto 3.3rem;
}
.node-type-film .node-film .group-prix .field-name-field-prix-schweitzer {
  background-image: url("../img/prix-schweitzer.svg");
  background-position: 0.7rem 0.5rem;
  background-size: auto 3.3rem;
}
.node-type-film .node-film .group-prix .field-name-field-prix-greenpeace,
.node-type-film .node-film .group-prix .field-name-field-prix-fedevaco {
  padding-left: 18rem;
  padding-top: 2.1rem;
  text-align: right;
  background-position: 1rem 0.5rem;
}
.node-type-film .node-film .group-prix .field-name-field-prix-greenpeace .label-inlinec,
.node-type-film .node-film .group-prix .field-name-field-prix-fedevaco .label-inlinec {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.node-type-film .node-film .group-prix .field-name-field-prix-greenpeace {
  background-image: url("../img/prix-greenpeace.png");
}
.node-type-film .node-film .group-prix .field-name-field-prix-fedevaco {
  background-image: url("../img/prix-fedevaco.png");
}
.node-type-film .node-film .field-name-field-film-commun:empty,
.node-type-film .node-film .field-name-field-prix-du-jury:empty,
.node-type-film .node-film .field-name-field-nomine-tournesol:empty,
.node-type-film .node-film .field-name-field-prix-tournesol:empty,
.node-type-film .node-film .field-name-field-prix-jouvence:empty,
.node-type-film .node-film .field-name-field-prix-greenpeace:empty,
.node-type-film .node-film .field-name-field-prix-fedevaco:empty,
.node-type-film .node-film .field-name-field-prix-schweitzer:empty,
.node-type-film .node-film .field-name-field-hors-selection:empty {
  display: none;
}
.node-type-film .node-film .field-name-field-image img {
  display: block;
}
.node-type-film .node-film .field-name-field-video iframe {
  width: 100%;
  min-height: 22rem;
  margin-top: 2rem;
  background-color: #000;
}
@media screen and (max-width: 700px) {
  .node-type-film .node-film {
    display: block;
  }
  .node-type-film .node-film .group-left {
    max-width: none;
    padding-right: 0;
    margin-bottom: 4rem;
  }
  .node-type-film .node-film .group-right {
    max-width: none;
    padding-left: 0;
  }
  .node-type-film .node-film .field-name-field-image img {
    width: 50rem;
    margin: 0 auto;
  }
}
.node-type-film .film-group-infos .field {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0.7rem;
  border-top: 0.2rem solid;
  line-height: 1;
}
.node-type-film .film-group-infos .field.field-name-field-director {
  border-top: none;
}
.node-type-film .film-group-infos .field-label {
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 0.9em;
  font-weight: normal;
}
.node-type-film .film-group-infos .field-items {
  flex: 0 0 50%;
  max-width: 50%;
  font-weight: bold;
}
.node-type-film .film-group-infos .field-item {
  display: inline;
}
.node-type-film .film-group-infos .field-item + .field-item::before {
  content: ", ";
}
.node-type-film .film-group-infos .field-item.vo::before {
  content: " ";
}
.node-type-film .film-group-lang .field-name-field-version-originale:empty {
  display: none;
}
.node-type-film .film-group-lang .field-name-field-version-originale::before {
  content: "(";
}
.node-type-film .film-group-lang .field-name-field-version-originale::after {
  content: ")";
}
.node-type-film .field-name-body {
  margin: 4rem 0;
}
.node-type-film .field-name-field-images {
  margin: 4rem -1rem;
}
.node-type-film .field-name-field-images .field-items {
  display: flex;
  flex-wrap: wrap;
}
.node-type-film .field-name-field-images .field-item {
  padding: 1rem;
  flex: 0 0 33.3333333333%;
}
@media screen and (max-width: 800px) {
  .node-type-film .field-name-field-images .field-item {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 500px) {
  .node-type-film .field-name-field-images .field-item {
    flex-basis: 100%;
  }
}
.node-type-film .field-name-field-images .field-item a {
  display: block;
}
.node-type-film .field-name-field-images .field-item img {
  display: block;
  width: 100%;
  height: auto;
}
.node-type-film .field-name-field-images .field-item img:hover {
  box-shadow: 0 0 0 0.4rem #a2cc3d;
  border-radius: 0.2rem;
}
.node-type-film .panel-pane.dates-film .pane-title {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
}
.node-type-film .events-for-film .event {
  min-height: 7.2rem;
  margin: 1rem -1rem;
  padding: 1rem 4rem 1rem 8rem;
  position: relative;
  line-height: 1.2;
  border-radius: 0.5rem;
}
.node-type-film .events-for-film .event:hover {
  background-color: #fff;
}
.node-type-film .events-for-film .date {
  position: absolute;
  left: 1rem;
  top: 0;
  z-index: 1;
  width: 6rem;
  text-align: center;
}
.node-type-film .events-for-film .date .day {
  display: block;
  font-size: 4rem;
  font-weight: bold;
}
.node-type-film .events-for-film .date .month {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.node-type-film .events-for-film .infos {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: bold;
  text-transform: none;
}
.node-type-film .events-for-film .infos .item-list {
  display: inline;
}
.node-type-film .events-for-film .infos ul {
  display: inline;
}
.node-type-film .events-for-film .infos li {
  display: none;
}
.node-type-film .events-for-film .infos li:last-child {
  display: inline;
}
.node-type-film .events-for-film .desc {
  margin-top: 0.5rem;
  font-style: italic;
}
.node-type-film .events-for-film .desc * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  border: none !important;
}
.node-type-film .events-for-film .desc a {
  color: inherit;
}
.node-type-film .events-for-film .desc img {
  mix-blend-mode: multiply;
  display: block !important;
}
.node-type-film .events-for-film .more a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  text-indent: 1000000px;
  white-space: nowrap;
  color: transparent;
}

.page-archives .page-title {
  margin-top: 0;
}

.archive-films .views-exposed-form::after {
  content: "";
  display: table;
  clear: both;
}
.archive-films .views-exposed-form .form-item {
  margin: 0;
}
.archive-films .views-exposed-form label {
  user-select: none;
}
.archive-films .views-exposed-form input, .archive-films .views-exposed-form select, .archive-films .views-exposed-form button {
  display: inline-block;
  line-height: 1;
  padding: 1rem 2rem;
}
.archive-films .views-exposed-widgets {
  margin: 0;
}
.archive-films .views-exposed-widget {
  width: 33.33%;
  padding: 0.5rem 1rem 0;
}
.archive-films .view-filters {
  margin-bottom: 5rem;
  padding: 1rem 1rem 2rem;
  border-radius: 1rem;
  background-color: #cdd7dc;
}
.archive-films .view-filters select:hover,
.archive-films .view-filters input[type=text]:hover,
.archive-films .view-filters input[type=email]:hover,
.archive-films .view-filters input[type=password]:hover,
.archive-films .view-filters input[type=number]:hover,
.archive-films .view-filters input[type=date]:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.archive-films .view-filters select:focus,
.archive-films .view-filters input[type=text]:focus,
.archive-films .view-filters input[type=email]:focus,
.archive-films .view-filters input[type=password]:focus,
.archive-films .view-filters input[type=number]:focus,
.archive-films .view-filters input[type=date]:focus {
  background-color: #fff;
}
.archive-films .views-submit-button {
  width: auto !important;
  padding: 0;
  padding-top: 3.5rem;
}
.archive-films .views-reset-button {
  width: auto !important;
  float: right;
  text-align: right;
}
.archive-films .views-reset-button #edit-reset {
  margin: 2.5rem 0 0;
  padding: 1.2rem 2rem;
  color: #900;
  border-color: #900;
}
.archive-films .views-reset-button #edit-reset:hover, .archive-films .views-reset-button #edit-reset:active, .archive-films .views-reset-button #edit-reset:focus {
  color: #900;
  border-color: #c00;
  background-color: #fff;
}
.archive-films > .view-content {
  margin: 5rem -1.2rem;
  column-count: 4;
  column-gap: 5rem;
}
.archive-films > .view-content h3 {
  column-span: all;
  padding: 3rem 1.2rem 0.75rem;
  color: #a2cc3d;
  font-weight: 900;
}
.archive-films > .view-content h3:first-child {
  padding-top: 0;
}
.archive-films > .view-content a {
  display: block;
  break-inside: avoid;
  margin: 0.25rem 0;
  padding: 0.75rem 1rem;
  color: #000;
  line-height: 1;
  text-decoration: none;
  border: 0.2rem solid transparent;
  border-radius: 0.4rem;
}
.archive-films > .view-content a:hover {
  color: #000;
  background-color: #d2dfe8;
  border-color: #000;
}

@media screen and (max-width: 1000px) {
  .archive-films .views-exposed-widget {
    width: 50%;
  }
  .archive-films > .view-content {
    column-count: 3;
  }
}
@media screen and (max-width: 800px) {
  .archive-films > .view-content {
    column-gap: 2rem;
  }
}
@media screen and (max-width: 700px) {
  .archive-films > .view-content {
    column-count: 2;
  }
}
@media screen and (max-width: 500px) {
  .archive-films .views-exposed-widget {
    width: 100%;
  }
  .archive-films > .view-content {
    column-count: 1;
  }
}
.page-news .view-news .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-news .view-news .views-row {
  flex: 0 0 calc(33.3333333333% - 2rem);
  margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
  .page-news .view-news .views-row {
    flex-basis: calc(50% - 1rem);
  }
}
@media screen and (max-width: 500px) {
  .page-news .view-news .views-row {
    flex-basis: 100%;
  }
}
.page-news .view-news .node-teaser img {
  display: block;
  height: auto;
}
.page-news .view-news .node-teaser .field-name-post-date {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  padding-top: calc(56.25% + 2.5rem);
  position: relative;
}
.page-news .view-news .node-teaser .field-name-post-date::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  padding-top: 56.25%;
  background: rgba(162, 204, 61, 0.25) url("../img/picto-ffv.svg") right center/contain no-repeat scroll;
}
.page-news .view-news .node-teaser .field-name-field-image + .field-name-post-date {
  padding-top: 2.5rem;
}
.page-news .view-news .node-teaser .field-name-field-image + .field-name-post-date::before {
  content: none;
  display: none;
}
.page-news .view-news .node-teaser .node-title {
  margin-bottom: 4rem;
  font-size: 3rem;
}
.page-news .view-news .node-teaser .node-title a {
  color: #012436;
  text-decoration: none;
}
.page-news .view-news .node-teaser .field-name-body {
  line-height: 1.8;
}

.node-type-news .page-title {
  margin: 0;
  color: #012436;
  font-size: 4rem;
  font-weight: normal;
}

.node-news.view-mode-full {
  max-width: 100%;
  padding-bottom: 4rem;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "top top" "left right";
}
.node-news.view-mode-full .field-name-post-date {
  grid-area: top;
  padding-bottom: 4rem;
  font-size: 1.2rem;
  text-align: right;
}
.node-news.view-mode-full .field-name-body {
  grid-area: left;
  padding-right: 2rem;
}
.node-news.view-mode-full aside {
  grid-area: right;
  padding-left: 2rem;
}
.node-news.view-mode-full .field-name-field-image {
  margin-bottom: 4rem;
}
.node-news.view-mode-full .field-name-field-image img {
  display: block;
  width: 100%;
}
.node-news.view-mode-full .field-name-field-attachments {
  margin: 4rem 0;
}
.node-news.view-mode-full .field-name-field-attachments .file a {
  padding: 2rem;
  padding-left: 6rem;
  position: relative;
}
.node-news.view-mode-full .field-name-field-attachments .file a::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f358";
  font: var(--fa-font-light);
  position: absolute;
  left: 1.5rem;
  top: calc(50% - 1.6rem);
  font-size: 2em;
}
.node-news.view-mode-full .field-name-field-galerie {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.node-news.view-mode-full .field-name-field-galerie a {
  flex: 0 0 50%;
  flex-basis: calc(50% - 0.5rem);
}
.node-news.view-mode-full .field-name-field-galerie img {
  display: block;
  width: 100%;
}
.node-news.view-mode-full.no-body {
  display: block;
}
.node-news.view-mode-full.no-body aside {
  padding-left: 0;
}
.node-news.view-mode-full.no-body .field-name-field-galerie a {
  flex-basis: calc(25% - 0.75rem);
}
.node-news.view-mode-full.no-media {
  display: block;
}
.node-news.view-mode-full.no-media .field-name-body {
  padding-right: 0;
}
@media screen and (max-width: 800px) {
  .node-news.view-mode-full {
    display: block;
  }
  .node-news.view-mode-full .field-name-body {
    padding-right: 0;
  }
  .node-news.view-mode-full aside {
    padding-left: 0;
  }
  .node-news.view-mode-full .field-name-field-attachments {
    text-align: center;
  }
}

.latest-news {
  display: block;
  padding: 4rem var(--side-padding);
  background-color: #cdd7dc;
}
.latest-news .news-teaser {
  padding: 2rem;
}
.latest-news .news-teaser .field-name-field-image {
  margin-bottom: 3rem;
}
.latest-news .news-teaser .field-name-field-image img {
  width: 100%;
  display: block;
}
.latest-news .news-teaser .field-name-field-image a {
  display: block;
}
.latest-news .news-teaser .field-name-post-date {
  padding-top: calc(56.25% + 3rem);
  font-size: 1.2rem;
  font-weight: 700;
  position: relative;
}
.latest-news .news-teaser .field-name-post-date::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  padding-top: 56.25%;
  background: rgba(255, 255, 255, 0.5) url("../img/picto-ffv.svg") right center/contain no-repeat scroll;
}
.latest-news .news-teaser .field-name-field-image + .field-name-post-date {
  padding-top: 0;
}
.latest-news .news-teaser .field-name-field-image + .field-name-post-date::before {
  content: none;
}
.latest-news .news-teaser .field-name-title h2 {
  margin: 2rem 0 4rem;
  font-size: 3rem;
  font-weight: 500;
}
.latest-news .news-teaser .field-name-title a {
  color: inherit;
  text-decoration: none;
}
.latest-news .news-teaser .read-more {
  margin-top: 2rem;
}
.latest-news .news-teaser .read-more .cta {
  margin: 0;
  padding: 0.8rem 1rem;
  background-color: #fff;
}
.latest-news .more-link a {
  color: #012436;
}

.slick-slider {
  position: relative;
  margin: 0 -2rem;
}
.slick-slider .slick-arrow {
  position: absolute;
  top: calc(50% - 5rem);
  width: 4rem;
  height: 4rem;
  padding: 0;
  font-size: 0;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 800px) {
  .slick-slider .slick-arrow {
    display: none !important;
  }
}
.slick-slider .slick-arrow:hover, .slick-slider .slick-arrow:active, .slick-slider .slick-arrow:focus {
  background-color: transparent;
}
.slick-slider .slick-arrow::before {
  color: #012436;
  font-size: 4rem !important;
}
.slick-slider .slick-arrow.slick-prev {
  left: -5rem;
}
.slick-slider .slick-arrow.slick-prev::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f053";
  font: var(--fa-font-light);
}
.slick-slider .slick-arrow.slick-next {
  right: -5rem;
}
.slick-slider .slick-arrow.slick-next::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f054";
  font: var(--fa-font-light);
}
.slick-slider .slick-arrow.slick-disabled {
  opacity: 0.15;
  cursor: default;
}
.slick-slider .slick-dots {
  margin: 0 !important;
  padding: 2rem 0;
  display: flex;
  justify-content: center;
}
.slick-slider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 1rem;
  padding: 0 !important;
  list-style: none !important;
}
@media screen and (max-width: 600px) {
  .slick-slider .slick-dots li {
    margin: 0 1.5vw;
  }
}
.slick-slider .slick-dots button {
  padding: 0;
  font-size: 0;
  width: 6rem;
  height: 0.5rem;
  border: none;
  border-radius: 0;
  background-color: #fff;
  transition: background-color 0.2s ease-out;
}
.slick-slider .slick-dots button::before {
  content: none;
}
@media screen and (max-width: 600px) {
  .slick-slider .slick-dots button {
    width: 7vw;
  }
}
.slick-slider .slick-dots .slick-active button {
  background-color: #012436;
}

.node-type-news .content2 {
  padding: 0;
}
.node-type-news .latest-news {
  background-color: #fff;
}
.node-type-news .latest-news .slick-slider .slick-dots button {
  background-color: #cdd7dc;
}
.node-type-news .latest-news .slick-slider .slick-dots .slick-active button {
  background-color: #012436;
}

.main-inter {
  padding: 6rem var(--side-padding);
  background-color: #012436;
}
@media screen and (max-width: 800px) {
  .main-inter {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.main-inter .item-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.main-inter .item-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.4rem;
}
@media screen and (max-width: 800px) {
  .main-inter .item-list li {
    margin: 0.5rem;
    padding: 0.5rem;
  }
}
.main-inter .item-list a {
  display: block;
}
.main-inter .item-list img {
  display: block;
}
.main-inter .sp1 img {
  max-width: 35vw;
}
.main-inter .sp2 img {
  max-width: 25vw;
}

.node-place .group-right .sponsors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
.node-place .group-right .sponsors .sponsor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.4rem;
}
@media screen and (max-width: 800px) {
  .node-place .group-right .sponsors .sponsor {
    margin: 0.5rem;
    padding: 0.5rem;
  }
}
.node-place .group-right .sponsors .sponsor a {
  display: block;
}
.node-place .group-right .sponsors .sponsor img {
  display: block;
}
.node-place .group-right .sponsors .sponsor.sponsors1 img {
  max-width: 35vw;
}
.node-place .group-right .sponsors .sponsor.sponsors2 img {
  max-width: 25vw;
}

.all-sponsors h3 {
  margin-bottom: 1rem;
  font-size: 4rem;
  text-transform: initial;
}
.all-sponsors .place.empty {
  display: none !important;
}
.all-sponsors .place .lieu a {
  color: inherit;
  text-decoration: none;
}
.all-sponsors .sp ul {
  margin: 3rem 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.all-sponsors .sp li {
  padding: 1rem;
  list-style: none !important;
}
.all-sponsors .sp a {
  display: block;
}
.all-sponsors .sp img {
  display: block;
}
.node-type-page .page-title {
  margin-top: 0;
  margin-bottom: 2rem;
}
.node-type-page .main-content {
  padding-bottom: 8rem;
}
.node-type-page .main-content .all-sponsors .lieu,
.node-type-page .main-content h3.palmares-year,
.node-type-page .main-content h3.edition,
.node-type-page .main-content h4.edition {
  margin-bottom: 3rem;
  padding: 0.8rem;
  color: #cdd7dc;
  font-size: 1.6rem;
  font-weight: bold;
  background: #012436;
  border-radius: 0.4rem;
}
.node-type-page .region-content h2 {
  font-weight: 500;
  margin: 4rem 0 2rem;
}
.node-type-page .region-content .page-subtitle h2 {
  margin: 0;
  font-weight: 800;
}
.node-type-page .region-content h3 {
  margin: 2rem 0 1rem;
  text-transform: initial;
}
.node-type-page .region-content ol, .node-type-page .region-content ul {
  margin: 2rem 0 2rem 1.6rem;
}
.node-type-page .region-content li {
  padding-left: 1rem;
}
.node-type-page .region-content ul li {
  list-style-type: disc;
}
.node-type-page .region-content ol li {
  list-style-type: decimal;
}
.node-type-page .region-content .cols2 > h3:first-child {
  margin-top: 0;
}
.node-type-page .region-content .desc-prix {
  position: relative;
  min-height: 14rem;
  margin: 4rem 0;
  padding-right: calc(50% + 4rem);
}
.node-type-page .region-content .desc-prix h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
}
.node-type-page .region-content .desc-prix p {
  margin: 0;
  line-height: 1.8;
}
.node-type-page .region-content .desc-prix .logo-prix {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  padding: 0 1.5rem 0 12rem;
  color: #a2cc3d;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #012436 none 2rem 50%/auto 8rem no-repeat scroll;
}
.node-type-page .region-content .desc-prix .logo-prix p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
.node-type-page .region-content .desc-prix.prix-tournesol .logo-prix {
  background-image: url("../img/prix-tournesol.svg");
}
.node-type-page .region-content .desc-prix.prix-jouvence .logo-prix {
  background-image: url("../img/prix-jouvence.svg");
}
.node-type-page .region-content .desc-prix.prix-schweitzer .logo-prix {
  background-image: url("../img/prix-schweitzer.svg");
}
.node-type-page .region-content .desc-prix.prix-greenpeace .logo-prix {
  background-image: url("../img/prix-greenpeace-2.png");
}
@media screen and (max-width: 700px) {
  .node-type-page .region-content .desc-prix {
    display: flex;
    flex-direction: column;
    padding-right: 0;
  }
  .node-type-page .region-content .desc-prix .logo-prix {
    order: -1;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.node-type-page .region-content h3.palmares-year {
  clear: both;
}
.node-type-page .region-content .palmares-films {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.node-type-page .region-content .paragraphs-items-field-content::after {
  content: "";
  display: table;
  clear: both;
}
.node-type-page .region-content .palmares-film,
.node-type-page .region-content .paragraphs-item-palmares-film {
  flex: 0 0 50%;
  width: 50%;
  float: left;
  min-width: 30rem;
  max-width: 100%;
  position: relative;
  padding: 2rem;
  text-align: center;
}
.node-type-page .region-content .palmares-film .field-name-field-prix,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix {
  position: absolute;
  right: 2rem;
  top: 2rem;
  z-index: 1;
  width: 15rem;
  height: 15rem;
  border-radius: 15rem;
  background: #012436 none 50% 50%/auto 8rem no-repeat scroll;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100000rem;
  font-size: 0;
  display: none;
}
.node-type-page .region-content .palmares-film .field-name-field-prix.tournesol,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix.tournesol {
  display: block;
  background-image: url("../img/prix-tournesol.svg");
}
.node-type-page .region-content .palmares-film .field-name-field-prix.jouvence,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix.jouvence {
  display: block;
  background-image: url("../img/prix-jouvence.svg");
}
.node-type-page .region-content .palmares-film .field-name-field-prix.schweitzer,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix.schweitzer {
  display: block;
  background-image: url("../img/prix-schweitzer.svg");
}
.node-type-page .region-content .palmares-film .field-name-field-prix.greenpeace,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix.greenpeace {
  display: block;
  background-image: url("../img/prix-greenpeace-2.png");
}
.node-type-page .region-content .palmares-film .field-name-field-film,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-film {
  position: relative;
}
.node-type-page .region-content .palmares-film .field-name-field-film img,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-film img {
  display: block;
  width: 20rem;
  max-width: 100%;
  height: 30rem;
  object-fit: contain;
  margin: 0 auto;
}
.node-type-page .region-content .palmares-film .field-name-field-film .field-name-title,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-film .field-name-title {
  margin-top: 1.5rem;
}
.node-type-page .region-content .palmares-film .field-name-field-film .field-name-title h2,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-film .field-name-title h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
}
.node-type-page .region-content .palmares-film .field-name-field-film .more,
.node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-film .more {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100000rem;
  font-size: 0;
}
@media screen and (max-width: 640px) {
  .node-type-page .region-content .palmares-film,
  .node-type-page .region-content .paragraphs-item-palmares-film {
    margin: 0 auto;
    float: none;
  }
}
@media screen and (max-width: 340px) {
  .node-type-page .region-content .palmares-film,
  .node-type-page .region-content .paragraphs-item-palmares-film {
    min-width: 100%;
  }
  .node-type-page .region-content .palmares-film .field-name-field-prix,
  .node-type-page .region-content .paragraphs-item-palmares-film .field-name-field-prix {
    width: 8rem;
    height: 8rem;
    background-size: auto 6rem;
  }
}

.block-email a {
  margin: 0.5rem 0;
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #012436;
  text-decoration: none;
  border-radius: 0.4rem;
  line-height: 1.2;
}
.block-email a .name,
.block-email a .note {
  padding-right: 1rem;
}
.block-email a .name {
  display: block;
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
}
.block-email a .note {
  display: block;
  font-size: 0.8em;
  font-style: italic;
}
.block-email a .btn-big {
  background-color: #fff;
}
.block-email a:hover {
  background-color: #cdd7dc;
}
@media screen and (max-width: 500px) {
  .block-email a {
    display: block;
    text-align: center;
  }
  .block-email a .name,
  .block-email a .note {
    text-align: left;
  }
  .block-email a .btn-big {
    margin-top: 1rem;
  }
}

img.full-width {
  display: block;
  width: 100%;
}

.node-type-page .static-presentation h3 {
  font-size: 2rem;
  font-weight: bold;
}

.node-type-page .static-contact h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
}
.node-type-page .static-contact .col p {
  margin: 0;
}

@media screen and (max-width: 800px) {
  @supports (object-fit: cover) {
    .node-type-page .static-organizers .col img {
      width: 100%;
      height: 50vw;
      object-fit: cover;
    }
  }
}

.node-type-page .static-donors .mobile-only img {
  display: block;
  margin: 0 auto;
}

.page-footer,
.region-menu2-wrapper {
  background: #012436;
}

.page-footer-inner {
  max-width: 144rem;
  margin: 0 auto;
  padding: 0 0 0 var(--side-padding);
  line-height: 2;
}
.page-footer-inner .region-footer {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "menu contact" "copy contact";
}
.page-footer-inner .region-footer > .block-menu {
  grid-area: menu;
}
.page-footer-inner .block-content > .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-footer-inner .block-content > .menu > li {
  flex: 1 0 25%;
  padding: 3rem 2rem 4rem 0;
}
.page-footer-inner .block-content > .menu > li > a, .page-footer-inner .block-content > .menu > li > span {
  display: block;
  font-size: 2rem;
  color: #a2cc3d;
  cursor: pointer;
  text-decoration: none;
}
.page-footer-inner .menu .menu a, .page-footer-inner .menu .menu span {
  display: block;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.page-footer-inner .menu .menu a:hover, .page-footer-inner .menu .menu span:hover {
  text-decoration: underline;
}
.page-footer-inner .block.contact {
  grid-area: contact;
  margin-left: auto;
  padding: 3rem 25rem 4rem 0;
  background: transparent url("../img/picto-ffv.svg") 100% 50%/auto 100% no-repeat scroll;
}
.page-footer-inner .block.contact .block-title {
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  line-height: 2;
}
.page-footer-inner .block.contact .block-content {
  color: #a2cc3d;
}
.page-footer-inner .block.contact .block-content a {
  color: #a2cc3d;
  text-decoration: none;
}
.page-footer-inner .block.contact .block-content a:hover {
  text-decoration: underline;
}
.page-footer-inner .block.copyright {
  grid-area: copy;
  flex: 0 0 100%;
  padding: 0 2rem 2rem 0;
  color: #9cafba;
  font-size: 1.2rem;
  line-height: 1;
}
.page-footer-inner .block.copyright a {
  color: #9cafba;
  text-decoration: none;
}
.page-footer-inner .block.copyright a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1400px) {
  .page-footer-inner .region-footer {
    grid-template-areas: "menu  menu" "empty contact" "copy  contact";
  }
  .page-footer-inner .region-footer > .block-menu {
    padding-right: var(--side-padding);
  }
}
@media screen and (max-width: 1000px) {
  .page-footer-inner .region-footer {
    grid-template-areas: "menu    menu" "empty   contact" "copy    copy";
    grid-template-columns: auto calc(50% + var(--side-padding) / 2);
  }
  .page-footer-inner .block.contact {
    margin-left: 0;
    padding-right: 15rem;
    background-position: calc(100% + 4rem) 50%;
  }
  .page-footer-inner .block-content > .menu > li {
    flex-basis: 50%;
    padding-bottom: 1rem;
  }
  .page-footer-inner .block-content > .menu > li:nth-child(2n) {
    padding-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .page-footer-inner .region-footer {
    grid-template-areas: "menu    menu" "contact contact" "copy    copy";
  }
  .page-footer-inner .block.copyright {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 400px) {
  .page-footer-inner .block-content > .menu > li {
    flex: 1 1 0;
    min-width: calc(50vw - 2rem);
  }
  .page-footer-inner .block-content > .menu > li > a,
  .page-footer-inner .block-content > .menu > li > span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(50vw - 3rem);
  }
  .page-footer-inner .block.contact {
    padding-right: var(--side-padding);
    text-shadow: 0 1px 0 #012436, 1px 1px 0 #012436, 1px 0 0 #012436, 1px -1px 0 #012436, 0 -1px 0 #012436, -1px -1px 0 #012436, -1px 0 0 #012436, -1px 1px 0 #012436;
  }
}
@media screen and (max-width: 360px) {
  .page-footer-inner .block-content > .menu {
    display: block;
  }
  .page-footer-inner .block-content > .menu > li > a,
  .page-footer-inner .block-content > .menu > li > span {
    max-width: 100%;
  }
}
#p-place .node-film .field-name-field-age::before {
  content: "dès ";
}

#p-place .node-film .field-name-field-age::after {
  content: " ans";
}

.i18n-de #p-place .node-film .field-name-field-age::before {
  content: "ab ";
}
.i18n-de #p-place .node-film .field-name-field-age::after {
  content: " Jahren";
}

.i18n-it #p-place .node-film .field-name-field-age::before {
  content: "da ";
}
.i18n-it #p-place .node-film .field-name-field-age::after {
  content: " anni";
}

body.logged-in .node-unpublished {
  box-shadow: 0 0 0 1rem #c00;
  position: relative;
}
body.logged-in .node-unpublished::before {
  content: "UNPUBLISHED";
  position: absolute;
  top: -3rem;
  left: -1rem;
  z-index: 1;
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #c00;
}

.page-bulk .page-main {
  max-width: none;
}
.page-bulk .page-header-inner {
  margin-left: 0;
}
.page-bulk .page-header-inner .main-menu-open {
  display: none;
}
.page-bulk .main-content {
  margin: 0;
  max-width: none;
  font-size: 0.8em;
}
.page-bulk .main-content .clearfix::after {
  content: "." !important;
  display: block !important;
  height: 0;
  clear: both;
  visibility: hidden;
}
.page-bulk .main-content .page-title {
  margin-top: 0;
  margin-bottom: 2rem;
}
.page-bulk .main-content .view input[type=submit] {
  padding: 0.5rem 1rem;
}
.page-bulk .main-content .view option {
  padding: 0.2rem 0.5rem;
}
.page-bulk .main-content .view .form-item {
  margin: 1rem 0;
}
.page-bulk .main-content .view-header {
  padding: 1rem 2rem;
  background-color: #a2cc3d;
}
.page-bulk .main-content .views-exposed-widget .form-item {
  margin: 0;
}
.page-bulk .main-content .views-exposed-widget > label,
.page-bulk .main-content .views-exposed-widget > .form-item > label {
  margin-bottom: 0;
  color: #012436;
  font-weight: bold;
}
.page-bulk .main-content .pager {
  gap: 1rem;
  line-height: 1;
}
.page-bulk .main-content .pager li {
  margin: 0;
}
.page-bulk .main-content .pager a {
  display: inline-block;
  min-width: 2rem;
  padding: 1rem 1.5rem;
  text-align: center;
  border-radius: 0.4rem;
  background-color: #cdd7dc;
}
.page-bulk .main-content .pager a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #012436;
}
.page-bulk .main-content #edit-select {
  margin-bottom: 2rem;
}
.page-bulk .main-content #edit-select input {
  margin-right: 0.5rem;
}
.page-bulk .main-content select {
  padding: 0.2rem 0.5rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.25);
}
.page-bulk .main-content table {
  display: block;
  width: 100%;
  line-height: 1;
}
.page-bulk .main-content table .form-item {
  margin: 0;
}
.page-bulk .main-content table a {
  text-decoration: none;
}
.page-bulk .main-content table a:hover {
  text-decoration: underline;
}
.page-bulk .main-content table ul {
  margin: 0;
}
.page-bulk .main-content table ul li {
  margin-left: 1.2rem;
  list-style: square;
}
.page-bulk .main-content thead {
  border-bottom: 0.4rem solid rgba(0, 0, 0, 0.5);
}
.page-bulk .main-content thead th {
  vertical-align: bottom;
}
.page-bulk .main-content tr {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.5);
}
.page-bulk .main-content th, .page-bulk .main-content td {
  padding: 0.2rem 0.5rem;
}
.page-bulk .main-content td {
  vertical-align: top;
}
.page-bulk .main-content tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.page-bulk .main-content tbody td + td {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

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