@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */@-webkit-keyframes spinAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.content:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}

/*! 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{color:#3273dc;cursor:pointer;text-decoration:none}a strong{color:currentColor}a:hover{color:#363636}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 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:-.5rem}.buttons:not(:last-child){margin-bottom:1rem}.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}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (min-width:1216px){.container{max-width:1152px}}@media screen and (min-width:1408px){.container{max-width:1344px}}.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:1.5rem;width:1.5rem}@-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:1.5rem}.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 1.5rem}div.nav{background-color:#702f8a;height:55px;border-radius:0!important;position:relative}.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{background:radial-gradient(circle at left top,#b13b91,#702f8a 40%);width:100%;margin-top:-115px;padding:135px 29px 50px}@media print,screen and (min-width:769px){.intro__content{width:150%;padding:70px;margin-top:60px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}}.intro__titles{color:#fff;width:100%;text-align:left}@media print,screen and (min-width:769px){.intro__titles{margin-right:40%}}.intro__titles h1{font-size:40px;font-weight:600}@media print,screen and (min-width:769px){.intro__titles h1{font-size:50px;line-height:63px}}@media screen and (min-width:1024px){.intro__titles h1{font-size:55px;line-height:73px}}.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{padding:30px}.intro__image--mobile img{width:100%}.intro__image,.intro__image--mobile img{box-shadow:24px 40px 30px 0 rgba(0,0,0,.15)}@media print,screen and (min-width:769px){.intro__image{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:110px 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 #05c3de}.know__amount{color:#05c3de;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 #05c3de}.solutions__actions{margin-top:75px}.solutions__actions a{background-color:#05c3de;color:#fff;border:2px solid #05c3de;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:#05c3de}.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:#05c3de}@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:160px}}.avantages__title{text-align:center;font-size:25px;font-weight:700;color:#702f8a;margin:35px auto 20px}@media print,screen and (min-width:769px){.avantages__title{font-size:37px}}.avantages__seperator{display:block;margin:0 auto 100px;width:80px;border-top:3px solid #05c3de}.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:#05c3de;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:#05c3de;-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{margin-top:80px}@media print,screen and (min-width:769px){.contact{margin-top:160px}}.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:#05c3de;color:#fff;border:2px solid #05c3de;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;white-space:nowrap}.contact__link svg{vertical-align:bottom;margin-right:5px}.contact__link:hover{background-color:#fff;color:#05c3de}.contact__link:hover .contact__icon{fill:#05c3de}.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}header{display:none}@media print,screen and (min-width:769px){header{display:block;padding:40px 20px}}header a>img{width:290px}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:10px;color:#888}


/*presentation*/
.presentation {
    margin-top: 100px;
}
.presentation-sep {
    height: 2px;
    width: 70px;
    margin-bottom: 30px;
    background-color: #05c3de;
}

.presentation-sep2 {
    height: 4px;
    width: 80px;
    margin-bottom: 30px;
    background-color: #ed098a!important;
}

@media only screen and (min-width: 992px) {
    .presentation-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
.presentation-col {
    position: relative;
}
@media only screen and (min-width: 992px) {
    .presentation-col:first-child {
        width: 375px;
    }
}
@media only screen and (min-width: 1200px) {
    .presentation-col:first-child {
        width: 425px;
    }
}
@media only screen and (min-width: 992px) {
    .presentation-col:last-child {
        width: 535px;
    }
}
@media only screen and (min-width: 1200px) {
    .presentation-col:last-child {
        width: 605px;
    }
}
.presentation-titre {
    font-size: 20px;
    line-height: 36px;
    color: #000;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
}
.presentation-titre b{
    color: #702f8a;
}
@media only screen and (min-width: 1200px) {
    .presentation-titre {
        font-size: 20px;
        line-height: 36px;
    }
}
.presentation-texte {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #1d2821;
    font-weight: 400;
}
@media only screen and (min-width: 992px) {
    .presentation-texte {
        margin-top: 14px;
    }
}
@media only screen and (min-width: 1200px) {
    .presentation-texte {
        font-size: 20px;
        line-height: 38px;
    }
}
.presentation-label {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 15px;
    color: #05c3de;
}
.page-container {
    display: block;
    margin: 0 auto;
    max-width: calc(100% - 40px);
}
@media only screen and (min-width: 640px) {
    .page-container {
        max-width: 580px;
    }
       .lines{
	padding:20px;
	}

}
@media only screen and (min-width: 768px) {
    .page-container {
        max-width: 720px;
    }
    .lines{
	padding:20px;
	}
}
}
@media only screen and (min-width: 992px) {
    .page-container {
        max-width: 960px;
    }
}
@media only screen and (min-width: 1200px) {
    .page-container {
        max-width: 1080px;
    }
}

/*Lines*/

.lines {
    padding-top: 130px;
    padding: 5rem 20%;
}

@media only screen and (min-width: 992px) {
    .lines {
        padding-top:150px
    }
}

.lines-gap {
    display: block;
    height: 50px
}

@media only screen and (min-width: 992px) {
    .lines-gap {
        height:75px
    }
}

.lines h2 {
    font-size: 24px;
    line-height: 30px;
    color: #702f8a;
    font-weight: 600;
    margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
    .lines h2 {
        font-size:28px;
        line-height: 38px;
        margin-bottom: 25px
    }
}

.lines h2 br {
    display: none
}

@media only screen and (min-width: 992px) {
    .lines h2 br {
        display:block
    }
}

.lines h2.--main {
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (min-width: 992px) {
    .lines h2.--main {
        margin-top:24px;
        margin-bottom: 100px
    }
}

.lines p {
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #3c3c3c;
    font-weight: 400
}

.lines-bottom {
    margin-top: 75px;
    text-align: center
}

.lines-wrap {
    position: relative;
    max-width: 1080px;
    margin: 0 auto 130px
}

@media only screen and (min-width: 992px) {
    .lines-wrap {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-bottom: 145px
    }

    .lines-wrap.--top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--text {
        width:500px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--text {
        width:565px
    }
}

.lines-wrap-col.--imgs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    grid-gap: 12px;
    gap: 12px;
    right: -20px
}

@media only screen and (min-width: 640px) {
    .lines-wrap-col.--imgs {
        right:0
    }

}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--imgs {
        display:block
    }
}

.lines-wrap-col.--imgs img: first-child {
    width:38vw;
    height: auto
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--imgs img:first-child {
        width:320px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--imgs img:first-child {
        width:360px
    }
}

.lines-wrap-col.--imgs img: nth-child(2) {
    width:18vw;
    height: auto;
    top: -80px;
    position: relative
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--imgs img:nth-child(2) {
        position:absolute;
        left: 345px;
        top: -160px;
        width: 137px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--imgs img:nth-child(2) {
        left:390px;
        top: -180px;
        width: 155px
    }
}

.lines-wrap-col.--imgs img: nth-child(2).--bottom {
    top:-20px
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--imgs img:nth-child(2).--bottom {
        top:-40px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--imgs img:nth-child(2).--bottom {
        top:-50px
    }
}

.lines-wrap-col.--img {
    margin-bottom: 40px
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--img {
        width:460px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--img {
        width:515px
    }
}

.lines-wrap-col.--img .lines-wrap-img {
    position: relative
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--img .lines-wrap-img {
        width:520px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--img .lines-wrap-img {
        width:585px
    }
}

.lines-wrap-col.--img .lines-wrap-img img {
    position: relative;
    display: block;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--img .lines-wrap-img img {
        top:0;
        right: -160px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--img .lines-wrap-img img {
        right:-180px
    }
}

.lines-wrap-col.--img .lines-wrap-img-legend {
    margin-top: 5px;
    width: 100%;
    opacity: .5;
    font-size: 10px;
    line-height: 22px;
    color: #3c3c3c;
    font-style: italic;
    text-align: center
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--img .lines-wrap-img-legend {
        position:absolute;
        bottom: -5px;
        left: -160px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--img .lines-wrap-img-legend {
        left:-180px
    }
}

.lines-wrap-col.--bigtext {
    margin-top: 40px
}

@media only screen and (min-width: 992px) {
    .lines-wrap-col.--bigtext {
        max-width:550px;
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap-col.--bigtext {
        max-width:620px
    }
}

.lines-wrap.--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 150px
}

@media only screen and (min-width: 992px) {
    .lines-wrap.--reverse {
        margin-bottom:185px
    }
}

@media only screen and (min-width: 992px) {
    .lines-wrap.--reverse .lines-wrap-img img {
        right:0;
        left: -160px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap.--reverse .lines-wrap-img img {
        left:-180px
    }
}

.lines-wrap.--expertise {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -20px;
    margin-bottom: 75px
}

.lines-wrap.--expertise .lines-wrap-col.--bigtext {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .lines-wrap.--expertise .lines-wrap-col.--bigtext {
        padding-top:40px;
        max-width: 500px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap.--expertise .lines-wrap-col.--bigtext {
        max-width:560px
    }
}

.lines-wrap.--expertise .lines-wrap-col.--imgs {
    width: 100%;
    right: 0
}

@media only screen and (min-width: 992px) {
    .lines-wrap.--expertise .lines-wrap-col.--imgs {
        width:460px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap.--expertise .lines-wrap-col.--imgs {
        width:520px
    }
}

.lines-wrap.--expertise .lines-wrap-col.--imgs img {
    position: relative;
    display: block;
    left: 0;
    width: 100%;
    max-width: none
}

@media only screen and (min-width: 992px) {
    .lines-wrap.--expertise .lines-wrap-col.--imgs img {
        left:-155px;
        width: 550px
    }
}

@media only screen and (min-width: 1280px) {
    .lines-wrap.--expertise .lines-wrap-col.--imgs img {
        left:-175px;
        width: 620px
    }
}

.lines-wrap.--smallgap {
    margin-bottom: 90px
}

.btn,.text p {
    font-size: 16px
}

.btn {
    display: inline-block;
   
    color: #fff !important;
    background-color: #702f8a;
    padding: 10px  25px;
    font-size: 15px;
    font-family: "Mona Bold", sans-serif !important;
    line-height: 21px;
	border-radius: 0;
}

@media only screen and (max-width: 764px) {
.lines{
	padding:20px;
	padding-top: 80px;
	}
	
	}

.btn.--white {
    color: #702f8a !important;
    background-color: #fff;
    border: 1px solid #fff
}

.btn:hover {
   background-color: #5d2474;}
    
    
    
    
    .boxes {
  margin-top: 7rem;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6rem 2rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1080px) {
  .boxes {
    justify-content: center;
  }
}
.boxes .box {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 3rem;
  padding-top: 0;
  min-width: 380px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  flex: 1 1 0;
  transition: transform 0.3s;
}
.boxes .box:hover {
  transform: scale(1.05);
  transition: transform 0.3s;
}
.boxes .box:hover .picto {
  transform: rotate(20deg);
  transition: transform 0.3s;
}
@media only screen and (max-width: 2160px) {
  .boxes .box {
    min-width: 100%;
    /*flex: 0 0 30%;
    margin: 0 auto;*/
  }
}
@media only screen and (max-width: 2160px) and (max-width: 1530px) {
  .boxes .box {
    min-width: 380px;
    flex: 1 1 0;
    margin: 0;
  }
}
@media only screen and (max-width: 2160px) and (max-width: 1530px) and (max-width: 420px) {
  .boxes .box {
    min-width: 99%;
  }
}
.boxes .box .picto {
  align-self: center;
  margin-top: -54px;
  margin-bottom: 2rem;
  transition: transform 0.3s;
}
.boxes .box h2 {
   font-size: 22px;
  font-weight: bold;
  color: #702F8A;
  margin-bottom: 1rem;
}

.section2 {
  background-color: #F7F7F7;
  padding: 5rem 20%;
  margin-top: 50px;
}
.section2 h1 {
  color: #702F8A;
    font-size: 36px;
  font-weight: bold;

}
.section2 .button {
  text-align: center;
}

.picto {
  width: 108px;
  height: 108px;
}
.lines h1 {
  color: #702F8A;
    font-size: 36px;
  font-weight: bold;

}



.engagements-panel {
    margin: 70px auto 50px
}

.engagements-panel_simple {
}

.engagements-panel-item-intro {
    position: relative;
    background-color: rgba(187,147,75,.15);
    padding: 8px 100px 8px 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color .3s
}

.engagements-panel_simple .engagements-panel-item-intro {
    padding: 22px 160px 22px 0;
    background-color: transparent
}

.engagements-panel_simple .engagements-panel-item {
    border-bottom: 1px solid #f4f0f6
}

.engagements-panel-item-intro:hover {
    background-color: rgba(187,147,75,.075)
}

.engagements-panel_simple .engagements-panel-item-intro:hover {
    background-color: rgba(187,147,75,0)
}

.engagements-panel-item-intro h3 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 600;
    color: #3c3c3c;
    transition: color .3s
}
.engagements-panel-item-picto {
    width: 62px;
    height: 62px;
    position: relative;
    margin-right: 20px
}

.engagements-panel-item-picto img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.engagements-panel-item-more {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 1px solid #702f8a;
    border-radius: 100%;
    transition: background-color .3s
}

.engagements-panel_simple .engagements-panel-item-more {
    right: 0
}

.engagements-panel-item-more span:first-child {
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #702f8a;
    transition: background-color .3s
}

.engagements-panel-item-more span:nth-child(2) {
    position: absolute;
    width: 2px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #702f8a;
    transition: height .3s,background-color .3s
}

.engagements-panel-item.open .engagements-panel-item-more span:nth-child(2) {
    height: 0;
    background-color: #fff
}

.engagements-panel-item-bottom {
    overflow: hidden;
    height: 0;
    transition: height .5s
}

.engagements-panel-item-bottom-content {
    padding-right: 70px
}

.engagements-panel-item-bottom-content p {
    padding: 0;
    font-size: 17px;
    line-height: 26px;
    font-weight: 200;
    margin: 0;
    cursor: pointer
}

.engagements-panel-item-bottom-content ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px
}

.engagements-panel-item-bottom-content ul li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #3c3c3c;
    border-radius: 100%
}
.containerselect input:checked~.checkmark,.engagements-panel-item.open .engagements-panel-item-more,.switch-content-header-item.active .switch-content-header-item-sep,.switch-content-header-item:hover .switch-content-header-item-sep {
    background-color: #702f8a
}
.btn_white,.engagements-panel-item.open .engagements-panel-item-more span:first-child {
    background-color: #fff
}

.info-container {
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .info-container .info-text {
            visibility: hidden;
            width: 500px;
            background-color: #fff;
            color: #000;
            text-align: left;
            border:1px solid #702f8a;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top:50%;
            left: 50%;
            opacity: 0;
            transition: opacity 0.3s;
            font-style:italic;
            font-size:14px;
        }
		.info-text p{ 
			font-size:14px;
		}
        .info-container:hover .info-text {
            visibility: visible;
            opacity: 1;
        }

        .info-icon {
            background-color: #702f8a;
            border-radius: 50%;
            font-size: 14px;
            text-align: center;
            width: 25px;
            height: 25px;
            line-height:25px;
            font-weight:bold;
            display:block;
            color:#fff;
        }
        
        @media only screen and (max-width: 764px) {
           .info-container .info-text {
            visibility: hidden;
            width: 400px;
            background-color: #fff;
            color: #000;
            text-align: left;
            border:1px solid #702f8a;
            border-radius: 5px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top:-100%;
            left: -100%;
            margin-left:-140px;
            opacity: 0;
            transition: opacity 0.3s;
            font-style:italic;
            font-size:14px;
        }

        
        }
       .section-principale {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 20px;
        }

        .text-section {
            flex: 1;
            margin-right: 100px;
        }
        .text-section p{
        margin-bottom:35px;
}
        .text-section ul {
            list-style-type: decimal;
            padding-left: 40px;
        }

.text-section li{
	line-height: 30px;
}
        .image-section {
            flex-basis: 400px; /* Taille fixe pour l'image */
        }

        .image-section img {
            max-width: 100%;
            height: auto;
            display: block;
        }
        
         @media (max-width: 762px) {
            .image-section {
                display: none;
            }
            .text-section {
    flex: 1;
    margin-right: 0;
}
        }
        
        .tftable {
  font-size: 12px;
  color: #333333;
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.tftable th {
  font-size: 12px;
  background-color: #acc8cc;
  padding: 8px;
  text-align: left;
}

.tftable tr:nth-child(even) {
}

.tftable tr:nth-child(odd) {
}
.tftable tr {
border-bottom:1px solid #eee;
}
.tftable td {
  font-size: 12px;
  padding: 8px;
}

.tftable tr:hover {
}
.flag-image {
  display: inline-block;
  margin-right: 10px;
      width: 35px;
}

.flag-link {
  display: inline-block;
  text-decoration: none;
}

 .infobox {
            display: flex;
            align-items: center;
            background-color: #f0f0f0; /* Fond gris clair */
            padding: 20px;
            border-radius: 5px; /* Coins arrondis */
            margin-top:100px;
            margin-bottom:100px;

        }

        .infobox img {
            margin-right: 15px;
                width: 100px; /* Espace entre l'image et le texte */
        }

        .infobox p {
            color: #000; /* Texte noir */
            font-style: italic; /* Texte en italique */
            margin: 0; /* Supprimer la marge par défaut */
            font-weight:bold;
            font-size:18px;
        }
		
		
		
		
#header-trame-canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  pointer-events: none;
  z-index: -1; /* ou -1 selon ton contexte */
}

.carousel-container {
  position: relative;
  width: 70%;
  margin:auto;
  overflow:hidden;
}

.carousel {
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.carousel-slide {
  min-width: 100%;
  display: flex;
  flex-direction: row;
}

.slide-left, .slide-right {
  width: 50%;
  position: relative;
}

.trame-canvas-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.dotCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.4;
  z-index: 1;
}

.slide-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slide-right {
  background-color: #702f8a;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 50px 60px;
  gap: 1rem;
  position: relative;
}

.carousel-container.large .slide-right {
    padding: 90px 100px;
}
    
    
.slide-right .intro-line {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.slide-right .main-line {
  font-size: 2.2rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.1;
  margin-top: 0.5rem;
}

.slide-right .divider {
  width: 40px;
  height: 2px;
  background-color: white;
  margin: 1rem 0;
}

.slide-right .secondary-text {
  font-size: 1rem;
  font-weight: 300;
  color: #ddd;
  line-height: 1.5;
}

.carousel-prev, .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.8);
  border: none;
  font-size: 2rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  z-index: 10;
}

.carousel-prev { left: 0; }
.carousel-next { right: 0; }
.h1-light {
  font-family: Mona Condensed Light !important;
  font-size: 2.5rem;
  text-transform: uppercase;
  line-height: 1;
  display: block;
    color:#fff;
}

.h1-bold {
  font-family: Mona Condensed Bold !important;
  font-size: 2.5rem;
  text-transform: uppercase;
  line-height: 1;
  display: block;
    color:#fff;
}

.horizontal-line {
  width: 40px;
  height: 2px;
  background-color: white;
  margin: 1.5rem 0;
}

.subtitle-text {
	font-size: 1.2rem;
    line-height: 1;
    color: #f0f0f0;
    font-family: 'Mona Regular';
    margin-top: 10px;
    width: 230px;
}
.carousel-container.large .subtitle-text {
    font-size: 1.4rem;
    line-height: 1.1;
    width: 460px;
}


@media (max-width: 768px) {
  .carousel-slide {
    flex-direction: column;
    height: auto;
  }

  .slide-left, .slide-right {
    width: 100%;
    height: auto;
  }

  .slide-right {
    padding: 1.5rem;
    align-items: center;
    text-align: center;
  }

  .slide-right .main-line {
    font-size: 1.6rem;
  }

  .slide-right .intro-line {
    font-size: 1.1rem;
  }
}

.carousel-container .line {
	display: block;
}



.carousel-slide .line:before {
	content: "";    
	display: inline-block;
    content: "";
    border-top: 1px solid #fff;
    width: 170px;
    margin-left: -60px;
    transform: translateY(-1rem);
    margin-right: 20px;}

.carousel-slide .line:before {
  margin-left: -100px;
}

.carousel-slide.image .line:before {
    margin-left: 0vw;
    width: 5vw;
}


.carousel-slide.image .cta-button {
    margin-left: 125px; 
   }


@media screen and (max-width:767px) {
.carousel-slide.image .slide-content {
    left: 50px;
   }
}



    .carousel-container {
      position: relative;
      width: 100%;
      max-width: 1140px;
      min-height: 600px;
    }
    
      .carousel-container.large {
      max-width: 100%;
      min-height: 600px;
    }
    
    .carousel-container.large.fullscreen {
  height: 600px;}

    
    .carousel-track {
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 0.6s ease-in-out;
    }
    .carousel-slide {
      flex: 0 0 100%;
      position: relative;
    }
    .slide-bg {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: cover !important;
      background-position: center;
      z-index: 1;
	  	background:#702f8a;
    }
    

    @media (max-width: 767px) {
	  .slide-bg {
	          background-position: -450px center !important;
	    
		}
	}

     @media (min-width:768px) and (max-width: 1600px) {
	  .slide-bg {
	          background-position: -250px center !important;
	    
		}
	}

    
    canvas.trame-canvas{
    position: absolute;
    right: 0;
    bottom: 0;
}    
    .slide-content {
      position: absolute;
right:0;      
bottom: 20%;
      color: white;
      z-index: 3;
      width: 600px;
    }
    .slide-content h1 {
      font-size: 2.8rem;
      font-weight: 300;
      line-height: 1.2;
	  text-align:left;
    }
    .slide-content .h1-light {
  font-family: Mona Condensed Light !important;
  font-size: 2.8rem;
  text-transform: uppercase;
  line-height: 1;
  display: block;
    color:#fff;
}

.slide-content .h1-bold {
  font-family: Mona Condensed Bold !important;
  font-size: 2.8rem;
  text-transform: uppercase;
  line-height: 1;
  display: block;
    color:#fff;
}
    .white-line {
      height: 2px;
      background-color: white;
      margin: 1.5rem 0 1.5rem auto;
      width: fit-content;
      padding-right: 1rem;
    }
    .cta-button {
        display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: white;
    color: #702f8a !important;
    padding: 10px 20px;    
    padding-left: 35px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.3s ease;
    font-family: "Mona Bold", sans-serif !important;
    line-height: 21px;
    margin-top: 30px;
   }
        .cta-button:hover,.cta-button:visited {
    	color: #702f8a !important; 
   }
   
   .cta-button:hover {
    	opacity: 0.8 !important; 
   }


    .cta-button:before  {
       content: "";
       background-image: url('/PublishingImages/flechecta.svg');
           position: absolute;
    width: 16px;
    height: 14px;
    margin-left: -25px;
         }
    

    
    
    .carousel-prev, .carousel-next {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    color: #ff00ff !important;
    border: none;
    font-size: 24px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 4;
    text-decoration: none !important;
       padding: 12px 18px;
    line-height: 24px;}
    .carousel-prev { left: 20px; }
    .carousel-next { right: 20px; }

	   

  




    /* Animation : mots invisibles + décalés vers la gauche */
    .animated-title .word{
      opacity:0;
      transform:translateX(-1em); /* décale de la gauche */
      display:inline-block;
      transition:opacity .4s ease, transform .4s ease;
    }

.slide-trame {
 position: absolute;
    bottom: 0;
    right: 0;
    width: 1500px;
    height: auto;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
	background-image: radial-gradient(circle 900px at bottom right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.slide-trame img {
width: 1200px;
    height: auto;
    transform: translate(600px, 600px);
}


.carousel-container{
	overflow:hidden;
}

.carousel-prev,
.carousel-next {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* empêche les clics quand invisibles */
}

.carousel-container:hover .carousel-prev,
.carousel-container:hover .carousel-next {
  opacity: 1;
  pointer-events: auto;
}
.carousel-container:hover .carousel-dots {
  opacity: 1;
  pointer-events: auto;
}

.carousel-slide{
	overflow:hidden;
}


.carousel-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* empêche les clics quand invisibles */
}

.carousel-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.carousel-dots li.is-current {
  background-color: white;
}


.slidevideo-bg {
    position: relative;
    width: 100%;
    height: 100vh; /* or whatever height you need */
    overflow: hidden;
	background:#702f8a;
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.title-1-description a {
	color: #702f8a;
}
.sub-link-1{
    color: #3C3C3C;
}
section.mt0 {
	margin-top:0;
	padding-top:0;
}






.slide-trame {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1500px;
    height: auto;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
}




@media (max-width: 768px) {
  .carousel-prev,
  .carousel-next {
    display: none !important;
  }
}


.clientdisplay {display: none;}

@media screen and (max-width:767px) {
	.slide-content {
		max-width: 600px;
		width:85%;
	}
	.carousel-container.large .subtitle-text{
		max-width: 460px;
		width:85%;
	}
	
	.grid-adaptive.mobile {
		text-align:center;
		margin:0 auto;
	}

}


       .cta-button.right {
 margin-left: 20px !important; 

   }


.popup{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:999}.popup,.popup-bg{width:100%;height:100%;left:0;top:0}.popup-bg{position:absolute;background-color:rgba(0,0,0,.6)}.popup-close{position:absolute;right:0;top:0;-webkit-transform:translateY(-50%) translateX(50%) scale(1);-ms-transform:translateY(-50%) translateX(50%) scale(1);transform:translateY(-50%) translateX(50%) scale(1);cursor:pointer;width:30px;-webkit-transition:transform .3s ease;-o-transition:.3s ease transform;transition:transform .3s ease;border-radius:100%;border:1px solid #702f8a}.popup-close path{fill:#fff}.popup-close circle,.popup-close path{-webkit-transition:fill .3s ease;-o-transition:.3s ease fill;transition:fill .3s ease}.popup-close circle{fill:#702f8a}@media only screen and (min-width:992px){.popup-close:hover{-webkit-transform:translateY(-50%) translateX(50%) scale(1.1);-ms-transform:translateY(-50%) translateX(50%) scale(1.1);transform:translateY(-50%) translateX(50%) scale(1.1)}.popup-close:hover circle{fill:#fff}.popup-close:hover path{fill:#702f8a}}.popup-content{position:relative;background-color:#fff;padding:20px;border-radius:10px;width:calc(100% - 50px);-webkit-box-shadow:5px 5px 5px 0 rgba(0,0,0,.25);box-shadow:5px 5px 5px 0 rgba(0,0,0,.25)}@media only screen and (min-width:640px){.popup-content{width:540px}}@media only screen and (min-width:768px){.popup-content{width:720px}}@media only screen and (min-width:992px){.popup-content{width:960px;padding:30px}}.popup-video{position:relative;width:100%;padding-bottom:56%}.popup-video iframe{position:absolute;width:100%;height:100%;left:0;top:0}


@media screen and (max-width: 767px) {
    .carousel-slide.image .cta-button {
        margin-left: 0px;
    }
}