.title,
.prolog {
  background-color: transparent;
  color: #222;
}

.header {
  background-color: rgba(253, 231, 241, 0.02);
  color: #760035;
}

.footer {
  background-color: rgba(195, 250, 255, 0.02);
  color: #004c50;
}

.abstract {
  background-color: rgba(255, 231, 195, 0.02);
  color: #6d4301;
}

.description {
  background-color: rgba(219, 255, 184, 0.02);
  color: #265500;
}

.additional {
  background-color: rgba(49, 2, 158, 0.02);
  color: #31029e;
}

.js-facette {
  text-align: justify;
}
.js-facette .js-facette {
  padding: 1.25rem 0.4rem 0.4rem 0.25rem;
}
.js-facette .fac-part,
.js-facette .fac-part p,
.js-facette .stack .stack .fac-part,
.js-facette .stack .stack .fac-part p {
  display: block;
}
.js-facette .queue .queue .fac-part,
.js-facette .queue .queue .fac-part p {
  display: inline;
}
.js-facette .header {
  padding: 1.25rem 0.25rem 0.4rem 0.25rem;
}
.js-facette .prolog {
  padding: 0 0.25rem;
}
.js-facette .queue {
  padding: 0 0.25rem;
}
@media only screen and (max-width: 667px) {
  .js-facette .queue {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .js-facette .queue {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
  }
  .js-facette .queue .fac-part {
    display: block;
  }
  .js-facette .queue .stack {
    display: flex;
    flex-direction: column;
  }
  .js-facette .queue .queue {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .js-facette .queue {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
  }
  .js-facette .queue .fac-part {
    display: block;
  }
  .js-facette .queue .stack {
    display: flex;
    flex-direction: column;
  }
  .js-facette .queue .queue {
    display: block;
  }
}
.js-facette .stack {
  padding-left: 0.7rem;
  padding-right: 0.25rem;
}
@media only screen and (max-width: 667px) {
  .js-facette .stack {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .js-facette .stack {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1025px) {
  .js-facette .stack {
    display: grid;
    grid-template-columns: 20% 60% 20%;
  }
  .js-facette .stack .stack {
    display: block;
  }
}
.js-facette .footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 667px) {
  .js-facette .footer .item {
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .js-facette .footer .item {
    flex-basis: 33%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .js-facette .footer .item {
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
  }
}
.js-facette .footer .stack .footer {
  flex-direction: column;
}
.js-facette .footer .stack .footer .item {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.js-facette .fac-img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 667px) {
  .js-facette .fac-img {
    max-width: 677px;
  }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
  .js-facette .fac-img {
    max-width: 512px;
  }
}
@media only screen and (min-width: 1025px) {
  .js-facette .fac-img {
    max-width: 600px;
  }
}
.js-facette .fac-img picture, .js-facette .fac-img img {
  max-width: 100%;
  max-height: 100%;
}

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