.color_blanc {
  color: #ffffff;
}

.bleu_fonce {
  color: #242E40;
}

.bg_bleu_fonce {
  background-color: #242E40;
}

.bg_creme {
  background-color: #FDE6D2;
}

.bg_blanc {
  background-color: #ffffff;
}

#fbjs .fb-text-signature {
  display: none !important;
  color: white !important;
}

#fbjs .fb-text-branding-text {
  display: none !important;
  color: white !important;
}

/* CSS de base */
* {
  margin: 0;
  padding: 0;
}

body {
  color: #242E40;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

.cache {
  display: none;
}

.cache_force {
  display: none !important;
}

.affiche {
  display: block;
}

@font-face {
  font-family: "Bodoni";
  src: url("../fonts/bodonimoda.woff2") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni_italic";
  src: url("../fonts/bodonimoda_italic.woff2") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "literata";
  src: url("../fonts/literata.woff2") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ibmplexsans";
  src: url("../fonts/ibmplexsans.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "chocolate";
  src: url("../fonts/chocolate.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-display: swap;
}
.font--Bodoni {
  font-family: Bodoni;
}

.font--literata {
  font-family: literata;
}

.font--ibmplex {
  font-family: ibmplexsans;
}

.font--chocolate {
  font-family: chocolate;
}

.textes {
  font-family: ibmplexsans;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
}
.textes h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 32px;
}
.textes p {
  margin-bottom: 10px;
}
.textes strong {
  font-weight: 500;
}
.textes em {
  font-weight: 700;
}

.img--lazy--16_9 {
  aspect-ratio: 16/9;
}

.img--lazy--3_2 {
  aspect-ratio: 3/2;
}

.img--lazy--2_3 {
  aspect-ratio: 2/3;
}

.img--lazy--3_4 {
  aspect-ratio: 3/4;
}

.img--lazy--4_3 {
  aspect-ratio: 4/3;
}

.img--lazy--placeholder {
  opacity: 0;
  transition: opacity 2s ease;
}
.img--lazy--placeholder.loaded {
  opacity: 1;
}

.img--lazy--opacity {
  opacity: 0;
  transition: opacity 2s ease;
}
.img--lazy--opacity.loaded {
  opacity: 1;
}

.padding_t_100 {
  padding-top: 100px;
}

.padding_b_100 {
  padding-bottom: 100px;
}

.margin_t_10 {
  margin-top: 10px;
}

.margin_b_10 {
  margin-bottom: 10px;
}

.logo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: nowrap;
}
.logo .logo__top {
  font-size: 36px;
  font-weight: 400;
}
@media (max-width: 900px) {
  .logo .logo__top {
    font-size: 30px;
  }
}
@media (max-width: 400px) {
  .logo .logo__top {
    font-size: 22px;
  }
}
.logo .logo__bottom {
  margin-top: 0px;
  margin-right: 2px;
  font-size: 15px;
  font-weight: 400;
  text-align: end;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .logo .logo__bottom {
    font-size: 10px;
  }
}

.header__logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: #242E40;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  padding-right: 45px;
  padding-left: 28px;
}

.header__nav__lg {
  justify-self: end;
  display: flex;
  justify-content: flex-end;
  width: min-content;
  background-color: #242E40;
  border-top-left-radius: 13px;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 8px;
}
.header__nav__lg > *:not(:last-child) {
  padding-right: 5px;
}
.header__nav__lg {
  color: #ffffff;
}
.header__nav__lg img {
  width: 20px;
}

.header__nav__menu {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  background-color: #242E40;
  padding-top: 20px;
  padding-right: 13px;
  padding-bottom: 17px;
  padding-left: 22px;
}
@media (max-width: 900px) {
  .header__nav__menu {
    padding-top: 13px;
    padding-bottom: 12px;
  }
}
@media (min-width: 900px) {
  .header__nav__menu .header__nav__menu__wp {
    justify-self: center;
  }
}
.header__nav__menu .header__nav__menu__wp {
  display: flex;
  justify-content: space-evenly;
  width: 70%;
}
.header__nav__menu .header__nav__menu__wp > *:not(:last-child) {
  padding-right: 20px;
}
@media (max-width: 900px) {
  .header__nav__menu .header__nav__menu__wp > *:not(:last-child) {
    padding-right: 30px;
  }
}
.header__nav__menu .header__nav__menu__wp {
  color: #ffffff;
  font-size: 20px;
}
@media (max-width: 900px) {
  .header__nav__menu .header__nav__menu__wp {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .header__nav__menu .header__nav__menu__wp {
    font-size: 12px;
  }
}

.contact_ban {
  display: grid;
  grid-template-columns: 128px 280px;
  grid-template-rows: 93px 53px 10px;
}
@media (max-width: 500px) {
  .contact_ban {
    grid-template-columns: 58px 220px;
    grid-template-rows: 60px 38px 10px;
  }
}
@media (max-width: 300px) {
  .contact_ban {
    grid-template-columns: 45px 198px;
    grid-template-rows: 50px 38px 10px;
  }
}
.contact_ban .contact_ban__img {
  grid-column: 1;
  grid-row: 1/-1;
}
.contact_ban a, .contact_ban button {
  grid-column: 2;
  grid-row: 2;
}
.contact_ban .contact_ban__img img {
  width: 180px;
}
@media (max-width: 500px) {
  .contact_ban .contact_ban__img img {
    width: 100px;
  }
}
@media (max-width: 300px) {
  .contact_ban .contact_ban__img img {
    width: 80px;
  }
}
.contact_ban .contact_ban__img img {
  object-fit: contain;
}
.contact_ban a, .contact_ban button {
  appearance: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 38px;
  padding-left: 29px;
}
@media (max-width: 500px) {
  .contact_ban a, .contact_ban button {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.contact_ban a, .contact_ban button {
  box-shadow: 12px 12px 24px -18px rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 40px;
  font-size: 20px;
}
@media (max-width: 500px) {
  .contact_ban a, .contact_ban button {
    font-size: 17px;
  }
}
.contact_ban a, .contact_ban button {
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 500px) {
  .contact_ban a img, .contact_ban button img {
    width: 24px;
  }
}

.bio {
  background-color: #FDE6D2;
  padding-bottom: 50px;
}
@media (max-width: 600px) {
  .bio {
    padding-bottom: 100px;
  }
}

.bio__wp {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
}
.bio__wp .bio_deco {
  margin-top: -90px;
}
@media (max-width: 600px) {
  .bio__wp {
    display: grid;
  }
  .bio__wp .bio_deco {
    grid-column: 1;
    grid-row: 1;
    margin-left: 70%;
  }
  .bio__wp .bio_deco img {
    max-width: 100%;
  }
  .bio__wp .bio_texte__wp {
    grid-column: 1;
    grid-row: 1;
  }
}
@media (max-width: ) {
  .bio__wp .bio_deco {
    margin-left: 60%;
  }
}
@media (max-width: 400px) {
  .bio__wp .bio_deco {
    margin-left: 57%;
  }
}
@media (max-width: 300px) {
  .bio__wp .bio_deco {
    margin-left: 47%;
  }
}
.bio__wp {
  margin-right: 5%;
  margin-left: 5%;
  padding-top: 80px;
}

.bio_texte__wp {
  max-width: 500px;
  min-width: 200px;
}
.bio_texte__wp h1 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 32px;
}
.bio_texte__wp h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 28px;
}
.bio_texte__wp ul, .bio_texte__wp ol {
  padding-top: 10px;
  padding-left: 20px;
}
.bio_texte__wp ul li, .bio_texte__wp ol li {
  padding-bottom: 10px;
}
.bio_texte__wp a {
  color: #f97500;
  text-decoration: underline;
}
.bio_texte__wp .savoirplus {
  margin-top: 20px;
  margin-left: -9px;
}

.cv {
  background-color: #242E40;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
  justify-content: center;
}
.cv img {
  height: 24px;
  padding-right: 5px;
}
@media (max-width: 500px) {
  .cv img {
    height: 16px;
  }
}
.cv a {
  background-color: #ffffff;
  color: #242E40;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 40px;
  font-size: 20px;
}
@media (max-width: 500px) {
  .cv a {
    font-size: 16px;
  }
}
@media (max-width: 300px) {
  .cv a {
    font-size: 12px;
  }
}
.cv a {
  appearance: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 38px;
  padding-left: 29px;
  font-family: ibmplexsans;
}

.repertoire {
  background-color: #FDE6D2;
  padding-bottom: 80px;
}
@media (max-width: 600px) {
  .repertoire {
    padding-bottom: 100px;
  }
}
.repertoire .repertoire__wp {
  margin-right: 5%;
  margin-left: 5%;
  padding-top: 80px;
}
@media (max-width: 600px) {
  .repertoire .repertoire__wp {
    margin-left: 9%;
  }
}
@media (max-width: 500px) {
  .repertoire .repertoire__wp {
    margin-left: 5%;
  }
}
@media (max-width: 400px) {
  .repertoire .repertoire__wp {
    margin-right: 2%;
    margin-left: 5%;
  }
}
@media (min-width: 600px) {
  .repertoire .repertoire__wp {
    margin-right: 2%;
    margin-left: 3%;
  }
}
@media (min-width: 700px) {
  .repertoire .repertoire__wp {
    margin-right: 3%;
    margin-left: 5%;
  }
}
@media (min-width: 800px) {
  .repertoire .repertoire__wp {
    margin-left: 11%;
  }
}
@media (min-width: 1000px) {
  .repertoire .repertoire__wp {
    margin-right: 15%;
    margin-left: 15%;
    max-width: 990px;
  }
}
.repertoire .repertoire__wp h2 {
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 32px;
}
.repertoire .repertoire__wp .categorie {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 50px;
}
@media (max-width: 600px) {
  .repertoire .repertoire__wp .categorie {
    flex-direction: column;
  }
}
@media (min-width: 600px) {
  .repertoire .repertoire__wp .categorie {
    column-gap: 16px;
    row-gap: 50px;
  }
}
@media (min-width: 700px) {
  .repertoire .repertoire__wp .categorie {
    column-gap: 60px;
    row-gap: 50px;
  }
}
@media (min-width: 800px) {
  .repertoire .repertoire__wp .categorie {
    column-gap: 80px;
    row-gap: 50px;
  }
}
@media (min-width: 1000px) {
  .repertoire .repertoire__wp .categorie {
    column-gap: 100px;
    row-gap: 50px;
  }
}
@media (min-width: 600px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 277px;
  }
}
@media (min-width: 700px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 292px;
  }
}
@media (min-width: 800px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 304px;
  }
}
@media (min-width: 1000px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 370px;
  }
}
@media (min-width: 1400px) {
  .repertoire .repertoire__wp .categorie .categorie__wp {
    width: 410px;
  }
}
.repertoire .repertoire__wp .categorie .categorie__wp .categorie__titre {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 17px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 1px;
  padding-left: 1px;
  border-top: solid 2px #242E40;
  border-bottom: solid 2px #242E40;
  text-transform: uppercase;
}
.repertoire .repertoire__wp .categorie .categorie__wp .repertoire_piece {
  margin-left: 20px;
  margin-bottom: 7px;
  font-size: 14px;
}
.repertoire .repertoire__wp .categorie .categorie__wp .repertoire_piece .repertoire_piece_compositeur {
  font-weight: 900;
}
.repertoire .repertoire__wp .categorie .categorie__wp .repertoire_piece .repertoire_piece_nom {
  font-weight: 300;
}

.event_next {
  display: grid;
  grid-template-columns: minmax(200px, auto);
  background-color: #FDE6D2;
  padding-bottom: 50px;
}
.event_next .event_next_wp {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  justify-content: space-around;
  margin-right: 5%;
  margin-left: 5%;
  padding-top: 80px;
  padding-bottom: 50px;
}
.event_next .event_next--flex {
  display: flex;
  gap: 70px;
}
@media (max-width: 700px) {
  .event_next .event_next--flex {
    flex-direction: column;
    gap: 20px;
  }
}
@media (min-width: 700px) and (max-width: 999px) {
  .event_next .event_next--flex {
    gap: 30px;
  }
}
@media (min-width: 600px) and (max-width: 699px) {
  .event_next .event_next--flex {
    gap: 20px;
  }
}
.event_next .event_next_deco {
  grid-column: 1;
  grid-row: 1;
}
@media (min-width: 1100px) {
  .event_next .event_next_deco {
    margin-left: 4%;
  }
}
@media (min-width: 1400px) {
  .event_next .event_next_deco {
    margin-left: 8%;
  }
}
@media (min-width: 1700px) {
  .event_next .event_next_deco {
    margin-left: 19%;
  }
}
@media (max-width: 300px) {
  .event_next .event_next_deco img {
    max-width: 100%;
  }
}

.event_next__illustration {
  max-width: 500px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 700px) {
  .event_next__illustration {
    flex-direction: column-reverse;
  }
}
.event_next__illustration .event_next__img img {
  object-fit: cover;
  min-width: 300px;
  max-width: 500px;
  width: 100%;
  border-radius: 10px;
}
@media (min-width: 700px) and (max-width: 899px) {
  .event_next__illustration .event_next__img img {
    max-width: 340px;
  }
}
@media (min-width: 600px) and (max-width: 699px) {
  .event_next__illustration .event_next__img img {
    min-width: 280px;
    max-width: 280px;
  }
}
@media (max-width: 700px) {
  .event_next__illustration .event_next__img img {
    min-width: 200px;
    max-width: 650px;
  }
}
.event_next__illustration .event_next__img img {
  min-height: 330px;
  max-height: 330px;
}
.event_next__illustration .event_next__category {
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 5px;
  color: #868383;
  font-weight: 700;
}

.event_next_infos--width {
  max-width: 370px;
}

.event_list_infos--width {
  max-width: 310px;
}
@media (max-width: 600px) {
  .event_list_infos--width {
    max-width: 90%;
  }
}
@media (min-width: 600px) and (max-width: 699px) {
  .event_list_infos--width {
    max-width: 270px;
  }
}
@media (min-width: 700px) and (max-width: 799px) {
  .event_list_infos--width {
    max-width: 260px;
  }
}

.event_next_infos {
  padding-top: 5px;
  padding-bottom: 5px;
}
.event_next_infos h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}
.event_next_infos .date {
  display: inline-flex;
  gap: 20px;
  width: 100%;
  border-top: solid;
  border-bottom: solid;
  padding-top: 5px;
  padding-right: 1px;
  padding-bottom: 5px;
  padding-left: 1px;
  font-size: 14px;
}
.event_next_infos .lieu {
  font-weight: 200;
}
.event_next_infos .titre {
  padding-top: 10px;
  font-size: 26px;
}
@media (max-width: 700px) {
  .event_next_infos .titre {
    font-size: 24px;
  }
}
.event_next_infos .textes {
  font-size: 14px;
}

.savoirplus {
  display: grid;
  grid-template-columns: 40px 114px;
  grid-template-rows: 26px 21px 10px;
}
.savoirplus .savoirplus__img {
  grid-column: 1;
  grid-row: 1/-1;
}
.savoirplus .savoirplus__img img {
  width: 60px;
}
.savoirplus a {
  grid-column: 2;
  grid-row: 2;
  appearance: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 12px 12px 24px -18px rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 40px;
  background-color: #242E40;
  font-size: 10px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}

.ticket_ban {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 88px 293px;
  grid-template-rows: 70px 53px 10px;
}
@media (max-width: 500px) {
  .ticket_ban {
    grid-template-columns: 58px 230px;
    grid-template-rows: 60px 38px 10px;
  }
}
@media (max-width: 300px) {
  .ticket_ban {
    grid-template-columns: 45px 224px;
    grid-template-rows: 50px 38px 10px;
  }
}
.ticket_ban .contact_ban__img {
  grid-column: 1;
  grid-row: 1/-1;
}
.ticket_ban a, .ticket_ban button {
  grid-column: 2;
  grid-row: 2;
}
.ticket_ban .contact_ban__img img {
  width: 118px;
}
@media (max-width: 500px) {
  .ticket_ban .contact_ban__img img {
    width: 100px;
  }
}
@media (max-width: 300px) {
  .ticket_ban .contact_ban__img img {
    width: 80px;
  }
}
.ticket_ban .contact_ban__img img {
  object-fit: contain;
}
.ticket_ban a, .ticket_ban button {
  appearance: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 38px;
  padding-left: 29px;
}
@media (max-width: 500px) {
  .ticket_ban a, .ticket_ban button {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.ticket_ban a, .ticket_ban button {
  box-shadow: 12px 12px 24px -18px rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 40px;
  font-size: 20px;
}
@media (max-width: 500px) {
  .ticket_ban a, .ticket_ban button {
    font-size: 17px;
  }
}
.ticket_ban a, .ticket_ban button {
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 500px) {
  .ticket_ban a img, .ticket_ban button img {
    width: 24px;
  }
}

.header__img--grid {
  display: grid;
  position: relative;
  background-color: #FDE6D2;
  grid-template-columns: 30px 353px minmax(100px, auto) minmax(400px, 690px) 30px;
  grid-template-rows: 60px 100px auto;
}
@media (max-width: 900px) {
  .header__img--grid {
    grid-template-columns: 2% minmax(200px, 300px) auto minmax(200px, 400px) 2%;
    grid-template-rows: 20px 80px 100px auto;
  }
}
@media (max-width: 400px) {
  .header__img--grid {
    grid-template-columns: 1% auto auto auto 1%;
    grid-template-rows: 20px 80px 100px auto;
  }
}
.header__img--grid {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.header__img--grid .header__img {
  grid-column: 1/6;
  grid-row: 1/-1;
}
.header__img--grid .header__logo {
  grid-column: 2;
  grid-row: 2;
  position: relative;
  z-index: 10;
}
@media (max-width: 900px) {
  .header__img--grid .header__logo {
    grid-column: 2/5;
    max-width: 240px;
  }
}
@media (max-width: 400px) {
  .header__img--grid .header__logo {
    max-width: 175px;
  }
}
.header__img--grid .header__nav {
  grid-column: 4;
  grid-row: 2;
  position: relative;
  z-index: 10;
}
@media (max-width: 640px) {
  .header__img--grid .header__nav {
    grid-column: 2/5;
    grid-row: 3;
    max-width: 90%;
    justify-self: right;
  }
}
@media (max-width: 400px) {
  .header__img--grid .header__nav {
    max-width: 100%;
  }
}

.header__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 400px) {
  .header__img img {
    position: relative;
    width: 200%;
    left: -80%;
  }
}
.header__img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 600px) {
  .header__img video {
    position: relative;
    width: 300%;
    left: -80%;
  }
}

.header__nav {
  display: grid;
  align-content: center;
}

.header__simple--grid {
  display: grid;
  grid-template-columns: 30px 353px minmax(100px, auto) minmax(400px, 690px) 30px;
  grid-template-rows: 60px 100px;
}
@media (max-width: 900px) {
  .header__simple--grid {
    grid-template-columns: 2% minmax(200px, 300px) auto minmax(200px, 400px) 2%;
    grid-template-rows: 20px 80px 100px auto;
  }
}
@media (max-width: 400px) {
  .header__simple--grid {
    grid-template-columns: 1% auto auto auto 1%;
    grid-template-rows: 20px 80px 100px auto;
  }
}
.header__simple--grid {
  width: 100vw;
  overflow: hidden;
}
.header__simple--grid .header__img {
  grid-column: 1/6;
  grid-row: 1/-1;
}
.header__simple--grid .header__logo {
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 900px) {
  .header__simple--grid .header__logo {
    grid-column: 2/5;
    max-width: 240px;
  }
}
@media (max-width: 400px) {
  .header__simple--grid .header__logo {
    max-width: 175px;
  }
}
.header__simple--grid .header__nav {
  grid-column: 4;
  grid-row: 2;
}
@media (max-width: 900px) {
  .header__simple--grid .header__nav {
    grid-column: 2/5;
    grid-row: 3;
    max-width: 90%;
    justify-self: right;
  }
}
@media (max-width: 400px) {
  .header__simple--grid .header__nav {
    max-width: 100%;
  }
}

.header__simple {
  margin-bottom: 60px;
}

main .contact_ban__wp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-top: 115px;
  padding-bottom: 135px;
}
@media (max-width: 500px) {
  main .contact_ban__wp {
    padding-top: 90px;
    padding-bottom: 95px;
  }
}
main .contact_ban__wp a {
  background-color: #242E40;
}

.video__wp video {
  display: block;
  width: 100%;
}
.video__wp .video__wp--yt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video__wp .video__wp--yt iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.suivez-moi {
  background-color: #FDE6D2;
}
.suivez-moi .suivez-moi__bar_ligne {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 900px) {
  .suivez-moi .suivez-moi__bar_ligne img {
    width: 100%;
  }
}
.suivez-moi .suivez-moi__wp {
  display: flex;
  justify-content: center;
  gap: 20%;
  margin-right: 5%;
  margin-left: 5%;
  padding-top: 105px;
  padding-bottom: 105px;
}
@media (max-width: 700px) {
  .suivez-moi .suivez-moi__wp {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.suivez-moi .suivez-moi__wp {
  text-align: center;
  font-size: 26px;
}
@media (max-width: 700px) {
  .suivez-moi .suivez-moi__wp {
    font-size: 21px;
  }
}
@media (max-width: 400px) {
  .suivez-moi .suivez-moi__wp {
    font-size: 18px;
  }
}
.suivez-moi .suivez-moi__wp {
  font-weight: 500;
}
.suivez-moi .suivez-moi__wp .suivez-moi__wp__icon img {
  height: 120px;
  border-radius: 30px;
}
@media (max-width: 700px) {
  .suivez-moi .suivez-moi__wp .suivez-moi__wp__icon img {
    height: 95px;
  }
}
@media (max-width: 400px) {
  .suivez-moi .suivez-moi__wp .suivez-moi__wp__icon img {
    height: 72px;
  }
}
.suivez-moi .suivez-moi__wp .suivez-moi__wp__label {
  max-width: 200px;
  margin-top: 20px;
}
.suivez-moi .suivez-moi__wp .suivez-moi__wp__label--red {
  background: linear-gradient(90deg, #dc6161 21%, #C11C1C 53.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.suivez-moi .suivez-moi__wp .suivez-moi__wp__label--rainbow {
  background: linear-gradient(90deg, #E02020 0%, #F49E42 33.65%, #FFD027 54.81%, #FF27AC 76.44%, #2727FF 95.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer {
  background-color: #242E40;
  font-size: 16px;
}
footer .footer--grid {
  display: grid;
  column-gap: 50px;
  row-gap: 30px;
  grid-template-columns: minmax(200px, 380px) minmax(200px, 380px) minmax(300px, auto);
  grid-template-rows: auto auto auto;
}
@media (max-width: 900px) {
  footer .footer--grid {
    grid-template-columns: minmax(200px, 380px) minmax(200px, 380px);
    grid-template-rows: auto auto auto auto auto;
  }
}
footer .footer--grid .footer__logo {
  grid-column: 1;
  grid-row: 1;
}
footer .footer--grid .footer__contact {
  grid-column: 1;
  grid-row: 2;
}
footer .footer--grid .footer__menu {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
}
@media (max-width: 500px) {
  footer .footer--grid .footer__menu {
    grid-column: 1;
    grid-row: 3;
    justify-self: left;
    margin-left: 20px;
  }
}
footer .footer--grid .footer__contactez_moi {
  grid-column: 3;
  grid-row: 1/3;
}
@media (max-width: 900px) {
  footer .footer--grid .footer__contactez_moi {
    grid-column: 1/3;
    grid-row: 4;
  }
}
footer .footer__wp {
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 70px;
  padding-bottom: 40px;
}
footer .footer__wp .footer__logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  max-width: 360px;
  min-width: 330px;
}
@media (max-width: 500px) {
  footer .footer__wp .footer__logo {
    min-width: 280px;
  }
}
@media (max-width: 400px) {
  footer .footer__wp .footer__logo {
    min-width: 248px;
  }
}
@media (max-width: 300px) {
  footer .footer__wp .footer__logo {
    min-width: 208px;
  }
}
footer .footer__wp .footer__logo {
  height: 100px;
  background-color: #ffffff;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  padding-right: 20px;
}
footer .footer__wp .footer__contact {
  margin-left: 20px;
}
footer .footer__wp .footer__contact > div {
  margin-bottom: 5px;
}
footer .footer__wp .footer__contact > div > img {
  width: 15px;
  padding-right: 6px;
}
footer .footer__wp .footer__menu > div {
  margin-bottom: 10px;
}
footer .footer__wp .footer__menu > div > img {
  width: 15px;
  padding-right: 6px;
}
footer .footer__wp .footer__contactez_moi {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (max-width: 900px) {
  footer .footer__wp .footer__contactez_moi {
    justify-self: center;
  }
}
@media (max-width: 500px) {
  footer .footer__wp .footer__contactez_moi {
    justify-self: baseline;
  }
}
footer .footer__wp .footer__contactez_moi {
  max-width: 410px;
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp .contact_ban {
  grid-template-columns: 68px 270px;
}
@media (max-width: 400px) {
  footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp .contact_ban {
    grid-template-columns: 26px 197px;
    grid-template-rows: 39px 38px 10px;
  }
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp .contact_ban img {
  max-width: 130px;
}
@media (max-width: 400px) {
  footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp .contact_ban img {
    max-width: 64px;
  }
}
@media (max-width: 500px) {
  footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp {
    align-self: flex-start;
  }
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 35px;
}
@media (max-width: 900px) {
  footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp {
    padding-top: 0px;
  }
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp {
  padding-bottom: 75px;
}
footer .footer__wp .footer__contactez_moi .footer__contactez_moi__wp .contact_ban__wp a {
  background-color: #ffffff;
  color: #242E40;
}
footer .footer__wp .footer__reseaux_sociaux {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  max-width: 116px;
  border-radius: 20px;
  padding-top: 13px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 14px;
}
footer .footer__wp .footer__reseaux_sociaux a img {
  max-height: 40px;
}
footer .footer__menu__bottom {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 900px) {
  footer .footer__menu__bottom {
    margin-top: 70px;
  }
}
footer .footer__menu__bottom {
  margin-bottom: 30px;
  margin-left: 20px;
}
footer .footer__menu__bottom .footer__menu__bottom__icon {
  margin-top: -7px;
  margin-right: 6px;
  font-size: 25px;
}

.event_nextlist_wp {
  margin-left: 10%;
  padding-bottom: 60px;
}

.event_year_list {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #FDE6D2;
}
.event_year_list .event_year__wp {
  display: grid;
  margin-left: 30px;
  margin-bottom: 60px;
}
@media (max-width: 700px) {
  .event_year_list .event_year__wp {
    margin-left: 10px;
  }
}
.event_year_list .event_year__wp {
  grid-template-columns: 30px auto;
  grid-template-rows: 42px auto 42px;
}
@media (max-width: 400px) {
  .event_year_list .event_year__wp {
    grid-template-columns: 15px auto;
  }
}
@media (max-width: 700px) {
  .event_year_list .event_year__wp {
    grid-template-columns: 24px auto;
  }
}
.event_year_list .event_year__wp .event_year_left {
  grid-column: 1;
  grid-row: 1/-1;
  border-left: solid 4px #242E40;
  border-top: solid 4px #242E40;
  border-bottom: solid 4px #242E40;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.event_year_list .event_year__wp .event_year_top {
  grid-column: 2;
  grid-row: 1;
  background-color: #242E40;
  border-radius: 30px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-right: 30px;
}
@media (max-width: 400px) {
  .event_year_list .event_year__wp .event_year_top {
    margin-right: 10px;
  }
}
.event_year_list .event_year__wp .event_year_top {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
}
.event_year_list .event_year__wp .event_year_bottom {
  grid-column: 2;
  grid-row: 3;
  background-color: #657493;
  border-radius: 30px;
  margin-right: 30px;
}
@media (max-width: 400px) {
  .event_year_list .event_year__wp .event_year_bottom {
    margin-right: 10px;
  }
}
.event_year_list .event_year__wp .event_year {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  column-gap: 70px;
}
.event_year_list .event_year__wp .event_year {
  row-gap: 40px;
  margin-top: 30px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 20px;
}
@media (max-width: 700px) {
  .event_year_list .event_year__wp .event_year {
    column-gap: 30px;
    margin-left: 0px;
  }
}
@media (max-width: 600px) {
  .event_year_list .event_year__wp .event_year {
    margin-right: 5px;
    margin-left: 10px;
  }
}

.evenement_wp {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  padding-left: 10px;
  padding-right: 10px;
}
.evenement_wp .evenement {
  padding-top: 50px;
}
.evenement_wp .evenement--width {
  max-width: 900px;
}
@media (min-width: 500px) {
  .evenement_wp .evenement--width {
    min-width: 400px;
  }
}
.evenement_wp .titre_wp {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 80px;
  text-align: right;
}
.evenement_wp .titre_wp .titre {
  font-size: 40px;
  line-height: 39px;
}
.evenement_wp .titre_wp .categorie {
  padding-top: 10px;
  color: #868383;
  font-weight: 700;
  font-size: 20px;
}
.evenement_wp .date_wp {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.evenement_wp .date_wp .date {
  display: inline-flex;
  gap: 20px;
  width: 100%;
  border-bottom: solid;
  padding-top: 5px;
  padding-right: 1px;
  padding-bottom: 5px;
  padding-left: 1px;
  font-size: 14px;
}
.evenement_wp .date_wp .date .lieu {
  font-weight: 200;
}
.evenement_wp .programme_wp {
  display: flex;
  flex-direction: row;
  column-gap: 50px;
  row-gap: 50px;
  margin-bottom: 80px;
}
@media (max-width: 700px) {
  .evenement_wp .programme_wp {
    flex-direction: column;
  }
}
.evenement_wp .programme_wp h2 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}

.medias {
  background-image: url(/public/images/deco/deco_media_top.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  margin-top: 100px;
  margin-bottom: 50px;
}

.medias__wp {
  column-count: 3;
}
@media (max-width: 800px) {
  .medias__wp {
    column-count: 2;
  }
}
@media (max-width: 400px) {
  .medias__wp {
    column-count: 1;
  }
}
.medias__wp {
  column-gap: 11px;
}
@media (min-width: 800px) {
  .medias__wp {
    max-height: 2000px;
  }
}
.medias__wp {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 47px;
}
@media (max-width: 1200px) {
  .medias__wp {
    padding-top: 38px;
  }
}
@media (max-width: 900px) {
  .medias__wp {
    padding-top: 31px;
  }
}
@media (max-width: 800px) {
  .medias__wp {
    padding-top: 13px;
  }
}
.medias__wp .paysage img {
  aspect-ratio: 3/2;
}
.medias__wp .portrait img {
  aspect-ratio: 2/3;
}
.medias__wp img {
  break-inside: avoid;
  margin-bottom: 8px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

/*# sourceMappingURL=app.css.map */