#sIndicateurs,

#sIndicateurs > div {

	border-color: #01677d !important;

	padding-bottom: 0 !important;

}

#sIndicateurs .btn-toggle-wrapper,

#sIndicateurs #analyseProfilsBlock {

	border: none !important;

	border-left: none !important;

	border-left-width: 0 !important;

	background: transparent !important;

}

#sIndicateurs .border-top-crochet,

#sIndicateurs .border-bottom-crochet {

	border-color: #01677d !important;

}

#sIndicateurs .border-left {

	border-left-color: #01677d !important;

	width: calc(91.66666667% + 15px) !important;

	margin-left: -15px !important;

}

#sIndicateurs .titleEtape {

	background-color: #01677d !important;

	position: relative !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

}

#sIndicateurs .titleEtape p:nth-child(1) {

	display: none !important;

}

#sIndicateurs .titleEtape p:nth-child(2) {

	display: block !important;

	width: 100% !important;

	text-align: center !important;

	margin: 0 !important;

	padding: 1px 0 !important;

	border: none !important;

	line-height: normal !important;

}

#sIndicateurs button.button1 {

	margin-top: 2px !important;

	margin-bottom: 2px !important;

	margin-left: auto !important;

	margin-right: auto !important;

	padding: 5px 13px !important;

	font-size: 13.5px !important;

	font-weight: 700 !important;

	text-transform: uppercase !important;

	align-self: center !important;

	border-radius: 5px !important;

	width: auto !important;

}

#sIndicateurs .etape-content {

	gap: 1px !important;

	margin-top: 0 !important;

}

#sIndicateurs .row.group {

	margin-bottom: 1px !important;

	margin-top: 0 !important;

	padding-top: 0 !important;

}

#sIndicateurs .separator {

	margin-top: 1px !important;

	margin-bottom: 1px !important;

}

#sIndicateurs .ligne {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	height: 23px !important;

	align-items: center !important;

	position: relative !important;

}

#sIndicateurs .nomIndicateur {

	font-size: 14px !important;

	line-height: 1.1 !important;

}

#sIndicateurs .fakeInput {

	height: 22px !important;

	width: 160px !important;

	min-width: 160px !important;

	max-width: 160px !important;

	margin-left: 6px !important;

	margin-right: 0 !important;

	padding-right: 24px !important;

	border-right: none !important;

	border-radius: 4px 0 0 4px !important;

	white-space: nowrap !important;

}

#sIndicateurs .etape-content .row {

	position: relative !important;

	padding-left: 55px !important; /* reserve space for icons */

	margin-left: 0 !important;

	margin-right: 0 !important;

	min-height: 40px !important; /* force row height to match icon size */

	display: flex !important;

	align-items: center !important;

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

#sIndicateurs .row.group > .icon {

	position: absolute !important;

	left: 0 !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	width: 50px !important;

	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	justify-content: center !important;

	padding: 0 !important;

	height: auto !important;

}

#sIndicateurs .row.group > .icon img {

	max-height: 46px !important;

	max-width: 46px !important;

	width: auto !important;

	height: auto !important;

}

#sIndicateurs .row.group > .icon.rendement img {

	max-height: 46px !important;

	max-width: 46px !important;

}

#sIndicateurs .col-11 {

	width: 100% !important;

	flex: 0 0 100% !important;

	max-width: 100% !important;

	padding-left: 10px !important;

}

#sIndicateurs .border-left {

	border-left: 2px solid #01677d !important;

	margin-left: 0 !important;

}

#sIndicateurs .ligne {

	justify-content: space-between !important;

}

#sIndicateurs .nomIndicateur {

	text-align: left !important;

	flex-grow: 1 !important;

}



/* Grid and layout for 2-column lower indicators */

.indicateurs-grid {

	display: flex !important;

	flex-wrap: wrap !important;

	gap: 3px 0 !important;

	margin-top: 4px !important;

	padding: 0 5px !important;

}

.indicateur-col-item {

	display: flex !important;

	flex-direction: column !important; /* Icon+Input at top, Label at bottom */

	align-items: stretch !important;

	flex: 0 0 100% !important;

	max-width: 100% !important;

	box-sizing: border-box !important;

	padding: 0 5px !important;

}

.indicateur-col-item .icon-and-input-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: flex-start !important;

	align-self: stretch !important;

	height: 44px !important;

	width: 100% !important;

}

.indicateur-col-item .icon-wrapper {

	width: 38px !important;

	height: 38px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: flex-start !important;

	flex-shrink: 0 !important;

	margin-left: 20px !important; /* Brought icon closer to the left */

}

.indicateur-col-item .icon-wrapper img {

	max-height: 38px !important;

	max-width: 38px !important;

	width: auto !important;

	height: auto !important;

	image-rendering: smooth !important;

	filter: blur(0px);

	transform: translateZ(0);

	backface-visibility: hidden;

}

.indicateur-col-item .input-wrapper {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	height: 44px !important;

	margin-right: auto !important; /* Align input directly after icon instead of pushing to center */

	margin-left: 6px !important; /* Small gap between icon and input reduced by half */

}

.indicateur-col-item .label-text {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 13px !important;

	font-weight: 500 !important;

	color: #1e293b !important;

	line-height: 1.1 !important;

	margin-top: 1px !important;

	white-space: nowrap !important;

	text-align: left !important;

	margin-left: 20px !important; /* Aligns with the icon margin-left */

}

.indicateur-col-item .label-text span.mini {

	font-size: 12px !important;

	color: #64748b !important;

	font-weight: 500 !important;

	display: block !important;

	margin-top: 1px !important;

	white-space: nowrap !important;

}

.indicateur-col-item .fakeInput {

	height: 22px !important;

	width: 160px !important;

	min-width: 160px !important;

	max-width: 160px !important;

	border: 1px solid #cbd5e1 !important;

	border-right: none !important;

	border-radius: 4px 0 0 4px !important;

	background-color: #fff !important;

	box-sizing: border-box !important;

	white-space: nowrap !important;

}

.indicateur-col-item .tooltipss {

	position: static !important;

	transform: none !important;

	display: flex !important;

	align-items: center !important;

	height: 22px !important;

	margin: 0 !important;

	padding: 0 !important;

	right: auto !important;

	top: auto !important;

	left: auto !important;

}

.indicateur-col-item .tootltipButton {

	width: 20px !important;

	height: 22px !important;

	min-width: 20px !important;

	max-width: 20px !important;

	border-radius: 0 4px 4px 0 !important;

	border: 1px solid #cbd5e1 !important;

	border-left: none !important;

	margin: 0 !important;

	padding: 0 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	box-sizing: border-box !important;

	background-color: #fff !important;

}

.indicateur-col-item .tootltipButton img {

	width: 12px !important;

	height: 12px !important;

}



#sIndicateurs .separator-line {

	border-top: 1px solid #e2e8f0 !important;

	margin: 2px 0 !important;

	width: 100% !important;

	flex: 0 0 100% !important;

}



@media screen and (min-width: 768px) {

	#sIndicateurs {

		height: auto !important;

		max-height: none !important;

		min-width: 560px !important; /* Widen card slightly on desktop */

	}

	#sIndicateurs > div {

		height: auto !important;

	}

	#sIndicateurs .fakeInput {

		width: 170px !important;

		min-width: 170px !important;

		max-width: 170px !important;

		margin-left: 0px !important;

		border-right: none !important;

		border-radius: 4px 0 0 4px !important;

		box-sizing: border-box !important;

		white-space: nowrap !important;

	}

	#sIndicateurs .etape-content .row.group {

		padding-left: 115px !important;

	}

	#sIndicateurs .row.group > .icon {

		left: 35px !important;

		width: 75px !important;

	}

	#sIndicateurs .ligne {

		justify-content: flex-start !important;

	}

	#sIndicateurs .ligne > .nomIndicateur {

		text-align: right !important;

		width: 105px !important;

		flex-grow: 0 !important;

		flex-shrink: 0 !important;

		margin-left: 0 !important;

		margin-right: 10px !important;

	}

	#sIndicateurs .ligne .tooltipss {

		position: static !important;

		transform: none !important;

		display: flex !important;

		align-items: center !important;

		height: 22px !important;

		margin: 0 !important;

		padding: 0 !important;

		right: auto !important;

		top: auto !important;

		left: auto !important;

	}

	#sIndicateurs .tootltipButton {

		width: 20px !important;

		height: 22px !important;

		min-width: 20px !important;

		max-width: 20px !important;

		border-radius: 0 4px 4px 0 !important;

		border: 1px solid #ccc !important;

		border-left: none !important;

		margin: 0 !important;

		padding: 0 !important;

		display: flex !important;

		align-items: center !important;

		justify-content: center !important;

		box-sizing: border-box !important;

		background-color: #fff !important;

	}

	#sIndicateurs .tootltipButton img {

		width: 12px !important;

		height: 12px !important;

		max-width: 12px !important;

		max-height: 12px !important;

	}



	/* 2-column layout on desktop */

	.indicateur-col-item {

		flex: 0 0 50% !important;

		max-width: 50% !important;

	}

	.indicateur-col-item .icon-wrapper {

		margin-left: 0 !important;

	}

	.indicateur-col-item .fakeInput {

		width: 170px !important;

		min-width: 170px !important;

		max-width: 170px !important;

		margin-left: 0 !important; /* Remove the 15px gap on desktop! */

		white-space: nowrap !important;

	}

	.indicateur-col-item .input-wrapper {

		margin-left: 10px !important; /* Bring input even closer to the icon wrapper (halved gap) */

		margin-right: 0 !important;

	}

	.indicateur-col-item .label-text {

		margin-left: 0 !important;

	}

	.border-left-indicateur {

		border-left: 1px solid #e2e8f0 !important;

		padding-left: 20px !important;

	}

}

@media screen and (min-width: 1200px) and (max-width: 1450px) {

	#formSbaseCalcul {

		zoom: 0.76 !important;

	}

}

@media screen and (min-width: 1451px) and (max-width: 1750px) {

	#formSbaseCalcul {

		zoom: 0.86 !important;

	}

}



#toggleAppliquerCouleurs:checked {

	background-color: #90b6ed !important;

	border-color: #90b6ed !important;

}



#sIndicateurs .simulation-actions-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: center !important;

}

#sIndicateurs .color-toggle-container {

	position: absolute !important;

	right: 10px !important;

}



@media screen and (max-width: 767px) {

	#sIndicateurs .simulation-actions-row {

		flex-direction: column !important;

		align-items: center !important;

		justify-content: center !important;

		gap: 12px !important;

		margin-bottom: 20px !important;

		height: auto !important;

	}

	#sIndicateurs .color-toggle-container {

		position: static !important;

		margin: 0 auto !important;

		justify-content: center !important;

	}

}



/* Admin 3-Position Toggle & Overlay Styles */

.admin-mode-toggle-wrapper {

	position: absolute !important;

	left: 10px !important;

	top: 50% !important;

	transform: translateY(-50%) !important;

	z-index: 100 !important;

}

.admin-segmented-toggle {

	display: inline-flex !important;

	background: rgba(0, 0, 0, 0.45) !important;

	border: 1px solid rgba(255, 255, 255, 0.6) !important;

	border-radius: 14px !important;

	padding: 2px !important;

	gap: 2px !important;

	align-items: center !important;

}

.admin-segmented-toggle button.btn-admin-pos {

	border: none !important;

	font-size: 10px !important;

	font-weight: 800 !important;

	padding: 2px 8px !important;

	border-radius: 10px !important;

	cursor: pointer !important;

	line-height: 1.3 !important;

	transition: all 0.15s ease-in-out !important;

}

.admin-segmented-toggle button.btn-admin-pos.active {

	background: #ffffff !important;

	color: #01677d !important;

	box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;

}

.admin-segmented-toggle button.btn-admin-pos:not(.active) {

	background: transparent !important;

	color: #ffffff !important;

}



.admin-field-overlay {

	position: absolute !important;

	top: 0 !important;

	left: 0 !important;

	right: 0 !important;

	bottom: 0 !important;

	width: 100% !important;

	height: 100% !important;

	min-height: 26px !important;

	background: #ffffff !important;

	background-color: #ffffff !important;

	opacity: 1 !important;

	color: #01677d !important;

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 11px !important;

	font-weight: 800 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: flex-start !important;

	padding: 2px 8px !important;

	border: 1.5px solid #01677d !important;

	border-radius: 6px !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;

	z-index: 99999 !important;

	pointer-events: none !important;

	white-space: normal !important;

	word-break: break-word !important;

	overflow-wrap: break-word !important;

	line-height: 1.25 !important;

	box-sizing: border-box !important;

}



body.admin-hide-tooltips .admin-hide-in-pos23 {

	display: none !important;

}



body.admin-hide-tooltips .tooltipss,

body.admin-hide-tooltips .tootltipButton,

body.admin-hide-tooltips .info-btn,

body.admin-hide-tooltips .btn-unit-toggle,

body.admin-hide-tooltips .devise,

body.admin-hide-tooltips .progressBarCursor {

	display: none !important;

}











/* Styles dédiés au bloc Résultats de simulation */

#sResultatsSimulationContainer {

	border: 2px solid #01677d !important;

	border-radius: 8px !important;

	background: #ffffff !important;

	overflow: hidden !important;

	margin-top: 0px !important;

	margin-bottom: 0px !important;

	padding-bottom: 4px !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .titleEtape,
#sResultatsSimulationContainer .simu-title-header {
	background-color: #01677d !important;
	color: #ffffff !important;
	padding: 0 10px !important;
	height: 24px !important;
	min-height: 24px !important;
	max-height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#sResultatsSimulationContainer .titleEtape p,
#sResultatsSimulationContainer .titleEtape p:nth-child(1),
#sResultatsSimulationContainer .titleEtape p:first-child,
#sResultatsSimulationContainer .simu-title-text {
	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: inherit !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	font-size: 1em !important;
	text-align: center !important;
	letter-spacing: normal !important;
	line-height: normal !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	border: none !important;
	border-right: none !important;
	white-space: nowrap !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
}

@media screen and (max-width: 768px) {
	#sResultatsSimulationContainer .titleEtape p,
	#sResultatsSimulationContainer .titleEtape p:nth-child(1),
	#sResultatsSimulationContainer .titleEtape p:first-child,
	#sResultatsSimulationContainer .simu-title-text {
		font-size: 14px !important;
		font-weight: 700 !important;
	}
}



#sResultatsSimulationContainer .simu-results-body {

	display: flex !important;

	flex-direction: column !important;

	padding: 0 !important;

}



/* Lignes de séparation gris clair */

#sResultatsSimulationContainer .simu-light-separator {

	height: 1px !important;

	background-color: #cbd5e1 !important;

	margin: 2px 0 !important;

	width: 100% !important;

}



/* Sections RENDEMENT & CASHFLOW */

#sResultatsSimulationContainer .simu-top-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: stretch !important;

	width: 100% !important;

	padding: 0 !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .simu-top-left {

	width: 185px !important;

	min-width: 185px !important;

	max-width: 185px !important;

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	padding: 4px 10px 4px 20px !important;

	box-sizing: border-box !important;

	border-right: 1.5px solid #4c5663 !important; /* Trait vertical gris foncé */

}



#sResultatsSimulationContainer .simu-top-icon {

	width: 36px !important;

	height: 36px !important;

	object-fit: contain !important;

	flex-shrink: 0 !important;

}



#sResultatsSimulationContainer .simu-top-title {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 13px !important;

	font-weight: 800 !important;

	color: #1e293b !important;

	text-transform: uppercase !important;

	letter-spacing: 0.3px !important;

	white-space: nowrap !important;

}



#sResultatsSimulationContainer .simu-top-right {

	flex: 1 !important;

	min-width: 0 !important;

	display: flex !important;

	flex-direction: column !important;

	justify-content: center !important;

	gap: 2px !important;

	padding: 3px 10px 3px 20px !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .simu-sub-line {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: flex-end !important;

	height: 22px !important;

	width: 100% !important;

}



#sResultatsSimulationContainer .simu-sub-line .nomIndicateur {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 12.5px !important;

	font-weight: 800 !important;

	color: #1e293b !important;

	text-transform: uppercase !important;

	text-align: left !important;

	width: 110px !important;

	flex-shrink: 0 !important;

	margin: 0 !important;

	margin-right: 12px !important;

	padding: 0 !important;

	white-space: nowrap !important;

}



#sResultatsSimulationContainer .simu-field-wrapper {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: flex-end !important;

}



#sResultatsSimulationContainer .simu-top-right .fakeInput {

	height: 20px !important;

	width: 145px !important;

	min-width: 145px !important;

	max-width: 145px !important;

	border: 1px solid #cbd5e1 !important;

	border-right: none !important;

	border-radius: 4px 0 0 4px !important;

	background-color: #ffffff !important;

	box-sizing: border-box !important;

	padding: 0 4px !important;

	font-size: 11.5px !important;

	font-weight: 700 !important;

	color: #1e293b !important;

	margin: 0 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	white-space: nowrap !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

	line-height: 20px !important;

}





		#sResultatsSimulationContainer .tooltipss {

	position: static !important;

	transform: none !important;

	display: flex !important;

	align-items: center !important;

	height: 20px !important;

	margin: 0 !important;

	padding: 0 !important;

}



#sResultatsSimulationContainer .tootltipButton {

	width: 19px !important;

	height: 20px !important;

	min-width: 19px !important;

	max-width: 19px !important;

	border-radius: 0 4px 4px 0 !important;

	border: 1px solid #cbd5e1 !important;

	border-left: none !important;

	background-color: #ffffff !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	cursor: pointer !important;

	margin: 0 !important;

	padding: 0 !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .tootltipButton img {

	width: 12px !important;

	height: 12px !important;

	object-fit: contain !important;

}



/* Grille 6 Indicateurs (3 lignes x 2 colonnes) */

#sResultatsSimulationContainer .simu-indic-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: stretch !important;

	width: 100% !important;

	padding: 0 !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .simu-indic-col {

	flex: 1 !important;

	min-width: 0 !important;

	display: flex !important;

	flex-direction: column !important;

	padding: 2px 8px 2px 35px !important;

	box-sizing: border-box !important;

}



#sResultatsSimulationContainer .simu-border-left-light {

	border-left: 1px solid #cbd5e1 !important; /* Trait vertical gris clair entre colonnes */

	padding-left: 35px !important;

}



#sResultatsSimulationContainer .simu-indic-top {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: flex-start !important;

	width: 100% !important;

	gap: 8px !important;

}



#sResultatsSimulationContainer .simu-indic-icon {

	display: flex !important;

	align-items: center !important;

	justify-content: flex-start !important;

	flex-shrink: 0 !important;

}



#sResultatsSimulationContainer .simu-indic-icon img {

	width: 32px !important;

	height: 32px !important;

	max-width: 32px !important;

	max-height: 32px !important;

	object-fit: contain !important;

}



#sResultatsSimulationContainer .simu-indic-top .fakeInput {

	height: 20px !important;

	width: 135px !important;

	min-width: 135px !important;

	max-width: 135px !important;

	flex: none !important;

	border: 1px solid #cbd5e1 !important;

	border-right: none !important;

	border-radius: 4px 0 0 4px !important;

	background-color: #ffffff !important;

	box-sizing: border-box !important;

	padding: 0 4px !important;

	font-size: 11px !important;

	font-weight: 700 !important;

	color: #1e293b !important;

	margin: 0 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	white-space: nowrap !important;

	overflow: hidden !important;

	text-overflow: ellipsis !important;

	line-height: 20px !important;

}



#sResultatsSimulationContainer .simu-indic-bottom {

	margin-top: 2px !important;

	display: flex !important;

	flex-direction: column !important;

	align-items: flex-start !important;

}



#sResultatsSimulationContainer .simu-indic-label {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 12px !important;

	font-weight: 800 !important;

	color: #1e293b !important;

	text-transform: uppercase !important;

	line-height: 1.15 !important;

}



#sResultatsSimulationContainer .simu-indic-sub {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 9.5px !important;

	font-weight: 500 !important;

	color: #64748b !important;

	line-height: 1.1 !important;

	margin-top: 1px !important;

}



/* Boutons ECHEANCIER & ANALYSE TRI */

#sResultatsSimulationContainer .simu-buttons-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 8px !important;

	margin: 6px 0 4px 0 !important;

	width: 100% !important;

}



#sResultatsSimulationContainer .btn-echeancier {

	margin: 0 !important;

	border-radius: 4px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 6px !important;

	height: 28px !important;

	width: 130px !important;

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 11px !important;

	font-weight: 700 !important;

	background-color: #626567 !important;

	color: #ffffff !important;

	border: none !important;

	line-height: normal !important;

	padding: 0 !important;

	cursor: pointer !important;

}



#sResultatsSimulationContainer .btn-echeancier img {

	width: 14px !important;

	height: 14px !important;

	object-fit: contain !important;

	filter: brightness(0) invert(1) !important;

	-webkit-filter: brightness(0) invert(1) !important;

	margin: 0 !important;

	display: inline-block !important;

}



#sResultatsSimulationContainer .btn-tri-analyse {

	margin: 0 !important;

	border-radius: 4px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	gap: 6px !important;

	height: 28px !important;

	width: 130px !important;

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 11px !important;

	font-weight: 700 !important;

	background-color: #01677d !important;

	color: #ffffff !important;

	border: none !important;

	text-decoration: none !important;

	line-height: 28px !important;

	padding: 0 !important;

	cursor: pointer !important;

	text-align: center !important;

}



#sResultatsSimulationContainer .btn-tri-analyse i {

	color: #ffffff !important;

	font-size: 12px !important;

	margin-right: 2px !important;

}



/* Ligne du bas : NOM DU PROJET & MES PROJETS */

#sResultatsSimulationContainer .simu-bottom-row {

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	padding: 2px 6px 1px 6px !important;

	box-sizing: border-box !important;

	width: 100% !important;

}



#sResultatsSimulationContainer .simu-projet-label {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 11px !important;

	font-weight: 800 !important;

	color: #1e293b !important;

	text-transform: uppercase !important;

	white-space: nowrap !important;

	padding: 0 8px 0 4px !important;

	border-right: 1px solid #cbd5e1 !important; /* Trait vertical gris clair */

	height: 26px !important;

	display: flex !important;

	align-items: center !important;

	flex-shrink: 0 !important;

}



#sResultatsSimulationContainer .simu-projet-input-group {

	flex: 1 !important;

	min-width: 0 !important;

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	margin-left: 5px !important;

}



#sResultatsSimulationContainer #ar_nom_projet {

	flex: 1 !important;

	min-width: 0 !important;

	height: 26px !important;

	border: 1px solid #cbd5e1 !important;

	border-right: none !important;

	border-radius: 4px 0 0 4px !important;

	padding: 2px 8px !important;

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 12px !important;

	box-sizing: border-box !important;

	background-color: #ebf0f6 !important; /* Fond bleu/gris très clair de la maquette */

	color: #1e293b !important;

	outline: none !important;

}



#sResultatsSimulationContainer #btn-mes-projets {

	height: 26px !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	border: 1px solid #01677d !important;

	border-radius: 0 4px 4px 0 !important;

	background-color: #01677d !important;

	color: #ffffff !important;

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 10px !important;

	font-weight: 700 !important;

	padding: 0 14px !important;

	text-decoration: none !important;

	cursor: pointer !important;

	white-space: nowrap !important;

	box-sizing: border-box !important;

}



/* Supprimer les cadres et bordures parasites (encadrés rouges/verts Image 2) */

#contentSbaseCalcul > .simulation-launcher-wrapper,

.simulation-launcher-wrapper {

	border: none !important;

	border-left: none !important;

	border-left-width: 0 !important;

	border-radius: 0 !important;

	background: transparent !important;

	background-color: transparent !important;

	box-shadow: none !important;

	padding: 0 !important;

	margin-top: 50px !important;
	margin-bottom: 20px !important;
	margin-left: auto !important;
	margin-right: auto !important;

	width: auto !important;

}



#sIndicateurs > .btn-save-wrapper,

.btn-save-wrapper,

#sIndicateurs > .btn-toggle-wrapper,

.btn-toggle-wrapper,

#sIndicateurs > #wrapperCapaciteRetour,

#wrapperCapaciteRetour {

	border: none !important;

	border-left: none !important;

	border-left-width: 0 !important;

	border-radius: 0 !important;

	background: transparent !important;

	background-color: transparent !important;

	box-shadow: none !important;

	padding: 0 !important;

}



/* Bouton LANCER LA SIMULATION sur une seule ligne */

#calculerIndicateurs,

.btn-lancer-simulation {

	white-space: nowrap !important;

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	padding: 6px 22px !important;

	font-size: 13.5px !important;

	font-weight: 800 !important;

	line-height: normal !important;

	height: auto !important;

	width: auto !important;

	min-width: 0 !important;

}



/* Intégration de la Fiche synthétique au cadre de TYPE DE BIEN */

#sBaseCalculBien {

	border: 2px solid var(--colorEtape1) !important;

	border-left-width: 10px !important;

	border-radius: 12px !important;

	overflow: hidden !important;

	margin-top: 0 !important;

	margin-bottom: 8px !important;

	background: #ffffff !important;

	box-sizing: border-box !important;

}



#sBaseCalculBien #ficheContact,

#sBaseCalculBien #accordionsFicheContact,

#sBaseCalculBien #sFicheContact,

#sBaseCalculBien .accordion-item {

	border: none !important;

	border-left: none !important;

	border-right: none !important;

	border-bottom: none !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	margin: 0 !important;

}



#sBaseCalculBien #collapseBTNSficheContact {

	background-color: #dbeef4 !important;

	border-top: 1px solid var(--colorEtape1) !important;

	border-left: none !important;

	border-right: none !important;

	border-bottom: none !important;

	border-radius: 0 !important;

	height: 36px !important;

	padding: 0 12px !important;

	display: flex !important;

	align-items: center !important;

	cursor: pointer !important;

	box-shadow: none !important;

}



#sBaseCalculBien #collapseBTNSficheContact .simuSectionsHeaders {

	background: transparent !important;

	width: 100% !important;

	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	border-radius: 0 !important;

}



#sBaseCalculBien #collapseBTNSficheContact .tabVisuelTitle h2 {

	font-family: 'Albert Sans', 'Inter', sans-serif !important;

	font-size: 13px !important;

	font-weight: 700 !important;

	text-transform: uppercase !important;

	color: #01677d !important;

	letter-spacing: 0.5px !important;

	text-align: center !important;

	margin: 0 !important;

	flex-grow: 1 !important;

}





#sIndicateurs > .btn-save-wrapper {

	margin-top: 10px !important;

	margin-bottom: 0 !important;

}

#sIndicateurs > .btn-toggle-wrapper {

	margin-top: 36px !important;

	margin-bottom: 16px !important;

}

#banniereEnregistrerSimulation,
#banniereModeExpertDecision,
#banniereModeExpertReduit {
	display: none;
}

#banniereEnregistrerSimulation.is-visible,
#banniereEnregistrerSimulation.banniere-enregistrer-visible,
#banniereModeExpertDecision.is-visible,
#banniereModeExpertDecision.banniere-mode-expert-visible,
#banniereModeExpertReduit.is-visible,
#banniereModeExpertReduit.banniere-mode-expert-visible {
	display: block !important;
}

/* ============================================================================
   Classes remplaçant les anciens attributs style= des templates.
   :is(.classe, #_#_#_) donne à la règle la spécificité de 3 id (le second sélecteur ne
   correspond à rien) : comme le style inline qu'elle remplace, elle l'emporte sur les
   règles normales des autres feuilles, mais pas sur leurs !important ni sur element.style.
   ============================================================================ */

/* simulateur/etapes/_00typeBien.html.twig */
:is(.etape-00type-bien__p, #_#_#_) {
	pointer-events: none !important;
}
:is(.etape-00type-bien__div, #_#_#_) {
	width: 100%;
}
:is(.etape-00type-bien__s-base-calcul-simulation, #_#_#_) {
	aspect-ratio: 3 / 2 !important;
}
:is(.etape-00type-bien__photo-illustration-notice-overlay, #_#_#_) {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 4px 6px !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 10px !important;
	font-style: italic !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	text-align: center !important;
	background-color: #2b303a !important;
	border-top-left-radius: 11px !important;
	border-top-right-radius: 11px !important;
	z-index: 5 !important;
	line-height: 1.25 !important;
	pointer-events: none !important;
	box-sizing: border-box !important;
}
:is(.etape-00type-bien__type-bien-vignette-img, #_#_#_) {
	object-fit: cover !important;
}
:is(.etape-00type-bien__div-2, #_#_#_) {
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
	display: flex !important;
	align-items: center !important;
}
:is(.etape-00type-bien__div-3, #_#_#_) {
	flex-grow: 1 !important;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	margin-left: 8px !important;
}
:is(.etape-00type-bien__div-4, #_#_#_) {
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
}
:is(.etape-00type-bien__fiche-contact, #_#_#_) {
	margin: 0 !important;
	border: none !important;
}

/* simulateur/ongletIndicateurs/_sindicateurs.html.twig */
:is(.sindicateurs__div, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-weight: 800;
	font-size: 13.5px;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
}
:is(.sindicateurs__div-2, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #334155;
	line-height: 1.3;
	margin-bottom: 6px;
}
:is(.sindicateurs__btn-sauvegarder-resultats, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-size: 13.5px;
	font-weight: 800;
	letter-spacing: 0.5px !important;
}
:is(.sindicateurs__div-3, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-weight: 800;
	font-size: 13.5px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	text-align: center;
}
:is(.sindicateurs__div-4, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #1e293b;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 5px;
}
:is(.sindicateurs__div-5, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-size: 11.5px;
	font-weight: 500;
	color: #1e293b;
	line-height: 1.35;
	margin-bottom: 6px;
	text-align: left;
	padding-left: 6px;
}
:is(.sindicateurs__btn-toggle-carte-immo, #_#_#_) {
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.2px !important;
}
:is(.sindicateurs__wrapper-capacite-retour, #_#_#_) {
	margin-top: 10px;
	margin-bottom: 10px;
}
:is(.sindicateurs__btn-return-capacite-emprunt, #_#_#_) {
	border-radius: 8px;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Albert Sans', 'Inter', sans-serif;
	letter-spacing: 0.5px;
}

/* simulateur/etapes/_00typeBien.html.twig : anciens attributs style= (spécificité de 3 id, comme le style inline remplacé) */
:is(.etape-00type-bien__s-base-calcul-bien, #_#_#_) {
	position: relative !important;
}
:is(.etape-00type-bien__div-5, #_#_#_) {
	position: relative !important;
	cursor: pointer !important;
}
:is(.etape-00type-bien__div-6, #_#_#_) {
	pointer-events: none !important;
}
:is(.etape-00type-bien__div-7, #_#_#_) {
	padding: 0 12px 6px 12px !important;
}
:is(.etape-00type-bien__s-base-calcul-simulation-2, #_#_#_) {
	width: calc((85% - 34px) * 0.8) !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 auto 4px auto !important;
	position: relative !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: none !important;
	border: 1px solid #cbd5e1 !important;
	background-color: #f8fafc !important;
}
:is(.etape-00type-bien__type-bien-vignette-img-2, #_#_#_) {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	position: relative !important;
	z-index: 1 !important;
}
:is(.etape-00type-bien__div-8, #_#_#_) {
	display: flex;
	flex-direction: row !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 320px !important;
	margin: 3px auto !important;
	position: relative !important;
	box-sizing: border-box !important;
}
:is(.etape-00type-bien__r-plus, #_#_#_) {
	width: 100% !important;
	max-width: 320px !important;
	margin: 3px auto !important;
	position: relative !important;
	box-sizing: border-box !important;
}
:is(.etape-00type-bien__div-9, #_#_#_) {
	display: flex;
	flex-direction: row !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 320px !important;
	margin: 3px auto !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}
:is(.etape-00type-bien__input, #_#_#_) {
	flex-grow: 1 !important;
	width: 0 !important;
	height: 22px !important;
	padding: 0 56px 0 6px !important;
	text-align: right !important;
	line-height: 20px !important;
	font-size: 0.85em !important;
	box-sizing: border-box !important;
	border: 1px solid #ccc !important;
	border-radius: 4px 0 0 4px !important;
	border-right: none !important;
	background-color: #f5f5f5 !important;
	color: #555 !important;
}

/* simulateur/ongletIndicateurs/_sindicateurs.html.twig : anciens attributs style= (spécificité de 3 id, comme le style inline remplacé) */
:is(.sindicateurs__banniere-enregistrer-simulation, #_#_#_) {
	display: none;
	margin-top: 8px !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	background-color: #ffffff !important;
	border: 2px solid #01677d !important;
	border-radius: 8px !important;
	padding: 6px 14px 7px 14px !important;
	box-sizing: border-box !important;
	text-align: center !important;
	box-shadow: 0 2px 8px rgba(1, 103, 125, 0.12) !important;
}
:is(.sindicateurs__btn-sauvegarder-resultats-2, #_#_#_) {
	background-color: #0066ff !important;
	border-color: #0066ff !important;
	border-radius: 8px !important;
	text-transform: uppercase !important;
	border: none !important;
	color: #ffffff !important;
	display: block !important;
	width: 100% !important;
	cursor: pointer !important;
	padding: 4px 10px !important;
	line-height: 1.35 !important;
	min-height: unset !important;
}
:is(.sindicateurs__banniere-mode-expert-decision, #_#_#_) {
	display: none;
	margin-top: 7px !important;
	margin-bottom: 4px !important;
	width: 100% !important;
	background-color: #ffffff !important;
	border: 2px solid #01677d !important;
	border-radius: 8px !important;
	padding: 6px 14px 7px 14px !important;
	box-sizing: border-box !important;
	box-shadow: 0 2px 8px rgba(1, 103, 125, 0.12) !important;
}
:is(.sindicateurs__btn-toggle-carte-immo-2, #_#_#_) {
	background-color: #0066ff !important;
	border-color: #0066ff !important;
	border-radius: 8px !important;
	text-transform: none !important;
	border: none !important;
	color: #ffffff !important;
	display: block !important;
	width: 100% !important;
	cursor: pointer !important;
	padding: 4px 8px !important;
	line-height: 1.3 !important;
	box-shadow: 0 2px 6px rgba(0, 102, 255, 0.25) !important;
	min-height: unset !important;
}
:is(.sindicateurs__btn-toggle-carte-immo, .sindicateurs__btn-toggle-carte-immo-2, #_#_#_) u {
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	text-decoration-thickness: 1.5px !important;
}
:is(.sindicateurs__wrapper-capacite-retour-2, #_#_#_) {
	display: none;
	border: none !important;
	background: transparent !important;
}
:is(.sindicateurs__btn-return-capacite-emprunt-2, #_#_#_) {
	background-color: #dda201 !important;
	border: none !important;
}
:is(.sindicateurs__banniere-mode-expert-reduit, #_#_#_) {
	display: none;
	margin-top: 7px !important;
	margin-bottom: 4px !important;
	width: 100% !important;
}
:is(.sindicateurs__btn-mode-expert-reduit, #_#_#_) {
	background-color: #0066ff !important;
	border-color: #0066ff !important;
	border-radius: 8px !important;
	border: none !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	cursor: pointer !important;
	padding: 7px 10px !important;
	line-height: 1.35 !important;
	font-family: 'Albert Sans', 'Inter', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	box-shadow: 0 2px 6px rgba(0, 102, 255, 0.25) !important;
	min-height: unset !important;
	transition: background-color 0.2s ease, transform 0.1s ease !important;
}
:is(.sindicateurs__btn-mode-expert-reduit:hover, #_#_#_) {
	background-color: #0052cc !important;
	color: #ffffff !important;
}
:is(.sindicateurs__btn-mode-expert-reduit:active, #_#_#_) {
	background-color: #004099 !important;
}