@charset "UTF-8";
@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
@import "../node_modules/nouislider/dist/nouislider.min.css";
@import "../node_modules/selectize/dist/css/selectize.css";
@font-face {
  font-family: "Averta";
  src: url("../fonts/AvertaStd-Regular.woff") format("woff"), url("../fonts/AvertaStd-Regular.woff2") format("woff2");
  font-weight: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/AvertaStd-Semibold.woff") format("woff"), url("../fonts/AvertaStd-Semibold.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/AvertaStd-Bold.woff") format("woff"), url("../fonts/AvertaStd-Bold.woff2") format("woff2");
  font-weight: bold;
}
:root {
  --background-color: #FFF;
  --noir: #000;
  --noir-20: rgba(0, 0, 0, 0.2);
  --noir-30: rgba(0, 0, 0, 0.3);
  --noir-35: rgba(0, 0, 0, 0.35);
  --noir-40: rgba(0, 0, 0, 0.4);
  --blanc: #FFF;
  --rouge: #ed6b6a;
  --rouge-30: #FAD3D2;
  --gris: #212121;
  --bleu: #009ab1;
  --bleu-30: #80CCD9;
  --bleu-20: #CCEBEF;
  --bleu-10: #E5F5F7;
  --bleu-5: #F2FAFC;
}

body {
  font-family: "Averta", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--noir);
  background-color: var(--background-color);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

.divider-r {
  display: block;
  content: url("../src/pictos/h-bar-r.svg");
}

.bg-bleu {
  background-color: var(--bleu);
}

.bg-bleu-10 {
  background-color: var(--bleu-10);
}

.bg-bleu-5 {
  background-color: var(--bleu-5);
}

/*Titres*/
.titre-home {
  font-size: 2.625rem;
  line-height: 3.25rem;
  font-weight: bold;
  text-align: center;
}

.titre-section,
.titre-btn {
  display: flex;
}

.titre-section {
  position: relative;
  align-items: center;
  font-size: 2.188rem;
  padding-left: 83px;
  margin-bottom: 40px;
}

.titre-section.titre-page-simple {
  margin-bottom: 0;
}

.titre-section::before {
  content: "";
  position: absolute;
  display: flex;
  margin-right: 15px;
  left: 0;
  width: 68px;
  height: 100%;
  background-repeat: no-repeat;
  background-position-y: 25px;
}

.titre-underline,
.para-underline {
  border-bottom: 1px solid;
}

.titre-underline {
  padding-bottom: 5px;
}

.para-underline {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.para-underline:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.underline-bleu {
  border-bottom-color: var(--bleu);
}

.underline-rouge {
  border-bottom-color: var(--rouge);
}

h1,
h2,
h3 {
  font-weight: bold;
}

select {
  border-radius: 0;
}

select option {
  padding: 0;
}

.titre-btn {
  /*Titre avec lien fléché aligné*/
  flex-direction: column;
}

.titre-b {
  color: var(--noir);
}

.bg-bleu,
.titre-w {
  color: var(--blanc);
}

.titre-b.bar-r::before {
  background-image: url("../src/pictos/h-bar-r.svg");
}

.titre-b.bar-bleue::before {
  background-image: url("../src/pictos/h-bar-bleue.svg");
}

.titre-w::before {
  background-image: url("../src/pictos/h-bar-w.svg");
}

/*boutons*/
#btn-back-to-top {
  position: fixed;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  display: none;
  width: 29px;
  height: 29px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: url("../src/pictos/arrow-top-b.svg") var(--blanc) no-repeat center;
  border: none;
  border-radius: 100%;
}

.arrow-link-b,
.arrow-link-b:hover,
.btn-w,
.btn-w a {
  color: var(--noir);
}

.arrow-link-w,
.arrow-link-w:hover {
  color: var(--blanc);
}

.btn,
.btn-picto span,
.btn-ressources {
  position: relative;
  border-radius: 100px;
}

.btn,
.btn-picto span {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.btn {
  padding: 9px 18px;
  box-shadow: none !important;
  font-size: 0.75rem;
}

.btn-picto {
  font-size: 0.625rem;
}

.btn-picto span {
  padding-left: 30px;
  display: flex;
  align-items: center;
}

.btn-picto span::before {
  content: "";
  position: absolute;
  margin: 0;
  left: 0;
  width: 24px;
  height: 24px;
}

.btn-picto span::before,
.btn-picto.btn-search,
.btn-picto.btn-download,
.btn-picto.btn-upload {
  background-repeat: no-repeat;
  background-position: left;
}

.btn-contact {
  margin-top: 30px;
}

.btn-picto.btn-contact span::before {
  background-image: url("../src/pictos/contact.svg");
}

.btn-picto.btn-init span::before {
  background-image: url("../src/pictos/init.svg");
}

.btn-picto.btn-search,
.btn-picto.btn-download,
.btn-picto.btn-upload {
  background-position: 18px;
}

button.btn-picto.btn-download,
.btn-picto.btn-search,
.btn-picto.btn-upload {
  padding-left: 48px;
}

.btn-search {
  background-image: url("../src/pictos/loupe-w.svg");
}

.btn-download {
  background-image: url("../src/pictos/download.svg");
}

.btn-upload {
  background-image: url("../src/pictos/upload.svg");
}

.btn-w {
  background-color: var(--blanc);
}

.btn-gris,
.btn-gris:hover {
  background-color: var(--gris);
  color: var(--blanc);
}

.btn-sm {
  font-size: 0.625rem;
  font-weight: bold;
  padding: 7px;
}

.btn-lg {
  width: 100%;
}

.btn.btn-big {
  font-size: 0.875rem;
}

.btn-fw {
  width: 100%;
}

.btn-search {
  margin-bottom: 20px;
}

.btn-document {
  background-color: var(--bleu-10);
}

.date-ressource {
  font-weight: bold;
}

/*Module ressources (documents téléchargeables)*/
.group-ressources {
  display: flex;
  justify-content: center;
  margin-bottom: 78px;
}

.group-ressources:last-child {
  margin-bottom: 0;
}

.btn-ressources {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.563rem;
  text-align: left;
  margin-bottom: 15px;
  padding: 5px 5px 5px 23px;
}

.btn-ressources:last-of-type {
  margin-bottom: 0;
}

.btn-ressources a {
  color: var(--noir);
}

.btn-ressources a:hover {
  text-decoration: none;
}

.btn-picto-simple {
  position: relative;
  padding: 0;
  padding: 10px;
  margin-left: 30px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.btn-ressources .btn-picto-simple {
  width: 29px;
  height: 29px;
}

.btn-ressources > .ressources-infos {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.ressources-infos span {
  word-break: break-all;
}

.legend {
  margin-top: 40px;
}

legend.form-section-title {
  float: none;
}

.form-section-title.titre-btn .btn {
  align-self: flex-end;
}

/*Liens avec flèche*/
.arrow-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
  font-size: 0.875rem;
}

.arrow-link::after {
  margin-left: 10px;
}

.arrow-link-b::after {
  content: url("../src/pictos/arrow-b.svg");
}

.arrow-link-w::after {
  content: url("../src/pictos/arrow-w.svg");
}

.titre-btn .arrow-link {
  margin-bottom: 0;
}

/*badges = pastilles*/
.badge {
  background-color: var(--rouge);
  display: flex;
  align-items: center;
  justify-content: center;
}

/*paragraphes*/
p {
  margin: 0;
}

span {
  position: relative;
}

.span-block {
  display: block;
}

/*Container*/
.bloc-container {
  position: relative;
  padding: 86px 0;
}

.small-top-container {
  padding-top: 45px;
}

.bg-img-container {
  padding-bottom: 0;
}

.grad-bg-container {
  padding: 37px 0;
}

/*Module Films et Crédits*/
.bloc-bignumber,
.bloc-bignumber-lg {
  position: relative;
  padding: 0;
  height: 100%;
}

.link-sm-b {
  font-size: 0.75rem;
  margin-top: 5px;
}

.link-sm-b,
.link-sm-b:hover {
  color: var(--noir);
}

.link-sm-b:hover {
  text-decoration: none;
}

/*Module grand chiffre + texte*/
.bignumber-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.563rem;
  line-height: 1.625rem;
  margin: 0 0 30px 0;
  padding: 30px 20px 10px;
}

.bignumber-txt p {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.bignumber-txt span {
  max-width: min-content;
}

.bignumber-txt .number {
  font-size: 4.375rem;
  line-height: 2.25rem;
  font-weight: bold;
  padding: 0;
  margin-right: 10px;
}

.bignumber-txt .btn {
  padding: 9px 25px;
}

.bloc-bignumber-lg .bignumber-txt {
  padding: 18px 20px;
  margin: 0;
}

.bloc-bignumber-lg .bignumber-txt .btn {
  width: auto;
}

/*adresses*/
address {
  margin: 0;
}

.adresse {
  font-size: 0.875rem;
  line-height: 0.813rem;
}

/*cards*/
.group-cards {
  display: flex;
}

.card-container {
  margin: 30px 0 0 0;
}

.card {
  background-color: var(--bleu-10);
  height: 100%;
  line-height: 1.125rem;
}

.card .badge {
  font-size: 0.938rem;
  top: 10px;
  right: 10px;
  left: auto;
  height: 40px;
  width: 40px;
  padding: 0;
}

.card,
.card img {
  border-radius: 0;
  border: none;
}

.card .card-img-top {
  height: 130px;
  object-fit: cover;
}

.card-body {
  display: flex;
  flex-direction: column;
  padding: 22px;
}

.group-cards .card-body .btn {
  margin-top: auto;
}

.card-body .btn {
  align-self: center;
}

.card-title a {
  font-weight: bold;
  line-height: normal;
  color: inherit;
  text-decoration: none;
  display: block;
}

h2.card-title a {
  font-size: 1.125rem;
  line-height: 1.25rem;
}

h3.card-title a {
  font-size: 1rem;
}

.card-text > *,
.card-text .para-img-picto {
  margin-bottom: 10px;
}

.card-text .fin-candidature {
  margin-bottom: 15px;
}

.card-text {
  font-size: 0.875rem;
}

.fin-candidature span:last-child {
  font-weight: bold;
  display: block;
}

.card .adresse {
  font-size: 0.813rem;
  line-height: 0.813rem;
}

.card.list-item .list-item-picto {
  padding-left: 30px;
}

.group-cards-h .card {
  margin-bottom: 28px;
}

.group-cards-h .card:last-child {
  margin-bottom: 0;
}

.group-cards-h .card-body {
  padding: 0;
}

.group-cards-h .card-bottom {
  padding: 25px 13px;
}

/* .group-cards-h .card-body .btn {
    margin: auto;
  } */
/*Picto suivi de texte*/
.card.list-item .para-picto p {
  font-weight: bold;
}

.card .para-picto a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

.card .para-picto p {
  font-size: 0.813rem;
}

.card .para-picto p::before {
  width: 25px;
  height: 25px;
}

.form-complet::before {
  background-image: url("../src/pictos/formulaire-complet.svg");
}

.form-incomplet::before {
  background-image: url("../src/pictos/formulaire-complet-r.svg");
}

.card .para-picto .form-incomplet a,
.card .para-picto .fichier-non-encode a {
  color: var(--rouge);
  text-decoration: underline;
  pointer-events: auto;
}

.card .para-picto .form-incomplet a:hover,
.card .para-picto .fichier-non-encode a:hover {
  text-decoration: none;
}

.fichier-encode::before {
  background-image: url("../src/pictos/fichier-encode.svg");
}

.fichier-non-encode::before {
  background-image: url("../src/pictos/fichier-encode-r.svg");
}

.selection-fest::before {
  background-image: url("../src/pictos/selection-fest.svg");
}

/*TABLEAU DE BORD*/
.bg-img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 60%;
  height: 208px;
  width: 100%;
}

/*Module chiffres clés*/
.margin-container {
  margin: 0;
}

.group-chiffres-cles > div {
  margin-bottom: 25px;
}

.group-chiffres-cles > div:last-child {
  margin-bottom: 0;
}

.bg-bleu .chiffres-cles {
  background-color: var(--blanc);
}

.chiffres-cles {
  padding: 55px 0;
}

.chiffres-cles-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 22px 18px;
  color: var(--noir);
  text-align: center;
}

a.chiffres-cles-content {
  text-decoration: none;
}

a.chiffres-cles-content:hover {
  color: initial;
}

.chiffres-cles-content:first-child {
  padding-top: 0;
}

.chiffres-cles-content:last-child {
  padding-bottom: 0;
}

.chiffres-cles-content::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  border-bottom: 1px solid var(--rouge);
}

.chiffres-cles-content:last-child::after {
  border-bottom: none;
}

.chiffres-cles .number {
  font-size: 2.813rem;
  line-height: 2.563rem;
  font-weight: bold;
}

.chiffres-cles .chiffre-cles-picto {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  height: 115px;
}

.chiffres-cles-picto-top .number::after {
  display: none;
}

.chiffres-cles-picto-top img {
  margin-bottom: 10px;
}

/*Module tabs*/
.nav-tabs {
  flex-direction: column;
  border-bottom-color: var(--bleu-10);
}

.nav-tabs .nav-item {
  margin-bottom: 5px;
}

.nav-tabs .nav-item:last-child {
  margin-bottom: 25px;
}

.nav-tabs .nav-link {
  width: 100%;
  height: 100%;
  border: none;
  color: var(--noir);
  background-color: var(--bleu-5);
  font-size: 1rem;
  line-height: 1rem;
  padding: 28px 15px;
  margin: 0;
  border-radius: 14.5px;
}

.nav-tabs .nav-link.active {
  color: var(--bleu);
  font-weight: 600;
}

.nav-tabs .nav-link.active,
.tab-content {
  background-color: var(--bleu-10);
}

.tab-w .nav-tabs {
  border-bottom-color: var(--blanc);
}

.tab-w .nav-tabs .nav-link.active {
  color: var(--noir);
  background-color: var(--blanc);
}

.tab-w .nav-tabs .nav-link {
  color: var(--bleu);
}

.tab-w .nav-tabs .nav-link.active,
.tab-w .tab-content {
  background-color: var(--blanc);
}

.tab-form .tab-content {
  border-radius: 0 0 14.5px 14.5px;
}

.tab-content {
  padding: 50px 40px;
}

.tab-content .titre-section-tab {
  margin-bottom: 25px;
  font-size: 1.125rem;
  line-height: 1.563rem;
}

.tab-lg .tab-content .titre-section-tab {
  margin-bottom: 25px;
}

.tab-list,
.tab-2-col .tab-list:last-child {
  margin-bottom: 50px;
}

.tab-list:last-child {
  margin-bottom: 0;
}

.tab-list ul {
  padding: 0;
  margin: 0;
}

.tab-list ul li {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}

.tab-list .dates {
  display: flex;
  align-items: baseline;
  font-weight: bold;
}

.dates {
  font-size: 1.125rem;
  min-width: max-content;
}

.festival {
  text-decoration: none;
}

.festival,
.festival:hover {
  color: inherit;
}

.dates,
.festival {
  line-height: 1.563rem;
}

.periode span:first-child::after {
  content: url("../src/pictos/arrow-b.svg");
  padding-right: 5px;
}

.tab-lg {
  padding-bottom: 0;
}

.tab-lg .group-list ul {
  margin-bottom: 20px;
}

.tab-lg .group-list ul:last-child {
  margin-bottom: 0;
}

.tab-lg .tab-list ul li {
  margin-bottom: 0;
}

.tab-lg .tab-soustitre {
  margin: 0 5px 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.poster-image {
  display: flex;
  aspect-ratio: 16/9;
}

.poster-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster-image a {
  position: relative;
}

.poster-image a::before {
  content: "";
  position: absolute;
}

.video-js .vjs-big-play-button,
.poster-image a::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../src/pictos/play.svg") no-repeat center;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  content: "";
}

.video-js .vjs-big-play-button {
  content: "";
  border: none;
  border-radius: 0;
}

.video-js .vjs-big-play-button,
.video-js.video-js-btn-sm .vjs-big-play-button,
.poster-image a::before {
  background-size: 48px;
}

.video-js .vjs-big-play-button:hover {
  background-color: var(--noir-30);
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder::before,
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  position: relative;
}

.pres-film {
  display: flex;
  padding: 10px 13px 25px;
  justify-content: space-between;
}

.desc-film {
  padding: 15px 25px 0 0;
  line-height: 0.938rem;
}

.desc-film h2 {
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.year-duration-film {
  line-height: 1.563rem;
}

/* .duree-film::after {
    content: "&#8212";
    height: 100%;
    width: auto;
    margin: 0 5px;
  } */
.gestion-film .btn {
  margin-bottom: 10px;
  border: none;
  border-radius: 100%;
}

.gestion-film .btn-edit {
  background-image: url("../src/pictos/edit-btn.svg");
}

.gestion-film .delete-btn {
  display: none;
  background-image: url("../src/pictos/delete-btn.svg");
}

.btn-edit {
  background-image: url("../src/pictos/edit-btn-w.svg");
}

.btn-delete {
  background-image: url("../src/pictos/cross-w.svg");
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.2;
}

/*Page éditoriale*/
.bloc-video {
  margin-bottom: 45px;
}

.bloc-infos-media {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.chapeau {
  line-height: 1.375rem;
  margin-bottom: 45px;
}

.trad-titre-section {
  font-size: 1.563rem;
  line-height: 2.563rem;
  margin-bottom: 15px;
}

.chapeau .actors {
  font-weight: bold;
}

.share-page {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.share-page p {
  font-weight: bold;
  font-size: 1.188rem;
  line-height: 1.563rem;
}

.share-page a {
  background-color: var(--blanc);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  border: 1px solid var(--noir);
  width: 33px;
  height: 33px;
  margin-left: 10px;
}

.btn-twitter {
  background-image: url("../src/pictos/btn-twitter.svg");
}

.btn-facebook {
  background-image: url("../src/pictos/btn-facebook.svg");
}

.btn-mail {
  background-image: url("../src/pictos/btn-mail.svg");
}

.infos-media {
  position: relative;
  font-size: 0.813rem;
  line-height: 1.375rem;
  padding-top: 10px;
}

.infos-media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../src/pictos/h-bar-r.svg") no-repeat;
}

.infos-media p span:first-child {
  font-weight: bold;
}

.para {
  margin-bottom: 35px;
}

.para:last-child {
  margin-bottom: 0;
}

.para-h2 {
  font-size: 1.438rem;
  line-height: 2.563rem;
  padding-bottom: 0;
}

.para-contact {
  position: relative;
  line-height: 1.625rem;
}

.para-nom {
  font-weight: bold;
}

.para-separator span::before {
  content: "|";
  position: relative;
  padding: 0 5px;
}

.para-separator.separator-r span::before {
  color: var(--rouge);
}

.para-separator.separator-bleu span::before {
  color: var(--bleu);
}

.para-separator span:first-child:before {
  content: "";
  padding: 0;
}

.para-picto p {
  position: relative;
  font-size: 0.875rem;
  line-height: 1.625rem;
  padding-left: 25px;
}

.para-picto p::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}

.para-img-picto {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.para-img-picto:last-child {
  margin-bottom: 0;
}

.para-img-picto img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.para-img-picto a {
  text-decoration: none;
  color: inherit;
}

.para-img-picto a:hover {
  text-decoration: underline;
}

/**/
.para-recompense {
  font-size: 1rem;
  line-height: 1.625rem;
}

.para-recompense .nom-festival,
.para-recompense .selection-fest {
  font-weight: bold;
}

.para-recompense .nom-festival {
  font-size: 1.125rem;
}

.para-recompense .adresse {
  font-size: 1rem;
}

/*Modal*/
.modal-video .modal-body {
  padding: 15px 0 0 0;
}

.modal {
  text-align: center;
}

.modal-content {
  padding: 15px;
  border-radius: 0;
  border: none;
}

.modal .btn-close {
  align-self: flex-end;
  background: url("../src/pictos/close.svg") center no-repeat;
  opacity: 1;
  border-radius: 0;
  padding: 0;
  height: 16px;
  width: 16px;
}

.modal .btn-close:focus {
  box-shadow: none;
}

.modal-title {
  width: 100%;
  font-size: 1.438rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.modal-header,
.modal-footer {
  border: none;
  position: relative;
  justify-content: center;
}

.modal-header::after {
  content: "";
  position: absolute;
  width: 75%;
  bottom: 0;
  border-bottom: 1px solid var(--rouge);
}

.modal-form {
  text-align: left;
  padding: 45px 65px;
}

.img-carre img {
  aspect-ratio: 1/1;
}

.img-rect img {
  aspect-ratio: 3/4;
}

.img-carre img,
.img-rect img {
  width: 100%;
  object-fit: cover;
}

.gallery-row,
.gallery-item {
  margin-bottom: 20px;
}

/*TABLEAU*/
.table > :not(caption) > * > * {
  padding: 5px 15px;
}

thead {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

tbody {
  border-top: none !important;
  line-height: 1.25rem;
}

tbody th {
  line-height: 1.563rem;
}

tbody > *,
tbody tr > * {
  display: block;
}

tbody tr {
  border-bottom: 1px solid var(--noir);
  padding: 15px 0;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr > *::before {
  content: attr(data-label) " :";
  float: left;
  font-weight: bold;
  margin-right: 5px;
}

.table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: transparent;
  box-shadow: none;
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: var(--bleu-10);
}

th,
td {
  border: none;
  vertical-align: middle;
}

td a,
td a:hover {
  color: var(--noir);
}

td a:hover {
  text-decoration: none;
}

.table-legend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 0.938rem;
  line-height: 1.25rem;
}

.table-legend ul,
.table-legend li {
  display: flex;
}

.table-legend ul {
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}

.table-legend li {
  position: relative;
  align-items: center;
  padding-left: 35px;
  margin-bottom: 10px;
}

.table-legend li::before {
  position: absolute;
  content: "";
  left: 0;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: left center;
}

.table-legend li.rejected::before {
  background-image: url("../src/pictos/cross-r.svg");
}

.table-legend li.accepted::before {
  background-image: url("../src/pictos/checked.svg");
}

.table-legend li.submitted::before {
  background-image: url("../src/pictos/submitted.svg");
}

.table-legend li.missing::before {
  background-image: url("../src/pictos/question-mark.svg");
}

.table-legend .btn {
  align-self: end;
}

.bloc-step-form {
  padding: 30px 0;
}

.step-form-container {
  position: relative;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.step-form-container li::marker {
  content: "";
}

.step-form-container li {
  counter-increment: step;
}

.step-form {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  font-size: 1.125rem;
}

.step-form:last-child {
  margin-bottom: 0;
}

.step-link {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--blanc);
  padding-left: 45px;
  transition: all 0.3s;
}

.step-link:hover {
  color: inherit;
}

.step-link.active {
  font-weight: 600;
}

.step-link p::before {
  content: counter(step) ". ";
}

.step-link::before {
  content: "";
  position: absolute;
  left: 0;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 1px solid var(--blanc);
  background-color: var(--bleu);
  background-image: url("../src/pictos/step-form-edit-w.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.step-link:hover::before,
.step-link.active::before {
  background-image: url("../src/pictos/step-form-edit-bleu.svg");
}

.step-link:hover::before,
.step-link.active::before,
.step-link.state-valid::before {
  background-color: var(--blanc);
}

.step-link.state-valid::before {
  background-image: url("../src/pictos/step-form-complete-bleu.svg");
}

form .comment,
a[type=submit] {
  margin-top: 0;
}

a[type=submit] {
  font-size: 0.875rem;
  line-height: 1.313rem;
}

.form-container input[type=submit] {
  margin-top: 50px;
}

.save-message {
  display: flex;
  align-items: center;
  font-size: 1rem;
}

.spinner-border {
  width: 15px;
  height: 15px;
  border-width: 1px;
}

.save-message p {
  margin-left: 5px;
}

/*FILTRES ET FORMULAIRES*/
.filtres {
  margin-bottom: 40px;
  font-size: 0.813rem;
  line-height: 1.563rem;
}

.titre-filtres p {
  font-size: 1.188rem;
  line-height: 2.563rem;
  padding-top: 0;
  margin: 0;
  font-weight: bold;
}

.titre-btn.titre-filtres {
  margin-bottom: 0;
}

.filtres .titre-list-filtre {
  font-size: 0.813rem;
  line-height: 2.563rem;
  margin: 0;
  padding: 0;
  font-weight: bold;
  background: url("../src/pictos/collapse-up.svg") no-repeat right center;
  border: none;
  border-bottom: 1px solid var(--rouge);
  width: 100%;
  text-align: left;
}

.filtres .titre-list-filtre.collapsed {
  background: url("../src/pictos/collapse-down.svg") no-repeat right center;
}

.filtres .filtre-container {
  margin: 20px 0 25px;
}

.filtres .selectize-dropdown,
.filtres .selectize-input,
.filtres .selectize-input input {
  font-size: 0.813rem;
}

/*Module tooltip à poignées (sélecteur de plage)*/
.noUi-origin .noUi-tooltip {
  left: 0;
  transform: none;
}

.noUi-origin:last-child .noUi-tooltip {
  right: 0;
  left: auto;
}

.noUi-target {
  background: var(--noir-20);
  border-radius: 1.5px;
  border: none;
  box-shadow: none;
}

.slidecontainer {
  height: 3px;
  font-size: 0.688rem;
}

.slidecontainer .noUi-connect {
  background: var(--noir);
}

.slidecontainer .noUi-handle {
  height: 10px;
  width: 10px;
  top: -4px;
  right: -5px;
  /* half the width */
  border-radius: 100%;
  border-color: var(--noir);
  background-color: var(--blanc);
}

.noUi-handle::before,
.noUi-handle::after {
  display: none;
}

.noUi-horizontal .noUi-tooltip {
  top: 100%;
  bottom: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.section {
  padding: 35px 0 25px 0;
}

fieldset:first-child .section {
  padding-top: 0;
}

.section .accordion-item:first-of-type,
.section .accordion-item:first-of-type .accordion-button {
  border-radius: 10px;
}

.section .accordion-item:last-of-type,
.section .accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section .accordion-item:first-of-type .accordion-button:not(.collapsed) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-accordion ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.form-accordion > ul > li {
  display: flex;
  flex-direction: column;
}

.form-accordion .accordion-content {
  padding-left: 10px;
}

.form-accordion .accordion-content ul {
  padding: 0;
}

.form-accordion .accordion-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.accordion-actions .btn {
  width: 35px;
  height: 35px;
}

.accordion-actions .btn:first-child {
  margin: 0;
}

.section .accordion-item {
  background-color: var(--bleu-5);
  border: none;
}

.accordion-button {
  color: var(--noir);
  background-image: url("../src/pictos/collapse-down.svg");
  background-position: right 20px center;
  background-repeat: no-repeat;
}

.accordion-button,
.accordion-body {
  padding: 30px;
}

.accordion-body.form-accordion {
  padding: 30px 20px;
}

.accordion-button:not(.collapsed) {
  color: var(--noir);
  background-color: var(--blanc);
  box-shadow: none;
  background-image: url("../src/pictos/collapse-up.svg");
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  display: none;
  transform: none;
}

.accordion-button span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
}

.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.form-input-item .accordion {
  margin-top: 20px;
}

.form-check {
  padding-left: 0;
}

.form-check-label {
  margin-left: 10px;
}

.form-check .form-check-input {
  margin-left: 0;
  width: 19px;
  height: 19px;
}

.form-check .form-check-input,
.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  background-color: transparent;
  border-color: var(--noir-30);
  box-shadow: none;
}

.form-check .form-check-input:checked {
  background-size: auto;
}

.form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='var(--noir)'/%3e%3c/svg%3e");
}

.form-check .form-check-input[type=checkbox] {
  border-radius: 3px;
}

.form-check .form-check-input:checked[type=checkbox] {
  background-image: url("../src/pictos/checkbox-b.svg");
}

.tri-recherche {
  margin-bottom: 45px;
}

.tri-recherche .form-group-inputs {
  margin-bottom: 0;
}

.tri-recherche .form-input-item {
  padding: 0;
  border-radius: 0;
}

.tri-recherche .selectize-dropdown,
.tri-recherche .selectize-input,
.tri-recherche .selectize-input input {
  font-size: 0.875rem;
}

.form-input.searchbar, .form-input-item textarea.searchbar, .form-input-item input.searchbar:not(.form-check-input) {
  padding-left: 25px;
  background: url("../src/pictos/loupe.svg") no-repeat left center;
}

.selectize-dropdown {
  border: 1px solid var(--bleu);
  border-radius: 0 0 10px 10px;
  box-shadow: none;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 10px 25px;
}

.selectize-dropdown .active {
  background-color: var(--bleu-20);
  color: var(--noir);
}

.option:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.form-input-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.blocs-input .form-input-item {
  padding: 25px 30px;
  border-radius: 10px;
}

.blocs-input-w .form-input-item {
  background-color: var(--blanc);
}

.blocs-input-b .form-input-item {
  background-color: var(--bleu-10);
}

.blocs-input .row:last-child > *:last-child .form-input-item {
  margin-bottom: 0;
}

.form-input-item input:focus,
.form-input-item textarea:focus {
  box-shadow: none;
}

.input-label,
fieldset.complexList legend {
  font-weight: 600;
  margin-bottom: 10px;
}

.input-label,
fieldset.complexList legend,
.form-input-item input,
.form-input-item textarea,
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: 1rem;
}

.input-label,
.form-input-item input,
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  line-height: 1rem;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-input.full {
  background: transparent;
}

input[type=radio] {
  align-self: flex-start;
}

.form-input:focus, .form-input-item textarea:focus, .form-input-item input:focus:not(.form-check-input) {
  outline: none;
}

.form-input, .form-input-item textarea, .form-input-item input:not(.form-check-input),
.selectize-input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--noir-30);
}

.form-input, .form-input-item textarea, .form-input-item input:not(.form-check-input),
.selectize-input,
.selectize-control.multi .selectize-input.has-items {
  padding: 10px 0;
}

textarea.form-input, .form-input-item textarea {
  border-radius: 10px;
  border: 1px solid var(--noir-30);
  padding: 10px 15px;
}

.selectize-input,
.selectize-input.focus {
  box-shadow: none;
}

.form-input:focus, .form-input-item textarea:focus, .form-input-item input:focus:not(.form-check-input),
.selectize-input.focus {
  border-color: var(--bleu);
}

.selectize-control.single .selectize-input::after,
.selectize-control.multi .selectize-input::after {
  content: "";
  position: absolute;
  border: none;
  background-image: url("../src/pictos/collapse-down.svg");
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  right: 0;
}

.selectize-control.single .selectize-input::after,
.selectize-control.single .selectize-input.dropdown-active::after,
.selectize-control.multi .selectize-input::after,
.selectize-control.multi .selectize-input.dropdown-active::after {
  margin: 0;
  border: none;
}

.selectize-control.single .selectize-input.dropdown-active::after,
.selectize-control.multi .selectize-input.dropdown-active::after {
  background-image: url("../src/pictos/collapse-up.svg");
}

.selectize-control.multi .selectize-input > div {
  margin: 0;
  margin-right: 5px;
  padding: 5px 10px;
  border: none;
  color: var(--noir);
  background: var(--bleu-20);
  border-radius: 20px;
  font-size: 0.813rem;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background-color: transparent;
}

.selectize-control.plugin-remove_button [data-value] .remove,
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background-image: url("../src/pictos/remove_b.svg");
  background-repeat: no-repeat;
  background-position: left center;
}

.form-control {
  border: none;
  padding: 0;
}

.form-control,
.form-control:focus {
  background-color: transparent;
  color: var(--noir);
}

.bloc-file-item {
  margin-bottom: 50px;
}

.bloc-file-item:last-child {
  margin-bottom: 0;
}

.bloc-file-item .titre-btn .input-label {
  margin: 0;
  font-size: 1.438rem;
  line-height: 2.563rem;
  font-weight: bold;
}

.bloc-file-item .titre-btn {
  margin-bottom: 28px;
}

.bloc-file-item .uppy-FileInput-container {
  margin-bottom: 0;
}

.file-item {
  position: relative;
  display: flex;
  align-items: center;
}

.file-item .btn-file-delete {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.file-input {
  display: flex;
  align-items: baseline;
}

.file-input label {
  margin: 0 5px 0 0;
  white-space: nowrap;
}

.file-item a {
  text-decoration: none;
  color: var(--noir);
}

.file-thumbnail {
  width: 95px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.file-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}

.file-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.file-item:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.file-item:not(:last-child)::before {
  content: "";
  width: calc(100% - 95px - 10px);
  height: 100%;
  border-bottom: 1px solid var(--noir-30);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

#credits-acm {
  margin-bottom: 25px;
}

#credits-cnc span {
  margin-right: 10px;
}

@media screen and (min-width: 576px) {
  .bloc-bignumber-lg .bignumber-txt {
    flex-direction: row;
    justify-content: center;
  }
  .bloc-bignumber-lg .bignumber-txt p {
    margin-bottom: 0;
    margin-right: 25px;
  }
  .margin-container {
    margin: 0 83px;
  }
  .tab-content {
    padding: 50px 80px;
  }
  .tab-lg .tab-content {
    padding: 80px;
  }
  .nav-tabs {
    flex-direction: row;
  }
  .nav-tabs .nav-item {
    flex: 1;
    margin: 0 5px 0 0;
  }
  .nav-tabs .nav-item:last-child {
    margin: 0;
  }
  .nav-tabs .nav-link {
    padding: 28px 15px 18px;
    border-radius: 14.5px 14.5px 0 0;
  }
  .tab-list ul li {
    flex-direction: row;
    align-items: baseline;
  }
  .tab-list .group-list > li {
    flex-direction: column;
  }
  .tab-list .dates::after {
    content: "|";
    color: var(--bleu);
    margin: 0 13px;
  }
  .table-legend {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .table-legend li:last-child {
    margin-bottom: 0;
  }
  .modal-dialog {
    max-width: 60vw;
  }
  .modal-video .modal-dialog {
    max-width: 90vw;
  }
  .btn-search {
    margin-bottom: 0;
  }
  .form-section-title.titre-btn {
    padding-right: 83px;
  }
  .form-accordion > ul > li {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .accordion-actions {
    margin-top: 0;
  }
  .accordion-actions .btn:first-child {
    margin-left: 25px;
  }
}
@media screen and (min-width: 768px) {
  .nav-tabs {
    flex-direction: row;
  }
  .group-cards-h .card-bottom {
    padding: 10px 0 15px;
  }
}
@media screen and (min-width: 992px) {
  #btn-back-to-top {
    bottom: 70px;
    right: 70px;
  }
  .titre-btn {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .titre-btn .titre-section {
    margin-bottom: 0;
  }
  .bignumber-txt {
    height: 100%;
    margin: 0;
  }
  .card-container {
    margin: 0;
  }
  .chiffres-cles-content:first-child,
.chiffres-cles-content:last-child {
    padding: 22px 18px;
  }
  .chiffres-cles-content {
    border-left: 1px solid var(--rouge);
  }
  .chiffres-cles-content:last-child {
    border-right: 1px solid var(--rouge);
  }
  .chiffres-cles-content::after {
    border-bottom: none;
  }
  .chiffres-cles-picto-top .chiffres-cles-content,
.chiffres-cles-picto-top .chiffres-cles-content:last-child {
    border: none;
  }
  .chiffres-cles-picto-top .chiffres-cles-content {
    padding: 0 18px;
  }
  .chiffres-cles-picto-top .chiffres-cles-content::after {
    width: 100%;
    background: url("../src/pictos/separator-v-rouge.svg") no-repeat;
    background-position: right center;
  }
  .chiffres-cles-picto-top .chiffres-cles-content:last-child::after {
    background: none;
  }
  .filtres {
    margin-bottom: 0;
  }
  .titre-filtres {
    padding-top: 15px;
  }
  .titre-filtres.titre-btn {
    padding-top: 0;
  }
  .tri-recherche .nav-item {
    margin-bottom: 0;
  }
  .form-group-inputs > .row {
    margin-bottom: 20px;
  }
  .form-group-inputs > .row:last-child {
    margin-bottom: 0;
  }
  .blocs-input .form-input-item {
    margin-bottom: 0px;
  }
  .form-input-item {
    height: 100%;
  }
  .tab-2-col .tab-list:last-child {
    margin-bottom: 0;
  }
  .pres-film {
    padding-left: 0;
    padding-bottom: 0;
  }
  .bloc-infos-media {
    margin-top: 0;
    justify-content: space-between;
    align-items: flex-start;
  }
  .share-page {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .share-page a {
    margin-top: 10px;
    margin-left: 0;
  }
  .modal-video .modal-dialog {
    max-width: 75vw;
  }
  .video-js .vjs-big-play-button {
    background-size: auto;
  }
  .table > :not(caption) > * > * {
    padding: 30px 15px;
  }
  thead {
    position: sticky;
    top: 0;
    background-color: var(--bleu);
    color: var(--blanc);
    clip: unset;
    height: auto;
    overflow: unset;
  }
  tbody > *,
tbody tr > * {
    display: revert;
  }
  tbody tr {
    border-bottom: none;
  }
  tbody tr > *::before {
    display: none;
  }
  th,
td {
    border-right: 1px solid var(--noir);
  }
  tbody tr > *:last-child {
    border-right: none;
  }
  td:last-child {
    text-align: center;
  }
  .step-form-container {
    position: relative;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  .step-form {
    margin-bottom: 0;
    text-align: center;
  }
  .step-link {
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
  }
  .step-link::before {
    position: relative;
  }
  .step-link p {
    margin-top: 5px;
  }
  .noUi-origin .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .noUi-origin .noUi-tooltip,
.noUi-origin:last-child .noUi-tooltip {
    left: 50%;
  }
  .noUi-origin:last-child .noUi-tooltip {
    right: auto;
  }
  .table-legend ul {
    flex-direction: row;
    align-items: center;
  }
  .table-legend li {
    margin-right: 50px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 960px;
  }
}
/*HEADER*/
header {
  font-weight: bold;
  line-height: normal;
  background-color: var(--blanc);
  box-shadow: 0px 0px 5px var(--noir-35);
}

header h1 {
  font-size: 1.563rem;
  line-height: 2.563rem;
  margin: 0;
  display: flex;
  align-items: center;
}

.navbar {
  padding: 15px;
}

.navbar > .container {
  align-items: stretch;
}

.navbar-brand {
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

.navbar-collapse {
  align-items: stretch;
}

.navbar-collapse > div {
  display: flex;
  align-items: center;
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav {
  width: 100%;
  justify-content: flex-end;
}

.navbar .nav-item {
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--noir);
}

.navbar .nav-link {
  position: relative;
  padding: 0;
  font-size: 0.875rem;
}

.header-link-txt .nav-link span {
  padding: 5px;
  padding-top: 0;
}

.header-link-txt a:hover span,
.header-link-txt a.active span {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, var(--rouge-30) 30%);
}

header .para-picto p {
  font-size: 1rem;
  line-height: 1rem;
}

.navbar .log-link {
  flex-direction: column;
  justify-content: center;
  background-color: var(--rouge);
  padding: 15px 20px;
  font-size: 0.813rem;
  text-align: center;
}

.navbar .log-link a:not(.btn) {
  color: var(--blanc);
  text-decoration: none;
  font-weight: 600;
}

.navbar .log-link > a:not(.btn):hover {
  text-decoration: underline;
}

.navbar .log-link p {
  margin-bottom: 5px;
}

.navbar .log-link .dropdown-item p {
  font-weight: normal;
}

.dropdown-item {
  white-space: normal;
}

.dropdown-item:hover {
  background: none;
}

.log-link.dropdown {
  position: static;
}

.log-link .dropdown-menu {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  border: none;
  border-radius: 0;
  background-color: var(--rouge);
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.navbar .para-picto p {
  display: flex;
  align-items: center;
  margin: 0;
  padding-left: 30px;
}

.log-link .para-picto:not(:last-child) {
  margin-bottom: 10px;
}

.navbar .para-picto p::before {
  width: 25px;
  height: 25px;
}

#menu_menu-perso-ayantdroit_1 p::before {
  background-image: url("../src/pictos/infos.svg");
}

#menu_menu-perso-ayantdroit_2 p::before {
  background-image: url("../src/pictos/achat-credits-factures.svg");
}

#menu_menu-perso-ayantdroit_3 p::before {
  background-image: url("../src/pictos/notification-w.svg");
}

/*   #menu_menu-haut-anonymous_3{
  @extend .btn;
  @extend .btn-gris;
}
#menu_menu-haut-anonymous_3.header-link-txt .nav-link{
  border-right:none;

} */
.log-link .dropdown-item:hover p::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid var(--blanc);
  width: calc(100% - 30px);
  height: calc(100% + 5px);
  top: 0;
  right: 0;
}

#cart,
#notification {
  position: relative;
}

header .badge {
  top: -5px;
  left: 60%;
  min-width: 19px;
  min-height: 19px;
  font-size: 0.688rem;
}

#lang {
  flex-direction: column;
  align-items: flex-start;
}

#lang .dropdown-toggle::after {
  border: none;
}

#lang .dropdown-toggle span::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  width: 100%;
  height: 15px;
  background: url(../src/pictos/dropdown.svg) no-repeat center;
  border: none;
}

.lang-select {
  z-index: 1;
  border: none;
  font-size: 0.875rem;
  width: auto;
  min-width: auto;
  padding: 0;
  border-radius: 0;
}

.lang-select a {
  text-decoration: none;
  font-weight: inherit;
  text-align: center;
  color: var(--blanc);
  padding: 10px;
  border: none;
}

.lang-select a,
.lang-select a:hover {
  background-color: var(--rouge);
}

.lang-select a:first-child {
  margin-right: 10px;
}

@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  .header-link-txt .nav-link {
    border-right: 2px solid var(--rouge);
  }
  .header-link-txt:nth-child(4) .nav-link {
    border: none;
  }
  header .badge {
    left: 0;
  }
  .navbar-collapse {
    justify-content: space-between;
  }
  .navbar .nav-item {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
  }
  .navbar .nav-item:not(.log-link) {
    padding: 15px 0;
  }
  .log-link .dropdown-menu {
    display: none;
  }
  .log-link .dropdown-menu.show {
    box-shadow: 0px 0px 5px var(--noir-35);
    display: flex;
    flex-direction: row;
    position: absolute;
  }
  .log-link .para-picto:not(:last-child) {
    margin-bottom: 0;
  }
  #lang {
    flex-direction: row;
    align-items: center;
  }
  .lang-select {
    margin-top: 0 !important;
    width: 100%;
    box-shadow: 0px 0px 5px var(--noir-35);
  }
  .lang-select a:first-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1400px) {
  header .nav-link {
    padding: 0 15px !important;
  }
  .navbar-collapse {
    justify-content: flex-end;
    flex-grow: 0;
  }
}
/*FOOTER*/
footer {
  color: var(--blanc);
  background-color: var(--gris);
  padding: 42px 0;
}

footer .para-picto p::before {
  background-position: left top;
}

.footer-titre,
.footer-adresse p > span:first-child {
  font-weight: bold;
}

.footer-coord,
.footer-menu {
  margin-bottom: 30px;
}

.footer-titre {
  font-size: 1.563rem;
  margin-bottom: 20px;
}

.footer-adresse .adresse {
  align-items: flex-start;
  font-size: 0.813rem;
  line-height: 1.313rem;
}

.footer-links {
  margin: 0;
}

.footer-links a {
  display: block;
  color: var(--blanc);
  text-decoration: none;
  font-size: 0.688rem;
  line-height: 1.625rem;
  text-transform: uppercase;
}

.footer-credits {
  margin-top: auto;
  font-size: 0.75rem;
}

@media screen and (min-width: 992px) {
  .footer-coord,
.footer-menu {
    margin-bottom: 0;
  }
  .footer-adresse {
    border-right: 2px solid var(--blanc);
  }
}
.bg-img.bg-camera {
  background-image: url("../src/img/kal-visuals-H84so_4re8o-unsplash.jpg");
}

/*Module prix crédits*/
.bloc-chiffres-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--blanc);
  color: var(--noir);
  font-size: 1.563rem;
  line-height: 1.625rem;
  padding: 35px 35px 25px;
  margin-bottom: 25px;
}

.bloc-chiffres-btn .number {
  color: var(--rouge);
  font-size: 3.125rem;
  line-height: 2.25rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.bloc-chiffres-btn .btn {
  margin-top: 30px;
  width: 75%;
}

.accordion-candidature {
  margin-bottom: 50px;
}

.accordion-candidature:last-child {
  margin-bottom: 0;
}

.accordion-candidature .accordion-button {
  background-color: var(--bleu-5);
}

.section .accordion-candidature .accordion-collapse {
  background-color: var(--blanc);
}

.accordion-candidature .accordion-button > .row {
  width: 100%;
}

.accordion-candidature span {
  display: inline-block;
  width: auto;
}

.accordion-candidature .section-titre-status {
  font-weight: 600;
}

.accordion-candidature .section-status {
  color: var(--bleu);
}

.accordion-candidature .section-criteres {
  display: flex;
}

.accordion-candidature .section-criteres span {
  margin-left: 10px;
}

.encadre-bleu {
  border-radius: 10px;
  background-color: var(--bleu);
  color: var(--blanc);
  padding: 20px;
  text-align: right;
  margin-bottom: 20px;
}

.encadre-bleu:last-child {
  margin-bottom: 0;
}

.infos-section {
  margin-bottom: 45px;
}

.infos-section h4 {
  font-size: 1.438rem;
  font-weight: bold;
}

.section-conditions {
  display: flex;
  align-items: flex-start;
  margin-top: 25px;
}

.section-conditions .conditions-content {
  padding-left: 10px;
}

.infos-section h5 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}

.infos-section h5,
.infos-section p {
  line-height: 1.2rem;
}

.check-list {
  position: relative;
  padding-left: 35px;
}

.check-list::before {
  content: url("../src/pictos/check-simple-bleu.svg");
  position: absolute;
  left: 0;
}

.btn-section {
  width: 100%;
}

.form-film-panier form {
  display: flex;
  flex-direction: column;
}

.form-film-panier form button {
  align-self: center;
  margin-top: 20px;
}

.fieldset-film-panier .form-check {
  margin-bottom: 20px;
}

.fieldset-film-panier a {
  color: var(--noir);
}

.fieldset-film-panier a:hover {
  text-decoration: none;
}

.bloc-festival-panier {
  padding: 0 0 50px 0;
}

.error-message {
  z-index: 1;
  position: absolute;
  width: 100%;
}

.bloc-bignumber-abs .bignumber-txt {
  padding-bottom: 20px;
  margin: 0;
}

article#largeur {
  position: relative;
}

.encadre-bleu-10 {
  position: relative;
  background-color: var(--bleu-10);
  padding: 15px 30px;
  border-radius: 10px;
  margin-top: 20px;
}

.panier-festival-sections h3 {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

.frais-section,
.delete-item {
  display: flex;
}

.delete-item {
  position: absolute;
  justify-content: flex-end;
  top: 15px;
  right: 0;
}

.total-panier .encadre-bleu {
  margin-bottom: 20px;
}

.total-panier > div:last-child .encadre-bleu {
  margin-bottom: 0;
}

.section-cout {
  font-size: 1.438rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.panier-festival-sections .btn {
  padding: 0;
}

.total-panier {
  margin-top: 35px;
  margin-bottom: 35px;
}

.panier-actions {
  display: flex;
  flex-direction: column;
}

.panier-actions .btn {
  margin-bottom: 20px;
}

.panier-actions .btn:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 576px) {
  .bloc-chiffres-btn {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .edition-reglement-fest.edition-reglement-section .btn-document {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) {
  .bloc-bignumber-abs {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  .bloc-festival-panier {
    padding-top: 30px;
  }
  .titre-festival {
    margin-right: 30px;
  }
  .encadre-bleu-10 {
    padding-right: 15px;
  }
  .frais-section {
    justify-content: center;
  }
  .total-panier .encadre-bleu {
    margin-bottom: 0;
  }
  .panier-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
  .panier-actions .btn {
    margin-left: 25px;
    margin-bottom: 0;
  }
}
/*TODO : Mettre dans css festival*/
/*
.bloc-infos-media-fest.bloc-infos-media {
	align-items: center;
}

@media screen and (min-width: 576px) {
  .bloc-infos-media-fest.bloc-infos-media {
    margin-top: 0;
  }

  .share-fest.share-page {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .share-fest.share-page a {
    margin-top: 10px;
    margin-left: 0;
  }
}*/
.bg-img.grad-bleu-orange {
  background-image: url("../src/img/bg-grad-bleu-orange.png");
}

.fe-logo-circle-b {
  width: 135px;
  height: 135px;
  background-color: var(--bleu);
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90px;
  margin-right: 20px;
}

.fe-title-section,
.edition-title-section {
  display: flex;
}

.fe-title-section {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 40px;
}

.fe-title-section h1 {
  font-size: 2.188rem;
}

.fe-title-section .fe-subtitle {
  font-size: 1.563rem;
}

.fe-title-section h1,
.fe-title-section .fe-subtitle {
  line-height: 2.563rem;
  margin: 0;
}

.edition-title-section {
  justify-content: space-between;
}

.bloc-bleu {
  padding: 25px 30px;
  text-align: center;
}

.bloc-bleu .bloc-title {
  font-size: 1.563rem;
  line-height: normal;
}

.bloc-bleu .date-candidature {
  font-size: 1.125rem;
}

.statut-appel,
.bloc-bleu .date-candidature {
  font-weight: bold;
}

.fe-poster-image {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 216px;
  height: max-content;
}

.fe-poster-image img {
  width: 100%;
  height: 306px;
  object-fit: cover;
}

.copyright {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: var(--noir-40);
  color: var(--blanc);
  padding: 6px 11px;
  font-size: 0.75rem;
  line-height: normal;
}

.edition-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.edition-title {
  margin-bottom: 15px;
}

.edition-title .edition-name {
  font-size: 1.563rem;
  line-height: normal;
  font-weight: bold;
}

.edition-title .edition-dates {
  line-height: normal;
  text-transform: lowercase;
}

.frais-inscription {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.frais-inscription img {
  margin-right: 18px;
}

.edition-desc {
  margin-bottom: 31px;
}

.edition-reglement-section {
  margin-top: auto;
}

.edition-reglement-section .btn-document {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .fe-title-section {
    flex-direction: row;
  }
  .edition-reglement-section .btn-document {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1400px) {
  .fe-poster-image {
    max-width: 100%;
  }
  .fe-poster-image img {
    width: 306px;
    height: 434px;
  }
}
.film-carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.film-carousel-control-prev {
  margin-left: -25px;
}

.film-carousel-control-next {
  margin-right: -25px;
}

#photoCarousel .film-carousel-item img {
  object-fit: contain;
  object-position: center;
  overflow: hidden;
}

.film-carousel-item .div-slide {
  height: 60vh;
}

.btn-favorite {
  background-color: #0f8790;
}

.btn-favorite.checked {
  background-color: #0d88c1;
}

.section-header {
  cursor: pointer;
}

.stat-element {
  width: 100%;
  height: 100%;
  padding: 10px;
}

.debug-bigNumber {
  height: auto !important;
}

.status-link {
  color: var(--noir);
  text-decoration: underline;
  font-weight: bold;
}
.status-link:hover {
  color: var(--bleu);
}
.status-link-picto {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  aspect-ratio: 1/1;
  background-color: var(--blanc);
}

.bold {
  font-weight: bold;
}

.bg-bleu-pale-forced {
  background-color: var(--bleu-10) !important;
}

.title-txt {
  align-self: stretch;
}

.flex-links {
  display: flex;
  justify-content: space-around;
  column-gap: 20px;
}

.flex-links a {
  flex: 1;
}

.festival-soustitre {
  font-size: 1.563rem;
}

.festival-soustitre {
  line-height: 2.563rem;
  margin: 0;
}

.bg-img-height {
  height: 70%;
}

@media screen and (min-width: 992px) {
  .bloc-upping {
    position: relative;
    transform: translateY(-50%);
  }
}
.accordion-item {
  border: none;
  border-radius: 10px !important;
}

.accordion-button {
  background-color: unset !important;
}

.accordion-collapse {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.link-list-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.stat-element-big-number .number {
  color: var(--rouge);
  font-size: 2.25rem;
}

.stat-element-big-number {
  font-weight: bold;
  font-family: "Averta", Courier;
  font-size: 1rem;
}

.stat-element-title {
  font-size: 1rem;
  font-weight: bold;
}

#duration-legend-container {
  font-size: 0.75rem;
}

.rating {
  --dir: right;
  --fill: gold;
  --fillbg: rgba(100, 100, 100, 0.15);
  /*   --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>'); */
  --stars: 5;
  --starsize: 3rem;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
}

[dir=rtl] .rating {
  --dir: left;
}

.rating::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
  -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-moz-range-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
}

.rating::-webkit-slider-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
  -webkit-appearance: none;
}

.rating, .rating-label {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
}

.rating-label {
  margin-block-end: 1rem;
}

/* NO JS */
.rating--nojs::-moz-range-track {
  background: var(--fillbg);
}

.rating--nojs::-moz-range-progress {
  background: var(--fill);
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--star);
}

.rating--nojs::-webkit-slider-runnable-track {
  background: var(--fillbg);
}

.rating--nojs::-webkit-slider-thumb {
  background-color: var(--fill);
  box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
  opacity: 1;
  width: 1px;
}

[dir=rtl] .rating--nojs::-webkit-slider-thumb {
  box-shadow: var(--w) 0 0 var(--w) var(--fill);
}

.filtre-innerpad {
  margin: 20px 0 25px;
}

.filtre-collapse select {
  width: 100%;
}

#save {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  background: url(https://cdns.iconmonstr.com/wp-content/assets/preview/2012/240/iconmonstr-check-mark-1.png) no-repeat;
  background-size: contain;
  background-position: center center;
}

#save.loading {
  background-image: url(https://icons8.com/preloaders/generator.php?filmstrip&image=810&speed=9&fore_color=000000&back_color=FFFFFF&size=64x64&transparency=1&reverse=0&orig_colors=1&gray_transp=0&image_type=2&inverse=0&flip=0&frames_amount=30&word=237-261-157-41-266-237-41-257-237-266-57-41-227-41-36-36-36);
}

.gestion-film a.delete-btn {
  display: block;
}

.busy {
  pointer-events: none;
  position: relative;
  overflow: hidden;
}

.busy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  background-image: url(https://icons8.com/preloaders/generator.php?filmstrip&image=810&speed=9&fore_color=000000&back_color=FFFFFF&size=64x64&transparency=1&reverse=0&orig_colors=1&gray_transp=0&image_type=2&inverse=0&flip=0&frames_amount=30&word=237-261-157-41-266-237-41-257-237-266-57-41-227-41-36-36-36);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  z-index: 1;
}

fieldset.disabled {
  opacity: 0.5;
  pointer-events: none;
}

input[type=text].loading {
  background-image: url(https://icons8.com/preloaders/generator.php?filmstrip&image=810&speed=9&fore_color=000000&back_color=FFFFFF&size=64x64&transparency=1&reverse=0&orig_colors=1&gray_transp=0&image_type=2&inverse=0&flip=0&frames_amount=30&word=237-261-157-41-266-237-41-257-237-266-57-41-227-41-36-36-36);
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.film-checkbox {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}

.all-selected .film-checkbox {
  opacity: 0.5;
  pointer-events: none;
  user-focus: none;
}

.statut-preSelected {
  background: blue;
}

.statut-accepted {
  background: green;
}

.statut-rejected {
  background: red;
}

.vjs-theme-fantasy {
  --vjs-theme-fantasy--primary: var(--rouge);
  --vjs-theme-fantasy--secondary: #fff;
}

.iframe-16-9 {
  width: 100%;
  padding-top: 56.5%;
  position: relative;
}
.iframe-16-9 iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ff-video {
  position: relative;
  display: block;
  width: 100%;
}

.video-js {
  width: 100%;
}

.video-js .vjs-control-bar {
  height: 5em;
  background: rgba(255, 255, 255, 0.9);
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 2.5em;
}

.vjs-remaining-time-display {
  font-size: 1.5em;
  line-height: 3.5em;
  vertical-align: middle;
  color: var(--bleu);
}

.video-js .vjs-control {
  width: 5em;
  color: var(--bleu);
}

.vjs-menu li {
  font-size: 1.5em;
  padding: 10px;
}

.vjs-menu-button-popup .vjs-menu {
  width: 20em;
  left: -9em;
  margin-bottom: 3.5em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background: rgba(255, 255, 255, 0.9);
}

.video-js .vjs-play-progress {
  background: var(--bleu);
}

.video-js.vjs-v7 .vjs-seek-button.skip-back .vjs-icon-placeholder::before,
.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before {
  font-family: sans-serif;
  font-size: 1.4em;
  content: "-10s";
  font-weight: bold;
}

.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before {
  content: "+10s";
}

.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before:first-letter {
  font-size: 5em;
}

.dropdown-autocomplete {
  max-height: 50vh;
  overflow: auto;
}

.rating {
  --dir: right;
  --fill: gold;
  --fillbg: rgba(100, 100, 100, 0.15);
  /*   --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>'); */
  --stars: 5;
  --starsize: 3rem;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
}

[dir=rtl] .rating {
  --dir: left;
}

.rating::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
  -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}

.rating::-moz-range-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
}

.rating::-webkit-slider-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
  -webkit-appearance: none;
}

.rating, .rating-label {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
}

.rating-label {
  margin-block-end: 1rem;
}

/* NO JS */
.rating--nojs::-moz-range-track {
  background: var(--fillbg);
}

.rating--nojs::-moz-range-progress {
  background: var(--fill);
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--star);
}

.rating--nojs::-webkit-slider-runnable-track {
  background: var(--fillbg);
}

.rating--nojs::-webkit-slider-thumb {
  background-color: var(--fill);
  box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
  opacity: 1;
  width: 1px;
}

[dir=rtl] .rating--nojs::-webkit-slider-thumb {
  box-shadow: var(--w) 0 0 var(--w) var(--fill);
}

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