@media (max-width: 768px){html, body{overflow-x: hidden;}.home-container.portal-lot-fullwidth{padding-left: 8px !important; padding-right: 8px !important;}.order-priv-main-container, .order-priv-main-container-items{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; min-width: 0; overflow-x: hidden;}.order-priv-main-container .order-priv-main-container-left, .order-priv-main-container .order-priv-main-container-right, .order-priv-main-container-items .order-priv-main-container-left, .order-priv-main-container-items .order-priv-main-container-right{width: 100%;}.order-priv-main-container-items .title-private-order{order: 2;}.order-priv-main-container-items .quote-content-container{order: 1;}.order-priv-main-container-items .simulations-container{order: 3;}.order-priv-main-container-items .comparatif-container{order: 4;}.order-priv-main-container .order-priv-main-container-items{grid-template-columns: initial; grid-template-rows: initial; row-gap: 12px; column-gap: 0; width: 100%; min-width: 0;}.order-priv-main-container .order-priv-main-container-items .title-private-order, .order-priv-main-container .order-priv-main-container-items .quote-content-container, .order-priv-main-container .order-priv-main-container-items .simulations-container, .order-priv-main-container .order-priv-main-container-items .comparatif-container{grid-row: initial; grid-column: initial;}.simulation-table .simulation-all-items{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.simulation-table .simulation-all-items .simulation-datas{width: 100%;}.simulation-table .simulation-all-items .simulation-btn{margin: 16px auto 10px auto; width: 100%; max-width: 420px;}.checkbox-composant{padding: 1.75rem 1.25rem;}.simulations-container{padding: 52px 0 0 0; min-height: initial; min-width: 0; width: 100%; display: block; overflow: visible;}.simulations-container::before{content: "REPEREZ VOS ARTICLES SUR LE PLAN"; top: 8px; font-size: 18px; color: #ffffff; background: #bfbfbf; width: 100%; left: 0; transform: none; padding: 6px 10px; text-align: left; white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; border-radius: 0;}.simulations-container #all_simulations.simulation-choices-table{display: block; height: initial; min-height: initial; max-height: initial; overflow: visible; border: 0; border-radius: 0; padding: 0; width: 100%; min-width: 0; gap: 8px;}.simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone{min-height: 220px; max-height: none; padding: 8px; border-radius: 0; margin-bottom: 8px; width: 100%;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip{margin-top: 4px; -webkit-box-pack: start; justify-content: flex-start; background: #bfbfbf; padding: 6px 10px; border-radius: 0; gap: 8px; width: 100%;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip > span{font-size: 18px; color: #ffffff; text-transform: uppercase; line-height: 1.1; white-space: normal; overflow-wrap: anywhere;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip .info-bulle-wrapper{margin-left: 6px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-table{border-radius: 0; border: 1px solid #bcbcbc; padding: 8px 10px; width: 100%;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-columns{grid-template-columns: 1fr; gap: 0; width: 100%;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-column{padding: 0; width: 100%;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-column + .simulation-articles-column{border-left: 0; border-top: 1px solid #cfcfcf; margin-top: 12px; padding-top: 12px;}.simulations-container #all_simulations.simulation-choices-table .simulation-piece-block + .simulation-piece-block{margin-top: 10px;}.simulations-container #all_simulations.simulation-choices-table .simulation-piece-title{font-size: 16px; margin-bottom: 4px;}.simulations-container #all_simulations.simulation-choices-table .simulation-piece-components{margin-top: 0;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-row{padding: 3px 0; gap: 8px; align-items: flex-start; width: 100%; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-name{font-size: 13px; line-height: 1.05; overflow-wrap: anywhere;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group-item_portal{font-size: 13px; line-height: 1.05; padding: 6px 8px 0 0; overflow-wrap: anywhere;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-price{font-size: 13px; padding-right: 8px; white-space: nowrap; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions{min-width: 82px; max-width: 82px; gap: 6px; flex: 0 0 82px;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .toggle.btn, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn.btn-sm, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn-group-sm > .btn{width: 44px; min-width: 44px; max-width: 44px; height: 28px; min-height: 28px; font-size: 12px; line-height: 26px;}.simulations-container table#all_simulations tbody tr:not(.collapse-white-bg) td:first-child{padding-left: 10px;}.simulation-table-like-mockup{margin-top: 0; gap: 12px; width: 100%; min-width: 0; overflow-x: hidden;}.simulation-table-like-mockup .simulation-summary-layout{gap: 12px; margin-top: 0; width: 100%; min-width: 0;}.simulation-table-like-mockup .simulation-summary-panel{border-radius: 0; padding: 26px 12px 12px 12px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16); width: 100%; min-width: 0; box-sizing: border-box;}.simulation-table-like-mockup .simulation-title{font-size: 16px; white-space: normal; text-align: center; padding: 5px 12px; top: -16px; max-width: calc(100% - 24px); overflow-wrap: anywhere;}.simulation-table-like-mockup .simulation-text, .simulation-table-like-mockup .financement-text, .simulation-table-like-mockup .financement-grey-title, .simulation-table-like-mockup .financement-title{font-size: 14px !important; line-height: 1.15;}.simulation-table-like-mockup .simulation-financement-table{width: 100%; border-spacing: 0 4px;}.simulation-table-like-mockup .simulation-summary-actions{margin-top: 2px;}.simulation-table-like-mockup .simulation-summary-actions .simulation-btn{width: 100%; margin: 0 0 8px 0; max-width: 100%;}.simulation-table-like-mockup .simulation-btn .btn-plan-outline, .simulation-table-like-mockup .btn-action-orange-container .item-check-simulation .btn-action-orange, .simulation-table-like-mockup .btn-action-orange-container .item-valider-commande .btn-action-orange{max-width: 100%; margin: 0 auto; padding: 8px 12px; white-space: normal;}.simulation-table-like-mockup .simulation-btn .btn-plan-outline .btn-action-container, .simulation-table-like-mockup .btn-action-orange-container .item-check-simulation .btn-action-orange .text{font-size: 16px; line-height: 1.15;}.simulation-table-like-mockup .btn-action-orange-container{gap: 8px;}.simulation-table-like-mockup .btn-action-orange-container .item-check-simulation, .simulation-table-like-mockup .btn-action-orange-container .item-valider-commande{margin: 0;}.simulation-table-like-mockup .simulation-summary-financement tr.finance-detail-row{display: table-row;}.simulation-table-like-mockup .simulation-summary-financement .financement-annuler{font-size: 12px !important; padding: 3px 8px;}.simulation-table-like-mockup .simulation-summary-financement .financement-choice-label{font-size: 14px;}.simulation-table-like-mockup .simulation-summary-financement .finance-choice-item{gap: 8px; align-items: flex-start;}.simulation-table-like-mockup .finance-manual-choice-row .financement-input input.form-control, .simulation-table-like-mockup .finance-manual-choice-row .financement-input input{width: 78px !important; max-width: 78px !important;}.simulation-table-like-mockup .financement-recensement-clos{font-size: 11px !important; text-align: left !important;}.comparatif-container{padding: 0; background: transparent; min-width: 0; overflow-x: hidden;}.comparatif-container .recapitulatif{display: none;}.info-bulle-panel-btn{top: -10px; right: -8px;}.info-bulle-btn{width: 24px; height: 24px; font-size: 16px;}.quote-content-container .card{display: block;}} .simulation-table-like-mockup{margin-top: 0; gap: 16px;} .simulation-table-like-mockup .simulation-summary-layout{display: grid; grid-template-columns: 1fr; gap: 28px; position: relative; margin-top: 12px;} .simulation-table-like-mockup .simulation-summary-panel{position: relative; background: #ffffff; padding: 22px 22px 12px 22px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18); border-radius: 0 0 10px 0;} .simulation-table-like-mockup .simulation-title{position: absolute; top: -15px; left: 50%; transform: translateX(-50%); margin: 0; padding: 5px 16px; border: 2px solid #c6c6c6; border-radius: 6px; background: #efefef; font-family: Saira Extra Condensed; font-size: 22px; font-weight: 500; color: #3b3b3b; line-height: 1.1; white-space: nowrap;} .simulation-table-like-mockup .simulation-summary-financement .simulation-title, .simulation-table-like-mockup .simulation-summary-estimations .simulation-title{font-size: 22px;} .simulation-table-like-mockup .simulation-financement-table{width: 100%; border-collapse: separate; border-spacing: 0 7px;} .simulation-table-like-mockup .simulation-financement-table td{vertical-align: top;} .simulation-table-like-mockup .financement-text, .simulation-table-like-mockup .financement-grey-title, .simulation-table-like-mockup .financement-title{font-family: Saira Extra Condensed; font-size: 17px; line-height: 1.1;} .simulation-table-like-mockup .financement-title{font-weight: 600;} .simulation-table-like-mockup .financement-recensement-clos{font-family: Saira Extra Condensed; font-size: 17px; line-height: 1.5;} .simulation-table-like-mockup .financement-recensement-clos td > span{display: block;} .simulation-table-like-mockup .financement-input{padding-left: 0.5rem;} .simulation-table-like-mockup .financement-td, .simulation-table-like-mockup .financement-td-pt{padding-left: 0.75rem; text-align: right;} .simulation-table-like-mockup .financement-td-border-bottom{border-bottom: 2px solid #b7b7b7; padding-bottom: 8px;} .simulation-table-like-mockup .simulation-summary-actions{margin-top: 4px;} .simulation-table-like-mockup .simulation-summary-actions .simulation-btn{width: 100%; margin: 0 0 8px 0;} .simulation-table-like-mockup .simulation-btn .btn-plan-outline{border: 2px solid #2c2c2c; background: #f8f8f8; color: #1f1f1f; opacity: 1; cursor: pointer; max-width: 520px; margin: 0 auto 8px auto; text-decoration: none !important;} .simulation-table-like-mockup .simulation-btn .btn-plan-outline .btn-action-container{flex-direction: row; justify-content: center; gap: 8px; font-family: Saira Extra Condensed; font-size: 22px; font-weight: 600; line-height: 1.1; padding: 6px 0;} .simulation-table-like-mockup .btn-action-orange-container .item-check-simulation .btn-action-orange, .simulation-table-like-mockup .btn-action-orange-container .item-valider-commande .btn-action-orange{background: #ef7a14; border: 2px solid #1f1f1f; border-radius: 10px; color: #fff !important; box-shadow: none; width: 100%; max-width: 520px; margin: 0 auto; padding: 8px 12px; font-family: Saira Extra Condensed; font-size: 22px; line-height: 1.1; white-space: normal;} .simulation-table-like-mockup .btn-action-orange-container{display: grid; grid-template-columns: 1fr; gap: 8px;} .simulation-table-like-mockup .item-check-simulation, .simulation-table-like-mockup .item-valider-commande{margin: 0;} .simulation-table-like-mockup .table-loader .simulation-summary-panel, .simulation-table-like-mockup .table-loader .simulation-summary-actions{opacity: 0.5;} .simulation-table-like-mockup .simulation-summary-financement tr.finance-detail-row{display: none;} .simulation-table-like-mockup .simulation-summary-financement tr.finance-choice-row{display: table-row;} .simulation-table-like-mockup .simulation-summary-financement .financement-annuler{display: none; border: 2px solid #a8a8a8; background: #efefef; color: #2f2f2f; border-radius: 4px; padding: 2px 14px; font-family: Saira Extra Condensed; font-size: 17px; line-height: 1.1;} .simulation-table-like-mockup .simulation-summary-financement .financement-choice-label{color: #ef7a14; font-family: Saira Extra Condensed; font-size: 18px; font-weight: 600;} .simulation-table-like-mockup .simulation-summary-financement .finance-choice-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px; margin: 4px 0;} .simulation-table-like-mockup [id^="mensualite_eco_ptz_"], .simulation-table-like-mockup [id^="mensualite_hors_eco_ptz_"]{color: #ef7a14; font-weight: 600;} .simulation-table-like-mockup #reste_a_financer.financement-apport-row td{border-top: 2px solid #ef7a14; border-bottom: 2px solid #ef7a14; padding-top: 10px !important; padding-bottom: 10px !important;} .simulation-table-like-mockup #reste_a_financer.financement-apport-row td:first-child{border-left: 2px solid #ef7a14; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding-left: 10px !important;} .simulation-table-like-mockup #reste_a_financer.financement-apport-row td:last-child{border-right: 2px solid #ef7a14; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding-right: 10px !important;} .simulation-table-like-mockup tr.finance-choice-row td{padding-top: 2px; padding-bottom: 2px;} .simulation-table-like-mockup .finance-max-choice-row .financement-text, .simulation-table-like-mockup .finance-manual-choice-row .financement-text{color: #2f2f2f !important; font-weight: 400;} .simulation-table-like-mockup .finance-choice-item input[type="checkbox"]{accent-color: #ef7a14;} .simulation-table-like-mockup .finance-manual-choice-row .financement-input input.form-control, .simulation-table-like-mockup .finance-manual-choice-row .financement-input input{color: #2f2f2f !important; border-color: #a6a6a6; background: #efefef; box-shadow: none !important; width: 86px !important; max-width: 86px !important; text-align: right; display: block; margin-left: auto; margin-right: 0;} .simulation-table-like-mockup .finance-manual-choice-row .financement-input{text-align: right !important; padding-left: 0 !important; padding-right: 0 !important;} .simulation-table-like-mockup .finance-manual-choice-row .financement-input input::placeholder{color: #666666; opacity: 1;} .simulation-table-like-mockup .financement-tr-border-bottom td{border-bottom: 2px solid #b7b7b7; padding-bottom: 8px;} .simulation-table-like-mockup .financement-tr-spacer{height: 16px;} .simulations-container{position: relative; background: transparent; padding: 24px 6px 10px 6px; border-radius: 0 0 14px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: calc(100vh - 170px); min-width: calc(100vw - 48vw); box-shadow: none !important;} .simulations-container::before{content: none; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-family: Saira Extra Condensed; font-size: 36px; font-weight: 600; color: #2e2e2e; text-transform: uppercase; letter-spacing: 0.4px; white-space: nowrap; pointer-events: none;} .simulations-container .simulations-title-row{display: -webkit-box; display: -webkit-flex; display: flex; align-items: baseline; justify-content: center; gap: 16px; margin-bottom: 14px; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .simulations-container .simulations-title-row .simulations-title-text, .simulations-container .simulations-title-row .simulations-title-lot{font-family: Saira Extra Condensed; font-size: 36px; font-weight: 600; color: #2e2e2e; text-transform: uppercase; letter-spacing: 0.4px; line-height: 1;} .simulations-container .simulations-title-row .simulations-title-lot{white-space: nowrap;} .simulations-container #all_simulations.simulation-choices-table{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; height: calc(100vh - 240px); min-height: 0; overflow: auto; border: 2px solid #a9a9a9; border-radius: 8px; background: transparent; margin-bottom: 0; padding: 12px;} .simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 16px; border: 1px solid #c2c2c2; border-radius: 4px; background: #ffffff; min-height: 520px; max-height: 58vh; overflow: hidden; margin-bottom: 16px;} .simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone > span{display: block; width: 100%; height: 100%;} .simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone > span img, .simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone img{display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain;} .simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip{background: #bfbfbf; color: #ffffff; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-family: Saira Extra Condensed; font-size: 28px; font-weight: 500; text-transform: uppercase; line-height: 1; padding: 6px 10px; gap: 10px; border-radius: 4px 4px 0 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-articles-table{background: #ffffff; border: 1px solid #c2c2c2; border-radius: 0 0 4px 4px; padding: 14px 10px;} .simulations-container #all_simulations.simulation-choices-table .simulation-articles-columns{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-articles-column{padding: 0 12px;} .simulations-container #all_simulations.simulation-choices-table .simulation-articles-column + .simulation-articles-column{border-left: 1px solid #cfcfcf;} .simulations-container #all_simulations.simulation-choices-table .simulation-piece-title{font-family: Saira Extra Condensed; font-size: clamp(20px, 1.041vw, 26.6px); font-weight: 600; color: black; margin: 0 0 2px 0; text-transform: uppercase; padding-bottom: 0; border: 0 !important;} .simulations-container #all_simulations.simulation-choices-table .simulation-piece-components{margin-top: 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-piece-block + .simulation-piece-block{margin-top: 14px;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-row{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 2px 0; border-bottom: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-content{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-name{font-family: Saira Extra Condensed; font-size: clamp(17px, 0.9vw, 19px); color: #78787a; line-height: 1.02; overflow: hidden; text-overflow: ellipsis;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group{margin: 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group-item_portal{font-size: clamp(14px, 0.7vw, 18px); color: #5d5d5d; line-height: 1.02; padding: 13px 10px 0 10px;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group-flush{padding-top: 4px;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions{min-width: 108px; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; align-items: flex-start; -webkit-box-pack: end; justify-content: flex-end; gap: 6px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-price{font-family: Saira Extra Condensed; font-size: clamp(17px, 0.9vw, 19px); line-height: 1.1; color: #000000; white-space: nowrap; padding: 0 15px 0 0;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .toggle.btn, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn.btn-sm, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn-group-sm > .btn{width: clamp(42px, 2.19vw, 56px); min-width: clamp(42px, 2.19vw, 56px); max-width: clamp(42px, 2.19vw, 56px); min-height: clamp(22px, 1.15vw, 29px); height: clamp(22px, 1.15vw, 29px); padding: 0 3px; font-size: clamp(17px, 1vw, 22px); line-height: clamp(20px, 1.04vw, 27px); border-radius: 4px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center;} .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .toggle-group .btn{font-size: clamp(17px, 1vw, 22px); line-height: clamp(20px, 1.04vw, 27px); padding: 0 2px;} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks{flex-basis: 100%; margin: 0; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: clamp(4px, 0.3vw, 8px);} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: center; padding: 0; min-height: clamp(15px, 0.78vw, 20px);} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: clamp(32px, 1.64vw, 42px); height: clamp(17px, 0.86vw, 22px); background: #e0e0e0; border-radius: 4px; cursor: pointer; position: relative; transition: background 0.2s;} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant input[type="checkbox"]:checked{background: #ef7a14;} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant input[type="checkbox"]::after{content: ""; position: absolute; width: clamp(12px, 0.63vw, 16px); height: clamp(12px, 0.63vw, 16px); background: white; border-radius: 3px; top: 3px; left: 3px; transition: left 0.2s;} .simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant input[type="checkbox"]:checked::after{left: clamp(17px, 0.9vw, 23px);} :has(.o_portal_sidebar_private_order) .container.home-container{max-width: 100%; padding-left: 20px; padding-right: 20px; zoom: 0.77;} @media (max-width: 768px){html, body{overflow-x: hidden;}.order-priv-main-container, .order-priv-main-container-items, .order-priv-main-container .order-priv-main-container-items{width: 100% !important; min-width: 0 !important; overflow-x: hidden !important;}.simulations-container{width: 100% !important; min-width: 0 !important; min-height: initial !important; padding: 52px 0 0 0 !important; display: block !important; overflow: visible !important;}.simulations-container::before{content: "REPEREZ VOS ARTICLES SUR LE PLAN" !important; width: 100% !important; left: 0 !important; transform: none !important; white-space: normal !important; overflow-wrap: anywhere !important;}.simulations-container #all_simulations.simulation-choices-table{display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: initial !important; max-height: none !important; overflow: visible !important; padding: 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-plan-zone{width: 100% !important; min-height: 220px !important; max-height: none !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip{width: 100% !important; -webkit-box-pack: start !important; justify-content: flex-start !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip > span{white-space: normal !important; overflow-wrap: anywhere !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-table{width: 100% !important; box-sizing: border-box !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-columns, .simulations-container #all_simulations.simulation-choices-table .simulation-articles-column{width: 100% !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-columns{grid-template-columns: 1fr !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-row{width: 100% !important; flex-wrap: nowrap !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions{min-width: 82px !important; max-width: 82px !important; flex: 0 0 82px !important;}.simulation-table-like-mockup{width: 100% !important; min-width: 0 !important; overflow-x: hidden !important;}.simulation-table-like-mockup .simulation-summary-layout, .simulation-table-like-mockup .simulation-summary-panel{width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;}.simulation-table-like-mockup .simulation-title{max-width: calc(100% - 24px) !important; white-space: normal !important; overflow-wrap: anywhere !important;}.simulation-table-like-mockup .simulation-btn .btn-plan-outline, .simulation-table-like-mockup .btn-action-orange-container .item-check-simulation .btn-action-orange, .simulation-table-like-mockup .btn-action-orange-container .item-valider-commande .btn-action-orange{white-space: normal !important; max-width: 100% !important;}.simulation-table-like-mockup .finance-manual-choice-row .financement-input input.form-control, .simulation-table-like-mockup .finance-manual-choice-row .financement-input input{width: 66px !important; max-width: 66px !important;}.comparatif-container{min-width: 0 !important; overflow-x: hidden !important;}} @media (max-width: 768px){.simulations-container::before{font-size: 14px !important; line-height: 1.1 !important; padding: 5px 8px !important; color: #ffffff !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip{font-size: 14px !important; line-height: 1.1 !important; padding: 4px 8px !important; gap: 6px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-choices-strip > span{font-size: 14px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-table{border: 0 !important; padding: 6px 8px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-columns{gap: 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-articles-column + .simulation-articles-column{border-left: 0 !important; border-top: 0 !important; margin-top: 8px !important; padding-top: 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-piece-block + .simulation-piece-block{margin-top: 8px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-piece-title{font-size: 12px !important; margin-bottom: 2px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-row{display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 6px !important; align-items: start !important; width: 100% !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-content{flex: 1 1 auto !important; min-width: 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-name{font-size: 10px !important; line-height: 1 !important; white-space: normal !important; overflow-wrap: anywhere !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group-item_portal{font-size: 10px !important; line-height: 1 !important; padding: 18px 4px 0 0 !important; white-space: normal !important; overflow-wrap: anywhere !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-price{font-size: 10px !important; padding-right: 2px !important; min-width: 0 !important; white-space: nowrap !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-direction: row !important; align-items: center !important; -webkit-box-pack: end !important; justify-content: flex-end !important; flex-wrap: nowrap !important; min-width: 0 !important; max-width: none !important; width: auto !important; gap: 3px !important; white-space: nowrap !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .toggle.btn, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn.btn-sm, .simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions .btn-group-sm > .btn{width: 30px !important; min-width: 30px !important; max-width: 30px !important; height: 20px !important; min-height: 20px !important; font-size: 9px !important; line-height: 18px !important; padding: 0 2px !important;}.simulation-table-like-mockup .simulation-title{font-size: 12px !important; padding: 3px 8px !important; top: -12px !important;}.simulation-table-like-mockup .simulation-summary-financement .simulation-title, .simulation-table-like-mockup .simulation-summary-estimations .simulation-title{font-size: 12px !important;}.simulation-table-like-mockup .simulation-summary-panel{padding-top: 20px !important;}.simulation-table-like-mockup .simulation-text, .simulation-table-like-mockup .financement-text, .simulation-table-like-mockup .financement-grey-title, .simulation-table-like-mockup .financement-title{font-size: 11px !important; line-height: 1.05 !important;}.simulation-table-like-mockup .simulation-financement-table td{white-space: normal !important; vertical-align: top !important;}.simulation-table-like-mockup .simulation-financement-table td:first-child{width: 68% !important;}.info-bulle-wrapper{display: none !important;}.info-bulle-panel-btn{display: none !important;}.comparatif-container .recapitulatif{display: none !important;}.comparatif-container #comparatif{margin-top: 0 !important;}.simulation-summary-financement .finance-choice-item{gap: 3px !important; margin: 1px 0 !important; align-items: center !important; font-size: 10px !important; line-height: 1 !important;}.simulation-summary-financement .financement-choice-label{font-size: 10px !important; line-height: 1 !important;}.simulation-summary-financement .finance-choice-item input[type="checkbox"]{transform: scale(0.75); transform-origin: left center; margin: 0 !important;}.simulation-summary-actions .btn-plan-outline{max-width: 280px !important; padding: 6px 10px !important;}.simulation-summary-actions .btn-plan-outline .btn-action-container{font-size: 14px !important; line-height: 1.05 !important; padding: 4px 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-price{padding-right: 10px !important; min-width: 68px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-actions{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-wrap: wrap !important; -webkit-box-pack: end !important; justify-content: flex-end !important; align-items: flex-start !important; align-content: flex-start !important; gap: 4px 6px !important; width: auto !important; min-width: 0 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-composant-content .list-group-item_portal{padding-right: 4px !important; margin-bottom: 4px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-option-checks{flex-basis: 100% !important; width: 100% !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; -webkit-box-pack: start !important; justify-content: flex-start !important; padding-top: 4px !important; margin-top: 4px !important; gap: 4px !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant{width: 100% !important; -webkit-box-pack: end !important; justify-content: flex-end !important; align-items: center !important; padding: 0 !important; margin-top: 0 !important; min-height: 0 !important; line-height: 1 !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant input[type="checkbox"]{margin-top: 0 !important; transform: none !important;}.simulations-container #all_simulations.simulation-choices-table .simulation-option-checks .checkbox-composant .toggle{margin-left: auto !important;}} .simulations-container, .simulation-table-like-mockup{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;} .simulations-container .simulation-composant-name, .simulations-container .simulation-composant-content .list-group-item_portal, .simulations-container .financement-text, .simulations-container .financement-grey-title, .simulations-container .financement-title, .simulations-container .financement-choice-label{font-family: Saira Extra Condensed !important; color: #000000 !important;} .finance-manual-input-wrapper{position: relative; display: inline-block;} .finance-manual-input-wrapper input.financement-input-euro{padding-right: 16px; text-align: right;} .finance-manual-input-wrapper .financement-currency-inside{position: absolute; right: 6px; top: 50%; transform: translateY(-50%); color: #000000; pointer-events: none;} .simulation-composant-actions .toggle.btn, .simulation-composant-actions .toggle .btn, .simulation-composant-actions .toggle-group .btn{box-shadow: none !important; border-radius: 0 !important; border: none !important; font-family: Saira Extra Condensed !important;} .simulation-composant-actions .toggle.off, .simulation-composant-actions .toggle .toggle-off{background-color: #bfbfbf !important; color: #ffffff !important;} .simulation-composant-actions .toggle.off .toggle-handle{background-color: #bfbfbf !important;} .simulation-composant-actions .toggle:not(.off) .toggle-handle{background-color: #8dc153 !important;} .simulation-composant-actions .toggle .toggle-handle{color: #ffffff !important;} @media (max-width: 768px){.simulations-container .simulations-title-row{display: none !important;}} .simulation-table-like-mockup .simulation-datas .item-total .simulation-text{font-weight: 600 !important;} @media (max-width: 992px){.simulation-table-like-mockup .simulation-datas{column-gap: 12px;}} .financement-save-banner{position: fixed; top: 0; left: 0; right: 0; z-index: 1040; background: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); padding: 8px 16px; text-align: center;} .financement-save-banner .financement-save-banner-text{color: #ef7a14; font-family: Saira Extra Condensed; font-weight: 600; font-size: 22px; line-height: 1.2;} @media (max-width: 768px){.financement-save-banner{padding: 6px 12px;}.financement-save-banner .financement-save-banner-text{font-size: 15px; white-space: normal;}} 

/* /reanova_spe_portal/static/src/css/rendez_vous.scss defined in bundle 'web.assets_frontend' */
 .rdv-block-items{display: grid; grid-template-columns: auto auto; grid-column-gap: 40%; grid-row-gap: 20%; margin-top: 5%;} .rdv-block-items a.btn-action-green:hover{color: #ffffff; text-decoration: inherit;} .rdv-block-items a.btn-action-green{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 5px; font-size: 17px;} .rdv-block-items .rdv-info-title-item{font-size: 25px; font-family: Oswald; color: #575556; font-weight: 500;} .rdv-check-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 10px;} .rdv-info-title{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .rdv-info-title .bis-title{font-size: 17px; font-weight: 400; font-family: Oswald; color: #575556; text-transform: capitalize;} .subtitle-rdv{font-family: Saira Condensed; font-weight: 700; font-size: 30px; text-transform: uppercase; color: #78787a;} .agenda-container{display: -webkit-box; display: -webkit-flex; display: flex; align-items: stretch; font-family: Oswald;} .agenda-container .calendar-container{width: 40%; margin-right: 50px; align-self: center;} .agenda-container .table thead th{border: inherit; white-space: nowrap;} .agenda-container .table th, .agenda-container .table td{border-top: inherit; vertical-align: middle;} .agenda-container .date-muted{color: #575556;} .agenda-container .date-calendar{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .agenda-container .date-calendar .btn-switch-date{margin: 0 10px;} .agenda-container .date-calendar .btn-switch-date:focus{box-shadow: 0 0 0 0.2rem rgba(239, 122, 20, 0.2);} .agenda-container .date-calendar .btn-switch-date i{color: #ef7a14;} .agenda-container .days-calendar{text-transform: uppercase; font-size: 17px;} .agenda-container .month-calendar{font-size: 25px; color: #575556; min-width: 160px;} .agenda-container .title-agenda{font-size: 25px; color: #575556;} .agenda-container .agenda-schedule{display: grid; grid-template-columns: auto auto; grid-template-rows: auto; grid-column-gap: 50px; grid-row-gap: 20px; align-items: center; justify-content: center; margin: 25px 0;} .agenda-container .btn-choice-schedule{color: black; font-size: 25px; padding: 10px 60px; border: inherit; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background-color: #d9d9d9;} .agenda-container .btn-choice-schedule:focus{outline: inherit;} .agenda-container .btn-choice-schedule.selected-choice{background-color: #ef7a14;} .agenda-container .agenda-choice-date.active{color: #ef7a14;} .agenda-container .schedule-container{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-between;} .agenda-container .schedule-container .btn-validate-schedule{display: -webkit-box; display: -webkit-flex; display: flex; align-items: stretch; -webkit-box-pack: end; justify-content: flex-end; margin-right: 10px;} .agenda-container .schedule-container .btn-validate-schedule .btn-action-green{color: #ffffff; text-transform: uppercase; font-size: 17px;} .agenda-container #rdv_comment{width: 100%; height: 150px;} .my-rdv-container-items{margin-bottom: 80px; margin-top: 30px;} .my-rdv-container-items .rdv-item-block-container{display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 20px), 1fr)); gap: 20px; margin: 40px 0;} .my-rdv-container-items .rdv-item-block-container .rdv-item-block{color: #575556; font-size: 17px; font-family: Oswald;} .my-rdv-container-items .rdv-item-block-container .rdv-item-block .svg-document{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; color: #78787a;} .my-rdv-container-items .rdv-item-block-container .rdv-item-block .btn-action-sm{font-size: 17px;} .my-rdv-container-items .btn-rdv-block{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin: 20px 0;} .my-rdv-container-items .btn-action-orange{border-radius: 10px; background-color: #ef7a14; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); font-family: Oswald; font-size: 30px; font-weight: 400; color: #ffffff; border: none !important; cursor: pointer;} .my-rdv-container-items .btn-action-orange:focus, .my-rdv-container-items .btn-action-orange:focus-visible{background-color: #ff943a; border: none !important; outline: none !important;} @media (max-width: 768px){.agenda-container{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.agenda-container .calendar-container{width: 100%; margin: 30px auto;}.agenda-container .schedule-container{margin-bottom: 30px;}.rdv-block-items{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: inherit; grid-column-gap: inherit; grid-row-gap: inherit; margin-bottom: 20%; margin-top: 10%;}.rdv-block-items .rdv-block{margin-bottom: 20px;}.my-rdv-container-items .rdv-item-block-container{display: -webkit-box; display: -webkit-flex; display: flex; grid-template-columns: inherit; gap: inherit; -webkit-flex-wrap: wrap; flex-wrap: wrap;}.my-rdv-container-items .rdv-item-block-container .rdv-item-block{width: 100%;}.agenda-container .btn-choice-schedule{font-size: 15px; padding: 4px 24px;}} 

/* /reanova_spe_portal/static/src/css/info_bulle.scss defined in bundle 'web.assets_frontend' */
 .info-bulle-btn{width: 28px; height: 28px; border: 2px solid #ef7a14; border-radius: 50%; color: #ef7a14; background: #ffffff; font-family: Saira Extra Condensed; font-size: 18px; font-weight: 600; line-height: 1; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0;} .info-bulle-panel-btn{position: absolute !important; top: -14px; right: -12px; z-index: 50;} .info-bulle-wrapper{position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; z-index: 50;} .simulation-choices-strip .info-bulle-wrapper{position: static; transform: none; margin-left: 2px;} .info-bulle-popup{display: none !important;} .info-bulle-popup-strip{width: 360px;} .info-bulle-global-popup{display: none; position: fixed; top: 0; left: 0; width: 420px; max-width: calc(100vw - 16px); padding: 0; border: 2px solid #2e2e2e; border-radius: 10px; background: #ffffff; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22); font-family: Saira Extra Condensed; font-size: 15px; line-height: 1.35; white-space: normal; word-break: break-word; color: #000000; z-index: 2147483647;} .info-bulle-global-popup.is-open{display: block;} .info-bulle-global-inner{position: relative; padding: 16px 18px 14px 18px;} .info-bulle-global-icon{position: absolute; top: 10px; left: 12px; width: 28px; height: 28px; border: 2px solid #ef7a14; border-radius: 50%; color: #ef7a14; font-family: Saira Extra Condensed; font-size: 22px; font-weight: 600; line-height: 1; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;} .info-bulle-global-content{padding-left: 44px;} .info-bulle-global-content p{margin: 0 0 8px 0; white-space: normal;} .info-bulle-global-content p:last-child{margin-bottom: 0;}