@charset "UTF-8";
/*@function linear-gradient($pos, $gradients...) {
  $type: linear;
  $pos-type: type-of(nth($pos, 1));

  // if $pos doesn't exist, fix $gradient
  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
    $gradients: zip($pos $gradients);
    $pos: false;
  }

  $type-gradient: $type, $pos, $gradients;
  @return $type-gradient;
}*/
.cjf-conso {
  background-color: #e7e7e7;
  /*custom helpers for cjf*/
  /* end helpers */
  /*global*/
  /* end global*/
  /*********************/
  /** DEMANDE DE PRET **/
  /*********************/ }

.cjf-conso .form-control[placeholder]:not([value]) {
  color: #735c5c; }

.cjf-conso .form label.ml {
  padding-top: 0;
  font-family: "Open Sans"; }

@media screen and (max-width: 768px) {
  .cjf-conso .mob-100 {
    padding-right: 0; } }

.cjf-conso .disabled .input-number .controls {
  background-color: #f0f0f0; }

.cjf-conso select.form-control:not(.selected) {
  color: #212121; }

.cjf-conso .cjf-demande-pret p {
  color: #212121; }

.cjf-conso .cjf-demande-pret em.error {
  white-space: normal; }

.cjf-conso .progression .legende-etape span {
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans";
  font-weight: normal; }

.cjf-conso .form-info.mbl p {
  font-size: 15px;
  color: #767676; }

.cjf-conso .help-text-popup {
  min-width: 275px; }

.cjf-conso .wb-pad {
  padding: rem(15) rem(25); }

.cjf-conso .wb-pad label.mfs15 {
  font-family: "Open Sans"; }

.cjf-conso .gris-moyen-1 {
  color: #999999; }

.cjf-conso .gris-clair-1 {
  color: #dcdfe0; }

.cjf-conso .violet-1 {
  color: #993ba7; }

.cjf-conso .violet-2 {
  color: #7e50a8; }

.cjf-conso .help-text-container {
  position: relative;
  top: rem(5);
  left: rem(0) !important; }

.cjf-conso .help-text-container .circle-container {
  color: #9b9b9b; }

.cjf-conso .help-text-container .popover-content p {
  font-family: "Open Sans";
  font-weight: 600;
  color: #212121; }

.cjf-conso .circle.circle-small,
.cjf-conso .help-text-container .circle {
  color: #9b9b9b;
  font-family: "Open Sans";
  border: 1.8px solid #9b9b9b;
  margin-left: 5px; }

.cjf-conso .disabled {
  opacity: 0.6;
  pointer-events: none; }

.cjf-conso .wrapper {
  background-color: #e7e7e7;
  padding: 30px; }

@media screen and (min-width: 769px) {
  .cjf-conso .wrapper {
    padding: rem(14) 6.25rem rem(85); } }

.cjf-conso .wrapper.cjf-demande-pret {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.cjf-conso .header-page {
  background: url("../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/header-bg.jpg") no-repeat !important;
  background-size: cover !important;
  width: 100%; }

.cjf-conso .header-page .breadcrumb {
  position: relative;
  top: -0.5rem;
  font-size: 13px;
  line-height: 1.54;
  color: #fff !important;
  font-weight: normal !important; }

.cjf-conso .header-page .step {
  background: -webkit-gradient(linear, left top, left bottom, from(#d262a5), to(#8051a7));
  background: linear-gradient(180deg, #d262a5, #8051a7);
  text-align: center;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  height: 40px;
  width: 40px !important;
  border-radius: 100%;
  padding-top: 6px;
  margin: 0.5em 1.25em 0 0; }

.cjf-conso .form .custom-select,
.cjf-conso .form .custom-select2 {
  margin-top: 0; }

.cjf-conso .form .custom-select:after,
.cjf-conso .form .custom-select2:after {
  background-position: center -13px;
  background-size: 92%;
  border-left: 1px solid #ccc; }

.cjf-conso input.form-control {
  font-family: "Open Sans";
  margin-bottom: 0;
  color: #212121;
  font-size: 15px; }

.cjf-conso .form-ligne-titre {
  padding-bottom: 6px; }

.cjf-conso .form-ligne-titre h3 {
  font-family: "Open Sans";
  color: #212121;
  text-transform: inherit;
  font-size: rem(17); }

@-moz-document url-prefix() {
  .cjf-conso .form .custom-select:after,
  .cjf-conso .form .custom-select2:after {
    background: url("../../../../content/dam/mabanque/rsc/contrib/image/moz-select.png") no-repeat center top;
    height: 47px;
    width: 40px;
    top: 0; } }

.cjf-conso fieldset label {
  font-size: 15px;
  letter-spacing: normal;
  font-weight: 600;
  color: #212121;
  font-family: "Open Sans"; }

@media screen and (max-width: 320px) {
  .cjf-conso fieldset label {
    width: 80%; } }

.cjf-conso fieldset label .libelle {
  font-size: 13px; }

.cjf-conso fieldset [class^="field-date"] label {
  white-space: nowrap; }

.cjf-conso fieldset input.disabled,
.cjf-conso fieldset select.disabled {
  color: #999999;
  background: #f0f0f0;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f0f0f0), color-stop(98%, #ededed)) !important;
  background: linear-gradient(to bottom, #f0f0f0 1%, #ededed 98%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.06) !important;
          box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.06) !important;
  border: solid 1px #cccccc !important;
  opacity: 1 !important; }

.cjf-conso fieldset input[type="radio"]:checked + label:after {
  top: -21px; }

.cjf-conso fieldset input[type="radio"].disabled + label:before {
  background: #f0f0f0;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f0f0f0), color-stop(98%, #ededed)) !important;
  background: linear-gradient(to bottom, #f0f0f0 1%, #ededed 98%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.06) !important;
          box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.06) !important;
  border: solid 1px #cccccc !important; }

.cjf-conso fieldset input[type="radio"].disabled + label span {
  color: #999; }

.cjf-conso fieldset input[type="radio"][disabled]:checked + label:before {
  border: 1px solid #dcdfe0;
  background-color: #e7e7e7; }

.cjf-conso fieldset input[type="radio"][disabled]:checked + label:after {
  color: #999999; }

.cjf-conso fieldset input[type="text"].disabled {
  background-color: #e7e7e7; }

.cjf-conso .custom-select,
.cjf-conso .input-container {
  width: 100%;
  margin-bottom: 30px; }

@media screen and (min-width: 769px) {
  .cjf-conso .custom-select,
  .cjf-conso .input-container {
    width: 70%; } }

.cjf-conso .custom-select select {
  margin-bottom: 0;
  color: #212121;
  font-family: "Open Sans";
  font-size: 15px; }

.cjf-conso .custom-select select option {
  color: #767676; }

.cjf-conso .custom-select select.selected,
.cjf-conso .custom-select select option:checked {
  color: #767676; }

.cjf-conso h4 {
  font-size: rem(15);
  font-weight: bold;
  color: #212121;
  text-transform: inherit;
  font-family: "Open Sans";
  position: relative;
  padding: 0.5em 0 0 3.75em; }

.cjf-conso h4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px; }

.cjf-conso .emprunteur.femme,
.cjf-conso .co-emprunteur.femme {
  padding-right: 5%;
  margin-bottom: 35px; }

.cjf-conso .emprunteur.homme,
.cjf-conso .co-emprunteur.homme {
  padding-left: 5%;
  padding-right: 0;
  border-left: 1px solid #dcdfe0;
  margin-bottom: 35px; }

.cjf-conso em.error {
  white-space: nowrap; }

.cjf-conso .ptl .btn-primary {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 100px;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #28c3a9;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  padding: 12px 30px 12px 30px;
  width: 100%; }

.cjf-conso .ptl .btn-primary:hover {
  background-color: #22a58f;
  color: #fff;
  background-image: none; }

.cjf-conso .ptl .btn-third {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 100px;
  border: 1px solid #28c3a9;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  color: #28c3a9;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  padding: 12px 30px 12px 30px;
  width: 100%; }

.cjf-conso .ptl .btn-third:hover {
  background-color: #22a58f;
  color: #fff;
  background-image: none; }

.cjf-conso .ptl .btn-secondary {
  cursor: pointer;
  text-align: center;
  background-color: #f8f8f8;
  background-image: none;
  color: #212121;
  border-bottom: solid 2px #dcdfe0;
  border-radius: 21px;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  padding: 12px 30px 12px 30px;
  width: 100%;
  border: none; }

.cjf-conso .ptl .btn-secondary:hover {
  background-color: #d5d5d5;
  background-image: none; }

.cjf-conso .form .date-picker:after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: url("../../../../content/dam/mabanque/rsc/contrib/image/generique/sprite-form.png") center -200px;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 12px;
  opacity: 0.6; }

.cjf-conso .bloc-disclaimer {
  margin-top: 10px;
  padding-top: 20px; }

.cjf-conso .bloc-disclaimer label,
.cjf-conso .bloc-disclaimer p {
  font-family: "Open Sans";
  font-size: 13px;
  color: #212121; }

.cjf-conso .bloc-disclaimer p {
  margin: 0; }

.cjf-conso .bloc-disclaimer .form [type="checkbox"]:checked + label.ml:before,
.cjf-conso .bloc-disclaimer .form [type="checkbox"]:not(:checked) + label.ml:before {
  height: 20px;
  width: 20px;
  border-radius: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 0.08);
          box-shadow: inset -1px 1px 2px 1px rgba(0, 0, 0, 0.08);
  border: solid 1px #cccccc;
  background-color: #fff; }

.cjf-conso .bloc-disclaimer .form [type="checkbox"]:checked + label.ml:after,
.cjf-conso .bloc-disclaimer .form [type="checkbox"]:not(:checked) + label.ml:after {
  content: "\e603";
  font-family: iconbnp;
  background-color: #d66d6d00;
  top: 8px;
  color: #7e50a8;
  left: 3px;
  border-radius: 2px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

.cjf-conso .bloc-disclaimer .form [type="checkbox"]:checked + label.ml,
.cjf-conso .bloc-disclaimer .form [type="checkbox"]:not(:checked) + label.ml {
  padding-left: 40px;
  padding-top: 0; }

.cjf-conso .bloc-disclaimer label.ml p:first-child {
  font-weight: bold; }

.cjf-conso .bloc-disclaimer label.ml a {
  text-decoration: underline; }

.cjf-conso .bloc-disclaimer label.ml a:hover {
  text-decoration: none; }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] {
    margin: auto -15px !important; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .compte-de-rattachement .custom-select {
  width: 100%; }

@media screen and (min-width: 992px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .compte-de-rattachement .custom-select {
    width: 80%; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil p,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale p,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees p,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement p {
  font-size: 15px;
  margin-bottom: 0;
  padding-right: 0;
  font-family: "Open Sans"; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil p.title,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale p.title,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees p.title,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement p.title {
  color: #333; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil p.violet-2,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale p.violet-2,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees p.violet-2,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement p.violet-2 {
  font-weight: 600;
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil .form-info {
  margin: 0 -20px;
  border-bottom: #e7e7e7 solid 1px;
  padding: 15px 30px 30px;
  background-color: #fff; }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil .form-info {
    margin: 0 -25px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil .form-info .icon {
  font-size: 2rem; }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil .emprunteur > div[class^="field"] p,
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .etat-civil .co-emprunteur > div[class^="field"] p {
    margin-top: 30px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .emprunteur.femme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .co-emprunteur.femme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .emprunteur.homme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .co-emprunteur.homme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .emprunteur.femme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .co-emprunteur.femme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .emprunteur.homme,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .co-emprunteur.homme {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .emprunteur.femme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .co-emprunteur.femme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .emprunteur.homme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .co-emprunteur.homme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .emprunteur.femme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .co-emprunteur.femme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .emprunteur.homme h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .co-emprunteur.homme h4 {
  margin-bottom: 35px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .custom-select,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .situation-familiale .input-container,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .custom-select,
.cjf-conso .form[name="form-cjf-conso-demande-pret"] .mon-logement .input-container {
  margin-bottom: 40px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees {
  padding-bottom: 30px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees label {
  font-size: 15px;
  font-weight: 600;
  color: #212121;
  font-family: "Open Sans"; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .form-info {
  margin: 0 -20px;
  border-top: #e7e7e7 solid 1px;
  padding: 20px 30px 15px;
  margin-top: 15px; }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .form-info {
    margin: 0 -25px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .form-info .icon {
  font-size: 2rem;
  position: relative;
  top: 20px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .emprunteur-coordonnees .deskphone-column {
  position: relative; }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .emprunteur-coordonnees .deskphone-column .deskphone-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .emprunteur-coordonnees .deskphone-column .deskphone-section .or-element {
  text-align: center;
  padding: 15px 15px 0;
  margin: 0 auto; }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .emprunteur-coordonnees .deskphone-column .deskphone-section .or-element {
    padding: 0 0 0 18%; } }

@media screen and (min-width: 769px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret"] .coordonnees .emprunteur-coordonnees .mobile-column {
    padding-left: 5%;
    padding-right: 0; } }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] {
    margin: auto -15px !important; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] em.error {
  display: block;
  width: 130%; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .input-container.join-input {
  width: 60%; }

@media screen and (min-width: 545px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .input-container.join-input {
    width: 80%; } }

@media screen and (min-width: 992px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .input-container.join-input {
    width: 50%; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .join-montant {
  width: 40%; }

@media screen and (min-width: 545px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .join-montant {
    width: 20%; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .join-montant span.form-control {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.8;
  color: #9b9b9b; }

@media screen and (min-width: 992px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .periode-revenus-fixe div label span {
  font-weight: 400; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .periode-revenus-fixe input[type="radio"]:checked + label:after {
  top: -19px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .periode-revenus-fixe [type="radio"]:checked + label:before {
  border: solid 1px #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .periode-revenus-fixe [type="radio"]:checked + label:after,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .periode-revenus-fixe [type="radio"]:not(:checked) + label:after {
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .co-emprunteur {
  position: relative; }

@media screen and (min-width: 992px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels .co-emprunteur .total-box {
    position: absolute;
    bottom: 0;
    width: calc(96% - 1.66667rem); } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .situation-professionelle #nom_employeur,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .situation-professionelle #nom_employeur-2 {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .situation-professionelle #date-entree-emprunteur,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .situation-professionelle #date-entree-emprunteur-2 {
  color: #212121; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .periode-revenus-fixe {
  margin-bottom: 30px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] [name^="nom_employeur"] .input-container {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .visible-xs {
  display: block; }

@media screen and (min-width: 421px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .visible-xs {
    display: none; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .total-box {
  margin-top: 10px;
  border-radius: 3px;
  background-color: rgba(126, 80, 168, 0.08);
  text-align: center; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .total-box .total-box-titre {
  margin: 0;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 1.54;
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .total-box .total-box-details {
  margin: 12px 0 0 0;
  font-family: "Open Sans";
  font-size: 19px;
  font-weight: bold;
  line-height: 0.91;
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-2"] .total-box .total-box-details .little-details {
  font-size: 15px; }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"],
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"],
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] {
    margin: auto -15px !important; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .rendez-vous p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .rendez-vous p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .rendez-vous p {
  font-size: 15px;
  padding-right: 0;
  font-family: "Open Sans"; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .rendez-vous p.title,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .rendez-vous p.title,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .rendez-vous p.title {
  color: #333; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .rendez-vous p.violet-2,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .rendez-vous p.violet-2,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .rendez-vous p.violet-2 {
  font-weight: 600;
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .form-info,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .form-info,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .form-info {
  margin: 0 -25px;
  border-bottom: #e7e7e7 solid 1px;
  padding: 0 30px 30px;
  margin-top: 15px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .form-info .icon,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .form-info .icon,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .form-info .icon {
  font-size: 2rem;
  position: relative;
  top: 3px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .form-info.rdv-urgent,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .form-info.rdv-urgent,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .form-info.rdv-urgent {
  margin: 30px 0 0 !important;
  border-bottom: #e7e7e7 solid 1px;
  padding: 20px 30px;
  margin-top: 15px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .form-info.rdv-urgent .icon,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .form-info.rdv-urgent .icon,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .form-info.rdv-urgent .icon {
  font-size: 2rem;
  position: relative;
  top: 15px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .form-info.rdv-urgent p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .form-info.rdv-urgent p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .form-info.rdv-urgent p {
  font-size: 15px;
  margin-bottom: 0;
  padding-right: 0;
  font-family: "Open Sans"; }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .confirmation,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .confirmation,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .confirmation {
    padding: 25px 25px 0;
    text-align: left; } }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .confirmation .icon-form-confirm,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .confirmation .icon-form-confirm,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .confirmation .icon-form-confirm {
    display: inline-block; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .confirmation .big,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .confirmation .big,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .confirmation .big {
  margin-top: 10px; }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .confirmation .big,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .confirmation .big,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .confirmation .big {
    display: inline-block;
    padding-left: 35px;
    position: relative;
    top: -20px;
    margin-top: inherit; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .confirmation .big p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .confirmation .big p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .confirmation .big p {
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: 600;
  color: #212121;
  margin: 0; }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .field-choix,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .notif,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .field-choix,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .notif,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .field-choix,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .notif {
    padding-left: 135px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3"] .field-choix p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-ineligible"] .field-choix p,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-3-confirmation"] .field-choix p {
  margin: 10px 0; }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] {
    margin: auto -15px !important; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .bloc-disclaimer {
  padding-bottom: 20px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .bloc-disclaimer .form [type="checkbox"]:checked + label.ml,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .bloc-disclaimer .form [type="checkbox"]:not(:checked) + label.ml {
  margin: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .bloc-disclaimer label.ml p:first-child {
  font-weight: 700;
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .renvois-container {
  margin-top: 40px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .renvois-container p {
  font-family: "Open Sans";
  font-size: 13px;
  margin: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents {
  padding-bottom: 30px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents i.icon-pdf {
  font-size: 22px;
  width: 22px;
  height: 22px;
  color: #1b9b5b;
  margin-right: 15px;
  margin-left: -2px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents a {
  text-decoration: underline;
  font-size: 13px;
  font-weight: 600;
  color: #00915a;
  font-family: "Open Sans"; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents p {
  font-size: 13px;
  font-family: "Open Sans";
  color: #212121; }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents .pull-left:last-child {
    float: inherit; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives p {
  font-family: "Open Sans"; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives .pj-info-complementaire {
  font-size: 13px;
  color: #212121; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives .pj-elem {
  font-size: 13px;
  font-weight: 600;
  color: #767676; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives .emprunteur,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives .co-emprunteur {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif {
  padding-bottom: 25px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif.wb-pad {
  padding: 20px 20px 25px; }

@media screen and (max-width: 320px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif.wb-pad {
    padding: 1rem 1rem; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .top-section {
  margin-bottom: 55px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header {
  padding-top: 16px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header .title {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  margin: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header .subtitle {
  font-family: "Open Sans";
  font-size: 13px;
  color: #212121;
  margin: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-taeg .help-text-container {
  display: inline-block; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-taeg,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-cout,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-assurance {
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  color: #7e50a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-taeg span:first-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-cout span:first-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-assurance span:first-child {
  font-weight: 600; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-taeg span:last-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-cout span:last-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .header-assurance span:last-child {
  font-weight: bold; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite span {
  text-transform: lowercase; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite:nth-child(4) {
  padding-top: 6px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-cout,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-assurance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite span:first-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg span:first-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-cout span:first-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-assurance span:first-child {
  font-family: "Open Sans";
  font-size: 13px;
  color: #767676; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite span:last-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg span:last-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-cout span:last-child,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-assurance span:last-child {
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  color: #767676;
  text-align: right; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-mensualite img,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg img,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-cout img,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-assurance img {
  display: none; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .taeg-fixe,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .cout-total-credit {
  border-top: 1px solid #f2f2f2;
  padding-top: 18px;
  padding-bottom: 18px; }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .taeg-fixe,
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .cout-total-credit {
    padding-right: 30px;
    padding-left: 10px; } }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .mensualite {
    padding-right: 30px;
    padding-left: 10px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .mensualite .header-mensualite {
  padding-top: 18px;
  font-size: 20px;
  font-family: "Open Sans";
  font-weight: bold;
  color: #7e50a8;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .mensualite .header-mensualite .header-mensualite-montant {
  font-size: 26px;
  text-align: right; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .mensualite .header-mensualite .header-mensualite-montant .header-mensualite-duree {
  font-size: 15px;
  font-weight: 600; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container {
  border-radius: 10px;
  background-color: rgba(126, 80, 168, 0.08);
  padding: 30px;
  position: relative; }

@media screen and (max-width: 420px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container {
    padding: 30px 10px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .icon-container {
  position: absolute;
  top: -28px;
  left: 20px; }

@media screen and (min-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .icon-container {
    left: 55px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .header {
  padding-top: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .mensualite-assurance {
  padding-top: 3px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .mensualite-assurance .header-assurance span:first-child {
  font-size: 16px;
  font-weight: bold; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .mensualite-assurance .header-assurance span:last-child {
  font-weight: bold;
  font-size: 16px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .mensualite-assurance .header-assurance span:last-child .header-assurance-duree {
  font-size: 13px;
  font-weight: 600; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs {
  border-top: 1px solid #fff;
  margin-top: 10px;
  padding-top: 25px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .emprunteur,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .co-emprunteur {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .emprunteur h4,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .co-emprunteur h4 {
  margin-top: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .emprunteur.homme,
.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .co-emprunteur.homme {
  border-left: 1px solid #fff; }

@media screen and (max-width: 768px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .co-emprunteur {
    border-left: 0;
    border-top: 1px solid #fff;
    padding-left: 0;
    padding-top: 25px; } }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt span:first-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea span:first-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.cout span:first-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt-2 span:first-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea-2 span:first-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.cout-2 span:first-child {
  font-size: 15px;
  color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt span:last-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea span:last-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.cout span:last-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt-2 span:last-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea-2 span:last-child, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.cout-2 span:last-child {
  font-size: 15px;
  color: #7e50a8;
  font-weight: 600; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt-2 {
  margin-bottom: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.taea-2 {
  margin-top: 20px;
  margin-bottom: 22px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.formule, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.formule-2 {
  margin-top: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance .help-text-container {
  display: inline-block; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance .help-text-container .circle.circle-small {
  text-align: center;
  color: #767676; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .ptl .btn-primary {
  margin-top: 0 !important; }

@media screen and (min-width: 992px) {
  .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .ptl .btn-primary {
    margin-left: 0;
    margin-top: 20px !important; } }

.cjf-conso.hasNoCoEmprunteur .form[name="form-cjf-conso-demande-pret-etp-4"] .assurance-emprunteurs .emprunteur,
.cjf-conso.hasNoCoEmprunteur .form[name="form-cjf-conso-demande-pret-etp-4"] .pieces-justificatives .emprunteur {
  width: 100%;
  padding-right: 0; }

.cjf-conso#idHeaderCapri .cjf-home.refonte .header-page h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 300;
  font-stretch: condensed;
  margin-bottom: 25px; }

.cjf-conso#idHeaderCapri .form-info {
  background-color: #fff; }

.cjf-conso#idHeaderCapri .situation-familiale .input-container .reset-input {
  top: 33px; }

.cjf-conso#idHeaderCapri .jour-prelevement [type="radio"]:checked + label:after,
.cjf-conso#idHeaderCapri .jour-prelevement [type="radio"]:not(:checked) + label:after {
  color: #7e50a8 !important;
  top: -19px;
  left: 0px; }

.cjf-conso#idHeaderCapri .jour-prelevement [type="radio"]:checked + label:before,
.cjf-conso#idHeaderCapri .jour-prelevement [type="radio"]:not(:checked) + label:before {
  border-color: solid 1px #7e50a8 !important; }

.cjf-conso#idHeaderCapri #contenuDemandePret.assurance.cjf-home .btn-secondary {
  margin-top: 0; }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte #idSection.cjf-assurance.new,
.cjf-conso#idHeaderCapri .validation-demande-pret #idSection.cjf-assurance.new {
  padding: 30px; }

@media screen and (min-width: 769px) {
  .cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte #idSection.cjf-assurance.new,
  .cjf-conso#idHeaderCapri .validation-demande-pret #idSection.cjf-assurance.new {
    max-width: 1024px !important;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 992px) {
  .cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte #idSection.cjf-assurance.new,
  .cjf-conso#idHeaderCapri .validation-demande-pret #idSection.cjf-assurance.new {
    max-width: 1024px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0.93333rem 6.25rem 5.66667rem; } }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte.emprunteur .white-box.third .recommandation .selection-assurance .col-2.profil-elt:first-child,
.cjf-conso#idHeaderCapri .validation-demande-pret.emprunteur .white-box.third .recommandation .selection-assurance .col-2.profil-elt:first-child {
  border-right: 0;
  margin-right: 2%;
  padding-right: 15px; }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte .btn-primary,
.cjf-conso#idHeaderCapri .validation-demande-pret .btn-primary {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 100px;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #28c3a9;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image: none;
  padding: 12px 30px 12px 30px;
  width: 100%; }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte .btn-primary:hover,
.cjf-conso#idHeaderCapri .validation-demande-pret .btn-primary:hover {
  background-color: #22a58f;
  color: #fff;
  background-image: none; }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte .btn-secondary,
.cjf-conso#idHeaderCapri .validation-demande-pret .btn-secondary {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  text-align: center;
  background-color: #f8f8f8;
  background-image: none;
  color: #212121;
  border-bottom: solid 2px #dcdfe0;
  border-radius: 21px;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  padding: 12px 30px 12px 30px;
  width: 100%;
  border: none; }

.cjf-conso#idHeaderCapri #contenuDemandePret.cjf-home.refonte .btn-secondary:hover,
.cjf-conso#idHeaderCapri .validation-demande-pret .btn-secondary:hover {
  background-color: #d5d5d5;
  background-image: none; }

.cjf-conso#idHeaderCapri .validation-demande-pret {
  padding: 30px; }

@media screen and (min-width: 769px) {
  .cjf-conso#idHeaderCapri .validation-demande-pret {
    max-width: 1024px !important;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 992px) {
  .cjf-conso#idHeaderCapri .validation-demande-pret {
    max-width: 1024px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0.93333rem 6.25rem 5.66667rem; } }

.cjf-conso#idHeaderCapri .validation-demande-pret .btn-primary#button-confirmation-finish {
  width: auto; }

.cjf-conso#idHeaderCapri .validation-demande-pret .white-box.confirmation .souscription {
  background-color: #fff !important; }

.wcm-fil-ariane.style-default.alt-breadcrumb.souscription.part .wcm-fil-ariane-header {
  display: none; }

h4.main-emp-title::before {
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/icon-emprunteur.svg); }

h4.main-emp-title-co::before {
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/icon-emprunteur.svg);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

h4.main-emp-title-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  gap: 10px; }

h4.main-emp-title-2::before {
  position: static;
  left: 0;
  width: auto;
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/icon-emprunteurs.svg); }

div.ia-top-banner {
  background-color: #faf9f9; }

div.ia-top-banner .ia-utilities > li {
  height: auto; }

div.ia-top-banner .ia-utilities > li button {
  border-radius: 3px;
  background-color: #008854;
  font-size: 13px;
  margin-top: 0;
  background-image: none; }

#ia-capri .circle-small {
  color: #767676;
  border-color: #767676; }

.bold {
  font-weight: bold; }

.header-page {
  background: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/header-bg.jpg) no-repeat;
  background-size: cover; }

.cjf-conso .wrapper.cjf-demande-pret {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

h3 {
  height: 18px;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #212121;
  text-transform: none; }

.total-box {
  margin-top: 10px;
  border-radius: 3px;
  background-color: rgba(126, 80, 168, 0.08);
  text-align: center; }

.total-box .total-box-titre {
  margin: 0;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 1.54;
  color: #7e50a8; }

.total-box .total-box-details {
  margin: 0;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  line-height: 0.91;
  color: #7e50a8; }

.total-box .total-box-details .little-details {
  font-size: 15px; }

.wb-pad {
  padding: 40px 30px; }

button.btn-help2 {
  background-color: #008854;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 10px 15px; }

button.btn-help2::before {
  position: absolute;
  left: 7px;
  top: 14px;
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/icon-appel-conseiller.svg); }

button.btn-help2 span {
  margin-left: 35px; }

.ia-top-banner_wrapper--right .ia-utilities > li {
  height: 40px;
  -ms-flex-item-align: center;
      align-self: center; }

.popin h4 {
  padding-left: 0; }

.popin .icon-form-info {
  background-image: url(../../../../content/dam/mabanque/rsc/contrib/image/generique/form-confirm.png); }

.popin .icon-form-info.mini {
  background-image: url(../../../../content/dam/mabanque/rsc/contrib/image/generique/form-confirm-mini.png); }

.popin .modal-content .modal-footer .btn-primary {
  width: 150px; }

.fs16 {
  font-size: 16px; }

.fs17 {
  font-size: 17px; }

.priority .btn-primary:not([disabled]):hover {
  background-color: #22a58f;
  border-color: #22a58f; }

.cjf-demande-pret.mon-profil form .white-box.wb-pad {
  padding: 30px; }

.cjf-demande-pret.mon-profil form .white-box.wb-pad p {
  margin: 0 0 20px; }

.cjf-demande-pret.mon-profil form .white-box.wb-pad p.point-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px; }

.cjf-demande-pret.mon-profil form .white-box.wb-pad p.point-info i {
  width: 18px;
  height: 18px;
  border: 1px solid #a33467;
  border-radius: 20px;
  font-size: 12px;
  color: #a33467;
  text-align: center;
  margin-right: 10px; }

.cjf-demande-pret.mon-profil form .white-box.wb-pad p.point-info span {
  font-size: 13px;
  color: #767676; }

.cjf-demande-pret.mon-profil form .etat-civil fieldset h4 {
  margin-bottom: 30px; }

.cjf-demande-pret.mon-profil form .etat-civil fieldset .etat-civil-info p {
  font-family: "Open Sans";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 180px; }

.cjf-demande-pret.mon-profil form .etat-civil fieldset .etat-civil-info p:last-child {
  width: auto;
  font-size: 15px;
  font-weight: 600;
  color: #7e50a8;
  margin-left: 30px; }

.cjf-demande-pret.mon-profil form .mes-coord hr {
  width: calc(100% + 60px);
  height: 1px;
  margin: 40px 0 40px -30px;
  background-color: #dcdfe0;
  border: 0;
  padding: 0; }

.cjf-demande-pret.mon-profil form .mes-coord .numero-telephone p.col-10 {
  height: 90px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 60px;
  margin: 0 50px; }

@media screen and (max-width: 768px) {
  .cjf-demande-pret.mon-profil form .white-box.wb-pad p.point-info {
    display: block; }
  .cjf-demande-pret.mon-profil form .white-box.wb-pad p.point-info i {
    display: block;
    margin: 0 auto 20px;
    width: 23px;
    height: 23px;
    line-height: 23px; }
  .cjf-demande-pret.mon-profil form .etat-civil fieldset .etat-civil-info p {
    min-width: 146px; }
  .cjf-demande-pret.mon-profil form .etat-civil fieldset .etat-civil-info p:last-child {
    margin-left: 0; }
  .cjf-demande-pret.mon-profil form .emprunteur.homme,
  .cjf-demande-pret.mon-profil form .co-emprunteur.homme {
    padding: 0;
    margin: 0;
    border: 0; }
  .cjf-demande-pret.mon-profil form .mes-coord .numero-telephone p.col-10 {
    display: block;
    height: auto;
    margin: 40px 0;
    padding: 0;
    text-align: center; } }

.hasCoEmprunteur .form[name="form-cjf-conso-demande-pret-etp-2"] .mes-revenus-mensuels {
  display: block; }

.hasCoEmprunteur .form[name="form-cjf-conso-demande-pret-etp-2"] .total-box {
  border-radius: 8px; }

.hasCoEmprunteur .form[name="form-cjf-conso-demande-pret-etp-2"] .allocations-revenus-cumules fieldset {
  border-radius: 8px;
  border: solid 1px #dcdfe0;
  padding: 30px; }

.hasCoEmprunteur .infos-17 {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212121;
  font-family: "Open Sans";
  margin: 0; }

.introduction {
  background-color: #fff;
  padding: 70px;
  position: relative; }

@media screen and (min-width: 1200px) {
  .introduction .couple_parapluie {
    position: absolute;
    right: 5%;
    top: 0; } }

.introduction h3 {
  font-size: 24px;
  font-weight: bold;
  max-width: 557px;
  min-height: 66px;
  height: auto; }

.introduction p {
  font-family: "Open Sans"; }

.introduction > p:first-of-type {
  max-width: 557px;
  margin-bottom: 70px; }

.introduction .encadre {
  background-color: #e5f4ee;
  padding: 40px;
  border-radius: 10px; }

.introduction .encadre .title img {
  margin-top: -5px; }

.introduction .encadre .title span {
  margin-left: 10px;
  color: #008854;
  font-size: 27px;
  text-transform: uppercase;
  font-stretch: condensed;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif; }

.introduction .encadre button {
  text-decoration: underline;
  font-weight: 600;
  padding-left: 0;
  background-color: transparent; }

.introduction .encadre .chevron-down::before {
  -webkit-transform: rotate(135deg) scale(0.7);
          transform: rotate(135deg) scale(0.7);
  top: 3px; }

.introduction .encadre .toggled + .chevron-down::before {
  -webkit-transform: rotate(-45deg) scale(0.7);
          transform: rotate(-45deg) scale(0.7);
  top: 5px; }

.introduction .encadre .content li {
  margin-bottom: 15px; }

.introduction .download-notice {
  margin-top: 50px; }

.introduction .download-notice a {
  font-weight: 600;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px; }

.introduction .download-notice a .icon-download-alt::before {
  font-size: 20px; }

.introduction .download-notice a span {
  text-decoration: underline; }

.fs17 {
  font-size: 17px; }

.gris {
  color: #767676; }

.prix {
  color: #767676; }

.prix-old {
  margin-right: 17px;
  color: #767676;
  text-decoration: line-through; }

.profil-elt {
  position: relative; }

@media screen and (min-width: 768px) {
  .profil-elt + .profil-elt {
    border-left: 1px solid #dcdfe0;
    padding-left: 30px; } }

.profil-elt .pastille-prix-reduit {
  position: absolute;
  top: 0;
  font-size: 13px;
  left: 30px;
  background-color: #e5f4ee;
  font-size: 10px;
  font-weight: bold;
  color: #007e4e;
  padding: 4px 10px 3px 10px;
  text-transform: uppercase;
  border-radius: 4px; }

.form .list-formules .formule {
  position: relative;
  width: 300px;
  position: relative; }

.form .list-formules .formule.lb-box {
  padding: 0;
  border: none; }

.form .list-formules .formule:first-of-type {
  margin-top: 40px; }

.form .list-formules .formule:not(:last-of-type) {
  margin-bottom: 10px; }

.form .list-formules .formule .pastille {
  position: absolute;
  right: 20px;
  top: -15px;
  font-family: "Open Sans";
  font-size: 13px;
  background-color: #f4eaf5;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  color: #7e50a8;
  z-index: 2; }

.form .list-formules .formule input[type="radio"] + label {
  margin: 0;
  border: 1px solid #dcdfe0;
  border-left: 4px solid #993ba7;
  border-radius: 4px;
  padding: 17px 10px 15px 0;
  width: 100%; }

.form .list-formules .formule input[type="radio"] + label::before {
  top: calc(50% - 12px);
  left: 10px; }

.form .list-formules .formule input[type="radio"] + label span {
  font-weight: 600;
  font-family: "Open Sans";
  margin-left: 60px; }

.form .list-formules .formule input[type="radio"] + label .prix-old + .prix {
  margin-left: 0; }

.form .list-formules .formule input[type="radio"] + label .block {
  display: block;
  margin-bottom: 10px; }

.form .list-formules .formule input[type="radio"]:checked + label, .form .list-formules .formule input[type="radio"]:hover + label {
  border: 2px solid #7e50a8;
  border-left: 4px solid #993ba7; }

.form .list-formules .formule input[type="radio"]:checked + label::after, .form .list-formules .formule input[type="radio"]:hover + label::after {
  top: calc(50% - 34px);
  left: 10px; }

.blockDocuments .form input[type="checkbox"] + label.ml::before,
.blockConditions .form input[type="checkbox"] + label.ml::before,
.blockAdhesion .form input[type="checkbox"] + label.ml::before {
  border-radius: 3px;
  -webkit-box-shadow: inset -1px 1px 3px 3px rgba(0, 0, 0, 0.08);
          box-shadow: inset -1px 1px 3px 3px rgba(0, 0, 0, 0.08); }

.blockActions {
  margin-bottom: 20px; }

.blockConditions ul {
  font-family: "Open Sans";
  list-style-type: disc;
  margin: 0 0 41px 18px; }

.blockConditions ul li {
  margin-bottom: 15px; }

.blockConditions ul li:last-child {
  margin-bottom: 0; }

.download-notice a {
  color: #008854; }

.download-notice a span {
  font-size: 15px;
  font-family: "Open Sans";
  text-decoration: underline;
  font-weight: 600; }

@media screen and (max-width: 768px) {
  .mfs15 {
    font-size: 15px; }
  .ppi .wrapper {
    padding: 0; }
  .ppi .introduction {
    padding: 26px 10px 31px 10px; }
  .ppi .introduction .couple_parapluie {
    display: block;
    margin: 0 auto; }
  .ppi .profil-elt + .profil-elt {
    margin-top: 60px; }
  .ppi .recommandation .pastille-prix-reduit {
    position: relative;
    display: table-cell;
    margin: 0;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .ppi .blockConditions .form input[type="checkbox"] + label {
    font-size: 15px; }
  .ppi form .list-formules .formule {
    width: 100%; }
  .ppi form .list-formules .formule input[type="radio"] + label {
    width: 100%; }
  .ppi form .list-formules .formule input[type="radio"] + label span {
    font-size: 15px; } }

.popin {
  max-width: 500px;
  top: 30%; }

.popin .modal-body {
  padding: 40px 30px;
  font-family: "Open Sans"; }

.popin .modal-title {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 0; }

.popin .icon-form-info {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  display: block;
  margin: 0 auto; }

.popin .modal-footer {
  text-align: center;
  margin-bottom: 20px; }

.ppi-confirmation {
  font-family: "Open Sans"; }

.ppi-confirmation header {
  background-size: cover; }

.ppi-confirmation .wrapper .confirmation {
  text-align: left;
  padding: 40px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ppi-confirmation .wrapper .confirmation .icon-form-confirm {
  background-image: url(../../../../content/dam/mabanque/rsc/contrib/image/generique/form-confirm.png);
  background-position: center -72px;
  margin: 0;
  min-width: 70px;
  height: 70px; }

.ppi-confirmation .wrapper .confirmation p {
  margin: 0; }

.ppi-confirmation .wrapper .confirmation p + p {
  margin-top: 8px;
  color: #767676; }

@media screen and (max-width: 768px) {
  .ppi-confirmation .wrapper .confirmation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; } }

.ppi-confirmation .prochaines-etapes {
  margin-top: 20px;
  padding: 30px; }

.ppi-confirmation .prochaines-etapes h3 {
  font-size: 17px; }

.ppi-confirmation .prochaines-etapes .etapes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.ppi-confirmation .prochaines-etapes .etapes div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.ppi-confirmation .prochaines-etapes .etapes div p {
  text-align: center; }

@media screen and (max-width: 768px) {
  .ppi-confirmation .prochaines-etapes .etapes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.ppi-confirmation .prochaines-etapes .encadre {
  background-color: #e5f4ee;
  margin-top: 40px;
  padding: 30px 40px;
  border-radius: 10px; }

.ppi-confirmation .prochaines-etapes .encadre .title img {
  margin-top: -5px; }

.ppi-confirmation .prochaines-etapes .encadre .title span {
  margin-left: 10px;
  color: #008854;
  font-size: 27px;
  text-transform: uppercase;
  font-stretch: condensed;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents {
  margin-top: 30px; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents h4 {
  margin-top: 0; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents-complementaires {
  margin-top: 40px; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents-complementaires h4 {
  padding-left: 0; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents-coemprunteur {
  border-radius: 0.5px;
  border-left: 1px solid #212121;
  padding-left: 30px; }

.ppi-confirmation .prochaines-etapes .encadre .bloc-documents ul {
  margin-left: 20px; }

@media screen and (max-width: 768px) {
  .ppi-confirmation .prochaines-etapes .encadre .bloc-documents-coemprunteur {
    border: none;
    padding-left: 0;
    margin-top: 40px; } }

.ppi-confirmation .prochaines-etapes .icon {
  display: block;
  width: 35px;
  height: 35px; }

.ppi-confirmation .prochaines-etapes .icon-tel::before {
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/pictos-contact-t-l-phone-white-1.svg); }

.ppi-confirmation .prochaines-etapes .icon-contrat::before {
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/pictos-caracteristiques-souscription.svg); }

.ppi-confirmation .prochaines-etapes .icon-pieces3::before {
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/pictos-divers-monnaie.svg); }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .taeg-fixe {
  border-top-color: #dcdfe0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .cout-total-credit {
  border-top-color: #dcdfe0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg span:first-child {
  font-family: "Open Sans";
  font-size: 13px;
  color: #767676; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .el-taeg span:last-child {
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 600;
  color: #767676;
  text-align: right; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs {
  border-top-color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .emprunteur {
  padding: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .emprunteur fieldset {
  width: 100%;
  padding: 0; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs.co-emprunteurs fieldset {
  width: 50%;
  float: left; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs.co-emprunteurs fieldset:first-child {
  padding-right: 5%; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .co-emprunteur {
  border-left-color: #7e50a8; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.mslt-2 {
  margin-bottom: 15px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.formule, .cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance.formule-2 {
  margin-bottom: 25px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .mon-recapitulatif .purple-container .assurance-emprunteurs .el-assurance span {
  color: #212121; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents {
  padding: 40px 30px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents .vd-info-complementaire {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 30px; }

.cjf-conso .form[name="form-cjf-conso-demande-pret-etp-4"] .vos-documents .documents a {
  font-size: 15px; }

.popin {
  top: 30%; }

.popin .modal-content {
  padding: 30px 20px; }

.popin .modal-content .modal-body {
  padding: 0; }

.popin .modal-content .modal-body .modal-title {
  margin-bottom: 30px; }

.popin .modal-content .modal-body h4 {
  text-align: center;
  font-size: 17px; }

.popin .modal-content .modal-body p {
  font-size: 15px;
  margin: 0; }

.popin .modal-content .modal-body input[type="radio"]:checked + label::before {
  border: solid 1px #1da460; }

.popin .modal-content .modal-body input[type="radio"]:checked + label::after {
  color: #00915a; }

.popin .modal-content .modal-footer {
  text-align: center;
  margin-top: 50px; }

.popin .pastille-prix-reduit {
  background-color: #e5f4ee;
  font-size: 10px;
  font-weight: bold;
  color: #007e4e;
  padding: 4px 10px 3px 10px;
  text-transform: uppercase;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: table-cell; }

.rejet {
  max-width: 1200px;
  background-color: #fff;
  padding: 50px 17.5% 40px 17.5%;
  font-family: "Open Sans"; }

.rejet img {
  width: 78px;
  height: 78px; }

.rejet h3 {
  font-size: 19px;
  font-weight: bold;
  height: auto; }

.rejet .gris {
  color: #767676; }

.rejet .intro {
  text-align: center; }

.rejet .contenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  font-size: 16px; }

.rejet .rappeler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.rejet .rdv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.rejet .vhr {
  width: 2px;
  margin: 0 70px;
  height: 270px;
  background-color: #dcdfe0; }

@media screen and (max-width: 768px) {
  .rejet .contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px; }
  .rejet .vhr {
    display: none; } }

#bloc-onboarding-poka .white-container-illustrations {
  background-color: #fff;
  padding: 4.5rem 4.5rem 3rem 4.5rem; }

@media screen and (max-width: 1200px) {
  #bloc-onboarding-poka .white-container-illustrations {
    padding: 3rem; } }

@media screen and (max-width: 768px) {
  #bloc-onboarding-poka .white-container-illustrations {
    padding: 2rem; } }

#bloc-onboarding-poka .white-container-illustrations h2 {
  padding-bottom: 3.2rem;
  text-transform: none;
  margin: 0;
  font-size: 1.6rem;
  font-family: "Open Sans";
  font-weight: bold; }

@media screen and (max-width: 768px) {
  #bloc-onboarding-poka .white-container-illustrations h2 {
    padding-bottom: 2rem; } }

@media screen and (max-width: 480px) {
  #bloc-onboarding-poka .white-container-illustrations h2 {
    font-size: 1.3rem; } }

#bloc-onboarding-poka .label p {
  font-weight: 600;
  font-size: 16px;
  width: 84%;
  margin: 20px auto;
  color: rgba(0, 0, 0, 0.85); }

#bloc-onboarding-poka .label p sup {
  margin-left: -4px; }

@media screen and (max-width: 480px) {
  #bloc-onboarding-poka .label p {
    width: 100%; } }

#bloc-onboarding-poka figure {
  margin: 0 auto; }

#bloc-onboarding-poka .mentions-legales p {
  margin-top: 1.3rem;
  color: #767676;
  font-size: 13px;
  font-weight: normal;
  line-height: normal; }

#bloc-nb-emprunteurs p, #bloc-nb-emprunteurs .form-ligne-titre {
  margin: 0; }

#bloc-nb-emprunteurs .wrap {
  padding: 0 6.6rem  2rem 6.6rem; }

@media screen and (max-width: 768px) {
  #bloc-nb-emprunteurs .wrap {
    padding: 1.5rem; } }

#bloc-nb-emprunteurs .validate-form h3 {
  margin: 1.2rem 0;
  font-size: 1rem;
  font-weight: bold;
  font-family: "Open Sans";
  text-transform: none; }

#bloc-nb-emprunteurs .validate-form .white-box {
  padding: 1.5rem 2rem; }

#bloc-nb-emprunteurs .validate-form [type="radio"]:not(:checked) + label:after,
#bloc-nb-emprunteurs .validate-form [type="radio"]:checked + label:after {
  color: #7e50a8; }

#bloc-nb-emprunteurs .validate-form [type="radio"]:checked + label:before {
  border: 1px solid #7e50a8; }

#bloc-nb-emprunteurs .validate-form label {
  margin: 1.3rem 0; }

#bloc-nb-emprunteurs .validate-form [type="radio"] + label {
  display: block; }

#bloc-nb-emprunteurs .validate-form [type="radio"] + label p {
  padding-top: 0.1rem; }

@media screen and (max-width: 768px) {
  #bloc-nb-emprunteurs .validate-form [type="radio"] + label p {
    margin-left: 0.5rem; } }

#bloc-nb-emprunteurs .btn-primary {
  margin: 1.3rem 0; }

@media screen and (max-width: 768px) {
  #bloc-nb-emprunteurs .btn-primary {
    width: 100%; } }

#bloc-choix-compte {
  color: #212121; }

#bloc-choix-compte .header-page {
  background-size: cover; }

#bloc-choix-compte p, #bloc-choix-compte .form-ligne-titre {
  margin: 0; }

#bloc-choix-compte .wrap {
  padding: 2.6rem 6.6rem; }

@media screen and (max-width: 768px) {
  #bloc-choix-compte .wrap {
    padding: 1.5rem; } }

#bloc-choix-compte .validate-form .form-control,
#bloc-choix-compte .validate-form label p,
#bloc-choix-compte .validate-form label span {
  color: #212121;
  font-size: 15px;
  font-weight: normal;
  font-family: "Open Sans"; }

#bloc-choix-compte .validate-form label p {
  font-size: 1rem;
  font-weight: bold; }

#bloc-choix-compte .validate-form h3 {
  margin: 1.2rem 0;
  font-size: 1rem;
  font-weight: bold;
  font-family: "Open Sans";
  text-transform: none; }

#bloc-choix-compte .validate-form .white-box {
  padding: 1.5rem 2rem; }

#bloc-choix-compte .validate-form [type="radio"]:not(:checked) + label:after,
#bloc-choix-compte .validate-form [type="radio"]:checked + label:after {
  color: #7e50a8;
  top: -20px; }

#bloc-choix-compte .validate-form [type="radio"]:checked + label:before {
  border: 1px solid #7e50a8; }

#bloc-choix-compte .validate-form label {
  margin: 1.3rem 0; }

#bloc-choix-compte .validate-form [type="radio"] + label {
  display: block;
  font-family: "Open Sans"; }

#bloc-choix-compte .validate-form [type="radio"] + label p {
  padding-top: 0.1rem; }

@media screen and (max-width: 768px) {
  #bloc-choix-compte .validate-form [type="radio"] + label p {
    margin-left: 0.5rem; } }

#bloc-choix-compte .white-box,
#bloc-choix-compte .form-ligne-titre {
  border: none; }

#bloc-choix-compte .custom-select {
  max-width: 300px; }

.ia-top-banner_back-btn {
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: 600; }

.ia-top-banner_wrapper--right .btn-help2 {
  background-color: #008854;
  color: #fff;
  background-image: none;
  font-size: 13px;
  font-weight: 600;
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 10px 15px; }

.ia-top-banner_wrapper--right .btn-help2::before {
  position: absolute;
  left: 7px;
  top: 14px;
  content: url(../../../../content/dam/mabanque/cjf-conso/icon-appel-conseiller.svg); }

.ia-top-banner_wrapper--right .btn-help2 span {
  margin-left: 35px; }

.ia-top-banner_wrapper--right .ia-utilities {
  padding-right: 38px; }

.ia-top-banner_wrapper--right .ia-utilities > li {
  -ms-flex-item-align: center;
      align-self: center; }

/*@function linear-gradient($pos, $gradients...) {
  $type: linear;
  $pos-type: type-of(nth($pos, 1));

  // if $pos doesn't exist, fix $gradient
  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
    $gradients: zip($pos $gradients);
    $pos: false;
  }

  $type-gradient: $type, $pos, $gradients;
  @return $type-gradient;
}*/
#ia-capri #bloc-suivi-demande,
#ia-capri #bloc-suivi-demande-poursuite {
  font-family: "Open Sans"; }

#ia-capri #bloc-suivi-demande h2,
#ia-capri #bloc-suivi-demande-poursuite h2 {
  font-size: 17px;
  font-weight: 600;
  text-transform: none;
  color: #212121;
  margin: 40px 0 30px 0;
  font-family: "Open Sans"; }

#ia-capri #bloc-suivi-demande .header-page,
#ia-capri #bloc-suivi-demande-poursuite .header-page {
  width: 100%;
  padding: 20px 30px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #00915a), color-stop(99%, #00915a));
  background-image: linear-gradient(to right, #00915a 1%, #00915a 99%); }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .header-page,
  #ia-capri #bloc-suivi-demande-poursuite .header-page {
    padding: 2rem; } }

#ia-capri #bloc-suivi-demande .header-page h1,
#ia-capri #bloc-suivi-demande-poursuite .header-page h1 {
  font-size: 2.8rem;
  margin: 11px 0 50px; }

#ia-capri #bloc-suivi-demande .header-page p,
#ia-capri #bloc-suivi-demande-poursuite .header-page p {
  font-weight: 600;
  margin: 0; }

@media screen and (max-width: 1200px) {
  #ia-capri #bloc-suivi-demande .header-page,
  #ia-capri #bloc-suivi-demande-poursuite .header-page {
    background-size: cover; } }

#ia-capri #bloc-suivi-demande .ia-title-banner_title,
#ia-capri #bloc-suivi-demande-poursuite .ia-title-banner_title {
  line-height: 1; }

#ia-capri #bloc-suivi-demande .ia-title-banner_subtitle,
#ia-capri #bloc-suivi-demande-poursuite .ia-title-banner_subtitle {
  display: none; }

#ia-capri #bloc-suivi-demande ._ia_title_banner > .ia-title-banner,
#ia-capri #bloc-suivi-demande-poursuite ._ia_title_banner > .ia-title-banner {
  background-image: none;
  padding: 0; }

#ia-capri #bloc-suivi-demande .container,
#ia-capri #bloc-suivi-demande-poursuite .container {
  width: 85%;
  margin: 0 auto;
  padding-bottom: 80px; }

#ia-capri #bloc-suivi-demande .container__etapes,
#ia-capri #bloc-suivi-demande-poursuite .container__etapes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .container__etapes,
  #ia-capri #bloc-suivi-demande-poursuite .container__etapes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .container,
  #ia-capri #bloc-suivi-demande-poursuite .container {
    width: 95%;
    padding: 0 10px; } }

#ia-capri #bloc-suivi-demande .demande__container,
#ia-capri #bloc-suivi-demande-poursuite .demande__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#ia-capri #bloc-suivi-demande .demande .row,
#ia-capri #bloc-suivi-demande-poursuite .demande .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33%;
  padding: 17px 0; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .demande .row,
  #ia-capri #bloc-suivi-demande-poursuite .demande .row {
    width: 50%;
    padding: 0; } }

@media screen and (max-width: 480px) {
  #ia-capri #bloc-suivi-demande .demande .row,
  #ia-capri #bloc-suivi-demande-poursuite .demande .row {
    width: 100%; } }

#ia-capri #bloc-suivi-demande .demande .row:last-child .demande__informations,
#ia-capri #bloc-suivi-demande-poursuite .demande .row:last-child .demande__informations {
  border-right: none; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .demande .row:last-child .demande__informations,
  #ia-capri #bloc-suivi-demande-poursuite .demande .row:last-child .demande__informations {
    border-right: 1px solid #e0e0e0; } }

@media screen and (max-width: 480px) {
  #ia-capri #bloc-suivi-demande .demande .row:last-child .demande__informations,
  #ia-capri #bloc-suivi-demande-poursuite .demande .row:last-child .demande__informations {
    border-right: none; } }

#ia-capri #bloc-suivi-demande .demande__informations,
#ia-capri #bloc-suivi-demande-poursuite .demande__informations {
  padding: 11px 42px;
  border-right: 1px solid #e0e0e0; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .demande__informations,
  #ia-capri #bloc-suivi-demande-poursuite .demande__informations {
    text-align: center; } }

#ia-capri #bloc-suivi-demande .demande__informations p,
#ia-capri #bloc-suivi-demande-poursuite .demande__informations p {
  font-size: 13px;
  margin: 0;
  color: #767676; }

#ia-capri #bloc-suivi-demande .demande__informations strong,
#ia-capri #bloc-suivi-demande-poursuite .demande__informations strong {
  color: #212121;
  margin-top: 2px; }

#ia-capri #bloc-suivi-demande .stepper,
#ia-capri #bloc-suivi-demande-poursuite .stepper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .stepper,
  #ia-capri #bloc-suivi-demande-poursuite .stepper {
    width: 100%; } }

#ia-capri #bloc-suivi-demande .stepper-step,
#ia-capri #bloc-suivi-demande-poursuite .stepper-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .stepper-step,
  #ia-capri #bloc-suivi-demande-poursuite .stepper-step {
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  #ia-capri #bloc-suivi-demande .stepper-step:last-child,
  #ia-capri #bloc-suivi-demande-poursuite .stepper-step:last-child {
    margin-bottom: 0; }
  #ia-capri #bloc-suivi-demande .stepper-step:last-child:before,
  #ia-capri #bloc-suivi-demande-poursuite .stepper-step:last-child:before {
    display: none; } }

#ia-capri #bloc-suivi-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: #f8f8f8;
  font-weight: bold;
  color: #676767;
  text-align: center;
  z-index: 1; }

@media (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .stepper-number,
  #ia-capri #bloc-suivi-demande-poursuite .stepper-number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 19px; } }

#ia-capri #bloc-suivi-demande .stepper-vertical,
#ia-capri #bloc-suivi-demande-poursuite .stepper-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#ia-capri #bloc-suivi-demande .stepper-vertical:after,
#ia-capri #bloc-suivi-demande-poursuite .stepper-vertical:after {
  display: none; }

#ia-capri #bloc-suivi-demande .stepper-vertical .stepper-step,
#ia-capri #bloc-suivi-demande-poursuite .stepper-vertical .stepper-step {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

#ia-capri #bloc-suivi-demande .stepper__text,
#ia-capri #bloc-suivi-demande-poursuite .stepper__text {
  border: 1px solid #cccccc;
  color: #676767;
  margin-left: 25px;
  width: 550px;
  position: relative;
  font-weight: bold;
  padding: 25px 40px; }

@media (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .stepper__text,
  #ia-capri #bloc-suivi-demande-poursuite .stepper__text {
    width: 100%; } }

#ia-capri #bloc-suivi-demande .stepper__text a,
#ia-capri #bloc-suivi-demande-poursuite .stepper__text a {
  display: block;
  text-decoration: underline;
  font-size: 15px;
  margin-top: 13px;
  font-weight: bold; }

#ia-capri #bloc-suivi-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande-poursuite .stepper__arrow::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -8.2px;
  width: 15px;
  border-radius: 1px;
  height: 15px;
  background: #e7e7e7;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(134.5deg);
          transform: rotate(134.5deg); }

#ia-capri #bloc-suivi-demande .stepper__informations,
#ia-capri #bloc-suivi-demande-poursuite .stepper__informations {
  display: none; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical.stepper:after,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical.stepper:after {
  display: none; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .stepper-step,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .stepper-step {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 8px 40px 8px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .stepper-step.step-4::before,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .stepper-step.step-4::before {
  display: none; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .stepper-step:before,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .stepper-step:before {
  position: absolute;
  display: block;
  content: "";
  width: 2px;
  background-color: #ccc;
  z-index: 0;
  height: 100%;
  left: 20px;
  top: 56px; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .stepper-step:after,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .stepper-step:after {
  display: none; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .stepper-number {
  z-index: 1; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper-number,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper-number,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper-number {
  margin-top: 16px;
  background-color: #00915a;
  color: #fff; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__text,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__text,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__text,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__text,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__text,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__text {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__text-title,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__text-title,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__text-title,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__text-title,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__text-title,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__text-title {
  color: #212121; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__text-description,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__text-description,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__text-description,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__text-description,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__text-description,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__text-description {
  color: #212121;
  font-weight: 500;
  margin: 15px 0 0; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__text .btn-primary,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__text .btn-primary,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__text .btn-primary,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__text .btn-primary,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__text .btn-primary,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__text .btn-primary {
  margin-top: 20px; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__arrow::after,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__arrow::after {
  border: none;
  left: -6.2px;
  top: 27px;
  bottom: initial;
  background-color: #fff; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .activation-demande .stepper__informations,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper__informations,
#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper__informations,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .activation-demande .stepper__informations,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper__informations,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper__informations {
  display: block; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande::before,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande::before {
  z-index: 1;
  background-color: #00915a; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper-number {
  border: 2px solid #00915a;
  color: transparent;
  position: relative;
  background-color: #e7e7e7; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .validation-demande .stepper-number::before,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .validation-demande .stepper-number::before {
  color: #00915a;
  position: absolute;
  top: -2px;
  content: url(../../../../content/dam/mabanque/ia-capri/step-pastille-done.svg); }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper-number,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper-number {
  border: 2px solid #676767;
  color: transparent;
  position: relative;
  background-color: #e7e7e7; }

#ia-capri #bloc-suivi-demande .stepper.main-vertical .refus-demande .stepper-number::before,
#ia-capri #bloc-suivi-demande-poursuite .stepper.main-vertical .refus-demande .stepper-number::before {
  color: #00915a;
  position: absolute;
  top: -2px;
  content: url(../../../../content/dam/mabanque/ia-capri/step-pastille-done-refus.svg); }

#ia-capri #bloc-suivi-demande .resultats,
#ia-capri #bloc-suivi-demande-poursuite .resultats {
  margin-top: 40px;
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media screen and (max-width: 768px) {
  #ia-capri #bloc-suivi-demande .resultats,
  #ia-capri #bloc-suivi-demande-poursuite .resultats {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

#ia-capri #bloc-suivi-demande .resultats img, #ia-capri #bloc-suivi-demande .resultats i,
#ia-capri #bloc-suivi-demande-poursuite .resultats img,
#ia-capri #bloc-suivi-demande-poursuite .resultats i {
  margin-right: 50px; }

#ia-capri #bloc-suivi-demande .resultats .title,
#ia-capri #bloc-suivi-demande-poursuite .resultats .title {
  font-size: 17px;
  font-weight: 600;
  color: #212121; }

#ia-capri #bloc-suivi-demande .resultats i,
#ia-capri #bloc-suivi-demande-poursuite .resultats i {
  background-color: #a33467;
  font-size: 37px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  border-radius: 100px;
  color: #fff; }

#ia-capri #bloc-suivi-demande .group-btn,
#ia-capri #bloc-suivi-demande-poursuite .group-btn {
  padding-top: 20px; }

#ia-capri .bloc-suivi-profil-emploi .custom-select,
#ia-capri .bloc-suivi-profil-emploi .input-container {
  width: 70%; }

@media screen and (max-width: 768px) {
  #ia-capri .bloc-suivi-profil-emploi .custom-select,
  #ia-capri .bloc-suivi-profil-emploi .input-container {
    width: 100%; } }

#ia-capri .bloc-suivi-profil-emploi .custom-select.fixFFSelect::after {
  top: 2px; }

#ia-capri .bloc-suivi-profil-emploi .custom-select::after {
  top: 2px;
  background: url(../../../../content/dam/mabanque/generique/sprite-form.png) 75% -250px; }

#ia-capri .bloc-suivi-profil-emploi .progression .etapes li:first-child {
  background-color: #53297a; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control,
#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control option,
#ia-capri .bloc-suivi-profil-emploi .validate-form label {
  color: #212121;
  font-size: 1rem;
  font-family: "Open Sans"; }

#ia-capri .bloc-suivi-profil-emploi .validate-form label {
  margin-top: 30px;
  font-weight: 600; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control::-webkit-input-placeholder {
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control::-moz-placeholder {
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control:-ms-input-placeholder {
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control::-ms-input-placeholder {
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control:invalid,
#ia-capri .bloc-suivi-profil-emploi .validate-form .form-control::placeholder {
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi h4.main-emp-title {
  font-weight: bold;
  color: #212121;
  margin: 0;
  text-transform: inherit;
  font-family: "Open Sans";
  position: relative;
  padding: 0.5em 0 0 3.75em; }

#ia-capri .bloc-suivi-profil-emploi h4.main-emp-title::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  content: url(../../../../content/dam/mabanque/cjf-conso/icon-emprunteur.svg); }

#ia-capri .bloc-suivi-profil-emploi .help-text-container {
  top: 0.33333rem; }

#ia-capri .bloc-suivi-profil-emploi .help-text-container .circle-small {
  color: #767676;
  font-family: "Open sans";
  border: 1.8px solid #9b9b9b;
  margin-left: 5px;
  border-color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .form-control {
  margin-bottom: 0; }

#ia-capri .bloc-suivi-profil-emploi .total-box {
  margin-top: 40px;
  border-radius: 3px;
  background-color: rgba(126, 80, 168, 0.08);
  text-align: center; }

#ia-capri .bloc-suivi-profil-emploi .total-box .total-box-titre {
  margin: 0;
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 1.54;
  color: #7e50a8; }

#ia-capri .bloc-suivi-profil-emploi .total-box .total-box-details {
  margin: 12px 0 0 0;
  font-family: "Open Sans";
  font-size: 19px;
  font-weight: bold;
  line-height: 0.91;
  color: #7e50a8; }

#ia-capri .bloc-suivi-profil-emploi .total-box .total-box-details .little-details {
  font-size: 15px; }

#ia-capri .bloc-suivi-profil-emploi .input-container.join-input {
  width: 60%; }

@media screen and (min-width: 545px) {
  #ia-capri .bloc-suivi-profil-emploi .input-container.join-input {
    width: 80%; } }

@media screen and (min-width: 992px) {
  #ia-capri .bloc-suivi-profil-emploi .input-container.join-input {
    width: 55%; } }

#ia-capri .bloc-suivi-profil-emploi .join-montant {
  width: 40%; }

@media screen and (min-width: 545px) {
  #ia-capri .bloc-suivi-profil-emploi .join-montant {
    width: 20%; } }

#ia-capri .bloc-suivi-profil-emploi .join-montant span.form-control {
  font-size: 22px;
  padding: 0;
  max-width: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-weight: normal;
  color: #767676; }

#ia-capri .bloc-suivi-profil-emploi .champs-obligatoires {
  color: #333;
  margin-top: 20px;
  font-weight: bold; }

#ia-capri .bloc-suivi-profil-emploi .bloc-disclaimer {
  padding: 42px 30px;
  margin-top: 20px; }

#ia-capri .bloc-suivi-profil-emploi .bloc-disclaimer p {
  margin: 0;
  font-weight: 600;
  font-size: 13px; }

#ia-capri .bloc-suivi-profil-emploi .bloc-disclaimer label {
  margin-top: 0; }

#ia-capri .bloc-suivi-profil-emploi .bloc-disclaimer .green {
  text-decoration: underline; }

#ia-capri .bloc-suivi-profil-emploi .bloc-disclaimer span {
  font-weight: 500; }

#ia-capri .bloc-simulateur .header-page {
  background-size: cover; }

#ia-capri .bloc-simulateur .wrapper {
  width: 100%;
  margin: 30px auto; }

#ia-capri .bloc-simulateur .reset-input {
  display: none; }

#ia-capri .bloc-simulateur .form-control.number::-webkit-outer-spin-button,
#ia-capri .bloc-simulateur .form-control.number::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none; }

#ia-capri .bloc-simulateur .circle-small {
  width: 24px;
  height: 24px;
  border-color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  padding-left: 1px; }

#ia-capri .bloc-simulateur .form-control.number {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

#ia-capri .bloc-simulateur .simu-wrapper {
  padding: 2rem; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .simu-wrapper {
    padding: 10px; } }

#ia-capri .bloc-simulateur .picto {
  width: 30px;
  height: 30px;
  min-height: 20px;
  min-width: 20px;
  background-size: contain;
  margin-top: 8px; }

#ia-capri .bloc-simulateur .picto.neuve {
  background: url(../../../../content/dam/mabanque/ia-capri/neuve.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.occasion {
  background: url(../../../../content/dam/mabanque/ia-capri/occasion.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.ecolo {
  background: url(../../../../content/dam/mabanque/ia-capri/ecolo.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.velo {
  background: url(../../../../content/dam/mabanque/ia-capri/velo.svg) no-repeat;
  background-size: contain;
  background-position-y: 6px; }

#ia-capri .bloc-simulateur .picto.travaux {
  background: url(../../../../content/dam/mabanque/ia-capri/travaux.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.divers {
  background: url(../../../../content/dam/mabanque/ia-capri/divers.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .promo-picto.neuve {
  background-image: url(../../../../content/dam/mabanque/ia-capri/neuve-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.occasion {
  background-image: url(../../../../content/dam/mabanque/ia-capri/occasion-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.ecolo {
  background-image: url(../../../../content/dam/mabanque/ia-capri/ecolo-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.velo {
  background-size: 50%;
  background-image: url(../../../../content/dam/mabanque/ia-capri/velo-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.travaux {
  background-image: url(../../../../content/dam/mabanque/ia-capri/travaux-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.divers {
  background-image: url(../../../../content/dam/mabanque/ia-capri/divers-purple.svg); }

#ia-capri .bloc-simulateur .infos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 60px; }

#ia-capri .bloc-simulateur .infos .subtitle {
  color: #767676;
  margin: 4px 0 0 0; }

#ia-capri .bloc-simulateur .infos .col-30 {
  margin: 20px 40px 0 0; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .infos .col-30 {
    margin: 20px 0 0 0; } }

#ia-capri .bloc-simulateur .infos .col-30:last-child {
  margin: 20px 0 0; }

#ia-capri .bloc-simulateur .infos label {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 15px; }

#ia-capri .bloc-simulateur .infos .dropdown-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47px; }

#ia-capri .bloc-simulateur .infos .dropdown-list, #ia-capri .bloc-simulateur .infos .dropdown-list-select {
  width: 100%; }

#ia-capri .bloc-simulateur .infos .form-control::-webkit-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-moz-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control:-ms-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-ms-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .libelle,
#ia-capri .bloc-simulateur .infos .form-control,
#ia-capri .bloc-simulateur .infos .form-control::placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-internal-autofill-selected {
  background-color: transparent; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected {
  background-image: none;
  color: inherit;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(204, 204, 204, 0.4);
          box-shadow: inset 0 1px 2px 0 rgba(204, 204, 204, 0.4);
  border: 1px solid #dcdfe0;
  background-color: #fff; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected.valid {
  border: 2px solid #5cc569; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected.error {
  border: 2px solid #ba0e32; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected .libelle {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected .libelle p {
  margin-left: 10px; }

#ia-capri .bloc-simulateur .dropdown-list-select {
  top: 0;
  -webkit-box-shadow: -0.0625rem 0.3125rem 0.625rem 0 rgba(171, 171, 171, 0.5);
          box-shadow: -0.0625rem 0.3125rem 0.625rem 0 rgba(171, 171, 171, 0.5); }

#ia-capri .bloc-simulateur .dropdown-list li {
  margin: 0;
  padding: 10px 0 10px 10px;
  border-top: 1px solid #767676;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ia-capri .bloc-simulateur .dropdown-list li p {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 600; }

#ia-capri .bloc-simulateur .dropdown-list li:first-child {
  border-top: none; }

#ia-capri .bloc-simulateur .dropdown-list li:hover {
  color: #fff;
  background-image: none;
  background-color: #7746a3; }

#ia-capri .bloc-simulateur .dropdown-list li:hover .picto {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }

#ia-capri .bloc-simulateur .dropdown-container .dropdown:after {
  background: url(../../../../content/dam/mabanque/ia-capri/chevron.svg) no-repeat;
  content: "";
  width: 50px;
  background-position: 50% 55%;
  height: 46px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  border-left: 1px solid #dcdfe0; }

#ia-capri .bloc-simulateur .white-box {
  padding: 40px 80px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .white-box {
    padding: 10px; } }

#ia-capri .bloc-simulateur .client-header,
#ia-capri .bloc-simulateur .result-title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px; }

#ia-capri .bloc-simulateur .client-header-title,
#ia-capri .bloc-simulateur .result-title-title {
  font-size: 19px;
  color: #212121;
  font-weight: 700;
  margin-bottom: 9px; }

#ia-capri .bloc-simulateur .client-header-desc,
#ia-capri .bloc-simulateur .result-title-desc {
  color: #212121;
  font-size: 15px; }

#ia-capri .bloc-simulateur .title {
  font-size: 19px;
  font-weight: 700; }

#ia-capri .bloc-simulateur .mention {
  display: block;
  margin: 9px 0 40px; }

#ia-capri .bloc-simulateur .exemple {
  padding-top: 40px; }

#ia-capri .bloc-simulateur .exemple .current-promo {
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 40px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .current-promo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

#ia-capri .bloc-simulateur .exemple .half-circle {
  background-color: #f4eaf5;
  height: 250px;
  width: 250px;
  z-index: 0;
  border-bottom-right-radius: 170px;
  border-top-right-radius: 170px;
  margin: -40px 0 -40px -6vw; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .half-circle {
    display: none; } }

#ia-capri .bloc-simulateur .exemple .promo-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 30px; }

#ia-capri .bloc-simulateur .exemple .promo-text {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner {
  background: #f4eaf5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 35px 25px;
  z-index: 1;
  width: 215px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .promo-picto-banner {
    width: 100%; } }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .title-intro {
  font-weight: 700; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-headline-block {
  padding-left: 10px; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-picto {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-title {
  margin: 0;
  color: #7746a3;
  font-size: 37px;
  padding-top: 5px; }

#ia-capri .bloc-simulateur .exemple .focus,
#ia-capri .bloc-simulateur .exemple .mention-pedago {
  font-weight: 700; }

#ia-capri .bloc-simulateur .exemple .focus {
  font-size: 18px; }

#ia-capri .bloc-simulateur .exemple .mentions {
  font-size: 13px;
  color: #767676; }

#ia-capri .bloc-simulateur .simulateurContainer {
  padding: 40px; }

#ia-capri .bloc-simulateur .help-text-container {
  margin-left: 8px; }

#ia-capri .bloc-simulateur .popover-content {
  color: #212121; }

#ia-capri .bloc-simulateur .amount-wrapper {
  margin: 10px 0; }

#ia-capri .bloc-simulateur .range-min-max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .range-min-max span {
  display: block;
  font-size: 13px;
  color: #212121;
  font-weight: bold; }

#ia-capri .bloc-simulateur .range-slider {
  padding: 0;
  position: relative; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"] {
  margin: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  height: 20px;
  width: 100%;
  cursor: pointer;
  border-radius: 25px;
  outline: none;
  padding: 0;
  -webkit-box-shadow: inset 0px 0px 0px 1px #e0e0e0;
          box-shadow: inset 0px 0px 0px 1px #e0e0e0;
  margin: 60px auto 0 auto; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 18px;
  height: 18px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
          box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
  border-radius: 50%;
  background: #fff;
  border: 4px solid #fff;
  cursor: pointer; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 11px;
  height: 11px;
  box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
  border-radius: 50%;
  background: #fff;
  border: 4px solid #fff;
  cursor: pointer; }

#ia-capri .bloc-simulateur .title-wrapper {
  font-size: 15px;
  color: #212121;
  font-weight: 700; }

#ia-capri .bloc-simulateur .client-input {
  margin: 20px 0; }

#ia-capri .bloc-simulateur .client-input .form {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#ia-capri .bloc-simulateur .client-input .input-container {
  z-index: 2;
  width: 100%;
  left: 17px;
  position: absolute; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .client-input .input-container {
    width: initial; } }

#ia-capri .bloc-simulateur .client-input .range-slider .input-wrapper {
  width: 100%;
  height: 45px; }

#ia-capri .bloc-simulateur .client-input .form-control.amount-input {
  padding-right: 63px;
  margin: 0;
  font-size: 16px;
  font-family: "Open Sans";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute; }

#ia-capri .bloc-simulateur .client-input input[type="number"] {
  width: 130px; }

#ia-capri .bloc-simulateur .client-input .sh-infos {
  font-family: "bnp_regular", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #767676;
  position: absolute;
  top: 1px;
  line-height: 50px;
  border-left: 1px solid #ccc;
  height: 45px;
  padding-left: 15px;
  font-weight: 700; }

#ia-capri .bloc-simulateur .client-input .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -57px;
  margin-left: -10px;
  border-top: 10px solid #dcdfe0; }

#ia-capri .bloc-simulateur .montants {
  width: 40%; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .montants {
    width: 80%;
    margin: 0 auto; } }

#ia-capri .bloc-simulateur .montants-slider {
  margin-top: 50px;
  position: relative; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .montants-slider {
    margin-top: 10px; } }

#ia-capri .bloc-simulateur .montants-slider label {
  color: #4e5152;
  font-size: 14px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .montants-bornes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .montants-bornes p {
  font-size: 16px;
  color: #1e272a;
  margin-top: 16px; }

#ia-capri .bloc-simulateur .resultats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#ia-capri .bloc-simulateur .mensualite {
  width: 52%;
  margin-left: 60px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .mensualite {
    width: 100%;
    margin-left: 0; } }

#ia-capri .bloc-simulateur .mensualite p {
  margin: 0;
  font-size: 17px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .mensualite-container {
  background: #7e50a8;
  border-radius: 8px;
  color: #fff;
  padding: 32px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .mensualite-container {
    margin-top: 20px; } }

#ia-capri .bloc-simulateur .mensualite-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ia-capri .bloc-simulateur .mensualite-header .promo-picto {
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
  background-size: 50%;
  border-radius: 50%; }

#ia-capri .bloc-simulateur .mensualite-resultat-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 170px 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

#ia-capri .bloc-simulateur .mensualite-resultat-2 p {
  margin: 16px 0 0 0;
  font-weight: normal; }

#ia-capri .bloc-simulateur .mensualite-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100px; }

#ia-capri .bloc-simulateur .mensualite-titre {
  margin: 0 0 12px 0;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .mensualite p.mensualite-montant {
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 8px; }

#ia-capri .bloc-simulateur .mensualite-recap {
  margin-top: 20px; }

#ia-capri .bloc-simulateur .mensualite-recap-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 21px 0;
  border-bottom: 1px solid #dde2e8;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .mensualite-recap-row:last-child {
  border: none;
  padding-bottom: 0; }

#ia-capri .bloc-simulateur .mensualite img {
  margin-left: 8px; }

#ia-capri .bloc-simulateur .mensualite-recap-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#ia-capri .bloc-simulateur .mensualite-recap-info p.mensualite-etiquette {
  font-size: 10px;
  text-transform: uppercase;
  color: #7e50a8;
  margin: 1px 0 0 3px;
  padding: 4px 10px 3px;
  border-radius: 4px;
  background-color: #f4eaf5; }

#ia-capri .bloc-simulateur .mensualite-recap-taux {
  color: #fff;
  text-align: right; }

#ia-capri .bloc-simulateur .mensualite-recap-taux.subtitle {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding-top: 10px; }

#ia-capri .bloc-simulateur .mensualite-recap-montant .subtitle {
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px; }

#ia-capri .bloc-simulateur .mensualite-confirmation {
  text-align: center; }

#ia-capri .bloc-simulateur .mensualite-confirmation .btn-primary {
  background: #fff;
  padding: 14px 40px;
  color: #212121;
  margin: 40px auto 16px auto; }

#ia-capri .bloc-simulateur .mensualite-confirmation p {
  font-size: 12px;
  font-weight: normal; }

#ia-capri .bloc-simulateur .mensualite-nouveau {
  text-align: center;
  display: block;
  font-family: "Open Sans";
  font-weight: 600;
  color: #767676;
  text-decoration: underline;
  margin: 24px 0;
  font-size: 14px; }

#bloc-contre-proposition .white-box {
  padding: 50px 80px;
  margin-top: 30px; }

#bloc-contre-proposition .client-header {
  text-align: center; }

#bloc-contre-proposition .client-header-title {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 15px; }

#bloc-contre-proposition .client-header-desc {
  font-size: 15px;
  font-weight: 600; }

#bloc-contre-proposition .proposition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  padding: 50px 0; }

#bloc-contre-proposition .proposition-initiale, #bloc-contre-proposition .proposition-recommandee {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#bloc-contre-proposition .proposition-initiale {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px 0;
  border: 1px solid #dcdfe0;
  border-right: none; }

#bloc-contre-proposition .proposition-initiale-title {
  font-size: 20px;
  font-weight: 600; }

#bloc-contre-proposition .proposition-initiale-text {
  font-size: 15px;
  color: #767676; }

#bloc-contre-proposition .proposition-initiale-subtext {
  font-size: 15px;
  color: #767676; }

#bloc-contre-proposition .proposition-initiale-price {
  font-size: 25px;
  font-weight: 600; }

#bloc-contre-proposition .proposition-recommandee {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #e5f4ee;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.17); }

#bloc-contre-proposition .proposition-recommandee-title {
  font-size: 20px;
  font-weight: 600; }

#bloc-contre-proposition .proposition-recommandee-text {
  font-size: 15px;
  line-height: 1.6; }

#bloc-contre-proposition .proposition-recommandee-subtext {
  font-size: 15px;
  font-weight: 600; }

#bloc-contre-proposition .proposition-recommandee-price {
  font-size: 32px;
  font-weight: bold; }

#bloc-contre-proposition .link-underline {
  text-decoration: underline; }

#ia-capri .bloc-simulateur .header-page {
  background-size: cover; }

#ia-capri .bloc-simulateur .wrapper {
  width: 100%;
  margin: 30px auto; }

#ia-capri .bloc-simulateur .reset-input {
  display: none; }

#ia-capri .bloc-simulateur .form-control.number::-webkit-outer-spin-button,
#ia-capri .bloc-simulateur .form-control.number::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none; }

#ia-capri .bloc-simulateur .circle-small {
  width: 24px;
  height: 24px;
  border-color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  padding-left: 1px; }

#ia-capri .bloc-simulateur .form-control.number {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield; }

#ia-capri .bloc-simulateur .simu-wrapper {
  padding: 2rem; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .simu-wrapper {
    padding: 10px; } }

#ia-capri .bloc-simulateur .picto {
  width: 30px;
  height: 30px;
  min-height: 20px;
  min-width: 20px;
  background-size: contain;
  margin-top: 8px; }

#ia-capri .bloc-simulateur .picto.neuve {
  background: url(../../../../content/dam/mabanque/ia-capri/neuve.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.occasion {
  background: url(../../../../content/dam/mabanque/ia-capri/occasion.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.ecolo {
  background: url(../../../../content/dam/mabanque/ia-capri/ecolo.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.velo {
  background: url(../../../../content/dam/mabanque/ia-capri/velo.svg) no-repeat;
  background-size: contain;
  background-position-y: 6px; }

#ia-capri .bloc-simulateur .picto.travaux {
  background: url(../../../../content/dam/mabanque/ia-capri/travaux.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .picto.divers {
  background: url(../../../../content/dam/mabanque/ia-capri/divers.svg) no-repeat 100%; }

#ia-capri .bloc-simulateur .promo-picto.neuve {
  background-image: url(../../../../content/dam/mabanque/ia-capri/neuve-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.occasion {
  background-image: url(../../../../content/dam/mabanque/ia-capri/occasion-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.ecolo {
  background-image: url(../../../../content/dam/mabanque/ia-capri/ecolo-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.velo {
  background-size: 50%;
  background-image: url(../../../../content/dam/mabanque/ia-capri/velo-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.travaux {
  background-image: url(../../../../content/dam/mabanque/ia-capri/travaux-purple.svg); }

#ia-capri .bloc-simulateur .promo-picto.divers {
  background-image: url(../../../../content/dam/mabanque/ia-capri/divers-purple.svg); }

#ia-capri .bloc-simulateur .infos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 60px; }

#ia-capri .bloc-simulateur .infos .subtitle {
  color: #767676;
  margin: 4px 0 0 0; }

#ia-capri .bloc-simulateur .infos .col-30 {
  margin: 20px 40px 0 0; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .infos .col-30 {
    margin: 20px 0 0 0; } }

#ia-capri .bloc-simulateur .infos .col-30:last-child {
  margin: 20px 0 0; }

#ia-capri .bloc-simulateur .infos label {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 15px; }

#ia-capri .bloc-simulateur .infos .dropdown-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47px; }

#ia-capri .bloc-simulateur .infos .dropdown-list, #ia-capri .bloc-simulateur .infos .dropdown-list-select {
  width: 100%; }

#ia-capri .bloc-simulateur .infos .form-control::-webkit-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-moz-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control:-ms-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-ms-input-placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .libelle,
#ia-capri .bloc-simulateur .infos .form-control,
#ia-capri .bloc-simulateur .infos .form-control::placeholder {
  color: #4e5152;
  font-size: 14px;
  margin-bottom: 8px;
  font-family: "Open Sans";
  font-weight: 500; }

#ia-capri .bloc-simulateur .infos .form-control::-internal-autofill-selected {
  background-color: transparent; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected {
  background-image: none;
  color: inherit;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(204, 204, 204, 0.4);
          box-shadow: inset 0 1px 2px 0 rgba(204, 204, 204, 0.4);
  border: 1px solid #dcdfe0;
  background-color: #fff; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected.valid {
  border: 2px solid #5cc569; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected.error {
  border: 2px solid #ba0e32; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected .libelle {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit; }

#ia-capri .bloc-simulateur .dropdown .dropdown-selected .libelle p {
  margin-left: 10px; }

#ia-capri .bloc-simulateur .dropdown-list-select {
  top: 0;
  -webkit-box-shadow: -0.0625rem 0.3125rem 0.625rem 0 rgba(171, 171, 171, 0.5);
          box-shadow: -0.0625rem 0.3125rem 0.625rem 0 rgba(171, 171, 171, 0.5); }

#ia-capri .bloc-simulateur .dropdown-list li {
  margin: 0;
  padding: 10px 0 10px 10px;
  border-top: 1px solid #767676;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ia-capri .bloc-simulateur .dropdown-list li p {
  margin-left: 10px;
  font-size: 15px;
  font-weight: 600; }

#ia-capri .bloc-simulateur .dropdown-list li:first-child {
  border-top: none; }

#ia-capri .bloc-simulateur .dropdown-list li:hover {
  color: #fff;
  background-image: none;
  background-color: #7746a3; }

#ia-capri .bloc-simulateur .dropdown-list li:hover .picto {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1); }

#ia-capri .bloc-simulateur .dropdown-container .dropdown:after {
  background: url(../../../../content/dam/mabanque/ia-capri/chevron.svg) no-repeat;
  content: "";
  width: 50px;
  background-position: 50% 55%;
  height: 46px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  border-left: 1px solid #dcdfe0; }

#ia-capri .bloc-simulateur .white-box {
  padding: 40px 80px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .white-box {
    padding: 10px; } }

#ia-capri .bloc-simulateur .client-header,
#ia-capri .bloc-simulateur .result-title {
  width: 100%;
  text-align: center;
  margin-bottom: 40px; }

#ia-capri .bloc-simulateur .client-header-title,
#ia-capri .bloc-simulateur .result-title-title {
  font-size: 19px;
  color: #212121;
  font-weight: 700;
  margin-bottom: 9px; }

#ia-capri .bloc-simulateur .client-header-desc,
#ia-capri .bloc-simulateur .result-title-desc {
  color: #212121;
  font-size: 15px; }

#ia-capri .bloc-simulateur .title {
  font-size: 19px;
  font-weight: 700; }

#ia-capri .bloc-simulateur .mention {
  display: block;
  margin: 9px 0 40px; }

#ia-capri .bloc-simulateur .exemple {
  padding-top: 40px; }

#ia-capri .bloc-simulateur .exemple .current-promo {
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 40px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .current-promo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

#ia-capri .bloc-simulateur .exemple .half-circle {
  background-color: #f4eaf5;
  height: 250px;
  width: 250px;
  z-index: 0;
  border-bottom-right-radius: 170px;
  border-top-right-radius: 170px;
  margin: -40px 0 -40px -6vw; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .half-circle {
    display: none; } }

#ia-capri .bloc-simulateur .exemple .promo-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 30px; }

#ia-capri .bloc-simulateur .exemple .promo-text {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner {
  background: #f4eaf5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 35px 25px;
  z-index: 1;
  width: 215px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .exemple .promo-picto-banner {
    width: 100%; } }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .title-intro {
  font-weight: 700; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-headline-block {
  padding-left: 10px; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-picto {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain; }

#ia-capri .bloc-simulateur .exemple .promo-picto-banner .promo-title {
  margin: 0;
  color: #7746a3;
  font-size: 37px;
  padding-top: 5px; }

#ia-capri .bloc-simulateur .exemple .focus,
#ia-capri .bloc-simulateur .exemple .mention-pedago {
  font-weight: 700; }

#ia-capri .bloc-simulateur .exemple .focus {
  font-size: 18px; }

#ia-capri .bloc-simulateur .exemple .mentions {
  font-size: 13px;
  color: #767676; }

#ia-capri .bloc-simulateur .simulateurContainer {
  padding: 40px; }

#ia-capri .bloc-simulateur .help-text-container {
  margin-left: 8px; }

#ia-capri .bloc-simulateur .popover-content {
  color: #212121; }

#ia-capri .bloc-simulateur .amount-wrapper {
  margin: 10px 0; }

#ia-capri .bloc-simulateur .range-min-max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .range-min-max span {
  display: block;
  font-size: 13px;
  color: #212121;
  font-weight: bold; }

#ia-capri .bloc-simulateur .range-slider {
  padding: 0;
  position: relative; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"] {
  margin: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  height: 20px;
  width: 100%;
  cursor: pointer;
  border-radius: 25px;
  outline: none;
  padding: 0;
  -webkit-box-shadow: inset 0px 0px 0px 1px #e0e0e0;
          box-shadow: inset 0px 0px 0px 1px #e0e0e0;
  margin: 60px auto 0 auto; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 18px;
  height: 18px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
          box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
  border-radius: 50%;
  background: #fff;
  border: 4px solid #fff;
  cursor: pointer; }

#ia-capri .bloc-simulateur .range-wrapper input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 11px;
  height: 11px;
  box-shadow: 0 4px 12px 0 rgba(30, 39, 42, 0.24), 0 0 4px 0 rgba(30, 39, 42, 0.16);
  border-radius: 50%;
  background: #fff;
  border: 4px solid #fff;
  cursor: pointer; }

#ia-capri .bloc-simulateur .title-wrapper {
  font-size: 15px;
  color: #212121;
  font-weight: 700; }

#ia-capri .bloc-simulateur .client-input {
  margin: 20px 0; }

#ia-capri .bloc-simulateur .client-input .form {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#ia-capri .bloc-simulateur .client-input .input-container {
  z-index: 2;
  width: 100%;
  left: 17px;
  position: absolute; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .client-input .input-container {
    width: initial; } }

#ia-capri .bloc-simulateur .client-input .range-slider .input-wrapper {
  width: 100%;
  height: 45px; }

#ia-capri .bloc-simulateur .client-input .form-control.amount-input {
  padding-right: 63px;
  margin: 0;
  font-size: 16px;
  font-family: "Open Sans";
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute; }

#ia-capri .bloc-simulateur .client-input input[type="number"] {
  width: 130px; }

#ia-capri .bloc-simulateur .client-input .sh-infos {
  font-family: "bnp_regular", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #767676;
  position: absolute;
  top: 1px;
  line-height: 50px;
  border-left: 1px solid #ccc;
  height: 45px;
  padding-left: 15px;
  font-weight: 700; }

#ia-capri .bloc-simulateur .client-input .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -57px;
  margin-left: -10px;
  border-top: 10px solid #dcdfe0; }

#ia-capri .bloc-simulateur .montants {
  width: 40%; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .montants {
    width: 80%;
    margin: 0 auto; } }

#ia-capri .bloc-simulateur .montants-slider {
  margin-top: 50px;
  position: relative; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .montants-slider {
    margin-top: 10px; } }

#ia-capri .bloc-simulateur .montants-slider label {
  color: #4e5152;
  font-size: 14px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .montants-bornes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .montants-bornes p {
  font-size: 16px;
  color: #1e272a;
  margin-top: 16px; }

#ia-capri .bloc-simulateur .resultats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#ia-capri .bloc-simulateur .mensualite {
  width: 52%;
  margin-left: 60px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .mensualite {
    width: 100%;
    margin-left: 0; } }

#ia-capri .bloc-simulateur .mensualite p {
  margin: 0;
  font-size: 17px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .mensualite-container {
  background: #7e50a8;
  border-radius: 8px;
  color: #fff;
  padding: 32px; }

@media (max-width: 768px) {
  #ia-capri .bloc-simulateur .mensualite-container {
    margin-top: 20px; } }

#ia-capri .bloc-simulateur .mensualite-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ia-capri .bloc-simulateur .mensualite-header .promo-picto {
  width: 81px;
  height: 81px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
  background-size: 50%;
  border-radius: 50%; }

#ia-capri .bloc-simulateur .mensualite-resultat-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 170px 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

#ia-capri .bloc-simulateur .mensualite-resultat-2 p {
  margin: 16px 0 0 0;
  font-weight: normal; }

#ia-capri .bloc-simulateur .mensualite-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 25px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 100px; }

#ia-capri .bloc-simulateur .mensualite-titre {
  margin: 0 0 12px 0;
  font-family: "Open Sans";
  font-size: 17px;
  font-weight: bold; }

#ia-capri .bloc-simulateur .mensualite p.mensualite-montant {
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 8px; }

#ia-capri .bloc-simulateur .mensualite-recap {
  margin-top: 20px; }

#ia-capri .bloc-simulateur .mensualite-recap-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 21px 0;
  border-bottom: 1px solid #dde2e8;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ia-capri .bloc-simulateur .mensualite-recap-row:last-child {
  border: none;
  padding-bottom: 0; }

#ia-capri .bloc-simulateur .mensualite img {
  margin-left: 8px; }

#ia-capri .bloc-simulateur .mensualite-recap-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#ia-capri .bloc-simulateur .mensualite-recap-info p.mensualite-etiquette {
  font-size: 10px;
  text-transform: uppercase;
  color: #7e50a8;
  margin: 1px 0 0 3px;
  padding: 4px 10px 3px;
  border-radius: 4px;
  background-color: #f4eaf5; }

#ia-capri .bloc-simulateur .mensualite-recap-taux {
  color: #fff;
  text-align: right; }

#ia-capri .bloc-simulateur .mensualite-recap-taux.subtitle {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding-top: 10px; }

#ia-capri .bloc-simulateur .mensualite-recap-montant .subtitle {
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px; }

#ia-capri .bloc-simulateur .mensualite-confirmation {
  text-align: center; }

#ia-capri .bloc-simulateur .mensualite-confirmation .btn-primary {
  background: #fff;
  padding: 14px 40px;
  color: #212121;
  margin: 40px auto 16px auto; }

#ia-capri .bloc-simulateur .mensualite-confirmation p {
  font-size: 12px;
  font-weight: normal; }

#ia-capri .bloc-simulateur .mensualite-nouveau {
  text-align: center;
  display: block;
  font-family: "Open Sans";
  font-weight: 600;
  color: #767676;
  text-decoration: underline;
  margin: 24px 0;
  font-size: 14px; }

.page-connected .page-content .wrapper-ia ._breadcrumb .cpm-breadcrumb {
  position: initial; }

.page-connected .page-content #bloc-simulateur header {
  margin-top: -60px; }

#ia-capri p {
  font-family: "Open Sans";
  font-size: 15px; }

#ia-capri .header-page {
  background: url(../../../../content/dam/mabanque/ia-capri/background-img.png) no-repeat;
  background-size: 100% 100%;
  padding: 1.267rem 6.667rem 2rem;
  width: 100%; }

#ia-capri .header-page ._breadcrumb {
  position: initial; }

@media screen and (max-width: 768px) {
  #ia-capri .header-page {
    padding: 2rem; } }

#ia-capri .header-page h1 {
  font-size: 2.8rem;
  margin: 14px 0 5px; }

#ia-capri .header-page p {
  font-weight: 600;
  font-family: "Open Sans";
  font-size: 17px;
  margin: 0; }

@media screen and (max-width: 1200px) {
  #ia-capri .header-page {
    background-size: cover; } }

#ia-capri .cpm-breadcrumb {
  padding: 0.5rem 1rem 0.5rem 0;
  font-family: "Open Sans"; }

#ia-capri .cpm-breadcrumb_list {
  list-style: none;
  padding: 0;
  margin: 0; }

#ia-capri .cpm-breadcrumb_item {
  display: inline-block;
  padding-right: 0.5rem;
  color: #fff;
  position: relative;
  z-index: 2;
  font-size: 14px; }

#ia-capri .cpm-breadcrumb_item:not(:last-child):after {
  content: "";
  font-family: "iconbnp";
  width: 1rem;
  padding-left: 0.3rem;
  font-size: 0.7rem; }

#ia-capri .cpm-breadcrumb_item a {
  color: inherit; }

#ia-capri .ia-title-banner_title {
  line-height: 1; }

#ia-capri .ia-title-banner_subtitle {
  display: none; }

#ia-capri ._ia_title_banner > .ia-title-banner {
  background-image: none;
  padding: 0; }

#ia-capri .wrapper {
  max-width: 1200px;
  margin: 20px auto 0 auto;
  padding: 7px 30px 30px; }

@media screen and (max-width: 768px) {
  #ia-capri .wrapper {
    max-width: 100%;
    padding: 0; } }

#ia-capri .btn-primary,
#ia-capri .btn-secondary {
  border-radius: 50px;
  border: none;
  background-image: none;
  font-weight: 600;
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-family: "Open Sans"; }

#ia-capri .btn-primary {
  background-color: #28c3a9; }

@media screen and (max-width: 768px) {
  #ia-capri .btn-primary {
    width: 100%; } }

#ia-capri .btn-secondary {
  background-color: #f8f8f8; }

#ia-capri .mention-pedago {
  font-size: 17px; }

#ia-capri .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

#ia-capri .btn-row,
#ia-capri .btn-group {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: none; }

#ia-capri .fs17.bold {
  font-weight: 600; }

#ia-capri .progression {
  margin: 0 0 20px 0; }

#ia-capri .progression .legende-etape {
  font-weight: 500;
  font-family: "Open Sans"; }

#ia-capri .progression .legende-etape span {
  color: #fff;
  font-size: 15px;
  font-weight: 600; }

#ia-capri .progression .etapes.deux li:nth-child(-n+2),
#ia-capri .progression .etapes.trois li:nth-child(-n+3),
#ia-capri .progression .etapes.quatre li:nth-child(-n+4),
#ia-capri .progression .etapes.cinq li:nth-child(-n+5) {
  background-color: #53297a;
  border-bottom: none; }

#ia-capri .progression .etapes li {
  background-color: #fff;
  border-bottom: none; }

#ia-capri .form-ligne-titre {
  padding: 0 0 0 20px; }

#ia-capri .form-ligne-titre h3 {
  font-family: "Open Sans";
  color: #212121;
  font-weight: 600;
  margin: 13px 0;
  text-transform: inherit;
  font-size: 15px; }

#ia-capri .cjf-conso .header-page {
  background: url("../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/header-bg.jpg") no-repeat !important;
  background-size: cover !important;
  width: 100%; }

#ia-capri .cjf-conso .header-page .step {
  background-color: #d262a5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d262a5), to(#8051a7));
  background-image: linear-gradient(180deg, #d262a5, #8051a7);
  text-align: center;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  height: 40px;
  width: 40px !important;
  border-radius: 100%;
  padding-top: 6px;
  margin: 0.5em 1.25em 0 0; }

#ia-capri #contenuDemandePret .mensualite .el-mensualite span {
  text-transform: lowercase; }

#ia-capri #contenuDemandePret .mensualite .el-mensualite:first-of-type {
  display: none; }

#ia-capri .credit-c .progression .etapes li:first-child {
  background-color: #53297a;
  border-bottom: solid 1px #462367; }

#ia-capri .credit-c .progression .etapes.deux li:nth-child(-n + 2),
#ia-capri .credit-c .progression .etapes.trois li:nth-child(-n + 3),
#ia-capri .credit-c .progression .etapes.quatre li:nth-child(-n + 4),
#ia-capri .credit-c .progression .etapes.cinq li:nth-child(-n + 5) {
  background-color: #53297a;
  border-bottom: solid 1px #462367; }

.ia-top-banner_back-btn {
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: 600; }

.ia-top-banner_wrapper--right .btn-help2 {
  background-color: #008854;
  color: #fff;
  background-image: none;
  font-size: 13px;
  font-weight: 600;
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 10px 15px; }

.ia-top-banner_wrapper--right .btn-help2::before {
  position: absolute;
  left: 7px;
  top: 14px;
  content: url(../../../../content/dam/mabanque/rsc/contrib/image/particuliers/cjf-conso/icon-appel-conseiller.svg); }

.ia-top-banner_wrapper--right .btn-help2 span {
  margin-left: 35px; }

.cjf-conso .form-ligne-titre h3 {
  font-family: "Open Sans";
  color: #212121;
  text-transform: inherit;
  font-size: 1.13333rem; }

.cjf-conso .help-text-container {
  position: relative;
  top: 0.33333rem;
  left: 0 !important; }

.cjf-conso .circle.circle-small,
.cjf-conso .help-text-container .circle {
  pointer-events: none; }

.help-text-popup {
  left: -21px; }

button.btn-help {
  display: block !important;
  visibility: initial !important;
  padding: 6px 1rem 6px 0.8rem;
  background-color: #9d265c;
  background-image: none;
  color: #fff;
  line-height: 1.45rem;
  border-color: #9d265c;
  margin-top: 12px; }

button.btn-help:before {
  font-size: 1.45rem;
  padding-right: 6px;
  vertical-align: middle;
  content: "\e65c";
  display: inline;
  font-family: iconbnp; }

a.btn-primary,
a.btn-secondary,
.btn-primary,
.btn-secondary {
  font-family: "bnp_regular", Arial, sans-serif;
  background-image: none;
  background-color: #fff;
  border-color: #fff;
  color: #212121;
  padding: 0.7em 2em;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  line-height: 17.25px; }

a.btn-primary:disabled,
a.btn-secondary:disabled,
.btn-primary:disabled,
.btn-secondary:disabled {
  opacity: 0.5; }

a.btn-secondary:hover, a.btn-secondary:not([disabled]):hover,
.btn-secondary:hover,
.btn-secondary:not([disabled]):hover {
  background-image: none;
  background-color: #d5d5d5;
  border-color: #d5d5d5; }

a.btn-primary,
.btn-primary {
  background-color: #28c3a9;
  border-color: #28c3a9;
  color: #fff; }

a.btn-primary:hover, a.btn-primary:not([disabled]):hover,
.btn-primary:hover,
.btn-primary:not([disabled]):hover {
  background-image: none;
  background-color: #1e9481;
  border-color: #1e9481; }

.popin a.btn-secondary,
.popin .btn-secondary,
.white-box a.btn-secondary,
.white-box .btn-secondary {
  background-color: #f8f8f8;
  border-color: #f8f8f8; }

.popin a.btn-secondary:hover, .popin a.btn-secondary:not([disabled]):hover,
.popin .btn-secondary:hover,
.popin .btn-secondary:not([disabled]):hover,
.white-box a.btn-secondary:hover,
.white-box a.btn-secondary:not([disabled]):hover,
.white-box .btn-secondary:hover,
.white-box .btn-secondary:not([disabled]):hover {
  background-image: none;
  background-color: #d5d5d5;
  border-color: #d5d5d5; }

a.btn-primary,
.btn-primary {
  background-color: #28c3a9;
  border-color: #28c3a9;
  color: #fff; }

a.btn-primary:hover, a.btn-primary:not([disabled]):hover,
.btn-primary:hover,
.btn-primary:not([disabled]):hover {
  background-image: none;
  background-color: #1e9481;
  border-color: #1e9481; }

.priority a.btn-primary,
.priority .btn-primary {
  background-color: #7dcb65;
  border-color: #7dcb65;
  color: #fff; }

.priority a.btn-primary:hover, .priority a.btn-primary:not([disabled]):hover,
.priority .btn-primary:hover,
.priority .btn-primary:not([disabled]):hover {
  background-image: none;
  background-color: #6aae56;
  border-color: #6aae56; }

.ia-capri .cross-sell {
  margin-left: 70px; }

@media screen and (max-width: 768px) {
  .ia-capri .cross-sell {
    margin-left: 0; } }

.ia-capri .cross-sell #assurance-auto {
  background-image: url(../../../../content/dam/mabanque/ia-capri/picto-auto.svg); }

.ia-capri .cross-sell #assurance-habitation {
  background-image: url(../../../../content/dam/mabanque/ia-capri/picto-maison.svg); }

.ia-capri .cross-sell .bloc-cross-sell {
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: left 20px top 40px;
  width: 100%;
  padding: 20px 20px 40px;
  border-radius: 4px; }

.ia-capri .cross-sell .bloc-cross-sell__text {
  margin: 114px 0 20px; }

.ia-capri .cross-sell .bloc-cross-sell__text p {
  font-size: 15px; }

@media screen and (max-width: 768px) {
  .ia-capri .suivi-demande .bloc-cross-sell .btn-primary {
    width: initial; } }