.calculette{padding-bottom:50px;padding-top:50px}.calculette>.container{margin-bottom:70px}.calculette .steps-selector{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto 50px;max-width:500px;padding:0 50px;position:relative;width:100%}.calculette .steps-selector:before{border-bottom:2px solid #ced4da;content:"";left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.calculette .steps-selector .step{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:6px solid #fff;border-radius:35px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;font-weight:700;height:45px;justify-content:center;position:relative;width:45px}.calculette .steps-selector .step.is-active{background-color:#ff6767;color:#fff}.calculette .steps-selector .step:not(.is-active):before{border:1px solid #ced4da;border-radius:35px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.calculette .calculette-simulation-form{text-align:center}@media (min-width:992px){.calculette .calculette-simulation-form{padding-right:50px}}.calculette .calculette-simulation-form h3{font-size:1.75rem;font-weight:700;margin-bottom:25px}@media (max-width:991.98px){.calculette .calculette-simulation-form h3{font-size:1.5rem}}.calculette .calculette-simulation-form .intro-form{margin-bottom:50px}.calculette .calculette-simulation-form .mention-form{font-size:14px;margin-top:40px;text-align:left}.calculette .calculette-simulation-form .form-item input,.calculette .calculette-simulation-form .form-item select{border:1px solid #47474f;border-radius:6px;margin:15px auto 30px;max-width:250px}.calculette .calculette-simulation-form .form-item label{position:relative}.calculette .calculette-simulation-form .form-item label i:hover{cursor:pointer}.calculette .calculette-simulation-form .form-item label .desc{display:none;padding:0 0 20px 20px;position:absolute;right:0;top:0;-webkit-transform:translate(calc(100% - 20px),calc(-100% + 20px));-ms-transform:translate(calc(100% - 20px),calc(-100% + 20px));transform:translate(calc(100% - 20px),calc(-100% + 20px));width:300px;z-index:2}@media (max-width:991.98px){.calculette .calculette-simulation-form .form-item label .desc{padding:0 20px 20px 0;right:0;top:0;-webkit-transform:translateY(calc(-100% + 20px));-ms-transform:translateY(calc(-100% + 20px));transform:translateY(calc(-100% + 20px))}}.calculette .calculette-simulation-form .form-item label .desc span{background-color:#efefef;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.16);box-shadow:0 0 5px rgba(0,0,0,.16);display:block;font-size:14px;padding:10px}.calculette .calculette-simulation-form .form-item label .desc span p{margin:0}.calculette .calculette-simulation-form .form-item label .desc:hover,.calculette .calculette-simulation-form .form-item label i:hover~.desc{display:block}.calculette .calculette-resultats{text-align:center}@media (min-width:992px){.calculette .calculette-resultats{padding-right:50px}}.calculette .block{background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 16px rgba(0,0,0,.16);box-shadow:0 0 16px rgba(0,0,0,.16);padding:45px 35px;position:sticky;top:calc(var(--header-height) + 50px)}@media (max-width:991.98px){.calculette .block{margin-top:50px}}.calculette .block h2{color:#759578;font-size:1.75rem;font-weight:400;margin-bottom:30px;margin-top:0;text-align:center}@media (min-width:992px){.calculette .block h2{font-size:2.25rem;margin-bottom:40px}}.calculette .block h2 u{color:#ffd563;font-family:Twilight,Quicksand,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:44px;position:relative;text-decoration:inherit}.calculette .block h2 u:before{background-color:#ffd563;bottom:15px;content:" ";height:35px;left:50%;-webkit-mask-image:url(/themes/custom/op_custom/images/underline.svg);mask-image:url(/themes/custom/op_custom/images/underline.svg);-webkit-mask-position:top;mask-position:top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;position:absolute;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);width:100%;z-index:10}@media (min-width:992px){.calculette .block h2 u{font-size:58px}.calculette .block h2 u:before{bottom:20px}}@media (min-width:1600px){.calculette .block h2 u{font-size:62px}}.calculette .block .field--name-field-liens-conseils:not(:last-child){margin-bottom:15px}.calculette .block .field--name-field-liens-conseils a{color:#47474f;display:block;font-size:1.25rem;padding-left:60px;position:relative;text-decoration:none!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.calculette .block .field--name-field-liens-conseils a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ffd563;content:var(--icon-global-arrow-right);font-family:global;font-size:24px;font-style:normal;font-variant:normal;font-weight:400;left:0;position:absolute;text-decoration:none;text-transform:none;top:16px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media (min-width:576px){.calculette .block .field--name-field-liens-conseils a:before{font-size:22px}}.calculette .block .field--name-field-liens-conseils a:hover{color:#ff6767}.calculette .block .field--name-field-liens-conseils a:hover:before{color:#ff6767}.calculette.view-mode--teaser{background:#fff;border-radius:10px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.16);box-shadow:0 0 15px rgba(0,0,0,.16);padding:2rem;position:relative}.calculette.view-mode--teaser .calculette--title{margin-bottom:20px}.calculette.view-mode--teaser .calculette--title a{color:#759578;font-size:1.75rem;font-weight:700;text-transform:none}.calculette.view-mode--teaser .text-style a,.calculette.view-mode--teaser .text-style h2,.calculette.view-mode--teaser .text-style h3,.calculette.view-mode--teaser .text-style h4,.calculette.view-mode--teaser .text-style h5,.calculette.view-mode--teaser .text-style p{border:none;color:#47474f;font-size:18px;font-weight:700;margin:inherit;text-decoration:none}.calculette.view-mode--teaser .global-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.calculette.view-mode--teaser:hover .calculette--title a{color:#ff6767}