/* Les Ardentes 2025-2026 - Scalp - 23.10.2025 */
/* Hover */
/*------*/
/* Typo */
/*------*/
/*------------*/
/* Responsive */
/*-----------*/
/*----------*/
/* Settings */
/*---------*/
/*Button*/
/*SVG*/
/*Button TOP*/
/*Icone*/
/*Soustraction*/
/*tag*/
/*form*/
/*Other*/
/*------*/
/* MENU */
/*------*/
/* Navbar */
/* Logo */
/* Ecran */
/* SUBMENU */
/* Mobile */
/* Text */
/* Reset */
/* transition */
/* Img */
/* Utilitaires */
/* Bouton */
/* BG */
/* Text color */
/* Filter */
/* tag */
/* Responsive */
/* Shadow */
/* Les Ardentes 2025-2026 - Scalp - 23.10.2025 */
header ul, footer ul {
  list-style: none;
  padding-left: 0;
}

main a:not(.link_primary):not(.link_secondary):not(.link_third):not(.link_light):not(.link_dark):not(.link_white):not(.link_info):not(.link_success):not(.link_warning):not(.link_danger) {
  color: #000000;
}
main a:not(.link_primary):not(.link_secondary):not(.link_third):not(.link_light):not(.link_dark):not(.link_white):not(.link_info):not(.link_success):not(.link_warning):not(.link_danger):hover, main a:not(.link_primary):not(.link_secondary):not(.link_third):not(.link_light):not(.link_dark):not(.link_white):not(.link_info):not(.link_success):not(.link_warning):not(.link_danger):focus, main a:not(.link_primary):not(.link_secondary):not(.link_third):not(.link_light):not(.link_dark):not(.link_white):not(.link_info):not(.link_success):not(.link_warning):not(.link_danger):active {
  color: #4e8fe0;
}

/*----------*/
/*-- padding --*/
/*----------*/
.p-m {
  padding: calc(1rem + 0.5vw);
}

.px-m {
  padding-left: calc(1rem + 0.5vw);
  padding-right: calc(1rem + 0.5vw);
}

.py-m {
  padding-top: calc(1rem + 0.5vw);
  padding-bottom: calc(1rem + 0.5vw);
}

.ps-m {
  padding-left: calc(1rem + 0.5vw);
}

.pe-m {
  padding-right: calc(1rem + 0.5vw);
}

.pt-m {
  padding-top: calc(1rem + 0.5vw);
}

.pb-m {
  padding-bottom: calc(1rem + 0.5vw);
}

/*----------*/
/*-- Container --*/
/*----------*/
.medium-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 576px) {
  .medium-content {
    width: 900px;
  }
}

.small-content {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .small-content {
    width: 600px;
  }
}

.mid-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
@media only screen and (min-width: 768px) {
  .mid-container {
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) {
  .mid-container {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1200px) {
  .mid-container {
    max-width: 535px;
  }
}
@media only screen and (max-width: calc(768px - 0.2px)) {
  .mid-container {
    max-width: 100%;
    margin: auto;
  }
}

/*----------------*/
/*-- BG --*/
/*----------------*/
.bg_primary {
  background-color: #000000;
  color: #000000;
}
.bg_primary svg {
  color: #000000;
}

.bg_secondary {
  background-color: #4e8fe0;
  color: #000000;
}
.bg_secondary svg {
  color: #000000;
}

.bg_third {
  background-color: #d21d2a;
  color: #000000;
}
.bg_third svg {
  color: #000000;
}

.bg_dark {
  background-color: #000000;
  color: #fff;
}
.bg_dark svg {
  color: #fff;
}

.bg_light {
  background-color: #f9fff7;
  color: #000000;
}
.bg_light svg {
  color: #000000;
}

.bg_white {
  background-color: #fff;
  color: #000000;
}
.bg_white svg {
  color: #000000;
}

.bg_info {
  background-color: #7ebdbf;
  color: #fff;
}
.bg_info svg {
  color: #fff;
}

.bg_warning {
  background-color: #ff8800;
  color: #fff;
}
.bg_warning svg {
  color: #fff;
}

.bg_success {
  background-color: #00a438;
  color: #fff;
}
.bg_success svg {
  color: #fff;
}

.bg_danger {
  background-color: #ec0058;
  color: #fff;
}
.bg_danger svg {
  color: #fff;
}

.fill-primary {
  fill: #000000;
}

.fill-secondary {
  fill: #4e8fe0;
}

.fill-third {
  fill: #d21d2a;
}

.fill-dark {
  fill: #000000;
}

.fill-light {
  fill: #f9fff7;
}

.fill-white {
  fill: #fff;
}

.fill-info {
  fill: #7ebdbf;
}

.fill-success {
  fill: #00a438;
}

.fill-warning {
  fill: #ff8800;
}

.fill-danger {
  fill: #ec0058;
}

/*----------------*/
/*-- TAG --*/
/*----------------*/
.tag_primary {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #000000;
  color: #000000;
}
.tag_primary svg {
  color: #000000;
}

.tag_secondary {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #4e8fe0;
  color: #000000;
}
.tag_secondary svg {
  color: #000000;
}

.tag_third {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #d21d2a;
  color: #000000;
}
.tag_third svg {
  color: #000000;
}

.tag_dark {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #000000;
  color: #fff;
}
.tag_dark svg {
  color: #fff;
}

.tag_light {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #f9fff7;
  color: #000000;
}
.tag_light svg {
  color: #000000;
}

.tag_white {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #fff;
  color: #000000;
}
.tag_white svg {
  color: #000000;
}

.tag_info {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #7ebdbf;
  color: #fff;
}
.tag_info svg {
  color: #fff;
}

.tag_success {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #00a438;
  color: #fff;
}
.tag_success svg {
  color: #fff;
}

.tag_warning {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #ff8800;
  color: #fff;
}
.tag_warning svg {
  color: #fff;
}

.tag_danger {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0 0;
  border-radius: 2px;
  display: inline-block;
  background-color: #ec0058;
  color: #fff;
}
.tag_danger svg {
  color: #fff;
}

/*----------------*/
/*-- Responsive --*/
/*----------------*/
@media only screen and (max-width: calc(576px - 0.2px)) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .navbar {
    padding-right: 7%;
    padding-left: 7%;
  }
}

/*.container{
  max-width: inherit!important;
  padding-right: 7%;
  padding-left: 7%;
}*/
/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
figure {
  margin: 0;
  position: relative;
}

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.cardImg, .squareImg {
  position: relative;
  width: 100%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: auto;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.squareImg {
  padding-top: 100%;
}

.bg-img {
  background-repeat: no-repeat;
  background-position: center center;
}

/*------------------------------------------------------*/
/* -------------------- */
/*  Filtres photos */
/* -------------------- */
.filter-bw {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Les Ardentes 2025-2026 - Scalp - 23.10.2025 */
/*----------*/
/*-- FONT --*/
/*----------*/
body {
  font-family: "Cossette Titre", sans-serif;
  color: #000000;
}

body, p, span, a, .link, button.link {
  font-size: calc(0.98rem + 0.1vw);
}

strong, b {
  font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
  font-family: "Cossette Titre", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .title a {
  font-size: 100% !important;
}

h1, .h1 {
  font-size: calc(2.45rem + 0.35vw);
}
h1 svg, .h1 svg {
  width: calc(2.45rem + 0.35vw);
  height: calc(2.45rem + 0.35vw);
}
@media only screen and (max-width: calc(576px - 0.2px)) {
  h1, .h1 {
    hyphens: auto;
    line-height: 1;
    font-size: calc(calc(2.45rem + 0.35vw) - 2vw);
  }
  h1 svg, .h1 svg {
    width: calc(calc(2.45rem + 0.35vw) - 2vw);
    height: calc(calc(2.45rem + 0.35vw) - 2vw);
  }
}

h2, .h2 {
  font-size: calc(2.25rem + 0.1vw);
}
h2 svg, .h2 svg {
  width: calc(2.25rem + 0.1vw);
  height: calc(2.25rem + 0.1vw);
}
@media only screen and (max-width: calc(576px - 0.2px)) {
  h2, .h2 {
    hyphens: auto;
    line-height: 1;
    font-size: calc(calc(2.25rem + 0.1vw) - 1.5vw);
  }
  h2 svg, .h2 svg {
    width: calc(calc(2.25rem + 0.1vw) - 1.5vw);
    height: calc(calc(2.25rem + 0.1vw) - 1.5vw);
  }
}

h3, .h3 {
  font-size: calc(1.85rem + 0.1vw);
}
h3 svg, .h3 svg {
  width: calc(1.85rem + 0.1vw);
  height: calc(1.85rem + 0.1vw);
}
@media only screen and (max-width: calc(576px - 0.2px)) {
  h3, .h3 {
    hyphens: auto;
    font-size: calc(calc(1.85rem + 0.1vw) - 0.75vw);
  }
  h3 svg, .h3 svg {
    width: calc(calc(1.85rem + 0.1vw) - 0.75vw);
    height: calc(calc(1.85rem + 0.1vw) - 0.75vw);
  }
}

h4, .h4 {
  font-size: calc(1.5rem + 0.1vw);
}
h4 svg, .h4 svg {
  width: calc(1.5rem + 0.1vw);
  height: calc(1.5rem + 0.1vw);
}
@media only screen and (max-width: calc(576px - 0.2px)) {
  h4, .h4 {
    font-size: calc(calc(1.5rem + 0.1vw) - 0.5vw);
  }
  h4 svg, .h4 svg {
    width: calc(calc(1.5rem + 0.1vw) - 0.5vw);
    height: calc(calc(1.5rem + 0.1vw) - 0.5vw);
  }
}

h5, .h5, h6, .h6 {
  font-size: calc(1.3rem + 0.1vw);
}
h5 svg, .h5 svg, h6 svg, .h6 svg {
  width: calc(1.3rem + 0.1vw);
  height: calc(1.3rem + 0.1vw);
}

p {
  white-space: normal !important;
}

p a, small a {
  font-size: 100%;
}

.text_primary {
  color: #000000;
}

.text_secondary {
  color: #4e8fe0;
}

.text_third {
  color: #d21d2a;
}

.text_dark {
  color: #000000;
}

.text_light {
  color: #f9fff7;
}

.text_white {
  color: #fff;
}

.text_info {
  color: #7ebdbf;
}

.text_success {
  color: #00a438;
}

.text_warning {
  color: #ff8800;
}

.text_danger {
  color: #ec0058;
}

/* Les Ardentes 2025-2026 - Scalp - 23.10.2025 */
/* -------------- */
/* Home */
/* -------------- */
.banner-vid {
  position: relative;
}
.banner-vid video {
  height: calc(100vh - 90px);
}
.banner-vid figure {
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 3.5rem;
}
.banner-vid figure img {
  margin: auto;
  width: 700px;
}

#lineup-noms .date-concert {
  color: #fff;
}
#lineup-noms ul {
  list-style: none;
  padding-left: 0;
}
#lineup-noms li {
  color: #000000;
}
#lineup-noms li a {
  display: inline-block;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
}
#lineup-noms li a:hover, #lineup-noms li a:focus, #lineup-noms li a:active {
  color: #fff;
}
#lineup-noms .title-concert-lg a {
  font-size: calc(2.45rem + 0.35vw);
}
#lineup-noms .title-concert-md a {
  font-size: calc(2.25rem + 0.1vw);
}
#lineup-noms .title-concert-sm a {
  font-size: calc(1.85rem + 0.1vw);
}
#lineup-noms .title-concert-xs a {
  font-size: calc(1.5rem + 0.1vw);
}

.banderole {
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: repeat-x;
  background-color: #fff;
}
@media only screen and (max-width: calc(576px - 0.2px)) {
  .banderole {
    height: 35px;
    background-size: 130px;
  }
}
@media only screen and (min-width: 576px) {
  .banderole {
    height: 50px;
    background-size: 200px;
  }
}

@media only screen and (max-width: calc(768px - 0.2px)) {
  #newsletter .cardImg {
    padding-top: 50%;
  }
}

/* Les Ardentes 2025-2026 - Scalp - 23.10.2025 */
/* -------------- */
/* Marquee */
/* -------------- */
.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
}
.marquee:hover {
  transition: all 0.5s ease;
  -webkit-font-smoothing: antialiased;
}
.marquee:hover .marquee__group {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.marquee .marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100%;
  animation: scrollBanner linear infinite;
}

.marquee_banner {
  background-color: #fff;
  padding: 0;
}
.marquee_banner .marquee__group h5 {
  padding: 0 0.5rem;
  margin-bottom: 0;
}
.marquee_banner .marquee__group a, .marquee_banner .marquee__group h5 {
  font-family: "Cossette Titre", sans-serif;
  color: #000000;
  font-size: calc(1.3rem + 0.1vw);
  white-space: nowrap;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .marquee_banner .marquee__group a, .marquee_banner .marquee__group h5 {
    font-size: calc(2.25rem + 0.1vw);
  }
}
.marquee_banner .marquee__group .picto img {
  width: 25px;
  height: auto;
}

.marquee_merch {
  margin-top: 2rem;
}
.marquee_merch figure {
  position: relative;
  margin-right: 2rem;
}
.marquee_merch img {
  width: 250px;
}
@media only screen and (min-width: 576px) {
  .marquee_merch img {
    width: 330px;
  }
}
@media only screen and (min-width: 992px) {
  .marquee_merch img {
    width: 600px;
  }
}

@keyframes scrollBanner {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 0rem));
  }
}
small {
  font-size: 12px !important;
}/*# sourceMappingURL=style.css.map */