body.a_propos {
  --background: var(--custom2);
  --text: var(--base0);
  background-attachment: fixed;
}

body.a_propos #adhere {
  position: fixed;
  bottom: 15%;
  right: 0;
  background-color: var(--base100);
  color: var(--base0);
  font-size: var(--small-font-size);
  padding: 0.5em;
  z-index: 999;
  transition-duration: 0.5s;
}

body.scroll-down #adhere {
  right: -100%;
}

body.a_propos #adhere:hover {
  background-color: var(--custom2);
}

body.a_propos #adhere > span {
  display: none;
}

body.a_propos #adhere:hover > span {
  display: inline;
}

body.a_propos #ql-description,
body.a_propos #ql-team,
body.a_propos #ql-endirect {
  margin-bottom: calc(var(--small-margin) * 2);
}

body.a_propos #ql-partenaires {
  margin-top: 4em;
}

body.a_propos #ql-description > h2 {
  font-size: var(--small-font-size);
  margin-bottom: 0.3em;
}

body.a_propos #ql-description > p:not(:last-of-type) {
  margin-bottom: 1em;
}

body.a_propos .structure-wrapper {
  display: flex;
  flex-flow: row wrap;
  gap: 1em;
}

body.a_propos .structure-wrapper .structure-element {
  display: flex;
  flex-flow: column wrap;
  max-width: calc(100% / 3 - 1em);
  background-color: var(--base100);
  color: var(--base0);
  /* margin-bottom: 1em; */
  border-radius: 6px;
  overflow: hidden;
}

body.a_propos .structure-wrapper a {
  display: flex;
  max-width: calc(100% / 4 - 1em);
}

body.a_propos #ql-partenaires .structure-wrapper a {
  max-width: 200px;
}

body.a_propos .structure-wrapper a:not(:last-of-type) {
  margin-right: 1em;
  margin-bottom: 1em;
}

body.a_propos .structure-wrapper a > .structure-element {
  max-width: 100%;
  margin: auto;
  background-color: var(--base100);
}

body.a_propos #ql-partenaires .structure-wrapper a > .structure-element {
  padding: 1em;
}

body.a_propos #ql-partenaires .structure-wrapper a:hover > .structure-element,
body.a_propos #ql-endirect .structure-wrapper a:hover > .structure-element {
  background-color: var(--custom2);
}

body.a_propos .structure-wrapper .structure-element figure {
  position: relative;
}

body.a_propos #ql-team .structure-wrapper .structure-element figure {
  height: 300px;
}

body.a_propos .structure-wrapper .structure-element figure > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

body.a_propos .structure-wrapper .structure-element figure > p {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: var(--med-font-size);
  font-weight: 600;
  background-color: var(--lightpink);
  padding: 0.3em 0.8em 0.4em;
  margin-bottom: 0;
}

body.a_propos .structure-wrapper .structure-element > p {
  font-size: 1.15em;
  line-height: 1.3;
  padding: 0.3em 0.5em 0.5em;
}

/*------------------Responsive------------------*/
@media screen and (max-width: 1230px) {
  body.a_propos .structure-wrapper .structure-element {
    max-width: calc((100% / 3) - 1em);
  }

  body.a_propos .structure-wrapper a {
    max-width: calc((100% / 3) - 1em);
  }
}

@media screen and (max-width: 768px) {
  body.a_propos .structure-wrapper .structure-element {
    max-width: calc(50% - 1em);
  }

  body.a_propos .structure-wrapper a {
    max-width: calc(50% - 1em);
  }

  body.a_propos .structure-wrapper .structure-element figure > p {
    font-size: var(--small-font-size);
  }

  body.a_propos .structure-wrapper .structure-element > p {
    font-size: var(--med-font-size);
  }
}

@media screen and (max-width: 580px) {
  body.a_propos .structure-wrapper .structure-element {
    width: 100%;
    max-width: 100%;
  }

  body.a_propos .structure-wrapper a {
    max-width: 100%;
  }
}