.row2{min-height:1px}.row2:after,.row2:before{content:" ";display:table}.row2:after{clear:both}[class*=col2-]{float:left} .col2-10{width:10%} .col2-15{width:15%}.col2-20{width:20%}.col2-25{width:25%}.col2-30{width:30%}.col2-32{width:32%}.col2-35{width:35%}.col2-40{width:40%} .col2-45{width:45%}.col2-50{width:50%}.col2-55{width:55%}.col2-60{width:60%}.col2-65{width:65%}.col2-68{width:68%}.col2-70{width:70%}.col2-75{width:75%} .col2-80{width:80%}.col2-85{width:85%}.col2-90{width:90%}.col2-95{width:95%}.col2-95{width:95%}.col2-100{width:100%}.col2-2{width:49%;margin-right:2%} .col2-2:nth-child(2n){margin-right:0}.col2-3{width:32%;margin-right:2%}.col2-3:nth-child(3n){margin-right:0}.col2-3x2{width:66%}.col2-4{width:23.5%;margin-right:2%} .col2-4:nth-child(4n){margin-right:0}.col2-5{width:18.8%;margin-right:1.5%}.col2-5:nth-child(5n){margin-right:0}.col2-6{width:16.2%;margin-right:.5%} .col2-6:nth-child(6n){margin-right:0}.col2-7{width:13.4%;margin-right:1%}.col2-7:nth-child(7n){margin-right:0}.col2-8{width:12%;margin-right:.5%} .col2-8:nth-child(8n){margin-right:0}.row-border h3{margin-top:0;font-size:1.42857rem;line-height:1.6} .row-border>.col2-3,.row-border>.col2-30,.row-border>.col2-4,.row-border>.col2-50 .row2,.row-border>.col2-65{border-bottom:solid 1px #dcdfe0;padding-top:10px;min-height:35px} .row-border>.col2-50{width:49%}.row-border>.col2-50 i,.row-border>.col2-50 p{display:table-cell;vertical-align:middle}.row-border>.col2-50:first-child{margin-right:2%} .row-border>.col2-50>.row2:first-child{padding-bottom:10px;margin-top:15px}.row-border>.col2-50>.row2:nth-child(2){padding-top:10px} .row-border>.col2-3,.row-border>.col2-4{padding-bottom:15px}.row-border>.col2-3 i,.row-border>.col2-3 p,.row-border>.col2-4 i,.row-border>.col2-4 p{display:table-cell;vertical-align:middle} .row-border>.col2-3 p,.row-border>.col2-4 p{font-size:.85714rem;color:#433931}.row-border>.col2-65{float:right;width:67%;display:table-row} .row-border>.col2-65 i,.row-border>.col2-65 p{display:table-cell;vertical-align:middle; font-size:0.8rem;}.row-border>.col2-65>.col2-30{padding-left:2%} .row-border:first-child>.col2-30,.row-border:first-child>.col2-65{border-bottom:solid 1px #dcdfe0} .hl-cell.active .colored,.hl-cell.active label,.hl-cell:hover .colored,.hl-cell:hover label{color:#fff}[class*=list-]{list-style:none;margin:0;padding:0} .center{text-align:center} .wrapper-rop-1.list{padding:1rem 0;overflow:hidden} .rop-montant>.positif{color:#31ce36} .row2.fleche-left, .row2.fleche-right{position:relative;background:#399fd8;border-bottom:solid 1px #dcdfe0;z-index:2} .row2.fleche-left:after,.row2.fleche-left:before{top:0;left:3rem;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none} .row2.fleche-left:after{border-color:rgba(255,255,255,0);border-top-color:#399fd8;border-width:10px;margin-left:0px} .row2.fleche-left:before{border-color:#ccc rgba(255,255,255,0) rgba(255,255,255,0);border-width:11px;margin-left:0px} .row2.fleche-right:after,.row2.fleche-right:before{top:0;right:3rem;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none} .row2.fleche-right:after{border-color:rgba(255,255,255,0);border-top-color:#399fd8;border-width:10px;margin-left:0px} .row2.fleche-right:before{border-color:#ccc rgba(255,255,255,0) rgba(255,255,255,0);border-width:11px;margin-left:0px} .list-rop-avenir .main .rop-montant+p.pull-left{width:auto;margin:0;float:right;margin-top:4px} @media screen and (min-width:769px) and (max-width:1024px){ .list-rop .rop-detail.col2-60{width:54%!important} .list-rop-avenir .rop-detail{width:calc(100% - 180px)} .list-rop .rop-action{right:0} } .list-rop-avenir{background-color:#fff} .list-rop-avenir li{ position:relative; /* border-top:solid 1px #dcdfe0 */ } .list-rop-avenir li .rop-cat{float:left;margin-right:2rem} .list-rop-avenir .pull-right.rop-montant{position:relative;top:-3px} .list-rop-avenir .pull-right.rop-montant~p.pull-left{position:absolute;top:18px;right:202px} .list-rop-avenir .fleche:after,.list-rop-avenir .fleche:before{left:40px} .list-rop-avenir .label-type{padding-top:20px;font-size:1rem;font-family:'Muli', sans-serif;color:#433931;text-transform:uppercase} .list-rop-avenir .detail,.list-rop-avenir .main{padding:15px 1rem 15px 1rem} /* .list-rop-avenir .main{border-left:3px solid #4f4f4f} */ .list-rop-avenir .main p{margin:4px 0 11px 746px;color:#433931} .list-rop-avenir .main .rop-montant{font-size:1.rem;width:165px;text-align:left;margin-right:218px} .list-rop-avenir .folder-btn{margin-left:20px;margin-top:10px} .list-rop-avenir .folder-btn i{display:inline-block} .list-rop-avenir .rop-montant{max-width:200px;padding-top:7px;text-align:right;width:calc(30% - 78px);margin-right:119px} .list-rop-avenir .rop-montant>.positif{text-align:right;float:right} .list-rop-avenir .rop-montant .js-avenir{margin-right:116px} .list-rop-avenir .rop-detail{width:calc(100% - 504px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;position:absolute;left:87px;font-size:13px} .list-rop-avenir .rop-detail p{margin:5px 0 0 0; font-size:12px; font-weight:600} .list-rop-avenir .rop-cat{position:relative} .list-rop-avenir .rop-cat .badge{position:absolute;left:35px;top:10px} .list-rop-avenir .detail-carte-libelle{padding-top:8px;display:inline-block}.list-rop-avenir .detail{border-bottom:solid 1px #dcdfe0;background-color:#faf9f9} .list-rop-avenir .detail .rop-date{ padding-top:3px; padding-left:10px; padding-right:36px; float:left; font-size:13px; width: 47px; white-space: nowrap; overflow: hidden; } .list-rop-avenir .detail .rop-montant{width:145px;text-align:left;margin-right:250px; font-size:13px} .list-rop-avenir .detail .rop-calendar-carte{margin-left:35px} .list-rop-avenir .detail:last-child{border:none} .list-rop-avenir .detail.paddingLeft{padding-left:45px} .list-rop-avenir .detail-carte{border-bottom:none;background-color:#fff} .list-rop-avenir .detail-carte .badge{font-size:12px;padding:2px 6px}.icon-rop-autres,.icon-rop-carte,.icon-rop-prelevement,.rop-calendar{border:0 solid transparent;background-image:url(../../image/particuliers/rop/sprite-rop.png);background-repeat:no-repeat} .icon-rop-autres,.icon-rop-carte,.icon-rop-prelevement{display:block;width:50px;height:50px}.icon-rop-carte{background-position:center -44px}.icon-rop-prelevement{background-position:center -148px;height:50px}.icon-rop-autres{background-position:center -102px} .rop-calendar{position:relative;background-position:center 5px;width:28px;height:35px;float:left;margin-right:52px;color:#433931} .rop-calendar .date-JM{padding-top:15px;padding-right:0;font-size:1rem;line-height:1} .rop-calendar .date-JM br{display:none} .rop-calendar .date-JM span:not(.badge){position:absolute;right:-42px;font-size:12px;margin-top:-2px} .rop-calendar .badge{position:absolute;left:15px}.list-rop{border-bottom:1px solid #dcdfe0}.list-rop li{background-color:#fff} .list-rop .op-new p{font-family:'Muli', sans-serif} .list-rop .rop-montant.pull-right{float:left} .list-rop .rop-1{border-left-color:#b5b787} .list-rop .rop-17{border-left-color:#8a8c59} .list-rop .rop-18{border-left-color:#789d4a} .list-rop .rop-24{border-left-color:#b7bf10}.list-rop .rop-19{border-left-color:#99b0a6}.list-rop .rop-2{border-left-color:#6c857b} .list-rop .rop-20{border-left-color:#00816d}.list-rop .rop-3{border-left-color:#6bbbae}.list-rop .rop-4{border-left-color:#7c99aa} .list-rop .rop-21{border-left-color:#4d6c7f}.list-rop .rop-5{border-left-color:#1d4e89}.list-rop .rop-6{border-left-color:#006a8e} .list-rop .rop-7{border-left-color:#ab7270}.list-rop .rop-8{border-left-color:#804341}.list-rop .rop-14{border-left-color:#6a3735}.list-rop .rop-22{border-left-color:#a0817a}.list-rop .rop-12{border-left-color:#b46b7a}.list-rop .rop-10{border-left-color:#74534c}.list-rop .rop-23{border-left-color:#9b2242}.list-rop .rop-9{border-left-color:#a4123f}.list-rop .rop-15{border-left-color:#a593a1}.list-rop .rop-11{border-left-color:#8c7d89}.list-rop .rop-16{border-left-color:#642f6c}.list-rop .rop-13,.list-rop .rop-58{border-left-color:#978f8a}.list-rop .rop-51{border-left-color:#9d6390}.list-rop .rop-59{border-left-color:#746661}.list-rop .rop-52{border-left-color:#bf9474}.list-rop .rop-53{border-left-color:#a37e63}.list-rop .rop-54{border-left-color:#c16c18}.list-rop .rop-56{border-left-color:#919388}.list-rop .rop-55{border-left-color:#c88242}.list-rop .rop-57{border-left-color:#8a7e70}.list-rop .rop-60{border-left-color:#b2965b} .list-rop>li{ position:relative; padding:1.5rem 1rem 1.2rem 1rem; border-left:solid 3px #399fd8; border-bottom:none;color:#4f4f4f;font-size:.9rem } .list-rop .rop-logo{display:none}.list-rop .rop-cat{float:left;min-width:70px;cursor:pointer;min-height:1.92857rem}.list-rop .rop-cat br{display:none}.list-rop .rop-cat .date-operation{float:right;margin-right:1rem;vertical-align:top;line-height:1.92857rem} .list-rop .rop-cat .date-operation:hover{cursor:initial} /* .list-rop .rop-cat .icon{float:right;margin-bottom:0;font-size:1.92857rem;width:1.92857rem;height:1.92857rem} */ .list-rop .rop-detail{box-sizing:border-box;padding-right:20px;max-width:75%;min-height:1.92857rem;position:relative} .list-rop .rop-detail p{margin:2px 0 0 4%;float:left;width:100%;line-height:1; font-size:12px; font-weight:600} .list-rop .rop-detail.col2-60{width:calc(100% - 420px)}.list-rop .rop-action{float:right;text-align:right;padding-top:0;padding-left:2%;position:relative;right:40px}.list-rop .rop-action button.btn-third{display:none}.list-rop .rop-action .icon-pin{height:18px;display:inline-block;background-repeat:no-repeat;background-size:90%;margin:0 27px 0 0;cursor:pointer} /* .list-rop .rop-action .icon-pin.pointee,.list-rop .rop-action .icon-pin:hover{background-position:center -18px}.list-rop .rop-action .icon-pin.pointee{cursor:default}.list-rop .rop-action .icon-pin.active{background-position:center -39px}.rop-caracteristiques{background-color:#fff;padding:30px}.rop-caracteristiques i{color:#b2965b;font-size:1.8rem;padding-right:15px}.rop-caracteristiques .row-border{color:#837c77}.rop-caracteristiques .row-border .col2-65{padding-bottom:1rem;min-height:60px}.rop-caracteristiques .row-border.row-pub .col2-65{min-height:190px}.rop-caracteristiques .row-border:first-child .col2-30 h4,.rop-caracteristiques .row-border:first-child .col2-65 h4{margin-top:0;font-family:bnp_bold,Arial,sans-serif;color:#212121;line-height:22px;text-transform:uppercase;font-size:1.78571rem}.rop-caracteristiques .row-big .col2-30,.rop-caracteristiques .row-big .col2-65{min-height:90px}.rop-caracteristiques small{color:#837c77}.rop-categories{background-color:#3c3c3c;padding:25px;color:#fff;overflow:hidden}.list-categories-rop li,.list-last-choice li{float:left;font-family:bnpp_sans_condensed_regular,Arial,sans-serif;text-transform:uppercase;cursor:pointer}.list-last-choice{padding-top:10px}.list-last-choice i[class*=irop-]{font-size:1.5rem;padding-right:10px;vertical-align:text-top}.list-last-choice li{border:solid 1px #837c77;border-radius:2px;color:#837c77;font-size:1.3rem;padding:5px 10px 3px 10px;margin-right:10px}.list-last-choice .close{height:20px;width:20px;border:none;background-color:#52463c;margin-left:10px;vertical-align:text-top;margin-top:4px}.rop-last-choice{margin:0 auto}.list-categories-rop{margin:0 auto}.list-categories-rop li{width:130px;height:130px;margin:0 2px 2px 0;padding-top:30px;background-color:#52463c;text-align:center;cursor:pointer}.list-categories-rop li i,.list-categories-rop li span:not(.no-mob){display:inline}.list-categories-rop span{margin-top:1rem}.list-categories-rop i[class*=irop-]:before{color:#faf9f9}.list-categories-rop .rop-1:hover{background-color:#b5b787}.list-categories-rop .rop-17:hover{background-color:#8a8c59}.list-categories-rop .rop-18:hover{background-color:#789d4a}.list-categories-rop .rop-24:hover{background-color:#b7bf10}.list-categories-rop .rop-19:hover{background-color:#99b0a6}.list-categories-rop .rop-2:hover{background-color:#6c857b}.list-categories-rop .rop-20:hover{background-color:#00816d}.list-categories-rop .rop-3:hover{background-color:#6bbbae}.list-categories-rop .rop-4:hover{background-color:#7c99aa}.list-categories-rop .rop-21:hover{background-color:#4d6c7f}.list-categories-rop .rop-5:hover{background-color:#1d4e89}.list-categories-rop .rop-6:hover{background-color:#006a8e}.list-categories-rop .rop-7:hover{background-color:#ab7270}.list-categories-rop .rop-8:hover{background-color:#804341}.list-categories-rop .rop-14:hover{background-color:#6a3735}.list-categories-rop .rop-22:hover{background-color:#a0817a}.list-categories-rop .rop-12:hover{background-color:#b46b7a}.list-categories-rop .rop-10:hover{background-color:#74534c}.list-categories-rop .rop-23:hover{background-color:#9b2242}.list-categories-rop .rop-9:hover{background-color:#a4123f}.list-categories-rop .rop-15:hover{background-color:#a593a1}.list-categories-rop .rop-11:hover{background-color:#8c7d89}.list-categories-rop .rop-16:hover{background-color:#642f6c}.list-categories-rop .rop-13:hover,.list-categories-rop .rop-58:hover{background-color:#978f8a}.list-categories-rop .rop-51:hover{background-color:#9d6390}.list-categories-rop .rop-59:hover{background-color:#746661}.list-categories-rop .rop-52:hover{background-color:#bf9474}.list-categories-rop .rop-53:hover{background-color:#a37e63}.list-categories-rop .rop-54:hover{background-color:#c16c18}.list-categories-rop .rop-56:hover{background-color:#919388}.list-categories-rop .rop-55:hover{background-color:#c88242}.list-categories-rop .rop-57:hover{background-color:#8a7e70}.list-categories-rop .rop-60:hover{background-color:#b2965b}.list-categories-rop [data-category-id=cat-pro-1]:hover{background-color:#1189bf}.list-categories-rop [data-category-id=cat-pro-2]:hover{background-color:#e57d16}.list-categories-rop [data-category-id=cat-pro-3]:hover{background-color:#e55da7}.list-categories-rop [data-category-id=cat-pro-4]:hover{background-color:#4e6671}.list-categories-rop [data-category-id=cat-pro-5]:hover{background-color:#00897b}.list-categories-rop [data-category-id=cat-pro-6]:hover{background-color:#38863c}.list-categories-rop [data-category-id=cat-pro-7]:hover{background-color:#dc3e3e}.list-categories-rop [data-category-id=cat-pro-8]:hover{background-color:#865e50}.list-categories-rop [data-category-id=cat-pro-9]:hover{background-color:#434de5}.list-categories-rop [data-category-id=cat-pro-10]:hover{background-color:#852096}.list-categories-rop [data-category-id=cat-pro-11]:hover{background-color:#9e9e9e}.list-categories-rop [data-category-id=cat-pro-12]:hover{background-color:#a41640}.list-categories-rop [data-category-id=cat-pro-13]:hover{background-color:#1d4e89}.list-categories-rop [data-category-id=cat-pro-14]:hover{background-color:#8a0f35}.list-categories-rop [data-category-id=cat-pro-15]:hover{background-color:#005774}.list-categories-rop [data-category-id=cat-pro-16]:hover{background-color:#dc3e3e}.list-categories-rop [data-category-id=cat-pro-17]:hover{background-color:#c16c19}.list-categories-rop [data-category-id=cat-pro-18]:hover{background-color:#811c37}.list-categories-rop [data-category-id=cat-pro-19]:hover{background-color:#4e6671}.list-categories-rop [data-category-id=cat-pro-20]:hover{background-color:#5ca196}.list-categories-rop [data-category-id=cat-pro-21]:hover{background-color:#b7bf10}.list-categories-rop [data-category-id=cat-pro-22]:hover{background-color:#00816d}.list-categories-rop [data-category-id=cat-pro-23]:hover{background-color:#9fa50e}.list-categories-rop [data-category-id=cat-pro-24]:hover{background-color:#835379} */ .wrapper-main-rop-list{ background-color:#dcdfe0;position:relative; border:1px solid #eaeaea } .wrapper-main-rop-list .rop-montant{font-size:1rem;max-width:200px;padding-left:.5rem;padding-top:0;text-align:right;width:auto} .wrapper-main-rop-list .rop-montant>.positif{display:block;position:relative;left:90px;text-align:right;width:auto;margin-right:0} .wrapper-main-rop-list .section-list-operation .categories-menu>a{ height:40px;border-radius:0;line-height:40px;background-color:#ffffff; /* border-bottom:5px solid #399fd8; */ background-image:none; /* border:1px solid #eaeaea; */ } .wrapper-main-rop-list .section-list-operation .categories-menu>a.active{background-color:#399fd8;color:#fff} .wrapper-main-rop-list .section-list-operation .categories-menu>a{color:#399fd8} .wrapper-main-rop-list .section-list-operation .categories-menu>a:hover{background-color:#399fd8;color:#fff} .section-list-operation.avenir .rop-calendar .date-JM{padding-top:11px;padding-left:0px;float:left} .section-list-operation.avenir .rop-calendar .date-JM span:not(.badge){left:59px;top:13px;font-size:14px} .section-list-operation.avenir .rop-calendar{font-weight:600;background-position:center -242px;background-size:150%} .section-list-operation.avenir .list-rop-avenir .rop-detail{left:135px}.section-list-operation.avenir .list-rop-avenir .detail .rop-calendar-carte{margin-left:10px} .section-list-operation.avenir .list-rop-avenir .detail.paddingLeft{padding-left:16px} .section-list-operation.avenir .list-rop-avenir .detail-carte-libelle{position:relative;left:27px} .section-list-operation.avenir .icon-rop-autres,.section-list-operation.avenir .icon-rop-carte{width:30px;height:30px;background-size:100%} .section-list-operation.avenir .icon-rop-prelevement{background-position:center -80px;width:30px;height:15px;position:relative;background-size:100%;top:8px} .section-list-operation.avenir .icon-rop-carte{background-position:center -23px} .section-list-operation.avenir .icon-rop-autres{background-position:center -49px} .section-list-operation.avenir .row.fleche:after,.section-list-operation.avenir .row.fleche:before{display:none} .section-list-operation.avenir .list-rop-avenir .main{padding:9px 1rem} .section-list-operation.avenir .list-rop-avenir .detail-carte .pull-right.rop-montant{top:4px} .section-list-operation.avenir .list-rop-avenir .pull-right.rop-montant{top:0} .section-list-operation.avenir .list-rop-avenir .main .pull-right.rop-montant{margin-top:0} .section-list-operation.avenir .list-rop-avenir .label-type{padding-top:12px;padding-bottom:6px} .section-list-operation.avenir .list-rop-avenir .main .rop-montant{margin-right:0;color:#212121} .section-list-operation.avenir .list-rop-avenir .pull-right.rop-montant~p.pull-left{right:82px;top:27px} .wrapper-main-rop-list .section-list-operation.avenir .rop-montant>.positif{left:-60px} .list-rop-avenir .detail-carte,.section-list-operation.avenir .list-rop-avenir .main{position:relative;height:54px;overflow:hidden} .section-list-operation.avenir .list-rop-avenir li .icon-carret-down,.section-list-operation.avenir .list-rop-avenir li .icon-carret-up{background-color:#faf9f9;right:0;top:0;bottom:0;width:54px;height:54px;position:absolute;background-image:none} .section-list-operation.avenir .list-rop-avenir li .icon-carret-down:before{font-family:iconbnp;content:"\e67e";font-size:1.3rem;position:absolute;top:16px;left:17px;color:#212121} .section-list-operation.avenir .list-rop-avenir li .icon-carret-up:before{font-family:iconbnp;content:"\e67d";font-size:1.3rem;position:absolute;top:16px;left:17px;color:#212121} .wrapper-main-rop-list .section-list-operation.avenir .detail .rop-montant>.positif{left:90px} .list-rop .rop-detail p{margin:5px 0 0 4%;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .wrapper-main-rop-list .rop-montant{margin-top:4px} .wrapper-rop-1.list{padding:0} @media screen and (max-width:768px){ .section-list-operation.avenir .list-rop-avenir .rop-detail{left:70px} .wrapper-main-rop-list .section-list-operation .categories-menu>a{font-size:.8rem;} .list-rop div.col2-20.pull-right.rop-montant{float:right} .list-rop div.rop-detail.col2-60{width:80%} .list-rop .rop-montant{text-align:left;padding-top:0;padding-left:1.5rem} .list-rop .rop-detail.col2-60{width:calc(100% - 200px);padding-right:0px} .list-rop .rop-detail p{width:100%} .list-rop .rop-cat{min-width:0; margin-top:3px} .list-rop .rop-cat br{display:block} .list-rop .rop-cat .date-operation{margin-right:0;line-height:1.5} .list-rop-avenir .detail .rop-montant{margin-right:0;text-align:right} .list-rop-avenir .detail .rop-montant{margin-right:0} .list-rop-avenir .rop-detail{ width:calc(100% - 220px); white-space:nowrap; height:25px; position:absolute; left:87px } .list-rop-avenir .rop-detail p{overflow:hidden;text-overflow:ellipsis} .list-rop-avenir .main .rop-montant{font-size:0.9rem;width:125px;text-align:left;margin-right:218px} } @media (max-width:789px){ .wrapper-main-rop-list .section-list-operation.avenir .detail .rop-montant>.positif{left:0px} }