body {
  background-color: var(--clr-claire);
}
body main {
  min-height: 100dvh;
  height: 100dvh;
  /* .panel{
      min-height: 150dvh;
      height: 150dvh;
      display: grid;
      grid-template-areas: 
      "un deux trois quatre quatre cinq"
      "six deux sept sept huit neuf"
      "six dix onze douze treize quatorze"
      "quinze quinze onze seize treize dixsept"
      "dixhuit dixneuf vingt vingtun vingtun dixsept"
      "dixhuit vingtdeux vingtdeux vingttrois vingtquatre vingtcinq";
      gap: 10px;
      padding: 10px; */
}
body main .giga-toggle {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: 40%;
}
body main .giga-toggle h1 {
  font-size: 3rem;
  letter-spacing: 5px;
}
body main .giga-toggle article {
  width: 5%;
  height: 55%;
  border-radius: 130px;
  background-color: var(--clr-secondaire);
  display: flex;
  align-items: start;
  justify-content: center;
}
body main .giga-toggle article div {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--clr-claire);
  margin: 10px;
  cursor: pointer;
}
body main .noir {
  background-color: var(--clr-sombre);
}
body main .principal {
  background-color: var(--clr-principale);
}
body main .secondaire {
  background-color: var(--clr-secondaire);
}
body main .claire {
  background-color: var(--clr-claire);
}
body main .couleur {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
body main .couleur img {
  width: 30%;
  height: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-color: rgba(233, 232, 215, 0.5568627451);
  padding: 20px;
  border-radius: 25px;
}
body main .couleur:nth-of-type(1) {
  grid-area: un;
}
body main .couleur:nth-of-type(2) {
  grid-area: deux;
}
body main .couleur:nth-of-type(3) {
  grid-area: trois;
}
body main .couleur:nth-of-type(4) {
  grid-area: quatre;
}
body main .couleur:nth-of-type(5) {
  grid-area: cinq;
}
body main .couleur:nth-of-type(6) {
  grid-area: six;
}
body main .couleur:nth-of-type(7) {
  grid-area: sept;
}
body main .couleur:nth-of-type(8) {
  grid-area: huit;
}
body main .couleur:nth-of-type(9) {
  grid-area: neuf;
}
body main .couleur:nth-of-type(10) {
  grid-area: dix;
}
body main .couleur:nth-of-type(11) {
  grid-area: onze;
}
body main .couleur:nth-of-type(12) {
  grid-area: douze;
}
body main .couleur:nth-of-type(13) {
  grid-area: treize;
}
body main .couleur:nth-of-type(14) {
  grid-area: quatorze;
}
body main .couleur:nth-of-type(15) {
  grid-area: quinze;
}
body main .couleur:nth-of-type(16) {
  grid-area: seize;
}
body main .couleur:nth-of-type(17) {
  grid-area: dixsept;
}
body main .couleur:nth-of-type(18) {
  grid-area: dixhuit;
}
body main .couleur:nth-of-type(19) {
  grid-area: dixneuf;
}
body main .couleur:nth-of-type(20) {
  grid-area: vingt;
}
body main .couleur:nth-of-type(21) {
  grid-area: vingtun;
}
body main .couleur:nth-of-type(22) {
  grid-area: vingtdeux;
}
body main .couleur:nth-of-type(23) {
  grid-area: vingttrois;
}
body main .couleur:nth-of-type(24) {
  grid-area: vingtquatre;
}
body main .couleur:nth-of-type(25) {
  grid-area: vingtcinq;
}
body .partenaire {
  position: relative;
  min-height: 100dvh;
  height: 100dvh;
  /* } */
}
body .partenaire .texte {
  height: 75%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
body .partenaire .texte .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  filter: brightness(0.5);
  z-index: -1;
}
body .partenaire .texte h2, body .partenaire .texte h3 {
  text-align: center;
  color: white;
  padding: 10px;
}
body .partenaire .texte h2 {
  font-size: 2rem;
}
body .partenaire .texte h3 {
  font-size: 3rem;
}
body .partenaire .carte-container {
  height: 75%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transform: translateY(-10%);
  padding: 50px;
}
body .partenaire .carte-container .grand {
  scale: 1.1;
}
body .partenaire .carte-container .carte {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-color: var(--clr-claire-secondaire);
  border-radius: 25px;
  height: 100%;
  width: 30%;
}
body .partenaire .carte-container .carte .etoile {
  width: 30%;
  height: auto;
  margin: 10px;
  margin-left: auto;
}
body .partenaire .carte-container .carte .placeholder {
  width: 60%;
  padding: 10px;
  height: auto;
  margin: auto 0;
}
body .partenaire .carte-container .carte div {
  padding: 10px;
}
body .partenaire .carte-container .carte div h4, body .partenaire .carte-container .carte div h5 {
  text-align: center;
  padding: 5px;
}
body .partenaire .carte-container .carte div h4 {
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  body main .titre {
    margin-top: -350px;
  }
  body main .partenaire .carte-container {
    transform: translateY(-30%);
    margin-top: -250px;
  }
  body main .partenaire .carte-container .carte {
    height: 60%;
    width: 60%;
  }
  body main .partenaire .carte-container .carte .placeholder {
    height: auto;
    margin: auto 0;
  }
  body main .partenaire .carte-container .carte h4 {
    font-size: 25px;
    margin-top: auto;
  }
}/*# sourceMappingURL=partenaire.css.map */