<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";.cat-patrimoine .background-container{background-color:#18332f;background-image:url("../../../content/dam/mabanqueprivee/new-acquisition/img/pages/patrimoine/bg-patrimoine.jpg")}
@media screen and (max-width:767px){.cat-patrimoine .background-container{background-image:url("../../../content/dam/mabanqueprivee/new-acquisition/img/pages/patrimoine/bg-mob-patrimoine.jpg")}
.cat-patrimoine .background-container .h6{font-family:"bnpp-expanded-sans-bold",sans-serif;font-size:1.375rem}
}
#myfamilysafe section.hero{background-color:#002554}
#myfamilysafe section.hero .img-container{background-color:#fff}
#myfamilysafe section.hero .img-container img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}
#myfamilysafe .component_contact-button{display:none}
#myfamilysafe .fp-content{padding-top:0}
#myfamilysafe .gold-bullet-list li{margin-bottom:5px}
#myfamilysafe .blue-text{color:#03386d}
#myfamilysafe .blue-block{background-color:#03386d}
#myfamilysafe ul{list-style:none;padding-left:0}
#myfamilysafe #presentation{padding:150px calc(100% / 14) 50px;overflow:hidden;position:relative}
@media screen and (min-width:768px){#myfamilysafe #presentation{padding:150px calc(100% / 7) 50px}
}
#myfamilysafe #presentation .button-wrapper{position:absolute;top:70px;right:0}
@media screen and (min-width:768px){#myfamilysafe #presentation .button-wrapper{top:100px;right:0}
}
#myfamilysafe #presentation .button-wrapper.fixed{position:fixed;top:auto;bottom:0;z-index:10}
@media screen and (min-width:768px){#myfamilysafe #presentation .button-wrapper.fixed{top:100px;bottom:auto}
}
#myfamilysafe #presentation .button-wrapper.fixed .btn{display:block;width:100vw}
@media screen and (min-width:768px){#myfamilysafe #presentation .button-wrapper.fixed .btn{display:inline-block;width:auto}
}
#myfamilysafe #presentation .progress-bar-wrapper{position:fixed;z-index:100;left:0;top:0;display:block;width:100%;transform:translateY(-100%);transition:all .5s cubic-bezier(0.4,0,0.2,1)}
#myfamilysafe #presentation .progress-bar-wrapper.shown{transform:translateY(0)}
#myfamilysafe #presentation .progress-bar-wrapper .progress-bar{background-color:#a6843a;height:8px;width:0}
#myfamilysafe #presentation .animations-container{position:relative;top:110px;left:0;width:100%}
#myfamilysafe #presentation .animations-container.fixed{position:fixed}
#myfamilysafe #presentation .animations-container .motion{position:absolute;top:5%;left:0;right:0;width:100%;max-width:35vh;margin:auto}
#myfamilysafe #presentation .animations-container .motion::before{content:"";display:block;float:left;padding-bottom:100%}
#myfamilysafe #presentation .animations-container .motion::after{content:"";display:table;clear:both}
#myfamilysafe #presentation .animations-container .motion.motion-2 .draw svg,#myfamilysafe #presentation .animations-container .motion.motion-3 .draw svg,#myfamilysafe #presentation .animations-container .motion.motion-4 .draw svg,#myfamilysafe #presentation .animations-container .motion.motion-5 .draw svg{stroke-dasharray:1000px;stroke-dashoffset:1000px}
@keyframes scaled{0{transform:translate(-50%,-50%) scale(0.3)}
100%{transform:translate(-50%,-50%) scale(1)}
}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container{width:80%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container.hide .dot{opacity:0}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot{position:absolute;display:block;width:30px;height:30px;border-radius:50%;background-color:#fff;opacity:1;transform:translate(-50%,-50%) scale(0);transition:opacity 1000ms cubic-bezier(0.4,0,0.2,1);animation:scaled 1000ms cubic-bezier(0.4,0,0.2,1) alternate infinite}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(even){background-color:#dbaf56}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(1){top:0;left:50%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(2){top:15%;right:5%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(3){top:50%;right:-9.5%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(4){top:85%;right:5%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(5){top:100%;left:50%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(6){top:85%;left:15%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(7){top:50%;left:0}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(8){top:15%;left:15%}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(1){animation-delay:125ms;transition-delay:125ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(2){animation-delay:250ms;transition-delay:250ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(3){animation-delay:375ms;transition-delay:375ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(4){animation-delay:500ms;transition-delay:500ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(5){animation-delay:625ms;transition-delay:625ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(6){animation-delay:750ms;transition-delay:750ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(7){animation-delay:875ms;transition-delay:875ms}
#myfamilysafe #presentation .animations-container .motion.motion-1 .dots-container .dot:nth-child(8){animation-delay:1000ms;transition-delay:1000ms}
@keyframes rotate{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
#myfamilysafe #presentation .animations-container .motion.motion-2 .dot{display:none;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:transform 1000ms cubic-bezier(0.4,0,0.2,1)}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container{position:relative;transition:opacity .4s ease-in-out;opacity:0}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container.shown{opacity:1;transition-delay:1800ms}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container img{position:absolute;top:0;left:0}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container .trail-1{animation:rotate 3s linear infinite}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container .trail-2{animation:rotate 6s linear infinite reverse}
#myfamilysafe #presentation .animations-container .motion.motion-2 .trails-container .trail-3{animation:rotate 5s linear infinite}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud{position:absolute;z-index:1;left:0;top:0;width:100%;opacity:0;transition:opacity 600ms ease-in-out;transition-delay:0}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud::before{content:"";display:block;float:left;padding-bottom:100%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud::after{content:"";display:table;clear:both}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud.shown{opacity:1;transition-delay:1000ms}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud svg{width:100%;position:absolute;z-index:1;top:50%;left:0;right:0;transform:translateY(-50%)}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot{position:absolute;z-index:2;width:16px;height:16px;border-radius:50%;border:10px solid #03386d;box-sizing:content-box}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.white{background-color:#fff}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.gold{background-color:#dbaf56}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-1{top:55.475%;left:7.7%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-2{top:28.9625%;left:16.35%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-3{top:70.6375%;right:66.175%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-4{top:65.4375%;left:56.975%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-5{top:58%;left:79%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-7{bottom:58.9875%;left:85%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-8{top:28.775%;right:28.65%}
#myfamilysafe #presentation .animations-container .motion.motion-3 .points-cloud .dot.dot-9{top:13.075%;left:37.525%}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container{width:75%}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container.shown .dot{opacity:1}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot{position:absolute;display:block;width:12px;height:40px;border-radius:20px;background-color:#dbaf56;opacity:0;transition:opacity 600ms cubic-bezier(0.4,0,0.2,1)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(even){background-color:#fff}
@keyframes sunray-1{0{transform:translate(-50%,-50%)}
100%{transform:translate(-50%,-75%)}
}
@keyframes sunray-2{0{transform:translate(-50%,-50%) rotate(45deg)}
100%{transform:translate(-5%,-75%) rotate(45deg)}
}
@keyframes sunray-3{0{transform:translate(-50%,-50%) rotate(90deg)}
100%{transform:translate(25%,-50%) rotate(90deg)}
}
@keyframes sunray-4{0{transform:translate(-50%,-50%) rotate(135deg)}
100%{transform:translate(-15%,-30%) rotate(135deg)}
}
@keyframes sunray-5{0{transform:translate(-50%,-50%)}
100%{transform:translate(-50%,-25%)}
}
@keyframes sunray-6{0{transform:translate(-50%,-50%) rotate(225deg)}
100%{transform:translate(-115%,-30%) rotate(225deg)}
}
@keyframes sunray-7{0{transform:translate(-50%,-50%) rotate(270deg)}
100%{transform:translate(-125%,-50%) rotate(270deg)}
}
@keyframes sunray-8{0{transform:translate(-50%,-50%) rotate(315deg)}
100%{transform:translate(-95%,-75%) rotate(315deg)}
}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(1){top:0;left:50%;transform:translate(-50%,-50%)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(2){top:15%;right:10%;transform:translate(-50%,-50%) rotate(45deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(3){top:50%;right:-5%;transform:translate(-50%,-50%) rotate(90deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(4){top:85%;right:10%;transform:translate(-50%,-50%) rotate(135deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(5){top:100%;left:50%;transform:translate(-50%,-50%)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(6){top:85%;left:15%;transform:translate(-50%,-50%) rotate(225deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(7){top:50%;left:0;transform:translate(-50%,-50%) rotate(270deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(8){top:15%;left:15%;transform:translate(-50%,-50%) rotate(315deg)}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(1){animation:sunray-1 600ms ease-in-out infinite alternate;animation-delay:100ms;transition-delay:100ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(2){animation:sunray-2 600ms ease-in-out infinite alternate;animation-delay:200ms;transition-delay:200ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(3){animation:sunray-3 600ms ease-in-out infinite alternate;animation-delay:300ms;transition-delay:300ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(4){animation:sunray-4 600ms ease-in-out infinite alternate;animation-delay:400ms;transition-delay:400ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(5){animation:sunray-5 600ms ease-in-out infinite alternate;animation-delay:500ms;transition-delay:500ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(6){animation:sunray-6 600ms ease-in-out infinite alternate;animation-delay:600ms;transition-delay:600ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(7){animation:sunray-7 600ms ease-in-out infinite alternate;animation-delay:700ms;transition-delay:700ms}
#myfamilysafe #presentation .animations-container .motion.motion-4 .dots-container .dot:nth-child(8){animation:sunray-8 600ms ease-in-out infinite alternate;animation-delay:800ms;transition-delay:800ms}
@keyframes strokeDashoffset{0{stroke-dashoffset:590px}
100%{stroke-dashoffset:0}
}
@keyframes strokeDashoffsetReverse{0{stroke-dashoffset:-400px}
100%{stroke-dashoffset:0}
}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container{width:70%;opacity:0;transition:opacity 300ms ease}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container .path-1{stroke-dasharray:590px}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container .path-2{stroke-dasharray:400px}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container.shown{opacity:1;transition:opacity 300ms ease 850ms}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container.shown .path-1{animation:strokeDashoffset 2000ms cubic-bezier(0.4,0,0.2,1) forwards 800ms}
#myfamilysafe #presentation .animations-container .motion.motion-5 .shields-container.shown .path-2{animation:strokeDashoffsetReverse 1000ms cubic-bezier(0.4,0,0.2,1) forwards 800ms}
#myfamilysafe #presentation .animations-container .motion .dots-container,#myfamilysafe #presentation .animations-container .motion .draw,#myfamilysafe #presentation .animations-container .motion .shields-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#myfamilysafe #presentation .animations-container .motion .dots-container::before{content:"";display:block;float:left;padding-bottom:100%}
#myfamilysafe #presentation .animations-container .motion .dots-container::after{content:"";display:table;clear:both}
#myfamilysafe #presentation .animations-container .motion .draw{width:100px;z-index:2}
#myfamilysafe #presentation .animations-container .motion .draw svg{display:block;width:100%}
#myfamilysafe #presentation .slide{position:relative;padding:40px 25px}
@media screen and (min-width:768px){#myfamilysafe #presentation .slide{height:100vh}
}
#myfamilysafe #presentation .slide.fixed-content .content-container{position:fixed;top:calc(45% + 70px);left:0}
#myfamilysafe #presentation .slide.active .content-container{opacity:1;transition-delay:.4s}
@media screen and (min-width:768px){#myfamilysafe #presentation .slide .content-container{position:absolute;left:0;right:0;top:45%;max-width:750px;margin:auto;opacity:0;transition:opacity .4s cubic-bezier(0.4,0,0.2,1);transition-delay:0}
}
#myfamilysafe #presentation .slide&gt;img{width:50%}
#myfamilysafe #guide .img-container img{-o-object-fit:contain;object-fit:contain;-o-object-position:top right;object-position:top right;height:100%;max-height:790px;width:100%}
#myfamilysafe #organiser .card{background-color:transparent;border:0;margin:0 10px 30px;position:relative;width:400px}
#myfamilysafe #organiser .card::before{content:"";display:block;float:left;padding-bottom:130%}
#myfamilysafe #organiser .card::after{content:"";display:table;clear:both}
#myfamilysafe #organiser .card.active{animation:bounce .5s cubic-bezier(0.4,0,0.2,1)}
#myfamilysafe #organiser .card.active .flipper{transform:rotateY(180deg)}
#myfamilysafe #organiser .card .flipper{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;transition:.5s cubic-bezier(0.4,0,0.2,1)}
#myfamilysafe #organiser .card .front-card,#myfamilysafe #organiser .card .back-card{background-color:#fff;border-radius:35px;box-shadow:0 18px 30px rgba(0,0,0,0.03);padding:15% 10%;transition:box-shadow .4s ease;position:absolute;left:0;top:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#myfamilysafe #organiser .card .front-card:hover,#myfamilysafe #organiser .card .back-card:hover{box-shadow:0 18px 30px rgba(24,51,47,0.2)}
#myfamilysafe #organiser .card .front-card.blue-block{background-color:#03386d}
#myfamilysafe #organiser .card .front-card .illustration{height:55%;margin:10% auto 17%}
#myfamilysafe #organiser .card .back-card{transform:rotateY(180deg)}
#myfamilysafe #organiser .card .actions-list{margin-top:25px}
#myfamilysafe #organiser .card .actions-list li{background:url("../../../content/dam/mabanqueprivee/new-acquisition/img/pages/patrimoine/myfamilysafe/picto-add.svg") 0 0 no-repeat;color:#03386d;margin-bottom:10px;padding-left:35px}
#myfamilysafe #organiser .slick-prev,#myfamilysafe #organiser .slick-next{background-color:#dbaf56;border-radius:50%;height:80px;width:80px;z-index:2}
#myfamilysafe #organiser .slick-prev::before,#myfamilysafe #organiser .slick-next::before{font-family:"icon-bpf"}
#myfamilysafe #organiser .slick-prev{left:25px}
#myfamilysafe #organiser .slick-next{right:25px}
#myfamilysafe #avantages .block-video .preview-image img{-o-object-position:center top;object-position:center top}
#myfamilysafe #offre-integree .illustrations-container{position:relative;height:250px;overflow:hidden}
@media screen and (min-width:768px){#myfamilysafe #offre-integree .illustrations-container{height:auto}
}
#myfamilysafe #offre-integree .illustrations-container img{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;width:100%;max-width:350px;margin:auto;display:inline-block}
#myfamilysafe #offre-integree .illustrations-container img.active{opacity:1}
#myfamilysafe #offre-integree .illustrations-container img.smartphone-frame{width:80%;top:auto}
@media screen and (min-width:768px){#myfamilysafe #offre-integree .illustrations-container img{max-width:450px}
}
#myfamilysafe #offre-integree .timeline-slider .step{position:relative;margin-bottom:15px;padding-left:25px}
@media screen and (min-width:768px){#myfamilysafe #offre-integree .timeline-slider .step{margin-bottom:50px}
}
#myfamilysafe #offre-integree .timeline-slider .step .tl-total{position:absolute;left:0;top:0;width:2px;height:100%;background-color:#a0a0a0;border-radius:5px}
#myfamilysafe #offre-integree .timeline-slider .step .tl-current{position:absolute;left:50%;top:0;width:4px;height:0;background-color:#dbaf56;border-radius:5px;transform:translateX(-50%)}
#myfamilysafe #offre-integree .play-cta{color:#18332f;cursor:pointer}
#myfamilysafe .modal iframe{aspect-ratio:16/9;max-height:80vh}</pre></body></html>