:root {
  --gray: #efefef;
  --white: white;
  --color-1: #e58411;
  --dark: #1e1e1e;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.section-home {
  background-image: url('../images/photo-test.jpg');
  background-position: 50% 70%;
  background-size: cover;
  height: 80vh;
  min-height: 600px;
  padding-bottom: 0;
  position: relative;
}

.section.section-reassurance {
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-events {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.section-projet {
  background-color: var(--gray);
  padding-bottom: 120px;
}

.section.section-hero {
  background-image: url('../images/photo-test.jpg');
  background-position: 50% 70%;
  background-size: cover;
  height: 60vh;
  min-height: 600px;
  padding-bottom: 0;
  position: relative;
}

.section.section-accompagnement {
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-avis {
  text-align: center;
  padding-top: 0;
  padding-bottom: 120px;
}

.section.section-contact {
  background-color: var(--gray);
}

.section.section-sur-mesure {
  padding-top: 0;
}

.section.section-espaces-list {
  padding-top: 40px;
}

.section.section-espaces-description {
  padding-bottom: 0;
}

.section.section-plans-diagora {
  text-align: center;
  padding-top: 0;
}

.section.section-projet-2 {
  background-color: var(--gray);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 40px;
  padding-bottom: 80px;
}

.section.section-config {
  padding-top: 0;
}

.section.section-caracteristiques {
  overflow: hidden;
}

.section.section-hero-minimal {
  height: auto;
  padding-top: 40px;
  padding-bottom: 0;
  position: relative;
}

.section.section-infos-pratiques {
  padding-top: 0;
}

.section.section-hebergements {
  background-color: var(--gray);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-top: 0;
}

.section.section-chiffres {
  padding-bottom: 0;
}

.section.section-engagements {
  padding-top: 0;
}

.section.section-evenements-accueillis {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-spectacle-une {
  text-align: center;
  padding-bottom: 0;
}

.section.section-spectacles {
  padding-bottom: 0;
}

.section.section-actus {
  padding-top: 0;
}

.section.section-infos-pratiques {
  padding-top: 0;
  padding-bottom: 120px;
}

.section.section-infos-projet {
  padding-top: 0;
}

.overlay {
  background-image: linear-gradient(#0000, #0009 69%);
  position: absolute;
  inset: 0%;
}

.container {
  max-width: 100%;
  margin-left: 100px;
  margin-right: 100px;
}

.container.container-home {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.container.container-nav {
  width: 100%;
}

.wrapper-content-banner-home {
  color: var(--white);
  width: 70%;
}

.title-h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1em;
}

.pt80 {
  padding-top: 80px;
}

.pt60 {
  padding-top: 60px;
}

.pt40 {
  padding-top: 40px;
}

.button {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color-1);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-1);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color-1);
  background-color: var(--color-1);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 80px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 20px 16px 25px;
  font-family: Afacad, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px 2px #0003;
}

.button.button-outline {
  border: 1px solid var(--color-1);
  color: var(--color-1);
  background-color: #0000;
}

.button.button-outline.button-outline-white {
  border-color: var(--white);
  color: var(--white);
}

.button.button-outline.button-outline-dark {
  border-color: var(--dark);
  color: var(--dark);
}

.button.button-small {
  font-size: inherit;
  padding: 7px 17px;
}

.button.button-center {
  margin-left: auto;
  margin-right: auto;
}

.button.button-outline-gray {
  border: 1px solid var(--dark);
  color: var(--dark);
  background-color: #0000;
}

.button.button-outline-gray.button-outline-white {
  border-color: var(--white);
  color: var(--white);
}

.button.button-outline-gray.button-outline-dark {
  border-color: var(--dark);
  color: var(--dark);
}

.navbar {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000004d;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  box-shadow: 0 4px 4px #00000040;
}

.navbar.navbar-white {
  background-color: var(--white);
}

.logo {
  width: 125px;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-family: Afacad, sans-serif;
}

.navigation-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.wrapper-navbar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  display: none;
}

.upcoming-event-home {
  color: var(--white);
  border: 1px solid #ffffff5e;
  border-radius: 20px;
  width: 300px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  overflow: hidden;
  box-shadow: 3px 5px 6px #000000b3;
}

.banner-upcoming-event-home {
  aspect-ratio: 3 / 2;
  padding-top: 10px;
  padding-left: 10px;
  position: relative;
}

.image-upcoming-event-home {
  position: absolute;
  inset: 0%;
}

.title-image-upcoming-event-home {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 20px;
  line-height: 1em;
  position: relative;
}

.content-upcoming-event-home {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  padding: 20px 10px 10px;
}

.title-spectacle-upcoming-event-home {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1em;
}

.infos-upcoming-event-home {
  letter-spacing: .25px;
  margin-bottom: 20px;
}

.text-span-2 {
  color: var(--color-1);
}

.subtitle {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1em;
}

.subtitle.color-1 {
  margin-bottom: 5px;
}

.body {
  color: #3d3d3d;
  letter-spacing: .2px;
  font-family: Roboto, sans-serif;
}

.color-1 {
  color: var(--color-1);
}

.title-h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 45px;
  font-weight: 500;
  line-height: 1em;
}

.pt20 {
  padding-top: 20px;
}

.wrapper-format-events {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.link-item-format {
  color: #3d3d3d;
  flex-flow: column;
  flex: 0 25%;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  text-decoration: none;
  display: block;
  position: relative;
}

.image-item-format {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.overlay-item {
  background-image: linear-gradient(#0009, #0000);
  position: absolute;
  inset: 0;
}

.capacite-format {
  color: var(--white);
  border: 1px solid #fff;
  border-radius: 80px;
  justify-content: flex-end;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 15px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.button-item {
  background-color: var(--color-1);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.code-embed {
  display: flex;
}

.wrapper-image-item {
  aspect-ratio: 2 / 2.5;
  border-radius: 20px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper-content-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.title-h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1em;
}

.pt10 {
  padding-top: 10px;
}

.item-format {
  flex: 0 25%;
}

.wrapper-reassurance {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  background-color: #1e1e1e;
  border-radius: 20px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.columns {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.columns.columns-testi {
  justify-content: flex-start;
  align-items: center;
}

.columns.columns-images-testi {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  overflow: hidden;
}

.columns.columns-events {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
}

.columns.columns-footer {
  z-index: 1;
  position: relative;
}

.columns.columns-contact {
  justify-content: flex-start;
  align-items: center;
}

.columns.columns-photos {
  height: 100%;
}

.col-1-50 {
  flex: 0 50%;
}

.col-1-50.col-1-projet {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 80px;
}

.col-1-50.col-1-espaces {
  padding: 20px;
}

.col-1-50.col-1-contact {
  padding-right: 8.33%;
}

.col-1-50.col-restaurants-partenaires {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-bg-testi {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.col-2-50 {
  flex: 0 50%;
  position: relative;
}

.col-2-50.col-2-espaces {
  align-self: stretch;
}

.wrapper-testi {
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 325px;
  padding: 70px 80px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-testi {
  color: #3d3d3d;
  background-color: #0000;
  border-radius: 20px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 0;
  padding-bottom: 0;
}

.hide {
  display: none;
}

.slide-nav {
  bottom: -40px;
}

.div-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.name-testi {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.slide {
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  padding: 30px 45px 10px;
}

.wrapper-stars {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.profile-image {
  z-index: 99;
  background-color: var(--white);
  border-radius: 80px;
  width: 70px;
  height: 70px;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  top: -70px;
}

.mask {
  margin-top: -40px;
  padding-top: 40px;
}

.image-profile {
  aspect-ratio: 1;
  border-radius: 80px;
  box-shadow: 0 2px 9px #0000001a;
}

.div-block-2 {
  flex: none;
  max-width: 25%;
}

.wrapper-images-testi {
  aspect-ratio: 3 / 1.8;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.image.spectacle {
  border-radius: 0;
}

.div-block-3 {
  flex: none;
  max-width: 100%;
  display: flex;
}

.w50 {
  width: 50%;
}

.slider {
  background-color: #0000;
  height: auto;
  margin-bottom: 40px;
  display: block;
}

.slide-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slide-espace {
  aspect-ratio: 3 / 1.3;
  border-radius: 20px;
  padding: 40px;
  overflow: hidden;
}

.mask-2 {
  height: auto;
}

.wrapper-content-slider-espace {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 33.33%;
  height: 100%;
  display: flex;
}

.block-content-slider-espace {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #0003;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 60px;
  padding: 20px;
  display: flex;
}

.cat-espace {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--white);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  display: flex;
}

.block-cat-espace {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.col-1-events {
  background-color: var(--dark);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex: 0 33.33%;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 80px;
}

.col-1-events.container-left {
  z-index: 1;
  color: var(--white);
  flex-basis: 40%;
  position: relative;
}

.container-left {
  padding-left: 100px;
}

.container-right {
  padding-right: 100px;
}

.background-middle-event {
  z-index: -1;
  background-color: var(--gray);
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.col-2-events {
  flex: 0 60%;
  max-width: 60%;
}

.item-event {
  width: 40%;
  padding-left: 20px;
  padding-right: 20px;
}

.item-event.carousel-cell {
  max-height: 600px;
}

.wrapper-image-item-event {
  aspect-ratio: 2 / 2.7;
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

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

.wrapper-content-item-event {
  padding-top: 10px;
}

.infos-event {
  letter-spacing: .25px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.block-controls-slider {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.button--next {
  border: 2px solid var(--color-1);
  background-color: var(--color-1);
  color: var(--white);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  display: flex;
  box-shadow: 0 2px 5px 1px #0003;
}

.button--next.buttonpv {
  cursor: pointer;
}

.button--next.buttonpv.inv {
  transform: rotate(180deg);
}

.button--previous {
  border: 2px solid var(--color-1);
  background-color: var(--color-1);
  color: var(--white);
  -webkit-text-stroke-color: var(--color-1);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  display: flex;
  box-shadow: 0 2px 5px 1px #0003;
}

.button--previous.buttonpv {
  cursor: pointer;
}

.button--previous.buttonpv.inv {
  transform: rotate(180deg);
}

.wrapper-projet {
  background-color: var(--white);
  border-radius: 20px;
  padding: 80px;
}

.wrapper-image-projet {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.footer {
  background-color: var(--dark);
  color: #fff;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  margin-top: -40px;
  padding-top: 80px;
  padding-bottom: 200px;
  position: relative;
}

.col-footer {
  flex: 1;
}

.col-footer.col-footer-first {
  flex: 0 30%;
}

.line-coordonnees {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.text-bold {
  font-weight: 600;
}

.text-bold.text-uppercase {
  text-transform: uppercase;
}

.item-nav-footer {
  color: var(--white);
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  display: block;
}

.form {
  display: flex;
  position: relative;
}

.text-field {
  border: 1px solid var(--color-1);
  color: var(--color-1);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 80px;
  height: 40px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Afacad, sans-serif;
}

.text-field::placeholder {
  color: var(--color-1);
}

.submit-button {
  background-color: var(--color-1);
  border-radius: 80px;
  width: 40px;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 0;
}

.wrapper-rs {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-rs {
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  display: flex;
}

.link-rs {
  color: var(--color-1);
  padding: 10px;
}

.image-diagora-footer-full {
  object-fit: contain;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.slide-espace-visual {
  background-image: url('../images/Rectangle-17.jpg');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.slice {
  object-fit: cover;
  background-image: url('../images/Rectangle-17.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-button {
  width: 70px;
  height: 70px;
  display: flex;
}

.container-navbar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.capacite-banner {
  color: var(--white);
  border: 1px solid #ffffff5e;
  border-radius: 20px;
  width: 250px;
  position: absolute;
  bottom: 40px;
  right: 40px;
  overflow: hidden;
  box-shadow: 3px 5px 6px #000000b3;
}

.leader-text {
  text-transform: uppercase;
  font-family: Afacad, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2em;
}

.wrapper-content-banner-other {
  color: var(--white);
  width: calc(100vw - 440px);
}

.content-capacite-banner {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  padding: 10px;
}

.col-1-presentation-evenement {
  flex: 0 58.33%;
  padding-right: 8.33%;
  position: relative;
}

.col-1-presentation-evenement.container-left {
  padding-top: 20px;
  padding-bottom: 20px;
}

.col-2-presentation-evenement-copy {
  flex: 0 41.66%;
  position: relative;
}

.image-col {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.wrapper-image-col {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.overlay-image-col {
  pointer-events: none;
  background-image: linear-gradient(0deg, #0000 60%, #0009);
  position: absolute;
  inset: 0%;
}

.shadow {
  background-color: var(--gray);
  border-radius: 20px;
  width: 100%;
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: -8%;
}

.wrapper-accompagnement {
  background-color: var(--dark);
  color: var(--white);
  border-radius: 20px;
  padding: 40px;
}

.flex-accompagnement {
  grid-column-gap: 73px;
  grid-row-gap: 73px;
  flex-flow: wrap;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.item-accompagnement {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--color-1);
  flex: 0 calc(50% - 40px);
  padding-left: 20px;
}

.slider-avis {
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.item-avis {
  aspect-ratio: 2 / 2.5;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.content-item-avis {
  background-image: url('../images/image-format.jpg');
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.avis {
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  width: calc(100% - 20px);
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 30px 45px 10px;
}

.block-controls-slider-avis {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: absolute;
  left: -10px;
  right: -10px;
}

.wrappe-slider-avis {
  width: 100%;
}

.wrappe-slider-avis.main-carousel {
  overflow: hidden;
}

.wrapper-form {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
}

.line-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  display: flex;
}

.div-block-4 {
  flex: 1;
}

.field-label {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.field-label.opa-0 {
  opacity: 0;
}

.text-field-2 {
  border-radius: 80px;
}

.text-field-2:active {
  border: 1px solid var(--color-1);
}

.text-area {
  border-radius: 20px;
  min-height: 150px;
}

.col-1-presentation-evenement-copy {
  flex: 0 41.66%;
  padding-right: 0%;
  position: relative;
}

.col-1-presentation-evenement-copy.container-left {
  padding-top: 20px;
  padding-bottom: 20px;
}

.col-2-presentation-evenement-copy-copy {
  flex: 0 41.66%;
  position: relative;
}

.col-2-presentation-evenement-copy-copy.container-right {
  flex-basis: 58.33%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 8.33%;
}

.shadow-right {
  background-color: var(--gray);
  border-radius: 20px;
  width: 100%;
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: -8%;
}

.wrapper-image-col-left {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.wrapper-description-espace {
  background-color: var(--dark);
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 58.66%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 40px;
}

.wrapper-description-espace.container-left {
  padding-top: 20px;
  padding-bottom: 20px;
}

.collection-list-espaces {
  margin-top: 20px;
}

.link-item-espace {
  color: #3d3d3d;
  flex-flow: column;
  flex: 0 25%;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  text-decoration: none;
  display: block;
  position: relative;
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.wrapper-espaces-list {
  padding-top: 20px;
  padding-bottom: 40px;
}

.wrapper-config {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 40px;
  display: flex;
}

.link-item-configuration {
  color: #3d3d3d;
  flex-flow: column;
  flex: 0 25%;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  text-decoration: none;
  display: block;
  position: relative;
}

.text-center {
  text-align: center;
}

.item-configuration {
  flex: 0 25%;
}

.col-1.col-1-caracteristiques {
  flex: 0 40%;
}

.col-1.col-images-caracteristiques {
  flex: 0 33.33%;
}

.col-1.col-1-slider {
  width: 41.66%;
  padding-top: 40px;
  padding-right: 40px;
}

.header-caracteristiques {
  border-bottom: 1px solid var(--color-1);
  width: 100%;
}

.list-caracteristiques {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.item-caracteristique {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.point {
  background-color: var(--color-1);
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.wrapper-caracteristiques {
  padding-top: 20px;
  padding-bottom: 20px;
}

.col-2.col-caracteristiques {
  flex: 0 60%;
  padding-left: 40px;
}

.col-2.col-images-caracteristiques {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.image-square {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 20px;
}

.wrapper-images-caracteristiques {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.w70 {
  width: 70%;
}

.wrapper-image-col-2 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  height: 70%;
  position: relative;
  overflow: hidden;
}

.shadow-2 {
  background-color: var(--gray);
  border-radius: 20px;
  width: 100%;
  height: calc(70% + 60px);
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 0;
}

.wrapper-content-banner-minimal {
  width: calc(100vw - 440px);
}

.color-dark {
  color: var(--dark);
}

.wrapper-infos-pratiques {
  background-color: var(--dark);
  color: #fff;
  border-radius: 20px;
  padding: 40px;
}

.va-et-vient {
  border: 1px solid var(--white);
  border-radius: 20px;
  width: 100%;
}

.dropdown-toggle {
  color: var(--color-1);
  width: 100%;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-meduim {
  font-weight: 500;
}

.dropdown-list {
  color: var(--white);
  background-color: #0000;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: relative;
}

.wrapper-va-et-vient {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.maps {
  aspect-ratio: 1;
  border-radius: 20px;
}

.col-2-slider {
  flex: 0 58.33%;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}

.overlay-left {
  background-image: linear-gradient(90deg, var(--gray), #efefef00);
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.slide-nav-2 {
  display: none;
}

.left-arrow {
  width: 50%;
  height: 42px;
  top: auto;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.icon {
  background-color: var(--color-1);
  color: #fff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: auto;
  margin-right: 10px;
  padding: 12px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 5px 1px #0003;
}

.right-arrow {
  width: 50%;
  height: 42px;
  top: auto;
  bottom: 0;
  right: 0;
  overflow: visible;
}

.icon-right {
  background-color: var(--color-1);
  color: #fff;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: 10px;
  margin-right: auto;
  padding: 12px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 5px 1px #0003;
}

.wrapper-restaurants-partenaires {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  margin-top: 40px;
  display: flex;
}

.item-restaurant-partenaire {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--dark);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--dark);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--dark);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--dark);
  border-radius: 20px;
  flex: 0 calc(50% - 10px);
  padding: 20px;
}

.mask-3 {
  padding-bottom: 62px;
}

.maps-restaurants {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.slider-restaurant-partenaires {
  background-color: #0000;
  height: auto;
  display: block;
}

.background-middle-infos-pratiques {
  z-index: -1;
  background-color: var(--gray);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 33.33%;
  position: absolute;
  inset: auto 0% 0%;
}

.wrapper-chiffres {
  margin-top: 40px;
  display: flex;
}

.item-chiffres {
  text-align: center;
  flex: 0 25%;
  padding-left: 20px;
  padding-right: 20px;
}

.icon-chiffres {
  width: 129px;
  height: 129px;
  margin-bottom: 20px;
}

.block-chiffre {
  font-family: Afacad, sans-serif;
  font-size: 45px;
  line-height: 1.2em;
}

.wrapper-engagement {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 40px;
  display: flex;
}

.item-engagement {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color-1);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--color-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-1);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--color-1);
  text-align: center;
  border-radius: 20px;
  flex: 0 calc(25% - 15px);
  padding: 40px 40px 20px;
}

.icon-engagements {
  width: 129px;
  height: 129px;
  margin-bottom: 40px;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.wrapper-image-item-evenement-accueilli {
  aspect-ratio: 2 / 2.5;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 10px 20px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-evenement-accueillis {
  flex: 0 33.33%;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.overlay-item-invers {
  background-image: linear-gradient(0deg, #0009, #0000);
  position: absolute;
  inset: 0;
}

.wrapper-content-evenement-accueilli {
  color: #fff;
  width: 100%;
  position: relative;
}

.normal-text {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Afacad, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
}

.separator {
  background-color: var(--color-1);
  width: 40px;
  height: 1px;
  margin: 2px auto 4px;
}

.small-text {
  font-size: 12px;
  line-height: 1em;
}

.salle-item {
  color: var(--white);
  border: 1px solid #fff;
  border-radius: 80px;
  justify-content: flex-end;
  align-items: flex-start;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 15px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.wrapper-evenements-accueillis {
  margin-top: 40px;
}

.slider-evenements-accueillis {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.slide-espace.nos-espaces {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.wrapper-content-nos-espaces {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 40%;
  display: flex;
}

.wrapper-spectacle-une {
  background-color: var(--dark);
  border-radius: 20px;
  max-width: 750px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.wrapper-image-spectacle {
  aspect-ratio: 2 / 3;
  width: 28.33%;
  position: relative;
}

.wrapper-image-spectacle.liste {
  aspect-ratio: 2 / 2.5;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 200px;
  overflow: hidden;
}

.wrapper-content-spectacle {
  color: #fff;
  text-align: left;
  flex: 1;
  padding: 20px 80px 20px 20px;
  position: relative;
}

.wrapper-content-spectacle.liste {
  border-top: 1px solid var(--color-1);
  border-right: 1px solid var(--color-1);
  border-bottom: 1px solid var(--color-1);
  color: var(--dark);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 300px;
  display: flex;
}

.wrapper-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  display: flex;
}

.date-abs {
  background-color: var(--color-1);
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 80px;
  padding: 15px;
  position: absolute;
  top: 0;
  right: 25px;
}

.separator-date {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.collection-list-spectacles {
  margin-top: 40px;
  margin-bottom: 40px;
}

.collection-item {
  border-radius: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0003;
}

.collection-list-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.wrapper-content-bar {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.form-block {
  max-width: 275px;
}

.collection-actu-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  display: flex;
}

.link-item-actu {
  color: #3d3d3d;
  flex-flow: column;
  flex: 0 25%;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 18px;
  text-decoration: none;
  display: block;
  position: relative;
}

.collection-item-2 {
  flex: 0 calc(33.33% - 13.33px);
}

.wrapper-actu-list {
  padding-top: 20px;
  padding-bottom: 40px;
}

.wrapper-reassurance-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  display: flex;
}

.line-reassurance-contact {
  background-color: var(--gray);
  border-radius: 80px;
  padding: 10px 15px;
}

.wrapper-infos-pratiques-projet {
  background-color: var(--gray);
  color: var(--dark);
  border-radius: 20px;
  padding: 40px;
}

.icon-coordonnees {
  width: 24px;
  height: 24px;
}

.line-coordonnees-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .section.section-spectacle-une {
    padding-bottom: 0;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .menu-button {
    display: none;
  }

  .col-2-presentation-evenement-copy-copy.container-right {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-image-spectacle.liste {
    aspect-ratio: 2 / 2.5;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 200px;
    overflow: hidden;
  }

  .wrapper-content-spectacle {
    position: relative;
  }

  .wrapper-content-spectacle.liste {
    border-top: 1px solid var(--color-1);
    border-right: 1px solid var(--color-1);
    border-bottom: 1px solid var(--color-1);
    color: var(--dark);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .flex {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .date-abs {
    background-color: var(--color-1);
    border-bottom-right-radius: 80px;
    border-bottom-left-radius: 80px;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 25px;
  }

  .separator-date {
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .collection-list-spectacles {
    margin-top: 40px;
  }

  .collection-item {
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .collection-list-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .navbar {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .logo {
    width: 150px;
  }

  .nav-menu, .body {
    font-size: 16px;
  }

  .col-1-50.col-1-espaces {
    padding: 40px;
  }

  .col-1-presentation-evenement.container-left, .col-2-presentation-evenement-copy-copy.container-right {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 1920px) {
  .section.section-hero {
    height: 60vh;
  }

  .container {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
  }

  .title-h1 {
    font-size: 4.8vw;
  }

  .button.button-small {
    padding: 10px 20px;
  }

  .navbar {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .logo {
    width: 175px;
  }

  .navigation-cta, .nav-menu {
    font-size: 18px;
  }

  .upcoming-event-home {
    right: calc(50vw - 775px);
  }

  .title-image-upcoming-event-home {
    font-size: 25px;
  }

  .title-spectacle-upcoming-event-home {
    font-size: 20px;
  }

  .subtitle.color-1 {
    font-size: 30px;
  }

  .body {
    font-size: 18px;
    line-height: 1.2em;
  }

  .title-h2 {
    font-size: 2.5vw;
  }

  .capacite-format {
    font-size: 18px;
  }

  .wrapper-image-item {
    padding-top: 20px;
    padding-right: 20px;
  }

  .wrapper-content-item {
    padding-right: 40px;
  }

  .title-h3 {
    font-size: 1.7vw;
  }

  .col-1-50.col-1-espaces {
    padding: 60px;
  }

  .container-left {
    padding-left: calc(50vw - 775px);
  }

  .container-right {
    padding-right: calc(50vw - 775px);
  }

  .item-event.carousel-cell {
    max-height: 750px;
  }

  .capacite-banner {
    right: calc(50vw - 775px);
  }

  .col-1-presentation-evenement.container-left {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .overlay-image-col {
    pointer-events: none;
  }

  .wrapper-accompagnement {
    padding: 80px;
  }

  .avis {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .col-1-presentation-evenement-copy.container-left {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .wrapper-image-item-evenement-accueilli {
    padding-top: 20px;
    padding-right: 20px;
  }

  .salle-item {
    font-size: 18px;
  }

  .collection-actu-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .wrapper-infos-pratiques-projet {
    padding: 80px;
  }
}

@media screen and (max-width: 991px) {
  .section.section-home, .section.section-hero {
    height: 100vh;
  }

  .container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .container.container-nav {
    width: 100%;
  }

  .wrapper-content-banner-home {
    align-self: center;
  }

  .title-h1 {
    font-size: 50px;
  }

  .navbar {
    background-color: #0000004d;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link {
    border-bottom: 1px solid #ffffff26;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 35px;
  }

  .navigation-cta {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 40px;
    padding-left: 20px;
  }

  .wrapper-navbar {
    width: 100%;
  }

  .nav-menu {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #000000f7;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100vw - 10px);
    height: calc(100vh - 84px);
    margin-top: 83px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
    position: absolute;
    inset: 0;
    overflow: visible;
    transform: translate(0, 100%);
  }

  .upcoming-event-home {
    width: calc(30% - 40px);
    font-size: 12px;
    bottom: 20px;
    right: 20px;
  }

  .title-image-upcoming-event-home {
    font-size: 16px;
  }

  .title-spectacle-upcoming-event-home {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .infos-upcoming-event-home {
    margin-bottom: 10px;
  }

  .subtitle.color-1 {
    font-size: 22px;
  }

  .title-h2 {
    font-size: 32px;
  }

  .wrapper-format-events {
    flex-flow: wrap;
  }

  .link-item-format {
    font-size: 14px;
  }

  .title-h3 {
    font-size: 22px;
  }

  .item-format {
    flex: 0 calc(50% - 20px);
  }

  .columns.columns-testi {
    flex-flow: wrap;
  }

  .columns.columns-images-testi {
    margin-left: -20px;
  }

  .columns.columns-footer, .columns.columns-venir {
    flex-flow: wrap;
  }

  .col-1-50 {
    flex-basis: 100%;
  }

  .col-1-50.col-1-projet {
    padding-right: 40px;
  }

  .col-1-50.col-1-espaces, .col-2-50, .col-2-50.col-2-espaces {
    flex-basis: 100%;
  }

  .slide-espace {
    aspect-ratio: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .wrapper-content-slider-espace {
    width: 70%;
  }

  .block-content-slider-espace {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .block-cat-espace {
    margin-bottom: 20px;
  }

  .col-1-events {
    padding-right: 40px;
  }

  .container-left {
    padding-left: 40px;
  }

  .container-right {
    padding-right: 40px;
  }

  .item-event.carousel-cell {
    width: 80%;
    max-height: 600px;
  }

  .wrapper-projet {
    padding: 40px;
  }

  .footer {
    padding-bottom: 70px;
  }

  .col-footer.col-footer-first {
    flex: 0 100%;
    margin-bottom: 10px;
  }

  .menu-button {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-button-2 {
    display: none;
  }

  .container-navbar {
    justify-content: space-between;
    align-items: flex-start;
    height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
  }

  .capacite-banner {
    width: calc(30% - 40px);
    font-size: 12px;
    bottom: 20px;
    right: 20px;
  }

  .wrapper-content-banner-other {
    align-self: center;
  }

  .wrapper-accompagnement {
    padding: 40px 20px;
  }

  .flex-accompagnement {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
  }

  .item-avis.carousel-cell {
    width: 50%;
  }

  .col-2-presentation-evenement-copy-copy.container-right {
    padding-left: 40px;
  }

  .link-item-espace {
    font-size: 14px;
  }

  .wrapper-config {
    flex-flow: wrap;
  }

  .link-item-configuration {
    font-size: 14px;
  }

  .item-configuration {
    flex: 0 calc(50% - 20px);
  }

  .wrapper-content-banner-minimal {
    align-self: center;
  }

  .wrapper-chiffres {
    grid-row-gap: 40px;
    flex-flow: wrap;
  }

  .item-chiffres {
    flex-basis: 50%;
  }

  .wrapper-engagement {
    flex-flow: wrap;
  }

  .item-engagement {
    flex-basis: calc(50% - 20px);
  }

  .item-evenement-accueillis {
    flex: 0 calc(50% - 20px);
  }

  .item-evenement-accueillis.carousel-cell {
    width: 50%;
  }

  .wrapper-evenements-accueillis {
    flex-flow: wrap;
  }

  .wrapper-content-nos-espaces, .wrapper-content-bar {
    width: 70%;
  }

  .link-item-actu {
    font-size: 14px;
  }

  .wrapper-infos-pratiques-projet {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .container.container-home {
    padding-bottom: 200px;
  }

  .wrapper-content-banner-home {
    width: 100%;
  }

  .title-h1 {
    font-size: 45px;
  }

  .upcoming-event-home {
    width: auto;
    display: flex;
  }

  .banner-upcoming-event-home {
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .image-upcoming-event-home {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .title-image-upcoming-event-home {
    display: none;
  }

  .item-format {
    flex: 0 calc(50% - 10px);
  }

  .columns {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .columns.columns-events {
    flex-flow: wrap;
  }

  .columns.columns-invers {
    flex-flow: row-reverse wrap-reverse;
  }

  .col-1-50.col-1-contact, .col-2-50 {
    flex-basis: 100%;
  }

  .col-2-50.col-restaurants-partenaires {
    aspect-ratio: 3 / 2;
  }

  .wrapper-testi {
    padding-left: 0;
    padding-right: 0;
  }

  .slide {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .mask {
    width: auto;
  }

  .div-block-2 {
    max-width: 50%;
  }

  .w50, .wrapper-content-slider-espace {
    width: 100%;
  }

  .col-1-events.container-left {
    flex-basis: calc(100% - 20px);
    margin-bottom: 20px;
  }

  .container-right {
    padding-left: 40px;
  }

  .block-controls-slider {
    margin-top: 40px;
  }

  .capacite-banner {
    width: auto;
    display: flex;
  }

  .wrapper-content-banner-other {
    width: 100%;
  }

  .col-1-presentation-evenement.container-left {
    flex-basis: 100%;
  }

  .col-2-presentation-evenement-copy {
    flex-basis: calc(100% - 40px);
  }

  .wrapper-image-col {
    aspect-ratio: 3 / 2;
  }

  .shadow {
    left: -20px;
  }

  .wrapper-accompagnement {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-accompagnement {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .item-avis.carousel-cell {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }

  .avis {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .block-controls-slider-avis {
    margin-top: 40px;
  }

  .wrapper-form {
    padding: 20px 10px;
  }

  .col-1-presentation-evenement-copy {
    flex-basis: calc(100% - 40px);
  }

  .col-1-presentation-evenement-copy.container-left {
    flex-basis: 100%;
  }

  .col-2-presentation-evenement-copy-copy {
    flex-basis: calc(100% - 40px);
  }

  .col-2-presentation-evenement-copy-copy.container-right {
    flex-basis: 100%;
  }

  .shadow-right {
    right: -20px;
  }

  .wrapper-image-col-left {
    aspect-ratio: 3 / 2;
  }

  .item-configuration {
    flex: 0 calc(50% - 10px);
  }

  .col-1.col-1-slider.container-left {
    flex: 0 100%;
  }

  .wrapper-image-col-2 {
    aspect-ratio: 3 / 2;
  }

  .shadow-2 {
    left: -20px;
  }

  .wrapper-content-banner-minimal {
    width: 100%;
  }

  .col-2-slider {
    flex-basis: 100%;
    padding-left: 0;
  }

  .overlay-left {
    display: none;
  }

  .item-evenement-accueillis {
    flex: 0 calc(50% - 10px);
  }

  .wrapper-content-nos-espaces, .wrapper-content-bar {
    width: 100%;
  }

  .collection-item-2 {
    flex-basis: calc(50% - 10px);
  }

  .wrapper-infos-pratiques-projet {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 479px) {
  .section.section-chiffres {
    text-align: center;
  }

  .title-h1 {
    font-size: 35px;
  }

  .button.button-outline.button-outline-white.button-small, .button.button-outline.button-outline-dark.button-small, .button.button-outline-gray.button-outline-white.button-small, .button.button-outline-gray.button-outline-dark.button-small {
    align-self: flex-end;
  }

  .navbar {
    z-index: 999;
  }

  .nav-link {
    border-bottom-color: #e584114d;
    font-size: 30px;
  }

  .navigation-cta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .nav-menu {
    z-index: -1;
    margin-top: 84px;
    display: none;
    transform: translate(0, 100%);
  }

  .subtitle.text-bold {
    font-size: 20px;
  }

  .title-h2 {
    font-size: 25px;
  }

  .item-format {
    flex: 0 100%;
  }

  .wrapper-reassurance {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns.columns-projet {
    flex-flow: wrap;
  }

  .col-1-50.col-1-projet {
    flex-basis: 100%;
    padding-right: 0;
  }

  .col-1-50.col-1-espaces {
    padding-left: 0;
    padding-right: 0;
  }

  .col-2-50 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .slide-espace {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-left {
    padding-left: 20px;
  }

  .col-2-events {
    flex-basis: 100%;
    max-width: 100%;
  }

  .wrapper-projet {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-footer {
    flex: 0 100%;
  }

  .col-2-presentation-evenement-copy-copy.container-right {
    padding-top: 0;
  }

  .item-configuration {
    flex: 0 100%;
  }

  .wrapper-infos-pratiques {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .dropdown-toggle {
    white-space: normal;
    word-break: normal;
  }

  .maps {
    width: 100%;
    max-width: 100%;
  }

  .wrapper-restaurants-partenaires {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .item-restaurant-partenaire {
    flex-basis: calc(50% - 5px);
    padding: 15px;
  }

  .wrapper-chiffres {
    grid-row-gap: 20px;
  }

  .item-chiffres {
    flex-basis: 100%;
  }

  .icon-chiffres {
    width: 75px;
    height: 75px;
    margin-bottom: 10px;
  }

  .block-chiffre.color-1 {
    font-size: 38px;
  }

  .item-engagement, .item-evenement-accueillis {
    flex: 0 100%;
  }

  .item-evenement-accueillis.carousel-cell {
    width: 100%;
  }

  .collection-item-2 {
    flex: 0 100%;
  }
}