:root{font-size:14px}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}.hide{display:none;visibility:hidden}body{margin:0;background:#075785;color:#fff;accent-color:#45b496}#app,.grid-container{display:grid}main,.flex-container{display:flex;place-content:center}#app{grid-template-rows:1fr 98.5fr .5fr;height:min(100vh,1200px);box-sizing:border-box;width:min(95vw,1375px);padding-top:max(1vh,.5vh);padding-bottom:max(1vh,.5vh);margin-inline:auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}header{text-align:left;padding-bottom:1.5vh;position:relative}.footer-link,.header-link{color:#fff;font-size:80%;text-decoration:none}.header-link{position:absolute;right:0;bottom:12px}.footer-link:hover,.header-link:hover{text-decoration:underline}#app-logo{width:min(152px,30vw);max-width:100%}main{background:#fff;color:#075785;padding:2vw;box-shadow:#0003 0 0 1rem .5rem}.welcome,.ok{width:min(80vw,660px);margin:auto;font-size:110%}.cta{display:inline-block;padding:1rem 2rem;font-size:1.1em;font-weight:700;border:none;border-radius:2rem;color:#fff;background-color:#ffcf00;cursor:pointer;transition:transform ease-in .2s,box-shadow ease-in .15s,background-color ease-in .2s}.cta:not(.disabled){box-shadow:#07578524 0 0 .6rem .1rem}.cta:not(.disabled):hover{transform:scale(1.1);box-shadow:#07578524 0 0 1rem .3rem}.cta:not(.disabled):active{transform:scale(105%);background-color:#fd4}.form-nav-cta.disabled,.cta.disabled{cursor:not-allowed;opacity:.5;filter:grayscale(50%)}.cta-submit{font-size:1.4em}h1,h2,h3,h4,h5,h6{margin:0 0 .2em;text-transform:uppercase}h1{font-size:1.6em}h2{font-size:1.4em}h3{font-size:1.2em;font-weight:500}h4{font-size:1.15em}h5{font-size:1.1em}h6{font-size:.9em}.tip,.substep-title,.travaux .substep-title{margin-bottom:.8em}.substep-title{font-family:Arial,Helvetica,sans-serif}p{margin-top:0;margin-bottom:.5em}p:last-child{margin-bottom:0}sup{line-height:0}.grid-container.diagnostic{grid-template-columns:4fr 1fr;width:100%;column-gap:2rem}.form-step-header{width:100%}.form-step-container{position:relative;grid-template-rows:0fr 1fr;height:100%;padding:0 2rem;box-sizing:border-box;row-gap:1rem;place-content:center}.form-step-content{align-content:center;row-gap:2rem}.steps-list,.details-list{list-style:none}.steps-list{position:relative;display:grid;box-sizing:border-box;margin:0;padding:0;height:100%;text-align:left;border-left:#45b496 solid 2px;counter-reset:step-counter;font-weight:500;white-space:nowrap;align-content:center;row-gap:2.5rem}.steps-list .item-step{counter-increment:step-counter;min-width:1.5em;min-height:1.5em}.form-nav-cta,.steps-list .item-step:before{display:inline-block;box-sizing:border-box;width:2em;height:2em;background-color:#f4f4f4;color:#fff;border:2px solid transparent;text-align:center;font-size:1.5em;font-weight:900;border-radius:50%;transition:background-color .5s linear;line-height:calc(2em - 2px)}.steps-list .item-step:before{pointer-events:none;content:counter(step-counter);position:absolute;left:calc(-1em - 2px);z-index:5}.form-nav-cta{padding:0;cursor:pointer;line-height:calc(2em - 2px)}.form-nav-cta-txt{width:auto;height:auto;border-radius:2rem;padding:.8em 1em;font-size:1.2em;font-weight:700;line-height:1.2em;-webkit-border-radius:2rem;-moz-border-radius:2rem;-ms-border-radius:2rem;-o-border-radius:2rem;min-width:10em;height:3em;vertical-align:middle}.form-nav-cta,.steps-list .item-step:not(.locked):before{border-color:#45b496;background-color:#fff;color:#45b496}.form-nav-cta:not(.disabled):hover,.steps-list .item-step.current:before,.steps-list .item-step.complete:before,.steps-list .item-step:not(.locked):hover:before{background-color:#45b496;color:#fff}.link-step{display:block;min-height:3em;padding:1em .5em 1em 2.2em;margin:-1em -1em -1em -2em}.link-step-title{line-height:3;white-space:nowrap;text-transform:uppercase;font-weight:700}.link-fake{font-size:70%;color:#6b6b6bba;font-style:italic}.steps-list .item-step.locked .link-step{opacity:.4;cursor:default}.details-list{font-size:90%;padding:0;text-transform:uppercase;overflow:hidden}.details-list .sub{color:#6b6b6bba;font-style:italic;transition:all .25s linear;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-ms-transition:all .25s linear;-o-transition:all .25s linear}.details-list li{margin:.3em 0}.current .details-list li.current .sub li{font-weight:700;font-style:normal}.current .details-list li.current .sub{border-left:2px solid;padding-left:.7em}.details-list li.complete .sub,.details-list li.complete .sub li{color:#45b496;font-style:normal}.details-list .item-substep:first-child{margin-top:0}.details-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-list li:empty{display:none}.form-button{display:grid;grid-template-rows:5fr 1fr;row-gap:.5em;padding:1.5em;width:100%;height:100%;max-width:180px;max-height:180px;justify-self:center;aspect-ratio:1 / 1;border-radius:1em;cursor:pointer;font-weight:600;font-size:85%;font-family:Avenir,Helvetica,Arial,sans-serif;background:#fff;border:2px solid #709eb8;box-shadow:#07578524 0 0 .2rem .1rem;color:#075785;transition:opacity .4s linear,color 0ms ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-webkit-transition:opacity .4s linear,color 0ms ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-moz-transition:opacity .4s linear,color 0ms ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-ms-transition:opacity .4s linear,color 0ms ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-o-transition:opacity .4s linear,color 0ms ease-in,border-color .3s ease-in,box-shadow .3s ease-in}.btn-fost{grid-template-rows:2fr 1fr;row-gap:.5em}.form-btn-input{max-width:180px}.form-button:not(.disabled):not(.selected):not(.form-fake-button):hover{box-shadow:#07578524 0 0 .5rem .2rem;color:#45b496;border-color:#45b496;transition:opacity .4s linear,color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-webkit-transition:opacity .4s linear,color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-moz-transition:opacity .4s linear,color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-ms-transition:opacity .4s linear,color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in;-o-transition:opacity .4s linear,color .3s ease-in,border-color .3s ease-in,box-shadow .3s ease-in}.form-button:not(.form-fake-button):not(:hover):active,.form-button.selected{background-color:#45b496;border-color:#45b496;color:#fff;box-shadow:none}.form-group-only-one .form-button.selected{cursor:default}.form-button:hover:before,.form-button.selected:before{color:#075785}.form-button.disabled,.complete .form-button:not(.selected):not(:hover){opacity:.5;box-shadow:none}.form-button.disabled{cursor:not-allowed;overflow:hidden;position:relative;opacity:.3!important}.form-button.disabled:before{width:100%;height:100%;border-right:2px #709eb8 solid;transform:skew(-45deg);transform-origin:top right;display:block;content:"";position:absolute;top:0;left:0;right:0;z-index:-1}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;vertical-align:bottom;accent-color:#3ca286;border:2px solid #709eb8;width:1.7em;height:1.7em;margin:0 .5em 0 0;border-radius:.3em;-webkit-border-radius:.3em;-moz-border-radius:.3em;-ms-border-radius:.3em;-o-border-radius:.3em}input[type=checkbox]:checked{background:#45b496;border-color:#45b496}input[type=checkbox]:checked:after{content:"";display:block;width:85%;height:85%;margin-left:5%;margin-top:5%;background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox,.checkbox-label{cursor:pointer}.btn-revenu .amount{font-family:monospace;font-size:95%}.btn-fost{height:auto}.btn-cat{position:relative}.btn-cat:not([data-counter="0"]):before{content:attr(data-counter);position:absolute;top:.5em;right:.5em;width:1.5em;height:1.5em;border-radius:.5em;background:#fff;color:#45b496;text-align:center;line-height:1.5em;padding:.2em}.form-button-label{line-height:1.2}.btn-fost .form-button-label{min-height:2.4em;font-size:89%}.form-icon{display:inline-block;margin-inline:auto;width:100%;height:100%;max-height:120px;max-width:120px}.form-button .form-icon{min-width:35px;min-height:35px;max-width:60%;max-height:100%;align-self:end}.form-icon img{display:block;margin-inline:auto;width:100%;height:auto}.welcome .form-icon{max-width:120px;max-height:120px;margin-top:0;margin-bottom:1.5em}.ok p,.welcome p{margin-bottom:2em}.form-group{gap:2rem;place-content:center;margin-inline:auto;max-width:fit-content}.form-group-input{column-gap:2em;row-gap:2em}.form-group:not(:last-child){margin-bottom:2rem}.form-input-unit,.form-select,.form-input{display:block;line-height:2em;padding:.2em .8em;border-radius:.8em;margin-top:.2em;margin-bottom:.5em;margin-inline:auto;box-sizing:border-box;border:0 solid transparent;outline:2px solid #07578585;color:#075785;background:#fff;width:100%;box-shadow:#07578524 0 0 .2rem .1rem;font-size:1em}.form-input-unit:focus-within,.form-select:focus,.form-input:not(.form-input-number):focus{outline-color:#45b496;border-color:#45b496}.form-select *,.form-input *,select option{color:#075785}select option[value=""],select option[value="0"],select option:disabled,select option:first-child{color:#075785b9}.form-input::placeholder{font-size:95%}.form-input-unit,.form-input{box-shadow:inset #07578524 0 0 .2rem .1rem}.form-fake-button,.form-input-number,.form-input-unit .form-input{box-shadow:none}.zone .form-select{margin-bottom:1.8rem;max-width:60%;min-width:fit-content}.form-input-unit .form-input,select{background-color:transparent;border:none;outline:none;margin:0;width:100%}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input-number,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none;border:none;padding:0 1em 0 0;margin:0;width:100%;font-size:inherit;cursor:inherit;line-height:inherit}.surface .form-input-unit{width:50%;min-width:6em}.form-input-unit .form-input{box-sizing:border-box;width:80%;padding:.2em 0}.form-input-unit{display:grid;grid-template-areas:"unit";padding:0 .8em}.form-input-unit .form-input,.form-input-unit .unit{grid-area:unit}.form-input-unit .unit{width:20%;justify-self:end}.form-select{display:grid;align-items:center;grid-template-areas:"select";font-size:90%;cursor:pointer}select,.form-select:after{grid-area:select}.form-select:after{content:"";width:.8em;height:.5em;background-color:#45b496;clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}.form-fake-button{height:auto;cursor:default;box-sizing:border-box;padding:1em}.form-input-number-controls{text-align:center}.form-input-number{display:inline-block;height:1em;width:1.2em;padding:0;font-size:2em;font-weight:900;text-align:center;color:#45b496}.form-input-unit .form-input:focus,.form-input-number:focus{outline:none;border:none}.input-control{display:inline-block;font-size:1.9em;cursor:pointer;height:1em;width:1em;line-height:1em}.input-control,.form-input-readonly{-webkit-user-select:none;user-select:none}.input-control:hover{color:#45b496}.fost-input{display:none;visibility:hidden;opacity:0;transition:opacity .25s;margin-top:.5em;margin-bottom:0}.fost-input.focused{display:grid;visibility:visible;opacity:1}.tip{font-size:90%;color:#6b6b6bba;text-align:center}.input-error{position:absolute;margin:0;text-align:left;font-weight:700;font-size:85%}.details-card .tip{text-align:center;line-height:1;margin-bottom:.4em;margin-top:.5em;font-size:90%}.nav-tip{height:1.5em;width:1.5em;margin-left:.4em;font-size:.8em;line-height:1.5em;text-transform:lowercase;vertical-align:top}.form-substep{margin-inline:auto}.form-substep:not(.revenus){width:min-content}.form-substep.travaux{overflow:hidden;padding:0 .5rem .5rem}.form-substep.proprio .tip{max-width:392px}.form-substep.travaux .form-group:not(.grid-1,.grid-2,.grid-3,.grid-4){margin-bottom:0}.form-substep.travaux .grid-0{display:none}.form-substep.travaux .grid-1{grid-template-columns:auto}.form-substep-grouped{max-width:620px;margin:auto;column-gap:2em}.max-height-110,.form-substep-grouped .form-group{max-height:110px}.max-height-110>*,.form-substep-grouped .form-group .form-button{max-height:110px;max-width:110px}.form-substep-grouped.grid-2,.form-substep .grid-2,.form-substep.travaux .grid-2,.form-substep.travaux .grid-4{grid-template-columns:repeat(2,1fr)}.form-substep .grid-3,.form-substep.travaux .grid-3,.form-substep.travaux .grid-6,.form-substep.travaux .grid-9{grid-template-columns:repeat(3,1fr)}.form-substep .grid-4,.form-substep.travaux .grid-8,.form-substep.travaux .grid-11,.form-substep.travaux .grid-12,.form-substep.travaux .grid-16{grid-template-columns:repeat(4,1fr)}.form-substep .grid-5,.form-substep.travaux .grid-12,.form-substep.travaux .grid-15,.form-substep.travaux .grid-18,.form-substep.travaux .grid-20{grid-template-columns:repeat(5,1fr)}.form-substep .grid-6{grid-template-columns:repeat(6,1fr)}.form-substep .grid-7{grid-template-columns:repeat(7,1fr);gap:1rem}.grid-2-centered>:first-child{justify-self:right}.grid-2-centered>:last-child{justify-self:left}.grid-2-centered{align-items:center}.form-substep.travaux .form-group .btn-fost{padding:1em}.diagnostic-result{padding:0 2em}.diagnostic-result-details{gap:2em;font-size:75%}.diagnostic-cta{width:70%;margin-inline:auto}.reno-global .cta,.diagnostic-cta .cta{padding:.7rem 2em;font-size:80%}hr{width:70%;margin:1em auto;color:#075785}hr.compact-sep{margin-bottom:0;border-bottom:0}footer{padding-top:1vh}.steps-list .item-step{transform:scale(.9)}.steps-list .item-step .link-step>*{display:none}.grid-container.diagnostic{grid-template-columns:1fr 0fr}.grid-container.diagnostic.resultat{grid-template-columns:0fr 1fr}.btn-txt{min-width:auto!important;aspect-ratio:auto;padding:1em;grid-template-rows:1fr}@media (min-width: 980px){.dpe .substep-title{min-width:590px}}.dpe .warn{font-size:85%;margin-bottom:1rem}.dpe .group-3{margin-bottom:.5em}@media (min-width: 1378px){:root{font-size:16px}.form-container .form-diagnostic{min-height:675px}.form-button.btn-compact{min-width:140px!important}}@media (min-width: 980px){.grid-container.diagnostic{grid-template-columns:3fr 1fr}.grid-container.diagnostic.resultat{grid-template-columns:.8fr 3.2fr}.form-button:not(.btn-fost):not(.btn-compact){min-width:180px}.form-button.btn-compact{min-width:100px}.btn-revenu{min-width:120px!important}.form-button:not(.btn-fost):not(.btn-compact) .form-icon{min-height:60px;min-width:60px}.form-group{min-width:300px}.steps-list .item-step{transform:scale(1)}.link-step{display:inline-block;background-clip:content;border-top-right-radius:1em;border-bottom-right-radius:1em;background-color:transparent;background-size:200% 100%;background-image:linear-gradient(to right,transparent 50%,#f4f4f4 50%);transition:background-position .5s ease-in-out;border-left:calc(2em + .5px) solid transparent;background-clip:padding-box;width:85%;-webkit-transition:background-position .5s ease-in-out;-moz-transition:background-position .5s ease-in-out;-ms-transition:background-position .5s ease-in-out;-o-transition:background-position .5s ease-in-out}.item-step.current .link-step,.item-step:not(.locked) .link-step:hover{background-position:-100% 0}.steps-list .item-step .link-step>*{display:block}}@media (max-width: 980px){#app{width:100vw;max-width:100vw}main{padding:2em 2vw}footer,header{margin-left:.5em;margin-right:.5em}.form-step-container{padding:0 .5rem}.form-group{column-gap:.5em!important;row-gap:.8em!important}.form-button:not(.btn-txt){width:100px;height:100px;row-gap:.5em;padding-left:.5em;padding-right:.5em;font-size:65%}.form-btn-input{max-width:100px;margin-bottom:0}.grid-container.diagnostic{column-gap:1rem}.substep-title,.tip{margin-bottom:.5em}.proprio .form-group{max-width:215px}.alimentation-phase .form-button,.chauffage-comp .form-button,.chauffage .form-button{padding:1em;max-width:100px}.travaux .btn-fost-7,.btn-fost-42,.btn-fost-40{grid-column-start:1}.btn-revenu{max-width:72px}.diagnostic-result{padding:0 1em}.diagnostic-result-total{width:100%}.diagnostic-result-details{width:100%;grid-template-columns:repeat(2,1fr);gap:1em}.details-card:last-child{grid-column-start:1;grid-column:1 / -1;grid-template-rows:1fr;grid-template-columns:4fr 3fr;align-items:stretch}.details-card:last-child hr{display:none}.details-card:last-child>*:last-child{border-left:2px solid #075785}.ok{width:100%}}.form-icon:not(.not-bg){background-size:60%;background-repeat:no-repeat;background-position:top left;padding:5% 5% 0}.form-button:not(.disabled):not(.selected):not(.form-fake-button) .form-icon{transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in 0;-webkit-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in 0;-moz-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in 0;-ms-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in 0;-o-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in 0}.form-button:not(.disabled):not(.selected):not(.form-fake-button):hover .form-icon{transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in .3s;filter:brightness(0) saturate(100%) invert(65%) sepia(7%) saturate(3050%) hue-rotate(113deg) brightness(96%) contrast(80%);-webkit-filter:brightness(0) saturate(100%) invert(65%) sepia(7%) saturate(3050%) hue-rotate(113deg) brightness(96%) contrast(80%);-webkit-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in .3s;-moz-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in .3s;-ms-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in .3s;-o-transition:background-size .3s ease-in,background-position .3s ease-in,filter 0s ease-in .3s}.form-button:not(.disabled):not(.form-fake-button):active .form-icon,.form-button.selected .form-icon{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1)}.form-button:not(.disabled):not(.form-fake-button):hover .form-icon{background-size:0%;background-position:20% 10%}.not-bg,.form-button.selected .form-icon{background-image:none!important}.form-container{position:relative}.form-container .form-diagnostic{height:calc(100% - 3rem)}.steps-list .link-step{text-decoration:none;color:#075785}.steps-list .current .link-step .link-fake,.steps-list .link-step:hover .link-fake{text-decoration:underline}.steps-list .current .link-step{cursor:default}.steps-list .current .link-step .link-fake{text-decoration:underline}.form-input-unit .unit{font-size:80%;color:#6b6b6bba}a{text-decoration:none}#btn_chauffageComp_0{order:1}.form-nav{position:absolute;bottom:-3rem;left:0;width:100%;height:3.8rem;display:flex;justify-content:center;align-items:center;gap:.5em}.form-nav-cta{margin:auto;flex-shrink:3}@media (min-width: 980px){.form-button:not(.form-fake-button) .form-icon{max-width:65%;max-height:90%}.form-nav-cta-back{font-size:90%;position:absolute;left:0}.form-substep.chauffage-factures .group-0{min-width:500px}}.form-substep.travaux .form-button{font-size:80%;padding-left:.8em;padding-right:.8em}.form-substep.travaux .form-button .form-icon{max-width:56%}.form-fake-button .form-icon{max-width:50%}@media (max-width: 980px){.form-nav{font-size:80%}.form-substep .grid-4,.form-substep .grid-5{grid-template-columns:repeat(2,1fr)}.form-substep.chauffage .form-button .form-icon{max-height:80%}.form-fake-button{font-size:59%}.form-fake-button .form-icon{max-width:40%}}.error-info-txt{margin:auto;margin-top:35vh}.grid-container.diagnostic.resultat{gap:0}
