@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%;
}
@font-face {
  font-family: "Heading Now Regular";
  src: url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/woff2/Heading-Now-56-Bold.woff2") format("woff2-variations"), url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/ttf/Heading-Now-56-Bold.ttf") format("truetype-variations");
}
@font-face {
  font-family: "Heading Now Medium";
  src: url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/woff2/Heading-Now-55-Medium.woff2") format("woff2-variations"), url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/ttf/Heading-Now-55-Medium.ttf") format("truetype-variations");
}
.chart-gray-bg {
  background: #F7F7F7;
  margin: 48px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 26px 18px 34px;
}
@media (min-width: 501px) {
  .chart-gray-bg {
    padding: 32px 28px 36px;
  }
}
@media (min-width: 1301px) {
  .chart-gray-bg {
    padding: 32px 32px 40px;
  }
}

.dots-wrapper {
  margin: 0 auto;
  max-width: 780px;
}
.dots-wrapper .dots-title {
  font-family: "Heading Now Regular";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 110%;
  text-transform: uppercase;
  color: #E32402;
  padding: 14px 0 12px;
}
@media (min-width: 501px) {
  .dots-wrapper .dots-title {
    padding: 16px 0 14px;
  }
}
@media (min-width: 1301px) {
  .dots-wrapper .dots-title {
    padding: 16px 0 16px;
  }
}
@media (max-width: 500px) {
  .dots-wrapper .dots-title {
    font-size: 30px;
  }
}
.dots-wrapper .dots-title:not(.noborder) {
  border-top: 6px solid rgba(0, 0, 0, 0.2);
}
.dots-wrapper .dots-rappel {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  margin: 12px 0 15px;
  text-align: left;
  font-family: "Heading Now Variable", serif;
  font-stretch: 400%;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 108%;
  text-transform: uppercase;
  color: black;
  min-height: 15px;
  -webkit-font-smoothing: antialiased;
}
.dots-wrapper .dots-rappel p {
  font-family: "Heading Now Variable", serif;
  font-stretch: 400%;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 108%;
  color: black;
  -webkit-font-smoothing: antialiased;
  margin: 2px 25px 3px 0;
  float: left;
}
@media (max-width: 767px) {
  .dots-wrapper .dots-rappel p {
    margin: 2px 10px 3px 0;
  }
}
.dots-wrapper .dots-rappel .chiffre {
  font-family: "Heading Now Variable", serif;
  font-stretch: 500%;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 108%;
  text-align: center;
  color: #FF4434;
  padding-left: 5px;
}
.dots-wrapper .dots-rappel .item {
  float: left;
}
.dots-wrapper .dots-rappel img {
  max-width: 20px;
}
.dots-wrapper .dots-legende {
  font-family: "Heading Now Variable", serif;
  font-stretch: 500%;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 115%;
  color: #000;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .dots-wrapper .dots-legende {
    line-height: 115%;
    font-size: 16px;
  }
}
.dots-wrapper .dots-legende .chiffre {
  font-feature-settings: "tnum" on, "lnum" on;
}
.dots-wrapper .dots-legende.inline {
  display: inline;
  font-size: 14.5px;
  -webkit-font-smoothing: antialiased;
}
.dots-wrapper .dots-legende .cl {
  transform: translateY(4px);
  height: 7px;
  width: 7px;
}
.dots-wrapper .dots-legende.legende-colonnes {
  flex-direction: column;
  line-height: 1.2;
  align-items: flex-start;
}
.dots-wrapper .dots-legende.legende-colonnes strong {
  text-transform: uppercase;
}
.dots-wrapper .sources {
  opacity: 0.5;
  font-family: "Heading Now Variable", serif;
  font-stretch: 450%;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 125%;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  margin: 10px 0 0;
  padding: 10px 0 0;
  font-weight: 350;
}
@media screen and (max-width: 768px) {
  .dots-wrapper .sources {
    font-size: 11px;
  }
}
.dots-wrapper .chartjs-wrapper {
  margin: 0;
  padding: 0;
  align-items: left;
  align-self: left;
  align-content: left;
}
.dots-wrapper .chartjs-wrapper canvas {
  height: 400px;
  width: 100% !important;
}
@media (max-width: 500px) {
  .dots-wrapper .chartjs-wrapper canvas {
    height: 300px;
  }
}

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