/* qui sommes-nous ? */

.accordion-toggle {
  display: block;
}

.accordion-content {
  display: none;
}

.accordion-content.active {
  display: block;
}

.boutons {
  display: flex;
  align-items: center;
  position: relative;
  padding: 200px 0;
}

.boutons .container {
  position: relative;
}

.bouton {
  display: block;
  text-align: center;
  padding: 2em 0;
  margin: 2em 0;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}

.orange {
  background-color: #f49969;
}

.vert-clair {
  background-color: #6fb2ae;
}

.vert {
  background-color: #2d8285;
}

.haltere {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  object-fit: contain;
  object-position: center;
  top: -200px;
  left: -200px;
}

.rugby {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  object-fit: contain;
  object-position: center;
  bottom: -200px;
  right: 50%;
}

.raquette {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  object-fit: contain;
  object-position: center;
  bottom: -200px;
  right: 40%;
}

.football {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  object-fit: contain;
  object-position: center;
  bottom: 0;
  right: 0;
}

.equipe-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

@media screen and (max-width: 414px) {
  .equipe-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
}

.equipe-desc {
  background-color: #0090a2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.equipe-desc img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;
}

.equipe-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.member-1 {
  background-image: url(img/member-1.jpg);
}

.member-2 {
  background-image: url(img/member-2.jpg);
}

.member-3 {
  background-image: url(img/member-3.jpg);
}

.member-4 {
  background-image: url(img/member-4.jpg);
}

.member-5 {
  background-image: url(img/member-5.jpg);
}

.member-6 {
  background-image: url(img/member-6.jpg);
}