/* Source and licensing information for the line(s) below can be found at https://www.havitat.fr/modules/custom/proji_simulator/css/style.css. */
@font-face{font-family:"Gotham";src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-light-webfont.woff") format("woff");src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-light-webfont.woff") format("woff2");src:url("/modules/custom/proji_simulator/css/../src/fonts/Gotham-Light.ttf") format("truetype");font-weight:200}@font-face{font-family:"Gotham";src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-book-webfont.woff") format("woff");src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-book-webfont.woff2") format("woff2");src:url("/modules/custom/proji_simulator/css/../src/fonts/Gotham-Book.ttf") format("truetype");font-weight:300}@font-face{font-family:"Gotham";src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-medium-webfont.woff") format("woff");src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-medium-webfont.woff2") format("woff2");src:url("/modules/custom/proji_simulator/css/../src/fonts/Gotham-Medium.ttf") format("truetype");font-weight:normal}@font-face{font-family:"Gotham";src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-bold-webfont.woff") format("woff");src:url("/modules/custom/proji_simulator/css/../src/fonts/gotham-bold-webfont.woff2") format("woff2");src:url("/modules/custom/proji_simulator/css/../src/fonts/Gotham-Bold.ttf") format("truetype");font-weight:bold}.pointer{cursor:pointer !important}li a span{background-color:lightgrey !important}html,body{font-family:"Gotham" !important;position:relative;padding:0;margin:0;scroll-behavior:smooth;overflow-x:hidden;user-zoom:fixed}#container{position:relative}#laws-copyright{position:absolute;bottom:0}.project-selector{width:560px;height:50px;background-color:white;border-radius:25px;box-shadow:1px 1px 10px 1px #888}.my-button{height:50px;width:225px;background-color:#11406d;border-radius:25px}.theme-background{background-image:linear-gradient(to bottom right,#ee1e57,#ff769c)}.invert-img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.divider-line{width:60%;border-top:1px solid #8c8b8b}.opct-m{opacity:.5}.center{width:300px;height:300px;position:absolute;left:50%}.first-quarter{width:300px;height:300px;position:absolute;left:25%}.last-quarter{width:300px;height:300px;position:absolute;left:70%}.bottomization-1{bottom:0;position:absolute;left:42%}.bottomization-2{bottom:20%;position:absolute;left:43%}.bottomization-3{bottom:15%;position:absolute;left:23.5%}.opct-s{opacity:.8}.opct-l{opacity:.4}.text-size-l{font-size:19px}.text-size-m{font-size:14px}.text-size-s{font-size:13px}.custom-child{width:315px;display:inline-block;float:none}.dist-del-top-l{margin-top:-20px}.dist-del-top-m{margin-top:-10px}.dist-del-lft-xl{margin-left:-33px}.dist-del-btm-s{margin-bottom:-8px}.dist-del-btm-m{margin-bottom:-14px}.dist-del-btm-l{margin-bottom:-20px}.dist-del-btm-xl{margin-bottom:-33px}.dist-add-btm-s{margin-bottom:8px}.dist-add-btm-m{margin-bottom:14px}.dist-add-btm-l{margin-bottom:20px}.dist-add-btm-xl{margin-bottom:40px}.dist-add-btm-xxl{margin-bottom:80px}.dist-add-btm-xxxl{margin-bottom:160px}.dist-add-btm-xxxxl{margin-bottom:250px}.dist-add-btm-menu-button{margin-bottom:28px}.dist-add-rgt-menu-button{padding-right:20px}.dist-add-top-s{margin-top:11px}.dist-add-top-m{padding-top:16px}.dist-add-top-l{padding-top:20px}.dist-add-top-xl{padding-top:40px}.dist-add-top-xxl{padding-top:90px}.dist-add-rgt-s{padding-right:25px}.dist-add-rgt-m{padding-right:14px}.dist-add-rgt-l{margin-right:20px}.dist-add-rgt-xl{padding-right:33px}.dist-add-rgt-menu{padding-right:10px}.dist-add-rgt-xxl{margin-right:40px}.dist-add-rgt-xxxl{margin-right:70px}.dist-add-lft-s{margin-left:25px}.dist-add-lft-m{margin-left:50px}.dist-add-lft-l{margin-left:80px}.dist-add-lft-xl{margin-left:150px}.dist-add-lft-xxl{margin-left:200px}.dist-add-lft-menu{margin-left:150px}.overlay{height:100%;width:0;opacity:0;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;-webkit-transition:opacity .3s linear,width .1s linear;-moz-transition:opacity .3s linear,width .001s linear;-o-transition:opacity .3s linear,width .001s linear;transition:opacity .3s linear,width .001s linear}
.overlay.anim{width:100%;opacity:1}.overlay-content{position:relative;width:100%;opacity:1;text-align:center}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}a:hover{cursor:pointer !important;text-decoration-style:none !important;text-decoration:none !important}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}a{cursor:pointer}.responsable{height:100vh;width:100%;background-color:#f7f7f7;margin-left:auto;margin-right:auto}.responsable-header{height:20%}.responsable-title{position:relative;height:100%}.resp-title{position:absolute;bottom:10;color:#00407b;font-size:46px}.responsable-core{height:60%;bottom:0;position:relative}.separator{height:15%;background-color:transparent;width:100%}.responsable-button{height:20%}.conseil{height:90vh;width:100%;background-color:white}.conseil-title{height:25%}h1.conseil-txt{font-size:43px;color:#db003c}.conseil-core{height:55%}.conseil-button{height:20%}.reseau{height:100vh;width:100%;background-color:#f7f7f7}.reseau-title{height:200px}.reseau-map{height:450px}.reseau-button{height:300px}.etapes{height:100vh;background-color:white}.etapes-title{height:200px}.etapes-one{height:150px}.etapes-two{height:180px}.etapes-three{padding-top:30px;height:150px}.video{height:100vh;background-color:#f7f7f7}.video-title{height:20%}.video-diapo{height:100%}.video-name{font-size:46px;color:#00407b}.video-carousel{height:65%}.video-button{height:200px}.video-control{height:15%}.responsive-button{height:150px}.responsive-options{height:600px}.responsive-options{display:none}button[type=submit]{background:#ee1e57;outline:0;color:white;border-color:#ee1e57;border-width:2px}button[type=submit]:hover{background:white;color:#ee1e57;border-color:#ee1e57}.resp-desc{font-size:20px;color:#666;max-height:450px}h3{font-size:22px}.carte-right-1{width:100%;height:50%}.carte-right-2{width:100%;height:50%}.blue-title{color:#00407b}.red-title{color:#ee1e57}.grey-title{color:#666}.big-title{font-size:46px}.med-text{font-size:20px}.line-step{position:relative}.etapes-ligne{z-index:1}.etapes-hex{position:relative;z-index:2}.footer{height:400px}.top-footer{height:50px}.main-footer{height:250px}.sep-footer{height:3px}.cop-footer{height:100px}.link-footer{height:200px}.white-section{height:900px;background-color:white}.grey-section{height:900px;background-color:#f7f7f7}.section-grey{background-color:#f7f7f7 !important}.section-white{background-color:white !important}h1.vendor-title{font-size:46px}.little-desc{font-size:15px}.header-begin{height:150px}.header-placeholder{height:100px}.header-title{position:absolute;height:110px;width:500px;margin-top:-50px;background-color:white}.body-separate{width:100%;height:150px}.empty-form{height:20%}.contact-form{height:60%}.contact-form-title{height:45%}.contact-form-cards{height:55%}.card-form{background-color:white;height:60%;width:70%;display:inline-block;border-radius:6px}.card-content{height:100%}.card-form:hover{background-color:#f7f7f7}.proji-simulator-plugin{background-color:#f1ede9;padding:50px 0;border-top:2px #036 solid}@media only screen and (max-width:768px){.proji-simulator-plugin{padding-bottom:30px}}.proji-simulator-plugin .container{max-width:1300px;margin:auto}.proji-simulator-plugin .container .top-elm{text-align:center}.proji-simulator-plugin .container .top-elm .block-title{font-size:35px;font-weight:900;text-transform:uppercase;text-align:center;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}@media only screen and (max-width:768px){.proji-simulator-plugin .container .top-elm .block-title{font-size:25px;line-height:29px;text-align:center;width:95%}}.proji-simulator-plugin .container .top-elm .block-title:after{content:"";width:188px;height:13px;background-image:url(/modules/custom/proji_simulator/css/../images/arc-bottom.svg);background-position:center;background-size:contain;background-repeat:no-repeat;align-self:flex-end}@media only screen and (max-width:768px){.proji-simulator-plugin .container .top-elm .block-title:after{align-self:center}
}.proji-simulator-plugin .container .simulateur-calcul-mensualites{display:flex;margin-top:50px;gap:50px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites{flex-direction:column;padding:20px;margin-top:25px;gap:25px}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side{flex:1}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text{background-color:#f7f6f4;border-radius:20px;max-width:800px;margin:78px auto 25px;padding:20px 40px 40px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text{margin-bottom:0;padding:30px}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text .title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-style:italic;font-weight:700;color:#ed1d57}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text .title:before{content:"";width:24px;height:32px;background-image:url("/modules/custom/proji_simulator/css/../images/icon-sun.svg");background-position:center;background-repeat:no-repeat;background-size:contain}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text .content{position:relative;font-size:20px;font-style:italic;font-weight:200;line-height:28px;margin-top:15px;padding:0 40px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text .content:before{content:"";width:30px;height:18px;position:absolute;top:0;left:0;background-image:url("/modules/custom/proji_simulator/css/../images/icon-quote.svg");background-position:center;background-repeat:no-repeat;background-size:contain}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .ai_annonce_text .content:after{content:"";width:30px;height:18px;position:absolute;right:0;bottom:0;background-image:url("/modules/custom/proji_simulator/css/../images/icon-quote.svg");background-position:center;background-repeat:no-repeat;background-size:contain;transform:rotate(180deg)}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container{width:90%;margin:auto}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .text-left{font-size:17px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;margin-bottom:20px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .text-left{flex-direction:column}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .text-left .result{margin-left:15px;font-size:24px;font-weight:900;color:#ed1d57}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .text-left .result{margin-top:7px;margin-left:0}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container{position:relative;max-width:526px;margin-bottom:50px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .ui-widget.ui-widget-content{height:10px;border:2px solid #ed1d57;border-radius:25px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .ui-slider-horizontal .ui-slider-handle{top:-7px;width:22px;height:22px;background-color:#ed1d57;border-radius:8px;border:0;cursor:ew-resize}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications{position:absolute;left:-10px;right:-10px;display:flex;align-items:center;justify-content:space-between}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications>span{position:relative;display:block;height:22px;font-size:14px;margin-top:10px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications>span{font-size:11px}
}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications>span:first-child:before,.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications>span:last-child:before{content:unset}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications>span:before{content:"";width:2px;height:8px;background-color:#ed1d57;position:absolute;top:-18px;left:0;right:0;margin:auto}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications.percentage>span{width:22px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.left-side .sliders-container .ui-slider-container .indications.duration>span{width:38px;white-space:nowrap}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container{background-color:#fff;border:3px #ed1d57 solid;border-radius:30px;padding:50px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container{padding:42px}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .title-elm{font-size:28px;font-weight:900;text-align:center;text-transform:uppercase;line-height:31px;max-width:450px;margin:auto}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .title-elm{font-size:20px;line-height:29px}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .amount-per-month{font-size:35px;color:#ed1d57;font-weight:900;text-align:center;margin-top:25px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .amount-per-month{font-size:32px;line-height:32px}}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .red-title{margin:10px auto 0;font-size:12px;line-height:13px;color:#ed1d57;text-transform:uppercase;text-align:center;max-width:260px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .blue-title{font-size:19px;line-height:26px;max-width:360px;text-align:center;margin:15px auto 0}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .blue-title strong{font-weight:700}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .btn-wrapper{margin-top:45px;text-align:center}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .btn-wrapper .click-here{position:relative;padding-right:50px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-container .btn-wrapper .click-here:after{position:absolute;content:url(/themes/custom/havitat/assets/css/./../images/svg/external_link-white.svg);margin-left:10px;width:20px;top:16px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-infos{margin-top:10px}.proji-simulator-plugin .container .simulateur-calcul-mensualites .side.right-side .right-block-infos .explication{font-size:9px;line-height:14px;text-align:center}.proji-simulator-plugin .container .mentions-container{margin-top:60px}@media only screen and (max-width:768px){.proji-simulator-plugin .container .mentions-container{margin-top:20px;padding:0 20px}}.proji-simulator-plugin .container .mentions-container .mention{font-size:9px;line-height:14px;text-align:center}.proji-simulator-plugin .container .mentions-container .mention strong{font-weight:700}
/* Source and licensing information for the above line(s) can be found at https://www.havitat.fr/modules/custom/proji_simulator/css/style.css. */