:root {
  /*theme clair et sombre*/
  color-scheme: light dark;
  /*couleur verte*/
  --vert-h: 151;
  --vert-s: 100%;
  --vert-l: 37%;
  --vert-hsl: var(--vert-h) var(--vert-s) var(--vert-l);
  --vert: hsl(var(--vert-hsl));
  /*couleur jaune*/
  --jaune-h: 49;
  --jaune-s: 100%;
  --jaune-l: 56%;
  --jaune-hsl: var(--jaune-h) var(--jaune-s) var(--jaune-l);
  --jaune: hsl(var(--jaune-hsl));
  /*couleur blanc*/
  --blanc-h: 0;
  --blanc-s: 0%;
  --blanc-l: 100%;
  --blanc-hsl: var(--blanc-h) var(--blanc-s) var(--blanc-l);
  --blanc: hsl(var(--blanc-hsl));
  /*couleur noir*/
  --noir-h: 0;
  --noir-s: 0%;
  --noir-l: 0%;
  --noir-hsl: var(--noir-h) var(--noir-s) var(--noir-l);
  --noir: hsl(var(--noir-hsl));
  /*couleur gris*/
  --gris-h: 0;
  --gris-s: 0%;
  --gris-l: 53%;
  --gris-hsl: var(--gris-h) var(--gris-s) var(--gris-l);
  --gris: hsl(var(--gris-hsl));
  /*couleur pour clair sombre*/
  --filtre-gris: hsl(var(--gris-hsl)/.5);
  /*espacement*/
  --space: clamp(11px, 0.5dvi + 9px,16px);
  --space-xs: calc(0.25 * var(--space));
  --space-s: calc(0.5 * var(--space));
  --space-m: calc(0.75 * var(--space));
  --space-l: calc(1.5 * var(--space));
  --space-xl: calc(2 * var(--space));
  --space-v: clamp(8px, 2dvw, 28px);
  --space-v-xs: calc(0.25 * var(--space-v));
  --space-v-s: calc(0.5 * var(--space-v));
  --space-v-m: calc(0.75 * var(--space-v));
  --space-v-l: calc(1.5 * var(--space-v));
  --space-v-xl: calc(2 * var(--space-v));
  /*variable de mise en page*/
  --arrondi: 0.5rem;
  --dureeTranstion: 500ms;
  --margeEstampille: calc(1.25 * var(--space-v));
  --tailleLogoEstampille: calc(clamp(99px, 10dvw, 115px) + 2 * var(--margeEstampille));
  --musicienHauteurBandeau: 20dvh;
  --musicienHauteurPointille: 2dvh;
  --musicienLargeurBande: min(5dvw, 70px);
  --menuIconeSize: 3dvw;
}
@media (prefers-color-scheme: light) {
  :root {
    --initial-light-theme: initial;
    --initial-dark-theme: ;
    --current-light-theme: initial;
    --current-dark-theme: ;
  }
  .interrupteur-dark {
    display: none;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --initial-light-theme: ;
    --initial-dark-theme: initial;
    --current-light-theme: ;
    --current-dark-theme: initial;
  }
  .interrupteur-light {
    display: none;
  }
}
#inter-light, #inter-dark {
  display: none;
}
:root {
  --interLongueur: 5rem;
  --interHauteur: 2.5rem;
  --interMarge: 0.5rem;
  --interTaillePolice: 1.5rem;
  --interTailleCoin: 5rem;
}
.interLabel-dark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: var(--interTailleCoin);
  padding: var(--interMarge);
  height: var(--interHauteur);
  width: var(--interLongueur);
  font-size: var(--interTaillePolice);
  background-color: var(--gris);
  cursor: pointer;
  z-index: 8;
}
.interLabel-dark .interBalle-dark {
  position: absolute;
  border-radius: 50%;
  top: calc(0.5 * var(--interMarge));
  left: calc(0.5 * var(--interMarge));
  height: calc(var(--interHauteur) - var(--interMarge));
  width: calc(var(--interHauteur) - var(--interMarge));
  transform: translateX(0);
  background-color: var(--noir);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: transform, background-color;
}
.interLabel-light {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-radius: var(--interTailleCoin);
  padding: var(--interMarge);
  height: var(--interHauteur);
  width: var(--interLongueur);
  font-size: var(--interTaillePolice);
  background-color: var(--gris);
  cursor: pointer;
  z-index: 8;
}
.interLabel-light .interBalle-light {
  position: absolute;
  border-radius: 50%;
  top: calc(0.5 * var(--interMarge));
  left: calc(0.5 * var(--interMarge));
  height: calc(var(--interHauteur) - var(--interMarge));
  width: calc(var(--interHauteur) - var(--interMarge));
  transform: translateX(0);
  background-color: var(--blanc);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: transform, background-color;
}
.interrupteur-dark:checked + .interLabel-dark .interBalle-dark {
  transform: translateX(2.5rem);
  --current-dark-theme: var(--initial-light-theme, initial);
  --current-light-theme: initial;
}
.interrupteur-light:checked + .interLabel-light .interBalle-light {
  transform: translateX(2.5rem);
  --current-dark-theme: initial;
  --current-light-theme: var(--initial-dark-theme, initial);
}
.interIcon {
  width: calc(1 * (var(--interHauteur) - 2 * var(--interMarge)));
  height: calc(1 * (var(--interHauteur) - 2 * var(--interMarge)));
  z-index: 8;
}
.interIconDark {
  fill: var(--blanc);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: fill;
}
.interIconLight {
  fill: var(--noir);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: fill;
}
html:has(#inter-dark[type="checkbox"]:checked) {
  --current-dark-theme: var(--initial-light-theme, initial);
  --current-light-theme: initial;
}
html:has(#inter-dark[type="checkbox"]:checked) .interIconDark {
  fill: var(--noir);
}
html:has(#inter-dark[type="checkbox"]:checked) .interLabel-dark .interBalle-dark {
  background-color: var(--blanc);
}
html:has(#inter-light[type="checkbox"]:checked) {
  --current-dark-theme: initial;
  --current-light-theme: var(--initial-dark-theme, initial);
}
html:has(#inter-light[type="checkbox"]:checked) .interIconLight {
  fill: var(--blanc);
}
html:has(#inter-light[type="checkbox"]:checked) .interLabel-light .interBalle-light {
  background-color: var(--noir);
}
/* tweak scrollbar for all but firefox */
:root::-webkit-scrollbar {
  width: 0px;
  background-color: transparent;
}
:root::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
/*pour le debug*/
.debug {
  border: red 5px solid;
}
/*pour les scrollbar*/
.fond-inv, .musiciensListe {
  scrollbar-color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc)) transparent;
  scrollbar-width: thin;
}
.musiciensListe {
  direction: rtl;
}
.musicienWrapper {
  direction: ltr;
}
.fond, .repertoireScrollWrapper, .fond-jaune {
  scrollbar-color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc)) transparent;
  scrollbar-width: thin;
}
#bricks-one-page-navigation {
  right: 5px;
}
.fenetre, .bricks-posts-nothing-found {
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  scroll-snap-stop: always;
}
.bricks-posts-nothing-found {
  font-family: "Kaph";
  font-weight: 900;
  font-size: clamp(25px, calc(3.5dvw + 11px), 60px);
  align-content: center;
  text-align: center;
}
.pageSection {
  width: min(1400px, 100%);
}
.transitoire, .fond, .fond-inv, .fond-vert, .fond-jaune, .ecriture, .ecriture-inv, .pinceau, .pinceau-inv, .pinceau-jaune, .pinceau-vert, .pinceau-blanc, .couleurCadre {
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: background-color, color, fill;
}
.fond {
  background-color: var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
}
.fond-inv {
  background-color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc));
}
.fond-vert {
  background-color: var(--current-light-theme, var(--vert)) var(--current-dark-theme, var(--jaune));
}
.fond-jaune {
  background-color: var(--current-light-theme, var(--jaune)) var(--current-dark-theme, var(--vert));
}
.ecriture {
  color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc));
}
.ecriture-inv {
  color: var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
}
.pinceau {
  fill: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc));
}
.pinceau-inv {
  fill: var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
}
.pinceau-jaune {
  fill: var(--current-light-theme, var(--jaune)) var(--current-dark-theme, var(--vert));
}
.pinceau-vert {
  fill: var(--current-light-theme, var(--vert)) var(--current-dark-theme, var(--jaune));
}
.pinceau-blanc {
  fill: var(--blanc);
}
.couleurCadre {
  border: 0.5dvmin solid var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: border;
}
.navMenu {
  border-top: 2px var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir)) solid;
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: border;
}
.navMenu li {
  border-bottom: 2px var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir)) solid;
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: border;
}
.fondIconeFacebook {
  background-color: var(var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc)));
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: background-color;
}
.agendaListing, .repertoireScrollWrapper {
  overflow-y: scroll;
}
.musicienCarre {
  content: "";
  background-color: var(--gris);
  width: calc(0.15 * var(--musicienLargeurBande));
  height: calc(0.15 * var(--musicienLargeurBande));
}
.musicienCarreGrid > :nth-child(4n+2).musicienCarre, .musicienCarreGrid > :nth-child(4n+3).musicienCarre {
  width: calc(0.07 * var(--musicienLargeurBande));
  height: calc(0.07 * var(--musicienLargeurBande));
}
.musicienWrapper > :first-child .tiretMusicien {
  display: none;
}
.voiToutRepertoire {
  transition: background-color var(--dureeTranstion);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: background-color;
}
.musicienPointille {
  content: "";
  --longPoint: calc(0.5 * var(--musicienHauteurPointille));
  --longEsp: 5px;
  --longFlou: 1px;
  background-image: repeating-linear-gradient(-50deg, var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir)), var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir)) calc(var(--longPoint) - var(--longFlou)), transparent var(--longPoint), transparent calc(var(--longPoint) + var(--longEsp) - var(--longFlou)), var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir)) calc(var(--longPoint) + var(--longEsp)));
  background-size: 100% 100%;
  background-position: 0 0%;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--musicienHauteurPointille) * 0.767) 100%, 0 100%);
}
.agendaTicket-inv, .agendaListe:hover .agendaTicket, .audio-dark {
  display: var(--current-light-theme, none) var(--current-dark-theme, block);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: display;
}
.agendaListe:hover .agendaTicket-inv, .agendaTicket, .audio-light {
  display: var(--current-light-theme, block) var(--current-dark-theme, none);
  transition: all var(--dureeTranstion) ease-in-out;
  transition-property: display;
}
@media (max-width: 991px) {
  :root {
    --menuIconeSize: 9dvw;
  }
  .colonneSommesTexte {
    grid-column: 1 / span 2;
  }
  .carteAffichee {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
  }
  .contenuBandeau {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
  }
}
@media (min-width: 992px) {
  .cliquable {
    transition: all var(--dureeTranstion) ease-in-out;
    transition-property: background-color;
  }
  .cliquable:hover {
    background-color: var(--filtre-gris);
  }
  .cliquable:hover .fondIconeFacebook {
    background-color: var(--filtre-gris);
  }
  .carteAffichee {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
  }
  .voiToutRepertoire:hover {
    background-color: var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
    color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc));
    transition: all var(--dureeTranstion) ease-in-out;
    transition-property: background-color;
    transition: all var(--dureeTranstion) ease-in-out;
    transition-property: color;
  }
  .agendaListe:hover .agendaVoirPlus {
    background-color: var(--current-light-theme, var(--noir)) var(--current-dark-theme, var(--blanc));
    color: var(--current-light-theme, var(--blanc)) var(--current-dark-theme, var(--noir));
    transition: all var(--dureeTranstion) ease-in-out;
    transition-property: background-color;
    transition: all var(--dureeTranstion) ease-in-out;
    transition-property: color;
  }
}
.agendaContenuDefiles[aafficher="affiche"], .agendaContenuConcerts[aafficher="affiche"] {
  display: flex;
}
.agendaContenuDefiles[aafficher="cache"], .agendaContenuConcerts[aafficher="cache"] {
  display: none !important;
}
@keyframes scroll-up {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-50%);
  }
}
.musiciensListe {
  animation: scroll-up 15s linear infinite;
}
.musicienListeWrapper:hover .musiciensListe {
  animation-play-state: paused;
}