:root {
  --space-l: clamp(1.6rem, 18.547vw + -4.335rem, 21rem);
  --adjustment: 1;
  --ficfablue: #081359;
  /*--festivalcolor: #8C172E;*/
  /* --festivalcolor: #c73864; */ 
  --festivalcolor: #5874B8;
  --grayboxcolor: #f5f6fa;
}

*,
::after,
::before {
  box-sizing: border-box;
}

@font-face {
  font-family: helvetica-condensed;
  src: url(/css/public/Helvetica-Condensed-Light.otf);
}
body {
  font-family: helvetica-condensed, helvetica;
  font-size: 16px;
  color: #494a4c;
}

p {
  line-height: 1.5em;
}

/*img { width: 100%; }*/
a {
  color: var(--ficfablue);
  font-weight: bold;
  font-family: helvetica;
}

.mode-festival a {
  color: var(--festivalcolor);
}

section {
  width: auto;
  margin-left: calc(var(--space-l) * var(--adjustment));
  margin-right: calc(var(--space-l) * var(--adjustment));
  padding: 45px;
}
section.blue-background-top {
  padding-top: 74px;
}
section.blue-background-top h1 {
  margin-bottom: 0;
}
section.gray-box-centered {
  background-color: var(--grayboxcolor);
  border-radius: 10px;
  position: relative;
  z-index: 2;
  margin-bottom: 3em;
}
section.gray-box-centered h1 {
  margin-bottom: 0;
}
section.blue-logo-background {
  background-image: url("/images/blue-logo-patern.jpg");
  margin: 0;
  margin-top: -2.55em;
  z-index: 1;
  position: relative;
  padding-top: 5.1em;
  padding-bottom: 2.55em;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  width: auto;
}
section.blue-logo-background.overlap-previous {
  margin-top: -8em;
  padding-top: 7em;
}
section.blue-box-centered {
  background-color: var(--ficfablue);
  border-radius: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 3em;
  color: #fff;
  padding: 2.85em;
  display: flex;
}
section.blue-box-centered p.bbc {
  font-weight: bold;
  margin: 0;
}
section.blue-box-centered p span {
  font-weight: normal;
  display: block;
}
section.blue-box-centered .bbc-text {
  flex: 1 100%;
  font-size: 1.7em;
}
section.blue-box-centered .bbc-text p::first-letter {
  text-transform: capitalize;
}
section.blue-box-centered .bbc span {
  font-size: 1rem;
}
section.blue-box-centered .bbc-buttons {
  flex: 1 auto;
  white-space: nowrap;
  font-size: 1rem;
}
section.gray-box-right {
  padding: 45px;
  background-color: #f5f6fa;
  border-radius: 10px 0 0 10px;
  position: relative;
  z-index: 2;
  margin-top: -42px;
  overflow: hidden;
  padding-right: 0;
  margin-right: 0;
}

/*@media ( max-width: 1493px) {
  section {
    margin-left: 10em;
    margin-right: 10em;
  }

  section.blue-background-top {
    padding-left: 10em;
    padding-right: 10em;
  }
}*/
/*@media ( max-width: 1024px) {
  section {
    margin-left: 1em;
    margin-right: 1em;
  }

  section.blue-background-top {
    padding-left: 1em;
    padding-right: 1em;
  }
}*/
h1 {
  font-family: helvetica-condensed;
  font-weight: normal;
  margin-top: 0;
  color: var(--ficfablue);
  font-size: clamp(1rem, -0.875rem + 8.333vw, 3.7rem);
  margin-bottom: 2.22rem;
  text-transform: uppercase;
}
h1 sup {
  text-transform: lowercase;
}
h1 span {
  color: initial;
  /*font-family: helvetica;*/
  font-size: 1.3rem;
  display: block;
  text-transform: initial;
}

h3 {
  color: var(--ficfablue);
  /*font-family: helvetica;*/
  font-weight: bold;
  font-size: clamp(1.2rem, 0.44vw + 1.059rem, 1.66rem);
}

.mode-festival .blue-box-centered {
  background-color: var(--festivalcolor);
}

.gray-box-centered.overlap-folowing {
  margin-bottom: 0;
}

.blue-background-top {
  background: url("/images/blue-logo-patern.jpg");
  color: #fff;
  padding-top: 1px;
  margin: 0;
}

.mode-festival .blue-background-top {
  background: url("/images/new-blue-logo-patern.jpg");
}

.blue-background-top.has-overlap,
.blue-logo-background.has-overlap {
  padding-bottom: 10em;
}

.blue-background-top h1 {
  color: #fff;
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.blue-background-top.page-header {
  padding: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  width: 100%;
}
.blue-background-top.page-header h1 {
  padding: 0;
  margin: 0;
}

.ticket-price-container {
  margin-bottom: 3em;
  margin-top: 1em;
}

a.rounded-button {
  text-decoration: none;
  padding: 7px 20px;
  border-radius: 30px;
  font-size: 0.77em;
  text-transform: uppercase;
  transition: all 200ms ease-in;
  display: inline-block;
  font-weight: bold;
}
a.rounded-button.white {
  color: var(--ficfablue);
  background: #fff;
  border: 1px solid #fff;
}
a.rounded-button.blue {
  color: #fff;
  background: var(--ficfablue);
  border: 1px solid;
}
a.rounded-button.blue:hover {
  color: var(--ficfablue);
  background: #fff;
  border: 1px solid #fff;
}
a.rounded-button.white:hover {
  color: #fff;
  background: var(--ficfablue);
  border: 1px solid;
}

.mode-festival a.rounded-button.white:hover, .mode-festival a.rounded-button.blue {
  background: var(--festivalcolor);
  color: #fff;
}
.mode-festival a.rounded-button.white, .mode-festival a.rounded-button.blue:hover {
  color: var(--festivalcolor);
  background: #fff;
  border: 1px solid;
}

.cta {
  margin: auto;
  padding: 3em;
  text-align: center;
  color: var(--ficfablue);
}
.cta h3 {
  font-weight: bold;
  font-size: 2.33em;
  margin-bottom: 0;
}
.cta p {
  font-size: 1.11em;
  margin-top: 10px;
}

.mode-festival .blue-logo-background {
  background: url("/images/new-blue-logo-patern.jpg");
}

.blue-logo-background.nouvelles {
  padding-left: 297px;
  padding-right: 0;
}
.blue-logo-background h1 {
  color: #fff;
}

.scolaire-film-list-item {
  margin-bottom: 115px;
}

/*.scolaire-film-list-item img {
  max-width: 315px !important;
}*/
.video-trigger img {
  width: 100%;
  max-width: 315px !important;
  justify-self: center;
}

.scolaire-film-list-item .grades {
  font-size: 1.215em;
  font-family: helvetica-condensed;
  margin-top: 1.94em;
  margin-bottom: 1.55em;
}
.scolaire-film-list-item .name {
  font-size: 1.77em;
  font-weight: bold;
  margin-bottom: 1.22em;
}
.scolaire-film-list-item a {
  color: #fff;
}

.etatpes-participation {
  padding-bottom: 115px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 65px;
  align-items: center;
}
.etatpes-participation .image-holder {
  text-align: center;
}

section a i {
  color: #fff;
  background-color: var(--ficfablue);
  border-radius: 10px;
  font-size: 12px;
  padding: 3px;
  margin-left: 0.5em;
}

.mode-festival section a i {
  background-color: var(--festivalcolor);
}

.blue-logo-background section a i {
  color: var(--ficfablue);
  background-color: #fff;
}

.trailer-holder {
  background-size: contain;
  margin-bottom: 2em;
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  aspect-ratio: 16/9;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
}

.video-trigger {
  margin: auto;
  opacity: 0.2;
  cursor: pointer;
  transition: opacity 200ms ease-in;
}
.video-trigger:hover {
  opacity: 1;
}

.equipe {
  line-height: 1.3em;
  margin: 10px 0;
  margin-bottom: 4em;
  flex: 0 0 calc(25% - 2em);
  max-width: 25%;
  position: relative;
}
.equipe .nom-equipe {
  display: block;
  font-weight: bold;
  color: var(--ficfablue);
}
.equipe .description-equipe {
  display: block;
  font-size: 0.9em;
}
.equipe .image-equipe {
  width: 100%;
  margin-bottom: 5px;
}

.film-poster img {
  display: block;
  width: 255px;
  border-radius: 10px;
  margin: auto;
}

film {
  margin-bottom: 3.62em;
  display: block;
  padding: 1px;
}
film .film-title {
  /*font-family: helvetica;*/
  font-size: 1.33em;
  font-weight: bold;
  color: var(--ficfablue);
  margin-top: 0;
  margin-bottom: 0;
}
film .team {
  font-style: italic;
  color: #091359;
  margin-top: 0;
}

.film-filter-menu {
  display: flex;
  align-content: center;
  gap: 1em;
  text-align: center;
}

.post-preview {
  margin-bottom: 2em;
}

.communique-title {
  font-weight: bold;
  font-size: 1.38em;
}

date {
  font-weight: normal;
  font-size: 1.11rem;
  font-family: helvetica-condensed;
  display: block;
}

.presse-image {
  width: 100%;
  margin-bottom: 1em;
}

.location {
  margin-bottom: 2em;
  margin-right: 0.5em;
}

.location-name {
  display: block;
  font-weight: bold;
}

.nouvelle .post-preview {
  display: flex;
}

.post-preview-image {
  min-width: 378px;
  height: 278px;
  max-width: 387px;
  /*	background-color: black;*/
  margin-right: 1em;
}

.post-preview-image-holder {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.nouvelle {
  transition: opacity 200ms ease-in;
}

#page-number-holder {
  text-align: center;
  margin: 20px 0;
}
#page-number-holder .page-number {
  padding: 4px 0;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  margin: 0 0.5em;
  opacity: 0.5;
  letter-spacing: 0.03em;
  line-height: 1.9em;
  color: #454545;
  cursor: pointer;
}
#page-number-holder .page-number.active-page {
  opacity: 1;
}

.centered-row {
  align-items: center;
  align-content: center;
}

.partenaires-row {
  margin-bottom: 2em;
  border-bottom: 1px solid gray;
  padding-bottom: 2em;
}

.partenaires-links {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.partenaires-links a {
  justify-content: center;
  align-items: center;
  display: flex;
}
.partenaires-links a img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
}

.partner_image_homepage a img {
  max-height: 3em;
  max-width: 130px;
}

footer {
  background-color: var(--ficfablue);
  color: #fff;
  padding-top: 50px;
  margin-top: 50px;
}

body.mode-festival footer {
  background-color: var(--festivalcolor);
}

.section_hero {
  overflow: hidden;
  /* margin-bottom: 6em;*/
}

.img_tray {
  will-change: transform;
  margin-bottom: 1.22em;
}

.tray_roller {
  margin-left: -0.833em;
  margin-right: -0.833em;
  display: flex;
  overflow: auto;
}

.tray_static {
  margin-left: -0.833em;
  margin-right: -0.833em;
  display: flex;
  overflow: none;
  transition: all 200ms ease-in;
}

.movable_section .img_tray {
  overflow: hidden;
}

.tray_roller {
  overflow: visible;
}

.tray_col {
  padding-left: 0.833em;
  padding-right: 0.833em;
}

.tray_img-wrap {
  /*   width: 8em;
      display: flex;
      height: 100%;
      justify-content: center;*/
  /*
   padding-top: 130%;
   position: relative;*/
  height: 197px;
  aspect-ratio: 2/3;
  overflow: hidden;
}

.tray_img {
  width: 100%;
  aspect-ratio: 2/3;
  object-fit: contain;
  /*	background-color: #000;*/
  border-radius: 1em;
}

.tray_img-wrap.wide {
  width: 300px;
  padding-top: 170px;
}

.tray_nouvelles-wrap {
  width: 300px;
  position: relative;
}

.tray_img-wrap.wide .tray_img {
  height: 170px;
}

.tray_text {
  font-family: helvetica-condensed;
  font-size: 1.4em;
  color: var(--ficfablue);
  width: max-content;
  position: relative;
}

.nouvelles-container {
  margin-right: 0;
  padding-right: 0;
  margin-top: 3rem;
  overflow: hidden;
}

.gray-box-blog li {
  padding-bottom: 0.5rem;
}
.gray-box-blog li ul {
  margin-top: 0.5rem;
}

.nouvelles-container h1 {
  color: #ffffff;
  text-transform: uppercase;
}

.first-box-description {
  display: flex;
  /*	font-family: helvetica-condensed;*/
}
.first-box-description div {
  width: 50%;
}

.fbd-info {
  font-size: 1.111em;
}

.series-image {
  width: clamp(16rem, 15.488vw + 11.044rem, 32.2rem);
  /*32.2em; */
  height: clamp(14.8rem, 8.604vw + 12.047rem, 23.8rem);
  /*23.8em;*/
}
.series-image .tray_img {
  overflow: hidden;
  position: relative;
}

.editions-image {
  width: 28em;
  height: 15em;
  width: clamp(16rem, 11.472vw + 12.329rem, 28rem);
  height: clamp(7.5rem, 7.17vw + 5.206rem, 15rem);
}
.editions-image .tray_img {
  overflow: hidden;
  position: relative;
}

.series-header {
  padding-top: 1em;
  color: var(--ficfablue);
  /*font-family: helvetica;*/
  font-weight: bold;
  font-size: clamp(1.2rem, 0.44vw + 1.059rem, 1.66rem);
  /*1.66em; */
}

.series-blurb {
  color: var(--ficfablue);
  font-size: 1em;
  margin-top: 15px;
  overflow: hidden;
  line-height: 1.5em;
  /*	text-overflow: ellipsis;*/
  /*	max-height: 11.111em;*/
}

.series-link {
  color: var(--ficfablue);
  font-weight: bold;
  font-size: 0.666em;
  /*font-family: helvetica;*/
  margin-top: 1em;
  display: block;
}
.series-link i {
  background-color: var(--ficfablue);
  color: #fff;
  border-radius: 10px;
  padding: 3px;
  margin-left: 0.5em;
}

.nouvelles-image {
  width: 16.666em;
  height: 16.666em;
}
.nouvelles-image .tray_img {
  overflow: hidden;
  position: relative;
}

.nouvelles-header {
  padding-top: 20px;
  color: #fff;
  /*font-family: helvetica;*/
  font-weight: bold;
  font-size: 1.666em;
}

.nouvelles-blurb {
  color: #fff;
  font-size: 1em;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 10em;
}

.nouvelles-link {
  color: #fff;
  font-weight: bold;
  font-size: 0.833em;
  /*font-family: helvetica;*/
  margin-top: 1rem;
  display: block;
}
.nouvelles-link i {
  background-color: #fff;
  color: #000;
  border-radius: 10px;
  font-size: 12px;
  padding: 3px;
  margin-left: 0.5em;
}

.main a i {
  color: #fff;
  background-color: #2a2b2d;
  border-radius: 10px;
  font-size: 12px;
  padding: 3px;
  margin-left: 0.5em;
}

.fbd-about {
  font-size: clamp(1.14rem, 0.497vw + 0.981rem, 1.66rem);
  font-weight: bolder;
  color: #313234;
  padding-left: 1rem;
}

body > main > section.gray-box-centered > div > div.fbd-about > p {
  margin-block-start: 1rem;
}

.btns {
  margin: 2rem 0;
  user-select: none;
}
.btns a {
  cursor: pointer;
  user-select: none;
}

a.rounded-white-button {
  text-decoration: none;
  color: var(--ficfablue);
  background: #fff;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 0.77em;
  text-transform: uppercase;
  transition: all 200ms ease-in;
}
a.rounded-white-button:hover {
  color: #fff;
  background: var(--ficfablue);
}
a.arrow-btns {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.btns {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

a.arrow-btns i {
  color: var(--ficfablue);
  background-color: #fff;
  border-radius: 30px;
  font-size: 12px;
  padding: 6px 7px;
  margin-left: 0.5em;
  font-weight: bold;
  transition: all 200ms ease-in;
}
a.arrow-btns i:hover {
  color: #fff;
  background: var(--ficfablue);
}

.mode-festival a.arrow-btns i {
  color: var(--festivalcolor);
}
.mode-festival a.arrow-btns i:hover {
  color: #fff;
  background: var(--festivalcolor);
}

a.arrow-btns.blue i {
  background-color: var(--ficfablue);
  color: #fff;
  border: 1px solid;
}
a.arrow-btns.blue i:hover {
  color: var(--ficfablue);
  background: #fff;
}

.mode-festival a.arrow-btns.blue i {
  background-color: var(--festivalcolor);
}
.mode-festival a.arrow-btns.blue i:hover {
  color: var(--festivalcolor);
  background-color: #fff;
}

.overlap-previous {
  margin-top: -8em;
}

.blue-logo-background .overlap-previous {
  padding-top: 7em;
}

.home-page-section {
  margin-bottom: 5rem;
}
.home-page-section.movable_section {
  margin-bottom: 0;
}

.vertical-center {
  align-self: center;
}

.center {
  text-align: center;
}

footer {
  font-family: helvetica;
}
footer .festival-name {
  font-size: clamp(1.3rem, 1.214vw + 0.911rem, 2.57rem);
  font-family: helvetica-condensed;
  display: flex;
  margin-bottom: 50px;
}
footer .festival-name img {
  height: 36px;
  display: inline;
  width: unset;
  align-self: center;
  margin-right: 50px;
}
footer .main-section {
  display: flex;
  margin-bottom: 100px;
  gap: 2em;
}
footer .footer-heading {
  font-size: 48px;
  font-family: helvetica-condensed;
  color: #fff;
  text-transform: uppercase;
}
footer .holder {
  flex: 0 0 50%;
  max-width: 50%;
}
footer input.email {
  border: 0;
  border-radius: 8px;
  height: 45px;
  width: 100%;
  font-size: 1rem;
  padding-right: 1em;
  padding-left: 1em;
  margin-bottom: 25px;
  min-width: 0;
}
footer .infolettre-holder {
  padding-right: clamp(1rem, 8.929vw - 1.857rem, 10.34rem);
}
footer #mc-embedded-subscribe {
  color: #fff;
  background: none;
  border: 0;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
footer a {
  color: #fff !important;
  font-weight: normal;
}

@media (max-width: 700px) {
  footer .festival-name {
    display: block;
  }
  footer .festival-name img {
    margin-bottom: 0.5em;
  }
  footer .main-section {
    display: block;
  }
  footer .holder {
    max-width: 100%;
    margin-top: 4em;
  }
  footer .infolettre-holder {
    padding-right: 0;
  }
}
#days-link-holder .day-link.active {
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  opacity: 0.9;
  background: var(--ficfablue);
}

body.mode-festival #days-link-holder .day-link.active {
  background: var(--festivalcolor);
}

#days-link-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
}
#days-link-holder .day-link {
  cursor: pointer;
  font-size: 14px;
  opacity: 0.5;
  text-decoration: none;
  font-weight: normal;
  transition: opacity 200ms ease-in;
}
#days-link-holder .day-link:hover {
  opacity: 1;
}

.poster-holder {
  aspect-ratio: 2/3;
  background-size: cover;
  display: flex;
}

@media screen and (max-width: 720px) {
  #days-link-holder {
    text-align: center;
    margin: 20px 0;
  }
  #days-link-holder .day-link {
    padding: 4px 0;
    font-weight: 500;
    display: inline-block;
    font-size: 12px;
    margin: 0.5em;
    opacity: 1;
    letter-spacing: 0.03em;
    line-height: 1.9em;
    color: #454545;
    cursor: pointer;
    text-decoration: none;
    transition: all 200ms ease-in;
  }
}
/*.commandite img {
	width: unset;
	max-height: 60px;
}*/
.sponsor-logo {
  height: 100%;
  display: flex;
  gap: 1em;
}

.sponsor-logo__image {
  display: block;
  max-width: 120px !important;
  max-height: 60px !important;
  width: auto;
  height: auto;
}

.nom-activite {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 0;
  margin-top: 0;
  color: var(--ficfablue);
}
.nom-activite span {
  display: block;
  font-weight: normal;
}

.info-activite {
  margin-top: 0;
  color: var(--ficfablue);
}
.info-activite:first-letter {
  text-transform: uppercase;
}

.commandite {
  margin-bottom: 1em;
  display: flex;
  gap: 1em;
}

/*div.vam { margin-bottom: 4em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.vam-image { border-radius: 1em; }*/
.description-left {
  font-size: 25px;
  font-family: helvetica-condensed;
}

.description-right {
  font-size: 16px;
  /*font-family: helvetica;*/
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  width: 100%;
}
.row .col-6 {
  flex: 0 0 calc(50% - 2em);
  max-width: 50%;
  position: relative;
}
.row .col-3 {
  flex: 0 0 calc(25% - 2em);
  max-width: 25%;
  position: relative;
}
.row .col-4 {
  flex: 0 0 calc(33.3333% - 2em);
  max-width: 33.333%;
  position: relative;
}
.row .col-8 {
  flex: 0 0 calc(66.666% - 2em);
  max-width: 66.666%;
  position: relative;
}
.row .col-9 {
  flex: 0 0 calc(75% - 2em);
  max-width: 75%;
  position: relative;
}
.row [class^=col-] img {
  max-width: 100%;
}

.video-trigger-mobile {
  display: none;
}

.film-poster img {
  width: 100%;
}

@media (max-width: 1025px) {
  .row .col-3,
  .row .col-9,
  .row .col-6,
  .row .col-4,
  .row .col-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .video-trigger-mobile {
    display: block;
  }
  .scolaire-film-list-item .trailer-holder {
    display: none;
  }
  .first {
    order: 1;
  }
  .last {
    order: 2;
  }
  .equipe {
    flex: 0 0 calc(50% - 2em);
    max-width: 50%;
  }
  #home {
    display: block;
    height: 61px;
    width: 39%;
    margin-left: 33%;
  }
}
/*.court { color: #1D2361; margin-bottom: 4em; }*/
.court img {
  margin-bottom: 1em;
  border-radius: 1em;
  width: 100%;
}

.court-edition {
  font-size: 26px;
  font-weight: bold;
}

.court-name {
  font-size: 26px;
  font-family: helvetica-condensed;
}

.court-date,
.court-producers {
  font-style: italic;
}

.shortfilm-holder {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10000;
  max-width: 600px;
  width: 100%;
}

.court-video {
  height: 190px;
}

.court-image {
  position: relative;
}

.court .court-image:hover .video-trigger {
  opacity: 1;
}
.court .court-image .video-trigger {
  background-image: url("/images/2018/10/5bd9c3acbecbb.png");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  transition: opacity 200ms ease-in;
}

.entracte-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}

/* blog signle page navigation */
.blog-nav {
  margin-top: 3em;
  margin-bottom: 3em;
}

a.blog-navigation {
  text-decoration: none;
}

.blog-navigation-icon {
  display: inline-block;
  stroke-width: 2;
  overflow: hidden;
  vertical-align: middle;
  width: 23px;
  height: 48px;
  stroke: #091353;
  margin: 0;
}

.navigation-header {
  margin: 0;
  padding: 4px 0;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--ficfablue);
  font-size: 15px;
}

.navigation-label {
  padding: 4px 0;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.22em;
  line-height: 1.26em;
  text-transform: uppercase;
  color: rgba(9, 19, 83, 0.33);
  text-decoration: none;
}

.blog-navigation-container {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 43px);
}

.next-navigation .blog-navigation-icon {
  margin-left: 15px;
}

.prev-navigation .blog-navigation-icon {
  margin-right: 15px;
}

/* end blog single page navigation */
.film-image {
  width: 100%;
}

/* Jury section */
.liste-en-competition {
  columns: auto;
  columns: 2;
}
.liste-en-competition ul {
  page-break-inside: avoid;
  margin-bottom: 50px;
  padding-left: 0;
  margin-top: 0;
}
.liste-en-competition li {
  list-style-type: none;
}

.jury-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
  gap: 1em;
}

.jury-image {
  flex: 0 0 33.333333%;
  max-width: 32.333333%;
  max-height: 280px;
  overflow: hidden;
  border-radius: 8px;
  align-self: center;
}
.jury-image img {
  width: 100%;
}

.jury-bio {
  flex: 0 0 66.666666%;
  max-width: calc(66.666666% - 1em);
  align-self: center;
  font-size: 14px;
}

.jury-name {
  margin-top: 0;
  font-size: 1.75rem;
  font-weight: bold;
  color: #1d2361;
  margin-bottom: 1rem;
}

.competition-name {
  font-size: 1.75rem;
  font-weight: bold;
  color: #1d2361;
  margin-bottom: 1rem;
}

.jury h3 {
  font-size: 2.2rem;
  color: #1b2064;
  font-weight: bold;
  padding-top: 25px;
}

.competition-film {
  line-height: 1.5em;
}
.competition-film a {
  font-family: helvetica-condensed;
}

@media (max-width: 875px) {
  .jury-image {
    align-self: auto;
  }
  .liste-en-competition {
    columns: auto;
  }
}
@media (max-width: 700px) {
  .jury-container {
    display: block;
  }
  .jury-image,
  .jury-bio {
    max-width: 100%;
  }
  footer .festival-name {
    display: block;
  }
  footer .festival-name img {
    margin-bottom: 0.5em;
  }
  footer .main-section {
    display: block;
  }
  footer .holder {
    max-width: 100%;
  }
}
/* end jury section*/
/* FAQ section */
.mobile-only {
  display: none;
}

@media (max-width: 736px) {
  .no-mobile {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .first-box-description div.fbd-info {
    width: 100%;
  }
  .fbd-about {
    display: none;
  }
  .faq-holder {
    padding-left: 0;
    padding-right: 0;
  }
}
.faq-holder .fa-faq::before {
  content: "\f068";
}
.faq-holder .collapsed .fa-faq::before {
  content: "\f067";
}
.faq-holder .faq-item-container {
  margin-bottom: 12px;
}
.faq-holder .faq-item-container .color-code-container {
  position: absolute;
  width: 5px;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.faq-holder .faq-item-container.vam .color-code-container {
  background: #66b3b4;
}
.faq-holder .faq-item-container.ap .color-code-container {
  background: #9bc754;
}
.faq-holder .faq-item-container.seance .color-code-container {
  background: var(--ficfablue);
}
.faq-holder .faq-item-container.pro .color-code-container {
  background: #eb8042;
}
.faq-holder .faq-item-container .faq-large {
  position: relative;
}
.faq-holder .faq-item-container .faq-large .answer_content {
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #f3f3f3;
}
.faq-holder .faq-item-container .faq-item {
  padding: 20px 15px;
  position: relative;
  display: grid;
  grid-template-columns: 10px 1fr;
  background-color: #f3f3f3;
  transition: background-color 0.5s ease;
  cursor: pointer;
}
.faq-holder .faq-item-container .faq-item:hover {
  background-color: #fff;
}
.faq-holder .faq-item-container .faq-item .faq-description {
  display: grid;
  grid-template-columns: 10px 1fr;
}
.faq-holder .faq-item-container .faq-item .faq-description .faq-description-content {
  padding-left: 20px;
}
.faq-holder .faq-item-container .faq-item .date-container {
  display: grid;
  grid-template-columns: 30px 10px 1fr;
}
.faq-holder .faq-item-container .faq-item .date-container .date_from {
  align-self: center;
}
.faq-holder .faq-item-container .faq-item .date-container .date_seperator {
  opacity: 0.5;
  padding-left: 4px;
  opacity: 0.4;
}
.faq-holder .faq-item-container .faq-item .faq-name {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.faq-holder .faq-item-container .faq-item .faq-properties {
  color: #6f6f6f;
  font-size: 12px;
}
.faq-holder .filter-btn {
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  display: inline-block;
  opacity: 0.4;
  cursor: pointer;
}
.faq-holder .filter-btn i {
  display: none;
}
.faq-holder .filter-btn:hover {
  opacity: 0.6;
}
.faq-holder .filter-btn.active {
  opacity: 1;
}
.faq-holder .filter-btn.active i {
  display: inline;
}
.faq-holder .filter-btn.active:hover {
  opacity: 0.8;
}
.faq-holder .filter-btn.vam {
  background: #66b3b4;
}
.faq-holder .filter-btn.ap {
  background: #9bc754;
}
.faq-holder .filter-btn.seance {
  background: var(--ficfablue);
}
.faq-holder .filter-btn.pro {
  background: #eb8042;
}

@media (max-width: 736px) {
  .faq-holder .faq-item-container .faq-large .answer_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .faq-holder .faq-item {
    grid-template-columns: 40px 1fr 20px;
  }
  .faq-holder .faq-item .faq-description {
    display: block;
  }
  .faq-holder .faq-item .faq-name {
    font-size: 12px;
  }
  .faq-holder .faq-item .faq-properties {
    font-size: 10px;
  }
  .faq-holder .faq-item .faq-properties span {
    display: block;
  }
}
/* end FAQ section */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
}

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