#area-result-presentation {
  display: block;
  padding-top: 30px;
}


#area-results {
  display: block;
  padding-top: 10px;
}

#area-results .div-element {
  display: block;
  padding: 5px 0px 5px 0px;
}

#area-results .div-element .div-title {
  background-color: #eee;
  padding: 5px 20px;
  margin-top: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  display: flex;
  justify-content: start;
  align-items: center;
}

#area-results .div-element .div-title div {
  display: block;
  width: 28px;
  height: 28px;
  margin-top: 1px;
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-width="32" d="M112 184l144 144 144-144"/></svg>'); */
  background-image: var(--result-arrow-up);
}

#area-results .div-element.div-expand .div-title div {
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-width="32" d="M112 328l144-144 144 144"/></svg>'); */
  background-image: var(--result-arrow-down);
}

#area-results .div-element .div-title p {
  margin: 0;
  padding: 0;
  margin-left: 8px;
  display: block;
  font-size: 1rem;
  font-weight: 500;
}

#area-results .div-element .div-content {
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  -ms-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
}

#area-results .div-element.div-expand .div-content {
  max-height: 700px;
}

/*
#area-results .div-content div {
  padding-top: 10px;
  padding-bottom: 20px;
}

#area-results .div-steps .div-content div {
  padding-top: 10px;
  padding-bottom: 30px;
}
*/

#area-results .div-element .div-content .div-messages-wrapper {
  padding-bottom: 15px;
}

#area-results .div-element .div-content .div-line {
  text-align: left;
}

#area-results .div-element .div-content .div-calcul {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
  padding-top: 15px;
}

#area-results .div-element .div-content .div-info {
  font-size: 0.90rem;
  font-weight: 500;
  line-height: 1.1rem;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}

#area-results .div-element .div-content .div-result-explication {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 20px;
}

#area-results .div-element .div-content .div-result-explication p {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.1rem;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}





#calcul-conditions-container .div-title {
  padding-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#calcul-conditions-container .div-title-text {
  padding: 0;
  margin: 0;
  margin-left: 25px;
}

#calcul-conditions-container .div-title h5 {
  color: #000;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
}

#calcul-conditions-container .div-title h6 {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

#calcul-conditions-container .div-content-indent {
  text-indent: 1.8em hanging;
}

#calcul-conditions-container .div-content-indent span {
  display: inline-block;
  text-align: left;
  width: 1.8em;
}