/* Modal energy */
.jquery-modal.blocker {
  z-index: 9999;
  padding: 16px 12px !important;
}

.modal-energy {
  max-width: 860px !important;
  width: 100% !important;
}
html.ui-mobile .modal-energy {
  padding: 15px 8px !important;
}

/* Functions */
/* deep-map-get */
/* Variables */
/* Maps for DPE - FR, LU, BE, DE */
.graph-dpe {
  width: 450px;
}
.graph-dpe .letters {
  color: #fff;
  margin: 8px 0;
}
.graph-dpe .letters > div {
  height: 40px;
  margin-bottom: 4px;
  width: 100%;
}
.graph-dpe .letters > div .line {
  position: relative;
  line-height: 40px;
  height: 40px;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-family: "MuseoSans_700", sans-serif;
  margin-left: 150px;
  z-index: 1;
}
.graph-dpe .letters > div .line:after {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: calc(40px - 12px);
  height: calc(40px - 12px);
  position: absolute;
  right: -24px;
  top: 2px;
  z-index: -1;
}
.graph-dpe .letters > div .sticker {
  float: left;
  width: 150px;
  height: 40px;
  text-align: center;
  display: none;
  background-color: #ffffff;
  color: #39434e;
  padding: 0;
  position: relative;
  border-radius: 6px 0 0 6px;
}
.graph-dpe .letters > div .sticker--min-max {
  display: block;
}
.graph-dpe .letters > div .sticker--min-max:after {
  position: absolute;
  top: calc(50% - 14px);
  right: 0;
  font-size: 14px;
  line-height: 30px;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 8px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 30px;
}
.graph-dpe .letters > div .sticker.no-value .sticker__number:after {
  position: absolute;
  top: 6px;
  right: auto;
  left: auto;
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-dpe .letters > div .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-dpe .letters > div .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-dpe .letters > div .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.graph-dpe .letters > div .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-dpe .letters > div .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-dpe .letters > div .sticker__title {
  font-size: 8px;
  line-height: 10px;
  color: #39434e;
  font-family: "MuseoSans_700", sans-serif;
  position: absolute;
  top: -32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 20px;
  width: 100%;
  padding: 0 2px;
}
.graph-dpe .letters > div .sticker__title .c-grey {
  color: #697684;
}
.graph-dpe .letters > div .sticker .grid .row > .col-6 {
  padding: 0 4px;
  position: relative;
}
.graph-dpe .letters > div .sticker .grid .row > .col-6:first-of-type {
  position: relative;
}
.graph-dpe .letters > div .sticker .grid .row > .col-6:first-of-type:after {
  content: "";
  height: 100%;
  width: 2px;
  background: #39434e;
  position: absolute;
  right: 0;
}
.graph-dpe .graph-title {
  font-size: 18px;
  line-height: 20px;
  font-family: "MuseoSans_700", sans-serif;
  margin-bottom: 8px;
  color: #1a1f24;
}
.graph-dpe .graph-title sup {
  font-family: "MuseoSans_900", sans-serif;
}
.graph-dpe .graph-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 14px;
  font-family: "MuseoSans_700", sans-serif;
  margin-left: 150px;
}
.graph-dpe .graph-legend--top {
  color: #02a06c;
}
.graph-dpe .graph-legend--bottom {
  color: #d71d20;
}
.graph-dpe--fr {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-dpe--fr .letter-a .line {
  width: 10%;
}
.graph-dpe--fr .letter-a .line,
.graph-dpe--fr .letter-a .line:after {
  background-color: #02A06C;
}
.graph-dpe--fr .letter-a .sticker--min-max:after, .graph-dpe--fr .letter-a .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.a .letter-a {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.a .letter-a .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 10%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.a .letter-a .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.a .letter-a .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #02A06C;
  height: 58px;
}
.graph-dpe--fr .letter-b .line {
  width: 15%;
}
.graph-dpe--fr .letter-b .line,
.graph-dpe--fr .letter-b .line:after {
  background-color: #4FB154;
}
.graph-dpe--fr .letter-b .sticker--min-max:after, .graph-dpe--fr .letter-b .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.b .letter-b {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.b .letter-b .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 15%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.b .letter-b .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.b .letter-b .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #4FB154;
  height: 58px;
}
.graph-dpe--fr .letter-c .line {
  width: 20%;
}
.graph-dpe--fr .letter-c .line,
.graph-dpe--fr .letter-c .line:after {
  background-color: #A4CC74;
}
.graph-dpe--fr .letter-c .sticker--min-max:after, .graph-dpe--fr .letter-c .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.c .letter-c {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.c .letter-c .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 20%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.c .letter-c .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.c .letter-c .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #A4CC74;
  height: 58px;
}
.graph-dpe--fr .letter-d .line {
  width: 25%;
}
.graph-dpe--fr .letter-d .line,
.graph-dpe--fr .letter-d .line:after {
  background-color: #F2E719;
}
.graph-dpe--fr .letter-d .sticker--min-max:after, .graph-dpe--fr .letter-d .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.d .letter-d {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.d .letter-d .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 25%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.d .letter-d .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.d .letter-d .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #F2E719;
  height: 58px;
}
.graph-dpe--fr .letter-e .line {
  width: 30%;
}
.graph-dpe--fr .letter-e .line,
.graph-dpe--fr .letter-e .line:after {
  background-color: #F0B417;
}
.graph-dpe--fr .letter-e .sticker--min-max:after, .graph-dpe--fr .letter-e .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.e .letter-e {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.e .letter-e .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 30%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.e .letter-e .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.e .letter-e .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #F0B417;
  height: 58px;
}
.graph-dpe--fr .letter-f .line {
  width: 35%;
}
.graph-dpe--fr .letter-f .line,
.graph-dpe--fr .letter-f .line:after {
  background-color: #EB8336;
}
.graph-dpe--fr .letter-f .sticker--min-max:after, .graph-dpe--fr .letter-f .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.f .letter-f {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.f .letter-f .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 35%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.f .letter-f .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.f .letter-f .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #EB8336;
  height: 58px;
}
.graph-dpe--fr .letter-g .line {
  width: 40%;
}
.graph-dpe--fr .letter-g .line,
.graph-dpe--fr .letter-g .line:after {
  background-color: #D71D20;
}
.graph-dpe--fr .letter-g .sticker--min-max:after, .graph-dpe--fr .letter-g .sticker.no-value .sticker__number:after {
  content: "  ";
}
.graph-dpe--fr.g .letter-g {
  height: 60px;
  position: relative;
}
.graph-dpe--fr.g .letter-g .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 40%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr.g .letter-g .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr.g .letter-g .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #D71D20;
  height: 58px;
}
.graph-dpe--fr-old {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-dpe--fr-old .letter-a .line {
  width: 10%;
}
.graph-dpe--fr-old .letter-a .line,
.graph-dpe--fr-old .letter-a .line:after {
  background-color: #339a33;
}
.graph-dpe--fr-old .letter-a .sticker--min-max:after, .graph-dpe--fr-old .letter-a .sticker.no-value .sticker__number:after {
  content: " > 50";
}
.graph-dpe--fr-old.a .letter-a {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.a .letter-a .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 10%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.a .letter-a .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.a .letter-a .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #339a33;
  height: 58px;
}
.graph-dpe--fr-old .letter-b .line {
  width: 15%;
}
.graph-dpe--fr-old .letter-b .line,
.graph-dpe--fr-old .letter-b .line:after {
  background-color: #33cc33;
}
.graph-dpe--fr-old .letter-b .sticker--min-max:after, .graph-dpe--fr-old .letter-b .sticker.no-value .sticker__number:after {
  content: "51 - 90";
}
.graph-dpe--fr-old.b .letter-b {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.b .letter-b .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 15%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.b .letter-b .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.b .letter-b .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #33cc33;
  height: 58px;
}
.graph-dpe--fr-old .letter-c .line {
  width: 20%;
}
.graph-dpe--fr-old .letter-c .line,
.graph-dpe--fr-old .letter-c .line:after {
  background-color: #cf3;
}
.graph-dpe--fr-old .letter-c .sticker--min-max:after, .graph-dpe--fr-old .letter-c .sticker.no-value .sticker__number:after {
  content: "91 - 150";
}
.graph-dpe--fr-old.c .letter-c {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.c .letter-c .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 20%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.c .letter-c .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.c .letter-c .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #cf3;
  height: 58px;
}
.graph-dpe--fr-old .letter-d .line {
  width: 25%;
}
.graph-dpe--fr-old .letter-d .line,
.graph-dpe--fr-old .letter-d .line:after {
  background-color: #ffff01;
}
.graph-dpe--fr-old .letter-d .sticker--min-max:after, .graph-dpe--fr-old .letter-d .sticker.no-value .sticker__number:after {
  content: "151 - 230";
}
.graph-dpe--fr-old.d .letter-d {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.d .letter-d .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 25%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.d .letter-d .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.d .letter-d .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ffff01;
  height: 58px;
}
.graph-dpe--fr-old .letter-e .line {
  width: 30%;
}
.graph-dpe--fr-old .letter-e .line,
.graph-dpe--fr-old .letter-e .line:after {
  background-color: #ffcc01;
}
.graph-dpe--fr-old .letter-e .sticker--min-max:after, .graph-dpe--fr-old .letter-e .sticker.no-value .sticker__number:after {
  content: "231 - 330";
}
.graph-dpe--fr-old.e .letter-e {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.e .letter-e .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 30%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.e .letter-e .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.e .letter-e .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ffcc01;
  height: 58px;
}
.graph-dpe--fr-old .letter-f .line {
  width: 35%;
}
.graph-dpe--fr-old .letter-f .line,
.graph-dpe--fr-old .letter-f .line:after {
  background-color: #ff9a33;
}
.graph-dpe--fr-old .letter-f .sticker--min-max:after, .graph-dpe--fr-old .letter-f .sticker.no-value .sticker__number:after {
  content: "331 - 450";
}
.graph-dpe--fr-old.f .letter-f {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.f .letter-f .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 35%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.f .letter-f .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.f .letter-f .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ff9a33;
  height: 58px;
}
.graph-dpe--fr-old .letter-g .line {
  width: 40%;
}
.graph-dpe--fr-old .letter-g .line,
.graph-dpe--fr-old .letter-g .line:after {
  background-color: #ff0100;
}
.graph-dpe--fr-old .letter-g .sticker--min-max:after, .graph-dpe--fr-old .letter-g .sticker.no-value .sticker__number:after {
  content: " > 451";
}
.graph-dpe--fr-old.g .letter-g {
  height: 60px;
  position: relative;
}
.graph-dpe--fr-old.g .letter-g .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 40%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--fr-old.g .letter-g .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--fr-old.g .letter-g .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ff0100;
  height: 58px;
}
.graph-dpe--lu {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-dpe--lu .letter-a .line {
  width: 10%;
}
.graph-dpe--lu .letter-a .line,
.graph-dpe--lu .letter-a .line:after {
  background-color: #00872f;
}
.graph-dpe--lu .letter-a .sticker--min-max:after, .graph-dpe--lu .letter-a .sticker.no-value .sticker__number:after {
  content: " < 45";
}
.graph-dpe--lu.a .letter-a {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.a .letter-a .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 10%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.a .letter-a .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.a .letter-a .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #00872f;
  height: 58px;
}
.graph-dpe--lu .letter-b .line {
  width: 15%;
}
.graph-dpe--lu .letter-b .line,
.graph-dpe--lu .letter-b .line:after {
  background-color: #48a335;
}
.graph-dpe--lu .letter-b .sticker--min-max:after, .graph-dpe--lu .letter-b .sticker.no-value .sticker__number:after {
  content: "46 - 95";
}
.graph-dpe--lu.b .letter-b {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.b .letter-b .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 15%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.b .letter-b .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.b .letter-b .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #48a335;
  height: 58px;
}
.graph-dpe--lu .letter-c .line {
  width: 20%;
}
.graph-dpe--lu .letter-c .line,
.graph-dpe--lu .letter-c .line:after {
  background-color: #69931e;
}
.graph-dpe--lu .letter-c .sticker--min-max:after, .graph-dpe--lu .letter-c .sticker.no-value .sticker__number:after {
  content: "96 - 125";
}
.graph-dpe--lu.c .letter-c {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.c .letter-c .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 20%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.c .letter-c .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.c .letter-c .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #69931e;
  height: 58px;
}
.graph-dpe--lu .letter-d .line {
  width: 25%;
}
.graph-dpe--lu .letter-d .line,
.graph-dpe--lu .letter-d .line:after {
  background-color: #dcdc00;
}
.graph-dpe--lu .letter-d .sticker--min-max:after, .graph-dpe--lu .letter-d .sticker.no-value .sticker__number:after {
  content: "126 - 145";
}
.graph-dpe--lu.d .letter-d {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.d .letter-d .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 25%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.d .letter-d .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.d .letter-d .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #dcdc00;
  height: 58px;
}
.graph-dpe--lu .letter-e .line {
  width: 30%;
}
.graph-dpe--lu .letter-e .line,
.graph-dpe--lu .letter-e .line:after {
  background-color: #fdf400;
}
.graph-dpe--lu .letter-e .sticker--min-max:after, .graph-dpe--lu .letter-e .sticker.no-value .sticker__number:after {
  content: "146 - 210";
}
.graph-dpe--lu.e .letter-e {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.e .letter-e .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 30%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.e .letter-e .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.e .letter-e .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fdf400;
  height: 58px;
}
.graph-dpe--lu .letter-f .line {
  width: 35%;
}
.graph-dpe--lu .letter-f .line,
.graph-dpe--lu .letter-f .line:after {
  background-color: #feb700;
}
.graph-dpe--lu .letter-f .sticker--min-max:after, .graph-dpe--lu .letter-f .sticker.no-value .sticker__number:after {
  content: "211 - 295";
}
.graph-dpe--lu.f .letter-f {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.f .letter-f .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 35%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.f .letter-f .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.f .letter-f .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #feb700;
  height: 58px;
}
.graph-dpe--lu .letter-g .line {
  width: 40%;
}
.graph-dpe--lu .letter-g .line,
.graph-dpe--lu .letter-g .line:after {
  background-color: #fe7200;
}
.graph-dpe--lu .letter-g .sticker--min-max:after, .graph-dpe--lu .letter-g .sticker.no-value .sticker__number:after {
  content: "296 - 395";
}
.graph-dpe--lu.g .letter-g {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.g .letter-g .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 40%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.g .letter-g .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.g .letter-g .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fe7200;
  height: 58px;
}
.graph-dpe--lu .letter-h .line {
  width: 45%;
}
.graph-dpe--lu .letter-h .line,
.graph-dpe--lu .letter-h .line:after {
  background-color: #ef3c00;
}
.graph-dpe--lu .letter-h .sticker--min-max:after, .graph-dpe--lu .letter-h .sticker.no-value .sticker__number:after {
  content: "396 - 530";
}
.graph-dpe--lu.h .letter-h {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.h .letter-h .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 45%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.h .letter-h .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.h .letter-h .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ef3c00;
  height: 58px;
}
.graph-dpe--lu .letter-i .line {
  width: 50%;
}
.graph-dpe--lu .letter-i .line,
.graph-dpe--lu .letter-i .line:after {
  background-color: #c60611;
}
.graph-dpe--lu .letter-i .sticker--min-max:after, .graph-dpe--lu .letter-i .sticker.no-value .sticker__number:after {
  content: " > 531";
}
.graph-dpe--lu.i .letter-i {
  height: 60px;
  position: relative;
}
.graph-dpe--lu.i .letter-i .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 50%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--lu.i .letter-i .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--lu.i .letter-i .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c60611;
  height: 58px;
}
.graph-dpe--be {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-dpe--be .letter-aaa .line {
  width: 10%;
}
.graph-dpe--be .letter-aaa .line,
.graph-dpe--be .letter-aaa .line:after {
  background-color: #0498E6;
}
.graph-dpe--be .letter-aaa .sticker--min-max:after, .graph-dpe--be .letter-aaa .sticker.no-value .sticker__number:after {
  content: " < 0";
}
.graph-dpe--be.aaa .letter-aaa {
  height: 60px;
  position: relative;
}
.graph-dpe--be.aaa .letter-aaa .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 10%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.aaa .letter-aaa .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.aaa .letter-aaa .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #0498E6;
  height: 58px;
}
.graph-dpe--be .letter-aa .line {
  width: 15%;
}
.graph-dpe--be .letter-aa .line,
.graph-dpe--be .letter-aa .line:after {
  background-color: #028130;
}
.graph-dpe--be .letter-aa .sticker--min-max:after, .graph-dpe--be .letter-aa .sticker.no-value .sticker__number:after {
  content: "0 - 45";
}
.graph-dpe--be.aa .letter-aa {
  height: 60px;
  position: relative;
}
.graph-dpe--be.aa .letter-aa .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 15%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.aa .letter-aa .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.aa .letter-aa .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #028130;
  height: 58px;
}
.graph-dpe--be .letter-a .line {
  width: 20%;
}
.graph-dpe--be .letter-a .line,
.graph-dpe--be .letter-a .line:after {
  background-color: #01A240;
}
.graph-dpe--be .letter-a .sticker--min-max:after, .graph-dpe--be .letter-a .sticker.no-value .sticker__number:after {
  content: "45 - 85";
}
.graph-dpe--be.a .letter-a {
  height: 60px;
  position: relative;
}
.graph-dpe--be.a .letter-a .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 20%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.a .letter-a .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.a .letter-a .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #01A240;
  height: 58px;
}
.graph-dpe--be .letter-b .line {
  width: 25%;
}
.graph-dpe--be .letter-b .line,
.graph-dpe--be .letter-b .line:after {
  background-color: #78B33E;
}
.graph-dpe--be .letter-b .sticker--min-max:after, .graph-dpe--be .letter-b .sticker.no-value .sticker__number:after {
  content: "85 - 170";
}
.graph-dpe--be.b .letter-b {
  height: 60px;
  position: relative;
}
.graph-dpe--be.b .letter-b .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 25%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.b .letter-b .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.b .letter-b .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #78B33E;
  height: 58px;
}
.graph-dpe--be .letter-c .line {
  width: 30%;
}
.graph-dpe--be .letter-c .line,
.graph-dpe--be .letter-c .line:after {
  background-color: #C4D218;
}
.graph-dpe--be .letter-c .sticker--min-max:after, .graph-dpe--be .letter-c .sticker.no-value .sticker__number:after {
  content: "170 - 255";
}
.graph-dpe--be.c .letter-c {
  height: 60px;
  position: relative;
}
.graph-dpe--be.c .letter-c .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 30%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.c .letter-c .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.c .letter-c .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #C4D218;
  height: 58px;
}
.graph-dpe--be .letter-d .line {
  width: 35%;
}
.graph-dpe--be .letter-d .line,
.graph-dpe--be .letter-d .line:after {
  background-color: #E5DE14;
}
.graph-dpe--be .letter-d .sticker--min-max:after, .graph-dpe--be .letter-d .sticker.no-value .sticker__number:after {
  content: "255 - 340";
}
.graph-dpe--be.d .letter-d {
  height: 60px;
  position: relative;
}
.graph-dpe--be.d .letter-d .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 35%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.d .letter-d .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.d .letter-d .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E5DE14;
  height: 58px;
}
.graph-dpe--be .letter-e .line {
  width: 40%;
}
.graph-dpe--be .letter-e .line,
.graph-dpe--be .letter-e .line:after {
  background-color: #FBBE08;
}
.graph-dpe--be .letter-e .sticker--min-max:after, .graph-dpe--be .letter-e .sticker.no-value .sticker__number:after {
  content: "340 - 425";
}
.graph-dpe--be.e .letter-e {
  height: 60px;
  position: relative;
}
.graph-dpe--be.e .letter-e .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 40%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.e .letter-e .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.e .letter-e .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FBBE08;
  height: 58px;
}
.graph-dpe--be .letter-f .line {
  width: 45%;
}
.graph-dpe--be .letter-f .line,
.graph-dpe--be .letter-f .line:after {
  background-color: #F28922;
}
.graph-dpe--be .letter-f .sticker--min-max:after, .graph-dpe--be .letter-f .sticker.no-value .sticker__number:after {
  content: "425 - 510";
}
.graph-dpe--be.f .letter-f {
  height: 60px;
  position: relative;
}
.graph-dpe--be.f .letter-f .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 45%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.f .letter-f .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.f .letter-f .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #F28922;
  height: 58px;
}
.graph-dpe--be .letter-g .line {
  width: 50%;
}
.graph-dpe--be .letter-g .line,
.graph-dpe--be .letter-g .line:after {
  background-color: #D90011;
}
.graph-dpe--be .letter-g .sticker--min-max:after, .graph-dpe--be .letter-g .sticker.no-value .sticker__number:after {
  content: " > 510";
}
.graph-dpe--be.g .letter-g {
  height: 60px;
  position: relative;
}
.graph-dpe--be.g .letter-g .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 50%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--be.g .letter-g .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--be.g .letter-g .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #D90011;
  height: 58px;
}
.graph-dpe--de {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-dpe--de .letter-aa .line {
  width: 10%;
}
.graph-dpe--de .letter-aa .line,
.graph-dpe--de .letter-aa .line:after {
  background-color: #26FE02;
}
.graph-dpe--de .letter-aa .sticker--min-max:after, .graph-dpe--de .letter-aa .sticker.no-value .sticker__number:after {
  content: "  < 30";
}
.graph-dpe--de.aa .letter-aa {
  height: 60px;
  position: relative;
}
.graph-dpe--de.aa .letter-aa .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 10%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.aa .letter-aa .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.aa .letter-aa .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #26FE02;
  height: 58px;
}
.graph-dpe--de .letter-a .line {
  width: 15%;
}
.graph-dpe--de .letter-a .line,
.graph-dpe--de .letter-a .line:after {
  background-color: #8DFF00;
}
.graph-dpe--de .letter-a .sticker--min-max:after, .graph-dpe--de .letter-a .sticker.no-value .sticker__number:after {
  content: "30 - 50";
}
.graph-dpe--de.a .letter-a {
  height: 60px;
  position: relative;
}
.graph-dpe--de.a .letter-a .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 15%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.a .letter-a .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.a .letter-a .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #8DFF00;
  height: 58px;
}
.graph-dpe--de .letter-b .line {
  width: 20%;
}
.graph-dpe--de .letter-b .line,
.graph-dpe--de .letter-b .line:after {
  background-color: #B9FF03;
}
.graph-dpe--de .letter-b .sticker--min-max:after, .graph-dpe--de .letter-b .sticker.no-value .sticker__number:after {
  content: "50 - 75";
}
.graph-dpe--de.b .letter-b {
  height: 60px;
  position: relative;
}
.graph-dpe--de.b .letter-b .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 20%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.b .letter-b .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.b .letter-b .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #B9FF03;
  height: 58px;
}
.graph-dpe--de .letter-c .line {
  width: 25%;
}
.graph-dpe--de .letter-c .line,
.graph-dpe--de .letter-c .line:after {
  background-color: #E7FF00;
}
.graph-dpe--de .letter-c .sticker--min-max:after, .graph-dpe--de .letter-c .sticker.no-value .sticker__number:after {
  content: "75 - 100";
}
.graph-dpe--de.c .letter-c {
  height: 60px;
  position: relative;
}
.graph-dpe--de.c .letter-c .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 25%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.c .letter-c .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.c .letter-c .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E7FF00;
  height: 58px;
}
.graph-dpe--de .letter-d .line {
  width: 30%;
}
.graph-dpe--de .letter-d .line,
.graph-dpe--de .letter-d .line:after {
  background-color: #F9FF00;
}
.graph-dpe--de .letter-d .sticker--min-max:after, .graph-dpe--de .letter-d .sticker.no-value .sticker__number:after {
  content: "100 - 130";
}
.graph-dpe--de.d .letter-d {
  height: 60px;
  position: relative;
}
.graph-dpe--de.d .letter-d .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 30%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.d .letter-d .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.d .letter-d .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #F9FF00;
  height: 58px;
}
.graph-dpe--de .letter-e .line {
  width: 35%;
}
.graph-dpe--de .letter-e .line,
.graph-dpe--de .letter-e .line:after {
  background-color: #FFF204;
}
.graph-dpe--de .letter-e .sticker--min-max:after, .graph-dpe--de .letter-e .sticker.no-value .sticker__number:after {
  content: "130 - 160";
}
.graph-dpe--de.e .letter-e {
  height: 60px;
  position: relative;
}
.graph-dpe--de.e .letter-e .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 35%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.e .letter-e .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.e .letter-e .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FFF204;
  height: 58px;
}
.graph-dpe--de .letter-f .line {
  width: 40%;
}
.graph-dpe--de .letter-f .line,
.graph-dpe--de .letter-f .line:after {
  background-color: #FFD700;
}
.graph-dpe--de .letter-f .sticker--min-max:after, .graph-dpe--de .letter-f .sticker.no-value .sticker__number:after {
  content: "160 - 200";
}
.graph-dpe--de.f .letter-f {
  height: 60px;
  position: relative;
}
.graph-dpe--de.f .letter-f .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 40%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.f .letter-f .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.f .letter-f .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FFD700;
  height: 58px;
}
.graph-dpe--de .letter-g .line {
  width: 45%;
}
.graph-dpe--de .letter-g .line,
.graph-dpe--de .letter-g .line:after {
  background-color: #FE7B01;
}
.graph-dpe--de .letter-g .sticker--min-max:after, .graph-dpe--de .letter-g .sticker.no-value .sticker__number:after {
  content: "200 - 250";
}
.graph-dpe--de.g .letter-g {
  height: 60px;
  position: relative;
}
.graph-dpe--de.g .letter-g .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 45%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.g .letter-g .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.g .letter-g .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FE7B01;
  height: 58px;
}
.graph-dpe--de .letter-h .line {
  width: 50%;
}
.graph-dpe--de .letter-h .line,
.graph-dpe--de .letter-h .line:after {
  background-color: #FF3A00;
}
.graph-dpe--de .letter-h .sticker--min-max:after, .graph-dpe--de .letter-h .sticker.no-value .sticker__number:after {
  content: " > 250";
}
.graph-dpe--de.h .letter-h {
  height: 60px;
  position: relative;
}
.graph-dpe--de.h .letter-h .line {
  margin-left: 0;
  line-height: 60px;
  height: 60px;
  width: 50%;
  font-size: 28px;
  padding-left: 12px;
}
.graph-dpe--de.h .letter-h .line:after {
  width: calc(60px - 18px);
  height: calc(60px - 18px);
  position: absolute;
  right: -36px;
  top: 3px;
}
.graph-dpe--de.h .letter-h .sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FF3A00;
  height: 58px;
}

/* Functions */
/* deep-map-get */
/* Variables */
/* Maps for GES - FR, BE */
.graph-ges {
  width: 300px;
}
.graph-ges .letters {
  color: #fff;
  margin: 4px 0;
}
.graph-ges .letters > div {
  overflow: hidden;
  height: 20px;
  margin-bottom: 2px;
}
.graph-ges .letters > div .line {
  line-height: 20px;
  height: 20px;
  position: relative;
  margin-left: 0;
  z-index: 1;
  padding-left: 6px;
  float: left;
  font-size: 16px;
  font-family: "MuseoSans_700", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges .letters > div .sticker {
  display: none;
}
.graph-ges .graph-title {
  font-size: 18px;
  line-height: 20px;
  font-family: "MuseoSans_700", sans-serif;
  margin-bottom: 8px;
  color: #1a1f24;
}
.graph-ges .graph-title sup {
  font-family: "MuseoSans_900", sans-serif;
}
.graph-ges .graph-legend {
  font-size: 12px;
  line-height: 14px;
  font-family: "MuseoSans_700", sans-serif;
}
.graph-ges .graph-legend--top {
  color: #1a141e;
}
.graph-ges .graph-legend--bottom {
  color: #1a141e;
}
.graph-ges--fr {
  border: 1px solid #7dc0f4;
  padding: 8px 16px;
  border-radius: 8px;
}
.graph-ges--fr .graph-legend--top {
  color: #7dc0f4;
}
.graph-ges--fr {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-ges--fr .letter-a {
  width: 100%;
}
.graph-ges--fr .letter-a .line {
  width: 20%;
}
.graph-ges--fr .letter-a .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-a .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-a .line {
  background-color: #7dc0f4;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.a .letter-a {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.a .letter-a .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(20% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.a .letter-a .line:before {
  font-size: 14px;
}
.graph-ges--fr.a .letter-a .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.a .letter-a .sticker::before {
  width: calc(100% - 20% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.a .letter-a .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.a .letter-a .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.a .letter-a .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.a .letter-a .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.a .letter-a .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.a .letter-a .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.a .letter-a .sticker--no-value, .graph-ges--fr.a .letter-a .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.a .letter-a .sticker--no-value:before, .graph-ges--fr.a .letter-a .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #7dc0f4;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.a .letter-a .sticker--no-value:after, .graph-ges--fr.a .letter-a .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #7dc0f4;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-b {
  width: 100%;
}
.graph-ges--fr .letter-b .line {
  width: 25%;
}
.graph-ges--fr .letter-b .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-b .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-b .line {
  background-color: #6ea7c4;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.b .letter-b {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.b .letter-b .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(25% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.b .letter-b .line:before {
  font-size: 14px;
}
.graph-ges--fr.b .letter-b .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.b .letter-b .sticker::before {
  width: calc(100% - 25% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.b .letter-b .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.b .letter-b .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.b .letter-b .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.b .letter-b .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.b .letter-b .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.b .letter-b .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.b .letter-b .sticker--no-value, .graph-ges--fr.b .letter-b .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.b .letter-b .sticker--no-value:before, .graph-ges--fr.b .letter-b .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #6ea7c4;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.b .letter-b .sticker--no-value:after, .graph-ges--fr.b .letter-b .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #6ea7c4;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-c {
  width: 100%;
}
.graph-ges--fr .letter-c .line {
  width: 30%;
}
.graph-ges--fr .letter-c .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-c .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-c .line {
  background-color: #5f85a0;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.c .letter-c {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.c .letter-c .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(30% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.c .letter-c .line:before {
  font-size: 14px;
}
.graph-ges--fr.c .letter-c .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.c .letter-c .sticker::before {
  width: calc(100% - 30% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.c .letter-c .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.c .letter-c .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.c .letter-c .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.c .letter-c .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.c .letter-c .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.c .letter-c .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.c .letter-c .sticker--no-value, .graph-ges--fr.c .letter-c .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.c .letter-c .sticker--no-value:before, .graph-ges--fr.c .letter-c .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #5f85a0;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.c .letter-c .sticker--no-value:after, .graph-ges--fr.c .letter-c .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #5f85a0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-d {
  width: 100%;
}
.graph-ges--fr .letter-d .line {
  width: 35%;
}
.graph-ges--fr .letter-d .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-d .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-d .line {
  background-color: #2e5974;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.d .letter-d {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.d .letter-d .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(35% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.d .letter-d .line:before {
  font-size: 14px;
}
.graph-ges--fr.d .letter-d .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.d .letter-d .sticker::before {
  width: calc(100% - 35% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.d .letter-d .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.d .letter-d .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.d .letter-d .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.d .letter-d .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.d .letter-d .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.d .letter-d .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.d .letter-d .sticker--no-value, .graph-ges--fr.d .letter-d .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.d .letter-d .sticker--no-value:before, .graph-ges--fr.d .letter-d .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #2e5974;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.d .letter-d .sticker--no-value:after, .graph-ges--fr.d .letter-d .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #2e5974;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-e {
  width: 100%;
}
.graph-ges--fr .letter-e .line {
  width: 40%;
}
.graph-ges--fr .letter-e .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-e .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-e .line {
  background-color: #213653;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.e .letter-e {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.e .letter-e .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(40% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.e .letter-e .line:before {
  font-size: 14px;
}
.graph-ges--fr.e .letter-e .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.e .letter-e .sticker::before {
  width: calc(100% - 40% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.e .letter-e .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.e .letter-e .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.e .letter-e .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.e .letter-e .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.e .letter-e .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.e .letter-e .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.e .letter-e .sticker--no-value, .graph-ges--fr.e .letter-e .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.e .letter-e .sticker--no-value:before, .graph-ges--fr.e .letter-e .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #213653;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.e .letter-e .sticker--no-value:after, .graph-ges--fr.e .letter-e .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #213653;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-f {
  width: 100%;
}
.graph-ges--fr .letter-f .line {
  width: 45%;
}
.graph-ges--fr .letter-f .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-f .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-f .line {
  background-color: #1e2036;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.f .letter-f {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.f .letter-f .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(45% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.f .letter-f .line:before {
  font-size: 14px;
}
.graph-ges--fr.f .letter-f .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.f .letter-f .sticker::before {
  width: calc(100% - 45% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.f .letter-f .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.f .letter-f .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.f .letter-f .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.f .letter-f .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.f .letter-f .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.f .letter-f .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.f .letter-f .sticker--no-value, .graph-ges--fr.f .letter-f .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.f .letter-f .sticker--no-value:before, .graph-ges--fr.f .letter-f .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #1e2036;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.f .letter-f .sticker--no-value:after, .graph-ges--fr.f .letter-f .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #1e2036;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr .letter-g {
  width: 100%;
}
.graph-ges--fr .letter-g .line {
  width: 50%;
}
.graph-ges--fr .letter-g .line:before {
  content: "  ";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr .letter-g .line span {
  position: absolute;
  right: 8px;
  position: relative;
  padding-left: 10px;
}
.graph-ges--fr .letter-g .line {
  background-color: #1a141e;
  border-radius: 0 36px 36px 0;
}
.graph-ges--fr.g .letter-g {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr.g .letter-g .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(50% + 12px);
  border-radius: 0 56px 56px 0;
}
.graph-ges--fr.g .letter-g .line:before {
  font-size: 14px;
}
.graph-ges--fr.g .letter-g .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr.g .letter-g .sticker::before {
  width: calc(100% - 50% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr.g .letter-g .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr.g .letter-g .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr.g .letter-g .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr.g .letter-g .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr.g .letter-g .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr.g .letter-g .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr.g .letter-g .sticker--no-value, .graph-ges--fr.g .letter-g .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr.g .letter-g .sticker--no-value:before, .graph-ges--fr.g .letter-g .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #1a141e;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr.g .letter-g .sticker--no-value:after, .graph-ges--fr.g .letter-g .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #1a141e;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-ges--fr-old .letter-a {
  width: 100%;
}
.graph-ges--fr-old .letter-a .line {
  width: 20%;
}
.graph-ges--fr-old .letter-a .line:before {
  content: "  < 5";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-a .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-a .line {
  background-color: #efddff;
}
.graph-ges--fr-old.a .letter-a {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.a .letter-a .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(20% + 12px);
}
.graph-ges--fr-old.a .letter-a .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.a .letter-a .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.a .letter-a .sticker::before {
  width: calc(100% - 20% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.a .letter-a .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.a .letter-a .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.a .letter-a .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.a .letter-a .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.a .letter-a .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.a .letter-a .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.a .letter-a .sticker--no-value, .graph-ges--fr-old.a .letter-a .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.a .letter-a .sticker--no-value:before, .graph-ges--fr-old.a .letter-a .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #efddff;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.a .letter-a .sticker--no-value:after, .graph-ges--fr-old.a .letter-a .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #efddff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-b {
  width: 100%;
}
.graph-ges--fr-old .letter-b .line {
  width: 25%;
}
.graph-ges--fr-old .letter-b .line:before {
  content: "6 - 10";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-b .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-b .line {
  background-color: #e1c2f8;
}
.graph-ges--fr-old.b .letter-b {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.b .letter-b .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(25% + 12px);
}
.graph-ges--fr-old.b .letter-b .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.b .letter-b .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.b .letter-b .sticker::before {
  width: calc(100% - 25% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.b .letter-b .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.b .letter-b .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.b .letter-b .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.b .letter-b .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.b .letter-b .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.b .letter-b .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.b .letter-b .sticker--no-value, .graph-ges--fr-old.b .letter-b .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.b .letter-b .sticker--no-value:before, .graph-ges--fr-old.b .letter-b .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #e1c2f8;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.b .letter-b .sticker--no-value:after, .graph-ges--fr-old.b .letter-b .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #e1c2f8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-c {
  width: 100%;
}
.graph-ges--fr-old .letter-c .line {
  width: 30%;
}
.graph-ges--fr-old .letter-c .line:before {
  content: "11 - 20";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-c .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-c .line {
  background-color: #d4a9f5;
}
.graph-ges--fr-old.c .letter-c {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.c .letter-c .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(30% + 12px);
}
.graph-ges--fr-old.c .letter-c .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.c .letter-c .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.c .letter-c .sticker::before {
  width: calc(100% - 30% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.c .letter-c .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.c .letter-c .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.c .letter-c .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.c .letter-c .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.c .letter-c .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.c .letter-c .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.c .letter-c .sticker--no-value, .graph-ges--fr-old.c .letter-c .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.c .letter-c .sticker--no-value:before, .graph-ges--fr-old.c .letter-c .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #d4a9f5;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.c .letter-c .sticker--no-value:after, .graph-ges--fr-old.c .letter-c .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #d4a9f5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-d {
  width: 100%;
}
.graph-ges--fr-old .letter-d .line {
  width: 35%;
}
.graph-ges--fr-old .letter-d .line:before {
  content: "21 - 35";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-d .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-d .line {
  background-color: #cb95f3;
}
.graph-ges--fr-old.d .letter-d {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.d .letter-d .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(35% + 12px);
}
.graph-ges--fr-old.d .letter-d .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.d .letter-d .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.d .letter-d .sticker::before {
  width: calc(100% - 35% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.d .letter-d .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.d .letter-d .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.d .letter-d .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.d .letter-d .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.d .letter-d .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.d .letter-d .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.d .letter-d .sticker--no-value, .graph-ges--fr-old.d .letter-d .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.d .letter-d .sticker--no-value:before, .graph-ges--fr-old.d .letter-d .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #cb95f3;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.d .letter-d .sticker--no-value:after, .graph-ges--fr-old.d .letter-d .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #cb95f3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-e {
  width: 100%;
}
.graph-ges--fr-old .letter-e .line {
  width: 40%;
}
.graph-ges--fr-old .letter-e .line:before {
  content: "36 - 55";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-e .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-e .line {
  background-color: #ba72ef;
}
.graph-ges--fr-old.e .letter-e {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.e .letter-e .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(40% + 12px);
}
.graph-ges--fr-old.e .letter-e .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.e .letter-e .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.e .letter-e .sticker::before {
  width: calc(100% - 40% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.e .letter-e .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.e .letter-e .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.e .letter-e .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.e .letter-e .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.e .letter-e .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.e .letter-e .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.e .letter-e .sticker--no-value, .graph-ges--fr-old.e .letter-e .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.e .letter-e .sticker--no-value:before, .graph-ges--fr-old.e .letter-e .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #ba72ef;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.e .letter-e .sticker--no-value:after, .graph-ges--fr-old.e .letter-e .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #ba72ef;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-f {
  width: 100%;
}
.graph-ges--fr-old .letter-f .line {
  width: 45%;
}
.graph-ges--fr-old .letter-f .line:before {
  content: "56 - 80";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-f .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-f .line {
  background-color: #a74deb;
}
.graph-ges--fr-old.f .letter-f {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.f .letter-f .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(45% + 12px);
}
.graph-ges--fr-old.f .letter-f .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.f .letter-f .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.f .letter-f .sticker::before {
  width: calc(100% - 45% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.f .letter-f .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.f .letter-f .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.f .letter-f .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.f .letter-f .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.f .letter-f .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.f .letter-f .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.f .letter-f .sticker--no-value, .graph-ges--fr-old.f .letter-f .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.f .letter-f .sticker--no-value:before, .graph-ges--fr-old.f .letter-f .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #a74deb;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.f .letter-f .sticker--no-value:after, .graph-ges--fr-old.f .letter-f .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #a74deb;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--fr-old .letter-g {
  width: 100%;
}
.graph-ges--fr-old .letter-g .line {
  width: 50%;
}
.graph-ges--fr-old .letter-g .line:before {
  content: " > 80";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--fr-old .letter-g .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--fr-old .letter-g .line {
  background-color: #8a18df;
}
.graph-ges--fr-old.g .letter-g {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--fr-old.g .letter-g .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(50% + 12px);
}
.graph-ges--fr-old.g .letter-g .line:before {
  font-size: 14px;
}
.graph-ges--fr-old.g .letter-g .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--fr-old.g .letter-g .sticker::before {
  width: calc(100% - 50% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--fr-old.g .letter-g .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--fr-old.g .letter-g .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--fr-old.g .letter-g .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--fr-old.g .letter-g .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--fr-old.g .letter-g .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--fr-old.g .letter-g .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--fr-old.g .letter-g .sticker--no-value, .graph-ges--fr-old.g .letter-g .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--fr-old.g .letter-g .sticker--no-value:before, .graph-ges--fr-old.g .letter-g .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #8a18df;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--fr-old.g .letter-g .sticker--no-value:after, .graph-ges--fr-old.g .letter-g .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #8a18df;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-ges--be .letter-a {
  width: 100%;
}
.graph-ges--be .letter-a .line {
  width: 20%;
}
.graph-ges--be .letter-a .line:before {
  content: " < 5";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-a .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-a .line {
  background-color: #efddff;
}
.graph-ges--be.a .letter-a {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.a .letter-a .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(20% + 12px);
}
.graph-ges--be.a .letter-a .line:before {
  font-size: 14px;
}
.graph-ges--be.a .letter-a .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.a .letter-a .sticker::before {
  width: calc(100% - 20% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.a .letter-a .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.a .letter-a .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.a .letter-a .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.a .letter-a .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.a .letter-a .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.a .letter-a .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.a .letter-a .sticker--no-value, .graph-ges--be.a .letter-a .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.a .letter-a .sticker--no-value:before, .graph-ges--be.a .letter-a .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #efddff;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.a .letter-a .sticker--no-value:after, .graph-ges--be.a .letter-a .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #efddff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-b {
  width: 100%;
}
.graph-ges--be .letter-b .line {
  width: 25%;
}
.graph-ges--be .letter-b .line:before {
  content: "6 - 10";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-b .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-b .line {
  background-color: #e0c1fa;
}
.graph-ges--be.b .letter-b {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.b .letter-b .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(25% + 12px);
}
.graph-ges--be.b .letter-b .line:before {
  font-size: 14px;
}
.graph-ges--be.b .letter-b .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.b .letter-b .sticker::before {
  width: calc(100% - 25% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.b .letter-b .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.b .letter-b .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.b .letter-b .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.b .letter-b .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.b .letter-b .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.b .letter-b .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.b .letter-b .sticker--no-value, .graph-ges--be.b .letter-b .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.b .letter-b .sticker--no-value:before, .graph-ges--be.b .letter-b .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #e0c1fa;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.b .letter-b .sticker--no-value:after, .graph-ges--be.b .letter-b .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #e0c1fa;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-c {
  width: 100%;
}
.graph-ges--be .letter-c .line {
  width: 30%;
}
.graph-ges--be .letter-c .line:before {
  content: "11 - 20";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-c .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-c .line {
  background-color: #deadff;
}
.graph-ges--be.c .letter-c {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.c .letter-c .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(30% + 12px);
}
.graph-ges--be.c .letter-c .line:before {
  font-size: 14px;
}
.graph-ges--be.c .letter-c .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.c .letter-c .sticker::before {
  width: calc(100% - 30% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.c .letter-c .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.c .letter-c .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.c .letter-c .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.c .letter-c .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.c .letter-c .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.c .letter-c .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.c .letter-c .sticker--no-value, .graph-ges--be.c .letter-c .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.c .letter-c .sticker--no-value:before, .graph-ges--be.c .letter-c .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #deadff;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.c .letter-c .sticker--no-value:after, .graph-ges--be.c .letter-c .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #deadff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-d {
  width: 100%;
}
.graph-ges--be .letter-d .line {
  width: 35%;
}
.graph-ges--be .letter-d .line:before {
  content: "21 - 35";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-d .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-d .line {
  background-color: #cd92f5;
}
.graph-ges--be.d .letter-d {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.d .letter-d .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(35% + 12px);
}
.graph-ges--be.d .letter-d .line:before {
  font-size: 14px;
}
.graph-ges--be.d .letter-d .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.d .letter-d .sticker::before {
  width: calc(100% - 35% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.d .letter-d .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.d .letter-d .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.d .letter-d .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.d .letter-d .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.d .letter-d .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.d .letter-d .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.d .letter-d .sticker--no-value, .graph-ges--be.d .letter-d .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.d .letter-d .sticker--no-value:before, .graph-ges--be.d .letter-d .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #cd92f5;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.d .letter-d .sticker--no-value:after, .graph-ges--be.d .letter-d .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #cd92f5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-e {
  width: 100%;
}
.graph-ges--be .letter-e .line {
  width: 40%;
}
.graph-ges--be .letter-e .line:before {
  content: "36 - 55";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-e .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-e .line {
  background-color: #bb6df2;
}
.graph-ges--be.e .letter-e {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.e .letter-e .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(40% + 12px);
}
.graph-ges--be.e .letter-e .line:before {
  font-size: 14px;
}
.graph-ges--be.e .letter-e .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.e .letter-e .sticker::before {
  width: calc(100% - 40% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.e .letter-e .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.e .letter-e .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.e .letter-e .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.e .letter-e .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.e .letter-e .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.e .letter-e .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.e .letter-e .sticker--no-value, .graph-ges--be.e .letter-e .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.e .letter-e .sticker--no-value:before, .graph-ges--be.e .letter-e .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #bb6df2;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.e .letter-e .sticker--no-value:after, .graph-ges--be.e .letter-e .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #bb6df2;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-f {
  width: 100%;
}
.graph-ges--be .letter-f .line {
  width: 45%;
}
.graph-ges--be .letter-f .line:before {
  content: "56 - 80";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-f .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-f .line {
  background-color: #a845ee;
}
.graph-ges--be.f .letter-f {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.f .letter-f .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(45% + 12px);
}
.graph-ges--be.f .letter-f .line:before {
  font-size: 14px;
}
.graph-ges--be.f .letter-f .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.f .letter-f .sticker::before {
  width: calc(100% - 45% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.f .letter-f .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.f .letter-f .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.f .letter-f .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.f .letter-f .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.f .letter-f .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.f .letter-f .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.f .letter-f .sticker--no-value, .graph-ges--be.f .letter-f .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.f .letter-f .sticker--no-value:before, .graph-ges--be.f .letter-f .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #a845ee;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.f .letter-f .sticker--no-value:after, .graph-ges--be.f .letter-f .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #a845ee;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-g {
  width: 100%;
}
.graph-ges--be .letter-g .line {
  width: 50%;
}
.graph-ges--be .letter-g .line:before {
  content: "81 - 110";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-g .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-g .line {
  background-color: #8a00e3;
}
.graph-ges--be.g .letter-g {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.g .letter-g .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(50% + 12px);
}
.graph-ges--be.g .letter-g .line:before {
  font-size: 14px;
}
.graph-ges--be.g .letter-g .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.g .letter-g .sticker::before {
  width: calc(100% - 50% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.g .letter-g .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.g .letter-g .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.g .letter-g .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.g .letter-g .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.g .letter-g .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.g .letter-g .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.g .letter-g .sticker--no-value, .graph-ges--be.g .letter-g .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.g .letter-g .sticker--no-value:before, .graph-ges--be.g .letter-g .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #8a00e3;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.g .letter-g .sticker--no-value:after, .graph-ges--be.g .letter-g .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #8a00e3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-h {
  width: 100%;
}
.graph-ges--be .letter-h .line {
  width: 55%;
}
.graph-ges--be .letter-h .line:before {
  content: "111 - 145";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-h .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-h .line {
  background-color: #697684;
}
.graph-ges--be.h .letter-h {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.h .letter-h .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(55% + 12px);
}
.graph-ges--be.h .letter-h .line:before {
  font-size: 14px;
}
.graph-ges--be.h .letter-h .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.h .letter-h .sticker::before {
  width: calc(100% - 55% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.h .letter-h .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.h .letter-h .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.h .letter-h .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.h .letter-h .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.h .letter-h .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.h .letter-h .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.h .letter-h .sticker--no-value, .graph-ges--be.h .letter-h .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.h .letter-h .sticker--no-value:before, .graph-ges--be.h .letter-h .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #697684;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.h .letter-h .sticker--no-value:after, .graph-ges--be.h .letter-h .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #697684;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-ges--be .letter-i {
  width: 100%;
}
.graph-ges--be .letter-i .line {
  width: 60%;
}
.graph-ges--be .letter-i .line:before {
  content: " > 145";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-ges--be .letter-i .line span {
  position: absolute;
  right: 8px;
}
.graph-ges--be .letter-i .line {
  background-color: #1a1f24;
}
.graph-ges--be.i .letter-i {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-ges--be.i .letter-i .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(60% + 12px);
}
.graph-ges--be.i .letter-i .line:before {
  font-size: 14px;
}
.graph-ges--be.i .letter-i .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-ges--be.i .letter-i .sticker::before {
  width: calc(100% - 60% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-ges--be.i .letter-i .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-ges--be.i .letter-i .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-ges--be.i .letter-i .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-ges--be.i .letter-i .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-ges--be.i .letter-i .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-ges--be.i .letter-i .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-ges--be.i .letter-i .sticker--no-value, .graph-ges--be.i .letter-i .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-ges--be.i .letter-i .sticker--no-value:before, .graph-ges--be.i .letter-i .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #1a1f24;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-ges--be.i .letter-i .sticker--no-value:after, .graph-ges--be.i .letter-i .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #1a1f24;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/* Functions */
/* deep-map-get */
/* Variables */
/* Maps for CIT - LU, BE */
.graph-cit {
  width: 300px;
}
.graph-cit .letters {
  color: #fff;
  margin: 4px 0;
}
.graph-cit .letters > div {
  overflow: hidden;
  height: 20px;
  margin-bottom: 2px;
}
.graph-cit .letters > div .line {
  line-height: 20px;
  height: 20px;
  position: relative;
  margin-left: 0;
  z-index: 1;
  padding-left: 6px;
  float: left;
  font-size: 16px;
  font-family: "MuseoSans_700", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit .letters > div .sticker {
  display: none;
}
.graph-cit .graph-title {
  font-size: 18px;
  line-height: 20px;
  font-family: "MuseoSans_700", sans-serif;
  margin-bottom: 8px;
  color: #1a1f24;
}
.graph-cit .graph-title sup {
  font-family: "MuseoSans_900", sans-serif;
}
.graph-cit .graph-legend {
  font-size: 12px;
  line-height: 14px;
  font-family: "MuseoSans_700", sans-serif;
}
.graph-cit .graph-legend--top {
  color: #1a141e;
}
.graph-cit .graph-legend--bottom {
  color: #1a141e;
}
.graph-cit--fr {
  border: 1px solid #7dc0f4;
  padding: 8px 16px;
  border-radius: 8px;
}
.graph-cit--fr .graph-legend--top {
  color: #7dc0f4;
}
.graph-cit--lu {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-cit--lu .letter-a {
  width: 100%;
}
.graph-cit--lu .letter-a .line {
  width: 20%;
}
.graph-cit--lu .letter-a .line:before {
  content: " < 22";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-a .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-a .line {
  background-color: #00872f;
}
.graph-cit--lu.a .letter-a {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.a .letter-a .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(20% + 12px);
}
.graph-cit--lu.a .letter-a .line:before {
  font-size: 14px;
}
.graph-cit--lu.a .letter-a .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.a .letter-a .sticker::before {
  width: calc(100% - 20% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.a .letter-a .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.a .letter-a .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.a .letter-a .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.a .letter-a .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.a .letter-a .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.a .letter-a .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.a .letter-a .sticker--no-value, .graph-cit--lu.a .letter-a .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.a .letter-a .sticker--no-value:before, .graph-cit--lu.a .letter-a .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #00872f;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.a .letter-a .sticker--no-value:after, .graph-cit--lu.a .letter-a .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #00872f;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-b {
  width: 100%;
}
.graph-cit--lu .letter-b .line {
  width: 25%;
}
.graph-cit--lu .letter-b .line:before {
  content: "23 - 43";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-b .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-b .line {
  background-color: #48a335;
}
.graph-cit--lu.b .letter-b {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.b .letter-b .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(25% + 12px);
}
.graph-cit--lu.b .letter-b .line:before {
  font-size: 14px;
}
.graph-cit--lu.b .letter-b .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.b .letter-b .sticker::before {
  width: calc(100% - 25% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.b .letter-b .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.b .letter-b .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.b .letter-b .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.b .letter-b .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.b .letter-b .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.b .letter-b .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.b .letter-b .sticker--no-value, .graph-cit--lu.b .letter-b .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.b .letter-b .sticker--no-value:before, .graph-cit--lu.b .letter-b .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #48a335;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.b .letter-b .sticker--no-value:after, .graph-cit--lu.b .letter-b .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #48a335;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-c {
  width: 100%;
}
.graph-cit--lu .letter-c .line {
  width: 30%;
}
.graph-cit--lu .letter-c .line:before {
  content: "44 - 69";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-c .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-c .line {
  background-color: #69931e;
}
.graph-cit--lu.c .letter-c {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.c .letter-c .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(30% + 12px);
}
.graph-cit--lu.c .letter-c .line:before {
  font-size: 14px;
}
.graph-cit--lu.c .letter-c .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.c .letter-c .sticker::before {
  width: calc(100% - 30% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.c .letter-c .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.c .letter-c .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.c .letter-c .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.c .letter-c .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.c .letter-c .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.c .letter-c .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.c .letter-c .sticker--no-value, .graph-cit--lu.c .letter-c .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.c .letter-c .sticker--no-value:before, .graph-cit--lu.c .letter-c .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #69931e;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.c .letter-c .sticker--no-value:after, .graph-cit--lu.c .letter-c .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #69931e;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-d {
  width: 100%;
}
.graph-cit--lu .letter-d .line {
  width: 35%;
}
.graph-cit--lu .letter-d .line:before {
  content: "70 - 86";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-d .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-d .line {
  background-color: #dcdc00;
}
.graph-cit--lu.d .letter-d {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.d .letter-d .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(35% + 12px);
}
.graph-cit--lu.d .letter-d .line:before {
  font-size: 14px;
}
.graph-cit--lu.d .letter-d .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.d .letter-d .sticker::before {
  width: calc(100% - 35% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.d .letter-d .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.d .letter-d .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.d .letter-d .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.d .letter-d .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.d .letter-d .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.d .letter-d .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.d .letter-d .sticker--no-value, .graph-cit--lu.d .letter-d .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.d .letter-d .sticker--no-value:before, .graph-cit--lu.d .letter-d .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #dcdc00;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.d .letter-d .sticker--no-value:after, .graph-cit--lu.d .letter-d .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #dcdc00;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-e {
  width: 100%;
}
.graph-cit--lu .letter-e .line {
  width: 40%;
}
.graph-cit--lu .letter-e .line:before {
  content: "87 - 130";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-e .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-e .line {
  background-color: #fdf400;
}
.graph-cit--lu.e .letter-e {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.e .letter-e .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(40% + 12px);
}
.graph-cit--lu.e .letter-e .line:before {
  font-size: 14px;
}
.graph-cit--lu.e .letter-e .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.e .letter-e .sticker::before {
  width: calc(100% - 40% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.e .letter-e .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.e .letter-e .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.e .letter-e .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.e .letter-e .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.e .letter-e .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.e .letter-e .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.e .letter-e .sticker--no-value, .graph-cit--lu.e .letter-e .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.e .letter-e .sticker--no-value:before, .graph-cit--lu.e .letter-e .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #fdf400;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.e .letter-e .sticker--no-value:after, .graph-cit--lu.e .letter-e .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #fdf400;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-f {
  width: 100%;
}
.graph-cit--lu .letter-f .line {
  width: 45%;
}
.graph-cit--lu .letter-f .line:before {
  content: "131 - 170";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-f .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-f .line {
  background-color: #feb700;
}
.graph-cit--lu.f .letter-f {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.f .letter-f .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(45% + 12px);
}
.graph-cit--lu.f .letter-f .line:before {
  font-size: 14px;
}
.graph-cit--lu.f .letter-f .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.f .letter-f .sticker::before {
  width: calc(100% - 45% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.f .letter-f .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.f .letter-f .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.f .letter-f .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.f .letter-f .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.f .letter-f .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.f .letter-f .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.f .letter-f .sticker--no-value, .graph-cit--lu.f .letter-f .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.f .letter-f .sticker--no-value:before, .graph-cit--lu.f .letter-f .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #feb700;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.f .letter-f .sticker--no-value:after, .graph-cit--lu.f .letter-f .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #feb700;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-g {
  width: 100%;
}
.graph-cit--lu .letter-g .line {
  width: 50%;
}
.graph-cit--lu .letter-g .line:before {
  content: "171 - 230";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-g .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-g .line {
  background-color: #fe7200;
}
.graph-cit--lu.g .letter-g {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.g .letter-g .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(50% + 12px);
}
.graph-cit--lu.g .letter-g .line:before {
  font-size: 14px;
}
.graph-cit--lu.g .letter-g .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.g .letter-g .sticker::before {
  width: calc(100% - 50% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.g .letter-g .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.g .letter-g .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.g .letter-g .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.g .letter-g .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.g .letter-g .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.g .letter-g .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.g .letter-g .sticker--no-value, .graph-cit--lu.g .letter-g .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.g .letter-g .sticker--no-value:before, .graph-cit--lu.g .letter-g .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #fe7200;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.g .letter-g .sticker--no-value:after, .graph-cit--lu.g .letter-g .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #fe7200;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-h {
  width: 100%;
}
.graph-cit--lu .letter-h .line {
  width: 55%;
}
.graph-cit--lu .letter-h .line:before {
  content: "231 - 296";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-h .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-h .line {
  background-color: #ef3c00;
}
.graph-cit--lu.h .letter-h {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.h .letter-h .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(55% + 12px);
}
.graph-cit--lu.h .letter-h .line:before {
  font-size: 14px;
}
.graph-cit--lu.h .letter-h .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.h .letter-h .sticker::before {
  width: calc(100% - 55% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.h .letter-h .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.h .letter-h .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.h .letter-h .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.h .letter-h .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.h .letter-h .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.h .letter-h .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.h .letter-h .sticker--no-value, .graph-cit--lu.h .letter-h .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.h .letter-h .sticker--no-value:before, .graph-cit--lu.h .letter-h .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #ef3c00;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.h .letter-h .sticker--no-value:after, .graph-cit--lu.h .letter-h .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #ef3c00;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--lu .letter-i {
  width: 100%;
}
.graph-cit--lu .letter-i .line {
  width: 60%;
}
.graph-cit--lu .letter-i .line:before {
  content: " > 296";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--lu .letter-i .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--lu .letter-i .line {
  background-color: #c60611;
}
.graph-cit--lu.i .letter-i {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--lu.i .letter-i .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(60% + 12px);
}
.graph-cit--lu.i .letter-i .line:before {
  font-size: 14px;
}
.graph-cit--lu.i .letter-i .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--lu.i .letter-i .sticker::before {
  width: calc(100% - 60% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--lu.i .letter-i .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--lu.i .letter-i .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--lu.i .letter-i .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--lu.i .letter-i .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--lu.i .letter-i .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--lu.i .letter-i .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--lu.i .letter-i .sticker--no-value, .graph-cit--lu.i .letter-i .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--lu.i .letter-i .sticker--no-value:before, .graph-cit--lu.i .letter-i .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #c60611;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--lu.i .letter-i .sticker--no-value:after, .graph-cit--lu.i .letter-i .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #c60611;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be {
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
  /* Variables */
}
.graph-cit--be .letter-a {
  width: 100%;
}
.graph-cit--be .letter-a .line {
  width: 20%;
}
.graph-cit--be .letter-a .line:before {
  content: " < 22";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-a .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-a .line {
  background-color: #00872f;
}
.graph-cit--be.a .letter-a {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.a .letter-a .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(20% + 12px);
}
.graph-cit--be.a .letter-a .line:before {
  font-size: 14px;
}
.graph-cit--be.a .letter-a .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.a .letter-a .sticker::before {
  width: calc(100% - 20% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.a .letter-a .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.a .letter-a .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.a .letter-a .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.a .letter-a .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.a .letter-a .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.a .letter-a .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.a .letter-a .sticker--no-value, .graph-cit--be.a .letter-a .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.a .letter-a .sticker--no-value:before, .graph-cit--be.a .letter-a .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #00872f;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.a .letter-a .sticker--no-value:after, .graph-cit--be.a .letter-a .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #00872f;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-b {
  width: 100%;
}
.graph-cit--be .letter-b .line {
  width: 25%;
}
.graph-cit--be .letter-b .line:before {
  content: "23 - 43";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-b .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-b .line {
  background-color: #48a335;
}
.graph-cit--be.b .letter-b {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.b .letter-b .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(25% + 12px);
}
.graph-cit--be.b .letter-b .line:before {
  font-size: 14px;
}
.graph-cit--be.b .letter-b .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.b .letter-b .sticker::before {
  width: calc(100% - 25% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.b .letter-b .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.b .letter-b .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.b .letter-b .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.b .letter-b .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.b .letter-b .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.b .letter-b .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.b .letter-b .sticker--no-value, .graph-cit--be.b .letter-b .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.b .letter-b .sticker--no-value:before, .graph-cit--be.b .letter-b .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #48a335;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.b .letter-b .sticker--no-value:after, .graph-cit--be.b .letter-b .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #48a335;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-c {
  width: 100%;
}
.graph-cit--be .letter-c .line {
  width: 30%;
}
.graph-cit--be .letter-c .line:before {
  content: "44 - 69";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-c .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-c .line {
  background-color: #69931e;
}
.graph-cit--be.c .letter-c {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.c .letter-c .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(30% + 12px);
}
.graph-cit--be.c .letter-c .line:before {
  font-size: 14px;
}
.graph-cit--be.c .letter-c .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.c .letter-c .sticker::before {
  width: calc(100% - 30% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.c .letter-c .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.c .letter-c .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.c .letter-c .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.c .letter-c .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.c .letter-c .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.c .letter-c .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.c .letter-c .sticker--no-value, .graph-cit--be.c .letter-c .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.c .letter-c .sticker--no-value:before, .graph-cit--be.c .letter-c .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #69931e;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.c .letter-c .sticker--no-value:after, .graph-cit--be.c .letter-c .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #69931e;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-d {
  width: 100%;
}
.graph-cit--be .letter-d .line {
  width: 35%;
}
.graph-cit--be .letter-d .line:before {
  content: "70 - 86";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-d .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-d .line {
  background-color: #dcdc00;
}
.graph-cit--be.d .letter-d {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.d .letter-d .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(35% + 12px);
}
.graph-cit--be.d .letter-d .line:before {
  font-size: 14px;
}
.graph-cit--be.d .letter-d .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.d .letter-d .sticker::before {
  width: calc(100% - 35% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.d .letter-d .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.d .letter-d .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.d .letter-d .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.d .letter-d .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.d .letter-d .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.d .letter-d .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.d .letter-d .sticker--no-value, .graph-cit--be.d .letter-d .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.d .letter-d .sticker--no-value:before, .graph-cit--be.d .letter-d .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #dcdc00;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.d .letter-d .sticker--no-value:after, .graph-cit--be.d .letter-d .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #dcdc00;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-e {
  width: 100%;
}
.graph-cit--be .letter-e .line {
  width: 40%;
}
.graph-cit--be .letter-e .line:before {
  content: "87 - 130";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-e .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-e .line {
  background-color: #fdf400;
}
.graph-cit--be.e .letter-e {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.e .letter-e .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(40% + 12px);
}
.graph-cit--be.e .letter-e .line:before {
  font-size: 14px;
}
.graph-cit--be.e .letter-e .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.e .letter-e .sticker::before {
  width: calc(100% - 40% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.e .letter-e .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.e .letter-e .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.e .letter-e .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.e .letter-e .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.e .letter-e .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.e .letter-e .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.e .letter-e .sticker--no-value, .graph-cit--be.e .letter-e .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.e .letter-e .sticker--no-value:before, .graph-cit--be.e .letter-e .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #fdf400;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.e .letter-e .sticker--no-value:after, .graph-cit--be.e .letter-e .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #fdf400;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-f {
  width: 100%;
}
.graph-cit--be .letter-f .line {
  width: 45%;
}
.graph-cit--be .letter-f .line:before {
  content: "131 - 170";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-f .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-f .line {
  background-color: #feb700;
}
.graph-cit--be.f .letter-f {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.f .letter-f .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(45% + 12px);
}
.graph-cit--be.f .letter-f .line:before {
  font-size: 14px;
}
.graph-cit--be.f .letter-f .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.f .letter-f .sticker::before {
  width: calc(100% - 45% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.f .letter-f .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.f .letter-f .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.f .letter-f .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.f .letter-f .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.f .letter-f .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.f .letter-f .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.f .letter-f .sticker--no-value, .graph-cit--be.f .letter-f .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.f .letter-f .sticker--no-value:before, .graph-cit--be.f .letter-f .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #feb700;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.f .letter-f .sticker--no-value:after, .graph-cit--be.f .letter-f .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #feb700;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-g {
  width: 100%;
}
.graph-cit--be .letter-g .line {
  width: 50%;
}
.graph-cit--be .letter-g .line:before {
  content: "171 - 230";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-g .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-g .line {
  background-color: #fe7200;
}
.graph-cit--be.g .letter-g {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.g .letter-g .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(50% + 12px);
}
.graph-cit--be.g .letter-g .line:before {
  font-size: 14px;
}
.graph-cit--be.g .letter-g .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.g .letter-g .sticker::before {
  width: calc(100% - 50% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.g .letter-g .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.g .letter-g .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.g .letter-g .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.g .letter-g .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.g .letter-g .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.g .letter-g .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.g .letter-g .sticker--no-value, .graph-cit--be.g .letter-g .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.g .letter-g .sticker--no-value:before, .graph-cit--be.g .letter-g .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #fe7200;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.g .letter-g .sticker--no-value:after, .graph-cit--be.g .letter-g .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #fe7200;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-h {
  width: 100%;
}
.graph-cit--be .letter-h .line {
  width: 55%;
}
.graph-cit--be .letter-h .line:before {
  content: "231 - 295";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-h .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-h .line {
  background-color: #ef3c00;
}
.graph-cit--be.h .letter-h {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.h .letter-h .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(55% + 12px);
}
.graph-cit--be.h .letter-h .line:before {
  font-size: 14px;
}
.graph-cit--be.h .letter-h .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.h .letter-h .sticker::before {
  width: calc(100% - 55% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.h .letter-h .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.h .letter-h .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.h .letter-h .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.h .letter-h .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.h .letter-h .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.h .letter-h .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.h .letter-h .sticker--no-value, .graph-cit--be.h .letter-h .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.h .letter-h .sticker--no-value:before, .graph-cit--be.h .letter-h .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #ef3c00;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.h .letter-h .sticker--no-value:after, .graph-cit--be.h .letter-h .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #ef3c00;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.graph-cit--be .letter-i {
  width: 100%;
}
.graph-cit--be .letter-i .line {
  width: 60%;
}
.graph-cit--be .letter-i .line:before {
  content: " > 296";
  position: absolute;
  font-size: 12px;
  left: 8px;
}
.graph-cit--be .letter-i .line span {
  position: absolute;
  right: 8px;
}
.graph-cit--be .letter-i .line {
  background-color: #c60611;
}
.graph-cit--be.i .letter-i {
  height: 40px;
  position: relative;
  margin-left: -6px;
}
.graph-cit--be.i .letter-i .line {
  line-height: 40px;
  height: 40px;
  font-size: 34px;
  width: calc(60% + 12px);
}
.graph-cit--be.i .letter-i .line:before {
  font-size: 14px;
}
.graph-cit--be.i .letter-i .sticker {
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graph-cit--be.i .letter-i .sticker::before {
  width: calc(100% - 60% - 16px);
  height: 2px;
  content: "";
  background-color: #39434e;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 0;
}
.graph-cit--be.i .letter-i .sticker > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: #ffffff;
  color: #39434e;
  padding: 0 0 0 8px;
  z-index: 1;
  position: relative;
}
.graph-cit--be.i .letter-i .sticker__number {
  font-size: 24px;
  font-family: "MuseoSans_900", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
}
.graph-cit--be.i .letter-i .sticker__number sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.graph-cit--be.i .letter-i .sticker__legend {
  font-size: 10px;
  line-height: 12px;
  height: 16px;
  font-family: "MuseoSans_700", sans-serif;
  color: #39434e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
}
.graph-cit--be.i .letter-i .sticker__legend sup {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 8px;
}
.graph-cit--be.i .letter-i .sticker__legend sub {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 8px;
}
.graph-cit--be.i .letter-i .sticker--no-value, .graph-cit--be.i .letter-i .sticker--value {
  position: absolute;
  width: 63px;
  height: 20px;
  margin: 0;
  right: 0;
  top: 10px;
}
.graph-cit--be.i .letter-i .sticker--no-value:before, .graph-cit--be.i .letter-i .sticker--value:before {
  content: " ";
  display: block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  width: 14.2857142857px;
  height: 14.2857142857px;
  background: #c60611;
  position: absolute;
  left: 11px;
  top: 1px;
  z-index: 1;
}
.graph-cit--be.i .letter-i .sticker--no-value:after, .graph-cit--be.i .letter-i .sticker--value:after {
  content: " ";
  display: block;
  width: 50px;
  height: 20px;
  background: #c60611;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.energy {
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 auto;
}
.energy .graph-dpe,
.energy .graph-ges,
.energy .graph-cit {
  margin: 16px 0;
}
.energy .grid {
  margin: 0 auto;
  width: 100%;
}
.energy .grid.gutterless > .row {
  margin: 0;
}
.energy .grid.gutterless > .row > * {
  padding: 0;
}
.energy .grid.gutterless > .row:last-child {
  margin-bottom: 0;
}
.energy .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 -5px 0 -5px;
}
.energy .col-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.energy .justify-content-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.energy .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.energy .letters {
  position: relative;
}
.energy .letters .nc--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
.energy .letters .nc__message {
  background: #fff;
  color: #39434e;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #697684;
  padding: 12px 16px;
}
.energy .letters .sticker--value span {
  color: #fff;
  z-index: 10;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 8px;
}

.dpe_date_describe {
  font-weight: normal;
}

.energy-block {
  display: flex;
  justify-content: left;
  align-items: center;
  column-gap: 5px;
  margin-top: 10px;
}

.energy-key {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  flex-grow: 1;
}

.energy-value {
  padding: 5px;
  border-radius: 4px;
  flex-shrink: 1;
  text-align: right;
}

.energy-letter {
  color: white;
  font-weight: 700;
  text-decoration: none;
}

.new-dpe-fr-letter-a {
  background: #02A06C;
}

.new-dpe-fr-letter-b {
  background: #4FB154;
}

.new-dpe-fr-letter-c {
  background: #A4CC74;
}

.new-dpe-fr-letter-d {
  background: #F2E719;
}

.new-dpe-fr-letter-e {
  background: #F0B417;
}

.new-dpe-fr-letter-f {
  background: #EB8336;
}

.new-dpe-fr-letter-g {
  background: #D71D20;
}

.new-ges-fr-letter-a {
  background: #7dc0f4;
}

.new-ges-fr-letter-b {
  background: #6ea7c4;
}

.new-ges-fr-letter-c {
  background: #5f85a0;
}

.new-ges-fr-letter-d {
  background: #2e5974;
}

.new-ges-fr-letter-e {
  background: #213653;
}

.new-ges-fr-letter-f {
  background: #1e2036;
}

.new-ges-fr-letter-g {
  background: #1a141e;
}

.old-dpe-fr-letter-a {
  background: #339a33;
}

.old-dpe-fr-letter-b {
  background: #33cc33;
}

.old-dpe-fr-letter-c {
  background: #cf3;
}

.old-dpe-fr-letter-d {
  background: #ffff01;
}

.old-dpe-fr-letter-e {
  background: #ffcc01;
}

.old-dpe-fr-letter-f {
  background: #ff9a33;
}

.old-dpe-fr-letter-g {
  background: #ff0100;
}

.old-ges-fr-letter-a {
  background: #efddff;
}

.old-ges-fr-letter-b {
  background: #e1c2f8;
}

.old-ges-fr-letter-c {
  background: #d4a9f5;
}

.old-ges-fr-letter-d {
  background: #cb95f3;
}

.old-ges-fr-letter-e {
  background: #ba72ef;
}

.old-ges-fr-letter-f {
  background: #a74deb;
}

.old-ges-fr-letter-g {
  background: #8a18df;
}

.dpe-be-letter-aaa {
  background: #0498E6
}

.dpe-be-letter-aa {
  background: #028130
}

.dpe-be-letter-a {
  background: #01A240
}

.dpe-be-letter-b {
  background: #78B33E;
}

.dpe-be-letter-c {
  background: #C4D218;
}

.dpe-be-letter-d {
  background: #E5DE14;
}

.dpe-be-letter-e {
  background: #FBBE08;
}

.dpe-be-letter-f {
  background: #F28922;
}

.dpe-be-letter-g {
  background: #D90011;
}

.ges-be-letter-a {
  background: #efddff;
}

.ges-be-letter-b {
  background: #e0c1fa;
}

.ges-be-letter-c {
  background: #deadff;
}

.ges-be-letter-d {
  background: #cd92f5;
}

.ges-be-letter-e {
  background: #bb6df2;
}

.ges-be-letter-f {
  background: #a845ee;
}

.ges-be-letter-g {
  background: #8a00e3;
}

.ges-be-letter-h {
  background: #697684;
}

.ges-be-letter-i {
  background: #1a1f24;
}

.dpe-de-letter-aa {
  background: #26FE02;
}

.dpe-de-letter-a {
  background: #8DFF00;
}

.dpe-de-letter-b {
  background: #B9FF03;
}

.dpe-de-letter-c {
  background: #E7FF00;
}

.dpe-de-letter-d {
  background: #F9FF00;
}

.dpe-de-letter-e {
  background: #FFF204;
}

.dpe-de-letter-f {
  background: #FFD700;
}

.dpe-de-letter-g {
  background: #FE7B01;
}

.dpe-de-letter-h {
  background: #FF3A00;
}

.dpe-lu-letter-a {
  background: #00872f;
}

.dpe-lu-letter-b {
  background: #48a335;
}

.dpe-lu-letter-c {
  background: #69931e;
}

.dpe-lu-letter-d {
  background: #dcdc00;
}

.dpe-lu-letter-e {
  background: #fdf400;
}

.dpe-lu-letter-f {
  background: #feb700;
}

.dpe-lu-letter-g {
  background: #fe7200;
}

.dpe-lu-letter-h {
  background: #ef3c00;
}

.dpe-lu-letter-i {
  background: #c60611;
}

.cit-be-letter-a {
  background: #00872f;
}

.cit-be-letter-b {
  background: #48a335;
}

.cit-be-letter-c {
  background: #69931e;
}

.cit-be-letter-d {
  background: #dcdc00;
}

.cit-be-letter-e {
  background: #fdf400;
}

.cit-be-letter-f {
  background: #feb700;
}

.cit-be-letter-g {
  background: #fe7200;
}

.cit-be-letter-h {
  background: #ef3c00;
}

.cit-be-letter-i {
  background: #c60611;
}

.cit-lu-letter-a {
  background: #00872f;
}

.cit-lu-letter-b {
  background: #48a335;
}

.cit-lu-letter-c {
  background: #69931e;
}

.cit-lu-letter-d {
  background: #dcdc00;
}

.cit-lu-letter-e {
  background: #fdf400;
}

.cit-lu-letter-f {
  background: #feb700;
}

.cit-lu-letter-g {
  background: #fe7200;
}

.cit-lu-letter-h {
  background: #ef3c00;
}

.cit-lu-letter-i {
  background: #c60611;
}

.energy-nc {
  background: rgb(199, 208, 216);
}