/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */body,h1,h2,hr,html,legend,li,p,ul{margin:0;padding:0}h1,h2{font-size:100%;font-weight:400}ul{list-style:none}button,input{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,header,section{display:block}body,button,input{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:24px 0}img{height:auto;max-width:100%}input[type=checkbox],input[type=radio]{vertical-align:baseline}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}.has-text-centered{text-align:center!important}.has-text-left{text-align:left!important}.has-text-right{text-align:right!important}@media screen and (max-width:768px){.has-text-centered-mobile{text-align:center!important}}@media print,screen and (min-width:769px){.has-text-left-tablet{text-align:left!important}}@media print,screen and (min-width:769px){.has-text-right-tablet{text-align:right!important}}@media screen and (max-width:768px){.is-hidden-mobile{display:none!important}}@media print,screen and (min-width:769px){.is-hidden-tablet{display:none!important}}@media screen and (min-width:1024px){.is-hidden-desktop{display:none!important}}.buttons{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start}.buttons:last-child{margin-bottom:-8px}.buttons:not(:last-child){margin-bottom:16px}.buttons.is-centered{-webkit-box-pack:center;justify-content:center}.container{-webkit-box-flex:1;flex-grow:1;margin:0 auto;position:relative;width:auto;max-width:1120px}.content li+li{margin-top:.25em}.content p:not(:last-child),.content ul:not(:last-child){margin-bottom:1em}.content h1,.content h2{color:#363636;font-weight:600;line-height:1.125}.content h1{font-size:2em;margin-bottom:.5em}.content h1:not(:first-child){margin-top:1em}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content ul{list-style:disc outside;margin-left:2em;margin-top:1em}.content ul ul{list-style-type:circle;margin-top:.5em}.content ul ul ul{list-style-type:square}.content sup{font-size:75%}.icon{-webkit-box-align:center;align-items:center;display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;height:24px;width:24px}@-webkit-keyframes moveIndeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title span{font-weight:inherit}.title sup{font-size:.75em}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title strong{color:inherit;font-weight:inherit}.column{display:block;flex-basis:0;-webkit-box-flex:1;flex-grow:1;flex-shrink:1;padding:.75rem;max-width: 684px;margin: auto;}.columns.is-mobile>.column.is-narrow{-webkit-box-flex:0;flex:none}.columns.is-mobile>.column.is-half{-webkit-box-flex:0;flex:none;width:50%}.columns.is-mobile>.column.is-one-third{-webkit-box-flex:0;flex:none;width:33.3333%}@media print,screen and (min-width:769px){.column.is-half,.column.is-narrow{-webkit-box-flex:0;flex:none}.column.is-half{width:50%}.column.is-one-third{-webkit-box-flex:0;flex:none;width:33.3333%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{-webkit-box-pack:center;justify-content:center}.columns.is-gapless{margin-left:0;margin-right:0;margin-top:0}.columns.is-gapless>.column{margin:0;padding:0!important}.columns.is-gapless:not(:last-child){margin-bottom:24px}.columns.is-gapless:last-child{margin-bottom:0}.columns.is-mobile{display:-webkit-box;display:flex}.columns.is-multiline{flex-wrap:wrap}.columns.is-vcentered{-webkit-box-align:center;align-items:center}@media print,screen and (min-width:769px){.columns:not(.is-desktop){display:-webkit-box;display:flex}}.section{padding:3rem 24px}.nav .logo{display:block;width:38px;height:29px;position:absolute;top:50%;margin-top:-14.5px;left:50%;margin-left:-19px}@media print,screen and (min-width:769px){.nav .logo{display:none}}.nav .back{display:none;height:100%;padding:0 20px;text-transform:uppercase;color:#fff;text-decoration:none!important;line-height:55px;font-size:11px;position:relative}.nav .back:after{content:"";position:absolute;width:10px;height:10px;background:#fff;left:50%;margin-left:-5px;bottom:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media print,screen and (min-width:769px){.nav .back{display:inline-block}}.nav .lang-list{position:absolute;right:0;top:0;z-index:98}.nav .lang-list .active{display:-webkit-box;display:flex;width:65px;height:55px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#512264;text-align:center}.nav .lang-list .active a{width:14px;margin-right:5px;text-align:center;color:#fff;font-size:11px;font-weight:400;background-color:#512264;text-decoration:none;opacity:1}.nav .lang-list .active img{width:6px}.nav .lang-list li>a{width:65px;text-align:center;height:35px;font-size:11px;color:#fff;font-weight:400;background-color:#702f8a;display:inline-block;line-height:35px;text-decoration:none!important;opacity:0;pointer-events:none}.nav .lang-list li>a:hover{background-color:#512264}.nav .lang-list:hover li>a{opacity:.99;pointer-events:inherit}@-webkit-keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}20%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}30%{-webkit-transform:translateZ(0);transform:translateZ(0)}40%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}70%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounce{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}20%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}30%{-webkit-transform:translateZ(0);transform:translateZ(0)}40%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}50%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}70%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.intro{position:relative}.intro__content{border-radius:20px;width:100%;margin-top:-115px;padding:135px 29px 50px;background-color: #fff;
    border: solid 1px #702f8a;}@media print,screen and (min-width:769px){.intro__content{padding:20px 70px;padding-bottom:35px;margin-top:60px;display:-webkit-box;display:flex;min-height: 340px;width:125%;}}.intro__titles{color:#702f8a;width:100%;text-align:left}@media print,screen and (min-width:769px){.intro__titles{margin-right:25%}}.intro__titles h1{font-size:25px;font-weight:600}@media print,screen and (min-width:769px){.intro__titles h1{font-size:25px;line-height:40px}}@media screen and (min-width:1024px){.intro__titles h1{font-size:55px;line-height:65px;margin-bottom:20px;}.intro__titles p {margin-bottom: 40px;font-size: 28px;}
}}.intro__titles h2{font-size:26px;line-height:34px;font-weight:300;margin-bottom:60px}@media print,screen and (min-width:769px){.intro__titles h2{font-size:32px;line-height:54px}}@media screen and (min-width:1024px){.intro__titles h2{font-size:42px;line-height:64px}}.intro__image--mobile img{width:100%}@media print,screen and (min-width:769px){.intro__image{border-radius: 20px;width:100%}}.intro__arrow{display:block;width:50px;height:50px;-webkit-transform:rotate(90deg);transform:rotate(90deg);padding:5px;border:1px solid #fff;border-radius:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.intro__arrow svg{width:100%;-webkit-animation:bounce 2.5s ease-in-out infinite;animation:bounce 2.5s ease-in-out infinite}.intro__arrow path,.intro__arrow polygon{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;fill:#fff}.intro__arrow:hover{background-color:#fff}.intro__arrow:hover path,.intro__arrow:hover polygon{fill:#702f8a}.know{text-align:center;padding:30px}@media print,screen and (min-width:769px){.know{padding:0;margin:70px 0}}.know h1{font-size:25px;font-weight:700;color:#702f8a;margin:35px auto 20px}@media print,screen and (min-width:769px){.know h1{font-size:37px}}.know h2{font-size:28px;line-height:36px;margin:75px 0 50px;font-size:400;color:#702f8a;text-transform:uppercase}.know hr{display:block;margin:auto;width:80px;border-top:3px solid #ed098a}.know__amount{color:#ed098a;font-weight:800;font-size:70px}@media print,screen and (min-width:769px){.know__amount{font-size:80px}}@media screen and (min-width:1024px){.know__amount{font-size:110px}}.know__amount span:not(:first-child){color:#702f8a;font-size:30px;font-weight:400}@media print,screen and (min-width:769px){.know__amount span:not(:first-child){font-size:35px}}@media screen and (min-width:1024px){.know__amount span:not(:first-child){font-size:50px}}.know__amount sup{color:#666;font-size:9px;font-weight:400}@media print,screen and (min-width:769px){.know__amount sup{font-size:12px}}@media screen and (min-width:1024px){.know__amount sup{font-size:18px}}.know__annotation{margin:30px auto 80px;color:#666;font-size:11px;line-height:17px;font-style:italic;font-weight:300;width:90%}@media print,screen and (min-width:769px){.know__annotation{width:65%}}.know__annotation a{color:inherit;text-decoration:underline;word-break:break-all}.know .know__arrow__container{display:block;width:50px;height:50px;padding:5px;border:1px solid #702f8a;border-radius:50%;margin:50px auto 90px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.know .know__arrow__container svg{width:100%;-webkit-animation:bounce 2.5s ease-in-out infinite;animation:bounce 2.5s ease-in-out infinite}.know__citation:last-child{align-self:flex-end}.know__quote{font-size:20px;line-height:38px;color:#702f8a;position:relative}.know__quote b{font-size:24px}@media print,screen and (min-width:769px){.know__quote{font-size:28px;line-height:46px}.know__quote b{font-size:32px}}.solutions{padding:30px}@media screen and (min-width:1024px){.solutions{padding:0}}.solutions__title{text-align:center;font-size:25px;font-weight:700;color:#702f8a;margin:35px auto 20px}@media print,screen and (min-width:769px){.solutions__title{font-size:37px}}.solutions__seperator{display:block;margin:0 auto 100px;width:80px;border-top:3px solid #ed098a}.solutions__actions{margin-top:75px}.solutions__actions a{background-color:#ed098a;color:#fff;border:2px solid #ed098a;padding:13px 25px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer;border-radius:3px;font-size:15px;font-weight:600;text-transform:uppercase}.solutions__actions a:hover{background-color:#fff;color:#ed098a}.solutions__annotation{margin:15px auto 40px;color:#666;font-size:13px;line-height:17px;font-style:italic;font-weight:300;width:90%;margin-right:0;}@media print,screen and (min-width:769px){.solutions__annotation{width:50%}}.solutions__annotation a{color:inherit;text-decoration:underline;word-break:break-all}@media print,screen and (min-width:769px){.solutions{margin:30px auto 80px}}.card--scene{width:100%}@media screen and (min-width:1024px){.card--scene{-webkit-perspective:1500px;perspective:1500px;width:100%;height:380px;margin:auto}}@media screen and (min-width:1216px){.card--scene{width:530px;height:410px}}.card__wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;width:100%;height:100%;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media screen and (min-width:1024px){.card__wrapper:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.card--face{border-radius:4px;width:100%;height:100%;position:relative}@media screen and (min-width:1024px){.card--face{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 7px 14px 1px rgba(0,0,0,.15);border-radius:4px;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;background-color:#fff;top:0;left:0;width:100%;height:100%}.card--face.card--left{display:-webkit-box;display:flex;background:#fff url(../images/bil-luxembourg-banque-pension-solutions01.jpg) no-repeat 50%;background-size:cover}.card--face.card--right{display:-webkit-box;display:flex;background:#fff url(../images/bil-luxembourg-banque-pension-solutions02.jpg) no-repeat 50%;background-size:cover}}.card--face img{display:block;width:100%;height:100%;border-radius:4px;-o-object-fit:cover;object-fit:cover}.front__title{width:100%;display:none;margin-top:auto;-webkit-box-align:end;align-items:flex-end;padding:40px 50px;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(138,47,133,.65)));background:linear-gradient(transparent,rgba(138,47,133,.65))}@media screen and (min-width:1024px){.front__title{display:-webkit-box;display:flex}}.front__title .front__arrow{margin-left:auto;display:block;width:40px;height:40px;padding:5px;border:1px solid #fff;border-radius:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:none}@media screen and (min-width:1024px){.front__title .front__arrow{display:block}}.front__title .front__arrow svg{width:100%}.front__title .front__arrow path,.front__title .front__arrow polygon{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;fill:#fff}.front__title .front__arrow:hover{background-color:#fff}.front__title .front__arrow:hover path,.front__title .front__arrow:hover polygon{fill:#fff}.card__front{box-shadow:0 7px 14px 1px rgba(0,0,0,.15)}.card__front h1{font-size:37px;line-height:40px;font-weight:700;color:#fff;display:none}@media screen and (min-width:1024px){.card__front h1{display:block}}.card__back{padding:40px 0;background-color:transparent}@media screen and (min-width:1024px){.card__back{background-color:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);padding:30px 30px 0}}@media screen and (min-width:1216px){.card__back{padding:30px 50px 0}}.card__back sup{color:#666;font-size:18px;font-weight:300}.card__back h1{font-weight:700;font-size:32px;line-height:40px;color:#702f8a}.card__back h1 span{color:#ed098a}@media screen and (min-width:1024px){.card__back h1{font-size:28px;line-height:36px}}.card__back ul{margin-top:20px}@media screen and (min-width:1024px){.card__back ul{margin-top:10px}}.card__back ul li{color:#702f8a;font-weight:300;line-height:25px;font-size:19px;padding:5px 0;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start}.card__back ul li .solutions__logos{margin-left:32px}.card__back ul li div{margin-right:15px}.card__back ul li sup{font-size:15px}.card__back ul li img{width:36px;display:inline-block;vertical-align:middle}@media print,screen and (min-width:769px){.card__back ul li img{width:32px}}.avantages{margin-top:50px;padding:30px}@media print,screen and (min-width:769px){.avantages{padding:0;margin-top:25px}}.avantages__title{text-align:center;font-size:25px;font-weight:700;color:#702f8a;margin: 0 auto;}@media print,screen and (min-width:769px){.avantages__title{font-size:37px}}.avantages__seperator{display:block;margin:20px auto 50px;width:235px;border-top:3px solid #ed098a}.avantages__item{text-align:center;color:#702f8a}@media print,screen and (min-width:769px){.avantages__item{padding:.75rem 40px}}.avantages__item img{width:80px}.avantages__item h1{margin-top:30px;text-transform:uppercase;font-weight:700;font-size:19px;line-height:30px}.avantages__item p{font-weight:300;font-size:19px;line-height:30px}.tax{text-align:center;margin-top:100px}.tax__icon{width:80px}.tax__title{color:#702f8a;font-size:28px;line-height:36px;font-weight:700;margin:30px 0 75px;text-transform:uppercase}.tax__left{color:#702f8a;background-color:rgba(112,47,138,.03);padding:50px 80px;text-align:center}.tax__left sup{color:#666;font-size:11px;font-weight:300}.tax__left p:first-child{font-size:22px;line-height:34px;font-weight:600;text-transform:uppercase}.tax__left p:nth-child(2){font-size:22px;line-height:34px;font-weight:300}.tax__left p:last-child{font-weight:400}.tax__left span{color:#ed098a;font-size:38px;font-weight:700}.tax__left span svg{margin-bottom:5px}@media print,screen and (min-width:769px){.tax__left{text-align:left;width:80%;margin-left:auto;padding:80px 50px}}.tax__right{padding:50px 30px;color:#fff;border-radius:4px;background:radial-gradient(circle at left top,#b13b91,#702f8a 40%)}.tax__right h1{font-size:22px;line-height:36px;font-weight:600;text-transform:uppercase;margin-bottom:28px}.tax__right p{font-size:22px;line-height:34px;font-weight:300}@media print,screen and (min-width:769px){.tax__right{width:90%;padding:50px;margin:77px auto 0 -50px}}.tax__progress{width:110px;height:6px;background-color:#fff;position:relative;border-radius:20px}.tax__progress:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:#ed098a;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.tax__progress.is-active:after{width:90%}.tax__year{font-size:30px;line-height:28px;font-weight:700}@media print,screen and (min-width:769px){.tax__year{font-size:32px;line-height:30px}}@media screen and (min-width:1024px){.tax__year{font-size:39px;line-height:36px}}.tax__annotation{margin-top:10px;color:#666;font-size:11px;line-height:17px;font-style:italic;font-weight:300;text-align:center}@media print,screen and (min-width:769px){.tax__annotation{margin-top:0;text-align:left;width:70%}}.tax__annotation a{color:inherit;text-decoration:underline;word-break:break-all}.contact__container{padding:30px;background-color:rgba(112,47,138,.03)}@media print,screen and (min-width:769px){.contact__container{padding:75px 90px}}.contact__title{text-align:center;font-size:35px;line-height:50px;font-weight:700;color:#702f8a;margin-bottom:60px;position:relative}.contact__title:after,.contact__title:before{position:absolute;top:50%;width:15%;height:1px;background-color:#702f8a}@media print,screen and (min-width:769px){.contact__title:after,.contact__title:before{content:""}}.contact__title:after{right:0}.contact__title:before{left:0}.contact__subtitle{color:#702f8a;font-size:20px;line-height:26px;font-weight:400;text-align:center;margin-bottom:50px}.contact__link{display:inline-block;background-color:#702f8a;font-family: "Mona Bold", sans-serif !important;color:#fff !important;padding: 10px 25px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:pointer;font-size:15px; line-height: 21px;white-space:nowrap}.contact__link svg{vertical-align:bottom;margin-right:5px}.contact__link:hover{background-color: #5d2474;}.contact__link:hover .contact__icon{fill:#ed098a}.contact__icon{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body,html{font-family:'Mona Regular',sans-serif;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:#000;scroll-behavior:smooth}@media print,screen and (min-width:769px){header{display:block;padding:40px 20px}}header h1{text-align:right}header h1 span{display:block}header h1 span:first-child{color:#702f8a;font-weight:400;font-size:20px;padding-top:5px}header h1 span:last-child{font-weight:400;font-size:16px;padding-top:0px;color:#888}

.advantages .box-content {
    position: relative;
    padding: 30px;
    box-shadow: 0 0 0 rgb(0 0 0 / 10%),0 1px 15px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    height: 100%
}

.pack-btn a.btn {
    width: auto
}

span.offre-spe {
    display: block;
    font-size: 15px;
    font-weight: 100;
    color: #333;
    margin-top: -5px
}

ul.pack-detail {
    list-style: none
}

.pack-id img {
    margin-bottom: 35px;
    width: 80%;
    max-width: 100px!important
}

.pack-id h4.text-center {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 60px;
    color: #702f8a;
}

p.text-center.price {
    font-weight: 600;
    color: #702f8a;
    font-size: 27px
}

.pack-detail .text-center.btn-bottom.pack-btn {
    position: absolute;
    bottom: 40px;
    left: 20%
}

.fee small.med {
    display: block;
    text-align: center;
    color: #ed098a;
    padding-bottom: 15px
}

@media (max-width: 1133px) {
    .section-default.benef img.packages-icon {
        margin:auto auto 25px!important;
        width: 100%;
        height: 80px;
        display: block!important
    }

    .benef .col-md-4 {
        text-align: center!important
    }

    .section-default.benef .col-md-4 div,.section-default.benef .col-md-6 div {
        width: 90%;
        padding-left: 0
    }

    .pack-detail .text-center.btn-bottom.pack-btn {
        left: 15%
    }
}

@media (max-width: 1050px) {
    .pack-detail .text-center.btn-bottom.pack-btn {
        left:10%
    }
}

@media (max-width: 991px) {
    .pack-detail .text-center.btn-bottom.pack-btn {
        left:23%
    }
}

@media (max-width: 880px) {
    .pack-detail .text-center.btn-bottom.pack-btn {
        left:20%
    }
}

@media (max-width: 800px) {
    #section-introduction-content {
        position:relative!important;
        max-width: 1000px!important;
        width: 100%!important;
        margin: 0!important;
        border: none!important;
        padding: 0 40px!important
    }

    #section-introduction-inner.banner-packages div#section-introduction-content {
        width: 100%!important;
        min-width: 0!important
    }

    .col-md-5.card-description {
        margin-right: 0!important
    }

    .package-icon {
        min-width: 0;
        padding-right: 20px;
        margin-left: 20px
    }

    #section-introduction #section-introduction-inner div#section-introduction-content {
        padding-right: 35px
    }

    #section-introduction.banner #section-introduction-inner.banner-packages div#section-introduction-content {
        width: 100%!important;
        min-width: 250px!important;
        max-width: 1000px!important;
        padding: 35px!important
    }
}

@media (max-width: 790px) {
    .pack-detail .text-center.btn-bottom.pack-btn {
        left:18%
    }
}

@media (max-width: 767px) {
    .pack-detail .text-center.btn-bottom.pack-btn {
        position:relative;
        left: 0;
        margin: auto;
        display: inline-block
    }

    .advantages .box-content {
        padding-bottom: 0
    }

    .fee {
        margin-top: 45px;
        margin-left: 25px;
        margin-right: 25px;
        max-width: 100%!important
    }

    .is-silver .package-icon {
        margin-top: 0
    }

    .card-description h5 {
        padding-top: 0
    }

    .package-icon {
        min-width: 0;
        padding-right: 0;
        margin-left: 0;
        padding-top: 35px
    }

    #section-introduction-content {
        min-width: 0!important
    }

    .advantages a.btn-default.blue-invert {
        margin-bottom: 50px
    }

    .card-box.grey .col-md-4.col-sm-8.col-12 {
        margin: auto auto 35px!important;
        text-align: center!important
    }

    .section-default.benef .col-md-4 div,.section-default.benef .col-md-6 div {
        width: 100%
    }
}

@media (max-width: 465px) {
    .col-icon {
        display:none
    }

    .card-description {
        max-width: 95%!important;
        margin-left: 0!important;
        padding-left: 15px!important
    }

    #section-introduction-inner {
        padding: 30px
    }
}


.no-shadow.active {
    width: 90%;
    height: 22px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    bottom: 95px;
    -webkit-transition: .5s;
    transition: .5s
}

ul.pack-detail {
    padding: 25px 15px
}

ul.pack-detail li {
    font-size: 14px;
    padding-left: 23px
}

ul.pack-detail li:before {
    content: "\2713";
    margin-left: -23px;
    padding-right: 12px;
    font-size: 13px
}

#section-offer .box-choices .box .box-content .pack-id,.cards-available {
    text-align: center
}

.cards-available div {
    width: auto;
    text-align: center;
    margin: auto;
    display: inline-block;
    padding: 0 8px 10px
}

.cards-available div div {
    padding: 0 3px
}

.cards-available div img {
    height: 63.43px!important;
    width: auto!important;
    display: inline-block;
    margin: auto!important
}

.cards-available div p {
    font-size: 11px!important;
    margin-bottom: 0!important;
    padding-top: 8px;
    font-weight: 600
}

.cards-available .uponrequest {
    border: 2px solid #f7f7f7;
    border-radius: 10px;
    position: relative
}

.uponrequest.de:before,.uponrequest.en:before {
    content: "Upon request"
}

.cards-available div img.visa {
    height: 40px!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.page-wrapper {
    max-width: 1250px
}

.mentions {
    padding-top: 65px;
    display: none
}

.mentions p {
    margin-bottom: 15px!important
}

.mentions ol {
    list-style: decimal;
    margin-left: 18px
}

.pack-btn a {
    display: block;
    width: 50%;
    margin: auto
}

.pack-btn a:last-child {
    margin-top: 10px
}

.btn {
    display: inline-block;
    position: relative;
    padding: 10px  25px;
    font-family: "Mona Bold", sans-serif !important;
    line-height: 21px;
    text-decoration: none !important;
    font-size: 15px !important;
    -webkit-transition: color .2s ease,background-color .2s ease,border .2s ease;
    transition: color .2s ease,background-color .2s ease,border .2s ease;
}

.btn-blue-inverse {
    border-color: #ed098a !important;
    color: #ed098a !important;
    background-color: #FFFFFF;
}



.btn-blue {
    text-align: center;
    background-color: #ed098a;
    color: white;
    text-transform: uppercase;
    width: 80%;
}

.btn-blue:hover {
    background-color: white;
    color: #ed098a;
    border: 1px solid #ed098a;
}

.text-center {
    text-align: center !important;
}


.know .container {
	max-width: 900px;
}

.know .container p{
	font-size: 18px;
}

.container.intro{
	max-width: 1250px;
}

.pack-id img {
    margin-bottom: 35px;
    width: 80%;
    max-width: 100px!important;
}

.advantages div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pack-id h4.text-center {
    font-weight: 600;
    margin-bottom: 25px;
}

.pack-id h4.text-center {
    font-weight: 600;
    margin-bottom: 25px;
	margin-top: 0;
}

.pack-detail p {
    margin-top: 0;
    margin-bottom: 30px !important;
    font-size: 24px;
}

ul.pack-detail {
    padding: 25px 15px;
}

ul.pack-detail {
    list-style: none !important;
}

.advantages ul {
    list-style: initial;
    text-align: left;
    margin-bottom: 50px !important;
}

.advantages .box-content {
    position: relative;
    padding: 30px;
    box-shadow: 0 0 0 rgb(0 0 0 / 10%), 0 1px 15px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 30px;
    height: 100%;
}

.advantages div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

section.projects {
    padding: 100px 0;
}

.projects .title {
    margin: 0 auto;
    max-width: 350px;
    color: #702F8A;
}

.projects i {
    color: #191818;
}

.projects .body {
    margin: 0 auto;
    padding-top: 25px;
    max-width: 500px;
}

.projects .picture-container {
    width: 100%;
    height: 400px;
}

@media screen and (max-width: 767px) {
    .projects .picture-container {
        height: 250px;
    }
}

.projects .picture-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projects .flexbox-centering {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 400px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
}

.projects .projects-element {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-top: 0px;
    -ms-flex-pack: distribute;
}

@media screen and (max-width: 767px) {
    .projects .projects-element {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .projects .projects-element {
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .projects .projects-element {
        flex-direction: row;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: distribute;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
    }
}


.projects .content {
    max-width: 450px;
}

.projects .content h1 {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #702F8A;
}

.projects .content p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 300;
}

.projects .content ul {
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 20px;
    list-style-image: url(/PublishingImages/site-all/icons/check-list.svg);
}

.projects .content ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
}

.projects .content ul li:last-child {
    margin-bottom: 0;
}

.projects .content small {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #9a9696;
}

.projects .content .link-arrow {
    margin-top: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.projects.byoung .row {
    margin: auto;
    width: 80%;
    margin-bottom: 100px;
}

.projects.byoung .content {
    text-align: left;
    max-width: 100%;
    padding-left: 80px;
}

.projects.byoung .content h1, .client.byoung h1, .flexicav.byoung h1 {
    position: relative;
    font-size: 32px;
    color: #702F8A;
    font-family: 'Mona Bold',sans-serif !important;
    margin-bottom: 25px;
}

.projects.byoung .content h2 {
    color: #702f8a;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 35px;
}

.projects.byoung .content h1:after, .flexicav.byoung h1:after {
    content: '';
    width: 75px;
    border-bottom: solid 3px #ed098a;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -3px;
}

.client.byoung h1:after {
    content: '';
    width: 75px;
    border-bottom: solid 3px #ed098a;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.projects.byoung .content ul {
    list-style-image: none;
}

.projects.byoung .content ul li:before {
    content: "\2022";
    color: #ed098a;
    font-weight: bold;
    display: inline-block;
    font-size: 25px;
    position: absolute;
    left: 95px;
}

.projects.byoung .content ul.list-accordion li:before {
    content: "";
    display: none;
}

div.carte-perso {
    background-color: aliceblue;
    background-position: top -10% right -5%;
    background-size: 45%;
    background-repeat: no-repeat;
    padding: 25px;
}

div.carte-perso div {
    background-color: rgba(240, 248, 255, 0);
}

.carte-perso a.btn-violet-revert:hover small {
    transition: all .3s;
    color: #fff;
}

.projects.byoung .carte-perso .content {
    padding-left: 0;
}

@media screen and (max-width: 1319px) {
    div.carte-perso {
        background-position: top right;
    }
}

@media screen and (max-width: 991px) {
    .projects.byoung img {
        display:none;
    }

    .projects.byoung .row .content:before {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        height: 200px;
        margin-bottom: 25px;
    }

    .projects.byoung .row:first-child .content:before {
        background: url(/PublishingImages/site-particuliers/byoung/compte-courant-jeune.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .projects.byoung .row:nth-child(2) .content:before {
        background: url(/PublishingImages/site-particuliers/byoung/epargne-cochon.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .projects.byoung .row:nth-child(3) .content:before {
        background: url(/PublishingImages/site-particuliers/byoung/vpay.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .projects.byoung .row:nth-child(4) .content:before {
        background: url(/PublishingImages/site-particuliers/byoung/carte-perso.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}



.link-arrow {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 45px;
    border: 1px solid #E6E6E6;
    border-radius: 45px;
    overflow: hidden;
    text-indent: -9999px;
    background: #FFFFFF;
    transition: border-color .3s ease;
}

.link-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-image: url(/PublishingImages/site-all/icons/arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 18px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.link-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-image: url(/PublishingImages/site-all/icons/arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 18px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.link-arrow:hover {
    border-color: #676767;
}

.link-arrow:hover:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.link-arrow:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.separator {
    height: 2px;
    margin: 0 auto;
    max-width: 350px;
    background-color: #E6E6E6;
}

@media screen and (max-width: 767px) {
    .separator {
        max-width: 200px;
    }
}

.picture-container .hideitem {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.epargne-active {
    position: relative;
	padding: 100px 0;
	padding-bottom: 0;
}

.epargne-active:before {
    content: " ";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: url(/PublishingImages/site-particuliers/bactive/epargne.jpg);
    background-size: cover;
}

.epargne-active i {
    color: #191818;
}

.epargne-active:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: -moz-linear-gradient(-45deg, #5d237e 0%, rgba(93, 35, 126, 0.59) 100%);
    background: -webkit-linear-gradient(-45deg, #5d237e 0%, rgba(93, 35, 126, 0.59) 100%);
    background: linear-gradient(135deg, #5d237e 0%, rgba(93, 35, 126, 0.59) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d237e', endColorstr='#965d237e',GradientType=1 );
}

.epargne-active .container {
    z-index: 1;
    position: relative;
}

.epargne-active .title {
	font-size: 29px;
}

.epargne-active .title, .epargne-active .body {
    margin: 0 auto;
    max-width: 500px;
    color: #FFFFFF;
}

.epargne-active .body {
    padding-top: 25px;
}

.epargne-active .epargne-list {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .epargne-active .no-padding {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .epargne-active .no-padding {
        margin-bottom: 0 !important;
    }
}

.epargne-active .epargne-type {
    position: relative;
    padding: 25px;
    padding-bottom: 80px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .epargne-active .epargne-type {
        height: auto;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 768px) {
    .epargne-active .epargne-type {
        height: auto;
        margin-bottom: 100px;
    }
}

@media screen and (min-width: 992px) {
    .epargne-active .epargne-type {
        height: 560px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .epargne-active .epargne-type {
        height: 450px;
    }
}

.epargne-active .epargne-type-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    margin-top: -70px;
    margin-bottom: 15px;
    margin-left: calc(50% - 45px);
    border-radius: 90px;
    background-color: #702F8A;
}

.epargne-active .epargne-type-picture img {
    height: 40px;
}

.epargne-active .epargne-type h1 {
    font-size: 21px;
    font-weight: 400;
}

.epargne-active .epargne-type h1 span {
    color: #ed098a;
}

.epargne-active .epargne-type p {
    padding: 15px 0 20px 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
}

.epargne-active .epargne-type .tab {
    display: inline-block;
    position: relative;
    margin: 5px 0;
    padding: 5px 10px 5px 28px;
    border-radius: 20px;
    font-size: 13px;
    color: #FFFFFF;
}

.epargne-active .epargne-type .tab:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 9px;
    height: 8px;
    margin-top: -4px;
    background-image: url(/PublishingImages/site-all/icons/check-white.svg);
    background-size: 9px 8px;
}

.epargne-active .epargne-type .tab i {
    left: 2px;
    font-size: 7px;
    color: #FFFFFF;
}

.epargne-active .epargne-type .tab-blue {
    background: #7BA4DB;
}

.epargne-active .epargne-type .tab-green {
    background: #1B8652;
}

.epargne-active .epargne-type .link {
    border-color: #7BA4DB !important;
    color: #7BA4DB !important;
}

@media screen and (max-width: 767px) {
    .epargne-active .epargne-type .link {
        display: block;
        clear: both;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        margin-top: 20px;
        border-color: transparent;
    }
}

@media screen and (min-width: 768px) {
    .epargne-active .epargne-type .link {
        display: block;
        clear: both;
        position: relative;
        bottom: 0;
        left: 0;
        margin-top: 20px;
        margin-left: 0;
        border-bottom-color: transparent;
    }
}

@media screen and (min-width: 992px) {
    .epargne-active .epargne-type .link {
        position: absolute;
        bottom: 25px;
        left: 25px;
        border-bottom-color: #ed098a;
        color: #ed098a;
    }
}

.epargne-active .flexbox-center {
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .epargne-active .flexbox-center {
        display: block;
    }
}

.epargne-active .link {
    display: inline-block;
    margin: 0 20px;
    border-bottom: 1px solid #ed098a;
    font-weight: 600;
}

.epargne-active .link-blue {
    border-color: #7BA4DB !important;
    color: #7BA4DB !important;
}

.epargne-active .link-green {
    border-color: #1B8652 !important;
    color: #1B8652 !important;
}

@media screen and (max-width: 767px) {
    .epargne-active .link-green {
        margin-top: 20px;
    }
}

.invest-active {
	padding: 0  0 100px 0;
}
    

.invest {
    position: relative;
    padding-top: 0;
}

.invest-active i {
    color: #702F8A;
}

.invest-active .flex {
    display: flex;
    align-items: center;
}

.invest-active .picture-container {
    position: relative;
    width: 60%;
}

@media screen and (max-width: 767px) {
    .invest-active .picture-container {
        width: 0;
        opacity: 0;
    }
}

@media screen and (min-width: 768px) {
    .invest-active .picture-container {
        width: 37%;
    }
}

@media screen and (min-width: 992px) {
    .invest-active .picture-container {
        width: 52%;
    }
}

@media screen and (min-width: 1200px) {
    .invest-active .picture-container {
        width: 60%;
    }
}

/*.invest-active .picture-container:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%,rgba(255,255,255,0.5) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%,rgba(255,255,255,0.5) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%,rgba(255,255,255,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80ffffff',GradientType=1 );
}*/

.invest-active .picture-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.invest-active .content {
    position: absolute;
    right: 0;
}

@media screen and (max-width: 767px) {
    .invest-active .content {
        position: relative;
    }
}

.invest-active .content .invest-title {
    max-width: 500px;
    text-align: left;
    font-size: 35px;
    color: #702F8A;
    margin-left: 30%;
}

@media screen and (max-width: 767px) {
    .invest-active .content .invest-title {
        max-width: inherit;
        font-size: 24px;
    }
}

.invest-active .content .body {
    margin-left: 30%;
    padding-top: 30px;
    max-width: 620px;
}

@media screen and (max-width: 767px) {
    .invest-active .content .body {
        margin-left: 0;
    }
}

.invest-active .content ul {
    margin-top: 50px;
}

.invest-active .content ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-left: 30%;
}

.invest-active .content ul li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .invest-active .content ul li {
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 0;
    }
}

.invest-active .content ul li h1 {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    color: #702F8A;
}

.invest-active .content ul li h1:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -55px;
    width: 30px;
    height: 5px;
    background-color: #702F8A;
}

@media screen and (max-width: 767px) {
    .invest-active .content ul li h1:before {
        display: none;
    }
}

.invest-active .content ul li p {
    padding-top: 10px;
    max-width: 350px;
    font-size: 13px;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .invest-active .content ul li p {
        max-width: 100%;
        font-size: 14px;
    }
}

.invest-active .content ul li span {
    display: block;
    margin-top: 10px;
    max-width: 350px;
    font-size: 13px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .invest-active .content ul li span {
        max-width: 100%;
        font-size: 14px;
    }
}

.invest-active .content ul li span strong {
    text-transform: uppercase;
    font-weight: 700;
    color: #ed098a;
}

.invest-active .content ul li span p {
    display: inline;
    padding: 2px 5px;
    font-style: italic;
    line-height: 24px;
    color: #FFFFFF;
    background-color: #ed098a;
    box-decoration-break: clone;
}

.invest-active .content ul li a {
    margin-top: 20px;
    transform: rotate(-90deg);
}

.invest-active .content .btn {
    margin-top: 100px;
    margin-left: 30%;
}

@media screen and (max-width: 767px) {
    .invest-active .content .btn {
        width: 100%;
        margin-top: 50px;
        margin-left: 0;
    }
	
	header{display:none !important;}
	
	.intro__image--mobile{padding:0px;}
	
	.intro__content {
	    padding: 135px 25px 25px;
	    border: none;
	}
	
	.avantages{margin-top: 0px;padding-bottom: 0px;}
	
	.advantages .box-content {padding:30px;padding-bottom:0;height:auto;}
	
	.container.intro, .contact .container{padding:0px;}
	
	section.projects, .invest-active {
		padding: 50px 0;
	}
	
	.contact__subtitle {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.contact__title {
		margin-bottom: 20px;
	}
	.contact__container {
		padding-bottom: 70px;
	}
	
	.know .container p{
		font-size: 16px;
	}
	
}

.video {
    position: relative;
    padding-bottom: 100px;
}

.video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    background-color: #702F8A;
}

@media only screen and (max-width: 1200px) {
    .video:before {
        height: 320px;
    }
}

.video-container {
    position: relative;
    width: 1060px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .video-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .video-container {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .video-container {
        width: calc(100% - 50px);
    }
}

.video-titre {
    text-align: center;
    font-size: 40px;
    line-height: 55px;
    color: white;
    padding: 55px 0;
    padding-top: 80px;
}

@media only screen and (max-width: 1200px) {
    .video-titre {
       font-size: 28px;
       line-height: 40px;        
       padding: 55px 0 40px;
    }
}

@media only screen and (max-width: 375px) {
    .video-titre {
        font-size: 28px;
        line-height: 38px;
    }
}

@media only screen and (max-width: 850px) {
    .video-titre br {
        display: none;
    }
}

.video-panel {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;  
    display: block;
    cursor: pointer;
}

.video-panel img {
    width: 100%;
    display: block;
}

.video-play {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: rgba(5,195,222,.9);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: .3s ease background-color, .3s ease transform;
}

@media only screen and (max-width: 850px) {
    .video-play {
        width: 70px;
        height: 70px;
    }
}

.video-panel:hover .video-play {
    background-color: #10ADC3;
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.video-play svg { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 20%;
    transition: .3s ease width;
}


.video-navigation {
    margin-top: 75px;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 850px) {
    .video-navigation {
        display: block;
    }
}

.video-navigation .common-btn {
    margin: 0 12px;
}

@media only screen and (max-width: 850px) {
    .video-navigation .common-btn {
        display: table;
        margin: 0 auto 25px;
    } 
    
    .video-navigation .common-btn:last-child {
        margin: 0 auto;
    } 
}

.popup-video {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(112, 47, 137, .9);
        z-index: 10;
}

.popup-video-container {
    position: relative;
    width: 920px;
    height: 100%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .popup-video-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .popup-video-container {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .popup-video-container {
        width: calc(100% - 50px);
    }
}

.popup-video-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.popup-video-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.popup-video-quit {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 40px;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .popup-video-quit {
        right: 30px;
        top: 30px;
        width: 30px;
    }
}



.popup-form {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(112, 47, 137, .9);
        z-index: 10;
}

.popup-form-container {
    position: relative;
    width: 920px;
    height: 100%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .popup-form-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .popup-form-container {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .popup-form-container {
        width: calc(100% - 50px);
    }
}

.popup-form-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.popup-form-container iframe {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 90vh;
    min-height: 90vh;
    transform: translateY(-50%);
 }


.popup-form-quit {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 40px;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .popup-form-quit {
        right: 30px;
        top: 30px;
        width: 30px;
    }
}


.slick-dots li button{color:transparent!important;}


.contact__link:hover{
	text-decoration: none !important;
}



/* Partenaire */

.partenaire {
}

.partenaire-container {
    display: block;
    width: 880px;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .partenaire {
        padding-top: 100px;
        padding-bottom: 175px;
    }
    .partenaire-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .partenaire-container {
        width: 500px;
    }

    .partenaire-container_dk {
        width: 100% !important;
    }
}

@media only screen and (max-width: 550px) {
    .partenaire-container {
        width: calc(100% - 50px)
    }
}

.partenaire-titre {  
    color: #702F8A;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
	margin-top: 60px;

}

@media only screen and (max-width: 1200px) {
    .partenaire-titre {
        font-size: 28px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 375px) {
    .partenaire-titre {
        font-size: 28px;
        line-height: 38px;
    }
}

@media only screen and (max-width: 850px) {
    .partenaire-titre br {
        display: none;
    }
}

.partenaire-titre br.resp {
    display: none;
}

@media only screen and (max-width: 550px) {
    .partenaire-titre br.resp {
        display: block;
    }
}


.partenaire-texte {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1200px) {
    .partenaire-texte {
        margin-top: 15px;
        font-size: 17px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 850px) {
    .partenaire-texte br {
        display: none;
    }
}

.partenaire-panel {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}


.partenaire .slick-dots {
    position: relative;
    bottom: 0;
    height: 8px;
    display: flex !important;
    justify-content: center;
    margin-top: 50px;
}

.partenaire-panel-item {
    width: 280px;
    height: 100%;
    border-radius: 20px;
    display: block;
    margin-left: auto;
}

.partenaire  .slick-dots li button:before {
    display: none;
}

.partenaire .slick-dots li {
    position: relative;
    opacity: 0.2;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: .2s ease opacity;
}

.partenaire .slick-dots li.slick-active {
    opacity: 1;
}

.partenaire .slick-dots li button {
    width: 35px;
    height: 8px;
    padding: 0;
    background: #702f89;
    margin: 0 7px;
    border-radius: 2px;
}



.partenaire-panel-item_1 {
    background-color: #702F8A;
}

.partenaire-panel-item_2 {
    background-color: #702F8A;
}

.partenaire-panel-item_3 {
    background-color: #702F8A;
}

.partenaire-panel-item-content {
    padding: 55px 30px 45px;
}

.partenaire-panel-item-content-img {
    display: block;
    width: 125px;
    height: 125px;
    background-color: #FFFFFF;
    opacity: .8;
    border-radius: 100%;
    margin: 0 auto 40px;
}

.partenaire-panel-item-content-texte {
    color: white;
    text-align: center;
    font-size: 19px;
    line-height: 26px;
}

.partenaire-panel-item-content-texte.de {
    font-size: 17px;
    line-height: 25px;
}

.partenaire-panel-item_3 .partenaire-panel-item-content-texte {
    color: #702F8A;
}

.partenaire-navigation {
    margin-top: 75px;
}

@media only screen and (max-width: 850px) {
    .partenaire-navigation {
        display: block;
    }
}

.partenaire-navigation .common-btn {
    margin: 0 12px;
}

@media only screen and (max-width: 850px) {
    .partenaire-navigation .common-btn {
        display: table;
        margin: 0 auto 25px;
    } 
    
    .partenaire-navigation .common-btn:last-child {
        margin: 0 auto;
    } 
}


/* Game */

.game {
        padding: 120px 0;
        padding-top: 60px;
        margin-top:100px;
    }

.game-container {
    position: relative;
    width: 1090px;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .game-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .game-container {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .game-container {
        width: calc(100% - 50px);
    }
}

.game-panel {
    position: relative;
    background-color: #702F8A;
    border-radius: 20px;
    width: 100%;
}

.game-panel-img {
    position: absolute;
    height: calc(100% + 110px);
    width: 415px;
    border-radius: 20px;
    top: -70px;
    left: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/PublishingImages/site-particuliers/simulateur/snl.jpg");
}

@media only screen and (max-width: 1200px) {
    .game-panel-img {
        width: 500px;
        height: 290px;
        bottom: -180px;
        left: 50%;
        transform: translateX(-50%);
        top: inherit;
        background-position: bottom -40px center;
    }
}

@media only screen and (max-width: 850px) {
    .game-panel-img {
        width: calc(100% - 100px);
        background-position: bottom center;
    }
}

@media only screen and (max-width: 550px) {
    .game-panel-img {
        width: calc(100% - 50px);
        display:none;
    }
}

.game-panel-img:after { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(112,47,138);
    background: linear-gradient(0deg, rgba(112,47,138,.7) 0%, rgba(255,255,255,0) 60%);
}

.game-panel-texte {
    position: relative;
    width: 480px;
    margin-left: 560px;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
    .game-panel-texte {
        width: calc(100% - 100px);
        margin: 0 auto;
        padding-top: 75px;
        text-align: center;
        padding-bottom: 160px;
    }
}

@media only screen and (max-width: 850px) {
    @media only screen and (max-width: 1200px) {
        .game-panel-texte {
            width: calc(100% - 50px);
        }
    }
}

.game-panel-texte-top {
    position: absolute;
    top: -30px;
    font-size: 20px;
    line-height: 25px;
    background-color: #ed098a;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    color: white;
    text-align: center;
    border-radius: 12px;
}

.game-panel-texte-top br {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .game-panel-texte-top {
        padding: 12px 10px;
        top: 0%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-size: 19px;
        line-height: 25px;
        width: 275px;
        max-width: calc(100% - 30px);
    }

    .game-panel-texte-top br {
        display: block;
    }
}

.game-panel-texte-titre {
    font-size: 25px;
    line-height: 33px;
    color: white;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1200px) {
    .game-panel-texte-titre {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .game-panel-texte-titre {
        font-size: 28px;
        line-height: 38px;
    }
}

.game-panel-texte-detail {
    font-size: 16px;
    line-height: 24px;
    color: white;
    margin-bottom:30px;
}

ul.game-panel-texte-detail {
	margin-left: 30px;
	list-style-type: disc;
}

.game-panel-texte-bottom,
.game-panel-texte-bottom a {
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    color: white;
    opacity: .5;  
}

.game-panel-texte-bottom a {
    text-decoration: underline;
    opacity: 1;
}

.game-panel-texte-bottom a:hover {
    opacity: 1;
}

.mt30 {
	margin-top:30px;
}

.avantages p.intro {
	max-width: 900px;
    text-align: center;
    margin: auto;
    margin-bottom: 70px;
    font-size: 18px;
}
.avantages h1{
	text-align:center;
}

.advantages{
	margin-top: 70px;
	margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {

	.avantages h1{
		font-size: 20px;
	}
    .intro__content {
       border-radius: 0px;
    }
    
    .intro__content:after {
       position:absolute;
       content:"";
       border-bottom:solid 2px #ed098a;
       width: 40px;
       height: 10px;
       left:50%;
       transform:translateX(-50%);
       margin-bottom:20px;
    }
    
    .intro__titles p {
		margin-bottom: 10px;
	}
	
	.avantages p.intro {
	    margin-top: 10px;
    	margin-bottom: 50px;
	    font-size: 16px;
	}

    .pack-detail p {
	    font-size: 18px;
	    padding-bottom: 40px;
	}
	
	.know {
	    padding: 0 30px;
	}
	
	.game  {
	    margin-top: 50px;
	    padding-bottom: 75px;
	}
	
	.game, .game-panel-texte {
	    padding-top: 40px;
	        text-align: left;
	}
	
	.game-panel-texte {
	   padding-bottom: 60px;	
	 }
	
	.game-panel-texte-titre {
	    font-size: 28px;
	    line-height: 35px;
	}
	
	.partenaire {
	    padding-top: 0px;
	}
	
	.video{
	    padding-bottom: 60px;
	}
	
	.partenaire-panel{
	    display: block;
	    padding-left: 25px;
   		padding-right: 25px;
	}

	.partenaire-panel-item {
	    width: auto;
	    margin-bottom: 40px;

	}
	
	.partenaire-navigation {
	    margin-top: 50px;
	}
	
	.partenaire {
	    padding-bottom: 70px;
	}
	.avantages {
	    padding-top: 0px;
	}

}


.intro__titles h1.de {
	    font-size: 31px;
	    line-height: 43px;
	}
	


@media only screen and (max-width: 1200px) and (min-width: 769px){
   .intro__titles h1 {
	    font-size: 39px;
	    line-height: 53px;
	    margin-bottom: 15px;
	}
	
	.intro__titles p {
	    margin-bottom: 30px;
	    font-size: 20px;
	}
	
	.advantages .box-content {
	    padding-bottom: 20px;
	    margin-bottom: 0px;
	}
	
	.game {
	    padding-top: 0px;
	}
	
	.game-panel-texte {
	    padding-top: 50px;
	}
	
	.know {
	    margin: 50px 0;
	}
	
	.game-panel-texte-detail {
	    text-align:left;
	}
	
	.partenaire-panel-item_1 {
	    margin-right: 20px
	}

	.partenaire-panel-item_2 {
	    margin-left: 20px;
	}
	
	.partenaire-panel-item {
	    width: 360px;
	}
	
	.partenaire {
	    padding-bottom: 100px;
	}

}

img.titreimg {
	    width: 55px;
    margin-bottom: 10px;
}



#s4-workspace, select, input, textarea, button{
	line-height:1.4!important;
}
 
 /* Masquer les flèches d'incrémentation/décrémentation pour les navigateurs qui le supportent */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

.card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.card-inner:hover {
    transform: rotateY(180deg);
}

.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    overflow: hidden;
}

.card-front {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #702F8A;
    transform: rotateY(180deg);
    padding:10px;
}

.card{
	width:280px;
	height: 400px;
	margin:auto;
}

.card ul{
	color:#fff;
	    padding-left: 15px;
	list-style:disc;}

.containermylife {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%; /* Ajustez selon la largeur souhaitée */
}

.linked-card {
    text-align: left;
    text-decoration: none;
    color: inherit; /* Empêche les liens d'avoir la couleur par défaut */
    width: 30%; /* Divise la largeur entre les trois éléments */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optionnel: Ajoute une ombre */
    border-radius: 10px; /* Optionnel: Bord arrondi pour l'ensemble du lien */
    overflow: hidden; /* Garde tout contenu interne confiné à la forme arrondie */
    background:#fff;
}

.linked-card img {
    width: 100%; /* Assure que l'image couvre la largeur du lien */
    height: auto;
    border-radius: 10px 10px 0 0; /* Bord arrondi uniquement sur le haut */
}

.linked-card h3 {
    margin: 10px 0; /* Ajoute un espace autour du titre */
    color:#702F8A;
    text-decoration:none;
    padding:10px;
}

/* Styles supplémentaires pour le survol */
.linked-card:hover {
    transform: scale(1.05); /* Effet de zoom léger au survol */
    transition: transform 0.3s ease-in-out;
    text-decoration:none;
}



  /* Masquer les flèches d'incrémentation/décrémentation pour Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }  #simulator a{
	text-align:left;
}   
#simudepot{
	   color: #702f8a; /* Couleur blanche */
font-size: 16px;
    font-weight: 700;
    font-family: 'Mona Regular',sans-serif;   }
 #simudepot{
	 background-color: rgba(111,47,137,.05);
padding:80px 0;
 }
 
 #simulator {
      max-width: 1140px;
      margin: 0 auto;
	  position: relative; /* Ajoutez cette ligne pour positionner les éléments enfants */
    }
    

    label {
      display: block;
      margin-bottom: 10px;
    }
	
#inputContainer	input[type="range"] {
  width: 100%;
    -webkit-appearance: none;
  width: 100%;
  height: 30px;
  background: transparent;
  outline: none;
  border-radius: 5px;
  position: relative;
  z-index:2;
}

.slider-thumb-custom {
  margin-left: -100px;
}

#inputContainer input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff; /* Couleur blanche */
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Ombre */
  margin-top: -8px;
}


#simudepot h2 {
    text-align: left;
    font-weight: bold;
    font-size: 25px;
    line-height: 50px;
    padding-bottom: 25px;
    margin-top: 25px;
}
#Infoperso{
	padding-left: 50px;
	margin-left: 25px;
    border-left: dashed 1px;
    min-height: 500px;
}

.radiobutimg {
    display: none;
}

.radio-image {
    border: 2px solid transparent!important;
    cursor: pointer;
    transition: border-color 0.3s;
        border-radius: 50px;
}

input[type="radio"]:checked + .radio-image {
    border-color: #ed098a!important;
        border-radius: 50px!important;
}

    .radio-container {
        display: inline-block;
        align-items: center; /* Align vertically centered */
   margin:15px;
 }
 
  #simudepot .radio-container p {
    text-align: center;
    margin-top: 10px;
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #702f8a;

}
/* Style pour la barre de la piste */
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  outline: none;
  border-radius: 5px;
  position: absolute;
  z-index:2;
}

/* Style pour la poignée (ou puce) */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff; /* Couleur blanche */
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Ombre */
  margin-top: 3px;
}


/* Style pour la barre de la piste remplie */



/* Style pour le conteneur de la piste */
#interetContainer {
  position: relative;
     height: 45px;
    margin-top: 10px;

}

/* Style pour la barre de la piste remplie */
#filledTracktaux {
  position: absolute;
  bottom: 0;
  width: 51%;
  background: #702f8a; /* Couleur mauve pour la partie remplie */
  border-radius: 5px;
  z-index:1;
    height: 10px;
	  border-radius: 5px;
	  max-width:98%;


}
#filledTrackemptytaux{
    position: absolute;
    bottom: 0;
    width: 98%;
    height: 10px;
    background: #b13b914a;
    border-radius: 5px;
    z-index: 0;
    margin-left: 5px;
}
/* Style pour le conteneur de la durée */
#interetContainer1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #702f8a; /* Couleur blanche */
  margin-top: 20px;
  font-weight: bold;
}

/* Style pour la première span (durée) */
#interetText {
  color: #702f8a; /* Couleur blanche */
font-size: 16px;
    font-weight: 700;
}

/* Style pour la deuxième span (valeur de la durée) */
#interetValue {
  color: #702f8a; /* Couleur blanche */
     font-weight: 300;
    font-size: 16px;
  text-align: right; /* Alignement à droite pour la deuxième span */
}




/* Style pour le conteneur de la piste */
#durationContainer {
  position: relative;
     height: 45px;
    margin-top: 10px;

}

/* Style pour la barre de la piste remplie */
#filledTrack {
  position: absolute;
  bottom: 0;
  width: 0%;
  background: #702f8a; /* Couleur mauve pour la partie remplie */
  border-radius: 5px;
  z-index:1;
    height: 10px;
	  border-radius: 5px;


}
#filledTrackempty {
    position: absolute;
    bottom: 0;
    width: 98%;
    height: 10px;
    background: #b13b914a;
    border-radius: 5px;
    z-index: 0;
    margin-left: 5px;
}
/* Style pour le conteneur de la durée */
#durationContainer1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #702f8a; /* Couleur blanche */
  margin-top: 20px;
  font-weight: bold;
}
/* Style pour le conteneur de la durée */
#inputContainer1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #702f8a; /* Couleur blanche */
  margin-top: 20px;
  font-weight: bold;
}

/* Style pour la première span (durée) */
#durationText {
  color: #702f8a; /* Couleur blanche */
font-size: 16px;
    font-weight: 700;
}

/* Style pour la deuxième span (valeur de la durée) */
#durationValue {
  color: #702f8a; /* Couleur blanche */
     font-weight: 300;
    font-size: 16px;
  text-align: right; /* Alignement à droite pour la deuxième span */
}

#simudepot h1{
    font-weight: bold;
    font-size:35px;
    line-height: 50px;
    margin-top:0;
    text-align: center;
		margin-bottom: 45px;
		color:#702f8a;
    }
    
   #simudepot h1.de{
       font-size:34px;
    }
     

	#interestRate {
  background-color: transparent; /* Fond gris */
  color: #702f8a; /* Couleur de police grise foncée */
  padding: 5px; /* Espacement interne pour le texte */
  border: none; /* Supprimer la bordure par défaut */
  margin-bottom:15px;
  outline: none; 
      width: 60px;
}

/* Style pour le conteneur */
#inputContainer {
  	text-align: left; 
    padding-left:0px;
    padding-right:0px;
	position:relative;
	height: 40px;
    margin-top: 20px;
}

/* Style pour le label */
#inputContainer label {
  display: inline-block;
  text-align: right;
  font-family: 'Mona Regular',sans-serif; 
}

/* Style pour l'input */
#interestRate {
  display: inline-block;
}

hr{border-top: solid 2px #ed098a!important;
    content: '';
    display: block;
    width: 70px;
    margin-bottom: 25px!important;
    
        margin-top: 25px!important;
}
	
#interestAmountContainer{
	text-align:left;
}
#interestAmountContainer label{
	    color: #702f8a;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    margin-bottom: 0;
	text-align:left;
	
}

#interestAmount {
  background-color: transparent!important; /* Fond gris */
  color: #ed098a!important; /* Couleur de police grise foncée */
  padding: 5px!important; /* Espacement interne pour le texte */
  border: none!important; /* Supprimer la bordure par défaut */
  outline: none; 
	      font-size: 30px!important;
		  font-weight:bolder;
		  text-align: left;
}

#totalAmountContainer{
		text-align:left;
		margin-top:25px;
	}
#totalAmountContainer label{
	    color: #702f8a;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    margin-bottom: 0;
	text-align:left;
	
}

#totalAmount {
  background-color: transparent; /* Fond gris */
  color: #ed098a; /* Couleur de police grise foncée */
  padding: 5px; /* Espacement interne pour le texte */
  border: none; /* Supprimer la bordure par défaut */
  outline: none; 
	      font-size: 30px;
		  font-weight:bolder;
		  text-align: left;
}

.euro{font-size: 19px;
    font-weight: 300;color: #ed098a;}
	
	.impot{
		display:block;
		font-size: 14px;
    font-weight: 300;color: #702f8a;}
    
    
#simudepot p{
    text-align:left;
    margin-top:20px;
		display:block;
		font-size: 12px;
    font-weight: 300;color: #702f8a;}
    
    
#simudepot ul li{
    text-align:left;
		display:block;
		font-size: 12px;
    font-weight: 300;color: #702f8a;
	margin-left: 30px;
	list-style-type: disc;
	}

 #titretaux {
    color: #702f8a;
    font-size: 19px;
    line-height: 31px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: left;
    margin-bottom: 15px;
    margin-top:25px;
}   

    
@media only screen and (max-width: 768px) {
	 #simulator {
      padding: 40px;
    }

.life-liste {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-grid!important;}
    .life-container a{
	margin-bottom:40px;
}

	#amount {
	        max-width: 200px;
	}
	#simudepot h1 {
	    font-size: 22px;
	    line-height: 35px;
	    padding-bottom: 17px;
	    margin-bottom: 20px;
	}
	
	#simudepot{
	    padding-bottom: 40px;
	    padding-top:20px;
	    
	}
.card{
	margin-bottom:25px;
}
a.linked-card {
    text-align: left;
    text-decoration: none;
    color: inherit;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    margin-top:25px;
}
.containermylife {
    display: flow;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px){
	#simudepot {
	    padding-top: 120px;
	}
	
}


@media only screen and (min-width: 768px) {
    .bouton:hover span {
        -webkit-transform: translate3d(0, -120%, 0) skewY(7deg);
        transform: translate3d(0, -120%, 0) skewY(7deg);
    }
    .bouton:hover:after {
        -webkit-transform: translateZ(0) skewY(0deg);
        transform: translateZ(0) skewY(0deg);
    }
}
.life {
    margin-top: 100px;
    padding-bottom: 100px;
}
@media only screen and (min-width: 1200px) {
    .life {
        margin-top: 150px;
        padding-bottom: 130px;
    }
}
.life-titre {
    max-width: 620px;
    display: block;
    font-size: 17px;
    letter-spacing: 3px;
    line-height: 25px;
    text-transform: uppercase;
    color: #8f5ad3;
    font-weight: 400;
    text-align: left;
}
@media only screen and (min-width: 992px) {
    .life-titre {
        text-align: left;
        margin: 0 auto;
    }
}
.life-logo {
    display: block;
    width: 175px !important;
    height: auto !important;
    margin: 30px 0 60px;
}
@media only screen and (min-width: 992px) {
    .life-logo {
        width: 205px !important;
        margin: 30px auto 60px;
    }
}
.life-container {
    width: calc(100% - 20px);
    margin-left: auto;
    overflow: scroll;
}
@media only screen and (min-width: 640px) {
    .life-container {
        width: calc(50% + 290px);
    }
}
@media only screen and (min-width: 768px) {
    .life-container {
        width: calc(50% + 360px);
    }
}
@media only screen and (min-width: 992px) {
    .life-container {
        width: 960px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1200px) {
    .life-container {
        width: 1080px;
    }
}
.life-liste {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 900px;
}
@media only screen and (min-width: 992px) {
    .life-liste {
        margin: 0 auto;
        width: 870px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1200px) {
    .life-liste {
        width: 1080px;
    }
}
.life-liste-item {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background-color: transparent;
    border: 2px solid #e3d6f4;
    width: 270px;
    padding-bottom: 20px;
    -webkit-transition: border 0.2s ease, background-color 0.2s ease;
    -o-transition: 0.2s ease border, 0.2s ease background-color;
    transition: border 0.2s ease, background-color 0.2s ease;
    margin-right: 30px;
}

a.life-liste-item:hover {
	text-decoration: none;
}

@media only screen and (min-width: 992px) {
    .life-liste-item {
        margin-right: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .life-liste-item {
        width: 335px;
        padding-bottom: 30px;
        margin-right: 0;
    }
}
.life-liste-item-img {
    display: block;
    height: 165px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 0 0 10px 10px;
}
@media only screen and (min-width: 1200px) {
    .life-liste-item-img {
        height: 210px;
    }
}
.life-liste-item-titre {
    font-size: 18px;
    line-height: 26px;
    min-height: 78px;
    color: #1d2821;
    font-weight: 600;
    padding: 30px 30px 12px;
    -webkit-transition: color 0.2s ease;
    -o-transition: 0.2s ease color;
    transition: color 0.2s ease;
}
@media only screen and (min-width: 1200px) {
    .life-liste-item-titre {
        font-size: 22px;
        line-height: 32px;
        min-height: 96px;
        padding: 35px 35px 20px;
    }
}
.life-liste-item-arrow {
    position: relative;
    width: 32px;
    display: block;
    margin-left: auto;
    margin-right: 35px;
    -webkit-transition: margin 0.2s ease;
    -o-transition: 0.2s ease margin;
    transition: margin 0.2s ease;
}
.life-liste-item-arrow path {
    stroke: #8f5ad3;
}
@media only screen and (min-width: 992px) {
    .life-liste-item-arrow {
        width: 24px;
    }
}
@media only screen and (min-width: 992px) {
    .life-liste-item:hover {
        background-color: #e3d6f4;
        border: 2px solid #8f5ad3;
    }
    .life-liste-item:hover .life-liste-item-titre {
        color: #8f5ad3;
    }
    .life-liste-item:hover .life-liste-item-arrow {
        margin-right: 20px;
    }
}
.life-container {
    overflow: hidden;
}



.bil-input {
  position: relative;
}
.bil-input--focus .bil-input__wrapper {
  border-color: #702f8a;
}
.bil-input--focus .bil-input__description {
  color: #702f8a;
}
.bil-input__container {
  position: relative;
}
.bil-input__wrapper {
  height: 60px;
  width: 70%;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
.bil-input__wrapper:hover {
  border-color: #702f8a;
}
.bil-input__wrapper .ant-input-number {
  border: none;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.bil-input__wrapper .ant-input-number:hover {
  border-right: none;
}
.bil-input__wrapper .ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 0;
}
.bil-input__wrapper .ant-input-number:focus {
  box-shadow: none;
}
.bil-input__wrapper .ant-input-number.ant-input-number-focused {
  box-shadow: none;
}
.bil-input__wrapper input {
  border: none;
  font-size: 16px;
  color: #000000;
  position: absolute;
  bottom: 0;
  caret-color: #702f8a;
  width: 300px;;
  background-color: #ffffff;
}
.bil-input__wrapper input[type='number']::-webkit-inner-spin-button,
.bil-input__wrapper input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bil-input__wrapper input:after {
  content: 'thi';
}
.bil-input__wrapper input:focus {
  box-shadow: none;
}
.bil-input__wrapper .ant-input-affix-wrapper {
  position: absolute;
  bottom: 0;
}
.bil-input__description {
  font-size: 12px;
  color: #666666;
  text-align: left;
  line-height: 20px;
  z-index: 10;
  position: absolute;
  left: 12px;
  top: 8px;
}
.bil-input__icon-tooltip {
  margin-left: 16px;
  position: absolute;
  top: calc(50% - 10px);
}
.bil-input__bil-tooltip .ant-tooltip-inner {
  background: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  font-size: 12px;
  color: #000000;
  padding: 15px 22px;
}
.bil-input__bil-tooltip .ant-tooltip-arrow::before {
  background-color: rgba(255, 255, 255, 0.75);
}
.bil-input__addon {
  font-size: 7px;
  color: #4a4a4a;
  position: absolute;
  bottom: 14px;
}
.bil-input__addon--static {
  position: static;
  position: initial;
}
.bil-input__icon-checked {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.bil-input__description {
  line-height: 12px !important;
}
@media screen and (min-width:992px) {
  .bil-input__description {
    line-height: inherit;
  }
}.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #8950b5;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #8950b5;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(112, 47, 168, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #702fa8;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #8950b5;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #8950b5;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #8950b5;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(112, 47, 168, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #8950b5;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #8950b5;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #8950b5;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(112, 47, 168, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}


/* Customize the label (the container) */
.labelrad {
  position: relative;
 	box-sizing: border-box;
    padding: 0 10px 0 32px;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 8px 0 0;
  }
  
  .labelrad.disblock {
    display: block;
        margin-bottom: 10px;
  }


/* Hide the browser's default radio button */
.labelrad input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  	position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
}

/* On mouse-over, add a grey background color */
.labelrad:hover input ~ .checkmark {
   border: 1px solid #702f8a;
}

/* When the radio button is checked, add a blue background */
.labelrad input:checked ~ .checkmark {
  border: 1px solid #702f8a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.labelrad input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.labelrad .checkmark:after {
  	top: 4px;
	left: 4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #702f8a;
}

#clientStatusContainer{
  	margin-top: 20px;
   	margin-bottom: 20px;
}

#clientOptionsContainer{
  	margin-top: 10px;
    margin-bottom: 20px;
}

#btnsimu {
	margin-top:10px;
}


.labelselect {
  position: relative;
  width: 70%;
  &:after {
    content: 'â–¼';
    position: absolute;
    width: 37px;
    color: #702f8a;
    font-weight: bold;
    font-size: 16px;
    right: 2px;
    bottom: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    pointer-events: none;
    z-index: 2;
    right: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
  }
  select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 1rem 4rem 1rem 1rem;
    margin: 0;
    cursor: pointer;
    font-size: 12px !important;
	color: #666666 !important;
	height: 60px;
	width: 100%;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 2px;
  }
}


.popupform {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(112, 47, 137, .9);
    z-index: 10;
}

.popupform-container {
    position: relative;
    width: 920px;
    height: 100%;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .popupform-container {
        width: 800px;
    }
}

@media only screen and (max-width: 850px) {
    .popupform-container {
        width: 500px;
    }
}

@media only screen and (max-width: 550px) {
    .popupform-container {
        width: calc(100% - 50px);
    }
}

.popupform-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.popupform-container iframe {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 90vh;
    min-height: 90vh;
    background-color: #fff;
    transform: translateY(-50%);
    -moz-box-shadow: 0px 0px 4px 0px #cfcfcf;
    -webkit-box-shadow: 0px 0px 4px 0px #cfcfcf;
    -o-box-shadow: 0px 0px 4px 0px #cfcfcf;
    box-shadow: 0px 0px 4px 0px #cfcfcf;
}

.popupform-quit {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 40px;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .popupform-quit {
        right: 30px;
        top: 30px;
        width: 30px;
    }
}

@media only screen and (max-width: 768px) {
	.bil-input__wrapper {
	    height: 60px;
	    width: 100%;
	    background: #ffffff;
	    border: 1px solid #d8d8d8;
	    border-radius: 2px;
	    display: inline-block;
	    position: relative;
	}
	
	.row {
	  display: block;
	}
	
	#btnwrapper {
		text-align:center;
	}
	
	#Infoperso {
	    padding-left: 0px;
	    margin-left: 0px;
	    border-left: none;
	    min-height: auto;
	    margin-top: 40px;
	}
	
	.life-liste {
	    width: 100%;
	}

	.life-liste-item {
	    width: 300px;
	}
}
/*.contact__link:before  {
       content: "";
       background-image: url('/PublishingImages/flechecta.svg');
           position: absolute;
    width: 16px;
    height: 14px;
    margin-left: -20px;
         }
*/



/* A11Y utilitaire : contenu visible uniquement pour lecteurs d’écran */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; border: 0; padding: 0; margin: -1px;
}

/* Légendes stylées comme le titre "Durée du crédit" */
.legend-as-duration {
  display: inline-block;
  /* si #durationText a des styles spécifiques, on peut harmoniser ici */
  font-weight: 600;
  /* tu peux ajouter font-size/margin si nécessaire pour matcher exactement */
}





/* Thumb (puce) — état normal */
#inputContainer input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #702f8a; /* contour par défaut (violet BIL) */
  box-shadow: 0 0 0 0 rgba(237, 9, 138, 0); /* transition douce focus */
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
  margin-top: -6px; /* pour centrer sur un track de 8px */
}
#inputContainer input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #702f8a;
  box-shadow: 0 0 0 0 rgba(237, 9, 138, 0);
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

/* Thumb — état focus clavier (accessibilité) et état actif (drag) */
#inputContainer input[type="range"]:focus-visible::-webkit-slider-thumb,
#inputContainer input[type="range"]:active::-webkit-slider-thumb {
  border-color: #ed098a; /* rose */
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25); /* anneau de focus visible */
  transform: scale(1.02);
}
#inputContainer input[type="range"]:focus-visible::-moz-range-thumb,
#inputContainer input[type="range"]:active::-moz-range-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
  transform: scale(1.02);
}

/* Optionnel: focus fallback si :focus-visible non pris en charge */
#inputContainer input[type="range"]:focus::-webkit-slider-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}
#inputContainer input[type="range"]:focus::-moz-range-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}

/* (facultatif) survol souris */
#inputContainer input[type="range"]:hover::-webkit-slider-thumb,
#inputContainer input[type="range"]:hover::-moz-range-thumb {
  border-color: #8b43a8; /* léger feedback au hover */
}

#durationContainer input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #702f8a;        /* contour par défaut */
  box-shadow: 0 0 0 0 rgba(237, 9, 138, 0);
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
  margin-top: -6px;                 /* centre la puce sur une piste de 8px */
}
#durationContainer input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #702f8a;
  box-shadow: 0 0 0 0 rgba(237, 9, 138, 0);
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

/* Thumb — focus clavier (accessibilité) et drag (actif) */
#durationContainer input[type="range"]:focus-visible::-webkit-slider-thumb,
#durationContainer input[type="range"]:active::-webkit-slider-thumb {
  border-color: #ed098a;                      /* ROSE au focus/drag */
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
  transform: scale(1.02);
}
#durationContainer input[type="range"]:focus-visible::-moz-range-thumb,
#durationContainer input[type="range"]:active::-moz-range-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
  transform: scale(1.02);
}

/* Fallback si :focus-visible n’est pas dispo */
#durationContainer input[type="range"]:focus::-webkit-slider-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}
#durationContainer input[type="range"]:focus::-moz-range-thumb {
  border-color: #ed098a;
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}

/* (facultatif) petit feedback au survol */
#durationContainer input[type="range"]:hover::-webkit-slider-thumb,
#durationContainer input[type="range"]:hover::-moz-range-thumb {
  border-color: #8b43a8;
}

/* ========= A11Y — Fieldsets (générique) ========= */

/* Tous les fieldsets "opt-in" reçoivent le même traitement */
fieldset.a11y-fieldset {
  border: 0;
  padding: .25rem 0 1rem;
  margin: 0 0 1rem;
}

/* Encadre le group quand un élément à l’intérieur a le focus clavier */
fieldset.a11y-fieldset:focus-within {
  outline: 3px solid rgba(237, 9, 138, .45); /* rose */
  outline-offset: 4px;
  border-radius: 12px;
}

/* Légendes alignées sur le style "Durée du crédit" */
.legend-as-duration {
  display: inline-block;
  font-weight: 600;
  /* Optionnel: harmoniser avec #durationText si nécessaire:
     font-size, color, margins, etc. */
}

/* Si tu as un style direct sur #durationText, fusionne-le avec .legend-as-duration: */
/* #durationText, .legend-as-duration { ... mêmes propriétés ... } */

/* ========= Radios pill — commun à tous les groupes ========= */
.labelrad {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 2px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
}

/* Met en avant le "pill" quand l’input à l’intérieur est focus */
.labelrad:focus-within {
  border-color: #ed098a;                          /* rose */
  background: rgba(237, 9, 138, .08);
}

/* Pastille visuelle du radio */
.labelrad .checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #702f8a;                      /* contour par défaut */
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

/* Remplissage de la pastille quand sélectionné
   (ATTENTION: l’input doit précéder .checkmark dans le HTML) */
.labelrad input[type="radio"]:checked + .checkmark::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: #702f8a;
  border-radius: 50%;
}

/* Anneau de focus clavier sur la pastille */
.labelrad input[type="radio"]:focus-visible + .checkmark {
  border-color: #ed098a;                          /* rose */
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}

/* Feedback au survol (facultatif) */
.labelrad:hover .checkmark {
  border-color: #8b43a8;
}

/* Fallback focus pour éléments non couverts ailleurs (prudence pour éviter double outline) */
:focus-visible {
  outline: 2px solid #ed098a;
  outline-offset: 2px;
}

/* Masquer la pastille visuelle */
.labelrad .checkmark { display: none; }

/* "Pill" radio (générique pour tous tes fieldsets .a11y-fieldset) */
.labelrad {
  display: inline-flex;
  align-items: center;
  gap: 0;                 /* plus de gap puisque la pastille est cachée */
  padding: 8px 12px;
  border: 2px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
}

/* Focus clavier sur le choix (déjà présent) */
.labelrad:focus-within {
  border-color: #ed098a;
  background: rgba(237, 9, 138, .08);
}

/* ✅ ÉTAT SÉLECTIONNÉ — style le label quand l’input interne est checked */
.labelrad:has(input[type="radio"]:checked) {
  border-color: #ed098a;                      /* cadre rose quand sélectionné */
  background: rgba(237, 9, 138, .08);
}

/* Accessibilité: anneau de focus sur le label quand l’input reçoit le focus */
.labelrad:has(input[type="radio"]:focus-visible) {
  box-shadow: 0 0 0 4px rgba(237, 9, 138, .25);
}

/* Optionnel: léger feedback au survol */
.labelrad:hover {
  border-color: #8b43a8;
}
/* Fallback si :has() indisponible */
.labelrad.is-checked {
  border-color: #ed098a;
  background: rgba(237, 9, 138, .08);
}
.more-message {
  background: #f9f5f8;
  border: 2px solid rgba(237, 9, 138, .25);
  border-radius: 12px;
  padding: 16px;
  margin-top: 1rem;
}
.more-message:focus {
  outline: 3px solid rgba(237, 9, 138, .45);
  outline-offset: 4px;
}

.btn-back:focus-visible,
.btn-back:hover {
  border-color: #ed098a;
}

/* Forcer le masquage des éléments hidden, quoi qu'il arrive */
.overlay [hidden] { display: none !important; }

    .overlay {
      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
      background: rgba(0,0,0,0.8); display: none; justify-content: center;
      align-items: flex-start; overflow-y: auto; z-index: 1000; padding: 20px;
    }
    .overlay.active { display: flex; }
    .overlay-content {
      background: #fff; width: 100%; max-width: 1200px; border-radius: 10px;
      padding: 30px; position: relative;
    }
    .overlay .close-btn {
      position: absolute; top: 15px; right: 20px; background: #ed098a; color: #fff;
      border: none;  padding: 10px; font-size: 20px; cursor: pointer;
    }
    .home-buttons { display: flex; justify-content: center; gap: 20px; margin-top: 100px; }
    .home-buttons button {
      padding: 15px 25px; font-size: 18px; background: #702f8a; color: #fff;
      border: none; border-radius: 8px; cursor: pointer;
    }
    .home-buttons button:hover { background: #ed098a; }
    
    .overlay {
  z-index: 100000; /* au-dessus de headers/sticky bars du site */
}
body.modal-open {
  overflow: hidden; /* empêche le scroll de fond */
}

#simudepot p b{font-weight:900;}

#legalNoteComplex{margin-top:50px!important;}
#legalNote{margin-top:50px!important;}