*, ::after, ::before { box-sizing:border-box; }
* { font-family:'Lato', sans-serif !important; }

body {
	font-size: 16px;
	background: #eee;
}

.highlight { color:#009FBF !important; }

.btn-1 { background:#F77A31; color:#fff; border-radius:6px; transition:all 0.4s ease; padding:0px 40px !important; }
.btn-1:hover { background:#D35308 !important; padding:0px 40px !important; }
.btn-1:disabled { background:#DADDE0; }

#mentions-legales.modal-dialog h5 { color:#009FBF !important; font-size:20px; }
p.text-justify { text-align:justify; }
p a { color:#009FBF; }
p a:hover { text-decoration:underline; color:#009FBF; }

#main { max-width:1024px; margin:auto; padding:30px 15px 0px 15px; background:#fff !important; box-shadow:0px 0px 15px rgba(0,0,0,0.2); }

body.simulateurPinel #main { background-image:none; background:#fff !important; }
#main section#title { margin-bottom:40px !important; overflow:visible; }
#main h1 { position:relative; font-family: 'Lato', sans-serif !important; font-weight:bold; color:black; padding-left:80px; margin:0px 0px 0px 0px; }
#main h1:before { content:"\e99b"; font-family:'icomoon'; position:absolute; left:0px; top:0px; width:60px; height:60px; line-height:60px; text-align:center; /* border-radius:30px; */ background:#009FBF; color:#fff; font-weight:normal; }
#main h2 { font-family: 'Lato', sans-serif !important; font-weight:normal; color:#bababa; font-size:22px; padding-left:80px; margin:0px 0px 30px 0px; }
#main section {  }
#main section > h4 { color:#009FBF !important; font-weight:bold; font-size:18px !important; }
.question { background:#009FBF !important; color:#fff; }
.active .question { background:#fff !important; color:#009FBF; }

#main section.questions { padding-left:0px; }
#main section.questions > div { margin-left:0px; }
.control-label { font-size:14px; }
.control { position:relative; overflow:hidden; }
#main section .form-group > .control .form-control { position:relative; background:#fff; border-radius:6px; border:solid 1px #ccc !important; }
#main section .form-group > .control .form-control:focus { border:solid 1px #009FBF !important; }
#main section .form-group > .control .input-group > .form-control { border-radius:6px 0px 0px 6px; }
#main section .form-group > .control .input-group > .input-group-addon { border-radius:0px 6px 6px 0px }
#main section .form-group > .control .form-control::placeholder { font-style:normal; }

#main section .form-group#lieuProjet,
#main section .form-group#zoneDuflot,
#main section .form-group#situationFamiliale,
#main section .form-group#enfantsCharge,
#main section .form-group#apportPersonnel,
#main section .form-group#progressionLoyer,
#main section .form-group#nom,
#main section .form-group#email { clear:left; }

#main section .form-group#dureeRegime { clear:right; }

#main section .form-group.has-error > .control .form-control { padding-right:40px; }
#main section .form-group.has-error > .control:after { content:"!"; position:absolute; right:10px; top:10px; height:20px; width:20px; line-height:20px; border-radius:10px; text-align:center; background:#ff0000; color:#fff; font-size:16px; font-weight:bold; }
#main section .form-group.has-error span.erreur { display:block; margin-top:5px; }

section#votre-calcul ul.onglets { font-size:0px; display:flex; height:auto; line-height:1; border:none; margin-bottom:30px; /* float:right; */ }
section#votre-calcul ul.onglets > li { flex:1; border:solid 1px #009FBF; color:#009FBF; margin:0px; white-space:nowrap; vertical-align:top; font-size:16px; max-width:none; cursor:pointer; }
section#votre-calcul ul.onglets > li:first-child { border-radius:6px 0px 0px 6px; }
section#votre-calcul ul.onglets > li:last-child { border-radius:0px 6px 6px 0px; }
section#votre-calcul ul.onglets > li.active { background:#009FBF; color:#fff; border:solid 1px #009FBF; }
section#votre-calcul ul.onglets > li.active .form-group > .control-label { color:#fff !important; }
section#votre-calcul ul.onglets > li.active:after { display:none; }
section#votre-calcul ul.onglets > li .control-label { pointer-events:none; }

body.resultatPinel #main section#title { margin-left:20px !important; }
body.resultatPinel #main h1 { /* padding-top:10px; */ }
body.resultatPinel #main section { width:100% !important; margin:0px 0px 40px 0px !important; }
#main section.resultat,
#main section.resultat p { font-size:15px !important; }
#main section.resultat h4 { color:#009FBF; }
#main section.resultat h4 > span { background:transparent; color:#009FBF !important; margin-left:20px; margin-bottom:10px; }
#main section.resultat > div { margin:0px 5%; }

#main section.resultat#general p { text-align:right; }
#main section.resultat#general p > strong { display:inline-block; width:40%; text-align:left; }