@charset "UTF-8";/*!
 * Colors
 *
 */.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}
/*!
 * 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:0}
.list-sous-produit>li:after{content:"\e674";font-family:"iconbnp";font-size:1.2rem;right:0;position:absolute;color:#999}
.bottom-sinistre1,.bottom-sinistre2{width:100%;min-height:384px;background-repeat:no-repeat}
#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:0}
.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}
}
.relative{position:relative}
.popin-cache.interst-opacity{opacity:.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 .bnpp_sans_condensedregular{font-family:"bnpp_sans_condensed_light"}
.interstitiel .bnp_typelight{font-family:"Open Sans"}
.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:#fff}
.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{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{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{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:0;height:auto}
#difficulte-validation .icon-carret-down{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .5s ease;transition:all .5s ease}
#difficulte-validation.open .icon-carret-down{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s ease;transition:all .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:.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:0;border-left:solid 3px #ccc}
.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:0}
.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:#999}
.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 .help-text-container{color:#999;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:0;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:0}
.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:0}
.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:#ccc}
.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:.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 #ccc;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:0;border-right:0}
.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:0;border-right:0;border-bottom:0}
.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:0}
.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:0}
.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:0;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:.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:.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:#999}
.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:0}
.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:.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:0}
.V2 #virement-unitaire-etape6 .display-compte{background-color:transparent;border:0}
.V2 #virement-unitaire-etape6 .col-3{width:28%;margin-right:8%}
.V2 #virement-unitaire-etape6 .col-3:nth-child(3n){margin-right:0}
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}
#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:0}
.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:0;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:0}
.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%}
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}
#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}
#virement-permanent-etape1 #template-liste-virement-permanent{margin-top:1rem}
#virement-permanent-etape1 .wrapper-virement #vf-total{float:left;margin-bottom:15px}
#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}
#virement-permanent-etape3 .display-comptes .stuck-absolute{position:relative}
#virement-permanent-etape3 .display-comptes:after,#virement-permanent-etape3 .display-comptes+.display-comptes{display:block}
#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}
#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}
.ia-beneficiaire .wrapper-virement .display-compte{border:1px solid #dcdfe0;border-top:0;background-color:#FFF}
#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}
.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}
.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.list-main-produit-assurance li{min-height:150px;cursor:pointer;padding:1.66667rem;-webkit-box-flex:1;-ms-flex:1 0 290px;flex:1 0 290px}
.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:0}
#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:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2);height:auto;width:100%;padding:0 30px;background-color:#fff}
.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:0}
@media(max-width:1280px){.encart-sinistre-1,.encart-sinistre-2,.encart-sinistre-3{width:30%;border:0}
}
@media(max-width:780px){.encart-sinistre-1,.encart-sinistre-2,.encart-sinistre-3{width:100%;border:0}
}
.cpm-breadcrumb{left:21%}
.bloc-onglet-secu{background-color:white;padding:20px;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}