@charset "UTF-8";

.simulateur {
background: white;       }
.simulateur .hidden {
display: none;
}
.simulateur h3 {
margin-top: 1em;
font-weight: 700;
}
.simulateur input[type="email"], .simulateur input[type="password"], .simulateur input[type="search"], .simulateur input[type="tel"], .simulateur input[type="text"], .simulateur input[type="number"], .simulateur textarea {
margin-top: 0.5em;
}
.simulateur .tag {
color: grey;
font-style: italic;
display: none;
}
.simulateur .wpcf7-response-output {
display: none !important;
}
.simulateur #resultats .btn, .simulateur #formulaire .btn, .simulateur .boutons .btn, .simulateur .boutons .wpcf7-submit {
text-decoration: none;
font-weight: 700;
background: #46a985;
color: white;
padding: 10px 15px;
display: inline-block;
margin-top: 2em;
cursor: pointer;
min-width: 9em;
text-align: center;
}
.simulateur .btn_vide_sim {
color: #46a985 !important;
background: white !important;
border: 2px solid #46a985;
}
.simulateur #sim, .simulateur #formulaire, .simulateur #simulateur {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 1em !important;
padding: 1.5em;
border-radius: 7px;
}
.simulateur #revenir p {
margin-bottom: 0 !important;
text-align: center !important;
float: none !important;
}
.simulateur #formulaire {
padding-bottom: 7em;
}
.simulateur #formulaire #revenir {
float: left;
}
.simulateur #formulaire #suivant {
float: right;
}
.simulateur #formulaire #suivant p {
color: white;
text-align: center;
}
.simulateur #simuler {
display: block;
padding: 1.1em;
}
.simulateur #formulaire, .simulateur #simulateur, .simulateur #resultats {
animation: SHW 0.5s;
animation-fill-mode: both;
}
@keyframes SHW {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.simulateur #formulaire p {
margin: 0 !important;
}
@media screen and (min-width: 500px) {
.simulateur .boutons p:last-of-type {
float: right;
}
}
@media screen and (max-width: 499px) {
.simulateur .boutons p:last-of-type, .simulateur .boutons {
text-align: center;
}
}
.simulateur #simulateur label {
text-align: left !important;
}
.simulateur #formulaire label {
margin-left: 0.5em;
margin-top: 2em !important;
display: inline-block;
padding-right: 1em;
}
.simulateur #resultats .header-1 {
text-align: center;
background: #123c85;
font-weight: 700;
color: white;
}
.simulateur #resultats table, .simulateur #resultats td {
border: 0;
}
.simulateur #resultats tr > td:nth-child(1) {
line-height: 1.1em;
}
.simulateur #resultats td:nth-child(2), .simulateur #resultats td:nth-child(3) {
text-align: center;
}
.simulateur .select-selected {
height: 3em;
}
.simulateur .table_resultats .header-2 {
background: #0c2858;
color: white;
font-weight: 700;
}
.simulateur .table_resultats tbody tr:hover td {
background: #f6f4f3;
}
.simulateur .table_resultats tbody tr:last-of-type:hover td:nth-child(1) {
border-bottom-left-radius: 15px !important;
background: #f6f4f3;
}
.simulateur .table_resultats tbody tr:last-of-type:hover td:last-of-type {
border-bottom-right-radius: 15px !important;
background: #f6f4f3;
}
.simulateur .table_resultats thead th {
border-width: 0;
}
.simulateur .table_resultats tbody tr:nth-child(1) {
border-bottom: 1px solid #333333 !important;
}
.simulateur .final_chart {
border-radius: 15px;
margin-top: 3em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.simulateur .table_resultats {
margin-top: 3em;
}
.simulateur .table_resultats tbody {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.simulateur .table_resultats .header-1 {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.simulateur .final_chart {
padding: 1.5em;
}
.simulateur .final_chart #chiffre, .simulateur .final_chart #chiffre-dix, .simulateur .final_chart #chiffre1, .simulateur .final_chart #chiffre-dix1 {
color: #0c2858;
font-weight: 600;
}
.simulateur .final_chart #chiffre1, .simulateur .final_chart #chiffre-dix1 {
font-size: 1.5em;
}
.simulateur .final_chart table, .simulateur .final_chart td, .simulateur .final_chart th {
border: 0;
}
.simulateur .final_chart latest tr td:nth-child(2) {
min-width: 7%;
}
.simulateur .final_chart tr td:nth-child(1) {
text-align: right;
}
.simulateur .final_chart h3 {
text-align: center;
font-weight: 700;
}
.simulateur .final_chart .bigger_td {
font-size: 1.2em;
font-weight: 700;
}
.simulateur .final_chart .small-t {
font-size: 0.9em;
}
.simulateur .small-t {
font-size: 0.9em;
}
@media screen and (max-width: 500px) {
.simulateur .final_chart {
padding: 0.5em;
}
}
@media screen and (max-width: 400px) {
.simulateur #progressbar li strong {
display: none !important;
}
}
.simulateur #wpcf7-f732-p46-o1 .wpcf7-validation-errors {
background: red !important;
color: white !important;
}
.simulateur #wpcf7-f732-p46-o1 .wpcf7-mail-sent-ok {
display: none !important;
}
.simulateur #simulateur .wpcf7-not-valid-tip {
position: absolute;
top: -46px;
right: 0;
color: white !important;
background: #ec493b;
padding: 0.5em;
border-radius: 7px;
}
.simulateur #simulateur .wpcf7-not-valid-tip:before {
content: "";
width: 10px;
height: 10px;
display: block;
background: red;
position: absolute;
bottom: -5px;
transform: rotate(45deg);
left: 13%;
}
.simulateur .msg_vide {
display: none;
}
.simulateur .msg_vide {
background: #ec493b;
padding: 0.5em;
color: white;
border-radius: 7px;
position: relative;
margin-left: 2em;
margin-bottom: 7px;
font-size: 0.9rem;
}
.simulateur .msg_vide span {
width: 10px;
height: 10px;
display: block;
background: red;
position: absolute;
bottom: -5px;
transform: rotate(45deg);
left: 13%;
}
.simulateur .steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right;
}
.simulateur .fieldlabels {
color: gray;
text-align: left;
}
.simulateur ul#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey !important;
display: flex;
justify-content: space-around;
margin: 0 !important;
}
.simulateur #progressbar .active {
color: #0c2858;
}
.simulateur #progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400;
text-align: center;
line-height: 1.1rem;
}
.simulateur #progressbar #icon_bien:before, .simulateur #progressbar #icon_profil:before, .simulateur #progressbar #icon_resultats:before {
content: "";
display: block;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
}
.simulateur #progressbar #icon_bien:before {
background-image: url(//www.2042expertise.fr/wp-content/plugins/simulateur/assets/2.svg);
}
.simulateur #progressbar #icon_profil:before {
background-image: url(//www.2042expertise.fr/wp-content/plugins/simulateur/assets/3.svg);
}
.simulateur #progressbar #icon_resultats:before {
background-image: url(//www.2042expertise.fr/wp-content/plugins/simulateur/assets/1.svg);
}
.simulateur #progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px;
position: relative;
z-index: 2;
}
.simulateur #progressbar li:after {
content: "";
width: 26em;
height: 2px;
background: lightgray;
position: absolute;
left: -4em;
top: 25px;
z-index: 0;
display: block;
}
.simulateur #progressbar li.active:before, .simulateur #progressbar li.active:after {
background: #0c2858;
}
.simulateur .progress {
height: 20px;
}
.simulateur .progress-bar {
background-color: #0c2858;
}
.simulateur .fit-image {
width: 100%;
object-fit: cover;
}
.simulateur .custom-select {
position: relative;
}
.simulateur .custom-select select {
display: none; }
.simulateur .select-selected {
background-color: #fafafa;
padding: 0.75em;
font-weight: 700;
border-radius: 0 !important;
border-bottom: 2px solid #46a985;
}
.simulateur .select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
}
.simulateur .select-selected.select-arrow-active:after {
top: 7px;
}
.simulateur .select-items div, .simulateur .select-selected {
color: #333333;
padding: 9px 16px;
cursor: pointer;
margin-top: 0.5em;
}
.simulateur .case .select-selected {
padding: 13px 16px;
font-weight: bold;
}
.simulateur .select-items {
position: absolute;
background-color: #fafafa;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.simulateur .select-hide {
display: none;
}
.simulateur .select-items div:hover, .simulateur .same-as-selected {
background-color: #333333;
color: white !important;
}
.simulateur .error {
display: inline-block !important;
transition: all 0.5s;
}
.simulateur hr {
border-bottom: 2px solid #0c2858;
}
@media screen and (min-width: 500px) {
.simulateur #revenir {
margin-right: 2em;
}
.simulateur .small_mobile {
display: none !important;
}
.simulateur #simulateur {
margin-top: 3em;
}
.simulateur #simulateur .case p {
display: flex;
align-items: center;
line-height: 1em;
margin: 1em 0;
}
.simulateur #simulateur .case p > label, .simulateur #simulateur .case p > span, .simulateur #simulateur .case p .custom-select {
width: 50%;
}
.simulateur #simulateur .case p .wpcf7-form-control-wrap {
display: flex !important;
align-items: center;
}
.simulateur #simulateur .case p > .wpcf7-form-control-wrap::after {
content: "€";
display: block;
width: 2em;
font-size: 1.2em;
text-align: center;
}
}
@media screen and (max-width: 499px) {
.simulateur #simuler {
margin: auto;
margin-top: 2em;
}
.simulateur .big_laptop {
display: none !important;
}
.simulateur .small_mobile {
text-align: center;
}
.simulateur .case {
margin-top: 2em;
font-weight: bold;
line-height: 1.1em;
}
}
@media screen and (min-width: 500px) {
.imposition {
display: flex;
width: 100%;
margin-bottom: 3em;
}
.imposition > p, .imposition > div {
width: 50%;
}
.imposition .custom-select {
display: flex;
flex-direction: row-reverse;
}
.imposition .custom-select > div {
width: 100%;
}
.imposition .custom-select > p {
width: 2em;
justify-content: center;
}
}
@media screen and (max-width: 499px) {
.imposition p {
margin: 0 !important;
}
.imposition {
margin-bottom: 3em;
}
}