html,body { width:100%; height:100%; padding:0px; margin:0px; /* min-width:100vw; */ }
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 > .column-full { flex:100%; }
.columns > li { flex:1; }

.simulateur .columns { align-items: baseline;}

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; }

.ui-datepicker { z-index:1500 !important; }

.mobile {  }
.desktop {  }
@media only screen and (max-width: 640px) {
	.desktop { display:none; }
}
@media only screen and (min-width: 641px) {
	.mobile { display:none; }
}

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

/*
	- Bleu foncé: 0051A6
	- Bleu clair: 199AD9
*/

.ui-front { z-index:2000; }

body {
	min-width:320px; /* 100vw */
	background: #fff;
	font-family:'Work Sans', sans-serif;
	font-size: 14px;
	overflow-x: hidden;
}

.container { width:100%; max-width:1200px; }
.columns > .column { padding:0px 15px; }
.columns > .column:first-child { padding-left:0px; }
.columns > .column:last-child { padding-right:0px; }

main { position:relative; width:990px; max-width:100%; margin:auto; padding:0px; overflow:hidden; }
main .row { margin-left:0px; margin-right:0px; }
main > section:first-child { padding-top:60px; }
section { position:relative; display:block; width:990px; max-width:100%; margin:auto; padding:60px 50px; overflow:hidden; }
section h1 { font-size:22px; text-align:center; margin-bottom:50px; text-transform:none !important; }

.section-darkblue { background:#0051A6; color:#fff; }
.section-darkblue h1 { color:#fff; }

.section-blue { background:#199AD9; color:#fff; }
.section-blue h1 { color:#fff; }

.section-white { background:#fff; color:#0051A6; }
.section-white h1 { color:#0051A6; }

.section-darkblue-blue { background:linear-gradient(to bottom, #0051A6, #199AD9); color:#fff; }
.section-darkblue-blue h1 { color:#fff; }

.btn { position:relative; text-decoration:none !important; outline:none !important; }

.btn-white { display:inline-block; position:relative; height:50px; line-height:50px; padding:0px 20px; border-radius:25px; background:#fff; color:#0051A6; border:none; outline:none; box-shadow:0px 4px 8px rgba(0,0,0,0.3); text-decoration:none !important; }
.btn-white > span.mini { position:absolute; left:15px; top:0px; font-size:10px; }
.btn-white[name="bt_habiter"],
.btn-white[value="habiter"] { width:130px; vertical-align:top; margin-right:5px; }
.btn-white[name="bt_investir"],
.btn-white[value="investir"] { width:130px; vertical-align:top; padding-top:10px; line-height:30px; margin-left:5px;  }
.btn-white[name="bt_investir"] > span.mini,
.btn-white[value="investir"] > span.mini { position:absolute; left:0px; top:0px; width:100%; text-align:center; font-size:10px; }


.btn-blue { display:inline-block; position:relative; height:50px; line-height:50px; padding:0px 20px; border-radius:25px; background:#0051A6; color:#fff !important; border:none; outline:none; box-shadow:0px 4px 8px rgba(0,0,0,0.3); text-decoration:none !important; }


.section-separator { position:relative; display:block; width:100%; height:120px; overflow:hidden; }
.section-separator:after { content:" "; position:absolute; left:-20%; top:50%; right:-20%; height:100%; background:#fff; transform:rotate(-8deg); transform-origin:top center; }
.section-separator.darkblue-white { background:#0051A6; }
.section-separator.darkblue-white:after { background:#fff; }
.section-separator.white-blue { background:#fff; }
.section-separator.white-blue:after { background:#199AD9; }

.section-icon { display:block; width:100px; height:100px; line-height:100px; border-radius:50px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.3); z-index:3; position:absolute; left:50%; margin-left:-50px; top:50%; margin-top:-50px; background-repeat:no-repeat !important; background-position:center !important; }

section.from-darkblue:before { content:" "; position:absolute; left:-20%; right:-20%; width:140%; height:120px; top:-60px; background:#0051A6; transform:rotate(-6deg); transform-origin:top center; z-index:8; }
section.from-blue:before { content:" "; position:absolute; left:-20%; right:-20%; width:140%; height:120px; top:-60px; background:#199AD9; transform:rotate(-6deg); transform-origin:top center; z-index:8; }
section.from-white:before { content:" "; position:absolute; left:-20%; right:-20%; width:140%; height:120px; top:-60px; background:#fff; transform:rotate(-6deg); transform-origin:top center; z-index:8; }
section > .section-icon { top:10px; margin-top:0px; z-index:9; }


.mentions { }
.mentions p { margin-bottom:5px; font-size:11px; font-weight:300; color:#fff; text-align:justify; line-height:1.2em; }
.mentions a { color:#fff !important; text-decoration:underline; }


#home { }
#home h1 { margin-bottom:40px !important; }

#recherche { padding:60px 90px 10px 90px; }
#recherche h1 { margin-bottom:40px !important; font-size:28px; }
#recherche .form-group { position:relative; transition:all 0.4s ease; }
#recherche .form-group .control-label { position:absolute; left:0px; top:0px; width:100%; height:50px; line-height:50px; font-weight:300; color:#eee; z-index:2; padding:0px 15px 0px 50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; pointer-events:none; opacity:1; transition:all 0.4s ease; }
#recherche .form-group.active .control-label { margin-top:-50px; opacity:0; }
#recherche .form-group .form-control { height:50px; line-height:50px; padding:0px 12px; border-radius:25px; border:none; background:#437FBD; color:#fff; padding-left:50px; position:relative; }
#recherche .form-group .control:after { position:absolute; left:10px; top:10px; font-family:'Font Awesome 5 Pro'; width:30px; height:30px; background-repeat:no-repeat !important; background-size:contain !important; background-position:center !important; content:" "; }
.form-group#lieuRecherche .control:after,
.form-group#lieuProjet .control:after,
.form-group#lieu .control:after,
.form-group#cp_ville .control:after { /* content:"/f3c5"; */ background-image:url('../images/icon-location.png'); }
#recherche .form-group#prix_max .control:after { /* content:"/f153"; */ background-image:url('../images/icon-euro.png'); }
#recherche .form-group#typologie .control:after { /* content:"/f015"; */ background-image:url('../images/icon-typologie.png'); width:24px; left:16px; }
#recherche .form-submit { text-align:center; margin-top:20px; }
#recherche #mentions-legales { max-width:800px; margin-top:40px; text-align:center; margin-bottom:20px; }
#recherche #mentions-legales p { text-align:center; line-height:1.2em; margin-bottom:0px;  font-size:10px; }

.form-group#lieuProjet .control:after { position:absolute; left:10px; top:8px; font-family:'Font Awesome 5 Pro'; width:26px; height:26px; background-repeat:no-repeat !important; background-size:contain !important; background-position:center !important; content:" "; /* content:"/f3c5"; */ background-image:url('../images/icon-location.png'); }
.form-group#lieuProjet .form-control { padding-left:50px; }


#upsell-programmes { padding-top:160px; }
#upsell-programmes h1 { margin-bottom:60px; }
#upsell-programmes ul.preview-programmes { margin-bottom:0px; }
#upsell-programmes ul.preview-programmes > li { margin-bottom:40px; }
.preview-programme { position:relative; width:100%; max-width:320px; display:flex; flex-direction:column; height:330px; border:solid 1px #0051A6; border-radius:10px; }
.preview-programme .preview-visuel { flex:1; min-height:150px; border-radius:10px 10px 0px 0px; background-color:#eee; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; background-position-y: 0px !important;}
.preview-programme .preview-details { flex:1; padding:10px; text-align:center; }
.preview-programme .preview-details p { margin-bottom:0px; text-align:center; color:#222; }
.preview-programme .preview-details p.nom { /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ height:40px; overflow:hidden; }
.preview-programme .preview-details p.prix_min { background:#eee; font-weight:300; line-height:2em; margin-top:5px; }
.preview-programme .preview-details p strong { font-weight:bold; }
.preview-programme .preview-details .blue { color:#0051A6; }
.preview-programme .preview-details .btn-blue { margin:10px auto 0px auto; }
.preview-programme .patch { position:absolute; top:-30px; right:0px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:30px; background:#eee; transform:rotate(-30deg); }
.preview-programme ul.pictos.dispositifs { list-style-type:none; position:absolute; right:5px; top:-30px; z-index:2; }
.preview-programme ul.pictos.dispositifs > li { }
.preview-programme ul.pictos.dispositifs > li > img { width:80px; height:80px; }
ul.pagination { list-style-type:none; display:table; margin:0px auto 30px auto; }
ul.pagination li { }
ul.pagination li > a { }
ul.pagination li > a.nolink { pointer-events:none; background:#ddd; }
ul.pagination li.active > a { background:linear-gradient(to bottom, #0051A6, #437FBD); font-weight:bold; color:#fff; }

#programme.modal-dialog { width:55%; height:74%; max-width:600px; max-height:600px; position:absolute; left:0px; top:1vh; right:0px; bottom:0px; margin:auto; }
#programme.modal-dialog .close { position:absolute; top:20px; right:20px; width:30px; height:30px; line-height:30px; border-radius:15px; background:#fff; color:#0051A6; font-weight:bold; opacity:1; display:block; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
#programme.modal-dialog .close:hover { background:#437FBD; color:#fff; }
#programme.modal-dialog .modal-content {  height:100%; border-radius:12px; overflow:visible; }
#programme.modal-dialog .modal-header { position:absolute; left:0px; top:0px; right:0px; border:none; z-index:2; }
#programme.modal-dialog .modal-body { height:100%;  border-radius:12px; overflow:hidden; }
#programme.modal-dialog .modal-body.programme-view { display:flex; flex-direction:column; padding:0px; }
#programme.modal-dialog .modal-body.programme-view > .programme-visuel { flex:1; background-color:#eee; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; padding:12px 12px 0px 0px; }
#programme.modal-dialog .modal-body.programme-view > .programme-infos { flex:1; padding:15px; }
.programme-view > .programme-infos > p.nom { text-align:center; font-size:20px; font-weight:bold; }
.programme-view > .programme-infos > p.ville { text-align:center; color:#0051A6; font-size:16px; margin-bottom:10px;  }
.programme-view > .programme-infos > p.prix_min { text-align:center; background:#eee; font-weight:normal; line-height:2em; margin-top:5px; }
.programme-view > .programme-infos > p.descriptif { text-align:left; padding:6px 12px; font-size:14px; font-weight:300; height:110px; overflow-y:auto; margin-bottom:10px; margin-top:10px; }
#programme.modal-dialog ul.pictos.dispositifs { list-style-type:none;  position:absolute; left:10px; top:-50px; z-index:3; }
#programme.modal-dialog ul.pictos.dispositifs > li { }
#programme.modal-dialog ul.pictos.dispositifs > li > img { width:100px; height:100px; }
#programme.modal-dialog ::-webkit-scrollbar { width:5px; }
#programme.modal-dialog ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
#programme.modal-dialog ::-webkit-scrollbar-thumb { background-color: #0051A6; /* outline: 1px solid #253150; */ }

#documentation.modal-dialog { width:600px; height:700px; max-height:80vh; max-width:100vw; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; background:#0051A6; color:#fff; }
#documentation.modal-dialog .modal-content { width:100%; height:100%; border-radius:0px; background:transparent; }
#documentation.modal-dialog .modal-header { position:fixed; left:0px; top:0px; right:0px; z-index:2; border:none; }
#documentation.modal-dialog .close { position:absolute; top:20px; right:20px; width:30px; height:30px; line-height:30px; border-radius:15px; background:#fff; color:#0051A6; font-weight:bold; opacity:1; display:block; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
#documentation.modal-dialog .close:hover { background:#437FBD; color:#fff; }
#documentation.modal-dialog .modal-body { }
#documentation.modal-dialog .modal-body h1 { margin-bottom:10px; text-align:center; font-size:30px; }
#documentation.modal-dialog .modal-body p.intro { margin-bottom:30px; }


#investir-lmnp { padding-top:160px; }
#investir-lmnp p { margin-bottom:15px; }
#investir-lmnp ul.points-forts { margin:0px 0px 30px 20px; padding:0px; }
#investir-lmnp ul.points-forts > li { margin-bottom:10px; }

#simulateurs { padding-top:160px; }
#simulateurs > .section-icon {  }
ul.simulateurs { list-style-type:none; text-align:center; }
ul.simulateurs > li { display:inline-block; }


#guides-conseil { padding-top:160px; }
#guides-conseil > .columns { width:680px; max-width:100%; margin:auto; }
#guides-conseil > .columns > .column { max-width:300px; }
#guides-conseil > .columns > .column:first-child { margin-right:40px; }
#guides-conseil > .columns > .column:last-child { margin-left:40px; }
ul.guides { list-style-type:none; margin:0px; padding:0px; }
ul.guides > li { margin-bottom:15px; }
.btn-guide { display:block; width:100%; height:40px; line-height:40px; border-radius:20px; background:#0051A6; color:#fff !important; text-align:center; text-decoration:none !important; outline:none !important; transition:all 0.4s ease; }
.btn-guide:hover { background:#199AD9; }


main.programmes section { position:relative; left:0px; height:auto; }
#programmes { padding-top:160px; }
#programmes h1 { font-size:30px; line-height:1em; margin-bottom:10px; }
#programmes p.intro { font-weight:300; font-size:18px; text-align:center; line-height:1em; margin-bottom:50px; }
.preview-programmes { flex-wrap:wrap; }
.preview-programmes > li { flex: 1 1 280px !important; margin-bottom:40px; }
.preview-programmes > li .preview-programme { margin:auto; }

.btn-home { position:absolute; left:20px; top:20px; width:50px; height:50px; line-height:50px; border-radius:25px; text-align:center; background:#199AD9; box-shadow:0px 0px 8px rgba(0,0,0,0.3); z-index:3; text-decoration:none !important; }
.btn-home::after { content:"\f015"; font-family:"Font Awesome 5 Pro"; font-weight:900; font-size:26px; color:#fff; }


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

		.columns { flex-direction:column; }
		.columns > .column { padding-left:0px !important; padding-right:0px !important; }

		main > section h1 { font-size:7.5vw; }

		#recherche { padding:60px 40px 0px 40px; }
		#recherche #mentions-legales p { text-align:justify; }
		.btn-white[name="bt_investir"] { margin-left:0px; }
		.btn-white[name="bt_habiter"] { margin-right:0px; }

		#programme.modal-dialog { height: 100vh; width: 99vw;}
		#programme.modal-dialog ul.pictos.dispositifs { top:-20px; }
		.preview-programme > .preview-details p.nom { height:auto; }
		.programme-view > .programme-infos > p.descriptif { font-size:3.6vw; font-weight:300; margin-bottom:30px; }

		#documentation.modal-dialog { height:100vh; }
		#documentation.modal-dialog > .modal-content { height:100%; overflow-y:auto; }

		ul.simulateurs { display:flex; flex-wrap:wrap; }
		ul.simulateurs > li { flex:1 1 120px; }
		ul.simulateurs > li img { max-width:100%; }

		#guides-conseil > .columns > .column:first-child { margin-right:0px; margin-bottom:30px; }
		#guides-conseil > .columns > .column:last-child { margin-left:0px; }
}


/****** Simulateurs ******/
main.simulateur { position:relative; display:block; width:990px; height:540px; margin:auto; background:#0051A6; overflow:hidden; }
main section { padding:30px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:#0051A6; color:#fff; transition:all 0.4s ease; left:100%; margin:0px; }
main section.active { left:0px; }
main section.checked { left:-100%; }
h1 { font-weight:normal; font-size:22px; color:#fff; margin-bottom:20px; text-transform:uppercase; }
h2 { font-weight:normal; font-size:18px; color:#fff; margin-top:20px; margin-bottom:20px; line-height:1.3em; }
main section h3 { position:absolute; left:85px; top:35px; font-size:20px; font-weight:bold; text-transform:uppercase; color:#fff; }
main section h4 { position:absolute; left:85px; top:60px; font-size:13px; font-weight:normal; text-transform:normal; color:#fff; }
main section .columns { margin-bottom:40px; }
main section p.intro { margin-bottom:30px; }
#error-message { position:fixed; left:0px; bottom:-100%; right:0px; padding:20px; background:#ff0000; color:#fff; font-size:14px; text-align:center; transition:all 0.4s ease; cursor:pointer; z-index:101; }
#error-message.active { bottom:0px !important; }

/****** Tooltips ******/
.tip { position:relative; display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; border-radius:7px; background:#C4B07D; 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-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:11px; font-weight:normal; 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; }


.buttons { position:relative; text-align:center; margin-bottom:30px; margin-top:20px; vertical-align:top;  }
.btn-prev { position:relative; display:inline-block; width:40px; height:40px; line-height:40px; border-radius:20px; background:#fff; color:#0051A6 !important; text-decoration:none !important; box-shadow:0px 0px 8px rgba(0,0,0,0.3); background:#fff url('../images/icon-back.png') no-repeat; background-position:center !important; vertical-align:top; }
.btn-next { display:inline-block; height:40px; line-height:40px; border-radius:20px; background:#fff; color:#0051A6 !important; text-decoration:none !important; box-shadow:0px 0px 8px rgba(0,0,0,0.3); padding:0px 20px; vertical-align:top; }

#pinel-1 { text-align:center; }
#pinel-1 .btn-continue { position:absolute; width:240px; left:50%; bottom:20px; margin-left:-120px; }
#pinel-1 .input-group > .input-group-addon { color:#242D4A; }
#pinel-1 .form-control { color:#111; }
ul.modes { list-style-type:none; margin:0px 0px 20px 0px; padding:0px; }
ul.modes > li.separator { font-size:18px; color:#fff; padding:20px 0px; }
ul.modes > li.mode { display:block; margin-bottom:20px; background:#fff; max-width:300px; margin:auto; height:80px; line-height:80px; vertical-align:middle; border-radius:40px; cursor:pointer; transition:all 0.4s ease; }
ul.modes > li.mode .form-group { max-width:200px; margin:auto; line-height:normal; display:inline-block; vertical-align:middle; }
ul.modes > li.mode .form-group .control-label { color:#242D4A; font-size:11px; font-weight:bold; margin-bottom:5px; padding:0px; }
ul.modes > li.mode .form-group .control { margin-left:20px; }
ul.modes > li.mode .form-group .form-control { height:20px; line-height:20px; }
ul.modes > li.mode .form-group#prixLogement .control-label { padding-top:15px; }
ul.modes > li.mode.active, ul.modes > li.mode:hover { transform:scale(1.2); }
ul.modes > li.mode.active { box-shadow:0px 0px 10px rgba(0,0,0,0.4); }
ul.modes > li.mode.active .form-group .form-control { border-bottom:solid 2px #C4B07D; }



.columns.modes { width:640px; margin:auto; }
.columns.modes > .column { min-width:300px; max-width:300px; }
.columns.modes > .column.separator { min-width:40px; max-width:40px; padding:30px 0px 0px 0px; text-align:center; }
.columns.modes > .column > .form-group { padding:20px; border:solid 1px #fff; border-radius:10px; }
.columns.modes > .column > .form-group .control-label { font-weight:normal; margin-bottom:10px; }
.columns.modes > .column > .form-group.active { background:#fff; }
.columns.modes > .column > .form-group.active .form-control { background:#BCD1E8; }
.columns.modes > .column > .form-group.active .control-label { color:#0051A6; }
.columns.modes > .column > .form-group.active .control:after { color:#0051A6 !important; }


.form-group { }
.form-group > .control-label { font-weight:normal; width:100%; text-align:center; }
.form-group > .control { position:relative; }
.form-group .form-control { position:relative; height:40px; line-height:40px; border-radius:20px; background:#437FBD; color:#fff; border:none !important; outline:none !important; padding:0px 20px; }
.form-group .form-control::placeholder { font-weight:300; color:#fff; font-style:italic; }
.form-group.euro .control::after { content:"€"; position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; /* #0051A6; */ font-size:20px; }
.form-group.euro .form-control { padding-left:40px; text-align:center; }
.form-group.error { /* border:solid 1px #ff0000 !important; */ }
.form-group.error .control-label { color:#ff0000 !important; }

.mentions-legales { max-width:800px; margin:auto; font-size:10px; }
.mentions-legales p { text-align:center; font-size:10px; color:#fff; font-weight:300; line-height:1.2em; }
.mentions-legales a { color:#fff !important; text-decoration:underline; }

main.simulateur-pinel section { padding:70px 60px 0px 60px; }
#pinel-2 .form-group#lieuProjet { max-width:50%; margin:auto; text-align:center; }

.form-group#apportPersonnel .control:after { content:"€"; position:absolute; right:20px; top:0px; height:40px; line-height:40px; color:#0051A6; font-weight:bold; font-size:16px; }
.form-group#fraisGestion .control:after { content:"%"; position:absolute; right:20px; top:0px; height:40px; line-height:40px; color:#0051A6; font-weight:bold; font-size:16px; }
.form-group#valorisationBien .control:after { content:"%/an"; position:absolute; right:20px; top:0px; height:40px; line-height:40px; color:#0051A6; font-weight:bold; font-size:16px; }
.form-group#progressionLoyer .control:after { content:"%/an"; position:absolute; right:20px; top:0px; height:40px; line-height:40px; color:#0051A6; font-weight:bold; font-size:16px; }
.form-group#apportPersonnel .form-control,
.form-group#fraisGestion .form-control { padding-right:40px; }
.form-group#valorisationBien .form-control,
.form-group#progressionLoyer .form-control { padding-right:70px; }

main.simulateur-pinel #pinel-4 { padding-top:30px !important;}
main.simulateur-pinel #pinel-4 .columns { margin-bottom:0px; }
main.simulateur-pinel #pinel-4 .buttons { margin-top:20px; margin-bottom:20px; }

main.simulateur-censi #pinel-5 .columns { margin-bottom:0px; }

input[type="radio"].checkbutton { display:none; }
input[type="radio"].checkbutton + label { display:inline-block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:#437FBD; color:#0051A6; }
input[type="radio"].checkbutton:hover + label { }
input[type="radio"].checkbutton:checked + label { background:#fff; color:#0051A6; }

main.simulateur-lmnp section,
main.simulateur-censi section { padding:70px 30px 0px 30px; }

main.simulateur-ptz { height:650px; }
main.simulateur-ptz section { padding:30px 60px 0px 60px; height:650px; }
#ptz-1 h1 { margin-bottom:10px; }
#ptz-1 h2 { margin-top:0px; margin-bottom:0px; text-align:center; }
#ptz-1 p.intro { margin-bottom:20px; text-align:center; }
#ptz-1 .form-group#lieuProjet { max-width:50%; margin:auto; text-align:center; }
#ptz-1 .columns { margin-top:15px; }

main.simulateur-ptz.results { height:1000px; }
#ptz-results > .section-icon { text-align:center; font-size:30px; }
#ptz-results > .section-icon .fa-check { color:#0F9D58; }
#ptz-results > .section-icon .fa-times { color:#ff0000; }
#ptz-results { position:absolute; left:0px; top:650px; right:0px; height:350px; padding-top:140px; }
#ptz-results p.intro { text-align:center; }
#ptz-results .columns { padding:10px; border:solid 2px #0051A6; border-radius:10px; }
#ptz-results .columns > .column { text-align:center; }
#ptz-results .result-label { font-size:16px; line-height:1.2em; }
#ptz-results .result-value { font-size:30px; font-weight:bold; }

main.home section { position:relative; left:0px; height:auto; }

#resultats .content { display:flex; flex-direction:column; height:300px; overflow:visible; margin-bottom:30px; }
#resultats .content > .content-tabs { flex:1; max-height:40px; list-style-type:none; text-align:center; }
#resultats .content > .content-tabs > li { display:inline-block; }
#resultats .content > .content-tabs > li > a { display:block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:#437FBD; color:#fff; text-decoration:none; }
#resultats .content > .content-tabs > li.active > a { background:#fff; color:#437FBD; }
#resultats .content > .content-viewer { flex:1; position:relative; overflow:visible; }
#resultats .content > .content-viewer > .content-view { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; padding:15px; transition:all 0.6s ease; opacity:0; /* transform:translate3d(-110%, 0px, 0px); */ top:-150%; }
#resultats .content > .content-viewer > .content-view.active { top:0px; opacity:1; }

#resultats p.confirmation { text-align:center; margin-bottom:30px; display:none; }
#resultats .content-view { width:600px; max-width:100% !important; }
#resultats .content-view .mentions { width:600px; max-width:100%; margin:auto; font-size:10px; text-align:justify; font-weight:normal; }
#resultats .content-view .result {  display:flex; width:600px; max-width:100%; margin:auto; }
#resultats .content-view .result > .result-label { flex:1; height:34px; line-height:34px; text-align:right; }
#resultats .content-view .result > .result-value { flex:1; height:34px; line-height:34px; max-width:160px; text-align:left; font-weight:bold; color:#fff; padding-left:15px; }
#resultats .content-view#general { padding-top:30px; }
#resultats .content-view#general .result { width:500px; border-bottom:solid 1px #fff; }
#resultats .content-view#general .result:last-child { border-bottom:none; }
#resultats .content-view#general .result > .result-label { height:50px; line-height:50px; }
#resultats .content-view#general .result > .result-value { height:50px; line-height:50px; font-size:20px; }
#resultats .content-view#rendement { padding-top:40px; }
#resultats .content-view#rendement .result {  }
#resultats .content-view#rendement .result > .result-label { height:60px; line-height:60px; text-align:left; }
#resultats .content-view#rendement .result > .result-value { height:60px; line-height:60px; font-size:36px; }
#resultats .chart-view { display: block; width: 100%; height: 200px; margin-bottom: 0px; }
#resultats .chart-legend { width: 100%; list-style-type: none; padding: 0px; margin: 0px; text-align: center; font-size: 13px; }
#resultats .chart-legend > li { display: inline-block; padding: 5px 10px; line-height: 20px; margin-bottom: 20px; }
#resultats .chart-legend > li span.color { display: inline-block; width: 20px; height: 20px; border-radius: 10px; background-color: #333333; vertical-align: middle; margin-right: 10px; }
#resultats .content-view#synthese { padding-top:40px; }
#resultats .content-view#synthese .columns { width:700px; max-width:100%; margin:auto; }
#resultats .content-view#synthese p { height:60px; line-height:60px; border-bottom:solid 1px #ddd; }
#resultats .content-view#synthese p:last-child { border-bottom:none; }
#resultats .content-view#synthese p span { float:right; font-weight:bold; }

		#resultats .content-view#synthese p { height:auto; line-height:1.4em; text-align:center; overflow:hidden; padding-bottom:10px; margin-bottom:10px; }
		#resultats .content-view#synthese p { display:block; }
		#resultats .content-view#synthese p span { display:block; width:100%; text-align:center; height:20px; line-height:20px; font-size:20px; }

body.simulateur > h1 { position:relative; display:block; width:990px; max-width:100% !important; padding-top:50px; padding-bottom:0px; margin:auto; background:#0051A6; text-align:center; color:#fff; text-transform:none; }
main.simulateur-pinel section, main.simulateur-censi section { padding:80px 30px 0px 30px !important; }
main.simulateur-pinel section#resultats, main.simulateur-censi section#resultats { padding-top:30px; }

main.simulateur-pinel section h3, main.simulateur-censi section h3 { position:relative; left:0px; top:0px; text-align:center; }
main.simulateur-pinel section h4, main.simulateur-censi section h4 { position:relative; left:0px; top:0px; text-align:center; margin-bottom:20px; }
main.simulateur-censi .input-group { background:#437FBD; border-radius:20px; outline:none !important; }
main.simulateur-censi .input-group > .input-group-addon { background:transparent; color:#0051A6; font-weight:bold; border:none; }
main.simulateur-censi section#pinel-3 .columns { width:600px; max-width:100% !important; margin:auto; }

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

		#investir-lmnp img { margin-bottom:30px; }

		body.simulateur > h1 { font-size:6vw; padding-bottom:20px; }
		body.simulateur > h1 strong { font-size:7vw; }

		main.simulateur { height:115%; }
		main.simulateur section h1 strong { text-transform:uppercase; }
		main.simulateur .mentions-legales { /* margin-left:-20px; margin-right:-20px; */ }
		main.simulateur-pinel section { height:auto; padding:60px 30px 0px 30px; }
		main.simulateur-censi section,
		main.simulateur-lmnp section { height:auto; padding:0px 30px 0px 30px; }
		main.simulateur #resultats .mentions-legales { margin-left:0px; margin-right:0px; }
		main.simulateur .mentions-legales p { text-align:justify; }

		main section .columns { margin-bottom:0px; }
		main section .columns.modes { max-width:300px; }
		.columns.modes > .column.separator { margin:0px 0px 20px 0px; padding-top:0px; max-width:300px; text-align:center; /* height:40px; line-height:40px; */ line-height:1.4em; }

		main.simulateur-censi .form-control { text-align:center; outline:none !important; }
		main.simulateur-censi .control:after { display:none !important; }
		main.simulateur-censi .form-group.euro .control::after { display:block !important; }
		main.simulateur-censi select.form-control > option { text-align:center; }
		main.simulateur-censi #pinel-4 { /* padding-top:60px !important; */ }
		main.simulateur-censi #pinel-4 .form-group { display:flex; margin-bottom:5px; }
		main.simulateur-censi #pinel-4 .form-group .control { flex:1; max-width:140px; }
		main.simulateur-censi #pinel-4 .form-group .control-label { flex:1; height:40px; line-height:40px; text-align:right; padding-right:15px; }
		main.simulateur-censi #pinel-4 .form-group .form-control { text-align:right; padding-right:10px !important; }
		main.simulateur-censi #pinel-5 p.intro { margin-bottom:0px; }
		main.simulateur-censi #pinel-5 .form-group { margin-bottom:5px; }
		main.simulateur-censi #pinel-5 #optin { margin-top:15px; }

		#pinel-2 .form-group#lieuProjet { max-width:100%; margin-bottom:15px; }


		main.simulateur-pinel section#resultats { padding:30px 30px 0px 30px; }
		#resultats .content { height:560px; }
		#resultats .content > .content-tabs { max-height:none; flex:1 0 auto; }
		#resultats .content > .content-tabs > li { display:block; margin-bottom:5px; }
		#resultats .content > .content-tabs > li > a { width:100%; text-align:center; }
		#resultats .content > .content-viewer { flex:1 0 100%; }
		#resultats .content-view .result { text-align:center; display:block; margin-bottom:15px; padding-bottom:15px; }
		#resultats .content-view .result > .result-label { display:block; line-height:1.4em !important; height:auto !important; max-width:100% !important; text-align:center !important; }
		#resultats .content-view .result > .result-value { display:block; line-height:40px !important; height:40px !important; max-width:100% !important; text-align:center !important; font-size:6vw; }
		#resultats .content-view#general { padding-top:30px; }
		#resultats .content-view#synthese { padding-top:20px; }
		#resultats .content-view#synthese > .columns { }
		#resultats .content-view#synthese > .columns > .column { }
		#resultats .content-view#synthese > .columns > .column:first-child p:last-child { border-bottom:solid 1px #ddd; }
		#resultats .content-view#synthese p { height:auto; line-height:1.4em; text-align:center; overflow:hidden; padding-bottom:10px; margin-bottom:10px; }
		#resultats .content-view#synthese p { display:block; }
		#resultats .content-view#synthese p span { display:block; width:100%; text-align:center; height:20px; line-height:20px; font-size:5vw; }

}

@media (min-width: 768px) {
	.modal-dialog { 
		margin: 11% auto !important;
	}
}

@media (max-width: 640px) {

	.form-group#lieuProjet .inputPtz::after {
		left: -56%;
	}

	#cpSelect { 
		width: 236% !important;
		margin-left: -68%
	}

	.form-group#lieuProjet .form-control {
		padding-left: 35%;
	}
}


@media (max-width: 768px) {
	.modal-dialog { 
		margin: 20% auto !important;
	}
	#ptz-results { 
		top: 1000px;
		height: 510px;
	}
	main.simulateur-ptz section { 
		height: 1500px;
	}
	main.simulateur-ptz.results {
		height: 1510px;
	}
	#ptz-results > .section-icon {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	main section p.intro {
		margin: 0 18% 30px;
	}

}

/****** 20220617 - Modifications octobre 2021 ******/

section h1 { font-family:'MADE Evolve Sans', sans-serif; font-weight:700 !important; font-size:28px !important; line-height:1.4em; }
section h1 > span { font-weight:400 !important; }
.btn-white { font-family:'MADE Evolve Sans', sans-serif; font-weight:700 !important; font-size:18px !important; white-space:nowrap; }
.btn-white[name="bt_investir"], .btn-white[value="investir"],
.btn-white[name="bt_habiter"], .btn-white[value="habiter"] { padding-left:30px; padding-right:30px; width:auto; }
.btn-white[name="bt_investir"], .btn-white[value="investir"] { padding-top:0px; padding-bottom:10px; }
.btn-white[name="bt_investir"] > span.mini, .btn-white[value="investir"] > span.mini { position:absolute; top:auto; bottom:0; font-weight:400; font-size:12px; }

#recherche h1 { font-size:26px; margin-bottom:30px !important; }

@media only screen and (min-width: 769px) {
		
		section h1 { font-family:'MADE Evolve Sans', sans-serif; font-weight:700 !important; font-size:28px !important; line-height:1.4em; }
		section h1 > span { font-weight:400 !important; }
		section .section-icon { width:105px; height:105px; border-radius:52.5px; margin-left:-52.5px; }
		.btn-white { font-family:'MADE Evolve Sans', sans-serif; font-weight:700 !important; font-size:18px !important; white-space:nowrap; }
		.btn-white[name="bt_investir"], .btn-white[value="investir"],
		.btn-white[name="bt_habiter"], .btn-white[value="habiter"] { padding-left:30px; padding-right:30px; width:auto; }
		.btn-white[name="bt_investir"], .btn-white[value="investir"] { padding-top:0px; padding-bottom:10px; }
		.btn-white[name="bt_investir"] > span.mini, .btn-white[value="investir"] > span.mini { position:absolute; top:auto; bottom:0; font-weight:400; font-size:12px; }
		
		#recherche { padding-top:90px; }
		#recherche h1 { font-size:26px; margin-bottom:30px !important; }
		#recherche .columns { margin-bottom:15px !important; }
		#recherche .form-submit { margin-top:0; margin-bottom:30px; }
		#recherche .btn-simulateurs { position:absolute; top:10px; right:10px; height:50px; line-height:50px; border-radius:25px; padding:0 20px; background:rgba(255,255,255,0.3); color:#fff !important; text-decoration:none !important; box-shadow:0px 0px 8px rgb(0 0 0 / 30%); font-size:18px; font-family:'MADE Evolve Sans', sans-serif; font-weight:500 !important; }
		#recherche .btn-simulateurs .fa-calculator { margin-left:5px; font-size:20px; vertical-align:middle; }
		#recherche .btn-simulateurs > img { margin-left:10px; display:inline-block; vertical-align:text-bottom; }
		#recherche .form-group .control-label { font-family:'MADE Evolve Sans', sans-serif; font-weight:300 !important; font-size:15px; }
		#recherche .form-group .form-control { font-family:'MADE Evolve Sans', sans-serif; font-weight:400 !important; font-size:15px; }
		#upsell-programmes h1 { font-weight:500; margin-bottom:60px; }
		.preview-programmes > li { padding:0 30px !important; }
		.preview-programme { border-radius:20px; border:none; }
		.preview-programme .preview-visuel { /* margin-left:-1px; margin-right:-1px; margin-top:-1px; */ border-radius:20px 20px 0 0; }
		.preview-programme .preview-details { border-radius:0 0 20px 20px; border:solid 1px #0051A6; border-top:none; font-family:'MADE Evolve Sans', sans-serif; }
		.preview-programme .preview-details p { line-height:30px !important; height:30px !important; }
		.preview-programme .preview-details p.ville { /* font-size:18px; */ }
		.preview-programme .preview-details p.nom { /* font-size:14px; */ }
		.preview-programme .preview-details p.prix_min { margin:0 10px; }
		.preview-programme .btn-blue { padding:0 40px !important; height:50px !important; line-height:50px !important; }
		.preview-programme ul.pictos.dispositifs { top:-45px; }
		.preview-programme ul.pictos.dispositifs > li > img { width:110px; height:110px; }
		
		section#investir-lmnp { font-family:'MADE Evolve Sans', sans-serif; font-size:18px; font-weight:300; }
		section#investir-lmnp h1 { line-height:1.2em; }
		section#investir-lmnp p { margin-bottom:10px !important; }
		section#investir-lmnp p strong { font-weight:500; }
		section#investir-lmnp ul.points-forts > li { margin-bottom:5px !important; }
		section#investir-lmnp .btn-white { padding:0 40px; }
		
		section#simulateurs { padding-top:50px; padding-bottom:0px; background:#fff; }
		section#simulateurs:before { height:300px; }
		section#simulateurs .section-inner { max-width:866px; margin:auto; background:transparent url('../images/bg-simulateurs.home.png') no-repeat; background-size:100% 100% !important; padding-top:40px; padding-bottom:80px; z-index:9; position:relative; }
		section#simulateurs .section-icon { top:0; }
		section#simulateurs h1 { margin-top:60px; }
		
		section#guides-conseil { padding-top:100px; padding-bottom:20px; overflow:visible; }
		section#guides-conseil:before { display:none; }
		section#guides-conseil .section-icon { top:0; margin-top:-50px; }
		section#guides-conseil h1 { margin-bottom:20px !important; font-size:26px; font-weight:500; }
		ul.guides { display:grid; grid-template-columns: repeat(2, 1fr); column-gap:30px; row-gap:10px; max-width:640px; margin:0 auto 40px auto; }
		ul.guides > li {  }
		.btn-guide { box-shadow:0 0 8px rgba(0,0,0,0.3); height:50px; line-height:50px; border-radius:25px; font-size:16px; }
		
		section#mentions-legales { font-family:'MADE Evolve Sans', sans-serif; padding-top:0; }
		section#mentions-legales p { color:#199AD9 !important; font-size:11px; font-weight:300; max-width:700px; margin:auto; }
		section#mentions-legales p a { text-decoration:underline; color:#199AD9 !important; }
		
}

@media only screen and (max-width: 768px) {
	
		section.from-darkblue:before { transform:rotate(-20deg); height:40vw; width:300vw; left:-100vw; right:-100vw; top:-23vw; }
		
		#recherche h1 { font-size:7.5vw !important; font-weight:500 !important; line-height:1.2em !important; }
		#recherche .btn-simulateurs { display:none; }
		#recherche .form-group { margin-bottom:25px !important; }
		#recherche .form-submit { display:flex; margin-top:0px; margin-bottom:40px; }
		#recherche .form-submit > button { flex:1; }
		
		#upsell-programmes h1 { font-weight:500; margin-bottom:60px; }
		.preview-programmes > li { padding:0 30px !important; }
		.preview-programme { border-radius:20px; border:none; }
		.preview-programme .preview-visuel { /* margin-left:-1px; margin-right:-1px; margin-top:-1px; */ border-radius:20px 20px 0 0; }
		.preview-programme .preview-details { border-radius:0 0 20px 20px; border:solid 1px #0051A6; border-top:none; font-family:'MADE Evolve Sans', sans-serif; }
		.preview-programme .preview-details p { line-height:30px !important; height:30px !important; }
		.preview-programme .preview-details p.ville { /* font-size:18px; */ }
		.preview-programme .preview-details p.nom { /* font-size:14px; */ }
		.preview-programme .preview-details p.prix_min { margin:0 10px; }
		.preview-programme .btn-blue { padding:0 40px !important; height:50px !important; line-height:50px !important; font-size:4.5vw !important; }
		.preview-programme ul.pictos.dispositifs { top:-45px; }
		.preview-programme ul.pictos.dispositifs > li > img { width:110px; height:110px; }
		
		section#investir-lmnp { font-family:'MADE Evolve Sans', sans-serif; font-size:18px; font-weight:300; padding:36vw 8vw 14vw 8vw; }
		section#investir-lmnp h1 { line-height:1.2em; }
		section#investir-lmnp .btn-white { width:100%; text-align:center; }
		
		section#simulateurs { padding:15vw 6vw 0 6vw; background:#fff; }
		section#simulateurs:before { height:300px; }
		section#simulateurs .section-inner { max-width:866px; margin:auto; background:transparent url('../images/bg-simulateurs.home.mobile.png') no-repeat; background-size:100% 100% !important; padding-top:40px; padding-bottom:80px; z-index:9; position:relative; }
		section#simulateurs .section-icon { top:0; }
		section#simulateurs h1 { margin-top:60px; }
		ul.simulateurs { display:block; margin-left:5vw; margin-right:5vw; }
		ul.simulateurs > li { display:block; width:100%; }
		ul.simulateurs > li a { display:block; width:100%; height:20vw; line-height:20vw; background:#fff; border-radius:12px; margin-bottom:5vw; }
		ul.simulateurs > li a img { display:none; }
		ul.simulateurs > li a div { display:inline-block; vertical-align:middle; font-family:'MADE Evolve Sans', sans-serif; font-weight:600; font-size:12vw; color:#0051A6; line-height:1em; }
		ul.simulateurs > li a div > span { font-weight:300; display:block; font-size:5vw; line-height:1em; }
		ul.simulateurs > li.pinel a { padding-top:4vw; }
		
		section#guides-conseil { padding-bottom:0; overflow:visible; padding:20vw 8vw 8vw 8vw; }
		section#guides-conseil:before { display:none; }
		section#guides-conseil .section-icon { top:0; margin-top:-50px; }
		section#guides-conseil h1 { margin-bottom:20px; }
		ul.guides { margin-bottom:40px; }
		
		section#mentions-legales { font-family:'MADE Evolve Sans', sans-serif; padding:0 8vw 8vw 8vw; }
		section#mentions-legales p { color:#199AD9 !important; font-size:11px; font-weight:300; max-width:700px; margin:auto; }
		section#mentions-legales p a { text-decoration:underline; color:#199AD9 !important; }
		
}