@font-face {
  font-family: "Heading Now Variable";
  src: url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/woff2/HeadingNowVarVF.woff2") format("woff2-variations"), url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/ttf/Heading-Now-Variable.ttf") format("truetype-variations");
  font-weight: 110 1000;
  font-stretch: 100% 1000%;
}
.element-embed {
  text-align: unset;
}
@media (min-width:500px) {
  .encadre-container {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(43%, 1fr));
  }
}

.encadre, .encadre-blanc {
  background: #000;
  color: #fff;
  font-family: "Heading Now Variable", sans-serif;
  padding: 26px 18px 34px;
  margin-bottom: 8px;
}
@media (min-width: 501px) {
  .encadre, .encadre-blanc {
    padding: 32px 28px 36px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1301px) {
  .encadre, .encadre-blanc {
    padding: 32px 32px 40px;
  }
}
.encadre .encadre--titre, .encadre-blanc .encadre--titre {
  padding: 0 0 12px;
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  font-stretch: 400%;
  line-height: 110%; /* 39.6px */
  text-transform: uppercase;
}
@media (min-width: 501px) {
  .encadre .encadre--titre, .encadre-blanc .encadre--titre {
    padding: 0 0 14px;
  }
}
@media (min-width: 1301px) {
  .encadre .encadre--titre, .encadre-blanc .encadre--titre {
    padding: 16px 0 16px;
  }
}
@media (max-width: 500px) {
  .encadre .encadre--titre, .encadre-blanc .encadre--titre {
    font-size: 30px;
  }
}
.encadre .encadre--titre .encadre--icone, .encadre-blanc .encadre--titre .encadre--icone {
  max-width: 64px;
}
@media (max-width: 500px) {
  .encadre .encadre--titre .encadre--icone, .encadre-blanc .encadre--titre .encadre--icone {
    max-width: 50px;
  }
}
.encadre .encadre--soustitre, .encadre-blanc .encadre--soustitre {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  font-stretch: 400%;
  line-height: 120%;
}
.encadre .encadre--contenu, .encadre-blanc .encadre--contenu {
  color: #bbb;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  font-stretch: 550%;
  line-height: 145%;
}
@media (max-width: 500px) {
  .encadre .encadre--contenu, .encadre-blanc .encadre--contenu {
    font-size: 18px;
  }
}
.encadre .encadre--contenu .encadre--intertitre, .encadre-blanc .encadre--contenu .encadre--intertitre {
  color: #999;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  font-stretch: 400%;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.encadre .encadre--contenu .encadre--lien, .encadre-blanc .encadre--contenu .encadre--lien {
  color: #555 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  text-decoration-line: underline;
}
@media (max-width: 500px) {
  .encadre .encadre--contenu .encadre--lien, .encadre-blanc .encadre--contenu .encadre--lien {
    font-size: 18px;
  }
}
.encadre .encadre--contenu p, .encadre-blanc .encadre--contenu p {
  font-weight: 400;
  margin-bottom: 14px;
  margin-block: unset;
}
@media (max-width: 500px) {
  .encadre .encadre--contenu p, .encadre-blanc .encadre--contenu p {
    margin-bottom: 12px;
  }
}
.encadre .encadre--contenu:not(:last-child) p {
    min-height: 340px;
}
.encadre .encadre--contenu strong, .encadre-blanc .encadre--contenu strong {
  color: #E32402;
  text-transform: uppercase;
  font-weight: 600;
}
.encadre .encadre--contenu strong.lowercase, .encadre-blanc .encadre--contenu strong.lowercase {
  text-transform: none;
}
.encadre .encadre--contenu strong.gray, .encadre-blanc .encadre--contenu strong.gray {
  color: #2c2c2c;
}
.encadre .encadre--contenu strong.normalgray, .encadre-blanc .encadre--contenu strong.normalgray {
  color: #555;
}
.encadre .encadre--contenu .source, .encadre-blanc .encadre--contenu .source {
  color: #000;
  font-size: 13px;
  font-weight: 300;
  line-height: 135%;
  text-transform: uppercase;
  opacity: 0.5;
}
@media (max-width: 500px) {
  .encadre .encadre--contenu .source, .encadre-blanc .encadre--contenu .source {
    font-size: 11px;
  }
}
.encadre .encadre--contenu img, .encadre-blanc .encadre--contenu img {
  width: 100%;
}
.encadre .encadre--contenu ul, .encadre-blanc .encadre--contenu ul {
  list-style-type: none !important;
  margin-left: 0;
  padding-left: 0;
  padding-inline-start: 13px !important;
}
.encadre .encadre--contenu ul li, .encadre-blanc .encadre--contenu ul li {
  margin-bottom: 8px;
  font-weight: 400;
}
.encadre .encadre--contenu ul li:before, .encadre-blanc .encadre--contenu ul li:before {
  content: "";
  display: inline-block;
  background-color: #E32402;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  transform: translateY(-4px);
  margin-left: -13px;
}
.encadre .encadre--contenu .encadre-img, .encadre-blanc .encadre--contenu .encadre-img {
  margin-top: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2/1.5;
  filter: grayscale(1);
}
.encadre .encadre--contenu .encadre-img img, .encadre-blanc .encadre--contenu .encadre-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.encadre .encadre--contenu .encadre-bdv, .encadre-blanc .encadre--contenu .encadre-bdv {
  margin: 5px 0 12px;
  color: #fff;
  opacity: 0.5;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 135%; /* 17.55px */
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .encadre .encadre--contenu .encadre-bdv, .encadre-blanc .encadre--contenu .encadre-bdv {
    font-size: 11px;
  }
}

.encadre-blanc {
  background-color: white;
  padding: 26px 0 34px;
}
@media (min-width: 501px) {
  .encadre-blanc {
    padding: 32px 0 36px;
  }
}
@media (min-width: 1301px) {
  .encadre-blanc {
    padding: 32px 0 40px;
  }
}
.encadre-blanc .encadre--titre {
  padding-bottom: 5px;
}
@media (min-width: 501px) {
  .encadre-blanc .encadre--titre {
    padding-bottom: 5px;
  }
}
@media (min-width: 1301px) {
  .encadre-blanc .encadre--titre {
    padding-bottom: 5px;
  }
}
.encadre-blanc .encadre--soustitre {
  padding: 0 0 12px;
}
@media (min-width: 501px) {
  .encadre-blanc .encadre--soustitre {
    padding: 0 0 14px;
  }
}
@media (min-width: 1301px) {
  .encadre-blanc .encadre--soustitre {
    padding: 0 0 16px;
  }
}

.encadre-source {
  color: rgba(0, 0, 0, 0.4);
  font-family: "Heading Now Variable", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  font-stretch: 550%;
  line-height: 135%;
  text-transform: uppercase;
  padding-top: 5px;
}


.encadre {
  /*margin: 25px auto;*/
  transition: all 0.6s ease-in-out;
}
.encadre:not(.revealed) {
  opacity: 0;
  transform: translateX(-50px);
}
.encadre .encadre--contenu .encadre--soustitre {
  font-size: 1.5em;
}
.encadre .encadre--contenu p span {
  font-size:0.9em;
}
.encadre .encadre--contenu p, .encadre-blanc .encadre--contenu p {
  margin-block: unset !important;
  margin-top: 18px !important;
}
.encadre .encadre--contenu .encadre-img, .encadre-blanc .encadre--contenu .encadre-img {
  margin-top: 20px;
}
.encadre .encadre--contenu .encadre--titre {
  text-transform: unset;
}
.encadre .encadre--contenu .encadre--titre span {
  text-transform: uppercase;
}