.banner-section{overflow:hidden}.banner-section .banner-container{display:flex;justify-content:space-between}@media (max-width: 1200px){.banner-section .banner-container{flex-direction:column}}.banner-section .banner-container .banner-main{flex:1;max-width:956px;margin-right:auto}.banner-section .banner-container .banner-main .banner-buttons{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 1200px){.banner-section .banner-container .banner-main .banner-buttons{flex-direction:column}.banner-section .banner-container .banner-main .banner-buttons a,.banner-section .banner-container .banner-main .banner-buttons button{width:100%;justify-content:center}}.banner-section .banner-container:has(.banner-side) .banner-main{max-width:686px}.banner-section .banner-container .banner-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}@media (min-width: 1200px){.banner-section .banner-container .banner-side{gap:24px}}@media (min-width: 769px) and (max-width: 1200px){.banner-section .banner-container .banner-side{flex-direction:row;justify-content:left}}@media (max-width: 768px){.banner-section .banner-container .banner-side{gap:32px}}.banner-section .banner-container .banner-side .banner-subtitle{display:flex;flex-direction:column;max-width:282px;align-items:center}.banner-section .banner-container .banner-side .banner-subtitle .subtitle-buttons{display:flex;flex-direction:column;align-self:flex-start;margin-top:16px;gap:16px}.banner-section .banner-container .banner-side .banner-subtitle .subtitle-buttons a,.banner-section .banner-container .banner-side .banner-subtitle .subtitle-buttons button{width:100%;justify-content:center;text-align:center}@media (max-width: 1200px){.banner-section .banner-container .banner-side .banner-subtitle .subtitle-buttons{width:100%}}@media (max-width: 1200px){.banner-section .banner-container .banner-side .banner-subtitle{place-self:flex-end;max-width:246px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.banner-section .banner-container .banner-side .banner-subtitle{max-width:100%}}.banner-section .banner-container.simple{gap:59px}@media (min-width: 769px) and (max-width: 1200px){.banner-section .banner-container.simple{flex-direction:row}}@media (max-width: 1200px){.banner-section .banner-container.simple{gap:22px}}.banner-section .banner-container.simple.inverted{flex-direction:row-reverse;gap:52px}@media (max-width: 768px){.banner-section .banner-container.simple.inverted{flex-direction:column}}@media (max-width: 1200px){.banner-section .banner-container.simple.inverted{row-gap:32px;column-gap:22px}}.banner-section .banner-container .hero-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/hero_mask1.svg");mask-repeat:no-repeat;aspect-ratio:489 / 233}.banner-section .banner-container .hero-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 489 233">               <path d="M323.833 135.753 356.5 200 135.532 234Z" />             </svg>')}@media (min-width: 769px){.banner-section .banner-container .hero-image{width:489px;height:233px}}@media (max-width: 768px){.banner-section .banner-container .hero-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/hero_mask1_small.svg");mask-repeat:no-repeat;aspect-ratio:375 / 245}.banner-section .banner-container .hero-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 375 245">               <path d="M319.9 147.7 352.7 210.2 131.5 245.3Z" />             </svg>')}}.banner-section .banner-container .banner-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/banner_mask1.svg");mask-repeat:no-repeat;aspect-ratio:551 / 355}.banner-section .banner-container .banner-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 551 355">               <path d="M458 212 202 356l303-50Z" />             </svg>')}@media (min-width: 769px){.banner-section .banner-container .banner-image{height:355px}}@media (max-width: 1200px){.banner-section .banner-container .banner-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/banner_mask1_small.svg");mask-repeat:no-repeat;aspect-ratio:375 / 306;max-height:306px}.banner-section .banner-container .banner-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 375 306">               <path d="M334.5 255.7 32.3 306.8 290.7 164.8Z" />             </svg>')}}.banner-section .banner-container .champion-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/breadcrumb_mask1.svg");mask-repeat:no-repeat;aspect-ratio:553 / 409}.banner-section .banner-container .champion-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 553 409">               <path d="M55.9 235.7 293 409 0 322Z" />             </svg>')}@media (min-width: 1201px){.banner-section .banner-container .champion-image{width:553px;height:409px}}@media (max-width: 1200px){.banner-section .banner-container .champion-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/breadcrumb_mask1_small.svg");mask-repeat:no-repeat;aspect-ratio:374 / 360;max-height:360px}.banner-section .banner-container .champion-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 374 360">               <path d="M55.3 185.6 293 360 0 271Z" />             </svg>')}}.banner-section .banner-container .masked-image{position:relative;margin-left:-144px;margin-top:-48px}@media (max-width: 1200px){.banner-section .banner-container .masked-image{margin-left:-24px}}@media (max-width: 768px){.banner-section .banner-container .masked-image{width:100vw;height:auto;max-height:max-content}}@media (min-width: 441px) and (max-width: 768px){.banner-section .banner-container .masked-image{max-width:440px}}@media (min-width: 769px) and (max-width: 1200px){.banner-section .banner-container.simple .masked-image.hero-image{mask-image:url("../modules/portail-common/css/PDC/img/masks/hero_mask1_medium.svg");mask-repeat:no-repeat;aspect-ratio:393 / 233;width:393px;height:233px;margin-left:-24px}.banner-section .banner-container.simple .masked-image.hero-image::before{mask:url('data:image/svg+xml,             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 393 233">               <path d="M 228.833 135.753 L 261.5 200 L 40.532 234 Z" />             </svg>')}}.banner-section .banner-container.simple.inverted .masked-image{transform:scaleX(-1);margin-right:-144px;margin-left:0px}@media (max-width: 1200px){.banner-section .banner-container.simple.inverted .masked-image{margin-right:-24px}}.banner-section .banner-container.simple.inverted .masked-image img{transform:scaleX(-1)}@media (min-width: 769px) and (max-width: 1200px){.banner-section .banner-container.simple.inverted .masked-image.hero-image{margin-left:-20px}}@media (max-width: 768px){.banner-section .banner-container.simple.inverted .masked-image{margin-left:-24px}}.banner-section .banner-container{gap:42px}@media (max-width: 1200px){.banner-section .banner-container:has(.offers){row-gap:40px}}@media (max-width: 1200px){.banner-section .banner-container{gap:0px}}@media (max-width: 768px){.banner-section .banner-container{row-gap:32px}}.banner-section .banner-container .offers{margin-top:32px;display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:24px;grid-row-gap:24px}@media (max-width: 768px){.banner-section .banner-container .offers{grid-template-columns:repeat(1, 1fr);grid-row-gap:16px}}@media (max-width: 1200px){.banner-section .banner-container:not(.simple) .banner-main{max-width:none;width:100%}}@media (max-width: 1200px){.banner-section .banner-container:not(.simple) .subtitle-buttons>a,.banner-section .banner-container:not(.simple) .subtitle-buttons>button{justify-content:center}}@media (max-width: 1200px){.banner-section .banner-container:not(.simple) .banner-subtitle{max-width:none;width:100%}}.banner-section .banner-container.simple:has(.champion-image){column-gap:81px}@media (max-width: 1200px){.banner-section .banner-container.simple:has(.champion-image){column-gap:21px}}.banner-section .banner-container.simple .banner-buttons{display:flex;flex-direction:row;text-align:center}@media (max-width: 1200px){.banner-section .banner-container.simple .banner-buttons{flex-direction:column}}@media (min-width: 769px) and (max-width: 1200px){.banner-section .banner-container.simple.inverted:has(.hero-image) .banner-buttons{margin-right:-70px}.banner-section .banner-container.simple.inverted .banner-buttons{flex-direction:row;flex-wrap:wrap}.banner-section .banner-container.simple.inverted .banner-buttons a{width:unset;flex:1 1}}
.breadcrumb{padding:17px 44px;margin-left:auto;margin-right:auto;max-width:1440px}.breadcrumb .breadcrumb-list{display:flex;flex-direction:row;font-size:1.2rem}.breadcrumb .breadcrumb-list .breadcrumb-link{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:inherit}.breadcrumb .breadcrumb-list .breadcrumb-link[aria-current="page"]{font-weight:bold}.breadcrumb .breadcrumb-list a{padding:0px 4px}.breadcrumb .breadcrumb-list li:not(:last-child)::after{margin:0px 4px;content:"/"}@media (min-width: 1200px){.breadcrumb ~ .banner-container.simple.inverted .masked-image{margin-top:-104px}}@media (max-width: 768px){.breadcrumb ~ .banner-container.simple.inverted .masked-image{margin-top:-48px}}@media (max-width: 1200px){.breadcrumb ~ .banner-container.simple.inverted{column-gap:22px}}@media (max-width: 1200px){.breadcrumb{display:none}}
.bloc-miseavant{padding:30px 200px}.bloc-miseavant.special-spacing{margin-top:30px;margin-bottom:40px}.bloc-miseavant.bloc-miseavant-video{padding:30px 80px}.bloc-miseavant.bloc-miseavant-video .bloc-miseavant-contenu .bloc-miseavant-media iframe{width:408px;height:234px}.bloc-miseavant .bloc-miseavant-contenu .bloc-miseavant-media .img-miseavant-media{width:225px;height:225px;object-fit:cover}@media (max-width: 1040px){.bloc-miseavant{display:block;padding:30px 120px}.bloc-miseavant.bloc-miseavant-video{padding:30px 40px}.bloc-miseavant.bloc-miseavant-video .titre-miseavant{max-width:80%;margin:0 auto 20px}.bloc-miseavant .titre-miseavant{text-align:center}.bloc-miseavant .bloc-miseavant-contenu .bloc-miseavant-media{margin-right:0}.bloc-miseavant .bloc-miseavant-contenu .bloc-miseavant-txt{margin-top:auto;margin-bottom:auto}}@media (max-width: 767px){.bloc-miseavant{padding:30px 12px}.bloc-miseavant.bloc-miseavant-video{padding:30px 12px}.bloc-miseavant.bloc-miseavant-video .bloc-miseavant-contenu .bloc-miseavant-media{margin:inherit}.bloc-miseavant.bloc-miseavant-video .bloc-miseavant-contenu .bloc-miseavant-media iframe{width:100%}.bloc-miseavant .bloc-miseavant-contenu{flex-direction:column}.bloc-miseavant .bloc-miseavant-contenu .bloc-miseavant-media{margin:auto}.bloc-miseavant .bloc-miseavant-contenu .bloc-miseavant-txt{text-align:center;margin-top:20px;margin-left:0}}
.reward-container{display:flex;gap:32px;align-items:center}@media (max-width: 768px){.reward-container{flex-direction:column}}.reward-image{max-width:220px;max-height:217px}@media (max-width: 768px){.reward-image{max-width:327px;max-height:327px;height:100%;width:100%}}.reward-main{max-width:802px}
.footerPDC{position:relative;overflow:hidden;padding-left:80px;padding-right:80px}@media (max-width: 768px){.footerPDC{padding-left:36px;padding-right:36px}}.footerPDC .footer-fold{position:absolute;right:-6px;top:-1px}.footerPDC .footer-container{max-width:1200px;margin:auto;padding:48px 0}.footerPDC .sticky-top{position:absolute;right:16px;top:170px}.footerPDC:has(.footer-container>p:first-child) .footer-container{height:200px;display:flex;justify-content:center;align-items:center}.footerPDC:has(.footer-container>p:first-child) .sticky-top{top:unset;bottom:16px}.footerPDC .footer-nav .footer-row:first-child{margin-right:30px}@media (max-width: 768px){.footerPDC .footer-nav .footer-row:first-child{margin-right:66px}}.footerPDC .footer-row{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:32px;justify-content:space-between}@media (max-width: 1200px){.footerPDC .footer-row{justify-content:space-around}}@media (max-width: 768px){.footerPDC .footer-row{justify-content:flex-start}}@media (max-width: 440px){.footerPDC .footer-row{flex-wrap:nowrap;flex-direction:column}}.footerPDC .footer-row+.footer-row{padding-top:32px;border-top:1px solid #381A0A}.footerPDC .footer-row .footer-column{padding-top:16px}.footerPDC .footer-row .label{padding:4px;display:block;line-height:140%}.footerPDC .footer-row .label:hover{text-decoration:underline}.footerPDC .footer-row .label:has(img){display:flex;align-items:center;gap:8px}.footerPDC .footer-row .label img{max-width:16px;max-height:16px}.footerPDC .footer-row .list-sn>ul{gap:8px;align-items:center;padding-top:8px}.footerPDC .footer-row .list-sn>ul a{display:block}.footerPDC .footer-row .list-sn .bt-wrapper{display:flex;flex-direction:column;gap:16px;padding-top:32px}.footerPDC .footer-row .list-sn .bt-wrapper a{width:fit-content}.footerPDC .footer-row .list-sn .bt-wrapper a img{max-height:44px;max-width:148px}@media (max-width: 440px){.footerPDC .footer-row .list-sn:not(:first-child){padding-top:44px}}@media (max-width: 768px) and (min-width: 440px){.footerPDC .footer-row .footer-list:has(>.list-sn){display:flex;gap:32px}}.footerPDC .footer-row .footer-list button{cursor:pointer}@media (min-width: 768px){.footerPDC .footer-row .footer-list>:not(:first-child){padding-top:44px}}