/*DPE*/

.damonte-conso-energetique {
  padding: 25px 0;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-A
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-A
  .damonte-conso-energetique-letter-content:after {
  background-color: #00a979;
  width: 40%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-B
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-B
  .damonte-conso-energetique-letter-content:after {
  background-color: #4eb860;
  width: 50%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-C
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-C
  .damonte-conso-energetique-letter-content:after {
  background-color: #6ec27e;
  width: 60%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-D
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-D
  .damonte-conso-energetique-letter-content:after {
  background-color: #eee931;
  width: 70%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-E
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-E
  .damonte-conso-energetique-letter-content:after {
  background-color: #ecaf28;
  width: 80%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-F
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-F
  .damonte-conso-energetique-letter-content:after {
  background-color: #ec843d;
  width: 90%;
}

.damonte-conso-energetique > div.damonte-conso-energetique-letter-G {
  margin-bottom: 25px;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-G
  .damonte-conso-energetique-letter-content,
.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-G
  .damonte-conso-energetique-letter-content:after {
  background-color: #db2c2b;
  width: 90%;
}

.damonte-conso-energetique > div > div {
  height: 43px;
}

.damonte-conso-energetique > div .damonte-conso-energetique-letter-content {
  height: 33px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 31px;
  font-weight: 700;
  padding-left: 5px;
  border-left: 0;
  line-height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 10px 0 0 10px;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-letter-content:after {
  content: "";
  width: 24px !important;
  height: 23px !important;
  position: absolute;
  right: -13px;
  transform: rotate(45deg);
  z-index: -1;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-ges-text,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-ges-text {
  border: 3px solid #000;
  border-left: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-text,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-text {
  border: 3px solid #000;
  border-right: 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-ges-label,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-label,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-ges-label,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-label {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  line-height: 120%;
  color: black;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-ges-label
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-label
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-ges-label
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-label
  span {
  font-weight: 400;
  color: black;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-label,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-label {
  top: -34px;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-ges-text,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-text,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-ges-text,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-text {
  font-size: 21px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  margin: 0;
  padding: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  color: black;
}

.damonte-conso-energetique > div.active {
  display: flex;
  flex-direction: row;
}

.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-ges-text
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-ges
  .damonte-conso-energetique-dpe-text
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-ges-text
  span,
.damonte-conso-energetique
  > div
  .damonte-conso-energetique-dpe
  .damonte-conso-energetique-dpe-text
  span {
  font-size: 9px;
  display: block;
  font-weight: 600;
  line-height: initial;
  color: black;
}

.damonte-conso-energetique > div .damonte-conso-energetique-dpe-label {
  line-height: 120%;
  top: -32px;
}

.damonte-conso-energetique
  > div
  > .damonte-conso-energetique-letter-bloc
  > span {
  position: absolute;
  font-weight: 600;
  font-size: 13px;
  line-height: 110%;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-A
  > .damonte-conso-energetique-letter-bloc
  > span {
  top: -18px;
  color: #00a979;
}

.damonte-conso-energetique
  > div.damonte-conso-energetique-letter-G
  > .damonte-conso-energetique-letter-bloc
  > span {
  margin-top: 5px;
  color: #db2c2b;
}

.damonte-conso-energetique
  > div.active
  .damonte-conso-energetique-letter-content {
  font-size: 31px;
  -webkit-text-stroke: 2px #000;
  box-shadow: 0 0 100px 1px #000;
  border-radius: 10px 0 0 10px;
}

.damonte-conso-energetique
  > div.active
  .damonte-conso-energetique-letter-content:after {
  width: 24px !important;
  height: 23px !important;
  right: -13px;
  border-left: 0;
  border-bottom: 0;
}

.damonte-conso-energetique
  > div.active
  .damonte-conso-energetique-ges-text:before {
  content: "";
  background: #000;
  width: 3px;
  height: 80%;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}

.damonte-conso-energetique > .list-dpe {
  list-style-type: none;
}

.elt-dpe::before {
  width: 30px;
  heigth: 30px;
  font-family: FontAwesome;
  font-weight: 900;
  color: #3797dd;
  margin-right: 5px;
  content: "\f054";
}

.damonte-conso-energetique > .list-dpe .elt-dpe::marker {
  display: none !important;
}

@media (max-width: 1200px) {
  .damonte-conso-energetique
    > div
    .damonte-conso-energetique-ges
    .damonte-conso-energetique-ges-text
    span,
  .damonte-conso-energetique
    > div
    .damonte-conso-energetique-ges
    .damonte-conso-energetique-dpe-text
    span,
  .damonte-conso-energetique
    > div
    .damonte-conso-energetique-dpe
    .damonte-conso-energetique-ges-text
    span,
  .damonte-conso-energetique
    > div
    .damonte-conso-energetique-dpe
    .damonte-conso-energetique-dpe-text
    span {
    font-size: 9px;
  }
}

@media (max-width: 992px) {
  .damonte-conso-energetique > div {
    display: flex;
    flex-direction: row;
  }

  .damonte-conso-energetique > div > div.col-md-2 {
    width: 85px;
  }

  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-dpe-label {
    top: -30px;
  }

  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-ges-label {
    top: -18px;
  }

  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-dpe-label,
  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-ges-label {
    font-size: 10px;
    width: 90px;
  }

  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-dpe-text,
  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-ges-text {
    font-size: 20px;
    padding: 7px;
  }

  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-dpe-text
    span,
  .damonte-conso-energetique
    > div
    > div.col-md-2
    > p.damonte-conso-energetique-ges-text
    span {
    font-size: 10px !important;
  }

  .damonte-conso-energetique > div > div.damonte-conso-energetique-letter-bloc {
    width: calc(100% - 170px);
  }

  @media (min-width: 769px) {
    .damonte-espace-client > .main-content.col-md-10 {
      width: calc(100% - 210px);
    }
  }
}

@media (max-width: 500px) {
  .damonte-conso-energetique > div .damonte-conso-energetique-letter-content {
    font-size: 22px;
    padding-left: 8px;
  }

  .damonte-conso-energetique
    > div
    > .damonte-conso-energetique-letter-bloc
    > span {
    font-size: 10px;
  }

  .damonte-conso-energetique > div.damonte-conso-energetique-letter-G {
    margin-bottom: 35px;
  }

  .damonte-conso-energetique
    > div.damonte-conso-energetique-letter-G
    > .damonte-conso-energetique-letter-bloc
    > span {
    bottom: -26px;
  }
}

/*GES*/

.damonte-emission-ges {
  border: 3px solid #90d7f8;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.damonte-emission-ges .title-ges {
  color: black;
  max-width: 190px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 10px;
}

.damonte-emission-ges .damonte-peu-emissions,
.damonte-emission-ges .damonte-forte-emissions {
  font-size: 13px;
  font-weight: 600;
  display: block;
  line-height: 120%;
}

.damonte-emission-ges .damonte-peu-emissions {
  color: #83b1d0;
  margin-bottom: 5px;
}

.damonte-emission-ges .damonte-forte-emissions {
  color: #1e1137;
  margin-top: 5px;
  max-width: 110px;
}

.damonte-emission-ges .damonte-letter-emission {
  display: flex;
  flex-direction: row;
  margin: 2px 0;
  height: 28px;
}

.damonte-emission-ges .damonte-letter-emission.active {
  height: 50px;
}

.damonte-emission-ges
  .damonte-letter-emission.active
  .emission-ges-letter-bloc:before {
  content: "";
  background: #000;
  height: 2px;
  width: 100%;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.damonte-emission-ges
  .damonte-letter-emission.active
  .emission-ges-letter-bloc
  .damonte-emission-ges-letter-content {
  font-size: 34px;
  -webkit-text-stroke: 2px #000;
}

.damonte-emission-ges .damonte-letter-emission > .emission-ges-letter-bloc {
  width: calc(100% - 120px);
  padding-right: 25px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.damonte-emission-ges
  .damonte-letter-emission
  > .emission-ges-letter-bloc
  .damonte-emission-ges-letter-content {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 3px;
  padding-left: 5px;
  padding-right: 0;
  font-weight: 800;
  height: 100%;
  font-size: 19px;
  line-height: 100%;
}

.damonte-emission-ges .damonte-letter-emission > .damonte-emission-ges-valeur {
  display: flex;
  align-items: center;
}

.damonte-emission-ges
  .damonte-letter-emission
  > .damonte-emission-ges-valeur
  .damonte-emission-ges-text {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: black;
}

.damonte-emission-ges
  .damonte-letter-emission
  > .damonte-emission-ges-valeur
  .damonte-emission-ges-text
  > span {
  font-size: 11px;
  color: black;
  font-weight: 400;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-A
  .damonte-emission-ges-letter-content {
  width: 30%;
  background-color: #90d7f8;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-B
  .damonte-emission-ges-letter-content {
  width: 40%;
  background-color: #79abcc;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-C
  .damonte-emission-ges-letter-content {
  width: 52%;
  background-color: #6787a9;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-D
  .damonte-emission-ges-letter-content {
  width: 64%;
  background-color: #526486;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-E
  .damonte-emission-ges-letter-content {
  width: 76%;
  background-color: #42486c;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-F
  .damonte-emission-ges-letter-content {
  width: 88%;
  background-color: #2f2e51;
}

.damonte-emission-ges
  .damonte-letter-emission.damonte-emission-ges-letter-G
  .damonte-emission-ges-letter-content {
  width: 100%;
  background-color: #1e1137;
}

.damonte-conso-energetique > p {
  font-weight: bold;
}