@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/museo-sans-rounded");
#simId html {
  box-sizing: border-box;
  font-size: 16px;
}
#simId *,
#simId *:before,
#simId *:after {
  box-sizing: inherit;
}
#simId body,
#simId h1,
#simId h2,
#simId h3,
#simId h4,
#simId h5,
#simId h6,
#simId p,
#simId ol,
#simId ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
#simId ol,
#simId ul {
  list-style: none;
}
#simId img {
  max-width: 100%;
  height: auto;
}

:root {
  --white: #FFFFFF;
  --grey: #DCDCDC;
  --d-grey: #707070;
  --placeholder: #B2B2B2;
  --astuces: #F7FFFE;
  --blue: #EFFAF9;
  --l-blue: rgba(235, 255, 253, 0.40);
  --green: #AFE260;
  --d-blue: #134570;
  --t-blue: #144570;
  --red: #E7362C;
  --orange: #FF8F38;
  --dpeA: #4F9950;
  --dpeB: #6AB657;
  --dpeC: #CEDB53;
  --dpeD: #F2EB4F;
  --dpeE: #F5CE48;
  --dpeF: #EB9D4A;
  --dpeG: #DB3A31;
  --gesA: #E3DAE9;
  --gesB: #DCAEE9;
  --gesC: #C98BDD;
  --gesD: #BF70DC;
  --gesE: #C059DA;
  --gesF: #B044D1;
  --gesG: #9A42D2;
}

#simId {
  color: var(--t-blue);
  line-height: 1.15;
}
#simId * {
  font-family: inherit;
}

#simId main {
  width: 100vw;
  width: 100%;
}

#simId ul {
  padding: 0;
}

#simId input[type=number] {
  -moz-appearance: textfield;
}

#simId input::-webkit-outer-spin-button,
#simId input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#simId input[type=text],
#simId input[type=number],
#simId input[type=email],
#simId input[type=tel] {
  --height: 27px;
  display: inline-flex;
  align-items: center;
  height: var(--height);
  width: 340px;
  max-width: 55vw;
  padding: 0 12px;
  border: 1px solid var(--green);
  border-radius: var(--height);
  font-size: 10px;
}
#simId input[type=text]::-webkit-input-placeholder,
#simId input[type=number]::-webkit-input-placeholder,
#simId input[type=email]::-webkit-input-placeholder,
#simId input[type=tel]::-webkit-input-placeholder {
  color: var(--placeholder);
  font-size: 10px;
}
#simId input[type=text]::-moz-placeholder,
#simId input[type=number]::-moz-placeholder,
#simId input[type=email]::-moz-placeholder,
#simId input[type=tel]::-moz-placeholder {
  color: var(--placeholder);
  font-size: 10px;
}
#simId input[type=text]:-ms-input-placeholder,
#simId input[type=number]:-ms-input-placeholder,
#simId input[type=email]:-ms-input-placeholder,
#simId input[type=tel]:-ms-input-placeholder {
  color: var(--placeholder);
  font-size: 10px;
}
#simId input[type=text]:-moz-placeholder,
#simId input[type=number]:-moz-placeholder,
#simId input[type=email]:-moz-placeholder,
#simId input[type=tel]:-moz-placeholder {
  color: var(--placeholder);
  font-size: 10px;
}
@container (min-width:768px) {
  #simId input[type=text],
  #simId input[type=number],
  #simId input[type=email],
  #simId input[type=tel] {
    --height: 45px;
    padding: 0 20px;
    font-size: 16px;
  }
  #simId input[type=text]::-webkit-input-placeholder,
  #simId input[type=number]::-webkit-input-placeholder,
  #simId input[type=email]::-webkit-input-placeholder,
  #simId input[type=tel]::-webkit-input-placeholder {
    font-size: 16px;
  }
  #simId input[type=text]::-moz-placeholder,
  #simId input[type=number]::-moz-placeholder,
  #simId input[type=email]::-moz-placeholder,
  #simId input[type=tel]::-moz-placeholder {
    font-size: 16px;
  }
  #simId input[type=text]:-ms-input-placeholder,
  #simId input[type=number]:-ms-input-placeholder,
  #simId input[type=email]:-ms-input-placeholder,
  #simId input[type=tel]:-ms-input-placeholder {
    font-size: 16px;
  }
  #simId input[type=text]:-moz-placeholder,
  #simId input[type=number]:-moz-placeholder,
  #simId input[type=email]:-moz-placeholder,
  #simId input[type=tel]:-moz-placeholder {
    font-size: 16px;
  }
}

#simId button:not(.noShape),
#simId .btn,
#simId input[type=submit] {
  --height: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: var(--height);
  padding: 0 30px;
  border: none;
  border-radius: var(--height);
  background-color: var(--green);
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
@container (min-width:768px) {
  #simId button:not(.noShape),
  #simId .btn,
  #simId input[type=submit] {
    --height: 55px;
    padding: 0 40px;
    font-size: 24px;
  }
}
#simId button:not(.noShape) svg,
#simId .btn svg,
#simId input[type=submit] svg {
  height: 33.3333333333%;
  width: auto;
}
#simId button:not(.noShape):hover,
#simId .btn:hover,
#simId input[type=submit]:hover {
  transform: scale(1.05);
}
#simId button:not(.noShape).red,
#simId .btn.red,
#simId input[type=submit].red {
  background-color: var(--red);
  color: var(--white);
}
#simId button:not(.noShape).blue,
#simId .btn.blue,
#simId input[type=submit].blue {
  background-color: var(--t-blue);
  color: var(--white);
}
#simId button:not(.noShape).orange,
#simId .btn.orange,
#simId input[type=submit].orange {
  background-color: var(--orange);
  color: var(--white);
}

#simId button.noShape {
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
@container (min-width:768px) {
  #simId button.noShape {
    font-size: 24px;
  }
}
#simId button.noShape svg {
  height: 14px;
  width: auto;
}
@container (min-width:768px) {
  #simId button.noShape svg {
    height: 28px;
  }
}

.questionnaire {
  container-type: inline-size;
}

.simulateurWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5vw;
  gap: 2.75vw;
  padding: 0 20px;
  position: relative;
}
@container (min-width: 768px) {
  .simulateurWrap {
    flex-direction: row;
    align-items: flex-start;
    min-height: 600px;
  }
}
.simulateurWrap.results {
  flex-direction: column;
  padding: 0;
}
.simulateurWrap.vibrate {
  animation: vibrate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes vibrate {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.simulateurWrap .simuWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap {
    justify-content: center;
    flex: 1;
    padding-block: 100px;
  }
}
.simulateurWrap .simuWrap > h2 {
  max-width: 80%;
  text-align: center;
}
.simulateurWrap .simuWrap.postalCode {
  gap: 20px;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.postalCode {
    gap: 60px;
  }
}
.simulateurWrap .simuWrap.postalCode .error {
  display: none;
  color: red;
}
.simulateurWrap .simuWrap.questionContent {
  gap: 40px;
}
.simulateurWrap .simuWrap.questionContent button[type=submit] {
  position: sticky;
  bottom: 100px;
}
.simulateurWrap .simuWrap:empty {
  align-self: center;
}
.simulateurWrap .simuWrap:empty:after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 5px solid var(--white);
  border-bottom-color: var(--t-blue);
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#simId h2 {
  font-size: 20px;
  font-weight: 300;
}
@container (min-width:768px) {
  #simId h2 {
    font-size: 40px;
  }
}

#simId p {
  font-size: 16px;
  font-weight: 500;
}

.index {
  background-color: var(--blue);
}
.index section {
  padding: 105px 12%;
}
.index section h2 {
  margin-bottom: 20px;
  color: #AFE260;
  font-size: 20px;
  font-weight: 700;
}
@container (min-width:992px) {
  .index section h2 {
    font-size: 40px;
  }
}
.index section p {
  margin-bottom: 40px;
  color: #144570;
  font-size: 14px;
  font-weight: 500;
}
@container (min-width:992px) {
  .index section p {
    font-size: 17px;
  }
}
.index section.entry {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 105px 8%;
}
@container (min-width:992px) {
  .index section.entry {
    flex-direction: row;
    gap: 75px;
  }
}
.index section.entry div {
  color: #144570;
}
@container (min-width:992px) {
  .index section.entry .text {
    width: calc((100% - 75px) / 2);
    max-width: 630px;
  }
}
.index section.entry .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.index section.entry .entry__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1rem;
}
@container (min-width:992px) {
  .index section.entry .entry__title {
    font-size: 51px;
  }
}
.index section.entry .entry__text {
  width: 68%;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 35px;
}
.index section.entry .entry__img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.index section.entry .entry__button {
  font-size: 30px;
}
.index section.aides,
.index section.devis {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
@container (min-width:992px) {
  .index section.aides,
  .index section.devis {
    flex-direction: row;
    gap: 75px;
  }
}
@container (min-width:992px) {
  .index section.aides .img, .index section.aides .text,
  .index section.devis .img,
  .index section.devis .text {
    width: 50%;
  }
}
@container (min-width:992px) {
  .index section.aides .text,
  .index section.devis .text {
    text-align: center;
  }
}
.index section.aides .img,
.index section.devis .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index section.aides .img svg,
.index section.devis .img svg {
  max-height: 305px;
  width: 100%;
}
.index section.aides {
  flex-direction: column-reverse;
  background-color: var(--white);
}
@container (min-width:992px) {
  .index section.aides {
    flex-direction: row;
  }
}
.index section.contact {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--white);
}
.index section.contact h2 {
  max-width: calc(100vw - 70px);
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--d-blue);
}
@container (min-width:768px) {
  .index section.contact h2 {
    max-width: 550px;
    margin-bottom: 60px;
    font-size: 40px;
  }
}
.index section.contact .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@container (min-width:768px) {
  .index section.contact .content {
    gap: 45px;
    margin-bottom: 65px;
  }
}
@container (min-width:992px) {
  .index section.contact .content {
    flex-direction: row;
  }
}
.index section.contact .content .img {
  aspect-ratio: 193/149;
  max-width: 50vw;
}
@container (min-width:992px) {
  .index section.contact .content .img {
    width: 23.2vw;
  }
}
.index section.contact .content .img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 19px;
}
.index section.contact .content .text {
  width: 100%;
}
@container (min-width:768px) {
  .index section.contact .content .text {
    width: 50vw;
  }
}
@container (min-width:992px) {
  .index section.contact .content .text {
    width: 28.9vw;
  }
}
.index section.contact .steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
}
@container (min-width:768px) {
  .index section.contact .steps .step {
    display: block;
    padding-left: 63px;
  }
}
.index section.contact .steps .step:before {
  content: attr(data-step);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 43px;
  background-color: #AFE260;
  color: #144570;
  font-size: 12px;
  font-weight: 700;
  top: 0;
  left: 0;
  z-index: 1;
}
@container (min-width:768px) {
  .index section.contact .steps .step:before {
    width: 43px;
    height: 43px;
    font-size: 26px;
    position: absolute;
  }
}
.index section.contact .steps .step:after {
  content: "";
  display: none;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #144570;
  position: absolute;
  top: 0;
  left: 21.5px;
  transform: translateX(-50%);
}
@container (min-width:768px) {
  .index section.contact .steps .step:after {
    display: block;
  }
}
.index section.contact .steps .step:last-of-type:after {
  display: none;
}
.index section.contact .steps .step h3,
.index section.contact .steps .step p {
  text-align: center;
}
@container (min-width:768px) {
  .index section.contact .steps .step h3,
  .index section.contact .steps .step p {
    text-align: left;
  }
}
.index section.contact .steps .step h3 {
  color: #144570;
  font-size: 20px;
  font-weight: 700;
}
@container (min-width:768px) {
  .index section.contact .steps .step h3 {
    margin-bottom: 5px;
    font-size: 26px;
  }
}
.index section.contact .steps .step p {
  margin-bottom: 20px;
  color: var(--d-grey);
  font-size: 12px;
}
@container (min-width:768px) {
  .index section.contact .steps .step p {
    font-size: 16px;
  }
}

.simulateurWrap .welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  background-color: var(--blue);
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: all 0.25s ease-in-out;
}
.simulateurWrap .welcome.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.simulateurWrap .welcome h2 {
  max-width: 90vw;
  text-align: center;
}

.simulateurWrap .progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: none;
}
@container (min-width:768px) {
  .simulateurWrap .progress {
    padding-bottom: 100px;
    position: sticky;
    top: 0;
  }
}
.simulateurWrap .progress__top {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.simulateurWrap .progress__step {
  margin-bottom: 15px;
  padding: 12px 20px;
  background-color: var(--white);
  border-radius: 20px;
}
@container (min-width:768px) {
  .simulateurWrap .progress__step {
    margin-bottom: 30px;
    padding: 40px;
    padding-right: 50px;
  }
}
.simulateurWrap .progress__step ul {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@container (min-width:768px) {
  .simulateurWrap .progress__step ul {
    gap: 40px;
    flex-direction: column;
  }
}
.simulateurWrap .progress__step ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 33.3333333333%;
  font-size: 9px;
  font-weight: 400;
  color: var(--grey);
  text-align: center;
  position: relative;
}
@container (min-width:768px) {
  .simulateurWrap .progress__step ul li {
    flex-direction: row;
    width: 100%;
    height: 55px;
    padding-left: 35px;
    font-size: 24px;
    text-align: left;
  }
}
.simulateurWrap .progress__step ul li:before {
  content: "";
  height: 0;
  width: 53px;
  border: 3px solid var(--green);
  border-radius: 10px;
}
@container (min-width:768px) {
  .simulateurWrap .progress__step ul li:before {
    height: 53px;
    width: 0px;
    border: 6px solid var(--green);
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-50%, 0%);
  }
}
.simulateurWrap .progress__step ul li.active {
  color: var(--t-blue);
  font-weight: 700;
}
@container (min-width:768px) {
  .simulateurWrap .progress__step ul li:nth-of-type(2).active:before {
    height: 148px;
  }
}
.simulateurWrap .progress__assist {
  width: 45px;
  height: 45px;
  background: var(--d-blue);
  border-radius: 25px;
  position: fixed;
  top: 30px;
  right: 30px;
  overflow: hidden;
}
@container (min-width:768px) {
  .simulateurWrap .progress__assist {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 93.8%;
    height: initial;
    padding: 10px 20px;
    position: relative;
    top: 0;
    right: 0;
  }
}
.simulateurWrap .progress__assist .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@container (min-width:768px) {
  .simulateurWrap .progress__assist .icon {
    width: initial;
    height: initial;
  }
}
.simulateurWrap .progress__assist .icon svg {
  max-width: 65%;
  max-height: 65%;
  width: 53px;
  height: auto;
}
@container (min-width:768px) {
  .simulateurWrap .progress__assist .icon svg {
    max-width: 100%;
    max-height: 100%;
  }
}
.simulateurWrap .progress__assist .icon svg path {
  fill: var(--white);
}
.simulateurWrap .progress__assist p {
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}
.simulateurWrap .progress__assist p a {
  display: block;
  color: var(--white);
  font: inherit;
}
.simulateurWrap .progress__assist p a:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.simulateurWrap .simuWrap.questionContent .complement {
  max-width: 70vw;
  min-height: 80px;
  margin-top: -40px;
  padding-block: 10px;
  padding-inline: 95px 35px;
  background: #FFFFFF;
  border-radius: 15px;
  position: relative;
}
.simulateurWrap .simuWrap.questionContent .complement:before {
  content: "";
  width: 44px;
  height: 44px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43.854" height="43.854" viewBox="0 0 43.854 43.854"><g id="Groupe_32" data-name="Groupe 32" transform="translate(-495 -658)"><circle id="Ellipse_1" data-name="Ellipse 1" cx="20.112" cy="20.112" r="20.112" transform="translate(496.341 660.289)" fill="%23fff"/><path id="Tracé_30" data-name="Tracé 30" d="M28.026,32.168H26.705V21.625a1.754,1.754,0,0,0-1.754-1.754H19.829a1.754,1.754,0,0,0,0,3.508H23.2v8.788H19.829a1.754,1.754,0,0,0,0,3.508h8.2a1.754,1.754,0,0,0,0-3.508Zm-4.1-16.112A2.631,2.631,0,1,0,21.3,13.425,2.631,2.631,0,0,0,23.927,16.056ZM23.927,2A21.927,21.927,0,1,0,45.854,23.927,21.951,21.951,0,0,0,23.927,2ZM36.785,37.093a18.4,18.4,0,1,1,5.561-13.167,18.4,18.4,0,0,1-5.561,13.167Z" transform="translate(493 656)" fill="%23afe260"/></g></svg>');
  position: absolute;
  top: 40px;
  left: 25px;
  transform: translate(0, -50%);
}
.simulateurWrap .simuWrap.questionContent .complement p {
  margin: 0;
  font-size: 18px;
}
.simulateurWrap .simuWrap.questionContent .choices {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 25px;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.questionContent .choices {
    gap: 40px;
    margin-bottom: 85px;
  }
}
.simulateurWrap .simuWrap.questionContent .choices input {
  display: none;
}
.simulateurWrap .simuWrap.questionContent .choices .label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--white);
  border: 3px solid var(--white);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  white-space: wrap;
}
@container (min-width:375px) {
  .simulateurWrap .simuWrap.questionContent .choices .label {
    width: 45vw;
  }
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.questionContent .choices .label {
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
    width: 265px;
  }
}
.simulateurWrap .simuWrap.questionContent .choices .label.small {
  width: 185px;
}
.simulateurWrap .simuWrap.questionContent .choices .label__img, .simulateurWrap .simuWrap.questionContent .choices .label svg, .simulateurWrap .simuWrap.questionContent .choices .label__indicator {
  flex: 1;
}
.simulateurWrap .simuWrap.questionContent .choices .label__img, .simulateurWrap .simuWrap.questionContent .choices .label svg {
  max-height: 45px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.questionContent .choices .label__img, .simulateurWrap .simuWrap.questionContent .choices .label svg {
    max-height: 80px;
  }
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.questionContent .choices .label__img, .simulateurWrap .simuWrap.questionContent .choices .label svg {
    max-height: 100px;
  }
}
.simulateurWrap .simuWrap.questionContent .choices .label svg {
  max-height: 52px;
}
.simulateurWrap .simuWrap.questionContent .choices .label svg text {
  font-weight: 400;
}
.simulateurWrap .simuWrap.questionContent .choices .label__indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 50%;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.questionContent .choices .label__indicator {
    gap: 20px;
    width: 100%;
  }
}
.simulateurWrap .simuWrap.questionContent .choices .label__text {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: var(--t-blue);
  white-space: wrap;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.questionContent .choices .label__text {
    font-size: 20px;
  }
}
.simulateurWrap .simuWrap.questionContent .choices .label__decoy {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
  border: 1px solid var(--d-grey);
  border-radius: 35px;
}
@container (min-width:768px) {
  .simulateurWrap .simuWrap.questionContent .choices .label__decoy {
    height: 35px;
    width: 35px;
  }
}
.simulateurWrap .simuWrap.questionContent .choices .label__decoy svg {
  height: 45%;
  width: auto;
}
.simulateurWrap .simuWrap.questionContent .choices input:checked + label {
  border: 3px solid var(--green);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.simulateurWrap .simuWrap.questionContent .choices input:checked + label .label__decoy {
  background-color: var(--green);
  border-color: var(--green);
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="76" height="79.719" viewBox="0 0 76 79.719"><path id="Tracé_1877" data-name="Tracé 1877" d="M31.61,82.718a7.921,7.921,0,0,1-6.327-3.149L4.936,52.684A7.936,7.936,0,1,1,17.6,43.112L30.984,60.788,64.645,6.734a7.941,7.941,0,0,1,13.479,8.4L38.353,78.971a7.916,7.916,0,0,1-6.378,3.736c-.125.011-.239.011-.364.011Z" transform="translate(-3.328 -2.999)" fill="%23FFFFFF"/></svg>');
}
.simulateurWrap .simuWrap.questionContent .choices input:checked + label > svg path, .simulateurWrap .simuWrap.questionContent .choices input:hover + label > svg path {
  fill: var(--d-blue);
  stroke: var(--d-blue);
}
.simulateurWrap .simuWrap.questionContent .choices input:checked + label > svg text, .simulateurWrap .simuWrap.questionContent .choices input:hover + label > svg text {
  fill: var(--d-blue);
}

.simulateurWrap .formWrap {
  order: 2;
  background-color: rgba(0, 0, 0, 0.3);
  position: sticky;
  width: 100%;
  height: 100vh;
  inset: 0;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
.simulateurWrap .formWrap.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.simulateurWrap .formWrap form {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  max-width: 85%;
  width: 665px;
  height: -moz-max-content;
  height: max-content;
  padding: 25px;
  background-color: var(--blue);
  border-radius: 20px;
  position: absolute;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
}
.simulateurWrap .formWrap form h2 {
  max-width: 615px;
  width: 100%;
  text-align: center;
}
.simulateurWrap .formWrap form input.error {
  border-color: red;
}
.simulateurWrap .formWrap form .group {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  width: 340px;
  max-width: 100%;
}
.simulateurWrap .formWrap form .group label {
  cursor: pointer;
  font-size: 10px;
}
@container (min-width:768px) {
  .simulateurWrap .formWrap form .group label {
    font-size: 16px;
  }
}

.simulateurWrap .simuWrap.results .resultsHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  max-width: 100%;
  padding: 16px;
  margin-bottom: 20px;
  overflow: hidden;
}
@container (min-width:760px) {
  .simulateurWrap .simuWrap.results .resultsHeader {
    padding: 0;
    margin-top: 0;
  }
}
@container (min-width: 1000px) {
  .simulateurWrap .simuWrap.results .resultsHeader {
    overflow: visible;
    margin-top: 100px;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader button.restart {
  font-size: 21px;
  font-weight: 500;
  text-decoration: underline;
  text-transform: none;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  background-color: var(--white);
  border-radius: 20px;
  position: relative;
}
@container (min-width: 760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent {
    display: grid;
    grid-template-columns: fit-content(100%) repeat(2, 250px);
    grid-template-rows: fit-content(100%) fit-content(100%) 135px;
    grid-auto-columns: 1fr;
    gap: 0px;
    grid-auto-flow: row;
    width: 100%;
    padding: 36px;
    background-color: transparent;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement {
    grid-area: 1/1/2/3;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .cta {
    grid-area: 3/1/4/3;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .recomandation {
    grid-area: 2/2/3/4;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions {
    grid-area: 2/1/3/2;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent:before {
    display: inline;
    content: "";
    grid-area: 1/1/4/3;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 20px;
  }
}
@container (min-width:1000px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: fit-content(100%) fit-content(100%) 140px;
    grid-template-rows: 1fr 135px;
    gap: 25px 50px;
    grid-template-areas: "solutions logement logement" "solutions cta cta";
    background-color: var(--white);
    padding-right: 13.8vw;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent:before {
    display: none;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement {
    grid-area: logement;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap {
    grid-area: dpeWrap;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions {
    grid-area: solutions;
  }
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .cta {
    grid-area: cta;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px;
  background-color: var(--l-blue);
  border-radius: 20px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap h2, .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap h3, .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap p {
  text-align: center;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap h2 {
  max-width: 230px;
  margin-bottom: 35px;
  font-size: 24px;
  font-weight: 700;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap h3 {
  margin-bottom: 35px;
  font-size: 15px;
  font-weight: 600;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap p {
  max-width: 270px;
  font-size: 11px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap hr {
  display: block;
  width: 40px;
  height: 2px;
  margin: 23px;
  border: none;
  background-color: var(--t-blue);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre {
  width: 150px;
  height: 150px;
  padding: 16px;
  margin-bottom: 32px;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=A]:before {
  background-color: var(--dpeA);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=B]:before {
  background-color: var(--dpeB);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=C]:before {
  background-color: var(--dpeC);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=D]:before {
  background-color: var(--dpeD);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=E]:before {
  background-color: var(--dpeE);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=F]:before {
  background-color: var(--dpeF);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre[data-lettre=G]:before {
  background-color: var(--dpeG);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .lettre:before {
  content: attr(data-lettre);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--white);
  font-size: 90px;
  font-weight: 700;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe, .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges {
  display: flex;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span, .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span {
  width: 25px;
  height: 25px;
  border-radius: 2px;
  position: relative;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span:not(:first-of-type), .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span:not(:first-of-type) {
  margin-left: -3px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span svg, .simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span svg {
  display: none;
  height: 29px;
  width: 33px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges {
  margin-bottom: 20px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.A {
  background-color: var(--dpeA);
  --current: var(--dpeA);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.A.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.A {
  background-color: var(--gesA);
  --current: var(--gesA);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.A.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.B {
  background-color: var(--dpeB);
  --current: var(--dpeB);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.B.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.B {
  background-color: var(--gesB);
  --current: var(--gesB);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.B.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.C {
  background-color: var(--dpeC);
  --current: var(--dpeC);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.C.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.C {
  background-color: var(--gesC);
  --current: var(--gesC);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.C.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.D {
  background-color: var(--dpeD);
  --current: var(--dpeD);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.D.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.D {
  background-color: var(--gesD);
  --current: var(--gesD);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.D.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.E {
  background-color: var(--dpeE);
  --current: var(--dpeE);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.E.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.E {
  background-color: var(--gesE);
  --current: var(--gesE);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.E.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.F {
  background-color: var(--dpeF);
  --current: var(--dpeF);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.F.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.F {
  background-color: var(--gesF);
  --current: var(--gesF);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.F.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.G {
  background-color: var(--dpeG);
  --current: var(--dpeG);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .dpe span.G.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.G {
  background-color: var(--gesG);
  --current: var(--gesG);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .dpeWrap .ges span.G.active svg {
  display: block;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement {
  display: flex;
  align-items: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 10px;
}
@container (min-width:760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement {
    padding: 40px 25% 0;
    margin: 0;
  }
}
@container (min-width: 1000px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement {
    padding: 0;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement svg {
  width: 450px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .logement img {
  width: 100%;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions {
  display: flex;
  align-content: flex-end;
  flex-wrap: wrap;
  gap: 25px 50px;
  padding-bottom: 30px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .label {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: var(--t-blue);
  white-space: wrap;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a {
  display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  aspect-ratio: 240/115;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: var(--white);
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: all 0.15s ease-in-out;
  color: var(--t-blue);
}
@container (min-width:760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a {
    flex-direction: row;
    width: 100%;
    aspect-ratio: 240/115;
    font-size: 17px;
    text-align: left;
    line-height: 1.2;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a img {
  height: 65px;
  max-width: 65px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:hover {
  transform: scale(1.05);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: var(--green);
  font-size: 17px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(1):before {
  content: "1";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(2):before {
  content: "2";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(3):before {
  content: "3";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(4):before {
  content: "4";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(5):before {
  content: "5";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(6):before {
  content: "6";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(7):before {
  content: "7";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(8):before {
  content: "8";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(9):before {
  content: "9";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions .links a:nth-of-type(10):before {
  content: "10";
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions.noDPE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 330px;
  padding: 16px;
  background-color: var(--l-blue);
  border-radius: 20px;
}
@container (min-width: 760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions.noDPE {
    padding: 26px;
    margin: 26px;
    margin-right: 66px;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions.noDPE .label {
  text-align: center;
  font-weight: 700;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .solutions.noDPE .links {
  flex-direction: column;
  gap: 35px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-inline: 15px;
  text-align: center;
  font-size: 18px;
}
@container (min-width:760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent .cta {
    flex-direction: row;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent .cta a {
  font-size: 21px;
  font-weight: 600;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  margin-top: 30px;
  padding: 16px;
  background-color: #F7FFFE;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  position: relative;
}
@container (min-width:760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent figure {
    width: 500px;
    max-width: 85%;
    margin-top: 0;
    margin: 0 auto;
    padding: 22px;
  }
}
@container (min-width: 1000px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent figure {
    max-width: 500px;
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translate(100%, -100%);
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure:before {
  content: "Notre recommandation";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border-radius: 19px 19px 19px 0px;
  background-color: #AFE260;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 0px;
}
@container (min-width: 760px) {
  .simulateurWrap .simuWrap.results .resultsHeader .headerContent figure:before {
    height: 58px;
    font-size: 21px;
    top: -18px;
  }
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure img {
  aspect-ratio: 465/300;
  border-radius: 20px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption h2,
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption p {
  text-align: center;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption h2 {
  font-size: 24px;
  font-weight: 700;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption p {
  color: var(--d-grey);
  position: relative;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption p:before {
  content: "";
  background: linear-gradient(0deg, rgb(246, 255, 254), rgba(246, 255, 254, 0.4));
  position: absolute;
  inset: 0;
}
.simulateurWrap .simuWrap.results .resultsHeader .headerContent figure figcaption p:after {
  content: "...";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  font-size: 24px;
  font-weight: 700;
  color: var(--d-blue);
}

.simulateurWrap .simuWrap.results .resultsFooter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 220px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact {
    width: 55vw;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact h2 {
  max-width: calc(100vw - 70px);
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact h2 {
    max-width: 550px;
    margin-bottom: 60px;
    font-size: 40px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .content {
    flex-direction: row;
    gap: 45px;
    margin-bottom: 65px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .content .img {
  aspect-ratio: 193/149;
  max-width: calc(100vw - 166px);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .content .img {
    width: 23.2vw;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .content .img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 19px;
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .content .text {
  width: calc(100vw - 100px);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .content .text {
    width: 28.9vw;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step {
    display: block;
    padding-left: 63px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step:before {
  content: attr(data-step);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 43px;
  background-color: #AFE260;
  color: #144570;
  font-size: 12px;
  font-weight: 700;
  top: 0;
  left: 0;
  z-index: 1;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step:before {
    width: 43px;
    height: 43px;
    font-size: 26px;
    position: absolute;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step:after {
  content: "";
  display: none;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #144570;
  position: absolute;
  top: 0;
  left: 21.5px;
  transform: translateX(-50%);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step:after {
    display: block;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step:last-of-type:after {
  display: none;
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step h3, .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step p {
  text-align: center;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step h3, .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step p {
    text-align: left;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step h3 {
  color: #144570;
  font-size: 20px;
  font-weight: 700;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step h3 {
    margin-bottom: 5px;
    font-size: 26px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step p {
  margin-bottom: 20px;
  color: var(--d-grey);
  font-size: 10px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.contact .steps .step p {
    font-size: 16px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo {
  width: 71vw;
  padding: 32px 42px;
  border-radius: 20px;
  background: var(--white);
  position: relative;
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-size: 100%;
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 119 119" xmlns="http://www.w3.org/2000/svg"><path d="m75.613 42.621c-1.8618-1.8618-4.387-2.9077-7.02-2.9077s-5.1581 1.0459-7.02 2.9077l-32.352 32.354c-0.9221 0.9218-1.6536 2.0162-2.1526 3.2207-0.4991 1.2045-0.7559 2.4955-0.7559 3.7993s0.2568 2.5948 0.7559 3.7993c0.499 1.2046 1.2305 2.2989 2.1526 3.2207 0.9218 0.9221 2.0162 1.6536 3.2207 2.1526 1.2045 0.4991 2.4955 0.7559 3.7993 0.7559s2.5948-0.2568 3.7993-0.7559c1.2045-0.499 2.2989-1.2305 3.2207-2.1526l32.352-32.354c1.8618-1.8618 2.9077-4.387 2.9077-7.02s-1.0459-5.1581-2.9077-7.02z" fill="%23fff"/><path d="m9.928 5.0377e-8c-1.3038-1.3135e-4 -2.5949 0.25657-3.7994 0.75546s-2.2991 1.2302-3.221 2.1521-1.6532 2.0164-2.1521 3.221-0.75559 2.4956-0.75546 3.7994v45.754c0 2.6331 1.046 5.1583 2.9078 7.0202 1.8619 1.8618 4.3871 2.9078 7.0202 2.9078 2.6331 0 5.1583-1.046 7.0202-2.9078 1.8618-1.8619 2.9078-4.3871 2.9078-7.0202v-45.754c1e-4 -1.3038-0.2566-2.5949-0.7555-3.7994-0.4988-1.2046-1.2301-2.2991-2.152-3.221-0.922-0.92193-2.0165-1.6532-3.2211-2.1521-1.2045-0.49888-2.4956-0.75559-3.7994-0.75546z" fill="%23FFAB45"/><path d="m118.23 108.31c0 1.304-0.257 2.595-0.755 3.799-0.499 1.205-1.231 2.3-2.153 3.221-0.921 0.922-2.016 1.654-3.221 2.153-1.204 0.498-2.495 0.755-3.799 0.755h-45.753c-1.3038 0-2.5949-0.257-3.7994-0.755-1.2046-0.499-2.2991-1.231-3.221-2.153-0.922-0.921-1.6533-2.016-2.1521-3.221-0.4989-1.204-0.7556-2.495-0.7555-3.799-1e-4 -1.304 0.2566-2.595 0.7555-3.799 0.4988-1.205 1.2301-2.3 2.1521-3.221 0.9219-0.922 2.0164-1.6537 3.221-2.1525 1.2045-0.4989 2.4956-0.7556 3.7994-0.7555h45.754c1.304-1e-4 2.595 0.2566 3.799 0.7555 1.205 0.4988 2.3 1.2305 3.221 2.1525 0.922 0.921 1.654 2.016 2.153 3.221 0.498 1.204 0.754 2.495 0.754 3.799z" fill="%23FFAB45"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(80%, -80%);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo:after {
    width: 120px;
    height: 120px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo h2 {
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo h2 {
    font-size: 40px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo p {
  font-size: 16px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo p {
    font-size: 26px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo p strong {
  font-weight: 700;
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo p.intro {
  margin-bottom: 30px;
  text-align: center;
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure {
  display: flex;
  flex-direction: column;
  margin: 0;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure {
    flex-direction: row;
    gap: 30px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure img {
    width: 24vw;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 45px;
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption p {
  margin-bottom: 40px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption p {
    margin-bottom: 80px;
  }
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption .btn {
  margin-bottom: 45px;
}
.simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption img, .simulateurWrap .simuWrap.results .resultsFooter div.energygo .content figure figcaption svg {
  width: 333px;
}

.simulateurWrap .simuWrap.results {
  flex-direction: column;
  width: 100%;
  padding-top: 0;
}
.simulateurWrap .simuWrap.results.hidden {
  display: flex !important;
  filter: blur(10px);
  pointer-events: none;
}
.simulateurWrap .simuWrap.results .product {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 1100px;
  max-width: 85%;
  padding: 16px;
  margin-bottom: 30px;
  background-color: var(--white);
  border-radius: 20px;
  position: relative;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product {
    flex-direction: row;
    gap: 40px;
    padding: 36px;
  }
}
.simulateurWrap .simuWrap.results .product:last-of-type {
  margin-bottom: 130px;
}
.simulateurWrap .simuWrap.results .product:before {
  content: attr(data-index);
  display: none;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: 5px solid var(--white);
  background-color: var(--green);
  font-size: 35px;
  font-weight: 700;
  position: absolute;
  top: 36px;
  left: 36px;
  transform: translate(-50%, -50%);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product:before {
    display: flex;
  }
}
.simulateurWrap .simuWrap.results .product__image {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: var(--placeholder);
  border-radius: 20px;
  overflow: hidden;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__image {
    width: 33.3333333333%;
  }
}
.simulateurWrap .simuWrap.results .product__image img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.simulateurWrap .simuWrap.results .product__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  padding-top: 20px;
}
.simulateurWrap .simuWrap.results .product__content h2 {
  font-size: 15px;
  font-weight: 700;
  text-transform: lowercase;
  text-align: left;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content h2 {
    font-size: 30px;
    text-align: left;
  }
}
.simulateurWrap .simuWrap.results .product__content h2::first-letter {
  text-transform: uppercase;
}
.simulateurWrap .simuWrap.results .product__content p {
  text-align: left;
  font-size: 10px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content p {
    font-size: 16px;
  }
}
.simulateurWrap .simuWrap.results .product__content .half {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content .half {
    flex-direction: row;
    align-items: center;
    gap: 60px;
  }
}
.simulateurWrap .simuWrap.results .product__content .half p {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.simulateurWrap .simuWrap.results .product__content .half p strong {
  gap: 10px;
  font-size: 12px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content .half p strong {
    font-size: 18px;
  }
}
.simulateurWrap .simuWrap.results .product__content .contact {
  margin-bottom: 10px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content .contact {
    margin-bottom: 40px;
  }
}
.simulateurWrap .simuWrap.results .product__content .astuces {
  padding: 20px;
  background-color: var(--astuces);
  border-radius: 15px;
  position: relative;
}
.simulateurWrap .simuWrap.results .product__content .astuces p {
  font-size: 10px;
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content .astuces p {
    font-size: 14px;
  }
}
.simulateurWrap .simuWrap.results .product__content .astuces:before {
  content: "";
  height: 33px;
  width: 33px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.707' height='32.707' viewBox='0 0 32.707 32.707'%3E%3Cg id='Groupe_1373' data-name='Groupe 1373' transform='translate(-495 -658)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='15' cy='15' r='15' transform='translate(496 659.707)' style='fill-opacity: 0;' /%3E%3Cpath id='Tracé_30' data-name='Tracé 30' d='M21.411,24.5h-.985V16.637a1.308,1.308,0,0,0-1.308-1.308H15.3a1.308,1.308,0,0,0,0,2.617h2.512V24.5H15.3a1.308,1.308,0,0,0,0,2.617h6.114a1.308,1.308,0,0,0,0-2.617ZM18.354,12.483a1.962,1.962,0,1,0-1.962-1.962A1.962,1.962,0,0,0,18.354,12.483ZM18.354,2A16.354,16.354,0,1,0,34.707,18.354,16.372,16.372,0,0,0,18.354,2Zm9.59,26.173a13.725,13.725,0,1,1,4.147-9.82,13.725,13.725,0,0,1-4.147,9.82Z' transform='translate(493 656)' fill='%23144570'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%, 0%);
}
@container (min-width:992px) {
  .simulateurWrap .simuWrap.results .product__content .astuces:before {
    left: 20px;
  }
}
.simulateurWrap .simuWrap.results .product__content .devis {
  display: flex;
  justify-content: center;
}

.footer-progress__assist {
  display: none;
  width: 45px;
  height: 45px;
  position: fixed;
  right: 15px;
  top: initial;
  bottom: 10px;
  z-index: 2;
  background: var(--d-blue);
  border-radius: 25px;
  overflow: hidden;
}
@container (min-width:992px) {
  .footer-progress__assist {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    width: 220px;
    height: 200px;
    padding: 25px;
  }
}
.footer-progress__assist .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@container (min-width:992px) {
  .footer-progress__assist .icon {
    width: initial;
    height: initial;
  }
}
.footer-progress__assist .icon svg {
  max-width: 65%;
  max-height: 65%;
  width: 53px;
  height: auto;
}
@container (min-width:992px) {
  .footer-progress__assist .icon svg {
    max-width: 100%;
    max-height: 100%;
  }
}
.footer-progress__assist .icon svg path {
  fill: var(--white);
}
.footer-progress__assist p {
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}
.footer-progress__assist p a {
  display: block;
  color: var(--white);
  font: inherit;
}
.footer-progress__assist p a:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.thx_popup {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 25px;
  background: rgb(235, 255, 253);
  border-radius: 12px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  opacity: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.thx_popup .popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thx_popup .popup__content h2 {
  margin-bottom: 25px;
  font-weight: 500;
}
.thx_popup .popup__content p:last-of-type {
  margin-bottom: 25px;
}

.button_tf {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}