.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}}