@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'helvetica_neue_lt_std';
  src: url("font/helveticaneueltstd-blkex-webfont.woff2") format("woff2"), url("font/helveticaneueltstd-blkex-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  font-family: 'helvetica_neue_lt_std';
  margin: 0px;
  background-color: #000;
  color: #fff;
}
body ::selection {
  background: rgba(255, 0, 255, 0.99);
  /* WebKit/Blink Browsers */
  color: #EC200B;
  opacity: 1;
}
body ::-moz-selection {
  background: rgba(255, 0, 255, 0.99);
  /* Gecko Browsers */
  color: #EC200B;
  opacity: 1;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a, a:active, a:visited, a:hover {
  color: inherit;
  text-decoration: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.bk {
  color: #000;
}

.red {
  color: #EC200B;
}

.pink {
  color: #FF1FF8;
}

.gri {
  color: #9D9D9C;
}

.bgb {
  background-color: #000;
}

.bg-red {
  background-color: #EC200B;
}

.bg-pink {
  background-color: #FF1FF8;
}

.bg-blu {
  background-color: #1007BD;
}

.bg-na {
  background-color: #231E1E;
}

.bg-white {
  background-color: #fff;
}

.na {
  color: #231E1E;
}

.layout {
  display: table;
  height: 100%;
  text-align: center;
  width: 100%;
}

.layout-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.layout-content {
  display: inline-block;
}

header.strate {
  position: fixed;
  top: 0px;
  left: 0px;
  padding-top: 32px;
  font-size: 24px;
  z-index: 9999;
  transition: 0.6s transform;
}
header.strate ul {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
}
header.strate ul li {
  margin-right: 32px;
  position: relative;
  float: left;
}
header.strate ul li.logo svg path {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
header.strate ul li.logo a:hover svg path {
  fill: #9D9D9C;
}
header.strate ul a:hover {
  color: #9D9D9C;
}
header.strate .menu {
  position: fixed;
  padding-top: 48px;
  top: 0px;
  right: 32px;
  align-items: center;
  float: right;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  flex-wrap: wrap;
  /* autorise le retour à la ligne */
  justify-content: space-between;
  align-items: flex-start;
}
header.strate .menu button.hamburger {
  position: absolute;
  right: 0px;
}
header.strate .word {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  -webkit-transition-duration: 0.45s;
  transition-duration: 0.45s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  transform-origin: top left;
  margin-right: 72px;
  position: fixed;
  right: 32px;
  display: block;
  padding-left: 32px;
}
header.strate .word:hover, header.strate .hamburger:hover {
  color: #9D9D9C;
  cursor: pointer;
}
header.strate .word:hover .hamburger-inner, header.strate .word:hover .hamburger-inner::before, header.strate .word:hover .hamburger-inner::after, header.strate .hamburger:hover .hamburger-inner, header.strate .hamburger:hover .hamburger-inner::before, header.strate .hamburger:hover .hamburger-inner::after {
  background-color: #9D9D9C;
}
header.strate nav {
  padding-top: 124px;
  top: 0px;
  transform: translateX(32px);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  z-index: -1;
  flex-basis: 100%;
  background-color: #000;
  position: fixed;
  width: calc(50vw - 0px);
}
header.strate nav ul {
  font-size: 44px;
  line-height: 56px;
  width: 100%;
  display: block;
}
header.strate nav ul li {
  display: flex;
  clear: left;
  padding: 20px 32px;
  width: calc(100% - 64px);
  color: #000;
}
header.strate nav ul li a {
  width: 100%;
}
header.strate nav ul li a:hover {
  color: inherit;
}
header.strate nav ul .page-item-52 {
  background-color: #FF1FF8;
}
header.strate nav ul .page-item-52:hover {
  background-color: #1007BD;
  color: #FF1FF8;
}
header.strate nav ul .page-item-26 {
  background-color: #EC200B;
}
header.strate nav ul .page-item-26:hover {
  background-color: #fff;
  color: #1007BD;
}
header.strate nav ul .page-item-11 {
  background-color: #9D9D9C;
}
header.strate nav ul .page-item-11:hover {
  background-color: #FF1FF8;
  color: #fff;
}
header.strate nav ul .page-item-14 {
  background-color: #1007BD;
  color: #9D9D9C;
}
header.strate nav ul .page-item-14:hover {
  background-color: #000;
  color: #EC200B;
}
header.strate nav ul .page-item-16 {
  background-color: #fff;
}
header.strate nav ul .page-item-16:hover {
  background-color: #9D9D9C;
  color: #fff;
}
header.strate nav ul .bill {
  display: none;
}
header.strate .menu.open .word {
  transform: translateX(calc(-50svw + 233px));
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
header.strate .menu.open nav {
  transform: translateX(calc(-50svw + 40px));
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

footer {
  background-color: #231E1E;
  padding-top: 33px;
  font-size: 12px;
  line-height: 16px;
}
footer .col-cinq {
  column-count: 6;
  column-gap: 0px;
}
footer .skip-column {
  break-before: column;
  height: 0;
  visibility: hidden;
  break-after: column;
  margin-bottom: -100%;
  /* Force un espacement */
}
footer nav, footer .social, footer .credits {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}
footer nav .page-item-14, footer .social .page-item-14, footer .credits .page-item-14 {
  break-after: column;
}
@supports (-moz-appearance: none) {
  footer .skip-column {
    display: none;
  }
  footer .social {
    margin-bottom: 16px;
  }
}
footer .credits {
  break-before: column;
}
footer .citation {
  font-size: 25px;
  line-height: 24px;
}
footer .citation .small {
  font-size: 12px;
  margin-top: 3px;
  line-height: 14px;
}
footer .onde-foot {
  width: calc(100% - 0px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin: 18px 0px;
}
footer .onde-foot img {
  height: 130px;
  width: auto;
  object-fit: cover;
  object-position: center;
}
footer a svg g path {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
footer a:hover {
  color: #9D9D9C;
}
footer a:hover svg g path {
  fill: #9D9D9C;
}
footer .mega-onde {
  height: 40vh;
  overflow: hidden;
}
footer .mega-onde svg {
  display: block;
  object-fit: cover;
  height: 170%;
  width: auto;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  margin-left: 16px;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger.is-active:hover {
  opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -8px;
}

.hamburger-inner::after {
  bottom: -8px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

.col-1 {
  width: calc(16.66% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.col-2 {
  width: calc(33.32% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.col-3 {
  width: calc(49.98% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.col-4 {
  width: calc(66.64% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.col-5 {
  width: calc(83.3% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.col-6 {
  width: calc(99.96% - 32px);
  margin: 0 16px;
  position: relative;
  float: left;
}

.strate {
  position: relative;
  float: left;
  width: 100%;
}

.half {
  position: relative;
  float: left;
  width: 50%;
}

.fullheight {
  height: 100vh;
}
.fullheight img {
  object-fit: cover;
  height: 100%;
}

.content {
  width: calc(100% - 32px);
  margin: 0 16px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ptb-32 {
  padding: 32px 0;
}

.mt-32 {
  margin-top: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-16 {
  padding-top: 16px;
}

.pb-32 {
  padding-bottom: 32px;
}

.titre-bas {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.titre-haut {
  position: absolute;
  left: 0px;
  top: 0px;
}

.nav-event {
  font-size: 45px;
  line-height: 52px;
}
.nav-event .half {
  padding-top: 50px;
  padding-bottom: 50px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.nav-event .half .col-6 {
  display: flex;
}
.nav-event .half .col-6 a {
  width: 100%;
}
.nav-event .prev:hover {
  background-color: #000;
  color: #EC200B;
}
.nav-event .next:hover {
  background-color: #fff;
  color: #1007BD;
}

.home .intro, .page .intro {
  height: calc(100svh - 64px);
}
.home .intro img, .page .intro img {
  object-fit: cover;
  height: 100%;
}
.home .bandeau-intro, .page .bandeau-intro {
  background-color: #EC200B;
  padding: 13px 0;
  z-index: 99;
}
.home .bandeau-intro .logo-home, .page .bandeau-intro .logo-home {
  margin-right: 61px;
}
.home .bandeau-intro h2, .home .bandeau-intro h3, .home .bandeau-intro svg, .page .bandeau-intro h2, .page .bandeau-intro h3, .page .bandeau-intro svg {
  font-size: 20px;
  position: relative;
  float: left;
  width: auto;
  line-height: 38px;
}
.home .bandeau-intro h3, .page .bandeau-intro h3 {
  float: right;
  margin-bottom: 0px;
}
.home .onde-anim, .page .onde-anim {
  position: absolute;
  bottom: -105px;
  left: 0;
  right: auto;
  overflow: hidden;
  contain: layout paint;
  transform: translateZ(0);
  will-change: transform;
}
.home .onde-anim .wave-track, .page .onde-anim .wave-track {
  height: 630px;
  transform: translateZ(0);
  will-change: transform;
}
.home .onde-anim svg, .page .onde-anim svg {
  height: 630px;
  width: auto;
  display: block;
}
.home .prog, .page .prog {
  z-index: -1;
}
.home .prog .item, .page .prog .item {
  min-height: calc(50vh - 64px);
  padding: 32px;
}
.home .prog .half.item, .page .prog .half.item {
  width: calc(50% - 64px);
}
.home .full-prog, .page .full-prog {
  height: 516px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow-x: hidden;
}
.home .full-prog img, .page .full-prog img {
  object-fit: cover;
  object-position: center;
  height: 294px;
  width: auto;
}
.home .full-prog .btn-cta-1, .page .full-prog .btn-cta-1 {
  position: relative;
  float: left;
  width: auto;
  display: flex;
  justify-content: center;
  margin-bottom: -87px;
  margin-top: 47px;
}
.home .full-prog h2, .page .full-prog h2 {
  font-size: 25px;
  line-height: 25px;
  padding: 6px 20px;
  border: solid 3px;
  background-color: #000;
  border-radius: 30px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.home .full-prog h2:hover, .page .full-prog h2:hover {
  background-color: #9D9D9C;
}
.home .img-txt-onde, .page .img-txt-onde {
  overflow: hidden;
}
.home .big-onde, .page .big-onde {
  height: 887px;
  width: auto;
  position: absolute;
  left: -342px;
  bottom: -100px;
}
.home .txt-sur-img, .page .txt-sur-img {
  position: absolute;
  left: 0px;
  bottom: 24px;
}
.home .txt-sur-img h2, .page .txt-sur-img h2 {
  font-size: 85px;
  line-height: 89px;
}
.home .txt-big, .page .txt-big {
  padding: 32px 0;
}
.home .txt-big p, .page .txt-big p {
  font-size: 45px;
  line-height: 52px;
}
.home .txt-big p strong, .home .txt-big p b, .page .txt-big p strong, .page .txt-big p b {
  color: #1007BD;
}
.home .txt-big h3, .page .txt-big h3 {
  font-size: 25px;
  line-height: 25px;
  padding: 6px 20px;
  border: solid 3px #FF1FF8;
  background-color: #EC200B;
  color: #000;
  border-radius: 30px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: fit-content;
  /* position: relative; */
  /* float: left; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
.home .txt-big h3:hover, .page .txt-big h3:hover {
  background-color: #9D9D9C;
}

.page-template-page-qui .intro, .page .intro {
  height: calc(100svh - 0px);
}
.page-template-page-qui .onde-anim, .page .onde-anim {
  z-index: 99;
  bottom: -486px;
}
.page-template-page-qui .onde-anim svg, .page .onde-anim svg {
  height: 847px;
}
.page-template-page-qui .onde-anim .wave-track, .page .onde-anim .wave-track {
  height: 847px;
}
.page-template-page-qui .onde-anim .wave-track svg path, .page .onde-anim .wave-track svg path {
  fill: #FF1FF8;
}
.page-template-page-qui h1, .page-template-page-qui h3, .page h1, .page h3 {
  font-size: 85px;
  line-height: 89px;
  margin-bottom: 38px;
}
.page-template-page-qui .txt-1, .page .txt-1 {
  font-size: 45px;
  line-height: 52px;
  color: #FF1FF8;
  padding: 32px 0px;
}
.page-template-page-qui .txt-1 h2, .page .txt-1 h2 {
  color: #9D9D9C;
}
.page-template-page-qui .txt-1 i, .page-template-page-qui .txt-1 em, .page .txt-1 i, .page .txt-1 em {
  font-style: normal;
  color: #EC200B;
}
.page-template-page-qui .txt-1 p, .page .txt-1 p {
  text-indent: 120px;
}
.page-template-page-qui .txt-1 p:first-child, .page-template-page-qui .txt-1 p:first-of-type, .page .txt-1 p:first-child, .page .txt-1 p:first-of-type {
  text-indent: 0px;
}
.page-template-page-qui .exer, .page .exer {
  overflow: hidden;
}
.page-template-page-qui .exer h3, .page .exer h3 {
  margin-top: 100px;
}
.page-template-page-qui .exer .big-onde, .page .exer .big-onde {
  bottom: -237px;
}
.page-template-page-qui .txt-2-col p, .page-template-page-qui .txt-2-col li, .page .txt-2-col p, .page .txt-2-col li {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
}
.page-template-page-qui .txt-2-col p b, .page-template-page-qui .txt-2-col p strong, .page-template-page-qui .txt-2-col li b, .page-template-page-qui .txt-2-col li strong, .page .txt-2-col p b, .page .txt-2-col p strong, .page .txt-2-col li b, .page .txt-2-col li strong {
  color: #FF1FF8;
}
.page-template-page-qui .txt-2-col li, .page .txt-2-col li {
  margin-bottom: 0px;
  list-style: decimal;
}
.page-template-page-qui .txt-2-col ol, .page .txt-2-col ol {
  padding-left: 43px;
  margin-top: -30px;
}
.page-template-page-qui .txt-2-col h4, .page .txt-2-col h4 {
  color: #FF1FF8;
  font-size: 45px;
  line-height: 52px;
}
.page-template-page-qui .txt-2-col h5, .page .txt-2-col h5 {
  font-size: 25px;
  line-height: 25px;
  padding: 6px 20px;
  border: solid 3px #FF1FF8;
  background-color: #EC200B;
  color: #000;
  border-radius: 30px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: fit-content;
  /* position: relative; */
  /* float: left; */
  margin-top: 32px;
}
.page-template-page-qui .txt-2-col h5:hover, .page .txt-2-col h5:hover {
  background-color: #9D9D9C;
}
.page-template-page-qui .txt-2-col.bis, .page .txt-2-col.bis {
  padding-bottom: 54px;
}
.page-template-page-qui .txt-2-col.bis h4, .page .txt-2-col.bis h4 {
  color: #9D9D9C;
  margin-bottom: 30px;
}
.page-template-page-qui .txt-2-col.bis li, .page-template-page-qui .txt-2-col.bis p, .page .txt-2-col.bis li, .page .txt-2-col.bis p {
  color: #9D9D9C;
}
.page-template-page-qui .txt-2-col.bis.ter, .page .txt-2-col.bis.ter {
  padding-bottom: 30px;
}
.page-template-page-qui .txt-2-col.bis.ter ol, .page .txt-2-col.bis.ter ol {
  margin-top: 0px;
}

.home .strate.prog.first {
  margin-top: -32px;
}
.home .intro {
  height: calc(100vh - 64px);
}
.home .onde-anim {
  bottom: -320px;
}
.home .onde-anim .wave-track svg path {
  fill: #000;
}

.chapeau {
  font-size: 45px;
  line-height: 52px;
}
.chapeau p {
  text-indent: 120px;
}
.chapeau p:first-child, .chapeau p:first-of-type {
  text-indent: 0px;
}

.page-template-page-organiser .onde-anim, .page-template-page-organiser .wave-track {
  bottom: calc(50% - 253px);
}
.page-template-page-organiser .onde-anim svg, .page-template-page-organiser .wave-track svg {
  height: 507px;
}
.page-template-page-organiser .onde-anim svg path, .page-template-page-organiser .wave-track svg path {
  fill: #EC200B !important;
}
.page-template-page-organiser .onde-anim.deux {
  bottom: 318px;
}
.page-template-page-organiser .onde-anim.deux svg {
  height: 847px;
}
.page-template-page-organiser .chapeau.bis h2 b, .page-template-page-organiser .chapeau.bis h2 strong {
  color: #9D9D9C;
}
.page-template-page-organiser .chapeau.bis p {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
  max-width: 80%;
  text-indent: 0px;
}
.page-template-page-organiser .chapeau.bis p b, .page-template-page-organiser .chapeau.bis p strong {
  color: #9D9D9C;
}
.page-template-page-organiser .chapeau.bis h5 {
  font-size: 25px;
  line-height: 25px;
  padding: 6px 20px;
  border: solid 3px #FF1FF8;
  background-color: #EC200B;
  color: #000;
  border-radius: 30px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: fit-content;
  /* position: relative; */
  /* float: left; */
  margin-top: 32px;
}
.page-template-page-organiser .chapeau.bis h5:hover {
  background-color: #9D9D9C;
}
.page-template-page-organiser .gros-txt h3 {
  font-size: 45px;
  line-height: 52px;
  color: #EC200B;
  margin-bottom: 0px;
}
.page-template-page-organiser .gros-txt h2 {
  color: #9D9D9C;
  font-size: 85px;
  line-height: 89px;
  margin-bottom: 89px;
}
.page-template-page-organiser .trois-col {
  font-size: 45px;
  line-height: 52px;
  color: #EC200B;
}
.page-template-page-organiser .trois-col h2 {
  margin-bottom: 42px;
}
.page-template-page-organiser .trois-col ul {
  column-count: 3;
  column-gap: 32px;
}
.page-template-page-organiser .trois-col i, .page-template-page-organiser .trois-col em {
  color: #9D9D9C;
  font-size: 23px;
  text-decoration: underline;
  text-decoration-thickness: 4px;
}

.page-template-page-infos h2 {
  font-size: 85px;
  line-height: 89px;
  margin-bottom: 80px;
  margin-top: 16px;
}
.page-template-page-infos h2.mb-32 {
  margin-bottom: 32px;
}
.page-template-page-infos .onde-anim {
  bottom: 27px;
  height: calc(100vh - 54px);
}
.page-template-page-infos .onde-anim .wave-track svg path, .page-template-page-infos .onde-anim .wave-track svg path {
  fill: url(#gradient);
}
.page-template-page-infos .onde-anim .wave-track {
  height: calc(100vh - 54px);
}
.page-template-page-infos .onde-anim .wave-track svg {
  height: 100%;
}
.page-template-page-infos .venir p {
  font-size: 45px;
  line-height: 52px;
}
.page-template-page-infos .venir p b, .page-template-page-infos .venir p strong {
  color: #1007BD;
}
.page-template-page-infos .venir .small p {
  font-size: 24px;
  line-height: 30px;
}
.page-template-page-infos .venir .small p b, .page-template-page-infos .venir .small p strong {
  font-size: 45px;
  line-height: 52px;
  color: #1007BD;
}
.page-template-page-infos .more p {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
}
.page-template-page-infos .more p b, .page-template-page-infos .more p strong {
  font-size: 45px;
  line-height: 52px;
  color: #FF1FF8;
}
.page-template-page-infos .faq {
  padding-bottom: 8px !important;
}
.page-template-page-infos .faq p, .page-template-page-infos .faq b, .page-template-page-infos .faq strong {
  color: #000 !important;
}
.page-template-page-infos .faq p a {
  color: #1007BD;
}
.page-template-page-infos .faq p a:hover {
  color: #9D9D9C;
}
.page-template-page-infos .faq p b, .page-template-page-infos .faq p strong {
  font-size: 45px;
  line-height: 52px;
}

.page-template-page-contact .onde-anim {
  bottom: 27px;
  height: calc(100vh - 54px);
  z-index: 0;
}
.page-template-page-contact .onde-anim svg {
  height: calc(100vh - 54px);
}
.page-template-page-contact .onde-anim .wave-track svg path, .page-template-page-contact .onde-anim .wave-track svg path {
  fill: url(#gradient);
}
.page-template-page-contact .onde-anim .wave-track {
  height: calc(100vh - 54px);
}
.page-template-page-contact .onde-anim .wave-track svg {
  height: 100%;
}
.page-template-page-contact .contact {
  color: #9D9D9C;
  font-size: 45px;
  line-height: 52px;
}
.page-template-page-contact .contact p {
  margin-bottom: 52px;
}
.page-template-page-contact .contact p a:hover {
  color: #9D9D9C;
}
.page-template-page-contact .contact em {
  color: #FF1FF8;
}
.page-template-page-contact .contact strong {
  color: #fff;
}
.page-template-page-contact .contact del {
  text-decoration: none;
  font-size: 23px;
  color: #EC200B;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 3px;
  vertical-align: super;
}
.page-template-page-contact .contact a {
  color: #1007BD;
}
.page-template-page-contact h2 {
  color: #EC200B;
  clear: left;
}
.page-template-page-contact h2.first {
  margin-bottom: 52px;
}
.page-template-page-contact h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 52px;
}
.page-template-page-contact .half img {
  position: relative;
  float: left;
}
.page-template-page-contact .half p {
  max-width: 90%;
  display: flex;
  flex-wrap: wrap;
  /* Permet le retour à la ligne */
  align-content: center;
  /* Centre verticalement quand plusieurs lignes */
  gap: 32px;
}
.page-template-page-contact .half p img {
  height: auto;
  object-fit: contain;
  flex: 0 0 auto;
  /* Empêche les éléments de s’étirer */
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-contact .cnm {
  width: 245px;
}
.page-template-page-contact .region {
  width: 277px;
}
.page-template-page-contact .isere {
  width: 150px;
}
.page-template-page-contact .gre {
  width: 80px;
}
.page-template-page-contact .tempo {
  width: 180px;
}
.page-template-page-contact .reso {
  width: 110px;
}
.page-template-page-contact .bureau {
  width: 165px;
}
.page-template-page-contact .campus {
  width: 210px;
}

.elec {
  position: absolute;
  right: 240px;
  top: 0px;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  mix-blend-mode: multiply;
  z-index: 999;
}
.elec img {
  height: 90% !important;
  object-fit: contain !important;
}

.elec.left {
  left: 74px;
  right: auto;
}

.page-template-page-prog, .single {
  /* Toutes les strates mensuelles */
  /* Séquence de 6 couleurs/styles différents */
  /* Ou avec des attributs data */
  /* etc. */
}
.page-template-page-prog .intro, .single .intro {
  height: calc(100svh - 143px);
}
.page-template-page-prog .intro img, .single .intro img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.page-template-page-prog h1, .single h1 {
  color: #000;
  font-size: 85px;
  line-height: 89px;
  margin-bottom: 38px;
}
.page-template-page-prog .big-date, .single .big-date {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  word-break: break-all;
  font-size: 13.5vw;
  line-height: 10vw;
}
.page-template-page-prog .strate.month, .single .strate.month {
  /* Styles communs */
}
.page-template-page-prog .strate.month .content, .single .strate.month .content {
  display: flex;
  flex-wrap: wrap;
}
.page-template-page-prog .strate.month.cycle-1, .single .strate.month.cycle-1 {
  background: #EC200B;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-1 .big-date, .single .strate.month.cycle-1 .big-date {
  background-color: #000;
  color: #EC200B;
}
.page-template-page-prog .strate.month.cycle-2, .single .strate.month.cycle-2 {
  background: #000;
  color: #FF1FF8;
}
.page-template-page-prog .strate.month.cycle-2 .big-date, .single .strate.month.cycle-2 .big-date {
  background-color: #FF1FF8;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-3, .single .strate.month.cycle-3 {
  background: #FF1FF8;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-3 .big-date, .single .strate.month.cycle-3 .big-date {
  background-color: #000;
  color: #FF1FF8;
}
.page-template-page-prog .strate.month.cycle-4, .single .strate.month.cycle-4 {
  background: #1007BD;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-4 .big-date, .single .strate.month.cycle-4 .big-date {
  background-color: #000;
  color: #1007BD;
}
.page-template-page-prog .strate.month.cycle-5, .single .strate.month.cycle-5 {
  background: #9D9D9C;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-5 .item:not(.big-date):hover, .single .strate.month.cycle-5 .item:not(.big-date):hover {
  background-color: #fff;
}
.page-template-page-prog .strate.month.cycle-5 .big-date, .single .strate.month.cycle-5 .big-date {
  background-color: #000;
  color: #9D9D9C;
}
.page-template-page-prog .strate.month.cycle-6, .single .strate.month.cycle-6 {
  background: #fff;
  color: #000;
}
.page-template-page-prog .strate.month.cycle-6 .big-date, .single .strate.month.cycle-6 .big-date {
  background-color: #000;
  color: #fff;
}
.page-template-page-prog .item, .single .item {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.page-template-page-prog .item img, .single .item img {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  mix-blend-mode: normal;
}
.page-template-page-prog .item:nth-child(3n+1), .single .item:nth-child(3n+1) {
  clear: left;
}
.page-template-page-prog .item:not(.big-date):hover, .single .item:not(.big-date):hover {
  background-color: #9D9D9C;
}
.page-template-page-prog .item:not(.big-date):hover img, .single .item:not(.big-date):hover img {
  mix-blend-mode: darken;
  filter: grayscale(100%);
}

.item {
  margin-bottom: 32px;
}
.item img {
  aspect-ratio: var(--ratio, 1/1);
  object-fit: cover;
  margin-bottom: 10px;
}
.item .type, .item .style, .item .heure {
  font-size: 23px;
  line-height: 23px;
  text-transform: uppercase;
  position: relative;
  float: left;
}
.item .heure {
  width: 100%;
}
.item .type {
  width: calc(33.33% - 16px);
  margin-right: 16px;
}
.item .style {
  width: calc(66.66% - 16px);
  margin-left: 16px;
}
.item .date {
  font-size: 45px;
  line-height: 48px;
  position: relative;
  float: left;
  clear: left;
  text-transform: uppercase;
}
.item .artistes {
  margin-top: 16px;
  font-size: 23px;
  line-height: 25px;
  text-transform: lowercase;
  position: relative;
  float: left;
  width: 100%;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.item a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.home .prog .item:hover {
  background-color: #9D9D9C;
}
.home .item {
  color: #000;
  margin-bottom: 0px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.home .item img {
  aspect-ratio: var(--ratio, 4/3);
  mix-blend-mode: darken;
  filter: grayscale(100%);
}
.home .strate.prog {
  display: flex;
}
.home .strate.prog .item .artistes {
  margin-bottom: 48px;
}
.home .strate.prog .item .venir {
  font-size: 85px;
  line-height: 89px;
  margin-bottom: -16px;
  position: relative;
  float: left;
  clear: left;
}

.single .intro {
  height: calc(100svh - 64px);
  overflow: hidden;
}
.single .intro-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.single .intro-bg.portrait {
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: left center;
}
.single .descr p {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #9D9D9C;
}
.single .descr p a {
  word-break: break-all;
}
.single .descr ul {
  list-style: disc;
}
.single .infos {
  color: #9D9D9C;
}
.single .infos p {
  font-size: 45px;
  line-height: 48px;
  margin-bottom: 48px;
}
.single .infos .date-heure, .single .infos .styles {
  text-transform: uppercase;
}
.single .infos .fb {
  color: #EC200B;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
}
.single .infos .btn-bill {
  font-size: 25px;
  line-height: 25px;
  padding: 6px 20px;
  border: solid 3px #FF1FF8;
  background-color: #EC200B;
  color: #000;
  border-radius: 30px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  width: fit-content;
  position: relative;
  float: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-bottom: 36px;
}
.single .infos .btn-bill:hover {
  background-color: #9D9D9C;
}

@media screen and (max-width: 1599px), (max-height: 659px) {
  header.strate .menu nav ul {
    font-size: 34px;
    line-height: 46px;
  }
}
@media screen and (max-height: 554px) {
  header.strate .menu nav ul {
    font-size: 14px;
    line-height: 20px;
  }
  header.strate .menu nav ul li {
    padding: 10px 32px;
  }
}
@media only screen and (max-width: 1390px) {
  footer .skip-column {
    display: none;
  }
  footer .col-cinq {
    column-count: 4;
  }
  footer nav .page-item-14 {
    break-after: auto;
  }

  .page-template-page-prog .item .type, .page-template-page-prog .item .style, .page-template-page-prog .item .heure {
    font-size: 16px;
    line-height: 16px;
  }
  .page-template-page-prog .item .date {
    font-size: 35px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1260px) {
  .home .intro {
    height: calc(100vh - 50px);
  }
  .home .bandeau-intro .logo-home {
    height: 24px;
    margin-right: 32px;
  }
  .home .bandeau-intro h2, .home .bandeau-intro h3 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .home .txt-sur-img h2, .page .txt-sur-img h2 {
    font-size: 65px;
    line-height: 69px;
  }
  .home .txt-big p, .page .txt-big p {
    font-size: 35px;
    line-height: 42px;
  }
  .home .strate.prog .item .venir, .page .strate.prog .item .venir {
    font-size: 55px;
    line-height: 59px;
  }

  .nav-event {
    font-size: 35px;
    line-height: 42px;
  }
  .nav-event .half {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .page-template-page-qui h1, .page-template-page-qui h3, .page h1, .page h3 {
    font-size: 65px;
    line-height: 69px;
    margin-bottom: 38px;
  }
  .page-template-page-qui .txt-1, .page .txt-1 {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-qui .txt-1 p, .page .txt-1 p {
    text-indent: 80px;
  }
  .page-template-page-qui .txt-2-col h4, .page .txt-2-col h4 {
    font-size: 35px;
    line-height: 42px;
  }

  .chapeau {
    font-size: 35px;
    line-height: 42px;
  }
  .chapeau p {
    text-indent: 80px;
  }

  .page-template-page-organiser .gros-txt h2 {
    font-size: 65px;
    line-height: 69px;
  }
  .page-template-page-organiser .gros-txt h3 {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-organiser .trois-col {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-organiser .trois-col ul {
    column-count: 2;
  }

  .page-template-page-infos h2 {
    font-size: 65px;
    line-height: 69px;
  }
  .page-template-page-infos .venir p {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-infos .venir .small p {
    font-size: 18px;
    line-height: 24px;
  }
  .page-template-page-infos .venir .small p b, .page-template-page-infos .venir .small p strong {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-infos .venir .small p:nth-child(even) {
    margin-bottom: 24px;
  }
  .page-template-page-infos .more p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .page-template-page-infos .more p b, .page-template-page-infos .more p strong {
    font-size: 35px;
    line-height: 42px;
  }
  .page-template-page-infos .faq p strong {
    font-size: 26px;
    line-height: 32px;
  }
  .page-template-page-infos .txt-2-col.bis p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .page-template-page-infos .txt-2-col.bis p a {
    word-break: break-all;
  }

  .page-template-page-prog .big-date, .single .big-date {
    font-size: 19vw;
    line-height: 14vw;
  }

  .page-template-page-contact .contact {
    font-size: 35px;
    line-height: 42px;
  }

  .page-template-page-prog .item:nth-child(3n+1), .single .item:nth-child(3n+1) {
    clear: none;
  }

  .page-template-page-prog .item:nth-child(2n+1), .single .item:nth-child(2n+1) {
    clear: left;
  }

  .item .date {
    font-size: 35px;
    line-height: 38px;
  }
  .item .type, .item .style, .item .heure {
    font-size: 16px;
    line-height: 16px;
  }
  .item .artistes {
    font-size: 16px;
    line-height: 18px;
  }

  .item.col-2 {
    width: calc(50% - 32px);
  }

  .single .infos p {
    font-size: 35px;
    line-height: 38px;
  }

  footer .col-cinq .logo {
    column-span: all;
    margin-bottom: 33px;
  }
  footer .col-cinq nav .page-item-14 {
    break-after: column;
  }

  .page-template-page-organiser .onde-anim.deux {
    bottom: 200px !important;
  }
  .page-template-page-organiser .onde-anim.deux svg {
    height: 500px !important;
  }
  .page-template-page-organiser .chapeau .col-3 {
    width: calc(100% - 32px);
  }
  .page-template-page-organiser .chapeau .col-3:nth-child(1) {
    margin-bottom: 42px;
  }
  .page-template-page-organiser .trois-col em {
    font-size: 18px;
    text-decoration-thickness: 3px;
  }
}
@media only screen and (max-width: 920px) {
  .single .col-3.descr, .single .col-3.infos {
    width: calc(100% - 32px);
  }

  #devenir-benevole .col-3 {
    width: calc(100% - 32px);
  }

  .page-template-page-qui .strate.txt-2-col.bis .col-3 {
    width: calc(100% - 32px);
  }

  header.strate .menu nav {
    width: calc(100vw - 0px);
  }
  header.strate .menu.open .word {
    transform: translateX(calc(-100svw + 225px));
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }
  header.strate .menu.open nav {
    transform: translateX(calc(-100svw + 32px));
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
  }

  footer .col-cinq {
    column-count: 2;
  }
  footer .col-cinq nav {
    break-after: column;
  }
  footer .col-cinq nav .page-item-14 {
    break-after: auto;
  }
  footer .col-cinq .social {
    break-after: left;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 880px) {
  .home .bandeau-intro h2, .home .bandeau-intro h3 {
    position: relative;
    float: left;
    clear: left;
    line-height: 18px;
  }
  .home .bandeau-intro h2 {
    margin-top: 13px;
  }
}
@media only screen and (max-width: 800px) {
  header .content .col-6 ul li.page_item.page-item-26 {
    display: none;
  }
  header .content .col-6 nav ul li.page_item.page-item-26 {
    display: block;
  }

  .home .strate.prog {
    display: block;
  }
  .home .strate.prog .half.item {
    width: calc(100% - 64px);
    position: relative;
    float: left;
    display: block;
    height: auto;
  }
  .home .strate.prog .half.item img {
    aspect-ratio: auto;
  }
  .home .strate.prog.first .bg-red {
    background-color: #FF1FF8;
  }
  .home .strate.prog.first .pink {
    color: #EC200B;
  }
  .home .strate.prog.first .bg-pink {
    background-color: #EC200B;
  }
  .home .strate.prog.first .red {
    color: #FF1FF8;
  }

  .page-template-page-prog h1, .single h1 {
    font-size: 35px;
    line-height: 39px;
    margin-bottom: 18px;
  }

  .item.col-2 {
    width: calc(100% - 32px);
  }
  .item.col-2 img {
    aspect-ratio: auto;
  }

  .page-template-page-infos .venir .col-2.small, .page-template-page-infos .venir .col-4.small, .page-template-page-infos .venir .col-3, .page-template-page-infos .more .col-2.small, .page-template-page-infos .more .col-4.small, .page-template-page-infos .more .col-3, .page-template-page-infos .faq .col-2.small, .page-template-page-infos .faq .col-4.small, .page-template-page-infos .faq .col-3 {
    width: calc(100% - 64px);
  }

  .page-template-page-qui .exer .big-onde, .page-template-page-qui .page .exer .big-onde {
    bottom: -100px;
    height: auto;
  }

  .page-template-page-organiser onde-anim.deux {
    bottom: 0px !important;
  }
}
@media only screen and (max-width: 640px) {
  header.strate .menu nav ul {
    font-size: 18px;
    line-height: 26px;
  }
  header.strate .menu nav ul li {
    padding: 10px 32px;
  }

  .home .txt-sur-img h2, .page .txt-sur-img h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .home .txt-big p, .page .txt-big p {
    font-size: 20px;
    line-height: 26px;
  }
  .home .strate.prog .item .venir, .page .strate.prog .item .venir {
    font-size: 35px;
    line-height: 39px;
  }
  .home .full-prog h2, .home .txt-big h3, .page .full-prog h2, .page .txt-big h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .nav-event {
    font-size: 20px;
    line-height: 26px;
  }
  .nav-event .half {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .single .infos .btn-bill {
    font-size: 14px;
    line-height: 18px;
  }

  .page-template-page-qui .txt-2-col h5, .page .txt-2-col h5 {
    font-size: 14px;
    line-height: 18px;
  }

  .page-template-page-qui .onde-anim svg, .page .onde-anim svg {
    height: 400px !important;
  }

  .page-template-page-contact .onde-anim .wave-track svg {
    height: 100% !important;
  }

  .home .onde-anim {
    bottom: -550px;
  }

  .page-template-page-qui h1, .page-template-page-qui h3, .page h1, .page h3 {
    font-size: 35px;
    line-height: 39px;
    margin-bottom: 38px;
  }
  .page-template-page-qui .txt-1, .page .txt-1 {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-qui .txt-1 p, .page .txt-1 p {
    text-indent: 40px;
  }
  .page-template-page-qui .txt-2-col h4, .page .txt-2-col h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-qui .txt-2-col p, .page-template-page-qui .txt-2-col li, .page .txt-2-col p, .page .txt-2-col li {
    font-size: 20px;
    line-height: 26px;
  }

  .chapeau {
    font-size: 20px;
    line-height: 26px;
  }
  .chapeau p {
    text-indent: 40px;
  }

  .page-template-page-organiser .gros-txt h2 {
    font-size: 35px;
    line-height: 39px;
  }
  .page-template-page-organiser .gros-txt h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-organiser .trois-col {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-organiser .trois-col ul {
    column-count: 1;
  }

  .page-template-page-infos h2 {
    font-size: 35px;
    line-height: 39px;
    margin-bottom: 18px;
  }
  .page-template-page-infos .venir p {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-infos .venir .small p b, .page-template-page-infos .venir .small p strong {
    font-size: 20px;
    line-height: 26px;
  }
  .page-template-page-infos .more p b, .page-template-page-infos .more p strong {
    font-size: 20px;
    line-height: 26px;
  }

  .page-template-page-contact .contact {
    font-size: 20px;
    line-height: 26px;
  }

  .item .date {
    font-size: 20px;
    line-height: 24px;
  }
  .item .type, .item .style, .item .heure {
    font-size: 16px;
    line-height: 16px;
  }
  .item .artistes {
    font-size: 16px;
    line-height: 18px;
  }

  .single .infos p, .single .infos .fb {
    font-size: 20px;
    line-height: 24px;
  }
  .single .descr p, .single p.styles, .single p.date-heure {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
  }

  .page-template-page-organiser .chapeau.bis p {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .page-template-page-organiser .chapeau.bis h5 {
    font-size: 14px;
    line-height: 18px;
  }
  .page-template-page-organiser .trois-col em {
    font-size: 12px;
    text-decoration-thickness: 2px;
  }
}
@media only screen and (max-width: 540px) {
  header.strate .bill {
    display: none;
  }
  header.strate nav ul li.bill {
    display: block;
    background-color: #fff;
  }
  header.strate nav ul li.bill:hover {
    background-color: #9D9D9C;
    color: #fff;
  }

  footer .col-cinq {
    column-count: 1;
  }
  footer .col-cinq nav {
    break-after: auto;
    margin-bottom: 16px;
  }
  footer .col-cinq .social {
    break-after: auto;
  }
  footer .col-cinq .credits {
    break-before: auto;
  }

  .page-template-page-contact .contact .half {
    width: 100%;
  }
  .page-template-page-contact .contact p a {
    word-break: break-all;
  }

  .page-template-page-organiser .onde-anim {
    bottom: calc(80% - 253px);
  }
  .page-template-page-organiser .onde-anim.deux {
    bottom: -350px !important;
  }
  .page-template-page-organiser .onde-anim.deux svg {
    height: 300px !important;
  }
  .page-template-page-organiser p a {
    word-break: break-all;
  }
  .page-template-page-organiser .gros-txt h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 440px) {
  .nav-event {
    font-size: 14px;
    line-height: 18px;
  }
  .nav-event .half {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .page-template-page-qui h1, .page-template-page-qui h3, .page h1, .page h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 34px;
  }

  .page-template-page-prog h1, .single h1 {
    font-size: 28px;
    line-height: 34px;
  }
}