html,body { width:100%; height:100%; padding:0px; margin:0px; /* min-width:100vw; */ overflow-x:hidden !important; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  }
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > li { flex:1; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }

.carousel > .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.carousel > .carousel-inner > .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }

#error-message {
		position: fixed;
		left: 0px;
		top: 0px; /* bottom: 0px; */
		right: 0px;
		padding: 20px;
		background-color: #ff0000;
		color: #ffffff;
		text-align: center;
		transition: all 0.5s ease;
		transform:translateY(-100%);
		cursor:pointer; z-index:666;
}
#error-message.active { transform:translateY(0); }

/****** // ******/

body {
	min-width:320px; /* 100vw */
	background: rgb(250, 250, 250);
	font-family:'Open Sans', sans-serif; 
	font-size: 16px;
	overflow-x: hidden;
}

header { position:relative; display:block; width:810px; margin:0px auto 70px auto; padding-top:30px; }
header p { font-size:13px; margin-bottom:15px; }

header ul.menu { list-style-type:none; border-bottom:solid 2px #F5F7FA; margin-bottom:30px; }
header ul.menu > li { display:inline-block; margin-bottom:-2px; }
header ul.menu > li > a { display:block; height:50px; line-height:50px; padding:0px 30px; border-bottom:solid 4px transparent; font-weight:800; font-size:16px; color:#AFAFAF; text-decoration:none !important; }
header ul.menu > li.active > a { border-bottom:solid 4px #f56b2a; color:#000; }

h1 { position:relative; font-weight:bold; font-size:12px; color:#000; margin-bottom:30px; }
h1 strong { display:block; font-size:25px; color:#f56b2a; }
h1.pinel, h1.lmnp { padding-left:55px; }
h1.pinel:before, h1.lmnp:before { content:" "; position:absolute; left:0px; top:0px; width:45px; height:45px; background:transparent url('../img/logo-pinel.svg') no-repeat; }

h2 { font-weight:bold; font-size:16px; margin-bottom:15px; }

ul.avantages { list-style-type:none; margin-bottom:30px; }
ul.avantages > li { display:inline-block; padding:15px 30px 15px 15px; background:#F5F7FA; font-size:12px; margin-right:10px; }

ul.eligibles { display:block; list-style-type:none; margin-bottom:30px; overflow:hidden; }
ul.eligibles > li { display:inline; float:left; width:50%; line-height:30px; font-size:13px; font-weight:bold; }

main { position:relative; display:block; width:810px; height:420px; margin:auto; overflow:visible; box-shadow:0px 0px 37px #00000052; margin-bottom:50px; }
main .steps { position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow:hidden; background:linear-gradient(160deg, #f0f5fc, #fff); }
main section { padding:30px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; height:420px; transition:all 0.4s ease; transform:translateX(100%); }
main section.active { transform:translateX(0); }
main section.checked { transform:translateX(-100%); }
main .steps.resultat { }
main .steps.resultat section { transform:translateX(-100%); }
main .steps.resultat section#resultat { transform:translateX(0); }

.btn-continue { display:inline-block; height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#F56B2A; color:#fff !important; text-decoration:none !important; font-size:12px; font-weight:bold; border:none; }
.btn-back { display:block; width:48px; height:48px; line-height:48px; text-align:center; background:#fff; border-radius:24px; position:absolute; left:40px; bottom:40px; }
.btn-restart { display:inline-block; height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#E8F2FF; color:#AFAFAF !important; text-decoration:none !important; font-size:12px; font-weight:bold; }

.form-group .control-label { font-size:16px; color:#707070; font-weight:normal; margin-bottom:15px; }
.form-group .control { height:40px; line-height:40px; border-radius:20px; box-sizing:content-box; }
.form-group .form-control { height:40px; line-height:40px; border-radius:20px; background:#fff; border:none; box-shadow:none !important; outline:none !important; }
.form-group .form-control[type="number"],
.form-group .form-control.montant { text-align:right; }
.form-group .form-control[name="telephone"] { text-align:left; }
.form-group .input-group .input-group-addon { border-radius:0px 20px 20px 0px; border:none; background:#fff; color:#111; font-weight:bold; }
.form-group.hidden { display:none; }
.form-group.error .control { border:solid 1px #ff0000; }

#menu-simulateur { list-style-type:none; height:48px; position:absolute; left:0px; top:-48px; right:0px; display:flex; }
#menu-simulateur > li { flex:1; }
#menu-simulateur > li:first-child { margin-right:10px; }
#menu-simulateur > li:last-child { margin-left:10px; }
#menu-simulateur > li > a { display:block; width:100%; height:48px; line-height:48px; text-align:center; font-size:16px; font-weight:800; color:#000; text-decoration:none !important; background:#f0f5fc; }
main[data-typeSimulation="capaciteEpargne"] #menu-simulateur > li:last-child > a { background:#E2E5E8; }
main[data-typeSimulation="prixLogement"] #menu-simulateur > li:first-child > a { background:#E2E5E8; }

#nav-simulateur { position:absolute; left:0px; bottom:0px; right:0px; height:120px; text-align:center; display:none; }
#nav-simulateur [type="submit"] { display:none; }
main[data-currentStep="pinel-2"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-3"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-4"] #nav-simulateur { display:block; }
main[data-currentStep="pinel-5"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-2"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-3"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-4"] #nav-simulateur { display:block; }
main[data-currentStep="lmnp-5"] #nav-simulateur { display:block; }
main[data-currentStep="coordonnees"] #nav-simulateur { display:block; }
main[data-currentStep="coordonnees"] #nav-simulateur a.btn-continue { display:none; }
main[data-currentStep="coordonnees"] #nav-simulateur [type="submit"] { display:inline-block; }

#progress { width:90%; display:block; margin:0px auto 15px auto; }
#progress p { margin-bottom:1%; font-size:11px; font-weight:bold; color:#F56B2A; }
#progress ul.etapes { display:flex; justify-content:space-around; list-style-type:none; width:50%; margin:auto; }
#progress ul.etapes > li { height:7px; background:#E2E5E8; border-radius:4px; }
/***
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li { width:20%; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li:nth-child(5) { display:none; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(4) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"] #progress ul.etapes > li { width:15%; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(4) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(4),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(5) { background:#F56B2A; }
***/

body.simulateur-lmnp #progress ul.etapes { width:35%; }
body.simulateur-lmnp main #progress ul.etapes > li { width:27%; }
body.simulateur-lmnp main[data-currentStep="lmnp-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }

body.simulateur-lmnp main[data-typeSimulation="prixLogement"] #progress ul.etapes > li { width:27%; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"] #progress ul.etapes > li:nth-child(4) { display:none; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="lmnp-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }

body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
body.simulateur-lmnp main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }

#error-message { position:absolute; left:0px; bottom:-20px; right:0px; top:auto; margin:auto; width:80%; border-radius:8px; background:#ff0000; color:#fff; padding:10px 15px; transition:all 0.4s ease; transform:translateY(100%); opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.3); font-size:12px; }
#error-message.active { transform:translateY(0); opacity:1; }

#coordonnees { padding-top:6%; }
#coordonnees .columns > .column { margin-right:2%; }
#coordonnees .control-label { text-align:center !important; }
#coordonnees #optout { position:relative; width:95%; margin:30px auto 0px auto; }
#coordonnees #optout label { text-align:right; margin-right:30px; font-weight:normal; font-size:12px; }
#coordonnees #optout [type="checkbox"] { position:absolute; right:0px; top:0px; width:20px; height:20px; }

#pinel-1 { padding:0px; }
#pinel-1 .columns { height:100%; }
#pinel-1 .columns > .column { text-align:center; padding-top:10%; }
#pinel-1 .columns > .column:first-child { border-right:dashed 2px #f56b2a; }
#pinel-1 .form-group { max-width:230px; margin:0 auto 30px auto; }
#pinel-1 .control-label { margin-bottom:30px; }

#pinel-2,
#pinel-3,
#pinel-4,
#pinel-5 { padding:5% 8%; }
#pinel-2 .columns > .column:first-child,
#pinel-3 .columns > .column:first-child,
#pinel-4 .columns > .column:first-child,
#pinel-5 .columns > .column:first-child { margin-right:5%; }
#pinel-2 .columns > .column:last-child,
#pinel-3 .columns > .column:last-child,
#pinel-4 .columns > .column:last-child,
#pinel-5 .columns > .column:last-child { margin-left:5%; }

#lmnp-1 { padding:0px; }
#lmnp-1 .columns { height:100%; }
#lmnp-1 .columns > .column { text-align:center; padding-top:10%; }
#lmnp-1 .columns > .column:first-child { border-right:dashed 2px #f56b2a; }
#lmnp-1 .form-group { max-width:230px; margin:0 auto 30px auto; }
#lmnp-1 .control-label { margin-bottom:30px; }

#lmnp-2,
#lmnp-3,
#lmnp-4,
#lmnp-5 { padding:5% 10%; }
#lmnp-2 .columns > .column:first-child,
#lmnp-3 .columns > .column:first-child,
#lmnp-4 .columns > .column:first-child,
#lmnp-5 .columns > .column:first-child { margin-right:5%; }
#lmnp-2 .columns > .column:last-child,
#lmnp-3 .columns > .column:last-child,
#lmnp-4 .columns > .column:last-child,
#lmnp-5 .columns > .column:last-child { margin-left:5%; }

#resultat .content .content-tabs { list-style-type:none; text-align:center; margin-bottom:15px; }
#resultat .content .content-tabs > li { display:inline-block; }
#resultat .content .content-tabs > li a { display:inline-block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:transparent; color:#707070; font-size:12px; font-weight:bold; white-space:nowrap; text-decoration:none !important; }
#resultat .content .content-tabs > li.active a { background:#F56B2A; color:#fff; }
#resultat .content .content-viewer { position:relative; height:0px; padding-bottom:30%; margin-bottom:15px; overflow:hidden; }
#resultat .content .content-viewer .content-view { position:absolute; left:0px; top:0px; right:0px; bottom:0px; transition:all 0.4s ease; transform:translateY(100%); }
#resultat .content .content-viewer .content-view.active { transform:translateY(0); }
#resultat ul.buttons { list-style-type:none; text-align:right; }
#resultat ul.buttons > li { display:inline-block; }
#resultat ul.buttons > li:first-child { float:left; }

#resultat #general .columns > .column { background:#E8F2FF; color:#000; font-weight:bold; text-align:center; font-size:14px; padding:2% 0; }
#resultat #general .columns > .column span { display:block; color:#F56B2A; font-size:20px; }
#resultat #general .columns:first-child { margin-bottom:2%; }
#resultat #general .columns > .column:first-child { margin-right:1%; }
#resultat #general .columns > .column:last-child { margin-left:1%; }

#resultat #financement { background:#E8F2FF; padding:15px; text-align:center; }
#resultat #financement .chart-view { display:inline-block; width:180px; height:180px; margin-right:30px; }
#resultat #financement .chart-legend { display:inline-block; list-style-type:none; vertical-align:top; margin-top:30px; }
#resultat #financement .chart-legend > li { display:block; text-align:left; line-height:30px; font-size:13px; }

#resultat #rendement { text-align:center; }
#resultat #rendement .result { display:inline-block; padding:0px 30px; height:80px; background:#E8F2FF; margin-bottom:15px; }
#resultat #rendement .result .result-value { display:inline-block; height:80px; line-height:80px; font-weight:bold; font-size:40px; color:#F56B2A; vertical-align:top; margin-right:10px; }
#resultat #rendement .result .result-label { display:inline-block; height:80px; line-height:80px; font-weight:bold; font-size:15px; color:#000; vertical-align:top; }
#resultat #rendement .mentions { font-size:13px; text-align:center; }

#resultat #synthese { }
ul.synthese { list-style-type:none; }
ul.synthese > li { display:inline; float:left; width:49%; margin-right:1%; background:#E8F2FF; margin-bottom:2%; height:40px; line-height:40px; padding:0px 20px 0px 20px; font-size:12px; }
ul.synthese > li:nth-child(even) { margin-right:0px; margin-left:1%; }
ul.synthese > li span { font-weight:bold; font-size:15px; float:right; }


/****** Tooltips - Infobulles ******/
/* .tip {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 7px;
	background: #F56B2A;
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5px;
}
.tip:after {
	content: "?";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 14px;
	height: 14px;
	color: #fff;
} */
.tip { position:relative; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#F56B2A; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; cursor:pointer; margin-left:5px; }
.tip:after { content:"?"; position:absolute; left:0px; top:0px; width:20px; height:20px; color:#fff; }
.tip-bubble { display:inline-block; white-space:normal; position:relative; top:20px; width:200px; margin-left:-100px; padding:8px 10px; background:#F7F7F7; border:solid 1px #ddd; font-size:13px; font-weight:normal; line-height:1.3em; color:#242D4A; border-radius:5px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); z-index:21; transition:all 0.4s ease; transform:scale(0.6); opacity:0; user-select:none; }
.tip-bubble.active { transform:scale(1); opacity:1; }


footer { width:810px; max-width:100%; margin:0px auto 70px auto; }
footer.mentions { font-size:11px; padding:0px 15px; }
footer.mentions p { font-size:11px; margin-bottom:5px; text-align:justify; }

.form-group#pinel2023 { }
.form-group#pinel2023 label[for] { position:relative; font-weight:normal; user-select:none; }
.form-group#pinel2023 [type="checkbox"] { display:none; }
.form-group#pinel2023 [type="checkbox"] + label { position:relative; font-size:16px; color:#707070; font-weight:normal; margin-bottom:15px; padding-left:50px; }
.form-group#pinel2023 [type="checkbox"] + label:before { content:" "; position:absolute; top:10px; left:0; width:40px; height:20px; border-radius:10px; background:#ddd; transition:all 0.3s ease; }
.form-group#pinel2023 [type="checkbox"] + label:after { content:" "; position:absolute; top:10px; left:0; width:20px; height:20px; border-radius:10px; background:#fff; border:solid 1px #ccc; transition:all 0.3s ease; }
.form-group#pinel2023 [type="checkbox"]:checked + label:before { background:#F56B2A; }
.form-group#pinel2023 [type="checkbox"]:checked + label:after { left:auto; left:20px; border:solid 1px #F56B2A;  }

@media (min-width: 601px) {
		
		.hide-desktop { display:none !important; }
		header { padding-left:15px; padding-right:15px; }
		main { margin-left:15px; margin-right:15px; width:auto; box-shadow:0px 0px 12px #00000052; /* width:780px; */ width:810px; max-width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px; }
}

@media (max-width: 600px) {
		
		.hide-mobile { display:none !important; }
		
		header { max-width:100%; padding-left:15px; padding-right:15px; }
		header ul.menu > li > a { padding:0px 15px; font-size:4vw; }
		
		h1 { font-size:3vw; line-height:1.3em; }
		h1 strong { font-size:5vw; line-height:1.5em; }
		
		ul.avantages > li { display:block; margin-bottom:10px; padding:15px; margin-right:0px; font-size:3.2vw; }
		
		#error-message { position:fixed; left:0px; bottom:0px; right:0px; width:100%; border-radius:0px; }
		
		#menu-simulateur > li > a { font-size:4vw; }
		#menu-simulateur > li:first-child { margin-right:5px; }
		#menu-simulateur > li:last-child { margin-left:5px; }
		
		.btn-back { left:20px; }
		.form-group .control-label { font-size:4vw; margin-bottom:5px; text-align:center; }
		
		main { max-width:95vw; height:500px; }
		
		
		main[data-typeSimulation="capaciteEpargne"] #pinel-1 .columns > .column:first-child { border:none; display:block; }
		main[data-typeSimulation="capaciteEpargne"] #pinel-1 .columns > .column:last-child { border:none; display:none; }
		main[data-typeSimulation="prixLogement"] #pinel-1 .columns > .column:first-child { border:none; display:none; }
		main[data-typeSimulation="prixLogement"] #pinel-1 .columns > .column:last-child { border:none; display:block; }
		
		#pinel-2 .columns,
		#pinel-3 .columns,
		#pinel-4 .columns,
		#pinel-5 .columns,
		#coordonnees .columns { flex-direction:column; }
		#pinel-2 .columns > .column,
		#pinel-3 .columns > .column,
		#pinel-4 .columns > .column,
		#pinel-5 .columns > .column { margin:0px !important; }
		
		
		main[data-typeSimulation="capaciteEpargne"] #lmnp-1 .columns > .column:first-child { border:none; display:block; }
		main[data-typeSimulation="capaciteEpargne"] #lmnp-1 .columns > .column:last-child { border:none; display:none; }
		main[data-typeSimulation="prixLogement"] #lmnp-1 .columns > .column:first-child { border:none; display:none; }
		main[data-typeSimulation="prixLogement"] #lmnp-1 .columns > .column:last-child { border:none; display:block; }
		
		#lmnp-2 .columns,
		#lmnp-3 .columns,
		#lmnp-4 .columns,
		#lmnp-5 .columns,
		#coordonnees .columns { flex-direction:column; }
		#lmnp-2 .columns > .column,
		#lmnp-3 .columns > .column,
		#lmnp-4 .columns > .column,
		#lmnp-5 .columns > .column { margin:0px !important; }
		
		#coordonnees #optout { font-size:3vw; font-weight:normal; margin-top:10px; }
		main.resultats { height:680px; }
		#resultat .content .content-viewer { padding-bottom:120%; }
		#resultat #general .columns { flex-direction:column; }
		#resultat #general .columns > .column { margin:0 0 1% 0 !important; }
		#resultat #rendement .result { height:auto; }
		#resultat #rendement .result .result-label { height:30px; line-height:30px; }
		#resultat #rendement .result .result-value { height:60px; line-height:60px; }
		ul.synthese > li { display:block; width:100%; margin:0 0 2% 0 !important; }
		#resultat ul.buttons > li { display:block; width:100%; margin-bottom:2%; float:none !important; }
		#resultat ul.buttons > li > a { display:block; width:100%; text-align:left; }
		ul.avantages > li { text-align:center; }
}

.ui-menu .ui-menu-item {  }
.ui-menu .ui-menu-item a { display:block; width:100%; text-decoration:none !important; font-family:"Open Sans", sans-serif; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

footer.mentions p { color:#333; }
footer.mentions a { color:#f56b2a !important; }
footer.mentions p.rgpd { font-weight:bold; }

#mentions-legales.modal-dialog { max-height:460px; padding:0px; position:fixed; left:0px; top:0px; right:0px; bottom:0px; margin:auto; }
#mentions-legales.modal-dialog > .modal-content { display:flex; flex-direction:column; height:100%; overflow:hidden; border-radius:0px 0px 6px 6px; }
#mentions-legales.modal-dialog > .modal-content > .modal-header { flex:1; max-height:70px; }
#mentions-legales.modal-dialog .modal-header h5 { line-height:50px; text-transform:uppercase; color:#f56b2a; margin-left:20px; }
#mentions-legales.modal-dialog .modal-header .close { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; background:#000; color:#fff; opacity:1; }
#mentions-legales.modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; }
#mentions-legales.modal-dialog .modal-body { font-size:12px !important; }
#mentions-legales.modal-dialog .modal-body p { margin-bottom:15px; }
#mentions-legales.modal-dialog .modal-body a { text-decoration:underline; color:#333 !important; }
#mentions-legales.modal-dialog ul { margin:0px; padding:0px; }
#mentions-legales.modal-dialog ul > li { margin-left:20px; margin-bottom:10px; }
@media (max-width: 480px) {
	#mentions-legales.modal-dialog { height:100%; max-height:100%; }
}


/****** Refonte 01/2023 ******/
body { /* background:white; */ font-size:14px; }

.btn-continue { height:50px; line-height:50px; border-radius:25px; padding:0 30px; background:#F56B2A; font-size:14px; }

ul.possibilites { max-width:90%; margin:auto; list-style-type:none; }
ul.possibilites > li { position:relative; text-align:left; margin-bottom:10px; padding-left:30px; }
ul.possibilites > li span { position:absolute; left:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#F56B2A; color:#fff; }

header { padding:0; margin-bottom:30px; }
.header-simulateurs { background:#F5F4F4; color:#000; padding:0; border-radius:10px; overflow:hidden; margin-top:15px; margin-bottom:30px; }
.header-menu { padding-top:110px; /* padding-bottom:30px; */ background:#ddd; border-radius:10px; height:184px; background:#ddd url('../img/header.jpg') no-repeat; background-size:cover !important; }
header ul.menu { text-align:center; margin-bottom:0; border:none; }
header ul.menu > li { margin-right:10px; }
header ul.menu > li:last-child { margin-right:0; }
header ul.menu > li > a { width:150px; height:40px; line-height:40px; padding:0; text-align:center; background:rgba(255,255,255,0.9); color:#f56b2a !important; font-weight:normal; border-radius:6px; }
header ul.menu > li.active > a { background:#f56b2a !important; color:#fff !important; font-weight:bold; }
.header-infos { padding:30px 15px 15px 15px; text-align:center; }
.header-infos p { max-width:90%; margin-left:auto; margin-right:auto; }
body.simulateur-pinel ul.avantages { }
body.simulateur-pinel ul.avantages > li { background:transparent; border:solid 1px #ccc; border-radius:6px; width:260px; height:70px; line-height:100px; padding:0; text-align:center; }
body.simulateur-pinel ul.avantages > li > p { display:inline-block; /* vertical-align:middle; */ line-height:1.3em; font-size:12px; }
body.simulateur-pinel ul.avantages > li strong {}
body.simulateur-pinel ul.avantages > li .orange { color:#f56b2a; }
body.simulateur-pinel ul.avantages > li strong > span { color:#f56b2a; font-weight:bold; font-size:24px; line-height:1em; }
body.simulateur-pinel ul.avantages > li:first-child strong > span { line-height:0.5em; }
h1.pinel, h1.lmnp { padding-left:0; text-align:center; font-weight:normal; margin-bottom:15px; font-size:14px; }
h1 strong { color:#000; margin-bottom:15px; font-size:20px; }
h1:before { display:none; }
header p { text-align:center; font-size:14px; }
header h2 { font-size:20px; }
body.resultats h1.pinel,
body.resultats h1.lmnp,
body.resultats p.intro,
body.resultats #menu-simulateur { display:none; }
body.resultats header { margin-bottom:30px; }
body.resultats .switch-wrapper { pointer-events:none; display:none; }
header a.more { color:#F56B2A !important; text-decoration:none !important; font-weight:bold; }
header div.full { /* display:none; */ overflow:hidden; max-height:0; transition:max-height 0.5s cubic-bezier(0, 1, 0, 1); }
header.full a.more { display:none; }
header.full div.full { /* display:block; */ max-height:1000px; transition:max-height 1s ease-in-out; }

.switch { display:inline-block; position:relative; width:64px; height:32px; line-height:32px; /* background:#F4F2EC; border-radius:13px; */ vertical-align:top; }
.switch:before { content:" "; position:absolute; left:0; top:4px; width:100%; height:24px; line-height:24px; border-radius:10px; background:#eee; /* border:solid 1px #ccc; */ } 
.switch:after { content:" "; width:32px; height:32px; border-radius:16px; background:#FA793D; border:solid 2px #F56B2A; position:absolute; top:0; left:16px; transition:all 0.3s ease; box-shadow:0px 4px 2px rgb(0 0 0 / 20%); }
.switch[data-state="1"]:after { left:0px; }
.switch[data-state="2"]:after { left:32px; }
.switch-wrapper { }
.switch-wrapper [data-switch] { display:inline-block; height:32px; line-height:32px; font-size:16px; color:#000; text-decoration:none !important; padding:0 15px; vertical-align:top; font-weight:bold; color:#bbb; }
.switch-wrapper [data-switch].active { color:#f56b2a; }
header .switch-wrapper { margin-bottom:15px; }
header .switch:before { /* background:#fff; border:none; */ }
header .switch-wrapper [data-switch] { font-size:20px; }
.switch-wrapper { width:100%; }
.switch-wrapper a[data-state="1"] { width:calc(50% - 42px); text-align:right; height:32px; line-height:32px; }
.switch-wrapper a[data-state="2"] { width:calc(50% - 42px); text-align:left; height:32px; line-height:32px; }
#menu-simulateur { text-align:center; top:15px; z-index:2; }
#menu-simulateur .switch-wrapper { margin-left:auto; margin-right:auto; }
#menu-simulateur .switch-wrapper .switch:before { background:#fff; }

.switch { user-select:none; }
.switch.switch-button:after { display:none !important; }
.switch.switch-button > .switch-control { content:" "; width:32px; height:32px; border-radius:16px; background:#FA793D; border:solid 2px #F56B2A; position:absolute; top:0; left:16px; transition:all 0.3s ease; box-shadow:0px 4px 2px rgb(0 0 0 / 20%); user-select:none; }
.switch.switch-button[data-state="1"] > .switch-control { left:0px; }
.switch.switch-button[data-state="2"] > .switch-control { left:32px; }

main { /* background:#eee; border-radius:10px; */ box-shadow:none; }
main .steps { background:transparent; }
main section { /* bottom:auto; height:auto; */ background:#F5F4F4; border-radius:10px; }
#pinel-2, #pinel-3, #pinel-4, #pinel-5 { padding-top:80px; }
#lmnp-2, #lmnp-3, #lmnp-4, #lmnp-5 { padding-top:80px; }

main[data-typesimulation="capaciteEpargne"] .column.capaciteEpargne { border:none !important; }
main[data-typesimulation="capaciteEpargne"] .column.prixLogement { display:none; border:none !important; }
main[data-typesimulation="prixLogement"] .column.capaciteEpargne { display:none; border:none !important; }
main[data-typesimulation="prixLogement"] .column.prixLogement { border:none !important; }
.form-group .control-label { font-size:14px; text-align:center; width:100%; margin-bottom:5px; color:#000 !important; }
#pinel-1 { padding-top:30px; padding-bottom:30px; /* bottom:auto; height:auto; */ }
#pinel-1 .columns > .column:first-child { border:none; }
#pinel-1 .columns > .column { padding-top:60px; }
#pinel-1 .form-group { max-width:55%; }
#pinel-1 .control-label { margin-bottom:5px; }
#pinel-1 .control { max-width:70%; margin-left:auto; margin-right:auto; }
section#coordonnees > .columns:nth-child(2) { max-width:66%; margin:auto; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes { width:40%; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li { width:30%; }
main[data-typeSimulation="capaciteEpargne"] #progress ul.etapes > li:nth-child(4) { display:none; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="capaciteEpargne"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"] #progress ul.etapes { width:40%; }
main[data-typeSimulation="prixLogement"] #progress ul.etapes > li { width:20%; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-2"] #progress ul.etapes > li:nth-child(1) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-3"] #progress ul.etapes > li:nth-child(2) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-4"] #progress ul.etapes > li:nth-child(3) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="pinel-5"] #progress ul.etapes > li:nth-child(4) { background:#F56B2A; }
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(1),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(2),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(3),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(4),
main[data-typeSimulation="prixLogement"][data-currentStep="coordonnees"] #progress ul.etapes > li:nth-child(5) { background:#F56B2A; }
#coordonnees { padding-top:60px; }
#coordonnees .form-group { margin-bottom:5px; }
#coordonnees #optout label { position:relative; color:#777; padding-right:40px; margin-right:0px; }
#coordonnees #optout { margin-top:10px; }
#coordonnees #optout [type="checkbox"] { display:none; position:relative; width:30px; height:30px; }
#coordonnees #optout [type="checkbox"] + label:before { content:" "; position:absolute; right:0; top:3px; width:30px; height:30px; background:#fff; border:solid 1px #f56b2a; border-radius:5px; }
#coordonnees #optout [type="checkbox"]:checked + label:after { content:" "; position:absolute; right:4px; top:7px; width:22px; height:22px; background:#f56b2a; border-radius:3px; }
main #rgpd { position:absolute; left:0; right:0; bottom:20px; text-align:center; transition:all 0.4s ease; /* transform:translateY(100%); opacity:0; pointer-events:none; */ }
main #rgpd p { font-size:11px; color:#777; max-width:80%; margin:auto; }
main #rgpd a { color:#F56B2A !important; }
main[data-currentStep="coordonnees"] #rgpd,
main[data-currentstep="coordonnees"] #rgpd { /* transform:translateY(0); opacity:1; pointer-events:auto; */ }
main[data-currentstep="coordonnees"] #rgpd p { color:#777; max-width:80%; margin:auto; }
main[data-currentstep="coordonnees"] #rgpd a { color:#f56b2a !important; text-decoration:underline; }
main[data-typeSimulation="capaciteEpargne"] #nav-simulateur { bottom:40px; }
main[data-typeSimulation="prixLogement"] #nav-simulateur { bottom:40px; }

body.simulateur-lmnp ul.avantages { }
body.simulateur-lmnp ul.avantages > li { display:block; font-size:14px; color:#f56b2a; padding:0; margin-bottom:15px; background:transparent; }
body.simulateur-lmnp ul.avantages > li:last-child { margin-bottom:0; }
body.simulateur-lmnp ul.avantages > li > strong { padding-left:20px; position:relative; }
body.simulateur-lmnp ul.avantages > li > strong:before { content:" "; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:4px; background:black; }
ul.eligibles { display:flex; max-width:80%; margin-left:auto; margin-right:auto; }
ul.eligibles > li { flex:1; margin-right:15px; font-size:10px; padding:10px; border:solid 1px #ccc; border-radius:6px; line-height:1em; text-align:center; font-weight:normal; }
ul.eligibles > li:last-child { margin-right:0; }
ul.eligibles > li > img { display:block; margin:0 auto 5px auto; }
ul.eligibles > li > strong { display:block; }
#lmnp-1 { padding-top:30px; padding-bottom:30px; /* bottom:auto; height:auto; */ }
#lmnp-1 .columns > .column:first-child { border:none; }
#lmnp-1 .columns > .column { padding-top:60px; }
#lmnp-1 .form-group { max-width:55%; }
#lmnp-1 .control-label { margin-bottom:5px; }
#lmnp-1 .control { max-width:70%; margin-left:auto; margin-right:auto; }

h1.resultats { display:none; font-size:16px; text-align:center; font-weight:bold; }
body.resultats h1.resultats { display:block; }
#resultat .content .content-tabs > li a { height:34px; line-height:34px; border-radius:17px; }
#resultat .content .content-viewer { overflow:visible; }
#resultat .content .content-viewer .content-view { opacity:0; }
#resultat .content .content-viewer .content-view.active { opacity:1; }
#resultat #general .columns > .column { background:transparent; border:solid 1px #ccc; border-radius:6px; }
#resultat #general .columns > .column span { display:inline-block; }
#resultat .btn-restart { height:50px; line-height:50px; border-radius:25px; background:#fff; font-size:12px; }
#resultat .btn-continue { font-size:12px; }
#resultat ul.buttons { display:flex; position:relative; z-index:3; }
#resultat ul.buttons > li { flex:1; margin-right:10px; }
#resultat ul.buttons > li:last-child { margin-right:0; }
#resultat ul.buttons > li a { width:100%; padding:0; text-align:center; }
#resultat #financement { background:transparent; border:solid 1px #ccc; border-radius:8px; }
#resultat #rendement .result { background:transparent; border:solid 1px #ccc; border-radius:8px; }
#resultat #rendement .mentions { font-size:11px; text-align:left; color:black; }
ul.synthese > li { background:transparent; border:solid 1px #ccc; border-radius:8px; text-align:center; color:black; }
ul.synthese > li span { color:#f56b2a; float:none; }

div.label-dispositif { position:absolute; left:15px; top:0; z-index:8; height:24px; line-height:24px; padding:0 15px; background:#f56b2a; font-size:12px; font-weight:bold; color:#fff; text-transform:uppercase; border-radius:0 0 6px 6px; transition:all 0.4s ease; transform:translateY(-100%); opacity:0; }
main[data-currentstep="pinel-2"] div.label-dispositif,
main[data-currentstep="pinel-3"] div.label-dispositif,
main[data-currentstep="pinel-4"] div.label-dispositif,
main[data-currentstep="pinel-5"] div.label-dispositif,
main[data-currentstep="pinel-6"] div.label-dispositif,
main[data-currentstep="lmnp-2"] div.label-dispositif,
main[data-currentstep="lmnp-3"] div.label-dispositif,
main[data-currentstep="lmnp-4"] div.label-dispositif,
main[data-currentstep="lmnp-5"] div.label-dispositif,
main[data-currentstep="lmnp-6"] div.label-dispositif,
main[data-currentstep="coordonnees"] div.label-dispositif { transform:translateY(0); opacity:1; }

@media (min-width: 768px) {
	
		.mobile { display:none !important; }
		
		ul.synthese { /* display:grid; grid-template-columns:1fr 1fr; grid-gap:10px; */ display:flex; flex-wrap:wrap; justify-content:center; }
		ul.synthese > li { width:100%; margin:0 0 10px 0; flex:0 0 48%; }
		
		#mentions-legales.modal-dialog { bottom:auto; height:100vh !important; }
}

@media (max-width: 768px) {
	
		.desktop { display:none !important; }
		
		header { max-width:95vw; }
		.header-infos > p, .header-infos > .full > p { max-width:100%; text-align:left; }
		header a.more { display:block; margin-top:10px; }
		body.simulateur-pinel ul.avantages { text-align:center; margin-top:30px; }
		body.simulateur-pinel ul.avantages > li { display:inline-block; }
		.switch-wrapper [data-switch] { font-size:3.3vw; padding:0 5px; }
		
		main { background:#F5F4F4; border-radius:10px; margin-bottom:120px; }
		main section { height:480px; background:transparent; }
		
		.form-group .control-label {  }
		
		#pinel-1 .form-group { max-width:75%; }
		main[data-typeSimulation="capaciteEpargne"] #nav-simulateur { bottom:10px; }
		
		section#coordonnees { padding:30px 15px !important; }
		section#coordonnees > .columns:nth-child(2) { max-width:100%; }
		section#coordonnees .form-group { margin-bottom:10px; }
		section#coordonnees .form-group .control-label { display:none; }
		#coordonnees #optout label { line-height:1.2em; }
		#coordonnees #optout [type="checkbox"] + label:before { top:auto; bottom:0px; }
		#coordonnees #optout [type="checkbox"]:checked + label:after { top:auto; bottom:4px; }
		main #rgpd { bottom:-80px; }
		
		#lmnp-1 .form-group { max-width:75%; }
		ul.eligibles { max-width:90%; text-align:center; display:grid; grid-template-columns:1fr 1fr; grid-gap:10px; }
		ul.eligibles > li { display:block; width:100%; margin-left:auto; margin-right:auto;  }
		
		main .steps.resultat section#resultat { padding:30px 15px; }
		#resultat ul.buttons { display:block; }
		#resultat ul.buttons > li { display:block; }
		
}