.font-hack{font-size:15px;}
main {
    padding-top: 100px;
}
.page,.header,.content,.footer{width:100%;}

.page{display:table;}
.page .container_global{display:table-cell;padding-right:45px;vertical-align:top;width:100%;border-bottom:6px solid #d01c34;border-bottom: 6px solid #d01c34;}
.page .header{position:relative;min-height:100px;font-family: 'Johan','Trebuchet MS',sans-serif;font-size:20px;font-size:1.25rem;background:#FFF;}
.page .content{
    display:block;
    position: static;
}
.page .footer{border-top: 1px solid #F0F0F0}

.page .container{margin:0 auto;padding:0 10px;max-width:1190px;width:100%;}

.page .header > .container{position:relative;}
.page .header .menu{background:#F0F0F0;}

.page .content .container div.cmsPublication{display:inline-block;margin-bottom:10px;}
.page .content .container div.cmsPublicationBlock{display:block;margin-bottom:10px;}

.page .content .container .page-header{padding:0;border-bottom:1px solid #F0F0F0;}
.page .block-fil-ariane .block-breadcrumb {background-color: #0f5d87; margin: 0;}
.page .block-fil-ariane .block-breadcrumb .breadcrumb{color: #fff; padding: 9px 15px 11px; width: 1200px; margin: 0 auto;}
.page .block-fil-ariane .block-breadcrumb .breadcrumb li span{color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .3px;}
.page .block-fil-ariane .block-breadcrumb .breadcrumb li:last-of-type span{font-weight: 700;}
.page .content .container .page-content{display:table-cell;padding:15px 6% 40px 0;width:75%;border-right:1px solid #F0F0F0;}
.page .content .container .page-content p {font-size:1rem;}
.page .content .container .page-aside{display:table-cell;vertical-align:top;max-width:25%;width:25%;}
.page .content .container .dossier-nav{padding:37px 0 34px;border-top:1px solid #f0f0f0;overflow:hidden;}

.page .content .notre-selection,
.page .content .garanties-uniques,
.page .content .a-voir-aussi{padding:44px 0 50px;}

.page .content .notre-selection{background:#F9F8F7;}

.dispositif-investissement {
     width: 100%;
     height: 216px;
     background-image: url("https://media.nazaretta.fr/nfr2016/investir/autopromo-investir-guide-immobilier-test.jpg");
     background-repeat: no-repeat;
     background-size: cover;
}
.zone-texte {
    margin-top: 0px;
    padding-left: 32%;
    color: #FFFFFF;
    padding-top: 35px;
    padding-right: 19px;
}
.titre {
    font-weight: bold;
    font-size:24px;
    margin-bottom: 10px;
    line-height: 25px;
}
.sous-titre {
    font-weight: bold;
    font-size:16px;
    display: block;
}
.bouton {
    border-color: #FFFFFF;
    border-style: solid;
    border-radius: 4px;
    color: #FFFFFF;
    border-width: 2px;
    width: 141px;
    height: 40px;
    text-align: center;
    padding-top: 6px;
    margin-top: 16px;
    display: block;
}
.titre-mobile {
    display: none;
}

@media all and (max-width: 768px) {
    .page .container{
        min-width: 677px;
    }
    .simulateur-content {
        display: flex;
        flex-direction: column;
    }
    .simulateur-footer {
        order: 2;
    }
    [data-component="header-homepage"] * {
        position: static;
    }

    body #content .content-wrapper {
        margin-top: 64px;
    }

    .zone-texte {
        margin-top: 0px;
        padding-right: 15px;
        padding-left: 15px;
        color: #FFFFFF;
        padding-top: 35px;
    }
    .dispositif-investissement {
        margin-left: -5px;
    }
    .bouton {
        padding-top: 6px;
        margin-top: 27px;
        display: block;
        width: 49%;
        margin-left: 25%;
        margin-right: 25%;
    }
}

@media all and (max-width: 768px) and (min-width: 500px) {
    .contact-retraite .faps li {
        padding: 15px;
    }
    .simulateur-common.simulateur-retraite .progress-label
    {
        width: 19%;
    }
    .mobile .contact form.simulateur-common.simulateur-retraite
    {
        margin-top: 20px;
    }
    .mobile .simulateur-retraite .form-simulateur .radio-content label
    {
        margin-bottom: 1px;
    }
    .contact .simulateur-common.simulateur-retraite .form-simulateur .contact-form .optin label.radio-inline {
        width: 12%;
    }
    .contact .simulateur-common.simulateur-retraite .form-simulateur .contact-form .optin #validOptinNex, .contact .simulateur-common.simulateur-retraite .form-simulateur .contact-form .optin #validOption {
        width: 76%;
    }

}

div.pai_selection {
    width: 628px;
}

div.nexity_selection{
    background-color:#a69982;
    padding:12px 12px 0 12px;
    margin:0 0 20px 0;
}

div.nexity_selection div.left{
    width:408px;
    display: inline-block;
    vertical-align: middle;
}

div.nexity_selection div.left ul{
    width:100%;
    list-style: none;
}

div.nexity_selection div.left ul li{
    width:192px;
    margin:0 12px 12px 0;
    float:left;
}

div.nexity_selection div.left ul li img{
    width:192px;
}

div.nexity_selection div.right{
    width:188px;
    display: inline-block;
    vertical-align: middle;
}

div.nexity_selection div.right a {
    color: #FFFFFF;
    display: block;
    font-size: 24px;
    line-height: 24px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

div.nexity_selection div.right a:hover{
    color:#2b2b2b;
}

.link_pai_bien_correspond {
    font-size: 19px !important;
}

.contact form.simulateur-common {
    overflow: hidden;
    width: 600px;
    background-color: #FBFBFB;
    padding: 17px;
    box-shadow: 0px 0px 4px #AAA;
    margin-bottom: 33px;
}

.desktop .contact form.simulateur-common {
    padding-top: 77px;
}

.mobile .contact form.simulateur-common {
    margin-top: 27px;
    padding:17px;
}

.simulateur-common .progress-row {
    display: table;
    width:100%;
    margin-bottom: 20px;
}

.simulateur-common .progress-label,
.simulateur-common .progress-cell {
    display: table-cell;
    text-transform: uppercase;
    font-size: 14px;
    color: #57585B;
    width: 15%;
}



.simulateur-common .progress-cell {
    width: 80%;
}

.simulateur-common .progress {
    height: 5px;
    background-color: #E5C6D8;
    margin-bottom: 1px;
    margin-left: 2px;
}

.simulateur-common .progress .amount {
    height: 5px;
    width:0px;
    border: 0;
    background-color: #A90061;
    transition: width 1s;
    -webkit-transition: width 1s;
}

.simulateur-common .sub-container {
    border: 1px solid #CCC;
    background: white;
    overflow: hidden;
    width: 564px;
    transition: height 1s;
    -webkit-transition: height 1s;
}

.simulateur-common .sub-container.first,
.simulateur-common .sub-container.first .form-simulateur{
    background-color: #43596b;
}

.simulateur-common .sub-container.first {
    margin-bottom: 5px;
}

.simulateur-common .sub-container.second {
    margin-bottom: 27px;
}

.simulateur-common.pinel .sub-container.second {
    margin-bottom: 10px;
}

.simulateur-common .form-simulateur {
    position: relative;
    width: auto;
    white-space: nowrap;
    display: flex;
}

.simulateur-common .form-simulateur .form-case {
    box-sizing: border-box;
    vertical-align: top;
    white-space: normal;
    background: none;
    padding: 1em;
    margin: 0;
    display: flex;
    justify-content: center;
    flex:0 0 100%;
    transition: transform 1s;
}

.simulateur-common .form-simulateur .form-case:last-of-type {
    flex-direction: column;
}

.simulateur-common .form-simulateur label,
.simulateur-common .form-simulateur .label-radio,
.simulateur-common .form-simulateur .form-element {
    display: block;
    width: auto;
    margin: 0;
}

.simulateur-common .sub-container.first .label-radio {
    padding: 0;
}

.simulateur-common .form-simulateur .form-element {
    position: relative;
    height: 130px;
    display: inline-flex;
    justify-content:center;
    align-items:center;
    width: 100%;
}

.contact .simulateur-common .form-simulateur .form-element input[type=text].form-control,
.contact .simulateur-common .form-simulateur .form-element input[type=number].form-control,
.contact .simulateur-common .form-simulateur .form-element input[type=email].form-control{
    width: 280px;
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0!important;
}

.contact .simulateur-common input[type="submit"],
.contact .simulateur-common button {
    font-size: 14px;
    color: #FFFFFF;
    padding: 15px 30px;
}


.simulateur-common .form-simulateur .radio-content #nxt_sim_ptz_typeAchat label:nth-child(4),
.simulateur-common .form-simulateur .radio-content #nxt_sim_ptz_typeAchat label:nth-child(8) {
    margin-left: 10px;
}

.simulateur-common .form-simulateur .radio-content #nxt_sim_ptz_typeAchat label:nth-child(6),
.simulateur-common .form-simulateur .radio-content #nxt_sim_ptz_typeAchat label:nth-child(8) {
    margin-bottom: 0px;
}

.simulateur-common .form-simulateur .label-radio a {
    position: absolute;
    top:-1em;
    right: 0;
    padding: 1em 12px;
}

.simulateur-common .form-simulateur .label-radio a i {
    font-size: 32px!important;
    color:#0F5D84;
}

.simulateur-common .form-simulateur .label-radio a:first-child {
    left: 0;
    right: auto;
}

.simulateur-common #sliderContainer {
    overflow: hidden;
}

.simulateur-common #sliderContainer .form-element,
.simulateur-common #sliderContainer .contact-form {
    height: 130px;
    transition:height 1s ease;
    -webkit-transition:height 1s ease;
}

.simulateur-common .form-simulateur h3 {
    font-weight: normal;
    margin-bottom: 1em;
    font-size: 16px;
    color: inherit;
}

.simulateur-common #sliderContainer.etape1 .form-case {

}

.simulateur-common #sliderContainer.etape2 .form-case {
    transform: translateX(-100%);
}

.simulateur-common #sliderContainer.etape3 .form-case {
    transform: translateX(-200%);
}

.simulateur-common #sliderContainer.etape4 .form-case {
    transform: translateX(-300%);
}

.simulateur-common #sliderContainer.etape5 .form-case {
    transform: translateX(-400%);
}

.simulateur-common #sliderContainer.etape6 .form-case {
    transform: translateX(-500%);
}

.simulateur-common #sliderContainer.etape7 .form-case {
    transform: translateX(-600%);
}

.simulateur-common #sliderContainer.etape8 .form-case {
    transform: translateX(-700%);
}

.simulateur-common #sliderContainer.etape9 .form-case {
    transform: translateX(-800%);
}

.simulateur-common #sliderContainer.etape10 .form-case {
    transform: translateX(-900%);
}

.simulateur-common.simulateur-retraite .etape-2-actions {
    display: none;
}
.simulateur-common.simulateur-retraite #sliderContainer.etape9 .etape-2-actions {
    display: block;
}

.simulateur-common:not(.simulateur-retraite) #sliderContainer.etape8 .contact-form,
.pinel #sliderContainer.etape5 .contact-form,
.bouvard #sliderContainer.etape5 .contact-form,
.simulateur-common.simulateur-retraite #sliderContainer.etape9 .contact-form
{
    height: auto;
}

#nxt_sim_retraite_dateNaissance select, #nxt_sim_retraite_dateTravail {
    width:85px;
    display: inline-block;
    margin-right: 5px;
}

.simulateur-retraite.simulateur-common #sliderContainer.etape1 .progress .amount{
    visibility: hidden;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape2 .progress .amount{
    width:13%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape3 .progress .amount{
    width:25%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape4 .progress .amount{
    width:38%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape5 .progress .amount {
    width:51%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape6 .progress .amount{
    width:63%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape7 .progress .amount{
    width:76%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape8 .progress .amount{
    width:89%;
}
.simulateur-retraite.simulateur-common #sliderContainer.etape9 .progress .amount{
    width:100%;
}

.simulateur-common #sliderContainer.etape1 .progress .amount{
    visibility: hidden;
}

.simulateur-common #sliderContainer.etape2 .progress .amount{
    width:14%;
}

.simulateur-common #sliderContainer.etape3 .progress .amount{
    width:28%;
}

.simulateur-common #sliderContainer.etape4 .progress .amount{
    width:42%;
}

.simulateur-common #sliderContainer.etape5 .progress .amount {
    width:56%;
}

.simulateur-common #sliderContainer.etape6 .progress .amount{
    width:71%;
}

.simulateur-common #sliderContainer.etape7 .progress .amount{
    width:85%;
}

.simulateur-common #sliderContainer.etape8 .progress .amount{
    width:100%;
}

.simulateur-common #nexity_simulateur_contact_form_civilite {
    width: auto;
    padding-right: 25px;
}

.mobile .simulateur-common .contact-form .row > div {
    display: block;
    width: 100%;
}

.mobile .simulateur-common .contact-form .row > div.input-rgpd {
    width: 8%;
    margin-top: -19px;
}

.mobile .simulateur-common .contact-form .row:first-child {
    margin-bottom: 0px;
}

.contact-ptz {
    max-width: 600px;
}

.page .content .container .page-content .ptz-seo p, .simulateur-footer p {
    font-size: 105%;
}
.ptz-seo ul, .simulateur-footer ul {
    margin: 15px 0 15px 14px;
}
.ptz-seo ul, .ptz-seo li, .simulateur-footer ul, .simulateur-footer li {
    list-style-type: disc;
}

.ptz-seo h2,
.ptz-seo .iframe_subtitle_h2,
.simulateur-footer h2,
.simulateur-footer .iframe_subtitle_h2 {
    font-size: 105%;
    margin: .8em 0 .8em 0;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    color: #43596b;
}

.ptz-seo .bordered,
.simulateur-footer .bordered {
    border:1px black solid;
    padding:10px;
    margin-top:15px;
}

.ptz-seo .bordered .bold,
.simulateur-footer .bordered .bold {
    font-weight: bold;
}

.faps {
    display: flex;
    padding: 0 27px;
    position: relative;
    z-index: 2;
    top: 27px;
    width: 100%;
}

.faps li {
    display: inline-block;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: calc(20px + 20px / 3);
    width: calc( (100% / 3) - 22px );
    padding: 15px 20px;
    vertical-align: top;
    box-shadow: 5px 5px 5px #CCC;
}

.contact-retraite .faps li {
    /*padding: 15px;
    width: calc( (99% / 3) - 20px );*/
}

.simulateur-retraite div.radio,.simulateur-retraite div.radio span,.simulateur-retraite div.radio input {
    width:16px;
}

.faps .gratis {
    background-color:#0098C3;
    margin-left: 0;
}

.faps .quick {
    background-color: #b6bf00;
}

.faps .nice {
    background-color: #A90061;
}

.contact .simulateur-common .form-simulateur .contact-form input[type=text].form-control,
.contact .simulateur-common .form-simulateur .contact-form input[type=number].form-control,
.contact .simulateur-common .form-simulateur .contact-form input[type=tel].form-control,
.contact .simulateur-common .form-simulateur .contact-form input[type=email].form-control{
    padding: 7px 10px;
    line-height: 18px;
    font-size: 14px;
    height: auto;
    border: 1px solid #e1dcd5;
}

.contact .simulateur-common .form-simulateur .contact-form .optin {
    margin-top: 1em;
}

.contact .simulateur-common .form-simulateur .contact-form .optin #validOptinNex,
.contact .simulateur-common .form-simulateur .contact-form .optin #validOption,
.contact .simulateur-common .form-simulateur .contact-form .optin label.radio-inline {
    display: inline-block;
    width: 10%;
    padding: 0;
    margin: 0;
    font-size: 85%;
    text-transform: inherit;
}

.contact .simulateur-common .form-simulateur .contact-form .optin #validOptinNex,
.contact .simulateur-common .form-simulateur .contact-form .optin #validOption {
    width:80%;
    font-size: 85%;
    text-transform: inherit;
}
form.simulateur-form .etape-2-actions {
    text-align: center;
    display: block;
}


.form-champs-oblig {
    clear: both;
}

.simulateur-form #send_form {
    width:50%;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1px;
    border: 0;
    border-radius: 3px;
    background-color: #d01c34;
    color: #FFFFFF;
    padding: 10px 5px;
}

.disclaimer-visio {
    clear: both;
    text-align: right;
    margin-bottom: 20px;
    width: 100%;
    padding-left: 50%;
}

.simulateur-form.visio #send_form:hover
{
    background-color: #43596b;
    color: #fff;
}

.simulateur-common h1,
.simulateur-common h2,
.simulateur-common .iframe_h1,
.simulateur-common .iframe_subtitle_h2,
.simulateur-common h3{
    color: #43596b;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}

.simulateur-common p.has-error {
    margin: -19px 0 5px;
    padding: 8px 13px 11px;
    color: #D01C35!important;
    background-color: #f7ebed;
}

header.header-simulateur-type {
    margin-top: 10px;
    max-width: 600px;
}


header.header-simulateur-type.header-bouvard h1,
header.header-simulateur-type.header-bouvard .iframe_h1 {
    font-size: 37px;
}

header.header-simulateur-type.header-bouvard h1.iframe,
header.header-simulateur-type.header-bouvard .iframe_h1.iframe {
    font-size: 31px;
}

.mobile header.header-simulateur-type.header-bouvard h1,
.mobile header.header-simulateur-type.header-bouvard .iframe_h1 {
    font-size: 29px;
    line-height: 29px;
    display: block;
}

.mobile header.header-simulateur-type.header-bouvard h1 strong,
.mobile header.header-simulateur-type.header-bouvard .iframe_h1 strong {
    display: block;
}

.mobile header.header-simulateur-type.header-bouvard h1.iframe-title,
.mobile header.header-simulateur-type.header-bouvard .iframe_h1.iframe-title {
    width: auto;
    font-size: 24px;
}

.mobile header.header-simulateur-type.header-bouvard h1.iframe-title strong,
.mobile header.header-simulateur-type.header-bouvard .iframe_h1.iframe-title strong {
    display: inline;
}

.mobile header.header-simulateur-type.header-bouvard h2,
.mobile header.header-simulateur-type.header-bouvard .iframe_subtitle_h2 {
    margin: 0;
    display: block;
    text-align: center;
}

.mobile header.header-simulateur-type h2.iframe-subtitle, .mobile header.header-simulateur-type .iframe_subtitle_h2.iframe-subtitle {
    font-size: 100%;
}

.mobile .iframe-partenaire header.header-simulateur-type.header-bouvard h2,
.mobile .iframe-partenaire header.header-simulateur-type.header-bouvard .iframe_subtitle_h2{
    font-size: 14px;
    line-height: 14px;
    margin-top: 5px;
}

header.header-simulateur-type.header-bouvard h2,
header.header-simulateur-type.header-bouvard .iframe_subtitle_h2{
    top:0;
}

header.header-simulateur-type img {
    float: left;
    transform: rotate(-14deg);
    margin: 0 25px;
}

.mobile header.header-simulateur-type.header-bouvard img {
    margin: -4px 0 0 15px;
    width: 65px;
}

header.header-pinel img {
    width: 85px;
    height: 60px;
    transform: none;
    margin: 0 15px;
}

header.header-retraite img {
    width: 65px;
    height: 60px;
    transform: none;
    margin: 0 15px;
}

header.header-simulateur-type.header-bouvard img {
    transform: none;
    margin: 0 15px 0 0;
}

header.header-simulateur-type.header-retraite img {
    transform: none;
    width: 60px;
    right:0;
    top:0;
    margin-right:5px;
}

header.header-ptz img {
    width: 48px;
}

header.header-simulateur-type h1,
header.header-simulateur-type .iframe_h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
}

header.header-simulateur-type h1, header.header-simulateur-type h2, header.header-simulateur-type h3,
header.header-simulateur-type .iframe_h1, header.header-simulateur-type .iframe_subtitle_h2 {
    color: #43596b;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}


header.header-pinel h1, header.header-pinel .iframe_h1 {
    color:#064E66;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}

header.header-simulateur-type h1 strong, header.header-simulateur-type .iframe_h1 strong{
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-weight: bold;
}

header.header-simulateur-type h2, header.header-simulateur-type .iframe_subtitle_h2 {
    color: #D01C35;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    margin-top: -6px;
}

header.header-simulateur-type h2.retraite, header.header-simulateur-type .iframe_subtitle_h2.retraite {
    font-size: 13px;
    font-size: 1rem;
    margin:5px 15px;

}

header.header-pinel h2, header.header-pinel .iframe_subtitle_h2 {
    font-size: 18px;
}

header.header-simulateur-type h2 strong, header.header-simulateur-type .iframe_subtitle_h2 strong {
    font-size: 18px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-weight: bold;
}

header.header-simulateur-type h2:before, header.header-simulateur-type .iframe_subtitle_h2:before {
    display:inline-block;
    border-top:1px solid #BFBFBF;
    content: '';
    width: 146px;
    height: 5px;
    vertical-align: middle;
    margin-right: 10px;
}

header.header-simulateur-type .text, .page .content .container .page-content .text p {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 17px;
    margin-top: 10px;
    line-height: 20px;
}

.simulateur-common nav {
    display: none;
}

.contact .simulateur-common .mentions, .contact .simulateur-common .hide {
    display:none;
    padding-left: 5px;
}

.contact .simulateur-common .etape8 .mentions {
    display:block;
}

.simulateur-common .sub-container.first .label-radio {
    cursor: default;
    color: #FFFFFF;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

.col-md-12 {
    width: 100%;
}


.col-md-8 {
    width: 66.6667%;
}

.col-md-6 {
    width: 50%;
}

.col-md-4 {
    width: 33.3333%;
}

.contact-pinel, .contact-retraite {
    max-width: 620px;
}
.contact-pinel .faps .gratis {
    background-color:#ec8306;
}
.contact-pinel .faps .quick {
    background-color: #f9a80e;
}
.contact-pinel .faps .nice {
    background-color: #eac92c;
}
.contact-bouvard .faps .gratis {
    background-color: #586A1D;
}
.contact-bouvard .faps .quick {
    background-color: #72843D;
}
.contact-bouvard .faps .nice {
    background-color: #97962E;
}
.contact-retraite .faps .gratis {
    background-color: #0F607B;
}
.contact-retraite .faps .quick {
    background-color: #2F738A;
}
.contact-retraite .faps .nice {
    background-color: #398EAA;
}

.desktop .contact-bouvard .faps li {
    width: calc( (100% / 3) - 27px );
    padding: 15px 17px;
}

.contact-pinel .simulateur-intro.style_personnalise_couleur {
    padding:0 15px 0 0;
    font-size: 14px;
}

.contact-pinel .simulateur-intro.style_personnalise_couleur  p {
    font-size: 14px;
    text-align: left;
}

.dispo-pinel {
    margin-bottom:10px;
}

.dispo-pinel li {
    margin-left: 20px;
    margin-top: 4px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
}

.dispo-pinel li:before {
    content: "\2022";
    position: absolute;
    left: -15px;
    font-size: 1rem;
}

.simulateur-common .form-simulateur .label-radio, .pinel .form-simulateur .label-radio {
    text-align: center;
    position: relative;
}

.simulateur-common .form-simulateur .radio-content label, .pinel .form-simulateur .radio-content label {
    width: auto;
    display: inline-block;
    padding: 12px 14px;
}

.pinel #sliderContainer.etape5 .progress .amount,
.bouvard #sliderContainer.etape5 .progress .amount {
    width:98%;
}

span.error_list, .has-error{
    color:#CC042D !important;
    display:block;
    font-weight:bold;
}

.clearboth{clear:both;}

.mobile-title {
    display: inline-block;
    width: 73%;
    vertical-align: middle;
}

.iframe-title {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 34px;
    line-height: 2.125rem;
    color: #43596b;
}

/* SURCHARGES BOUVARD */

.contact-bouvard {
    max-width: 628px;
}

.resultat-bouvard .simulateur-form h2.encart, .resultat-bouvard .simulateur-form .iframe_subtitle_h2.encart {
    position: relative;
    top: 25px;
}

.page-content #contact-form-container.resultat-bouvard .form-simulateur .phrase_accroche strong,
.recap-resultat .col-md-2 {
    color: #586A1D;
}

.page-content #contact-form-container.resultat-bouvard .pinel-result .form-simulateur .phrase_accroche {
    color: #43596b;
    border-bottom: solid 15px #586A1D;
    padding: 70px 85px 50px 85px;
}

.mobile .page-content #contact-form-container.resultat-bouvard .pinel-result .form-simulateur .phrase_accroche {
    padding: 25px;
    color: #333;
}

.mobile .page-content #contact-form-container.resultat-bouvard .pinel-result .form-simulateur .phrase_accroche strong:first-child {
    display: block;
    color: #333;
    margin-bottom: 1em;
}

.page .content .container .page-content .resultat-bouvard .pinel-result .phrase_accroche:after,
.mobile .resultat-bouvard .pinel-result .phrase_accroche:after {
    border-top-color:#586A1D;
}

.resultat-bouvard .pinel-result .expand .item-header h2.donnees,
.mobile .resultat-bouvard .pinel-result .expand .item-header h2.donnees,
.resultat-bouvard .pinel-result .expand .item-header .iframe_subtitle_h2.donnees,
.mobile .resultat-bouvard .pinel-result .expand .item-header .iframe_subtitle_h2.donnees,
.mobile .resultat-bouvard .pinel-result .expand.rappel {
    background-color: #586A1D;
}

.resultat-bouvard .pinel-result .form-simulateur .radio-content :hover + label,
.resultat-bouvard .pinel-result .form-simulateur .radio-content :checked + label,
.resultat-bouvard .pinel-result .simulateur-tabs-button input[type="button"] {
    background-color: #586A1D;
    border-color: #586A1D;
}

.resultat-bouvard .recap-resultat .col-md-9 {
    padding-left: 45px;
}

.mobile .resultat-bouvard .recap-resultat .col-md-9,
.mobile .resultat-bouvard .recap-resultat .col-md-2 {
    padding-left: 10px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.mobile .resultat-bouvard .recap-resultat .col-md-9 {
    width: calc(71% - 10px)!important;
}

.mobile .resultat-bouvard .recap-resultat .col-md-2 {
    width: calc(31% - 10px)!important;
}

.resultat-bouvard .recap-resultat .col-md-2 {
    padding-left: 15px;
    font-weight: bold;
}

.resultat-bouvard .recap-resultat .row {
    font-weight: normal;
}

.resultat-bouvard .form-simulateur .title-lvl3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 0 5%;
    color:#666;
}

.mobile .resultat-bouvard .form-simulateur .title-lvl3 {
    padding: 0;
    font-size: 1.2em;
}

.resultat-bouvard .pinel-result .col-md-7.recap-graphique-chiffre {
    width: 68% !important;
    margin-top: 25px;
    padding-left: 15px;
    float: right;
}

.resultat-bouvard #chartdiv {
    height: 165px;
    width: 30%;
    padding: 0;
}

.mobile .resultat-bouvard .pinel-result .col-md-7.recap-graphique-chiffre,
.mobile .resultat-bouvard #chartdiv,
.mobile .col-md-5.chart {
    width: 100% !important;
    float: none;
    display: block;
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre li{
    font-weight: normal;
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre li.locataire .col-md-3 {
    color: #CCC;
}

.resultat-bouvard .pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .locataire {
    background-color: #CCC;
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre li.impots .col-md-3 {
    color: #586A1D;
}

.resultat-bouvard .pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .gain-ir {
    background-color: #586A1D;
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre li.epargne .col-md-3 {
    color: #b6bf00;
}

.resultat-bouvard .pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .epargne {
    background-color: #b6bf00;
}

.mobile .contact.resultat-bouvard .row {
    width:calc(100% + 30px)
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre .col-md-6,
.col-md-7.recap-graphique-chiffre .col-md-6 {
    width: 35%;
    margin-left: 15px
}

.resultat-bouvard .recap-graphique .row ul.recap-graphique-chiffre .col-md-3,
.col-md-7.recap-graphique-chiffre .col-md-3 {
    padding-left: 15px;
    width: 30%;
}

.iframe-partenaire header.header-simulateur-type.header-bouvard img {
    margin-left: 10px;
}

.mobile .iframe-partenaire header.header-simulateur-type.header-bouvard img {
    margin-left: 20px;
}

.iframe-partenaire header.header-simulateur-type.header-bouvard h2:before,
.iframe-partenaire header.header-simulateur-type.header-bouvard .iframe_subtitle_h2:before{
    display: none;
}

.iframe-partenaire header.header-simulateur-type.header-bouvard h2,
.iframe-partenaire header.header-simulateur-type.header-bouvard .iframe_subtitle_h2 {
    font-size: 18px;
}

.contact-bouvard .savoir-plus-pinel h2,
.contact-bouvard .savoir-plus-pinel .iframe_subtitle_h2,
.contact-bouvard .savoir-plus-pinel .simulateur-intro{
    margin-bottom: 1em;
}

.contact-bouvard.contact .simulateur-common .form-simulateur .contact-form .optin label.radio-inline {
    vertical-align: top;
}

.contact-bouvard.contact .radio-list .radio {
    margin-top: -2px;
}

.mobile .etape1 .top-nav .no-return {
    display: none;
}
.mobile .etape1 .top-nav .one-button {
    width:100%;
}

.mobile .retraite-result .simulateur-common .form-simulateur .radio-content label {
    margin:0;
}

.mobile .simulateur-retraite .form-simulateur .radio-content label {
    width:97%;
}

.mobile .simulateur-common.simulateur-retraite .form-simulateur .radio-content #nxt_sim_retraite_nbEnfant label,
.mobile .simulateur-common.simulateur-retraite .form-simulateur .radio-content #nxt_sim_retraite_nbEnfantCharge label
{
    width:28%;
}
.mobile .simulateur-retraite .form-simulateur .radio-content #nxt_sim_retraite_evolutionSalaire label {
    width:44%;
}

.mobile .simulateur-retraite #nxt_sim_retraite_dateTravail {
    text-align:center;
}

.button-ml {
    margin-left:5px;
}

.mobile .simulateur-retraite #nxt_sim_retraite_dateTravail,
.mobile .simulateur-retraite #nxt_sim_retraite_dateNaissance select
{
    width:100%;
    margin-top:2px;
    height:40px;
}

.mobile .simulateur-common.simulateur-retraite #sliderContainer.etape10 .contact-form {
    height: auto;
}

div.intro-retraite {
    font-size: 14px;
    font-size: 1rem;
    color: #57585b;
    margin: 20px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}

.intro-invest {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    padding: 20px;
    text-align:left;
}

.mobile span.intro-invest {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 12px;
    font-size: 0.925rem;
    left: 15px;
}
.mobile .pinel .etape1 .sub-container.first, .mobile .etape2 .sub-container.first, .mobile .etape3 .sub-container.first, .mobile .etape4 .sub-container.first, .mobile .etape5 .sub-container.first, .mobile .etape6 .sub-container.first, .mobile .etape7 .sub-container.first, .mobile .etape8 .sub-container.first, .mobile .etape10 .sub-container.first {
    /*height:65px;*/
}
.mobile .etape9 .sub-container.first {
    height:80px;
}
.contact.contact-pinel .mentions {
    margin-top: 2em;
}
.double-line-on-simulateur {
    font-size: 14px;
}
.simulateur-common .form-simulateur .form-case .row {
    margin-left: -10px;
}
.modal-register {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: -15px;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-register.popin {
    display: block;
}
.modal-register-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #fefefe;
    margin: 3% auto 0;
    border: 1px solid #888;
    border-bottom: none;
    width: 100%;
    max-width: 650px;
    overflow: hidden;
}
.modal-register-header .modal-close {
    margin-right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
}

.modal-register-header .modal-close:hover,
.modal-register-header .modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal-register-content {
    background-color: #fefefe;
    margin: 0 auto 3% auto;
    border: 1px solid #888;
    border-top: none;
    width: 100%;
    max-width: 650px;
    overflow: hidden;
}
.mobile .contact-form {
    padding-left: 10px;
}
ul, li {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    position: static;
}
body {
    position: static;
}

.page .content .container .page-aside:empty {
    display: none;
}

.optinNexity .radio-list, .optinNexity + .row .radio-list {
    display: grid;
    grid-template-columns: 80% 10% 10%;
    justify-items: left;
    font-size: 13px;
}

#validOptinNex, #validOption {
    width: 100%;
}

#simulateur_pinel_nbEnfant, #nxt_sim_ptz_nbPersonne, .numbers {
    display: inline-flex;
    justify-content: space-around;
    flex: 1;
    padding: 0 10%;
    max-width: 100%;
    flex-wrap: wrap;
}

.sub-container .form-simulateur .radio-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-simulateur .radio-content.display-none {
    display: none;
}

.form-simulateur .radio-content.column {
    flex-direction: column;
    align-items: flex-start;
}

.form-simulateur .radio-content.column .type_approche {
    width: 100%;
}

@media only screen and (max-width : 450px) {
    .contact form.simulateur-common,
    .simulateur-common .sub-container {
        width: auto;
    }
}

.simulateur-common .form-simulateur .form-case .row.form-checkbox-container-rgpd {
    display: flex;border-color: #e71010;border-width: 1px;border-style: none;margin-left: 1px;padding: 5px;
}

.col-md-11.label-rgpd {
    font-size: 13px;
    color: #3F586E;
    margin-left: -12px;
}

.col-md-1.input-rgpd {
    width: 16px;
    margin-top: -23px;
    padding-top: 0px;
    padding-top: -30px;
    margin-right: 34px;
    margin-left: -14px;
}

.form-actions.form-and-rgpd-bouton {
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}

@media all and (max-width: 768px) {
    .input-rgpd {
        width: 7%;
        margin-top: -19px;
    }
    .label-rgpd {
        margin-left: 23px;
        margin-top: 9px;
    }
}

.ppi .titre {
    margin-top: 50px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    width: 100%;
    font-weight: normal;
}

.ppi .titre.mobile {
    line-height: 32px;
    font-size:24px;
    text-align: center;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}

.ppi .titre.desk {
    text-align: left;
    line-height: 40px;
    font-size:32px;
}

.ppi .bloc-jaune {
    font-family:'Metric','Trebuchet MS',sans-serif;
    width:100%;
    display:flex;
    justify-content: space-between;
    background-color: #fff385;
    padding-bottom: 50px;
    margin-top: 30px;
}

.ppi .bloc-jaune .bloc-svg.mobile {
    width: 50%;
    margin: 25%;
    margin-top: 32px;
    margin-bottom: 46px;
}

.ppi .bloc-jaune .bloc-svg.mobile .large-svg, .ppi .bloc-jaune .bloc-svg.desk .large-svg {
    width: 100%;
}

.ppi .bloc-jaune .bloc-svg.desk {
    width: 45%;
    margin-top: 50px;
    margin-left: 32px;
    margin-right: 30px;
}

.ppi .bloc-jaune .bloc-texte  {
    background-color: #fff385;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-top:20px;
}

.ppi .bloc-jaune .bloc-texte.mobile  {
    margin: 0%;
    margin-top: -30px;
    padding-left: 10%;
}

.ppi .bloc-jaune .bloc-texte .niveau-1 {
    width: 90%;
    font-size: 16px;
    line-height:24px;
}

.ppi .bloc-jaune .bloc-texte .niveau-1 span {
    font-weight: 900;
}

.ppi .bloc-jaune .bloc-texte.mobile .niveau-1 {
    width: 90%;
    font-size: 16px;
    line-height:24px;
}

.ppi .bloc-jaune .bloc-texte.mobile .niveau-1 span {
    font-weight: 900;
}

.ppi .bloc-jaune .bloc-texte .niveau-1.mobile {
    text-align: center;
}

.ppi .bloc-jaune .bloc-texte .niveau-1.mobile span {
    font-weight: 900;
}

.ppi .bloc-jaune .bloc-texte .niveau-1.desk span, .ppi .bloc-jaune .bloc-texte .niveau-1.mobile span {
    font-weight: 900;
}

.ppi .bloc-jaune .bloc-texte .niveau-2 {
    width: 90%;
    text-align:right;
    font-weight: 900;
    margin-bottom:-40px;
}

.ppi .bloc-jaune .bloc-texte .niveau-2  span {
    line-height: 24px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: black;
    font-size: 16px;
}


.ppi .bloc-jaune .bloc-texte .niveau-2.mobile  {
    text-align: center;font-weight: 900;margin-bottom: -20px;margin-top: 24px;
}

.ppi .bloc-jaune .bloc-texte .niveau-2.mobile span {
    line-height: 24px;border-bottom-style: solid;border-bottom-width: 2px; border-bottom-color: black; font-size: 16px
}


.ppi .barre-noire-1 {
    width:100%;display:flex; flex-direction: row; justify-content: space-between;  background-color: white;margin-bottom:-10px;
}

.ppi .barre-noire-2 {
    margin-bottom:20px; width:100%;background-color: black;height: 10px; align-items: center;margin-left: 5px;margin-right: 5px;
}


.ppi-ml {
    width: 100%;font-size: 10px;line-height:12px;text-align: left;font-family: 'Johan','Trebuchet MS',sans-serif;font-weight: normal;margin-bottom:40px;
}