* {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  -moz-osx-font-smoothing: grayscale; 
  text-rendering: optimizeLegibility; 
  -webkit-font-smoothing: antialiased; 
  -moz-font-smoothing: antialiased; 
  font-smoothing: antialiased; 
  font-smooth: never;
  -moz-font-smooth: never;
}

@font-face {
  font-family: 'BatonBold';
  src:    url('../../fonts/Baton-Bold-Web.woff') format('woff');
}

@font-face {
  font-family: 'SatoshiBold';
  src:    url('../../fonts/Satoshi-Bold.woff') format('woff'),
          url('../../fonts/Satoshi-Bold.woff2') format('woff2');
}


html {
min-height: 0vw;
text-size-adjust: 100%;
}

@media screen and (min-width: 700px)  {
html {
  font-size: calc(4px + .9vw);
}
}
@media screen and (max-width: 699px)  {
html {
  font-size: calc(4px + .75vw);
}
}

:root {
  --BatonBold: "BatonBold";
  --SatoshiBold: "SatoshiBold";
  --green: #00C86F;
  --purple: #410099;
  --pink: #FC9FB0;
  --yellow: #FFE400;
  --orange: #EC493C;
  --grey: #A4A7A8;

  --bullet-width: calc(.85*var(--baton-small) - .15rem);
  --circle-width: calc(1.6*var(--baton-small));

  --curve: cubic-bezier(.77,0,.175,1);

  /* Plyr */
  --plyr-color-main: var(--yellow);
  --plyr-video-background: #000;
  --plyr-video-controls-background: rgba(0, 0, 0, 0);
  --plyr-video-control-background-hover: rgba(0, 0, 0, 0);
  --plyr-control-spacing: var(--column-gap);
  --plyr-control-padding: var(--column-gap);
  --plyr-video-control-color: var(--yellow);
  --plyr-font-family: var(--BatonBold);
  --plyr-font-size-base: var(--baton-small);
  --plyr-font-size-small: var(--baton-small);
  --plyr-font-size-large: var(--baton-small);
  --plyr-font-size-xlarge: var(--baton-small);
  --plyr-font-size-badge: var(--baton-small);
  --plyr-range-thumb-height: 0px;
  --plyr-range-track-height: 3px;
  --plyr-range-fill-background: var(--purple);
  --plyr-video-range-track-background: var(--yellow);
  --plyr-tooltip-background: rgba(0, 0, 0, 0);
  --plyr-tooltip-color: var(--yellow);
  --plyr-tooltip-padding: 0;
  --plyr-tooltip-shadow: none;
  --plyr-control-padding: 0 0 0 0;
  --plyr-control-radius: 0;
  --plyr-control-icon-size: calc(1.1 * var(--baton-small));
  --plyr-video-control-color-hover: var(--grey);

}

@media screen and (min-width: 700px) {
  :root {
    --baton-large: 4.5rem;
    --baton-medium: 3rem;
    --baton-small: 1.6rem;
    --satoshi-medium: 1.5rem;
    --satoshi-medium-line-height: 1.15;
    --satoshi-small: 1rem;
    --satoshi-small-line-height: 1.2rem;

    --box-padding: .35rem;
    --column-gap: 1.4rem;

    --bullet-space: calc(.3rem + var(--baton-small));
    --border: .15rem;
    
    --circle-space: calc(2rem + var(--baton-small));
    --circle-top: .75rem;

    --dash-size: calc((100vw - (1.29 * var(--baton-large) * 2) ) / 30);
    --dash-border-size: calc(var(--dash-size) / 4);
    
  }
}

@media screen and (max-width: 699px)  {
  :root {
    --baton-small: 3.5rem;
    --baton-medium: 5rem;
    --satoshi-medium: 3rem;
    --satoshi-medium-line-height: 1.2;
    --satoshi-small: 2.3rem;
    --satoshi-small-line-height: 1.25;
    
    --box-padding: .9rem;
    --column-gap: 2.3rem;

    --bullet-space: calc(.3rem + var(--baton-small));
    --border: .25rem;

    --circle-space: calc(4rem + var(--baton-small));

    --dash-size: calc(100vw / 11);
    --dash-border-size: calc(var(--dash-size) / 4);

  }
}

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body {
  color: var(--grey);
  font-family: var(--SatoshiBold);
  font-size: var(--satoshi-medium);
  background-color: var(--purple);
}

.body-view-map {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6, li, menu {
  margin: 0;
  padding: 0;
}

button {
  font-family: inherit;
  font-size: inherit;
  text-transform: inherit;
  -webkit-appearance: none;
  border: 0;
  background-color: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

a:focus-visible,
button:focus-visible {
  border: 2px solid #FFF;
  outline: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.header-container {
  position: fixed;
  font-family: var(--BatonBold);
  text-transform: uppercase;
  user-select: none;
  z-index: 100;
}

.header-container#left {
  left: 0;
  text-decoration: none;
  display: block;
}

.header-container#right {
  display: flex;
}

.header-logo {
  position: relative;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  background-color: var(--grey);
  color: var(--purple);
  text-align-last: justify;
}

.menu-button {
  background-color: var(--yellow);
  color: var(--purple);
  font-size: var(--baton-small);
  text-align: center;
  padding: var(--box-padding) 0 var(--box-padding) 0;
  cursor: pointer;
}
.menu-button:hover {
  background-color: var(--grey);
}

.header-number {
  text-align-last: justify;
  color: var(--purple);
  background-color: var(--grey);
  flex-shrink: 0;
}

.header-date {
  background-color: var(--purple);
  color: var(--grey);
  flex-grow: 1;
}

.logo-territoires-cirque {
  height: auto;
  display: block;
  background-color: var(--purple);
}

.logo-territoires-cirque .purple {
  fill: transparent;
}
.logo-territoires-cirque .yellow {
  fill: var(--yellow);
}

.logo-territoires-cirque .pink {
  fill: var(--grey);
}

.logo-territoires-cirque:hover {
  background-color: var(--yellow);
}

.logo-territoires-cirque:hover .pink {
  fill: var(--purple);
}

menu {
  position: fixed;
  bottom: 0;
  background: var(--grey);
  color: var(--purple);
  padding: var(--box-padding) calc(2*var(--box-padding)) var(--box-padding) calc(2*var(--box-padding));
  font-size: var(--baton-small);
  font-family: var(--BatonBold);
  flex-direction: column;
  display: none;
}

menu.active {
  display: flex;
}

menu a {
  color: var(--purple);
  text-decoration: none;
}

menu ul {
  flex-shrink: 1;
}
menu ul#socials {
  flex-grow: 1;
}

menu ul:not(:first-child):not(:last-child){
  margin-top: calc(2* var(--column-gap));
}

menu li {
  cursor: pointer;
  position: relative;
  margin-right: var(--box-padding);
  margin-bottom: -0.2rem;
}

menu ul#lang li {
  display: inline;
}

menu ul#lang li {
  padding-left: var(--bullet-space);
}

menu li:hover a:before, 
menu li.current a:before, 
menu ul#lang li.active a:before,
menu ul#lang li:hover a:before, 
menu ul#lang li a:before,
.videotheque-menu .selector::before,
.videotheque-menu button:hover::before
{
  content: " ";
  line-height: 1;
  background-color: var(--purple);
  border-radius: 50%;
  width: var(--bullet-width);
  border: var(--border) solid var(--purple);
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

menu ul#lang li.active a:before,menu ul#lang li:hover a:before, menu ul#lang li a:before  {
  background-color: var(--purple);
  border-radius: 50%;
  width: var(--bullet-width);
  border: var(--border) solid var(--purple);
}

menu ul#lang li a:before {
  background-color: var(--grey);
}

menu li:hover, 
menu ul#lang li, 
menu ul li.current,
.videotheque-menu .selector, 
.videotheque-menu li
{
  padding-left: var(--bullet-space);
}

#map {
  position: fixed;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translateY(0);
  z-index: 2;
}

.animated #map {
  transition: transform 600ms var(--curve);
}

.body-view-list #map {
  transform: translateY(-100%);
}

.marker {
  aspect-ratio: 1;
  background-color: yellow;
  border-radius: 50%;
}

a.mapboxgl-ctrl-logo {
  display: none !important;
}

.acrobat-container > div {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  border: none;
}

.acrobat {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 85.5 142.1'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %233f2984; %7D .st1 %7B fill: %23ffe400; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M45.9,30.4c8.4,0,15.2-6.8,15.2-15.2S54.3,0,45.9,0s-15.2,6.8-15.2,15.2,6.8,15.2,15.2,15.2'/%3E%3Cpolygon class='st1' points='75.3 83.4 85.5 72.2 38.9 29.4 38.9 29.4 29 20.3 .2 51.5 .3 51.6 0 51.8 31.1 80.2 31.1 114.4 46.2 114.4 46.2 73.6 46.2 73.6 21.4 50.9 29.9 41.7 75.3 83.4'/%3E%3Crect class='st0' x='31.1' y='99.3' width='33.5' height='15.1'/%3E%3C/svg%3E");  background-repeat: no-repeat;  
  height: 25px;
  aspect-ratio: 30/50;
  transform-origin: bottom;
}

.mapboxgl-marker.active::after {
  content: "";
  background: no-repeat url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233B008F;%7D .st1%7Bfill:%23FFE400;%7D%0A%3C/style%3E%3Cpath id='Tracé_572' class='st0' d='M31.2,11c0.5,1.6,0.8,3.3,0.8,4.9c0,1.7-0.3,3.3-0.8,4.9h0L16,16L31.2,11L31.2,11z'/%3E%3Cpath id='Tracé_573' class='st0' d='M25.4,3.1L25.4,3.1L16,16V0C19.4,0,22.7,1.1,25.4,3.1'/%3E%3Cpath id='Tracé_574' class='st0' d='M25.4,28.9L25.4,28.9c-2.7,2-6,3-9.4,3V16L25.4,28.9z'/%3E%3Cpath id='Tracé_575' class='st0' d='M6.7,3.1L16,16L0.9,11h0C1.9,7.8,3.9,5.1,6.7,3.1L6.7,3.1z'/%3E%3Cpath id='Tracé_576' class='st0' d='M16,16L6.7,28.9v0c-2.7-2-4.8-4.8-5.8-8h0L16,16z'/%3E%3Cpath id='Tracé_577' class='st1' d='M31.2,11L31.2,11L16,16l9.4-12.9v0C28.1,5.1,30.1,7.8,31.2,11'/%3E%3Cpath id='Tracé_578' class='st1' d='M31.2,20.9L31.2,20.9c-1,3.2-3.1,6-5.8,8v0L16,16L31.2,20.9z'/%3E%3Cpath id='Tracé_579' class='st1' d='M16,16v15.9c-3.4,0-6.6-1.1-9.4-3v0L16,16z'/%3E%3Cpath id='Tracé_580' class='st1' d='M16,0V16L6.7,3.1v0C9.4,1.1,12.7,0,16,0'/%3E%3Cpath id='Tracé_581' class='st1' d='M16,16L0.9,20.9h0c-0.5-1.6-0.8-3.3-0.8-4.9c0-1.7,0.3-3.3,0.8-4.9h0L16,16z'/%3E%3C/svg%3E");
  background-size: 100%;
  height: 10px;
  aspect-ratio: 1;
  transform-origin: top left;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(var(--scale)) translate(-50%, -50%);
}

.mapboxgl-marker.active > svg {
  opacity: 0;
}

.page-search {
  width: 100%;
  z-index: 5;
}

.page-search#search-map {
  position: fixed;
  left: 0;
  transform: translateY(0);
}

.animated .page-search#search-map {
  transition: transform 600ms var(--curve), bottom 600ms var(--curve);
}

.body-view-list .page-search#search-map {
  bottom: 100%;
  transform: translateY(100%);
}
.body-view-list .page-search#search-map {
  transform: translateY(100%);
}

.page-search#search-participants {
  position: sticky;
}

.page-search .infos {
  width: 100%;
  background-color: var(--yellow);
  color: var(--purple);
  padding: calc(1.45* var(--box-padding)) var(--column-gap) calc(1.45* var(--box-padding)) var(--column-gap);
}

.page-search .buttons {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
}

.page-search .buttons .button {
  padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
  position: relative;
  user-select: none;
}

.page-search .buttons #view, .page-search .buttons #type {
  background-color: var(--purple);
  color: var(--grey);
}
.page-search .buttons #user-position {
  background-color: var(--purple);
  color: var(--grey);
  cursor: pointer;
}
.page-search .buttons #user-position:hover {
  background-color: var(--yellow);
  color: var(--purple);
}

.page-search .buttons #territories {
  cursor: pointer;
}

.page-search#search-participants #territories {
  background-color: var(--purple);
  color: var(--grey)
}

.page-search #search {
  background-color: var(--yellow);
  color: var(--purple);
  padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
}

.page-search#search-participants #search {
    background-color: var(--grey);
}

.page-search #search {
  appearance: none;
  -webkit-appearance: none;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  border: none;
  outline: none;
  border-radius: 0;
  width: 100%;
}

.page-search #search::placeholder {
  color: var(--purple);
  opacity: 1;
}

.page-search #search::-ms-input-placeholder {
  color: var(--purple);
}

.page-search .list {
  width: 100%;
  padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  display: none;
}

.page-search .list.active {
  display: block;
}

.page-search#search-participants .list#list-territories {
  background: var(--purple);
  color: var(--grey);
}

.page-search .list button {
  cursor: pointer;
  margin-bottom: -0.2rem;
  width: 100%;
}

.page-search .list button:hover {
  color: var(--yellow);
}

.view-selector {
  padding-left: var(--bullet-space);
  position: relative;
  display: inline-block;
  margin-right: var(--box-padding);
  cursor: pointer;
}
.view-selector:before {
    content: " ";
    line-height: 1;
    background-color: none;
    border-radius: 50%;
    width: var(--bullet-width);
    aspect-ratio: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: var(--border) solid var(--grey);
}

.view-selector.active:before, .view-selector:hover::before{
  background-color: var(--grey);
}


.content {
  display: block;
}

.animated .content {
  transition: transform 600ms var(--curve);
}
.body-view-map .content {
  transform: translateY(100vh);
}
.body-view-list .content {
  transform: translateY(0);
}

.content#image, .content#evenement {
  height: 100%;
}

.content a {
  color: var(--purple);
}
.content a:hover {
  text-decoration: none;
}

.content .page-title .inner {
  background-color: var(--yellow);
  color: var(--purple);
  text-transform: uppercase;
  text-align: center;
  font-family: var(--BatonBold);
  font-weight: normal;
}

.content .page-title h1 {
  font-family: var(--BatonBold);
  font-weight: normal;
  text-transform: uppercase;
}


.content .main-image {
  object-fit: cover;
  display: block;
}


.content .headline {
  font-family: var(--SatoshiBold);
  font-size: var(--satoshi-medium);
  line-height: var(--satoshi-medium-line-height);
  padding: var(--column-gap);
  color: var(--grey);
}

.content .headline a {
  color: var(--grey);
}

.content .headline p:first-of-type {
  margin-top: 0;
}

.content .headline p:last-of-type {
  margin-bottom: 0;
}

.content .headline ul {
  margin-top: calc(1*var(--satoshi-medium));
  padding: var(--column-gap) 0 var(--box-padding) 0;
  border-top: var(--border) solid var(--grey);
}
.content .headline strong {
  font-family: var(--BatonBold);
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--baton-small);
}

.content-list {
  width: 100%;
  padding: 0 0 var(--column-gap) 0;
}

.content-list-item {
  padding: 0 var(--column-gap) 0 var(--column-gap);
  position: relative;
  color: var(--grey);
}

.content-list-item a {
  color: var(--grey);
}

.content-list-item.link:hover {
  background-color: var(--grey);
  color: var(--purple);
}

.content-list-item.link:hover a {
  color: var(--purple) !important;
}

.content-list-text {
  border-top: var(--border) solid var(--grey);
  margin-top: calc(-1 * var(--border));
}

.content-list-item:last-of-type .content-list-text {
  border-bottom: var(--border) solid var(--grey);;
}

.content-list-header {
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  color: var(--purple);
  text-decoration: none;
  font-weight: normal;
  position: relative;
  padding: var(--column-gap) 0 var(--column-gap) var(--circle-space);
  width: 100%;
  display: block;
  color: var(--grey);
  text-align: left;
}

.content-list-item.link:hover .content-list-header {
  color: var(--purple);
  background-color: var(--grey);
}

.content-list-header:before {
  content: " ";
  line-height: 1;
  background-color: var(--yellow);
  border-radius: 50%;
  width: var(--circle-width);
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

button.content-list-header {
  padding-right: var(--circle-space);
  cursor: pointer;
}

button.content-list-header:after, .page-search#search-map .button-list:after {
  content: " ";
  position: absolute;
  right: var(--column-gap);
  background-size: 100%;
  background-repeat: no-repeat;
  height: var(--baton-small);
  aspect-ratio: .5;
  top: 50%;
  transform: translateY(-50%);
}

button.content-list-header:after {
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.17,21.31L0,15.13h5.04V0h2.29v15.12s5.02,0,5.02,0l-6.18,6.18Z' fill='%23A4A7A8' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.page-search#search-map .button-list:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.17,21.31L0,15.13h5.04V0h2.29v15.12s5.02,0,5.02,0l-6.18,6.18Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.content-list-text.active .content-list-header:after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.19,0l6.17,6.18h-5.04v15.12h-2.29V6.19S0,6.19,0,6.19L6.19,0Z' fill='%23A4A7A8' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.page-search#search-map .button-list.active:after {
  content: " ";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.19,0l6.17,6.18h-5.04v15.12h-2.29V6.19S0,6.19,0,6.19L6.19,0Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.content-list-block {
  display: none;
  padding-bottom: var(--column-gap);
  font-family: var(--SatoshiBold);
  font-size: var(--satoshi-medium);
  line-height: var(--satoshi-medium-line-height);
}

.content-list-text.active .content-list-block {
 display: block;
}
.content-list-text.active .content-list-block.grid {
  display: grid;
}

.content-list-block p:first-child {
  margin-top: 0;
}
.content-list-block p:last-child {
  margin-bottom: 0;
}

.content-list-block strong {
  font-weight: normal;
}

.content-list-block.normal strong {
  display: block;
}

.content-list-block.credits {
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
  padding: var(--column-gap) 0 calc(2*var(--column-gap)) 0;
}

.content-list-block.credits strong {
  text-transform: uppercase;
  font-family: var(--BatonBold);
}


.content-list-block.grid {
  gap: calc(var(--column-gap));
  padding-bottom: calc(2*var(--column-gap));
}

.content-list-block.grid a {
  display: block;
  background-color: var(--purple);
}

.content-list-block.grid img {
  width: 100%;
  display: block;
}

.content-list-block.grid a:hover img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  mix-blend-mode: screen;
}

.content-credits {
  text-align: center;
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
  font-family: var(--BatonBold); 
  text-transform: uppercase;
  color: var(--grey);
  padding: 0 var(--column-gap) var(--column-gap) var(--column-gap);
}

.evenement-box-border + .content-credits {
  margin-top: calc(2 * var(--column-gap));
}

.videotheque-menu {
  width: 100%;
  position: sticky;
  background-color: var(--yellow);
  color: var(--purple);
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  padding: var(--box-padding) 0 var(--box-padding) 0;
  z-index: 1;
  cursor: pointer;
}

.videotheque-submenu {
  position: absolute;
  width: 100%;
  background-color: var(--yellow);
  display: none;
  padding-bottom: var(--box-padding);
}

.videotheque-menu.active .videotheque-submenu {
  display: block;
}

.videotheque-menu button {
  margin-left: var(--column-gap);
  margin-right: var(--column-gap);
  padding-left: var(--bullet-space);
  position: relative;
  width: calc(-1 * var(--column-gap) + 100%);
}

.videotheque-menu button.disabled {
  display: none;
}

.videotheque-menu .selector::after, .page-search#search-participants .button-list:after {
  content: " ";
  position: absolute;
  right: var(--column-gap);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.17,21.31L0,15.13h5.04V0h2.29v15.12s5.02,0,5.02,0l-6.18,6.18Z' fill='%23A4A7A8' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  height: var(--baton-small);
  aspect-ratio: .5;
  top: 50%;
  transform: translateY(-50%);
}

.videotheque-menu.active .selector::after, .page-search#search-participants .button-list.active:after {
  content: " ";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.19,0l6.17,6.18h-5.04v15.12h-2.29V6.19S0,6.19,0,6.19L6.19,0Z' fill='%23A4A7A8' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
}

.videotheque-menu .selector::after {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.17,21.31L0,15.13h5.04V0h2.29v15.12s5.02,0,5.02,0l-6.18,6.18Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
}

.videotheque-menu.active .selector::after {
  content: " ";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.19,0l6.17,6.18h-5.04v15.12h-2.29V6.19S0,6.19,0,6.19L6.19,0Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
}

.videotheque-grid {
  width: 100%;
  display: grid;
}

.videotheque-item {
  cursor: pointer;
  position: relative;
  display: none;
}

.videotheque-item.visible {
  display: block;
}

.videotheque-item:hover {
  background-color: var(--purple);
}

.videotheque-item img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  display: block;
}

.videotheque-item:hover img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  mix-blend-mode: screen;
}

.videotheque-item-title {
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
  background-color: var(--grey);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.videotheque-item a {
  text-decoration: none;
}

.videotheque-item:hover .videotheque-item-title {
  background-color: var(--yellow);
  color: var(--purple);
}

.videotheque-iframe {
  display: none;
}

.videotheque-item .plyr {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16/9;
} 

.videotheque-iframe iframe {
  height: 100%;
  width: 100%;
}

.content-partenaires {
  padding: var(--column-gap);
}
.content-partenaires h2 {
  font-family: var(--BatonBold);
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--grey);
  border-bottom: var(--border) solid var(--grey);
  padding: var(--column-gap) 0 var(--column-gap) 0;
}

.content-partenaires h2:first-child{
  padding-top: 0;
}

.partenaires-section {
  display: grid;
  padding: var(--column-gap) 0 var(--column-gap) 0;
  row-gap: var(--column-gap);
  place-items: center;
}

.partenaires-section:not(:last-child){
  border-bottom: var(--border) solid var(--grey);
}

.partenaires-section a {
  display: block;
}

.partenaires-section a:hover {
  -webkit-filter: brightness(200);
  filter: brightness(200);
}

.partenaires-section a img {
  width: 100%;
  height: auto;
  display: block;
}

.evenement-banner {
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
}

.evenement-banner .dashed-box .inner {
  padding: var(--column-gap);
  background-color: var(--yellow);
  display: flex;
  flex-flow: row wrap;
  color: var(--purple)
}

.content .evenement-banner {
  position: absolute;
  transform: translateY(-100%);
}

#map-banner {
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  text-decoration: none;
  color: var(--purple);
}

#map-banner .external-infos {
  background-color: var(--yellow);
  color: var(--purple);
  text-align: center;
  font-size: var(--satoshi-small);
  padding: var(--box-padding);
  line-height: 1.9;
}

#map-banner .message, .content .clear {
  background-color: var(--purple);
  color: var(--grey);
  text-align: center;
  font-size: var(--satoshi-small);
  padding: var(--box-padding);
  line-height: 1.9;
  transition: height 200ms ease-in-out;
}

.content .clear {
  background-color: var(--purple);
  color: var(--pink);
  cursor: pointer;
}
.content .clear:hover {
  background-color: var(--yellow);
  color: var(--purple);
}

.evenement-banner .title {
  font-size: var(--baton-medium);
  font-family: var(--BatonBold);
  text-transform: uppercase;
  font-weight: normal;
  line-height: .9;
}

.evenement-banner .compagnie {
  font-size: var(--baton-small);
  font-family: var(--BatonBold);
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.2;
}

.evenement-dates {
  font-size: var(--baton-small);
  font-family: var(--BatonBold);
  text-transform: uppercase;
  margin-bottom: var(--box-padding);
  margin-top: -.4rem;
}

.evenement-dates span {
  font-family: var(--SatoshiBold);
  margin-top: calc(-.35 * var(--baton-small));
  display: inline-block;
  vertical-align: middle;
}

.evenement-dates .number, .page-table .number {
  width: var(--circle-width);
  height: var(--circle-width);
  display: inline-block;
  line-height: 1.65;
  text-align: center;
}

.page-table .number {
  margin-top: calc(-.4 * var(--baton-small));
  transform: translateY(calc(.2 * var(--baton-small)));
  vertical-align: bottom;

}

.page-table .number:nth-child(even), .page-table .row:hover .number:nth-child(even) {
  background-color: var(--grey);
  color: var(--purple);
}
.page-table .number:nth-child(odd), .page-table .row:hover .number:nth-child(odd) {
  background-color: var(--yellow);
  color: var(--purple);
}

.evenement-dates div:nth-child(even) {
  background-color: var(--grey);
  color: var(--purple);
}
.evenement-dates div:nth-child(odd) {
  background-color: var(--purple);
  color: var(--grey);
}
.evenement-box-border .evenement-dates div:nth-child(odd){
  background-color: var(--yellow);
  color: var(--purple);
}
.evenement-dates div:last-child, .evenement-box-border .evenement-dates div:nth-child(2) {
 width: calc(1.5 * var(--circle-width));
}

.evenement-box-border .evenement-dates div:last-child{
  width: calc(2 * var(--circle-width));
}

.evenement-box-border .grid {
  display: grid;
  margin-top: var(--column-gap);
  gap: var(--column-gap);
}

.evenement-box-border {
  padding: 0 var(--column-gap) 0 var(--column-gap);
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
}
.evenement-box-border .inner {
  padding: var(--column-gap) 0 var(--column-gap);
  display: flex;
  flex-flow: row wrap;
  gap: var(--column-gap);
  border-top: var(--border) solid var(--grey);
  color: var(--grey)
}

.content .evenement-box-border a {
  color: var(--grey);
}

.plyr + .evenement-box-border .inner, .player + .evenement-box-border .inner, .player-image + .evenement-box-border .inner, .evenement-banner + .evenement-box-border .inner, .evenement-propositions + .evenement-box-border .inner  {
  border-top: none;
}

.evenement-box-border strong {
  font-weight: normal;
  text-transform: uppercase;
  font-family: var(--BatonBold);
}

.evenement-video {
  width: 100%;
  aspect-ratio: 16/9;
}

.evenement-video iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.evenement-propositions {
  font-size: var(--satoshi-small);
  line-height: var(--satoshi-small-line-height);
  background-color: var(--yellow);
}

.evenement-banner + .dashed-box {
  margin-top: var(--column-gap);
}

.dashed-box + .evenement-box-border > .inner {
  border-top: none;
}

.evenement-propositions p:first-child {
  margin-top: 0;
}
.evenement-propositions img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  background-color: #000;
}

.evenement-propositions .head, .evenement-propositions .text {
  padding: var(--column-gap);
}
.evenement-propositions .head {
  line-height: 1;
}

.evenement-propositions h2 {
  font-weight: normal;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  font-weight: normal;
}
.evenement-propositions .compagnie {
  font-family: var(--BatonBold);
  text-transform: uppercase;
}

.evenement-propositions .text strong {
  text-transform: uppercase;
  font-weight: normal;
  font-family: var(--BatonBold);
}

.page-table .row {
  padding: 0 var(--column-gap) 0 var(--column-gap);
  display: block;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--grey);
}

.page-table .row-inner {
  border-bottom: var(--border) solid var(--grey);
  margin-bottom: calc(-1 * var(--border)); 
  display: flex;
  flex-direction: row wrap;
}

.page-table .row:last-child .row-inner {
  border-bottom: none;
}

.page-table a.row:hover {
  background-color: var(--grey);
  color: var(--purple);
}

.page-table a.row:hover .number {
  color: var(--purple);
}

.page-table .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--column-gap) var(--column-gap) var(--column-gap) 0;

}

.page-table .cell:nth-child(1) {
  width: 50%;
}
.page-table .cell:nth-child(2) {
  width: 20%;
}
.page-table .cell:nth-child(3)  {
  width: 20%;
}
.page-table .cell:nth-child(4) {
  width: 10%;
  text-align: right;
  padding-right: 0;
}

.page-table .external-event .cell:nth-child(1){
  width: 20%;
  position: relative;
  padding-left: var(--circle-space);
}
.page-table .external-event .cell:nth-child(2){
  width: 60%;
  text-align: center;
}
.page-table .external-event .cell:nth-child(3){
  width: 20%;
}
.page-table .external-event .cell:nth-child(4){
  display: none;
}

.page-table .external-event .cell:nth-child(1)::before {
  content: " ";
  line-height: 1;
  background-color: var(--yellow);
  border-radius: 50%;
  width: var(--circle-width);
  aspect-ratio: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page-table .message {
  color: var(--yellow);
  text-align: center;
  font-size: var(--satoshi-medium);
  line-height: var(--satoshi-medium-line-height);
  padding: calc(1.45* var(--box-padding)) var(--column-gap) calc(1.45* var(--box-padding)) var(--column-gap);
}

.intersaison-container {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left:0;
  width: 100%;
  color: var(--purple);
  font-family: var(--SatoshiBold);
  font-size: var(--satoshi-medium);
  line-height: var(--satoshi-medium-line-height);
}

.intersaison-inner {
  max-height: 50vh;
  overflow-y: scroll;
}

.intersaison-block {
  padding: var(--column-gap);
}

.intersaison-block:nth-child(odd){
  background-color: var(--yellow);
}
.intersaison-block:nth-child(even){
  background-color: var(--pink);
}

.intersaison-block a {
  color: var(--purple)
}

.intersaison-block p:first-child {
  margin-top: 0;
}

.intersaison-block p:last-child {
  margin-bottom: 0;
}

.intersaison-close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  background-color: var(--green);
  color: var(--purple);
  font-size: var(--baton-small);
  padding: var(--box-padding) calc(2* var(--box-padding)) var(--box-padding) calc(2* var(--box-padding));
  cursor: pointer;
  font-family: var(--BatonBold);
  text-transform: uppercase;
}

.intersaison-close:hover {
  background-color: var(--yellow);
  color: var(--purple)
}

.plyr {
  aspect-ratio: 16/9;
}

.plyr video {
  width: 100%;
  height: 100%;
}

.plyr__poster {
  background-size: cover;
}

.plyr__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: initial;
  gap: var(--column-gap)
}

.plyr__time + .plyr__time::before {
  content: "";
  margin: 0;
}

.player-button {
  font-size: var(--baton-small);
  font-family: var(--BatonBold);
  text-transform: uppercase;
  color: var(--yellow);
  padding: 0 var(--outer-margin) 0 var(--outer-margin);
  user-select: none;
}

.player-button[data-plyr="play"] {
  width: calc(3 * var(--baton-small));
}

.player-button[data-plyr="fullscreen"] path, .player-button[data-plyr="fullscreen"] line {
  fill:none;stroke:var(--white);stroke-width:1.5;
}

.plyr__progress {
  flex-grow: 1;
}

.player {
  width: 100%;
}

.controls_break {
  display: none;
}

.player-image {
  width: 100%;
  position: relative;
  margin-bottom: var(--column-gap);
  overflow: hidden;
  background-color: var(--yellow);
}

.player-image:hover img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  mix-blend-mode: screen;
}

.player-image:hover .player-title {
  color: var(--purple);
}

.player-image img {
  width: 100%;
  height: auto;
  display: block;
}

.player-image .player-title {
  position: absolute;
  bottom: var(--column-gap);
  left: var(--column-gap);
  color: var(--yellow);
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-size: var(--baton-small);
  font-family: var(--BatonBold);
}

div#tarteaucitronAlertBig::before {
  display: none;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--purple) !important;
}

.tarteaucitronAlertBigBottom {
  background: var(--purple) !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  font-size: var(--satoshi-medium);
  line-height: var(--satoshi-medium-line-height);
  color: var(--pink);
}

#tarteaucitronAlertBig .tarteaucitronAllow {
  background-color: var(--green) !important;
  color: var(--purple) !important;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
}

#tarteaucitronAlertBig .tarteaucitronDeny {
  background-color: var(--yellow) !important;
  color: var(--purple) !important;
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
}

#tarteaucitronCloseAlert {
  font-family: var(--BatonBold);
  font-size: var(--baton-small);
  text-transform: uppercase;
  color: var(--purple) !important;
}

#tarteaucitronPrivacyUrl {
  font-family: var(--SatoshiBold);
  font-size: var(--satoshi-small);
  color: var(--pink) !important;
}

@media screen and (min-width: 700px)  {

  .header-container {
    width: calc(1.29 * var(--baton-large));
    top: 0;
    bottom: 0;
  }
  .header-container#left {
    font-size: var(--baton-large);
    line-height: 1;
    display: flex;
    flex-direction: column;
  }

  .header-logo {
    writing-mode: vertical-lr;
    rotate: 180deg;
    text-align-last: justify;
    padding: 1rem 0 1rem .7rem;
  }

  .header-container#right {
    right: 0;
    flex-direction: column;
  }

  .header-date {
    font-size: var(--baton-large);
    line-height: 1.3;
    position: relative;
    padding: var(--box-padding);
    overflow: hidden;
    writing-mode: vertical-lr;
    text-align-last: justify;
    padding: 1rem .7rem 1rem 0;
    word-spacing: 1rem;
  }

  .header-date #year span.active#century {
    opacity: 0;
  }

  .header-date #year span.active#deceny {
    opacity: 0;
  }
  
  .header-number {
    font-size: var(--baton-large);
    line-height: 1.3;
    writing-mode: vertical-lr;
    padding: 1rem .7rem 1rem 0;
    word-spacing: 1rem;
  }

  .logo-territoires-cirque {
    width: 100%;
  }

  menu {
    top: 0;
    width: calc(((1.29 * var(--baton-large) * -2 ) - (var(--dash-border-size) * 2) + 100%) / 3 + var(--dash-border-size));
    right: calc(1.29 * var(--baton-large));
  }

  .content {
    padding: 0 calc(1.29 * var(--baton-large)) 0 calc(1.29 * var(--baton-large));
  }

  .page-search#search-map {
    bottom: calc(-2.735rem - 1px);
    padding: 0 calc(1.29 * var(--baton-large)) 0 calc(1.29 * var(--baton-large));
  }

  .body-view-list .page-search#search-map {
    bottom: 100%;
  }

  
  .page-search .zoom-container {
    position: absolute;
    top: 0;
    right: calc(1.29 * var(--baton-large));
    transform: translateY(-100%);
    user-select: none;
  }

  .page-search .zoom {
    width: 4rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--yellow);
    cursor: pointer;
    font-size: var(--satoshi-medium);
    text-align: center;
    line-height: 3.8rem;
    color: var(--purple);
  }

  .page-search .zoom:hover {
    background-color: var(--grey);
  }

  .page-search .buttons .button {
    width: calc(100%/3);
  }

  .page-search#search-participants .buttons .button#search {
    width: calc(100%/3 * 2);
  }

  .page-search .infos {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--satoshi-medium);
    line-height: var(--satoshi-medium-line-height);
    height: 2.735rem;
  }

  .page-search .list {
    columns: 4;
    column-gap: var(--column-gap);
  }

  .page-search .buttons #territories {
    background-color: var(--grey);
    color: var(--purple);
  }

   .page-search .buttons #territories:hover {
    background-color: var(--yellow) !important;
    color: var(--purple) !important;
  }

  .page-search#search-participants .buttons #territories:hover::after {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.17,21.31L0,15.13h5.04V0h2.29v15.12s5.02,0,5.02,0l-6.18,6.18Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .page-search#search-participants .buttons #territories.active::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' width='12.38' height='21.33' viewBox='0 0 12.38 21.33'%3E%3Cg id='_' data-name=' ' isolation='isolate'%3E%3Cg isolation='isolate'%3E%3Cpath d='m6.19,0l6.17,6.18h-5.04v15.12h-2.29V6.19S0,6.19,0,6.19L6.19,0Z' fill='%23410099' stroke-width='0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .page-search#search-map .list#list-territories {
    background-color: var(--grey);
    color: var(--purple)
  }
  
  .page-search#search-participants .list#list-territories {
    position: absolute;
    top: 100%;
  }

  .content#table {
    padding-top: calc(3 * 2.735rem);
  }

  .content .page-title {
    position: relative;
    z-index: 1;
  }

  .content .page-title h1 {
    font-size: var(--baton-large);
    height: calc(1.21 * var(--baton-large));
  }

  .content .main-image {
    width: 100vw;
    margin: 0 0 0 calc(-1.29 * var(--baton-large));

  }
  .content#image .main-image {
    margin-top: -5.4rem;
    height: 80%;
  }

  .content#evenement .main-image {
    height: calc(-2.8 * var(--satoshi-medium) + 100%);
  }

  .content .headline img {
    width: calc(-.5 * var(--column-gap) + 50%);
    margin-right: var(--column-gap);
    float: left;
  }

  .content .headline ul {
    display: flex;
    flex-direction: row ;
    justify-content: space-between;
    font-size: var(--satoshi-small);
  }

  .content-list-block.normal strong {
    padding-left: calc(6*var(--column-gap));
  }

  .content-list-block.credits {
    columns: 2;
    column-gap: var(--column-gap);
  }

  .content-list-block.credits p {
    break-inside: avoid;
  }

  .content-list-block.grid {
    grid-template-columns: repeat(4,1fr);
  }

  .videotheque-menu {
    top: 0;
  }

  .content .evenement-banner {
    width: calc(-2 * 1.29 * var(--baton-large) + 100%);
  }

  #map-banner {
    padding: 0 calc(1.29 * var(--baton-large)) 0 calc(1.29 * var(--baton-large));
  }

  #map-banner .message, .content .clear {
    height: 2.75rem;
  }

  #map-banner:hover .message {
    height: calc(2.8 * var(--satoshi-medium));
  }

  .evenement-banner .col:first-child {
    width: 60%;
    padding-right: var(--column-gap);
  }
  .evenement-banner .col:not(:first-child) {
    width: 20%;
  }
  .evenement-banner .col:last-child{
    padding-left: var(--column-gap);
  }

  .evenement-box-border.dates .inner .col-1 {
    width: 33%;
  }
  .evenement-box-border.dates .inner .col-2 {
    flex-grow: 1;
  }

  .evenement-box-border.meta .inner .col {
    width: calc(-1 * var(--column-gap) + 50%);
  }
  
  .evenement-box-border.infos .inner .col:nth-child(1) {
    width: calc(-1 * var(--column-gap) + 25%);
  }
  .evenement-box-border.infos .inner .col:nth-child(2) {
    width: calc(-1 * var(--column-gap) + 25%);
    text-align: center;
  }
  .evenement-box-border.infos .inner .col:nth-child(3) {
    width: calc(-1 * var(--column-gap) + 35%);
  }
  .evenement-box-border.infos .inner .col:nth-child(4) {
    width: calc(-1 * var(--column-gap) + 15%);
    text-align: right;
  }

  .evenement-box-border .grid {
    grid-template-columns: 1fr 1fr;
  }

  .evenement-propositions {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }

  .evenement-propositions .proposition:nth-child(4n+1), .evenement-propositions .proposition:nth-child(4n+4){
    background-color: var(--yellow);
    color: var(--purple);
  }
  
  .evenement-propositions .proposition:nth-child(4n+2),   .evenement-propositions .proposition:nth-child(4n+3){
    background-color: var(--grey);
    color: var(--purple);
  }

  .page-search#search-participants {
    top: 0;
  }

  .intersaison-container {
    padding: 0 calc(1.29 * var(--baton-large)) 0 calc(1.29 * var(--baton-large));
  }

  .intersaison-close {
    right: calc(1.29 * var(--baton-large));
  }
  
}

@media screen and (min-width: 700px) and (max-width: 1099px) {
  .videotheque-grid {
    grid-template-columns: 1fr 1fr;
  }
  .partenaires-section {
    grid-template-columns: repeat(4,1fr);
  }
}

@media screen and (min-width: 1100px) {
  .videotheque-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .partenaires-section {
    grid-template-columns: repeat(5,1fr);
  }
}

@media screen and (max-width: 699px)  {

  .header-container {
    font-size: var(--baton-small);
    width: calc(-13.25rem + 100%);
  }

  .header-container#left {
    top: 0;
    display: flex;
    flex-direction: row;
  }

  .header-logo {
    padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
  }

  .menu-button {
    position: fixed;
    width: 13.25rem;
    right: 0;
    top: 0
  }

  .header-container#right {
    top: 6.2rem;
    flex-direction: row;
  }

  .header-date {
    padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
    text-align-last: justify;
  }

  .logo-territoires-cirque {
    position: fixed;
    right: 0;
    top: 6.2rem;
    width: 13.5rem;
  }

  .header-number {
    font-size: var(--baton-small);
    padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
    word-spacing: 2rem;
  }

  menu {
    top: 6.2rem;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .evenement-propositions .proposition:nth-child(odd){
    background-color: var(--yellow);
    color: var(--purple);
  }
  .evenement-propositions .proposition:nth-child(even){
    background-color: var(--grey);
    color: var(--purple);
  }

  .page-search#search-map{
    bottom: -6.4rem;
  }

  .body-view-list .page-search#search-map {
    bottom: calc(-2 * 6.2rem + 100%);
  }

  .page-search .buttons .button {
    width: 100%;
  }
  .page-search .buttons .button#user-position {
    display: none;
  }

  .page-search .zoom-container {
    display: none;
  }

  .page-search .infos {
    font-size: var(--satoshi-small);
    line-height: var(--satoshi-small-line-height);
    padding-right: 13rem;
  }

  .page-search .list {
    max-height: 20rem;
    overflow-y: scroll;
  }

  .page-search .buttons #territories {
    background-color: var(--grey);
    color: var(--purple);
  }

  .page-search#search-map .list#list-territories {
    background-color: var(--grey);
    color: var(--purple);
  }

  .content#text {
    margin-top: calc(3 * 6.2rem);
  }

  .content#table {
    padding-top: 39.5rem;
  }

  .content .page-title {
    width: 100%;
    position: fixed;
    top: calc(2* 6.2rem);
    width: calc(-13.25rem + 100%);
    z-index: 50;
  }

  .content .page-title .inner {
    font-size: var(--baton-small);
    padding: var(--box-padding) var(--column-gap) var(--box-padding) var(--column-gap);
    z-index: 50;
  }

  .content .page-title h1  {
    font-size: var(--baton-small);
  }
  
 
  .content .main-image {
    width: 100%;
  }

  .content#image .main-image {
    height: 80%;
  }

  .content#evenement .main-image {
    height: calc(-6.26rem + 100%);
  }
  
  .content .headline img {
    width: 100%;
    margin-bottom: var(--box-padding);
  }

  .content .headline a {
    word-break: break-all;
  }

  .content-list-block.normal strong {
    padding-left: calc(2*var(--column-gap));
  }

  .content-list-block.grid {
    grid-template-columns: repeat(2,1fr);
  }

  .videotheque-grid {
    grid-template-columns: 1fr;
  }

  .videotheque-menu {
    top: calc(3* 6.2rem);
  }

  .partenaires-section {
    grid-template-columns: repeat(2,1fr);
  }

  #map-banner .message, .content .clear {
    height: 6.26rem;
  }

  .evenement-banner .col {
    width: 100%;
  }
  .evenement-banner .col:nth-child(2){
    margin-top: var(--column-gap);
  }

  .evenement-box-border .inner .col {
    width: 100%
  }

  .page-table#participants .cell:nth-child(1) {
    width: 90%;
  }

  .page-table#participants .cell:nth-child(4) {
    width: 10%;
  }

  .page-table#participants .cell:nth-child(2),  .page-table#participants .cell:nth-child(3)  {
    display: none;
  }

  .page-table#table-map .cell:nth-child(1) {
    width: calc(-17rem + 100%);
  }
  .page-table#table-map .cell:nth-child(2) {
    width: 17rem;
    padding-right: 0;
    text-align: right;
  }
  .page-table#table-map .cell:nth-child(4) {
    display: none;
  }

  .page-table#table-map .cell:nth-child(3)  {
    display: none;
  }

  .page-table#table-map .external-event .cell:nth-child(2) {
    display: none;
  }

  .page-search#search-participants {
    top: calc(3 * 6.2rem);
  }

  .plyr__controls {
    justify-content: space-between;
  }
  .plyr__time, .plyr__progress  {
    display: none;
  }

  .player-button[data-plyr="fullscreen"] {
    padding: 0 var(--column-gap) 0;
  }

}

.videotheque-grid .plyr__controls {
  justify-content: space-between;
}

.videotheque-grid .plyr__time, .videotheque-grid .plyr__progress  {
  display: none;
}

.videotheque-grid .player-button[data-plyr="fullscreen"] {
  padding: 0 var(--column-gap) 0;
}