@-webkit-keyframes fadeInUp{0{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
#infographie-consequence-deces{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;display:block;max-width:78.75em;margin:0 auto;background:#f7f7f7;color:#5b5d5f;font-size:16px;font-family:"bnp_regular";font-family:"bnpp_sans_condensed_regular"}
#infographie-consequence-deces .o-accounts{width:100%;display:block}
#infographie-consequence-deces .o-accounts__item{width:100%;display:block;position:relative;background:#f7f7f7;-webkit-transition:all .3s ease;transition:all .3s ease;padding-bottom:.0625rem}
#infographie-consequence-deces .o-accounts__item:not(:last-of-type)::before{width:100%;height:.125rem;position:absolute;content:'';z-index:1;display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#e6e6e6}
#infographie-consequence-deces .o-accounts__item:first-of-type [class*="c-content"] p{font-family:"bnpp_sanslight"}
#infographie-consequence-deces .o-accounts__item:first-of-type [class*="c-content"] p strong{font-family:"bnp_regular"}
#infographie-consequence-deces .o-accounts__item:first-of-type [class*="c-content"] a{font-family:"bnp_regular"}
#infographie-consequence-deces .o-accounts__item:last-of-type{background:-webkit-gradient(linear,left top,right top,from(#5cc569),to(#12c38f));background:linear-gradient(to right,#5cc569,#12c38f);background-color:#006d44}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content{-webkit-box-shadow:none;box-shadow:none;border:.125rem solid #fff}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block:not(.c-img){background:#fff;border:0}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block .c-title--block{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block p{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block strong{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block li{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block small{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type .c-content .c-block sup{color:#5b5d5f}
#infographie-consequence-deces .o-accounts__item:last-of-type [class*="c-title"]{color:#fff}
#infographie-consequence-deces .o-accounts__item:last-of-type *{color:#fff}
#infographie-consequence-deces .o-accounts__item>.c-row.wrapper{position:relative}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header{height:17.5rem;width:100%;display:block;max-width:60.875em;margin:0 auto}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row{height:100%;position:relative}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__header__inner{padding-left:6.25rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__header__inner .c-accounts__item__excerpt{width:100%;display:block;font-family:"bnpp_sanslight";font-size:1.125rem;font-weight:300;margin-top:1.25rem;line-height:1.75rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__item__picture img{width:auto;pointer-events:none}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__content{width:100%;display:none}
#infographie-consequence-deces .o-accounts__item:not(.is-open){padding-bottom:0}
#infographie-consequence-deces .c-block{width:100%;display:block}
#infographie-consequence-deces .c-block:not(.c-img){padding:1.875rem 2.375rem;border:.125rem solid #3fcb3b}
#infographie-consequence-deces .c-block [class*="c-title"]{color:#5b5d5f;margin-bottom:1.25rem}
#infographie-consequence-deces .c-block p{margin:0;color:#5b5d5f;font-size:1rem;font-family:"bnpp_sanslight";font-weight:300;line-height:1.625rem}
#infographie-consequence-deces .c-block p strong{font-family:"bnpp_sansregular";font-weight:400}
#infographie-consequence-deces .c-block p small{display:block;font-size:.75rem;line-height:1.25rem}
#infographie-consequence-deces .c-block a{color:#5b5d5f;border-bottom:.0625rem solid #5b5d5f;font-family:"bnpp_sansregular";-webkit-transition:all .3s ease;transition:all .3s ease}
#infographie-consequence-deces .c-block a:hover{color:#3fcb3b;border-bottom-width:.125rem;border-bottom-color:#3fcb3b}
#infographie-consequence-deces .c-block a:active{color:#3fcb3b;border-bottom-width:.125rem;border-bottom-color:#3fcb3b}
#infographie-consequence-deces .c-block .c-row ul.c-ul{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-top:1.875rem;margin-bottom:1.5625rem}
#infographie-consequence-deces .c-block .c-row ul.c-ul:first-child{padding-right:.625rem}
#infographie-consequence-deces .c-block .c-row ul.c-ul:last-child{padding-left:.625rem}
#infographie-consequence-deces .c-block ul.c-ul{padding:0;margin:0;list-style:none}
#infographie-consequence-deces .c-block ul.c-ul li,#infographie-consequence-deces .c-block ul.c-ul h3{position:relative;display:block;text-align:left;font-family:"bnpp_sanslight";padding:.9375rem 1.1875rem;font-size:1rem;line-height:1.5625rem}
#infographie-consequence-deces .c-block ul.c-ul li:not(.c-ul__th)::before,#infographie-consequence-deces .c-block ul.c-ul h3:not(.c-ul__th)::before{width:.3125rem;height:.3125rem;position:absolute;content:'';display:block;-ms-flex:none;-webkit-box-flex:0;flex:none;background:#62c768;left:0;top:1.375rem;border-radius:50%}
#infographie-consequence-deces .c-block ul.c-ul h3.c-ul__th{height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.625rem;background:#62c768;color:#fff !important;text-transform:none}
#infographie-consequence-deces .c-block ul.c-ul h3.c-ul__th strong{color:#fff !important}
#infographie-consequence-deces .c-block.c-half.c-img:nth-child(1){padding-left:0}
#infographie-consequence-deces .c-block.c-half.c-img:nth-child(2){padding-right:0}
#infographie-consequence-deces .c-block.c-full{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:1.3125rem}
#infographie-consequence-deces .c-block.c-fullHeight{height:100%}
#infographie-consequence-deces .c-block.c-pdg{padding-right:.625rem !important}
#infographie-consequence-deces .c-block.c-pdg:last-of-type{padding-right:0 !important}
#infographie-consequence-deces .c-block.c-col{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2.1875rem;-moz-column-gap:2.1875rem;column-gap:2.1875rem}
#infographie-consequence-deces::-moz-selection{color:#fff;background:#3fcb3b}
#infographie-consequence-deces::selection{color:#fff;background:#3fcb3b}
#infographie-consequence-deces h1{font-family:"bnpp_sans_condensed_regular"}
#infographie-consequence-deces *:before{-webkit-box-sizing:inherit;box-sizing:inherit}
#infographie-consequence-deces *:after{-webkit-box-sizing:inherit;box-sizing:inherit}
#infographie-consequence-deces [class*="to-animate"][class*="--accordion"]{-webkit-animation-delay:.4s;animation-delay:.4s}
#infographie-consequence-deces [class*="to-animate"][class*="--items"]{-webkit-animation-delay:.6s;animation-delay:.6s}
#infographie-consequence-deces .c-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
#infographie-consequence-deces .c-row.long-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:unset;flex-flow:unset}
#infographie-consequence-deces .c-row.cards{background:#f7f7f7;margin:0 auto;max-width:60.875em}
#infographie-consequence-deces .c-row.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#infographie-consequence-deces .c-row.align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#infographie-consequence-deces .c-row.align-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#infographie-consequence-deces .c-row.align-edges{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#infographie-consequence-deces .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#infographie-consequence-deces .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
#infographie-consequence-deces main{background:#5b5d5f}
#infographie-consequence-deces a{text-decoration:none}
#infographie-consequence-deces img{width:100%;max-width:100%;display:block;height:auto}
#infographie-consequence-deces [class*='c-button']{height:3.75rem;padding-left:1.875rem;padding-right:1.875rem;margin:0;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border-radius:0}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']{width:2.6875rem;height:2.6875rem;position:relative;padding:0;margin:0;background:#fff;color:#9ba1a3;border:.125rem solid #c1c1c1;border-radius:50%;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']::before{width:.1875rem;height:1.3125rem;position:absolute;display:block;content:'';top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:center;transform-origin:center;background:#9ba1a3;-webkit-transition:all .3s ease;transition:all .3s ease}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']::after{width:.1875rem;height:1.3125rem;position:absolute;display:block;content:'';top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:center;transform-origin:center;background:#9ba1a3;-webkit-transition:all .3s ease;transition:all .3s ease;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg)}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']:hover{-webkit-transform:scale(1.25) translateZ(0);transform:scale(1.25) translateZ(0)}
#infographie-consequence-deces .c-accounts__navbar{padding-top:7.5rem;top:0;left:5vw}
#infographie-consequence-deces details .c-accounts__navbar{width:100%;height:100%;max-width:2.75rem;position:absolute;display:block}
#infographie-consequence-deces details .c-accounts__navbar [class*='c-button'][class*='--bubble']:hover::after{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
#infographie-consequence-deces details .c-accounts__navbar [class*='c-button'][class*='--bubble']:hover::before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-180deg);transform:translateX(-50%) translateY(-50%) rotate(-180deg)}
#infographie-consequence-deces details .c-accounts__navbar .c-button--bubble{position:relative;z-index:2}
#infographie-consequence-deces details .c-accounts__navbar::after{width:.625rem;height:calc(100%);position:absolute;display:block;content:'';left:1rem;top:0;z-index:1;background-image:url(../../../content/dam/mabanque/rsc/contrib/html/particuliers/infographie-consequence-deces/c-bkg__dotted.svg);background-position:center;background-size:5px 21px;background-repeat:repeat-y;-webkit-transition:all .4s ease;transition:all .4s ease}
#infographie-consequence-deces details[open] .c-accounts__item__content{display:block}
#infographie-consequence-deces details[open] [class*='c-button'][class*='--bubble']:hover::after{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
#infographie-consequence-deces details[open] [class*='c-button'][class*='--bubble']:hover::before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
#infographie-consequence-deces details[open] .c-button--bubble::before{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg)}
#infographie-consequence-deces [class*="c-title"]{width:auto;display:block;text-align:left;font-weight:400;text-transform:uppercase}
#infographie-consequence-deces [class*="c-title"][class*="--accordion"]{color:#5ec66b;font-size:3.125rem;line-height:3.6875rem;cursor:pointer}
#infographie-consequence-deces [class*="c-title"][class*="--accordion"]:hover{color:#3fcb3b}
#infographie-consequence-deces [class*="c-title"][class*="--accordion"]:active{color:#3fcb3b}
#infographie-consequence-deces [class*="c-title"][class*="--launcher"]{font-size:3.75rem}
#infographie-consequence-deces [class*="c-title"][class*="--white"]{color:#fff}
#infographie-consequence-deces [class*="c-title"][class*="--block"]{display:block;color:#333;font-size:1.6875rem;font-family:"bnpp_sans_condensed_regular"}
#infographie-consequence-deces .c-subtitle{width:auto;display:block;text-align:left;font-weight:400;text-transform:uppercase;display:block;color:#333;font-size:1.6875rem}
#infographie-consequence-deces .js-accordion .js-accordion__item{overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
#infographie-consequence-deces .js-accordion .js-accordion__item .js-accordion__content{display:none}
#infographie-consequence-deces .js-accordion .js-accordion__item .js-sticky.is-fixed{position:absolute !important;top:auto !important;bottom:0 !important}
#infographie-consequence-deces .o-launcher{width:100%;display:block;background-image:-webkit-gradient(linear,left top,right top,from(#3fcb3b),to(#12c38f));background-image:linear-gradient(to right,#3fcb3b,#12c38f);background-color:#006d44;height:18.75rem;padding-top:2.8125rem}
#infographie-consequence-deces .o-launcher .c-row{height:100%;max-width:60.875em;margin:0 auto}
#infographie-consequence-deces .c-content{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-animation:1s fadeInUp !important;animation:1s fadeInUp !important;max-width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:3.75rem 3.4375rem;-webkit-box-shadow:0 .625rem 2.5rem rgba(0,0,0,0.15);box-shadow:0 .625rem 2.5rem rgba(0,0,0,0.15);max-width:60.875em;margin:0 auto}
#infographie-consequence-deces .c-content:last-of-type{margin-bottom:8.1875rem}
#infographie-consequence-deces .c-content:not(:last-of-type){margin-bottom:5rem}
#infographie-consequence-deces .c-half{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:.625rem;padding-right:.625rem}
#infographie-consequence-deces .c-half .c-block:not(:last-of-type){margin-bottom:1.3125rem}
#infographie-consequence-deces .c-height{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
#infographie-consequence-deces .c-height .c-block{-webkit-box-flex:0;-ms-flex:0 0 59.375%;flex:0 0 59.375%;max-width:59.375%}
#infographie-consequence-deces .c-height .c-block.c-img{-webkit-box-flex:0;-ms-flex:0 0 40.625%;flex:0 0 40.625%;max-width:40.625%;padding-right:1.3125rem}
@media(max-width:768px){#infographie-consequence-deces [class*="c-title"] br{display:none}
#infographie-consequence-deces .c-subtitle br{display:none}
#infographie-consequence-deces [class*="c-title"][class*="--accordion"]{font-size:2rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__header__inner{width:100%;max-width:calc(100% - 9.375rem);padding-left:4.375rem}
}
@media(max-width:1024px){#infographie-consequence-deces [class*="c-title"][class*="--accordion"]{font-size:2.5rem;line-height:1.25}
#infographie-consequence-deces [class*="c-title"][class*="--launcher"]{padding-left:1.25rem;font-size:3.125rem}
#infographie-consequence-deces .c-subtitle{font-size:1.375rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header{height:12.5rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__item__picture{max-width:9.375rem;padding:1.25rem 0 0}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__content{padding-left:3.75rem;padding-right:.625rem}
#infographie-consequence-deces .c-accounts__navbar{padding-top:4.6875rem;margin-left:.625rem;left:0}
#infographie-consequence-deces .c-content{padding:1.875rem 1.5625rem;margin-bottom:2.5rem}
#infographie-consequence-deces .c-content:last-of-type{margin-bottom:3.75rem}
#infographie-consequence-deces .c-content:not(:last-of-type){margin-bottom:2.5rem}
#infographie-consequence-deces .c-block:not(.c-img){padding:1.25rem}
#infographie-consequence-deces .c-block p{font-size:.875rem;line-height:1.5}
#infographie-consequence-deces .c-block .c-row ul.c-ul{margin-bottom:.9375rem}
#infographie-consequence-deces .c-block ul.c-ul li,#infographie-consequence-deces .c-block ul.c-ul h3{padding:.625rem 1.1875rem;font-size:.875rem;line-height:1.5}
#infographie-consequence-deces .c-block ul.c-ul li:not(.c-ul__th)::before,#infographie-consequence-deces .c-block ul.c-ul h3:not(.c-ul__th)::before{top:.9375rem}
#infographie-consequence-deces .c-block ul.c-ul h3.c-ul__th{height:3.75rem;margin-bottom:0}
#infographie-consequence-deces .c-block.c-col{-webkit-column-gap:.625rem;-moz-column-gap:.625rem;column-gap:.625rem}
#infographie-consequence-deces .o-page{font-size:14px}
}
@media(max-width:480px){#infographie-consequence-deces .o-accounts__item .c-accounts__item__header{height:8.75rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__header__inner{max-width:calc(100% - 6.25rem);padding-left:3.4375rem}
#infographie-consequence-deces .o-accounts__item .c-accounts__item__header .c-row .c-accounts__item__picture{max-width:6.25rem;padding:0}
#infographie-consequence-deces .o-page{font-size:12px}
#infographie-consequence-deces .c-block.c-half.c-img{padding:0 !important}
#infographie-consequence-deces .c-subtitle{font-size:1.25rem;font-size:.875rem}
#infographie-consequence-deces .o-launcher{height:auto;padding-top:1.25rem;padding-bottom:1.25rem}
#infographie-consequence-deces .c-content{padding:1.25rem .9375rem}
#infographie-consequence-deces .c-block.c-col{-webkit-column-count:1;-moz-column-count:1;column-count:1}
#infographie-consequence-deces .c-block:not(.c-img){padding:.9375rem}
#infographie-consequence-deces .c-block [class*="c-title"]{margin-bottom:.625rem}
#infographie-consequence-deces .c-block p{font-size:.75rem}
#infographie-consequence-deces .c-block p small{font-size:.625rem;line-height:1.5}
#infographie-consequence-deces .c-block .c-row ul.c-ul{padding:0 !important;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
#infographie-consequence-deces .c-block ul.c-ul li,#infographie-consequence-deces .c-block ul.c-ul h3{font-size:.75rem;padding:.625rem}
#infographie-consequence-deces .c-half{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:.625rem}
#infographie-consequence-deces .c-height .c-block{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:.625rem}
#infographie-consequence-deces .c-height .c-block.c-img{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:.625rem;padding:0}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']{width:2.125rem;height:2.125rem}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']::before{width:.125rem;height:1.0625rem}
#infographie-consequence-deces [class*='c-button'][class*='--bubble']::after{width:.125rem;height:1.0625rem}
#infographie-consequence-deces .touchevents .o-link__box:before{display:none}
#infographie-consequence-deces .touchevents .o-link__box:after{display:none}
#infographie-consequence-deces [class*="c-title"][class*="--accordion"]{font-size:1.375rem;line-height:1}
#infographie-consequence-deces [class*="c-title"][class*="--launcher"]{font-size:1.875rem}
#infographie-consequence-deces [class*="c-title"][class*="--block"]{font-size:1.25rem}
#infographie-consequence-deces .c-accounts__navbar{padding-top:3.125rem}
#infographie-consequence-deces .c-accounts__navbar::after{left:.75rem}
}