.simulateur-remboursement {
  margin: 25px 0 30px;
  padding: 27px 30px 24px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Johan','Trebuchet MS',sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #57585b;
  border: 1px solid #e1dcd5;
}

.simulateur-remboursement .prix {
    margin-top: 20px;
    font-size: 110%;
    line-height: 2.125rem;
    color: #d01c34;
}

.form-pouvoir-achat {
  padding: 27px 30px 30px;
  border: 1px solid #e1dcd5;
  margin: 0 0 40px;}
  .form-pouvoir-achat .title {
    display: block;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #57585b; }
  .form-pouvoir-achat .pouvoir-achat-content {
    display: table;
    margin: 0 0 40px;
    width: 100%; }
  .form-pouvoir-achat .col {
    display: table-cell;
    padding-left: 10px;
    width: 50%; }
    .form-pouvoir-achat .col:first-child {
      padding: 0 10px 0 0; }
  .form-pouvoir-achat .duree {
    margin: -20px 0 0;
    font-size: 0; }
    .form-pouvoir-achat .duree li {
      display: inline-block;
      width: 33.33%;
      height: 50px;
      border-collapse: collapse;
      border: 1px solid #e1dcd5; }
      .form-pouvoir-achat .duree li a {
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Johan','Trebuchet MS',sans-serif;
        font-size: 16px;
        font-size: 1rem;
        line-height: 50px;
        line-height: 3.125rem;
        color: #57585b; }
      .form-pouvoir-achat .duree li.current, .form-pouvoir-achat .duree li:hover {
        background: #d01c34;
        border-color: #d01c34; }
        .form-pouvoir-achat .duree li.current a, .form-pouvoir-achat .duree li:hover a {
          color: white; }
  .form-pouvoir-achat .simulateur-graphique {
    padding: 10px 0; }
    .form-pouvoir-achat .simulateur-graphique img {
      width: 100%; }
  .form-pouvoir-achat .details {
    border-top: 1px solid #e1dcd5; }
    .form-pouvoir-achat .details li {
      display: block;
      padding: 15px 0;
      font-size: 0;
      border-bottom: 1px solid #e1dcd5;
      overflow: hidden; }
      .form-pouvoir-achat .details li span {
        display: inline-block;
        font-family: 'Johan','Trebuchet MS',sans-serif;
        font-size: 18px;
        font-size: 1.045rem;
        line-height: 24px;
        line-height: 1.5rem;
        color: #57585b; }
        @media all and (max-width: 870px) {
          .form-pouvoir-achat .details li span {
            font-size: 14px;
            font-size: 0.875rem; } }
      .form-pouvoir-achat .details li .part {
        float: right;
        text-align: right;
        width: 20%; }
      .form-pouvoir-achat .details li .montant {
        float: right;
        text-align: right;
        width: 32%;
        font-weight: bold; }
      .form-pouvoir-achat .details li .type {
        position: relative;
        float: left;
        padding-left: 30px; }
        .form-pouvoir-achat .details li .type:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          line-height: 0;
          width: 22px;
          height: 22px; }
      .form-pouvoir-achat .details li.apport .montant, .form-pouvoir-achat .details li .montant span {
        color: #a69a81; }
      .form-pouvoir-achat .details li.apport .type:before, .form-pouvoir-achat .details li.apport .type:before span {
        background-color: #a69a81; }
      .form-pouvoir-achat .details li.ptz .montant, .form-pouvoir-achat .details li.ptz .montant span {
        color: #cfce02; }
      .form-pouvoir-achat .details li.ptz .type:before, .form-pouvoir-achat .details li.ptz .type:before span  {
        background-color: #cfce02; }
      .form-pouvoir-achat .details li.pret .montant, .form-pouvoir-achat .details li.pret .montant span {
        color: #43596b; }
      .form-pouvoir-achat .details li.pret .type:before, .form-pouvoir-achat .details li.pret .type:before span {
        background-color: #43596b; }
  .form-pouvoir-achat .base {
    margin: 0 0 20px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #57585b; }
  .form-pouvoir-achat .btn {
    display: block;
    margin-bottom: 3px;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 45px;
    line-height: 2.8125rem;
    border: 0;
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -ms-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s; }
    @media all and (max-width: 1010px) {
      .form-pouvoir-achat .btn {
        width: 48%;
        font-size: 16px;
        font-size: 1rem; } }
   .btn.nouvelle-simulation:hover {
    color: black;
    background: white;
    border: 1px solid #57585b; }
    .btn.nouvelle-simulation {
      color: white;
      background: #d01c34;
      border: 1px solid #d01c34; }
  .form-pouvoir-achat .btn.enregistrer {
    float: right;
    color: white;
    background: #d01c34; }
    .form-pouvoir-achat .btn.enregistrer:hover {
      background: #8e9ba6; }

.tab-links{width:100%;display:table;}
    .tab-links .onglet{display:inline-block;width:25%;text-transform:uppercase;text-align:center;padding:0 0 2%;}
        .tab-links .onglet a{color:#8E8E8E;}
    .tab-links .active{border-bottom:3px solid #CD042E;color:#CD042E;}
        .tab-links .active a{color:#CD042E;}

.simulateur-cta{
    margin-bottom:30px;
}

.tab-cta{width:100%;display:table;border-bottom:1px solid #F0F0F0;}
    .tab-cta .onglet{display:inline-block;position:relative;z-index:1;width:33%;text-transform:uppercase;text-align:center;padding:2% 0%;cursor:pointer;}
        .tab-cta .onglet .txt-top{font-size: 18px;font-size: 1.125rem;}
        .tab-cta .onglet .txt-bottom{font-size: 15px;font-size: 0.9375rem;}
        .tab-cta .onglet #hide-onglet-bottom{position:absolute;z-index:2;height:1px;width:100%;background:white;bottom:-1px;text-align:center;}
        .tab-cta .onglet #hide-onglet-bottom img{position:absolute;left:45%;}

    .tab-cta .active{border-left:1px solid #F0F0F0;border-top:1px solid #F0F0F0;border-right:1px solid #F0F0F0;color:#CD042E;margin-left:0.5%;margin-right:0.5%;}


.tab-content{padding-bottom:3%;}
.tab{display:none;}
.tab.active{display:block;}
.simulateur-tabs-button {text-align: center;}
.simulateur-tabs-button input[type="button"]{margin-bottom: 0px;color: white;background: #d01c34;text-align: center;text-transform: uppercase;border: 0;font-weight: bold;line-height: 25px;line-height: 1.42857;-moz-transition: background 0.15s;-ms-transition: background 0.15s;-o-transition: background 0.15s;-webkit-transition: background 0.15s;transition: background 0.15s;padding: 6px 12px;}

.page .content .container .page-content .phrase_accroche{background:#fafafa;width:100%;padding:5% 8%;color:#D01C34;font-size:18px;margin-bottom:30px;box-shadow: 0px 0px 3px #ccc;}
.page .content .container .page-content .ptz-result .phrase_accroche{margin-top: -5%;margin-bottom:45px;padding:10% 10% 5% 8%;color:#57585b;border-bottom:10px solid #0098c3}
.page .content .container .page-content .ptz-result .phrase_accroche:after{
    content: "";
    width:0;
    height:0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 20px solid #0098c3;
    position: absolute;
    left: calc(50% - 22px);
    bottom: -28px;
    display:  none;
}

#slider.ui-widget-content {
    background: #d4d4d4;
    height: 4px;
    border-radius: 15px;
}
div#slider {
    width: 90%;
    margin: 10% 5%;
}

div#slider label{
    position:absolute;
    width:100px;
    margin-left:-25px;
    margin-top:20px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size:13px;
    font-size:0.825rem;
    font-weight:bold;
}
div#curseur_epargne{
    position:absolute;
    top:-40px;
    left:-33px;
    background-color:#43596b;
    color:#FFF;font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size:1.1em;
    width:75px;
    height:28px;
    line-height:28px;
    letter-spacing:1px;
    border-radius:3px;
}
div#curseur_epargne:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #43596b;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -10px;
}

div#curseur_epargne div{
    position:absolute;
    width:100%;
    height:35px;
    background-position: 32px 28px;
    background-repeat: no-repeat;
    margin:0 auto;
    text-align: center;
}

.label-left {
    left:0%;
}
.label-right {
    left: 100%;
}


.message-slide {
    font-size: 12px;
    line-height: 12px;
    font-size: 0.9rem;
    line-height: 0.9rem;
}
.capacite_epargne {
    color: #0098c3;
}
.retraite-result h4 {
    text-align:center;
    margin-bottom:40px;
}

.retraite-result .sub-container.first {
    margin-bottom: 5px;
    background-color: #43596b;
    border: 1px solid #CCC;
    height: 42px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #fff;
    padding-top:9px;
}

.phrase_accroche.epargne .form-case {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    z-index: 20;
    border: solid 1px #ccc;
}

.form-simulateur .phrase_accroche.epargne .form-element {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    z-index: 50;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 5px;
}

.retraite-result .form-simulateur .phrase_accroche.epargne .form-element {
    min-height:170px;
}

.page .content .container .page-content .retraite-result .phrase_accroche{
  margin-top: -5%;
  margin-bottom: 45px;
  padding: 10% 10% 5% 8%;
  color: #57585b;
  border-bottom: 10px solid #0098c3;
}

.page .content .container .page-content .retraite-result .phrase_accroche.epargne {
    margin-top: 0;
    padding: 3%;
}

.page .content .container .page-content .retraite-result .phrase_accroche:after {
    content: "";
    width:0;height:0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 20px solid #0098c3;
    position: absolute;
    left: calc(50% - 22px);
    bottom: -28px;
}

.retraite-result .form-case {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    white-space: normal;
    background: none;
    padding: 1em .8em;
    margin: 0;
}

.retraite-result .form-element {
    display: block;
    width: auto;
    margin: 0;
}
.retraite-result .label-radio {
    padding: 0;
    width: 75%;
}
.retraite-result .radio-content label {
    width: auto;
    padding: 12px 14px;
    margin: 0 10px;
}
.retraite-result .form-element {
    position: relative;
    display: inline-flex;
    justify-content:center;
    align-items:center;
    width: 100%;
}
.retraite-result .form-simulateur input[type="number"] {
    width: 50%;
}
.retraite-result  .simulateur-tabs-button {
    margin-top: 15px;
}

.page .content .container .page-content .phrase_accroche strong{font-size:20px;font-size:1.25rem;}

.recap-resultat{width: 100%;margin-bottom: 40px;}
.recap-resultat .row{border-bottom: 1px dashed #f0f0f0;padding: 0 0 5px;font-weight:bold;color: #333;}
.retraite-result .recap-resultat .row {font-weight:normal;}
.retraite-result .recap-resultat,
.ptz-result .recap-resultat{
    margin-bottom: 30px;
}
.retraite-result .recap-resultat .row,
.ptz-result .recap-resultat .row {
    height:30px;
}

.retraite-result .recap-resultat .col-md-8,
.ptz-result .recap-resultat .col-md-8 {
  padding-left:8%
}

.ptz-result .recap-resultat .col-md-4 {
  padding-left:12%;
  font-family: 'Johan','Trebuchet MS',sans-serif;
  font-weight: bold;
  color: #0098c3;
}

.retraite-result .recap-resultat .col-md-4 {
    padding-left:12%;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    color: #0098c3;
}

.retraite-result .expand.rappel,
.ptz-result .expand.rappel {
    margin: 0;
}
.retraite-result .expand .item-header,
.ptz-result .expand .item-header {
    padding: 0px;
}
.retraite-result .expand .item-header h2.title-lvl-2,
.ptz-result .expand .item-header h2.title-lvl-2 {
    margin:0;
    padding: 9px 15px;
}

.retraite-result .expand .item-header h2.donnees,
.ptz-result .expand .item-header h2.donnees {
    background-color: #0098c3;
    color: #FFF;
}

.retraite-result .expand .item-header h2.donnees img,
.ptz-result .expand .item-header h2.donnees img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}
.retraite-result .expand .item-header .arrow,
.ptz-result .expand .item-header .arrow {
    top:26px;
}

.retraite-result .col-md-8.deficit-estime {
    font-weight:bold;
    line-height:11px;
    line-height:0.9rem;

}
.retraite-result .deficit-estime span {
    font-size: 11px;
    font-size: 0.625rem;
    font-weight:normal;
}

.pinel-result .recap-resultat{margin-bottom: 30px;}
.pinel-result .simulateur-tabs-button input[type="button"]{margin-bottom: 0px;color: white;background: #EA9D11;text-align: center;text-transform: uppercase;border: 0;font-weight: bold;line-height: 25px;line-height: 1.42857;-moz-transition: background 0.15s;-ms-transition: background 0.15s;-o-transition: background 0.15s;-webkit-transition: background 0.15s;transition: background 0.15s;padding: 6px 12px;}
.page .content .container .page-content .pinel-result .phrase_accroche{margin-bottom:45px;padding:10% 10% 5% 8%;color:#E79F0F;border-bottom:10px solid #0098c3}
.page .content .container .page-content .pinel-result .phrase_accroche:after{
    content: "";
    width:0;height:0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 20px solid #EA9D11;
    position: absolute;
    left: calc(50% - 22px);
    bottom: -28px;
}
.pinel-result .recap-resultat .row {height:30px;}
.pinel-result .recap-resultat .col-md-8 {padding-left:8%}
.pinel-result .recap-resultat .col-md-4 {padding-left:12%;font-family: 'Johan','Trebuchet MS',sans-serif;font-weight:bold;color: #0098c3;}

.pinel-result .expand.rappel {
    margin: 0;
}
.pinel-result .expand .item-header {padding: 0px;}
.pinel-result .expand .item-header h2.title-lvl-2 {
    margin:0;
    padding: 9px 15px;
}
.pinel-result .expand .item-header h2.donnees {
    background-color: #EA9D11;
    color: #FFF;
}
.pinel-result .expand .item-header h2.donnees img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}
.pinel-result .expand .item-header .arrow {
    top:26px;
}

.simulateur-form .nexity_selection{
    margin: 20px 0 40px;
    padding:0;
    background-color:transparent;
}

.simulateur-form span.title-lvl-2 {
    margin:10px;
    text-transform: uppercase;
    color: #43596b;
    display: block;
    font-size: 1.1em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    background-color: #FBFBFB;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    padding: 30px;
    text-align: center;
}

.simulateur-form .nexity_selection .link_bien_correspond img{
    width: 100%;
}
.simulateur-form .nexity_selection .button_bien_correspond{
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #cc042d;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -ms-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
}
.simulateur-form .nexity_selection .button_bien_correspond:hover{
    background-color: #57585b;
}
.simulateur-form .nexity_selection .button_bien_correspond img{
    display: inline;
}

.recap-graphique{width:100%;}
.recap-graphique .row ul.recap-graphique-chiffre{margin-top: 44px;}
.recap-graphique .row ul.recap-graphique-chiffre li{padding-bottom: 13px;border-bottom: 1px dashed #F0F0F0;font-weight:bold;}
.recap-graphique .row ul.recap-graphique-chiffre li .montant{color: #b6bf00;}

.recap-parametre{background: #F6F6F6;width: 100%;padding: 5% 8%;font-size: 16px;font-size: 1rem;color: #43596b;margin-bottom: 25px;font-weight: bold;}
.recap-parametre .titre{font-size: 18px;font-size: 1.125rem;}
.recap-parametre .list-parametre{font-size: 15px;font-size: 0.9375rem;margin-bottom: 25px;}
.recap-parametre .list-parametre .parametre{margin-left: 25px;padding: 4px 0px;}
.recap-parametre .mentions-simulateur{font-size: 15px;font-size: 0.9375rem;}


.square{width: 18px;height: 18px;display: block;}
    .square.locataire{background: #43596B;}
    .square.gain-ir{background: #A69A81;}
    .square.epargne{background: #CFCE02;}

.pinel-result {
    color:#43596b;
}

.pinel-result .square.locataire {background: #DDD;}
.pinel-result .square.gain-ir  {background: #EA9D11;}
.pinel-result .square.epargne {background: #CFCE02;}



.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .locataire {
    color:#DDD;
}
.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li  .gain-ir {
    color:#EA9D11;
}
.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li  .epargne {
    color:#CFCE02;
}

/*.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .montant{color: #EA9D11;}*/


        .pinel-result .recap-parametre .mentions-simulateur{margin-bottom:20px;}

    .recap-parametre .titre{text-transform: uppercase;margin-bottom: 15px;}

    .mentions-dispositif{width: 100%;font-weight: bold;}
        .mentions-dispositif .list-dispositif{font-size: 14px;font-size: 0.875rem;}
            .mentions-dispositif .list-dispositif .dispositif{margin-left: 25px;padding: 2px 0px;}



.pinel-result .simulateur-cta{
    margin:0;
}
.page-content #contact-form-container .pinel-result .form-simulateur .phrase_accroche  {
    background-color:#FBFBFB;
    border-bottom: solid 15px #EA9D11;

}
.page-content #contact-form-container .pinel-result .form-simulateur .phrase_accroche p {
    margin-bottom:30px;
    color:#57585b;
    font-size: 16px;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}
.pinel-result .phrase_accroche strong.exergues, .pinel-result .col-md-3 {
    color:#EA9D11;
}

.pinel-result .tab-cta .active, .pinel-result .txt-top, .pinel-result .tab-cta .onglet .txt-bottom {
    color: #57585b;
}

.pinel-result .active {
    background-color:#FBFBFB;
}

.pinel-result .col-md-7.recap-graphique-chiffre {
    width:100%!important;
}

.retraite-result .ui-slider-horizontal .ui-slider-handle {
    top: -.2em;
}
.retraite-result .ui-slider .ui-slider-handle {
    width: 0.5em;
    height: 0.5em;
}

.retraite-result .form-simulateur .radio-content .nb_enfant label {
    width: auto;
    margin: 2px 5px 0 5px;
}

.retraite-result .chartsGroup {
    text-align:center;
    margin-bottom:20px;
}

.retraite-result .charts {
    text-align: center;
}

.retraite-result #loadingChart {
    display:none;
    margin: auto;
}

.retraite-result .chart-style {
    height:300px;
    display:inline-block;
}

#chartdiv {
    width:60%;
}
#patrimoine {
    width:40%;
}

.retraite-result .chart-caption-style  {
    height:60px;
    display:inline-block;
    text-align:center;
    vertical-align:top;
}
#chartdivCaption {
    width:60%;
}
#patrimoineCaption {
    width:40%;
}

.img-maison {
    position: absolute;
    left: 76%;
    z-index: 10;
    bottom: 84px;
}

.plus-patrimoine {
    position: absolute;
    background-color: #B13637;
    color: #fff;
    padding: 5px 10px;
    left: 71%;
    top: 2%;
    z-index: 10;
    text-transform: uppercase;
    box-shadow: 0px 0px 3px #000;
}

.tab-links{width:100%;display:table;}
.tab-links .onglet{display:inline-block;width:25%;text-transform:uppercase;text-align:center;padding:0 0 2%;}
.tab-links .onglet a{color:#8E8E8E;}
.tab-links .active{border-bottom:3px solid #CD042E;color:#CD042E;}
.tab-links .active a{color:#CD042E;}

.simulateur-cta{margin-bottom:30px;}
.tab-cta{width:100%;display:table;border-bottom:1px solid #F0F0F0;}
.tab-cta .onglet{display:inline-block;position:relative;z-index:1;width:33%;text-transform:uppercase;text-align:center;padding:2% 0%;cursor:pointer;}
.tab-cta .onglet .txt-top{font-size: 18px;font-size: 1.125rem;}
.tab-cta .onglet .txt-bottom{font-size: 15px;font-size: 0.9375rem;}
.tab-cta .onglet #hide-onglet-bottom{position:absolute;z-index:2;height:1px;width:100%;background:white;bottom:-1px;text-align:center;}
.tab-cta .onglet #hide-onglet-bottom img{position:absolute;left:45%;}

.tab-cta .active{border-left:1px solid #F0F0F0;border-top:1px solid #F0F0F0;border-right:1px solid #F0F0F0;color:#CD042E;margin-left:0.5%;margin-right:0.5%;}


.tab-content{padding-bottom:3%;}
.tab{display:none;}
.tab.active{display:block;}
.simulateur-tabs-button {text-align: center;}
.simulateur-tabs-button input[type="button"]{margin-bottom: 0px;color: white;background: #d01c34;text-align: center;text-transform: uppercase;border: 0;font-weight: bold;line-height: 25px;line-height: 1.42857;-moz-transition: background 0.15s;-ms-transition: background 0.15s;-o-transition: background 0.15s;-webkit-transition: background 0.15s;transition: background 0.15s;padding: 6px 12px;}

.content .container .page-content .simulateur-form { max-width:600px;}
.content .container .page-content .phrase_accroche{background:#fafafa;width:100%;padding:5% 8%;color:#D01C34;font-size:18px;font-size:1.125rem;margin-bottom:30px;box-shadow: 0px 0px 3px #ccc;}
.content .container .page-content .ptz-result .phrase_accroche{margin-top: -5%;margin-bottom:45px;padding:10% 10% 5% 8%;color:#57585b;border-bottom:10px solid #0098c3}
.content .container .page-content .ptz-result .phrase_accroche:after{
    content: "";
    width:0;height:0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 20px solid #0098c3;
    position: absolute;
    left: calc(50% - 22px);
    bottom: -28px;
}
.content .container .page-content .phrase_accroche strong{font-size:20px;font-size:1.25rem;}

.recap-resultat{width: 100%;margin-bottom: 40px;}
.recap-resultat .row{border-bottom: 1px dashed #f0f0f0;padding: 0 0 5px;font-weight:bold;color: #333;}
.ptz-result .recap-resultat{margin-bottom: 30px;}
.ptz-result .recap-resultat .row {height:30px;}
.ptz-result .recap-resultat .col-md-8 {padding-left:8%}
.ptz-result .recap-resultat .col-md-4 {padding-left:12%;font-family: 'Johan','Trebuchet MS',sans-serif;font-weight:bold;color: #0098c3;}
.ptz-result .expand.rappel {
    margin: 0;
}
.ptz-result .expand .item-header {padding: 0px;}
.ptz-result .expand .item-header h2.title-lvl-2 {
    margin:0;
    padding: 9px 15px;
}
.ptz-result .expand .item-header h2.donnees {
    background-color: #0098c3;
    color: #FFF;
}
.ptz-result .expand .item-header h2.donnees img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}
.ptz-result .expand .item-header .arrow {
    top:26px;
}

.pinel-result .expand.rappel {
    margin: 0;
}
.pinel-result .expand .item-header {padding: 0px;}
.pinel-result .expand .item-header h2.title-lvl-2 {
    margin:0;
    padding: 9px 15px;
}
.pinel-result .expand .item-header h2.donnees {
    background-color: #EA9D11;
    color: #FFF;
}
.pinel-result .expand .item-header h2.donnees img {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}
.pinel-result .expand .item-header .arrow {
    top:26px;
}

.ptz-result .nexity_selection{
    margin: 20px 0 40px;
    padding:0;
    background-color:transparent;
}
.ptz-result .nexity_selection .link_bien_correspond img{
    width: 100%;
}
.ptz-result .nexity_selection .button_bien_correspond{
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #cc042d;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -ms-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
}
.ptz-result .nexity_selection .button_bien_correspond:hover{
    background-color: #57585b;
}
.ptz-result .nexity_selection .button_bien_correspond img{
    display: inline;
}

.recap-graphique {
    width:100%;
}
.recap-graphique .row ul.recap-graphique-chiffre{
    margin-top: 44px;
}
.recap-graphique .row ul.recap-graphique-chiffre li{
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 1px dashed #F0F0F0;
    font-weight:bold;
    margin: 0;
}

.square{width: 18px;height: 18px;display: block;}
.square.locataire{background: #43596B;}
.square.gain-ir{background: #A69A81;}
.square.epargne{background: #CFCE02;}

.recap-graphique .row ul.recap-graphique-chiffre li .montant{color: #b6bf00;}

.content .container .page-content .pinel-result .phrase_accroche {margin-top: 0;margin-bottom:45px;padding:10% 10% 5% 8%;color:#57585b;border-bottom:10px solid #0098c3}

.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li .locataire {
    color:#DDD;
}
.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li  .gain-ir {
    color:#EA9D11;
}
.pinel-result .recap-graphique .row ul.recap-graphique-chiffre li  .epargne {
    color:#CFCE02;
}

.resultat-pinel .recap-graphique .row ul.recap-graphique-chiffre li.epargne,
.resultat-pinel .recap-resultat .row.epargne{
    border-bottom-color: rgb(207, 206, 2);
}

.recap-parametre{background: #F6F6F6;width: 100%;padding: 5% 8%;font-size: 16px;font-size: 1rem;color: #43596b;margin-bottom: 25px;font-weight: bold;}
.recap-parametre .titre{font-size: 18px;font-size: 1.125rem;}
.recap-parametre .list-parametre{font-size: 15px;font-size: 0.9375rem;margin-bottom: 25px;}
.recap-parametre .list-parametre .parametre{margin-left: 25px;padding: 4px 0px;}

.recap-parametre .mentions-simulateur{font-size: 15px;font-size: 0.9375rem;}

.recap-parametre .titre{text-transform: uppercase;margin-bottom: 15px;}

.mentions-dispositif{width: 100%;font-weight: bold;}
.mentions-dispositif .list-dispositif{font-size: 14px;font-size: 0.875rem;}
.mentions-dispositif .list-dispositif .dispositif{margin-left: 25px;padding: 2px 0px;}


body .content .container-account p.error-msg, .content .container-account p.error-msg-cogn { color: #cc042d; margin: 0 0 20px; }
.content .container-account .has-error { border: 1px solid #cc042d !important; }
.content .container-account input[type="radio"].has-error { background-color: #FFD2DB !important; }
.content .container-account .cgu_row.has-error { color: #D01C34 !important; }
.content .container-account .cgu_row.has-error label a{ color: #D01C34 !important; }
.content .container-account .loader { border: 7px solid #e8e8e8;  border-top: 7px solid #d22238; border-radius: 50%; width: 40px; height: 40px; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 1s linear infinite; margin: 0 auto 15px; }
@keyframes spin{ 0% {transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@-webkit-keyframes spin{ 0% {transform: rotate(0deg);} 100%{transform: rotate(360deg);} }
@-moz-keyframes spin{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@-ms-keyframes spin{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@-o-keyframes spin{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }

.content .container-account .block-close { position: absolute; text-decoration: underline; right: -20px; top: -22px; cursor: pointer; }
.content .container-account .button { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 100%; height: 40px; text-transform: uppercase; font-size: 15px; line-height: 22px; border-radius: 3px; cursor: pointer; border: none; }
.content .container-account .controls { display: flex;align-items: center; margin-bottom: 10px; background-color: #ffffff; border: 1px solid #e1dcd5; border-radius: 3px; padding: 7px 10px; width: 280px; height: 40px; }
.content .container-account .controls label { padding-right: 10px; border-right: 1px solid #dddddd; margin-right: 8px; text-align: center; display: inline-block; margin-bottom: 0; }

.content .container-account .yes-no { text-align: right; font-size: 12px; font-weight: bold; color: rgba(75, 75, 75, 0.5); border-bottom: 1px solid #e8e8e8; margin: 20px 0 10px; }
.content .container-account .yes-no .yes { margin-right: 30px; }

.content .container-account .optins { display: flex; justify-content: space-between; border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; padding-bottom: 10px; max-width: 280px; }
.content .container-account .optins label { color: #57585b; font-size: 14px; line-height: 16px; flex: 2; }
.content .container-account .optins .radios { display: flex; justify-content: flex-end; margin-right: 2px; flex: 1; }
.content .container-account .optins .radios input { height: 16px; width: 16px; }
.content .container-account .optins .radios input:first-child { margin-right: 33px; }

.content .container-account .cgu_row { display: flex; margin-bottom: 30px; max-width: 280px; }
.content .container-account .cgu_row .box { margin-right: 10px; }
.content .container-account .cgu_row .box  input { appearance: none; height: 16px; width: 16px; }
.content .container-account .cgu_row .text { font-size: 14px; line-height: 16px; color: #57585b; }
.content .container-account .cgu_row .text a { text-decoration: underline; }

.content .container-account .controls input { width: 280px; border: none; }
.content .container-account .controls label.label-lock, .controls label.label-cp { padding: 0 12px 0 2px; }
.content .container-account .controls label .picto { font-size: 15px; }
.content .container-account .controls label .picto-lock { font-size: 20px; }

.content .container-account { margin: 45px 0 30px; max-width: 600px; border: 1px solid #d4d4d4; border-radius: 4px; padding: 25px 30px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.34); }

.content .container-account .container-register { display: flex; flex-direction: row; justify-content: space-between; max-height: 1000px; opacity: 1; transition: all 0.5s ease-in-out; }
.content .container-account .container-register .block-left { max-width: 190px; }
.content .container-account .container-register .block-left .title { text-transform: none; color: #0098c3; margin-bottom: 25px; }
.content .container-account .container-register .block-left .details,
.content .container-account .container-register .block-left .list { color: #a8a8a8; }
.content .container-account .container-register .block-right { max-width: 280px; }
.content .container-account .container-register .block-right form { display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; }
.content .container-account .container-register .block-right .requirements { text-align: center; margin: 0 auto 5px; font-size: 13px; color: #57585b; line-height: 14px; max-width: 240px; display: block; }
.content .container-account .mandatory { position: absolute; left: 0; bottom: -20px; font-size: 12px; margin-left: 25px; max-height: 100px; transition: all 0.5s ease-in-out; }

.content .container-account .container-folded { display: flex; flex-direction: row; justify-content: space-between; max-height: 1000px; opacity: 1; transition: all 0.5s ease-in-out; }
.content .container-account .container-folded .title { text-transform: none; color: #0098c3; width: 240px; font-size: 18px; line-height: 18px; }
.content .container-account .container-folded .button.blue-button { width: 145px; font-size: 18px; background-color: #0098c3; color: #ffffff; text-transform: none; margin: 0}

.content .container-account .mandatory.not-shown,
.content .container-account .container-register.not-shown,
.content .container-account .container-folded.not-shown { opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; }


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

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

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