@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;
}*/
/*!
 * Colors
 *
 */
/*une des comptes*/
/*graphe */
/* graph assurance vie */
/*ROP*/
.rop-51 {
  border-left-color: #83b336 !important; }

.rop-categories .rop-51:hover {
  background-color: #83b336 !important; }

.rop-52 {
  border-left-color: #0199ab !important; }

.rop-categories .rop-52:hover {
  background-color: #0199ab !important; }

.rop-53 {
  border-left-color: #135eab !important; }

.rop-categories .rop-53:hover {
  background-color: #135eab !important; }

.rop-54 {
  border-left-color: #4c1ab1 !important; }

.rop-categories .rop-54:hover {
  background-color: #4c1ab1 !important; }

.rop-55 {
  border-left-color: #aa419c !important; }

.rop-categories .rop-55:hover {
  background-color: #aa419c !important; }

.rop-56 {
  border-left-color: #7133a2 !important; }

.rop-categories .rop-56:hover {
  background-color: #7133a2 !important; }

.rop-57 {
  border-left-color: #cc1a59 !important; }

.rop-categories .rop-57:hover {
  background-color: #cc1a59 !important; }

.rop-58 {
  border-left-color: #9e9e9e !important; }

.rop-categories .rop-58:hover {
  background-color: #9e9e9e !important; }

.rop-59 {
  border-left-color: #140b6f !important; }

.rop-categories .rop-59:hover {
  background-color: #140b6f !important; }

/*ppi*/
/*couleur generique pro*/
/* Mes documents */
/* Footer */
/*************************
** REFACTORING VARIABLE **
**************************/
/******************
****** Navigation ******
*******************/
/*************************************
************** Header ****************
**************************************/
/*****************************************
 **************** Bouton *****************
 ****************************************/
/*************************************
*************** Form *****************
**************************************/
/****************
 ***** ROP *****
 ***************/
/***************
 ****** UDC ****
 ***************/
/******************
****** IDENT ******
*******************/
/******************
****** EPARGNE ******
*******************/
/*!
 * fonts
 *
 */
.list-main-produit-assurance li {
  display: table;
  margin-bottom: 1rem;
  min-height: 115px;
  cursor: pointer; }

.list-main-produit-assurance li i, .list-main-produit-assurance li p {
  display: table-cell;
  vertical-align: middle; }

.list-main-produit-assurance li.toggled {
  background-color: #4ed7b3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4ed7b3), to(#5cc569));
  background-image: linear-gradient(#4ed7b3, #5cc569);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ed7b3', endColorstr='#5cc569',GradientType=0 );
  color: #fff; }

.list-main-produit-assurance i,
.wrapper-sinistre .list-fav .main-row i {
  font-size: 3.5rem;
  width: 4rem;
  padding-right: 1rem; }

.wrapper-sinistre .list-fav .main-row > .pull-left {
  display: table; }

.wrapper-sinistre .list-fav .main-row i, .wrapper-sinistre .list-fav .main-row h3 {
  display: table-cell;
  vertical-align: middle; }

.wrapper-sinistre .list-fav .folder-btn {
  margin-top: 5px; }

.wrapper-sinistre .list-fav .open .main-row {
  color: #1b9b5b; }

.wrapper-sinistre.arrow-bottom:after {
  border-color: #E7E7E7 rgba(0, 0, 0, 0); }

.list-sous-produit {
  padding: 1rem;
  background-color: #e7e7e7; }

.list-sous-produit > li {
  padding: 1.8rem 0;
  border-bottom: solid 1px #fff;
  position: relative; }

.list-sous-produit > li:last-child {
  border: none; }

.list-sous-produit > li:after {
  content: "\e674";
  font-family: "iconbnp";
  font-size: 1.2rem;
  right: 0;
  position: absolute;
  color: #999999; }

.bottom-sinistre1, .bottom-sinistre2 {
  width: 100%;
  min-height: 384px;
  background-repeat: no-repeat;
  /*background-size: contain;*/
  /*background-image:url(../../../content/dam/mabanque/rsc/contrib/image/particulierssinistre/declarer-sinistre.png);
	background-position: 30% bottom;
	background-size:cover; */ }

#wcm-l-sinistre-mobileo-mobileo2 .bottom-sinistre1, #wcm-l-sinistre-mobileo-mobileo2 .bottom-sinistre2 {
  margin-bottom: 0; }

#allProducts + .illu {
  display: none; }

#allProducts.hidden + .illu {
  display: block; }

.fam-assurance.part .header-page,
.bpf .wrapper-sinistre .header-page {
  padding-bottom: 0; }

.fam-assurance.part .header-page .onglet-sinistre,
.bpf .wrapper-sinistre .header-page .onglet-sinistre {
  width: calc(100% + 4rem);
  margin-left: -2rem; }

.fam-assurance.part .header-page .onglet-sinistre > div,
.bpf .wrapper-sinistre .header-page .onglet-sinistre > div {
  color: #fff;
  padding: 1rem;
  cursor: pointer;
  background-color: rgba(33, 33, 33, 0.8); }

.fam-assurance.part .header-page .onglet-sinistre > div.active,
.bpf .wrapper-sinistre .header-page .onglet-sinistre > div.active {
  color: #212121;
  background-color: #fafafa; }

.fam-assurance.part .list-contact,
.bpf .wrapper-sinistre .list-contact {
  clear: both;
  float: left;
  width: 100%; }

.fam-assurance.part .list-contact li,
.bpf .wrapper-sinistre .list-contact li {
  padding: 1rem;
  text-align: center;
  font-size: rem(16); }

.fam-assurance.part .list-contact li:first-child img[alt="Téléphone"],
.bpf .wrapper-sinistre .list-contact li:first-child img[alt="Téléphone"] {
  float: none !important;
  margin-right: 0 !important;
  vertical-align: bottom; }

.fam-assurance.part .list-contact li:first-child img[alt="mon assistance BNP"],
.bpf .wrapper-sinistre .list-contact li:first-child img[alt="mon assistance BNP"] {
  width: 192px !important;
  height: auto; }

.fam-assurance.part .list-contact li:last-child,
.bpf .wrapper-sinistre .list-contact li:last-child {
  border: none; }

.fam-assurance.part .list-contact li section.telephone,
.bpf .wrapper-sinistre .list-contact li section.telephone {
  margin: 10px auto; }

.fam-assurance.part .list-contact i,
.bpf .wrapper-sinistre .list-contact i {
  font-size: 2.5rem;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  margin-bottom: 2rem; }

.fam-assurance.part .list-contact i:after,
.bpf .wrapper-sinistre .list-contact i:after {
  content: "";
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/generique/icon-shadow.png);
  height: 7px;
  width: 40px;
  background-repeat: no-repeat;
  top: 55px;
  left: 50%;
  margin-left: -20px;
  position: absolute; }

.fam-assurance.part #produit1 ul.list-contact, .fam-assurance.part #produit2 ul.list-contact,
.bpf .wrapper-sinistre #produit1 ul.list-contact,
.bpf .wrapper-sinistre #produit2 ul.list-contact {
  margin-bottom: 80px; }

.fam-assurance.part #produit1 ul.list-contact li, .fam-assurance.part #produit2 ul.list-contact li,
.bpf .wrapper-sinistre #produit1 ul.list-contact li,
.bpf .wrapper-sinistre #produit2 ul.list-contact li {
  width: 33.333333%;
  height: 222px;
  border: 0; }

.fam-assurance.part #produit1 ul.list-contact li.enLigne, .fam-assurance.part #produit2 ul.list-contact li.enLigne,
.bpf .wrapper-sinistre #produit1 ul.list-contact li.enLigne,
.bpf .wrapper-sinistre #produit2 ul.list-contact li.enLigne {
  width: 100%; }

.fam-assurance.part #produit1 hr.ligne, .fam-assurance.part #produit2 hr.ligne,
.bpf .wrapper-sinistre #produit1 hr.ligne,
.bpf .wrapper-sinistre #produit2 hr.ligne {
  clear: both; }

.bpf .wrapper-sinistre hr.ligne {
  clear: both; }

@media screen and (max-width: 1200px) {
  .fam-assurance.part #produit1 ul.list-contact, .fam-assurance.part #produit2 ul.list-contact,
  .bpf .wrapper-sinistre #produit1 ul.list-contact,
  .bpf .wrapper-sinistre #produit2 ul.list-contact {
    margin-bottom: 30px; }
  .fam-assurance.part #produit1 ul.list-contact li, .fam-assurance.part #produit2 ul.list-contact li,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li {
    width: 100% !important;
    height: auto !important;
    margin: 40px 0 !important;
    padding: 0 40px; }
  .fam-assurance.part #produit1 ul.list-contact li.enLigne, .fam-assurance.part #produit2 ul.list-contact li.enLigne,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li.enLigne,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li.enLigne {
    width: 100%; }
  .fam-assurance.part #produit1 ul.list-contact li img, .fam-assurance.part #produit2 ul.list-contact li img,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li img,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li img {
    float: none;
    margin-right: 0;
    float: inherit;
    margin-right: 0;
    vertical-align: bottom; }
  .fam-assurance.part #produit1 ul.list-contact li img[alt="Téléphone"], .fam-assurance.part #produit2 ul.list-contact li img[alt="Téléphone"],
  .bpf .wrapper-sinistre #produit1 ul.list-contact li img[alt="Téléphone"],
  .bpf .wrapper-sinistre #produit2 ul.list-contact li img[alt="Téléphone"] {
    float: none !important;
    margin-right: 0 !important;
    vertical-align: bottom; }
  .fam-assurance.part #produit1 ul.list-contact li img[alt="mon assistance BNP"], .fam-assurance.part #produit2 ul.list-contact li img[alt="mon assistance BNP"],
  .bpf .wrapper-sinistre #produit1 ul.list-contact li img[alt="mon assistance BNP"],
  .bpf .wrapper-sinistre #produit2 ul.list-contact li img[alt="mon assistance BNP"] {
    width: 100px !important;
    height: auto; }
  .fam-assurance.part #produit1 ul.list-contact li img + p, .fam-assurance.part #produit2 ul.list-contact li img + p,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li img + p,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li img + p {
    margin-top: 35px;
    width: calc(100% - 80px); }
  .fam-assurance.part #produit1 ul.list-contact li > p, .fam-assurance.part #produit2 ul.list-contact li > p,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li > p,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li > p {
    text-align: center;
    float: left;
    width: 100%; } }

@media screen and (max-width: 768px) {
  .fam-assurance.part #produit1 ul.list-contact, .fam-assurance.part #produit2 ul.list-contact,
  .bpf .wrapper-sinistre #produit1 ul.list-contact,
  .bpf .wrapper-sinistre #produit2 ul.list-contact {
    margin-bottom: 30px; }
  .fam-assurance.part #produit1 ul.list-contact li, .fam-assurance.part #produit2 ul.list-contact li,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li {
    width: 100% !important;
    margin: 40px 0 !important;
    padding: 0 40px; }
  .fam-assurance.part #produit1 ul.list-contact li.enLigne, .fam-assurance.part #produit2 ul.list-contact li.enLigne,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li.enLigne,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li.enLigne {
    width: 100%; }
  .fam-assurance.part #produit1 ul.list-contact li:first-child img + p, .fam-assurance.part #produit2 ul.list-contact li:first-child img + p, .bpf .wrapper-sinistre #produit1 ul.list-contact li:first-child img + p, .bpf .wrapper-sinistre #produit2 ul.list-contact li:first-child img + p {
    margin-top: 15px; }
  .fam-assurance.part #produit1 ul.list-contact li img, .fam-assurance.part #produit2 ul.list-contact li img,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li img,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li img {
    float: none;
    margin-right: 0; }
  .fam-assurance.part #produit1 ul.list-contact li img[alt="telephone"], .fam-assurance.part #produit2 ul.list-contact li img[alt="telephone"], .bpf .wrapper-sinistre #produit1 ul.list-contact li img[alt="telephone"], .bpf .wrapper-sinistre #produit2 ul.list-contact li img[alt="telephone"] {
    float: inherit;
    margin-right: 0;
    vertical-align: bottom; }
  .fam-assurance.part #produit1 ul.list-contact li > p, .fam-assurance.part #produit2 ul.list-contact li > p,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li > p,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li > p {
    text-align: center; } }

@media screen and (max-width: 375px) {
  .fam-assurance.part #produit1 ul.list-contact, .fam-assurance.part #produit2 ul.list-contact,
  .bpf .wrapper-sinistre #produit1 ul.list-contact,
  .bpf .wrapper-sinistre #produit2 ul.list-contact {
    margin-bottom: 30px; }
  .fam-assurance.part #produit1 ul.list-contact li, .fam-assurance.part #produit2 ul.list-contact li,
  .bpf .wrapper-sinistre #produit1 ul.list-contact li,
  .bpf .wrapper-sinistre #produit2 ul.list-contact li {
    width: 100%;
    height: initial; } }

/* Virement */
.relative {
  position: relative; }

.popin-cache.interst-opacity {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.popin-cache.interst-opacity.intersticiel-z-index {
  z-index: 201; }

.popin.popin-full {
  bottom: 0;
  max-width: none;
  width: auto;
  margin: 0; }

#virementInterstPopin {
  top: -60px; }

.interstitiel {
  /* --------------  */
  /* --------------  */
  /* --------------  */
  /* --------------  */ }

.interstitiel .bnpp_sans_condensedregular {
  font-family: "bnpp_sans_condensed_light"; }

.interstitiel .bnp_typelight {
  font-family: "bnpp_typelight"; }

.interstitiel .w300 {
  font-weight: 300; }

.interstitiel .w400 {
  font-weight: 400; }

.interstitiel .w700 {
  font-weight: 700; }

.interstitiel .close.popin-close {
  border-width: 3px;
  height: 40px;
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  color: #FFFFFF; }

.interstitiel .anim-container {
  position: absolute;
  color: #4d4d4d;
  background-color: whitesmoke;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  padding: 34px; }

.interstitiel .anime-text-container span {
  white-space: nowrap; }

.interstitiel #interst-bloc1, .interstitiel #interst-bloc2, .interstitiel #interst-bloc3 {
  overflow: hidden;
  position: absolute; }

.interstitiel .disappear.show#interst-bloc1, .interstitiel #interst-bloc2-selections .disappear.show#interst-bloc2-selection1, .interstitiel #interst-bloc2-selections .disappear.show#interst-bloc2-selection2, .interstitiel #interst-bloc2-selections .disappear.show#interst-bloc2-selection3, .interstitiel #interst-bloc2-selections .disappear.show#interst-bloc2-selection4, .interstitiel .disappear.show#interst-bloc3-selection1, .interstitiel #interst-bloc2.disappear.show, .interstitiel #interst-bloc3.disappear.show {
  -webkit-transition: opacity 2.5s ease-in;
  transition: opacity 2.5s ease-in;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important; }

.interstitiel #interst-bloc1, .interstitiel #interst-bloc2-selections #interst-bloc2-selection1, .interstitiel #interst-bloc2-selections #interst-bloc2-selection2, .interstitiel #interst-bloc2-selections #interst-bloc2-selection3, .interstitiel #interst-bloc2-selections #interst-bloc2-selection4, .interstitiel #interst-bloc3-selection1 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

.interstitiel .show#interst-bloc1, .interstitiel #interst-bloc2-selections .show#interst-bloc2-selection1, .interstitiel #interst-bloc2-selections .show#interst-bloc2-selection2, .interstitiel #interst-bloc2-selections .show#interst-bloc2-selection3, .interstitiel #interst-bloc2-selections .show#interst-bloc2-selection4, .interstitiel .show#interst-bloc3-selection1 {
  opacity: 1;
  filter: alpha(opacity=100); }

.interstitiel #interst-bloc1, .interstitiel #interst-bloc1 .anim-container {
  width: 407px;
  height: 230px; }

.interstitiel #interst-bloc1 {
  /*Votre espace virements et services change!*/
  left: 480px;
  top: 300px; }

.interstitiel #interst-bloc1 .anime-text-container {
  font-size: 45px;
  line-height: 56px;
  text-transform: uppercase; }

.interstitiel #interst-bloc2 .anim-container {
  width: 249px;
  height: 143px; }

.interstitiel #interst-bloc2 {
  /* En un clic... */
  left: 225px;
  bottom: 450px;
  width: 315px;
  height: 0;
  -webkit-transition: height 1s ease-in;
  transition: height 1s ease-in; }

.interstitiel #interst-bloc2 .anim-container {
  padding: 20px 34px 23px 29px;
  right: 0;
  top: 0; }

.interstitiel #interst-bloc2 .anime-text-container {
  font-size: 23px; }

.interstitiel #interst-bloc2.show {
  height: 157px; }

.interstitiel #interst-bloc2::after {
  content: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/virement-fleche2.png");
  position: absolute;
  bottom: 0;
  right: 260px; }

.interstitiel #interst-bloc2-selections {
  width: 669px;
  height: 39px;
  position: absolute;
  top: 211px;
  left: 166px; }

.interstitiel #interst-bloc2-selections #interst-bloc2-selection1 {
  position: relative;
  display: inline-block;
  width: 146px;
  height: 39px;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/interst-bloc2-selection1.png"); }

.interstitiel #interst-bloc2-selections #interst-bloc2-selection2 {
  position: relative;
  left: 36px;
  display: inline-block;
  width: 146px;
  height: 39px;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/interst-bloc2-selection2.png"); }

.interstitiel #interst-bloc2-selections #interst-bloc2-selection3 {
  position: relative;
  left: 72px;
  display: inline-block;
  width: 93px;
  height: 39px;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/interst-bloc2-selection3.png"); }

.interstitiel #interst-bloc2-selections #interst-bloc2-selection4 {
  position: relative;
  left: 105px;
  display: inline-block;
  width: 147px;
  height: 39px;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/interst-bloc2-selection4.png"); }

.interstitiel #interst-bloc3 .anim-container {
  width: 332px;
  height: 60px; }

.interstitiel #interst-bloc3 {
  /* Ainsi que les autres services */
  left: 1000px;
  top: 77px;
  width: 332px;
  height: 0;
  -webkit-transition: height 1s ease-in;
  transition: height 1s ease-in; }

.interstitiel #interst-bloc3 .anim-container {
  padding: 17px 33px 18px 29px;
  right: 0;
  bottom: 0; }

.interstitiel #interst-bloc3 .anime-text-container {
  font-size: 23px; }

.interstitiel #interst-bloc3.show {
  height: 132px; }

.interstitiel #interst-bloc3::before {
  content: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/virement-fleche3.png");
  position: absolute;
  top: 0;
  right: 69px; }

.interstitiel #interst-bloc3-selection1 {
  position: absolute;
  display: inline-block;
  width: 1032px;
  height: 38px;
  left: 150px;
  top: 71px;
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/virement/interst-bloc3-selection1.png"); }

.bpf .interstitiel #interst-bloc3-selection1 {
  left: 145px;
  top: 70px; }

.bpf .interstitiel #interst-bloc2-selections #interst-bloc2-selection1 {
  width: 169px; }

.bpf .interstitiel #interst-bloc2-selections #interst-bloc2-selection2 {
  width: 164px;
  left: -2px; }

.bpf .interstitiel #interst-bloc2-selections #interst-bloc2-selection3 {
  left: 9px; }

.bpf .interstitiel #interst-bloc2-selections #interst-bloc2-selection4 {
  left: 17px; }

.pro .interstitiel #interst-bloc3-selection1 {
  left: 146px; }

#activation-par-cle-digitale .form.validate-form.activation-sms fieldset {
  padding-bottom: 220px; }

#activation-par-cle-digitale .form.validate-form.activation-sms p.libelle:after {
  content: '';
  position: absolute;
  left: calc(50% - 116px);
  background-image: url("../../../content/dam/mabanque/rsc/contrib/image/generique/loader-ajout-beneficiaire-part.gif") !important;
  background-size: inherit !important;
  margin: 30px auto 0;
  width: 356px !important;
  height: 207px !important; }

#activation-par-cle-digitale .form.validate-form.activation-sms .jsloader {
  display: none !important; }

#activation-par-SMS .form.validate-form.activation-sms p.libelle::after,
#confirmation-envoi-code-courrier .form.validate-form.activation-sms p.libelle::after {
  background: none;
  height: auto; }

#difficulte-validation .icon-carret-down {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#difficulte-validation.open .icon-carret-down {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.ec-messagerie p {
  margin: 0; }

.ec-messagerie.message-securise {
  border-bottom: 1px solid #CCC; }

.ec-messagerie.message-securise .form-info .col-90 {
  padding: 0;
  border: 0; }

.ec-messagerie.message-securise .form-info .col-90 h3 {
  background-color: #faf8f9;
  margin: 0;
  padding: 20px 25px; }

.ec-messagerie.message-securise .form-info .col-90 .msg-details {
  margin-left: 0;
  padding: 25px; }

.ec-messagerie.message-securise .form-info .col-90 .msg-details ul {
  list-style-position: inside;
  list-style-type: none;
  padding-left: 0;
  margin-top: 0; }

.ec-messagerie.message-securise .form-info .col-90 .msg-details ul p {
  margin-top: 20px; }

.ec-messagerie.message-securise .form-info .col-90 .msg-details ul p:first-child {
  margin-top: 0; }

.ec-messagerie.message-securise .form-info .col-10 {
  height: 67px;
  background-color: #faf8f9;
  padding: 20px 25px; }

.ec-messagerie.message-securise .form-info .col-10 .folder-btn {
  padding-top: 2rem;
  display: inline-block;
  margin: 0 auto;
  float: none; }

.wrapper-virement {
  background-color: #e7e7e7;
  overflow: hidden;
  padding: 25px;
  padding-bottom: 40px; }

.wrapper-virement .row.form-info {
  padding-bottom: 1rem; }

.wrapper-virement .row.form-info .icon-info {
  padding-top: 0.5rem; }

.wrapper-virement input#input-date-fin[disabled=disabled] + label {
  color: #a79e9e; }

.wrapper-virement .wrapper-virement #email-beneficiaire input[disabled=disabled] + label,
.wrapper-virement .wrapper-virement #email-beneficiaire input[disabled=disabled] + label:after {
  color: #878787 !important; }

.wrapper-virement .wrapper-virement #email-beneficiaire input[disabled=disabled] + label:before {
  border: 1px solid #878787 !important; }

.wrapper-virement .logo-banque {
  float: left;
  margin: 1rem 1rem 00; }

.wrapper-virement .confirmation {
  margin: 20px 0; }

.wrapper-virement .confirmation .icon-form-info {
  margin: 0 auto; }

.wrapper-virement .close {
  color: #248E59;
  border-width: 3px; }

.wrapper-virement .icon-star {
  color: #248E59;
  font-size: 1.5rem;
  padding-right: 5px;
  vertical-align: text-top; }

.wrapper-virement .liste-crediteur .disable {
  display: none; }

.wrapper-virement .liste-crediteur .versement-disabled {
  background-color: #dcdfe0; }

.wrapper-virement .list-fav > .form-ligne-titre,
.wrapper-virement .handlebar-template-placeholder > .form-ligne-titre,
.wrapper-virement .margin-top + .form-ligne-titre {
  margin-top: 5px; }

.wrapper-virement #confirmation-envoi-code-courrier .confirmation .icon-form-info {
  background-position: center -72px; }

.wrapper-virement .recap-detail-vir + p, .wrapper-virement .confirmation + p {
  color: #767676; }

.wrapper-virement .onglet-ancre {
  padding: 0; }

.wrapper-virement .onglet-ancre:hover {
  border: none;
  border-left: solid 3px #CCCCCC; }

.wrapper-virement .onglet-ancre a {
  display: block;
  padding: 10px;
  color: #212121; }

.wrapper-virement .form-ligne-titre {
  min-height: 4.5em; }

.wrapper-virement .form-ligne-titre h3 span {
  color: #5dc66a; }

.wrapper-virement .form-ligne-titre .help-text-container .circle-container {
  color: #5dc66a;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif; }

.wrapper-virement .form-ligne-titre + .white-box {
  border-top: none; }

.wrapper-virement .no-service {
  padding: 25px; }

.wrapper-virement em {
  font-style: normal;
  color: #5dc66a; }

.wrapper-virement .compte {
  border-left-color: #5dc66a; }

.wrapper-virement .compte strong {
  color: #5dc66a; }

.wrapper-virement .livret {
  border-left-color: #2491ee; }

.wrapper-virement .livret strong {
  color: #2491ee; }

.wrapper-virement .credit {
  border-left-color: #800a91; }

.wrapper-virement .credit strong {
  color: #800a91; }

.wrapper-virement .montant-vir.negatif, .wrapper-virement .avenir.negatif {
  color: #e64444; }

.wrapper-virement .versement-disabled,
.wrapper-virement .versement-disabled strong {
  color: #999999; }

.wrapper-virement #button-show-sans-iban {
  display: block;
  clear: both; }

.wrapper-virement .jsloader {
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/generique/loader-sprites-grey.png);
  margin: 0 auto; }

.wrapper-virement .icon-envoi-courrier {
  margin: 0 auto; }

.popin.virement {
  width: 800px;
  top: 30%; }

.popin.virement .row {
  margin: 40px 0 20px; }

.popin.virement i {
  display: inline-block; }

.popin.virement [class*=btn-] + [class*=btn-] {
  margin-left: 20px; }

.encadre-tel {
  border: solid 1px #dcdfe0;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
  background-image: linear-gradient(#fff, #f6f6f6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f9f9f9',GradientType=0 );
  color: #5dc66a;
  padding: 1.5rem;
  padding-bottom: 0; }

.encadre-tel.marg {
  margin: 1rem 0; }

.encadre-tel .icon-phone-alt {
  font-size: 3rem;
  width: 3rem;
  height: 3rem; }

.encadre-tel .num-vert {
  color: #1c9f5d;
  font-size: rem(40);
  line-height: 2rem;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif; }

.encadre-tel .num-vert + p {
  color: #1c9f5d;
  margin-top: 0; }

.list-fav {
  /* .verf-vir {
		.help-text-popup-content { width:200px; }
		} */ }

.list-fav .help-text-container {
  color: #999999;
  padding-top: 30px; }

.list-fav .help-text-container .circle {
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  color: #5dc66a;
  border-color: #5dc66a; }

.list-fav li:hover .main-row {
  cursor: pointer; }

.list-fav > li,
.display-compte {
  border: solid 1px #dcdfe0;
  border-top: none;
  padding: 0;
  background-color: #fff; }

.list-fav > li .montant-vir,
.display-compte .montant-vir {
  text-align: center; }

.list-fav > li .main-row,
.list-fav > li .detail-vir,
.list-fav > li .row-btn,
.list-fav > li .formulaire-activation,
.display-compte .main-row,
.display-compte .detail-vir,
.display-compte .row-btn,
.display-compte .formulaire-activation {
  padding: 25px; }

.list-fav > li .detail-vir, .list-fav > li .detail-vir2, .list-fav > li .row-btn,
.display-compte .detail-vir,
.display-compte .detail-vir2,
.display-compte .row-btn {
  background-color: #F8F8F8;
  border-top: solid 1px #dcdfe0; }

.list-fav > li .row.fleche + .row-btn,
.list-fav > li .row.fleche + .detail-vir,
.display-compte .row.fleche + .row-btn,
.display-compte .row.fleche + .detail-vir {
  border-top: none; }

.list-fav > li .main-row,
.display-compte .main-row {
  padding-bottom: 1rem; }

.list-fav > li .main-row .icon,
.display-compte .main-row .icon {
  font-size: 2rem;
  width: 2rem;
  height: 2rem; }

.list-fav > li .main-row .icon:after,
.display-compte .main-row .icon:after {
  clear: both;
  display: table; }

.list-fav > li .main-row .icon.icon-couple:after,
.display-compte .main-row .icon.icon-couple:after {
  display: inline; }

.list-fav > li .detail-vir2,
.display-compte .detail-vir2 {
  padding: 0 25px;
  line-height: 2rem; }

.list-fav > li .detail-vir2 p,
.display-compte .detail-vir2 p {
  color: #767676; }

.list-fav > li .row.fleche + .detail-vir,
.display-compte .row.fleche + .detail-vir {
  padding: 10px 25px 15px; }

.list-fav > li .row.fleche + .detail-vir .row-border:last-child .col-30, .list-fav > li .row.fleche + .detail-vir .row-border:last-child .col-65,
.display-compte .row.fleche + .detail-vir .row-border:last-child .col-30,
.display-compte .row.fleche + .detail-vir .row-border:last-child .col-65 {
  border-bottom: none; }

.list-fav > li .formulaire-activation,
.display-compte .formulaire-activation {
  border-top: solid 1px #dcdfe0; }

.list-fav > li .col-infos-comptes,
.display-compte .col-infos-comptes {
  width: 60%; }

.list-fav > li .col-infos-autres,
.display-compte .col-infos-autres {
  width: 40%;
  padding-left: 2%; }

.list-fav > li .col-infos-autres .col-10.pull-right + .col-10 + .col-60, .list-fav > li .col-infos-autres .col-10.pull-right + .col-10 + .col-80,
.display-compte .col-infos-autres .col-10.pull-right + .col-10 + .col-60,
.display-compte .col-infos-autres .col-10.pull-right + .col-10 + .col-80 {
  padding-left: 1rem; }

.list-fav > li .compteD, .list-fav > li .compteC,
.display-compte .compteD,
.display-compte .compteC {
  position: relative; }

.list-fav > li .compteD strong, .list-fav > li .compteD .libelle, .list-fav > li .compteC strong, .list-fav > li .compteC .libelle,
.display-compte .compteD strong,
.display-compte .compteD .libelle,
.display-compte .compteC strong,
.display-compte .compteC .libelle {
  word-wrap: break-word; }

.list-fav > li .compteD strong .icon, .list-fav > li .compteD .libelle .icon, .list-fav > li .compteC strong .icon, .list-fav > li .compteC .libelle .icon,
.display-compte .compteD strong .icon,
.display-compte .compteD .libelle .icon,
.display-compte .compteC strong .icon,
.display-compte .compteC .libelle .icon {
  font-size: 1rem; }

.list-fav > li .compteD:after,
.display-compte .compteD:after {
  content: "\e645";
  font-family: "iconbnp";
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  color: #CCCCCC; }

.list-fav > li .compteC,
.display-compte .compteC {
  padding-left: 5%; }

.list-fav > li .row-btn .white-box,
.display-compte .row-btn .white-box {
  min-height: 120px;
  padding-top: 1rem;
  float: left; }

.list-fav > li .row-btn .white-box i,
.display-compte .row-btn .white-box i {
  font-size: 2rem; }

.list-fav > li .row-btn .white-box.arrow-left,
.display-compte .row-btn .white-box.arrow-left {
  padding: 1rem;
  padding-top: 0; }

.list-fav > li .row-btn .white-box.arrow-left:after,
.display-compte .row-btn .white-box.arrow-left:after {
  border-right-color: #fff; }

.list-fav > li .row-btn .white-box.arrow-left:before,
.display-compte .row-btn .white-box.arrow-left:before {
  position: absolute;
  border-width: 11px 11px 11px 0;
  right: 100%;
  top: 50%;
  margin-top: -10px;
  border-right-color: #dcdfe0; }

.list-fav > li .row-btn button,
.display-compte .row-btn button {
  padding: 4px 1.2rem;
  margin-right: 5px; }

.list-fav > li .row-btn button.btn-primary.pull-right:first-child,
.display-compte .row-btn button.btn-primary.pull-right:first-child {
  margin-right: 0; }

.list-fav > li .white-box.alert-vpp-error,
.display-compte .white-box.alert-vpp-error {
  padding: 0 1rem; }

.list-fav > li .statut-actif, .list-fav > li .statut-valide,
.display-compte .statut-actif,
.display-compte .statut-valide {
  color: #49c87d; }

.folder-btn {
  cursor: pointer;
  font-size: 1rem;
  float: right; }

.folder-btn .icon-carret-down,
.folder-btn .icon-carret-up, .folder-btn .icon-add {
  display: block;
  opacity: 0.6;
  margin-top: 5px; }

.expanded .folder-btn .icon-add {
  background-position: center -873px; }

.list-mescomptes-container {
  margin-top: -1px; }

.list-mescomptes-container .nano-pane {
  right: 10px; }

.list-comptes li, .selection-compte {
  background-color: #fff;
  border-top: solid 1px #dcdfe0;
  border-right: solid 1px #dcdfe0;
  border-bottom: solid 1px #fff;
  border-left: solid 3px #CCCCCC;
  padding: 1rem 1.5rem 1rem 1rem;
  overflow: hidden;
  cursor: pointer; }

.list-comptes li:hover, .list-comptes li.active, .selection-compte:hover, .selection-compte.active {
  border: solid 2px #212121; }

.list-comptes li.compte:hover, .list-comptes li.compte.active, .selection-compte.compte:hover, .selection-compte.compte.active {
  border: solid 2px #5dc66a;
  border-left: solid 3px #5dc66a; }

.list-comptes li.externe:hover, .list-comptes li.externe.active, .selection-compte.externe:hover, .selection-compte.externe.active {
  border: solid 2px #212121; }

.list-comptes li.livret:hover, .list-comptes li.livret.active, .selection-compte.livret:hover, .selection-compte.livret.active {
  border: solid 2px #2491ee;
  border-left: solid 3px #2491ee; }

.list-comptes li.credit:hover, .list-comptes li.credit.active, .selection-compte.credit:hover, .selection-compte.credit.active {
  border: solid 2px #800a91;
  border-left: solid 3px #800a91; }

.list-comptes li.versement-disabled:hover, .list-comptes li.versement-disabled.active, .selection-compte.versement-disabled:hover, .selection-compte.versement-disabled.active {
  border: solid 2px #e64444;
  border-left: solid 3px #e64444; }

.list-comptes li .montant-vir, .selection-compte .montant-vir {
  font-weight: 600; }

.select-compte-debiter,
.select-compte-crediter {
  position: relative; }

.select-compte-debiter .selection-compte,
.select-compte-crediter .selection-compte {
  border: solid 2px #212121; }

.select-compte-debiter .selection-compte.compte,
.select-compte-crediter .selection-compte.compte {
  border: solid 2px #5dc66a; }

.select-compte-debiter .selection-compte.compte .icon-stylo2,
.select-compte-crediter .selection-compte.compte .icon-stylo2 {
  background-position: center -48px; }

.select-compte-debiter .selection-compte.livret,
.select-compte-crediter .selection-compte.livret {
  border: solid 2px #2491ee; }

.select-compte-debiter .selection-compte.livret .icon-stylo2,
.select-compte-crediter .selection-compte.livret .icon-stylo2 {
  background-position: center -81px; }

.select-compte-debiter .selection-compte.credit,
.select-compte-crediter .selection-compte.credit {
  border: solid 2px #800a91; }

.select-compte-debiter .selection-compte .icon-stylo2,
.select-compte-crediter .selection-compte .icon-stylo2 {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  background-position: center -117px; }

.form-virement .row:not(.vir-footer) {
  padding: rem(25); }

.form-virement fieldset {
  background-color: #fff;
  padding: 0; }

.form-virement .cell {
  padding-top: 40px; }

.form-virement .icon-calculette {
  font-size: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  color: #248E59;
  padding-right: 10%; }

.form-virement .custom-select2 .form-control {
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-size: 1.5rem; }

.form-virement label.mobile-only + .custom-select {
  margin-top: 0; }

.form-virement .input-container .join-input, .form-virement .input-container .join-montant {
  margin-top: 5px; }

.form-virement .input-container.radio-box {
  margin-bottom: 20px;
  overflow: hidden; }

.form-virement .row > .col-50:last-child {
  padding-right: 0; }

.form-virement .row-encadre-gris .float-label > .input-container {
  clear: both; }

.form-virement fieldset.row-encadre-gris {
  background-color: #F8F8F8;
  border-left: none;
  border-right: none; }

.form-virement fieldset.row-encadre-gris span.js-caractere-restant {
  text-align: right;
  display: block; }

.form-virement fieldset.fieldsetTop {
  min-height: auto; }

.form-virement fieldset#email-beneficiaire {
  margin-top: -20px;
  width: 100%;
  display: block;
  padding: 20px; }

.form-virement fieldset#email-beneficiaire .col-25 {
  position: relative; }

.recap-detail-vir {
  padding: 10px 25px 25px;
  color: #424242; }

.recap-detail-vir .col-65 > .montant-vir {
  margin-right: 1rem; }

.recap-detail-vir.no-border {
  border-left: none;
  border-right: none;
  border-bottom: none; }

.form-hv .close {
  color: #dcdfe0;
  margin: 10px 10px 0 0; }

.vir-footer {
  margin-top: 20px; }

.add-to-fav {
  margin-right: 1rem; }

.add-to-fav .icon-check {
  background-position: bottom;
  margin-right: 10px; }

.add-to-fav .cell-top {
  vertical-align: top; }

.add-to-fav .close {
  color: #dcdfe0; }

.add-to-fav .help-text-popup-content {
  width: 180px; }

.monnaie {
  padding-left: 20px; }

.form-beneficiaires {
  margin-bottom: 40px;
  padding-top: 10px; }

.form-beneficiaires fieldset {
  background-color: #fff;
  padding: 0;
  margin: 0;
  border: solid 1px #dcdfe0; }

.form-beneficiaires .row {
  padding: 5px 25px; }

.form-beneficiaires .row.fleche {
  padding: 0; }

.form-beneficiaires .form-control.bic {
  border-radius: 3px 0 0 3px;
  float: left;
  width: 75%; }

.form-beneficiaires .form-control.iban {
  display: inline-block;
  padding-left: 7px;
  padding-right: 2px;
  width: 75px; }

.form-beneficiaires .form-control.valid.iban {
  background: none; }

.form-beneficiaires .btn-secondary.bic {
  padding: 12px 2%;
  width: 25%;
  font-size: rem(18);
  color: #212121;
  border-radius: 0 3px 3px 0;
  height: 47px;
  border-left: none; }

.form-beneficiaires .reset-input-iban {
  background: url(../../../content/dam/mabanque/rsc/contrib/image/generique/sprite-form.png) center -399px;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  vertical-align: -10px;
  width: 36px; }

.form-beneficiaires .encadre-gris-retour {
  margin: 2.5rem 0 0 2rem; }

.form-beneficiaires .row-encadre-gris {
  border: none;
  border-bottom: solid 1px #dcdfe0;
  margin-bottom: 0; }

.form-beneficiaires .form-control.retour {
  float: right;
  width: 30%; }

.container-bouton-benef, .add-to-fav {
  position: relative;
  min-height: 250px;
  margin-left: 1rem; }

.formulaire-activation .btn-primary.pull-left {
  margin-left: 1.5rem; }

.formulaire-activation .help-text-container.pull-left {
  margin: -0.5rem 0 0 1rem; }

.activation-sms fieldset {
  background-color: #FFF;
  padding: 20px; }

.activation-sms .icon-validation-tel {
  display: inline-block; }

.activation-sms .center-div {
  margin: 0 30%;
  position: relative; }

.activation-sms .help-text-popup-content .icon-check {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  color: #5dc66a;
  margin-right: 1rem; }

.activation-sms .message-retour-popup .arrow {
  left: auto;
  right: 50px; }

.demande-nouveau-code .icon-phone-alt,
.demande-nouveau-code .icon-localisation,
.demande-nouveau-code .icon-enveloppe,
.demande-nouveau-code .icon-iphone {
  font-size: 3rem;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem; }

.demande-nouveau-code .degrade-hover.active:after {
  border-color: transparent; }

.demande-nouveau-code,
.demande-nouveau-code .col-2 {
  padding: 25px; }

.list-mescomptes-container {
  height: 410px; }

.vir_erreur {
  padding: 0; }

.js-benef-international {
  position: relative;
  top: 2.5rem; }

.V2 .wrapper-virement #virement-total {
  position: relative;
  left: 24px;
  top: -2px; }

.V2 #list-mesbeneficiaires {
  margin-top: 0; }

.V2 #virement_benef_noneligible,
.V2 #virement_benef_none {
  background-color: #fff;
  padding: 0.86em 1em 1em;
  border: 1px solid #dcdfe0; }

.V2 #virement_benef_noneligible p,
.V2 #virement_benef_none p {
  padding-left: 25px;
  color: #9d265c;
  margin: 0; }

.V2 #virement_benef_noneligible p:before,
.V2 #virement_benef_none p:before {
  position: relative;
  content: "\e65c";
  font-family: iconbnp;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  background-image: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 0;
  height: 0;
  left: -25px;
  top: 3px;
  font-size: 1.2em;
  display: inline-block; }

.V2 .folder-btn .icon-add {
  margin-top: 0; }

.V2 .list-mescomptes-container {
  height: auto; }

.V2 .col-2.display-comptes .selection-compte {
  border: solid 2px #212121; }

.V2 .col-2.display-comptes .selection-compte.compte {
  border: solid 2px #5dc66a; }

.V2 .col-2.display-comptes .selection-compte.compte .icon-stylo2 {
  background-position: center -48px; }

.V2 .col-2.display-comptes .selection-compte.livret {
  border: solid 2px #2491ee; }

.V2 .col-2.display-comptes .selection-compte.livret .icon-stylo2 {
  background-position: center -81px; }

.V2 .col-2.display-comptes .selection-compte.credit {
  border: solid 2px #800a91; }

.V2 .col-2.display-comptes .selection-compte .icon-stylo2 {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  background-position: center -117px; }

.V2 .display-comptes {
  width: 47%;
  position: relative;
  margin-right: 6%; }

.V2 .display-comptes .form .form-control {
  margin-bottom: 0; }

.V2 .display-comptes .form .row + .row {
  padding-left: 1rem; }

.V2 .display-comptes .form .row + .row > span {
  line-height: 3; }

.V2 .display-comptes .expanded .folder-btn .icon-add {
  background-position: center -876px; }

.V2 .display-comptes h3 {
  font-size: rem(24);
  margin-top: 0.85em;
  margin-left: 1rem;
  color: #8D8D8D;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif; }

.V2 .display-comptes .circle {
  font-size: 1.5rem; }

.V2 .display-comptes .active h3 {
  color: #212121; }

.V2 .display-comptes .active .circle {
  color: #1b9b5b;
  border-color: #1b9b5b; }

.V2 .display-comptes [class^="comptes-"] {
  background-color: #f0f0f0;
  border: 1px solid #dcdfe0; }

.V2 .display-comptes:after {
  content: "\e645";
  font-family: "iconbnp";
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  position: absolute;
  margin-right: -9.5%;
  right: 0;
  top: 1rem;
  color: #999999; }

.V2 .display-comptes + .display-comptes {
  margin-right: 0; }

.V2 .display-comptes + .display-comptes:after {
  display: none; }

.V2 .display-comptes.active + .display-comptes h3 {
  color: #212121; }

.V2 .display-comptes.active + .display-comptes .liste-compte-crediteur .main-vir {
  background: #FFF; }

.V2 .display-comptes.active + .display-comptes .liste-compte-crediteur .main-vir h2 {
  color: #212121; }

.V2 #template-compte-crediteur-placeholder2 .button-checkbox {
  display: none; }

.V2 #virement-unitaire-etape2 .liste-compte-crediteur .main-vir {
  background-color: #f0f0f0; }

.V2 #virement-unitaire-etape2 .liste-compte-crediteur .main-vir h2 {
  font-size: 1.3rem;
  text-transform: inherit;
  font-family: bnp_regular,Arial,sans-serif;
  padding-left: 20px;
  color: #8D8D8D; }

.V2 .wrapper-comptes-benef .btn-ajouter-beneficiaire {
  text-align: center;
  background-color: #F8F8F8;
  margin-top: rem(20);
  padding: .5em 0 0; }

.V2 .wrapper-comptes-benef .btn-ajouter-beneficiaire i {
  font-size: 1.5em;
  margin-right: .25rem; }

.V2 .wrapper-comptes-benef .btn-ajouter-beneficiaire h2 {
  font-size: 1.35em;
  display: inline-block; }

.V2 .liste-compte-crediteur .folder-btn::before {
  content: " ";
  display: block;
  width: 60px;
  height: 60px;
  background-color: #f8f8f8;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-left: solid 1px #dcdfe0;
  border-width: 0 0 1px 1px; }

.V2 .liste-compte-crediteur .col-10 {
  position: relative; }

.V2 .liste-compte-crediteur .col-10 .icon-add {
  background-position: center -833px;
  position: absolute;
  right: 16px; }

.V2 .liste-compte-crediteur .expanded .col-10 .folder-btn .icon-add {
  background-position: center -923px;
  right: 14px; }

.V2 .js-toggle-virement-fav .folder-btn .icon-carret-down {
  top: 5px; }

.V2 .liste-compte-crediteur .main-vir {
  background-color: #f0f0f0;
  position: relative;
  border-left: 1px solid #dcdfe0;
  border-top: 1px solid #dcdfe0;
  border-right: 1px solid #dcdfe0; }

.V2 .liste-compte-crediteur .main-vir .folder-btn {
  padding-top: 19px; }

.V2 .liste-compte-crediteur .main-vir h2 {
  color: #8D8D8D;
  font-size: 1.3rem;
  text-transform: inherit;
  font-family: bnp_regular,Arial,sans-serif;
  padding-top: 8px;
  height: 37px;
  padding-left: 20px; }

.V2 .wrapper-virement {
  overflow: visible; }

.V2 .liste-compte-crediteur .nano {
  position: relative;
  height: 326px; }

.V2 .has-nanoscrollbar li {
  margin-right: 28px;
  border-right: none; }

.V2 .has-nanoscrollbar.beneficiaires li:hover {
  border: solid 2px #212121; }

.V2 .list-mescomptes-container {
  background-color: #fff; }

.V2 .wrapper-virement .row.form-info .icon-info {
  padding-top: 0.1rem; }

.V2 #virement-unitaire-etape6 .col-3 {
  position: relative; }

.V2 #virement-unitaire-etape6 .col-3:nth-child(-n+2)::after {
  content: "\e645";
  font-family: "iconbnp";
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  position: absolute;
  margin-right: -17%;
  right: 0;
  top: 1rem;
  color: #767676; }

.V2 #virement-unitaire-etape6 .select-compte-debiter .selection-compte.compte,
.V2 #virement-unitaire-etape6 .select-compte-crediter .selection-compte,
.V2 #virement-unitaire-etape6 .selection-compte {
  border: none; }

.V2 #virement-unitaire-etape6 .display-compte {
  background-color: transparent;
  border: none; }

.V2 #virement-unitaire-etape6 .col-3 {
  width: 28%;
  margin-right: 8%; }

.V2 #virement-unitaire-etape6 .col-3:nth-child(3n) {
  margin-right: 0; }

/* Modififcations virement et services */
body.new-nav #virement-permanent-etape1 .top-virement .barre-recherche .col-60,
body.new-nav #beneficiaire-etape1 .barre-recherche .col-60 {
  width: calc(64% - 40px); }

body.new-nav #ia-beneficiaire .barre-recherche .col-60,
body.new-nav #id_beneficiaire_div .barre-recherche .col-60 {
  width: calc(64% - 60px);
  margin-left: 30px;
  margin-right: 30px; }

body.part #beneficiaire-etape1 .barre-recherche .form .custom-select2,
body.part #beneficiaire-etape1 .barre-recherche .form .custom-select2:after,
body.part #beneficiaire-etape1 .barre-recherche .form .custom-select:after,
body.part #virement-historique .barre-recherche .form .custom-select2,
body.part #virement-historique .barre-recherche .form .custom-select2:after,
body.part #virement-historique .barre-recherche .form .custom-select:after {
  background-color: transparent;
  top: 0; }

#template-liste-historique-virement .list-fav .main-row .col-infos-comptes .col-45, #template-liste-historique-virement .list-fav .main-row .col-infos-comptes .col-55 {
  width: 50%; }

#template-liste-virement-favori .list-fav .main-row .col-infos-comptes .col-55 {
  width: 46%; }

#template-liste-virement-favori .list-fav .main-row .col-infos-comptes .col-45 {
  width: 54%; }

.recap-detail-vir {
  padding: 10px 25px;
  border: 2px solid #aaa;
  position: relative; }

.recap-detail-vir .libelle {
  display: inline-block;
  padding-bottom: 4px; }

.recap-detail-vir .icon-stylo2 {
  display: block;
  position: absolute;
  top: -16px;
  right: -13px;
  background-position: center -117px; }

#virement-unitaire-etape1 .list-fav,
#template-liste-beneficiaire .list-fav,
#template-liste-virement-permanent .list-fav,
#template-liste-historique-virement .list-fav {
  position: relative;
  /*.folder-btn .icon-carret-down {background-position: center -834px;}
		.folder-btn .icon-carret-up {background-position: center -871px;}  */ }

#virement-unitaire-etape1 .list-fav .row.main-row,
#template-liste-beneficiaire .list-fav .row.main-row,
#template-liste-virement-permanent .list-fav .row.main-row,
#template-liste-historique-virement .list-fav .row.main-row {
  position: relative; }

#virement-unitaire-etape1 .list-fav > li,
#template-liste-beneficiaire .list-fav > li,
#template-liste-virement-permanent .list-fav > li,
#template-liste-historique-virement .list-fav > li {
  position: relative; }

#virement-unitaire-etape1 .list-fav .folder-btn::before,
#template-liste-beneficiaire .list-fav .folder-btn::before,
#template-liste-virement-permanent .list-fav .folder-btn::before,
#template-liste-historique-virement .list-fav .folder-btn::before {
  content: " ";
  display: block;
  width: 0;
  height: auto;
  background-color: #f8f8f8;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #dcdfe0;
  border-width: 0 0 0 1px;
  left: inherit; }

#virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-down,
#virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-up,
#template-liste-beneficiaire .list-fav .folder-btn .icon-carret-down,
#template-liste-beneficiaire .list-fav .folder-btn .icon-carret-up,
#template-liste-virement-permanent .list-fav .folder-btn .icon-carret-down,
#template-liste-virement-permanent .list-fav .folder-btn .icon-carret-up,
#template-liste-historique-virement .list-fav .folder-btn .icon-carret-down,
#template-liste-historique-virement .list-fav .folder-btn .icon-carret-up {
  position: absolute;
  right: 2.5rem;
  height: 30px;
  width: 30px;
  top: calc(50% - 18px); }

#virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-down,
#template-liste-beneficiaire .list-fav .folder-btn .icon-carret-down,
#template-liste-virement-permanent .list-fav .folder-btn .icon-carret-down,
#template-liste-historique-virement .list-fav .folder-btn .icon-carret-down {
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/generique_bpf/sprite-form.png);
  background-repeat: no-repeat;
  height: 30px;
  width: 22px;
  background-position: center -858px; }

#virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-up,
#template-liste-beneficiaire .list-fav .folder-btn .icon-carret-up,
#template-liste-virement-permanent .list-fav .folder-btn .icon-carret-up,
#template-liste-historique-virement .list-fav .folder-btn .icon-carret-up {
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/generique_bpf/sprite-form.png);
  background-repeat: no-repeat;
  height: 30px;
  width: 22px;
  background-position: center -906px; }

#virement-unitaire-etape1 .list-fav .col-infos-autres,
#template-liste-beneficiaire .list-fav .col-infos-autres,
#template-liste-virement-permanent .list-fav .col-infos-autres,
#template-liste-historique-virement .list-fav .col-infos-autres {
  width: 38%;
  padding-left: 2%; }

#virement-unitaire-etape1 .list-fav .col-infos-autres .col-60,
#template-liste-beneficiaire .list-fav .col-infos-autres .col-60,
#template-liste-virement-permanent .list-fav .col-infos-autres .col-60,
#template-liste-historique-virement .list-fav .col-infos-autres .col-60 {
  width: 40%; }

#virement-unitaire-etape1 .list-fav .col-infos-autres .col-10,
#template-liste-beneficiaire .list-fav .col-infos-autres .col-10,
#template-liste-virement-permanent .list-fav .col-infos-autres .col-10,
#template-liste-historique-virement .list-fav .col-infos-autres .col-10 {
  width: 20%; }

#virement-unitaire-etape1 .list-fav .col-infos-autres .col-30,
#template-liste-beneficiaire .list-fav .col-infos-autres .col-30,
#template-liste-virement-permanent .list-fav .col-infos-autres .col-30,
#template-liste-historique-virement .list-fav .col-infos-autres .col-30 {
  width: 40%; }

.simul-cout {
  display: none; }

.recap-detail-vir span.libelle.contre-valeur {
  padding-bottom: 0;
  color: #424242; }

.js-display-other-currency {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 1.66667rem;
  background: #FFF; }

.progression .legende-etape span {
  color: #FFF; }

.form .custom-select2.join-input2.one-devise:after {
  cursor: default;
  content: none; }

.wrapper-virement {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }

#virement-main-favori .barre-recherche .form .custom-select2:after,
#virement-main-favori .barre-recherche .form .custom-select:after {
  background-color: transparent;
  top: 0; }

.white-box.recap-detail-vir {
  padding-bottom: 10px; }

.white-box.recap-detail-vir .libelle {
  padding-bottom: 0px; }

.white-box.recap-detail-vir .foot-note {
  clear: both; }

.white-box.recap-detail-vir > .row.row-border {
  width: 50%;
  float: left; }

.white-box.recap-detail-vir > .row.row-border:nth-of-type(3), .white-box.recap-detail-vir > .row.row-border:nth-of-type(4) {
  margin-top: 1.5rem; }

.white-box.recap-detail-vir > .row.row-border:nth-of-type(3n+0) {
  clear: both; }

.white-box.recap-detail-vir .row-border > .col-65 {
  min-height: 0; }

.white-box.recap-detail-vir .col-30, .white-box.recap-detail-vir .col-65 {
  float: none;
  width: 100%; }

.white-box.recap-detail-vir .col-65 > .montant-vir {
  margin-right: .5rem; }

.white-box.recap-detail-vir .col-30 {
  border: 0;
  padding-top: 0;
  min-height: inherit; }

.white-box.recap-detail-vir .col-65 {
  font-size: 1.2rem; }

.white-box.recap-detail-vir h3 {
  text-transform: inherit;
  font-family: bnp_regular,Arial,sans-serif;
  color: #999;
  line-height: 1.2rem;
  margin-bottom: 5px;
  font-size: 1.1rem; }

.white-box.recap-detail-vir:after {
  content: " ";
  display: table;
  clear: both; }

#annuler-virement-historique .display-compte .main-row,
#ia-virement .display-compte .main-row {
  padding: 0; }

.form-virement.form-vu {
  min-height: 320px;
  position: relative; }

.form-virement.form-vu fieldset {
  padding-bottom: 20px;
  width: 50%;
  float: left;
  min-height: auto !important; }

.form-virement.form-vu fieldset:nth-of-type(1) > .row {
  padding-right: 0px;
  padding-top: 1.5rem; }

.form-virement.form-vu fieldset label.no-mob {
  display: none; }

.form-virement.form-vu fieldset .col-50 label.mobile-only {
  display: block; }

.form-virement.form-vu fieldset::-ms-clear {
  padding-top: 1.58rem; }

.form-virement.form-vu fieldset:nth-of-type(2) {
  padding-bottom: 2px;
  padding-top: 1.5rem; }

.form-virement.form-vu fieldset:nth-of-type(2):after {
  content: " ";
  display: table;
  clear: both; }

.form-virement.form-vu fieldset textarea#motif-virement.form-control {
  height: 47px;
  padding-top: 11px; }

.form-virement.form-vu p#message-champs.violet {
  clear: both; }

.form-virement fieldset.row-encadre-gris span.js-caractere-restant {
  color: #999;
  text-align: left; }

.vir-footer {
  content: "";
  display: block;
  clear: both; }

.vir-footer .add-to-fav-button .icon-star {
  display: none; }

.form-virement fieldset.row-encadre-gris {
  background: #FFF;
  padding-bottom: 6px; }

.wrapper-virement .js-compte-crediter-selected,
.wrapper-virement .js-compte-debiter-selected {
  overflow: visible;
  position: relative; }

.wrapper-virement .js-compte-crediter-selected:after,
.wrapper-virement .js-compte-debiter-selected:after {
  content: " ";
  display: block;
  clear: both; }

.wrapper-virement .display-compte {
  border: 0;
  background: none; }

.wrapper-virement .display-compte .col-infos-autres {
  background: #FFF;
  padding: 1rem;
  width: 30%; }

.wrapper-virement .display-compte .col-infos-autres .col-80 {
  margin-left: 1rem; }

.wrapper-virement .display-compte .compteD::after {
  right: -17%;
  top: calc(100% - 50px); }

.wrapper-virement .display-compte .col-infos-comptes {
  width: 70%; }

.wrapper-virement .display-compte .col-infos-comptes .col-55,
.wrapper-virement .display-compte .col-infos-comptes .col-45 {
  background: #FFF;
  padding: 1rem; }

.wrapper-virement .display-compte .col-infos-comptes .col-45.compteC .libelle br {
  display: none; }

.wrapper-virement .display-compte .col-infos-comptes .col-55,
.wrapper-virement .display-compte .col-infos-comptes .col-45 {
  width: 40%;
  margin-right: 10%; }

/* A déplacer dans pro-virement après que l'on aura enlever la classe .preview pour MEP */
body.pro .ia-virement .V2 .list-mescomptes-container {
  margin-top: 0; }

body.pro #template-liste-historique-virement .list-fav .folder-btn::before {
  width: 104px; }

body.pro #virement-unitaire-etape1 .list-fav .folder-btn::before {
  width: 100px; }

body.pro #beneficiaire-etape1 .barre-recherche .form .custom-select2,
body.pro #beneficiaire-etape1 .barre-recherche .form .custom-select2:after,
body.pro #beneficiaire-etape1 .barre-recherche .form .custom-select:after,
body.pro #virement-historique .barre-recherche .form .custom-select2,
body.pro #virement-historique .barre-recherche .form .custom-select2:after,
body.pro #virement-historique .barre-recherche .form .custom-select:after {
  background-color: transparent;
  top: 0; }

body.bpf .form-virement fieldset.row-encadre-gris {
  background: #FFF;
  padding-bottom: 6px; }

body.bpf #virement-permanent-etape1 .barre-recherche {
  margin-bottom: 1rem; }

body.bpf .wrapper-virement .form label.radio-label {
  margin-bottom: 7px; }

body.bpf #virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-down,
body.bpf #virement-unitaire-etape1 .list-fav .folder-btn .icon-carret-up,
body.bpf #template-liste-beneficiaire .list-fav .folder-btn .icon-carret-down,
body.bpf #template-liste-beneficiaire .list-fav .folder-btn .icon-carret-up,
body.bpf #template-liste-virement-permanent .list-fav .folder-btn .icon-carret-down,
body.bpf #template-liste-virement-permanent .list-fav .folder-btn .icon-carret-up,
body.bpf #template-liste-historique-virement .list-fav .folder-btn .icon-carret-down,
body.bpf #template-liste-historique-virement .list-fav .folder-btn .icon-carret-up {
  right: 2rem;
  left: auto;
  top: calc(50% - 18px); }

body.bpf.new-nav #ia-beneficiaire .barre-recherche .pull-right.col-20 {
  width: calc(33% - 23px); }

body.bpf .vir_erreur p::before {
  top: -3px; }

body.bpf #virement-main-favori .barre-recherche .form .custom-select2:after,
body.bpf #virement-main-favori .barre-recherche .form .custom-select:after {
  top: 14px; }

/* Modifications virements permanent */
/*global*/
#virement-permanent-etape2 .display-comptes + .display-comptes,
#virement-permanent-etape3 .display-comptes + .display-comptes,
#virement-permanent-etape4 .display-comptes + .display-comptes,
#virement-permanent-etape5 .display-comptes + .display-comptes {
  margin-right: 0; }

#virement-permanent-etape2 .display-comptes + .display-comptes:after,
#virement-permanent-etape3 .display-comptes + .display-comptes:after,
#virement-permanent-etape4 .display-comptes + .display-comptes:after,
#virement-permanent-etape5 .display-comptes + .display-comptes:after {
  display: none; }

#virement-permanent-etape2 .display-comptes,
#virement-permanent-etape3 .display-comptes,
#virement-permanent-etape4 .display-comptes,
#virement-permanent-etape5 .display-comptes {
  width: 47%;
  position: relative;
  margin-right: 6%; }

#virement-permanent-etape2 .display-comptes h3,
#virement-permanent-etape3 .display-comptes h3,
#virement-permanent-etape4 .display-comptes h3,
#virement-permanent-etape5 .display-comptes h3 {
  background-color: #f0f0f0;
  border: 1px solid #dcdfe0;
  padding: 1.3rem 1rem 1rem;
  color: #212121;
  font-family: "bnpp_sans_condensed_regular", Arial, sans-serif;
  font-size: 1.6rem;
  margin: 0; }

#virement-permanent-etape2 .display-comptes h3 .circle,
#virement-permanent-etape3 .display-comptes h3 .circle,
#virement-permanent-etape4 .display-comptes h3 .circle,
#virement-permanent-etape5 .display-comptes h3 .circle {
  display: none; }

#virement-permanent-etape2 .display-comptes .search-liste input,
#virement-permanent-etape3 .display-comptes .search-liste input,
#virement-permanent-etape4 .display-comptes .search-liste input,
#virement-permanent-etape5 .display-comptes .search-liste input {
  margin-bottom: 0; }

#virement-permanent-etape2 .display-comptes .list-mescomptes-container.nano,
#virement-permanent-etape3 .display-comptes .list-mescomptes-container.nano,
#virement-permanent-etape4 .display-comptes .list-mescomptes-container.nano,
#virement-permanent-etape5 .display-comptes .list-mescomptes-container.nano {
  height: auto; }

#virement-permanent-etape2 .display-comptes .list-mescomptes-container.nano > .nano-content,
#virement-permanent-etape3 .display-comptes .list-mescomptes-container.nano > .nano-content,
#virement-permanent-etape4 .display-comptes .list-mescomptes-container.nano > .nano-content,
#virement-permanent-etape5 .display-comptes .list-mescomptes-container.nano > .nano-content {
  position: relative;
  overflow: visible;
  margin-right: 0 !important; }

#virement-permanent-etape2 .display-comptes:after,
#virement-permanent-etape3 .display-comptes:after,
#virement-permanent-etape4 .display-comptes:after,
#virement-permanent-etape5 .display-comptes:after {
  content: "\e645";
  font-family: iconbnp;
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  position: absolute;
  margin-right: -9.5%;
  right: 0;
  top: 1rem;
  color: #999; }

.form-virement.form-vp fieldset + fieldset.row-encadre-gris .float-label.fl-left {
  width: 50%;
  float: left;
  padding-right: 30px; }

.form-virement.form-vp fieldset + fieldset.row-encadre-gris .float-label.fl-left:last-of-type {
  padding-right: 0; }

.form-virement.form-vp fieldset + fieldset.row-encadre-gris .float-label.fl-left:last-of-type .form-control {
  height: 47px; }

#virement-permanent-etape2 .row.vir-footer,
#virement-permanent-etape3 .row.vir-footer {
  padding-left: 2rem;
  padding-bottom: 3rem; }

/*etape1*/
#virement-permanent-etape1 #template-liste-virement-permanent {
  margin-top: 1rem; }

#virement-permanent-etape1 .wrapper-virement #vf-total {
  float: left;
  margin-bottom: 15px; }

/*etape2*/
#virement-permanent-etape2 .display-comptes.active + .display-comptes {
  background-color: #f0f0f0;
  border: 1px solid #dcdfe0; }

#virement-permanent-etape2 .display-comptes.active + .display-comptes h3 {
  color: #8D8D8D;
  font-family: bnpp_sans_condensed_regular,Arial,sans-serif; }

#virement-permanent-etape2 .display-comptes:after,
#virement-permanent-etape2 .display-comptes + .display-comptes {
  display: none; }

/*etape3*/
#virement-permanent-etape3 .display-comptes .stuck-absolute {
  position: relative; }

#virement-permanent-etape3 .display-comptes:after,
#virement-permanent-etape3 .display-comptes + .display-comptes {
  display: block; }

/*etape4 et 5*/
#virement-permanent-etape4 .col-2.display-comptes .selection-compte,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte {
  border: solid 2px #212121; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte.compte,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte.compte {
  border: solid 2px #5dc66a; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte.compte .icon-stylo2,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte.compte .icon-stylo2 {
  background-position: center -48px; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte.livret,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte.livret {
  border: solid 2px #2491ee; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte.livret .icon-stylo2,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte.livret .icon-stylo2 {
  background-position: center -81px; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte.credit,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte.credit {
  border: solid 2px #800a91; }

#virement-permanent-etape4 .col-2.display-comptes .selection-compte .icon-stylo2,
#virement-permanent-etape5 .col-2.display-comptes .selection-compte .icon-stylo2 {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  background-position: center -117px; }

#virement-permanent-etape4 .form textarea.form-control.js-libellecomp-field.form-control.js-libellecomp-field {
  padding-top: 11px; }

/*etape6*/
#virement-permanent-etape6 .display-compte .main-row,
#virement-modification-confirmation .display-compte .main-row,
#virement-suppression .display-compte .main-row {
  padding: 0; }

#virement-suppression .white-box.recap-detail-vir {
  margin-top: 1rem; }

/* modification beneficiaires */
.ia-beneficiaire .wrapper-virement .display-compte {
  border: 1px solid #dcdfe0;
  border-top: none;
  background-color: #FFF; }

/* Fin modififcations virements v3 */
#template-liste-virement-permanent .msg_outil_info {
  margin-top: 0;
  margin-left: 0; }

.msg_outil_info {
  margin: 250px 20px 0 60px;
  color: #9d265c;
  position: relative; }

.msg_outil_info:before {
  font-size: 2.2rem;
  content: "\e65c";
  font-weight: 400;
  position: absolute;
  top: -5px;
  font-variant: normal;
  line-height: 1;
  font-family: iconbnp; }

.msg_outil_info p {
  padding-left: 50px; }

.wrapper-virement-inter .header-page .actions-rapides > a:nth-of-type(3) li.col-3 {
  margin-right: 0; }

.wrapper-virement-inter .content {
  padding: 0 2rem; }

.wrapper-virement-inter .header-page .actions-rapides .white-box i.icon-souscrire-online {
  background-size: 95%;
  background-position: center 0;
  height: 35px;
  width: 35px; }

.wrapper-virement-inter .ml {
  position: absolute;
  font-size: .8em;
  bottom: 0; }

/* ==================================================== */
/* ===== Fonctionnalité ajouter email bénéficiaire ===== */
/* ===================================================== */
.maquette .V2 #virement-unitaire-etape4 .wrapper-virement .form-virement fieldset#email-beneficiaire,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement .form-virement fieldset#email-beneficiaire {
  float: none;
  margin-top: 0;
  padding-top: .5rem;
  padding-bottom: .5rem; }

.maquette .V2 #virement-unitaire-etape4 .wrapper-virement #virement-unitaire-devise,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement #virement-unitaire-devise {
  line-height: inherit; }

.maquette .V2 #virement-unitaire-etape4 .wrapper-virement .form-virement.form-vu fieldset,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement .form-virement.form-vu fieldset {
  min-height: auto; }

.maquette .V2 #virement-unitaire-etape4 .wrapper-virement .row.main-fields,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement .row.main-fields {
  padding: 0;
  background: #FFF; }

.maquette .V2 #virement-unitaire-etape4 .wrapper-virement .row.main-fields fieldset,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement .row.main-fields fieldset {
  margin-bottom: 0; }

.maquette .V2 #virement-unitaire-etape4 .wrapper-virement .js-display-other-currency,
.preview .V2 #virement-unitaire-etape4 .wrapper-virement .js-display-other-currency {
  position: static;
  left: auto;
  width: 100%;
  padding: 0 1.66667rem;
  background: #FFF; }

.maquette .V2 #virement-unitaire-etape5 .wrapper-virement .white-box.recap-detail-vir > .row.row-border:nth-of-type(5),
.preview .V2 #virement-unitaire-etape5 .wrapper-virement .white-box.recap-detail-vir > .row.row-border:nth-of-type(5) {
  margin-top: 1.5rem; }

/* bouton disabled clé digitale ajouter bénéficiaire

.preview #id_beneficiaire_div .vir-footer button#ajouter-benef-activ-af,
.preview #id_beneficiaire_div .vir-footer button#ajouter-benef-activ-sms {
	@include linear-gradient($button_primary_gradient_start, $button_primary_gradient_end);
	border-color: $button_primary_border;
	opacity: 1;
}*/
.activ-virement-inter .popin {
  position: static;
  margin-bottom: 1rem;
  width: 100%; }

.activ-virement-inter i.icon-form-info {
  display: block;
  margin: 0 auto 1rem; }

.activ-virement-inter i.icon-time {
  font-size: 2em; }

.activ-virement-inter .btn-secondary {
  margin-top: 1rem; }

.wrapper-virement-inter .jsloader,
.preview .wrapper-virement-inter .jsloader {
  background-image: url(../../../content/dam/mabanque/rsc/contrib/image/generique/loader-sprites-grey.png);
  margin: 0 auto; }

.wrapper-virement-inter .icon-croix,
.preview .wrapper-virement-inter .icon-croix {
  font-size: 1.5em;
  margin-right: 1rem; }

.wrapper-virement-inter .icon-check,
.preview .wrapper-virement-inter .icon-check {
  color: #1da460;
  font-size: 1em;
  margin-right: .75rem; }

.wrapper-virement-inter i.icon-form-info,
.preview .wrapper-virement-inter i.icon-form-info {
  display: block;
  margin: 0 auto 1rem; }

.wrapper-virement-inter .popin-fixed,
.preview .wrapper-virement-inter .popin-fixed {
  top: 25%; }

.wrapper-virement-vi .display-compte .col-infos-autres .contre-valeur {
  color: #999; }

.wrapper-virement-vi span.back {
  margin-top: 1rem; }

.wrapper-virement-vi .form [type=radio].disable:checked + label:before,
.wrapper-virement-vi .form [type=radio].disable:not(:checked) + label:before,
.wrapper-virement-vi .form-tooltip [type=radio].disable:checked + label:before,
.wrapper-virement-vi .form-tooltip [type=radio].disable:not(:checked) + label:before {
  border-color: #999; }

.wrapper-virement-vi .form [type=radio].disable:checked + label:after,
.wrapper-virement-vi .form [type=radio].disable:not(:checked) + label:after,
.wrapper-virement-vi .form-tooltip [type=radio].disable:checked + label:after,
.wrapper-virement-vi .form-tooltip [type=radio].disable:not(:checked) + label:after {
  color: #999; }

.wrapper-virement-vi #virement-unitaire-etape3 .liste-crediteur.beneficiaires .icon-stylo2 {
  display: none; }

.wrapper-virement-vi .popin-fixed {
  top: 25%; }

.wrapper-virement-vi .popin .back {
  position: relative;
  top: rem(20); }

.wrapper-virement-vi i.icon-form-info {
  display: block;
  margin: 0 auto 1rem; }

.wrapper-virement-vi .white-box.recap-detail-vir {
  border: 2px solid #212121;
  margin-bottom: 1.5rem; }

.wrapper-virement-vi .form-virement fieldset.infos-vi-horsepa {
  width: 100%;
  padding: 0 rem(20) rem(20); }

.wrapper-virement-vi .form-virement fieldset.infos-vi-horsepa > .row {
  padding: 0; }

.wrapper-virement-vi .recap-detail-vir .row-border:first-child > .col-30 {
  border-bottom: 0; }

.wrapper-virement-vi .form-virement fieldset#email-beneficiaire {
  padding-bottom: 0;
  margin-bottom: 0; }

.wrapper-virement-vi .form-virement.form-vi .row {
  padding: 0; }

.wrapper-virement-vi .list-recap-light {
  padding-top: 0; }

.wrapper-virement-vi .list-recap-light span {
  color: #999; }

.wrapper-virement-vi .list-recap-light em {
  color: #1b9b5b; }

.wrapper-virement-vi #virement-unitaire-etape5bis .wrapper-virement .white-box.recap-detail-vir > .row.row-border:nth-of-type(5) {
  margin-top: 1.5rem; }

.wrapper-virement-vi .adresse-beneficiaire .col-50:nth-of-type(2) .custom-select {
  width: 70%; }

.wrapper-virement-vi #virement-unitaire-etape5 .form-info .icon-info {
  position: relative;
  top: 8px; }

body.bpf.new-nav .form .custom-select2::after, body.bpf.new-nav .form .custom-select::after {
  background-image: none;
  top: 13px;
  color: #b2965b;
  width: 22px;
  height: 22px;
  right: 4px; }

.page-content {
  font-family: "bnp_regular", Arial, sans-serif; }

.wcm-fil-ariane-header {
  position: absolute;
  padding: 1rem 1rem 1rem 2rem;
  z-index: 5;
  text-transform: capitalize;
  font-size: .93333rem; }

.wcm-fil-ariane-header .wcm-fil-ariane-token {
  float: left;
  padding-right: .5rem;
  color: #fff;
  position: relative; }

.wcm-fil-ariane-header .wcm-fil-ariane-token a {
  color: #fff; }

.wcm-fil-ariane-header .wcm-fil-ariane-token::after {
  content: "\e674";
  font-family: iconbnp;
  width: 1rem;
  padding-left: .3rem;
  font-size: .7rem; }

.wcm-fil-ariane-header .wcm-fil-ariane-token.current {
  color: rgba(255, 255, 255, 0.8); }

.wcm-fil-ariane-header .wcm-fil-ariane-token.current::after {
  content: ""; }

.list-main-produit-assurance li {
  display: table;
  margin-bottom: 1rem;
  min-height: 115px;
  cursor: pointer;
  padding: 1.66667rem; }

.urgence-auto {
  width: 100%;
  display: inline-block; }

.urgence-auto img {
  display: inline-block;
  vertical-align: middle; }

.text-urgence-auto {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px; }

.urgence-habitation {
  width: 100%;
  display: inline-block; }

.urgence-habitation img {
  display: inline-block;
  vertical-align: middle; }

.text-urgence-habitat {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px; }

.container-bloc {
  padding: 30px;
  background-color: #f5f5f5;
  padding-bottom: 0px; }

#wcm-l-sinistre-assu-auto .container-bloc {
  padding-bottom: 25px; }

#wcm-l-sinistre-assu-habitation .container-bloc {
  padding-bottom: 25px; }

.bloc-urgence {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  height: auto;
  width: 100%;
  padding: 0px 30px;
  background-color: #ffffff; }

.tel-vert {
  background: url("../../../content/dam/mabanque/rsc/contrib/html/particuliers/infographies/assurance/espace-sinistre/images/tel-assurance-auto.png") no-repeat;
  height: 22px;
  width: 166px;
  float: right;
  margin: 0 6.5rem 0 0; }

.encart-sinistre-1,
.encart-sinistre-2,
.encart-sinistre-3 {
  border: none; }

/* CSS RESPONSIVE */
@media (max-width: 1280px) {
  .encart-sinistre-1,
  .encart-sinistre-2,
  .encart-sinistre-3 {
    width: 30%;
    border: none; } }

/* Version Tablette */
@media (max-width: 780px) {
  .encart-sinistre-1,
  .encart-sinistre-2,
  .encart-sinistre-3 {
    width: 100%;
    border: none; } }

.cpm-breadcrumb {
  left: 21%; }

.bloc-onglet-secu {
  background-color: white;
  padding: 20.0px;
  border-bottom: 1px solid #dcdfe0; }

.bloc-onglet-secu .onglet-sinistre > div {
  padding: 1.0rem;
  background-color: white;
  color: #424242;
  cursor: pointer; }

.bloc-onglet-secu .onglet-sinistre > div.active {
  background-color: white;
  color: #212121;
  border-bottom: 2px solid #ee5842; }