@charset "UTF-8";
/* CSS Document */

	.storepage > .row, .storepage > .row > *, .storepage > .row > * > *,  .storepage > .row > * > *  > *, .storepage > .row > * > *  > * > * {display: contents;}
	:root {
		--header-height: 83px;
		--second-nav-height: 0px;
		
	}
	
	@media (max-width:1023.98px) {
		:root {
		--header-height: 106px;
		}
	}
	
	#maincontent:has(.section-nav) {
		--second-nav-height: 83px;
	}
	
		@media (max-width: 768px) {
	#maincontent:has(.section-nav) {
		--second-nav-height: 75px;
	}
	}
	
header.bg-transparent {background-color: #FFF !important;}

	.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) [class^=ico-], .page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .brand-locale .localisation-link, .page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .input-text, .page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .input-group.icon-left label, .page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .btn.btn-search-panel label, .page.page-banner-top .theme-white .header:not(.fixed-top) [class^=ico-], .page.page-banner-top .theme-white .header:not(.fixed-top) .brand-locale .localisation-link, .page.page-banner-top .theme-white .header:not(.fixed-top) span[class$=-quantity], .page.page-banner-top .theme-white .header:not(.fixed-top) .input-text, .page.page-banner-top .theme-white .header:not(.fixed-top) .input-group.icon-left label, .page.page-banner-top .theme-white .header:not(.fixed-top) .btn.btn-search-panel label {
		color: #000;
	}
	
	.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .btn-search-panel, .page.page-banner-top .theme-white .header:not(.fixed-top) .btn-search-panel {border-bottom: .03125rem solid #000;}
	.page[data-action=Home-Show] .theme-white .header:not(.fixed-top) .btn-search-panel .search-label, .page.page-banner-top .theme-white .header:not(.fixed-top) .btn-search-panel .search-label {color: #000;}
	
	.header-banner {z-index: 1000;}
	.page:before{content:"";position:absolute;width:100%;height:200px;left:0;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1;background-color:rgba(0,0,0,0.2)}
	/*header.bg-transparent {background-color: #FFF !important;}*/
	header.page-header-main {z-index: 1000 !important; position: sticky !important; top: 0;transition: transform 0.4s; }
	.invisible {visibility: visible !important;}
	header.page-header-main.headroom--unpinned {transform: translateY(-100%); visibility: visible !important;}
	header.page-header-main  .fixed-top {position: relative;}
	
	
	header.page-header-main svg.brand-icon-logo {fill: #000 !important;}
	header.page-header-main {margin-bottom: calc(var(--header-height) * -1);}
	
	@media (max-width: 1199.9px) {
	header.page-header-main:not(.show-logo-top), header.page-header-main:not(.show-logo-top) header.header:not(.mobile-menu-open):not(.bg-white) {background-color: transparent !important;}
	header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) .content-logo svg, header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) svg.brand-icon-logo {fill: #FFF!important;}
	header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) .navbar-expand-md .navbar-nav .nav-item .nav-link, header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) .brand-locale {color: #FFF !important;}
	header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) i[class^='ico-'], header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) i[class*='ico-'], header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) .btn-search-panel .search-label {color: #FFF!important;}
	header.page-header-main:not(.show-logo-top) .header:not(.mobile-menu-open):not(.bg-white) .btn-search-panel {border-color: #FFF!important;}
	}
	@media (min-width: 1200px) {
	header.page-header-main:not(.show-logo-top):not(:hover), header.page-header-main:not(.show-logo-top):not(:hover) header.header:not(.mobile-menu-open):not(.bg-white) {background-color: transparent !important;}
	header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .content-logo svg, header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) svg.brand-icon-logo {fill: #FFF!important;}
	header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .navbar-expand-md .navbar-nav .nav-item .nav-link, header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .brand-locale, header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .localisation-link {color: #FFF !important;}
	header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) i[class^='ico-'], header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) i[class*='ico-'], header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .btn-search-panel .search-label {color: #FFF!important;}
	header.page-header-main:not(.show-logo-top):not(:hover) .header:not(.mobile-menu-open):not(.bg-white) .btn-search-panel {border-color: #FFF!important;}
	}

	@media (min-width:1024px) and (max-width:1440px) {
		.main-menu, .main-menu > *, .main-menu .navbar {width: 100%;}
		.main-menu .navbar-nav {justify-content: space-between;}
		.main-menu {flex: 1;}
		.header-links-navigation > *, .page-header-main .header-top-wrapper {column-gap: 2vw;}
		.navbar-expand-md .navbar-nav .nav-item .nav-link {padding-left: 0; font-size: 1.11111vw}
		.content-logo {flex: 1 0 18.33333vw;}
		.content-logo .logo-home svg {width: 100% !important;}
	}
	
	footer {position: relative;}

	body {margin: 0; padding: 0;}
	
	* {box-sizing: border-box;}

.lp-cp strong {display: inline;}
	
	.overlay-bottom:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;-webkit-mask-image:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-top:after{content:"";position:absolute;width:100%;height:100%;left:0;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1}
.overlay-radial:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;-webkit-mask-image:radial-gradient(hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .4s;z-index:1}
	.overlay-bottom > * {z-index: 2; position: relative;}
.overlay-black:after{background:#000}
.overlay-grey:after{background:#141414}
.overlay-blur:after{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.overlay-pink:after{background:#bf349b}
.overlay-multiply:after{mix-blend-mode:multiply}
.overlay-opacity-10:after{opacity:.1}
.overlay-opacity-20:after{opacity:.2}
.overlay-opacity-30:after{opacity:.3}
.overlay-opacity-40:after{opacity:.4}
.overlay-opacity-50:after{opacity:.5}
.overlay-opacity-60:after{opacity:.6}
.overlay-opacity-70:after{opacity:.7}
.overlay-opacity-80:after{opacity:.8}
.overlay-opacity-90:after{opacity:.9}
.overlay-opacity-100:after{opacity:.9}
.overlay-height-10:after{height:10%}
.overlay-height-20:after{height:20%}
.overlay-height-30:after{height:30%}
.overlay-height-40:after{height:40%}
.overlay-height-50:after{height:50%}
.overlay-height-60:after{height:60%}
.overlay-height-70:after{height:70%}
.overlay-height-80:after{height:80%}
.overlay-height-90:after{height:90%}
.overlay-height-200:after{height:200%}
	
	.lp-cp {
	font-family: "Roboto",sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	position: relative;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: clip;
		position: relative;
		display: block;
	}
	
	
	.lp-cp.section-intro .background-fixed img {height: calc(40vw + 32px); }
	
	.lp-cp .color-white {color: #FFF;}
		.lp-cp .font-oswald {font-family: "Oswald", sans-serif; line-height: 1.25;}
.lp-cp .lh-1 {line-height: 1;}
	.lp-cp .fs-36 {font-size: 2.25rem;}
	.lp-cp .fs-22 {font-size: 1.375rem;}
	.lp-cp .fs-18 {font-size: 1.125rem;}
.lp-cp .fs-4vw {font-size: clamp(24px, 4vw, 64px); line-height: 1;}

.lp-cp .fw-500 {font-weight: 500;}
	

	.lp-cp .bloc-media img, .lp-cp .bloc-media video  {width: 100%; height: 100%; display: block; object-fit: cover;}
	.lp-cp .font-caps {text-transform: uppercase;}
	.lp-cp .pad-2vw  {padding: min(2vw, 32px);}
	.lp-cp .pad-4vw  {padding: min(4vw, 64px);}
	.lp-cp .pad-6vw  {padding: min(6vw, 96px);}
	.lp-cp .pad-x-2vw {padding-left: min(2vw, 32px); padding-right: min(2vw, 32px);}
	.lp-cp .pad-y-2vw {padding-top: min(2vw, 32px); padding-bottom: min(2vw, 32px);}
	.lp-cp .pad-x-4vw {padding-left: min(4vw, 64px); padding-right: min(4vw, 64px);}
	.lp-cp .pad-y-4vw {padding-top: min(4vw, 64px); padding-bottom: min(4vw, 64px);}
	.lp-cp .pad-x-6vw {padding-left: min(6vw, 96px); padding-right: min(6vw, 96px);}
	.lp-cp .pad-y-6vw {padding-top: min(6vw, 96px); padding-bottom: min(6vw, 96px);}
	
	.lp-cp .-flex{display: flex; width: 100%;}
	.lp-cp .-flex.-flex-column {flex-direction: column;}
	
	.lp-cp .-flex.-flex-x-start {justify-content: flex-start;}
	.lp-cp .-flex.-flex-x-center {justify-content: center;}
	.lp-cp .-flex.-flex-x-end {justify-content: flex-end;}
	
	.lp-cp .-flex.-flex-y-start {align-items: flex-start;}
	.lp-cp .-flex.-flex-y-center {align-items: center;}
	.lp-cp .-flex.-flex-y-end {align-items: flex-end;}

	.lp-cp .-flex.-flex-column.-flex-y-start {justify-content: flex-start;}
	.lp-cp .-flex.-flex-column.-flex-y-center {justify-content: center;}
	.lp-cp .-flex.-flex-column.-flex-y-end {justify-content: flex-end;}
	
	.lp-cp .-flex.-flex-column.-flex-x-start {align-items: flex-start;}
	.lp-cp .-flex.-flex-column.-flex-x-center {align-items: center;}
	.lp-cp .-flex.-flex-column.-flex-x-end {align-items: flex-end;}
	
	
	.lp-cp .-flex1 {flex: 1;}
	
	.lp-cp .ar-16-7 {
    height: 40vw;

}
	
	.lp-cp .gcg-4vw {grid-column-gap: min(4vw, 64px);}
	.lp-cp .gcg-6vw {grid-column-gap: min(6vw, 96px);}
	
	.lp-cp .grg-24 {
    grid-row-gap: 24px;

}
	.lp-cp .grg-16 {grid-row-gap: 16px;}
	.lp-cp .grg-8 {grid-row-gap: 8px;}
	
	.lp-cp .bloc-col {width: 100%; position: relative;}
	
	.lp-cp p:first-child {margin-top: 0;}
	.lp-cp p:last-child {margin-bottom: 0;}
	
	.lp-cp .bloc-slider[slider=mob-only] > .bloc-text:not(:last-child) {border-right: 2px solid #FFF;}
	
	@media screen and (min-width: 768px) {
	.mob {display: none;}
	}
@media screen and (max-width: 767.5px) {
	.desk {display: none;}
	}
	@media screen and (max-width: 768px) {
		
		.lp-cp .w-100-mob {width: 100% !important;}
		.lp-cp .-flex.bloc-slider {display: block;}
		.lp-cp .bloc-col {order: 2; z-index: 2; }
		.lp-cp .-sticky-mob {position: sticky; top: 0; order: 1; z-index: 1;}
		.lp-cp .-stack-mob {flex-direction: column; }
		.lp-cp .-stack-mob:not(.bloc-row) {grid-row-gap: 24px;}
		.lp-cp .fs-22 {font-size: 1.125rem;}
		.lp-cp .fs-36 {font-size:1.375rem; }
		.lp-cp .fs-18 {font-size: 1rem;}
		.lp-cp .ar-16-7 {aspect-ratio: 2/3; height: auto;}
		.lp-cp.section-intro .ar-16-7 {
    height: 100%;

}
		
		.lp-cp .pad-4vw, .lp-cp .pad-x-4vw, .lp-cp .pad-y-4vw, .lp-cp .pad-x-6vw, .lp-cp .pad-y-6vw   {padding: 20vw 16px;}
		
		.lp-cp .pad-y-2vw {padding: 8vw 16px;}
		
		.lp-cp .pad-mob-no {padding: 0;}
		.lp-cp.section-intro { height: calc(var(--vh, 1vh) * 100 - var(--preheader-height));}
		.lp-cp.section-intro * {height: 100%;}
		.lp-cp.section-intro .bloc-col {align-items: flex-end; justify-content: flex-start;}
		.lp-cp.section-intro .bloc-col .bloc-text {height: auto; text-align: left; padding-bottom: calc(80px + 24px); justify-content: flex-start;}
		.lp-cp.section-intro .background-fixed img {height: 100%;}
	}
	

	.lp-cp .flickity-navigation {position: absolute; bottom: 0; right: 0; display: flex; align-items: center; padding: min(2vw, 32px);}
	.lp-cp .flickity-navigation button {order: 1;}
	.lp-cp .flickity-navigation div {order: 2; margin-left: 8px;}
	
	.lp-cp .flickity-page-dots {bottom: 0; left: 0; display: flex;}
	.lp-cp .flickity-page-dots .dot {margin: 0; width: 100%; border-radius: 0; height: 1px;}
	
	.lp-cp .flickity-navigation svg {width: 6px; height: 10px;}
	.lp-cp .flickity-navigation .flickity-prev-next-button {all: unset; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; cursor: pointer;}
	
	.lp-cp .st0{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; width: 6px; height: 10px;}
	
	.lp-cp .bloc-background {
width: 100%;
clip-path: inset(0 0 0 0);
position: absolute;
height: 100%;
left: 0;
top: 0;
}
	
	.lp-cp .background-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
		z-index: 0;
}

.lp-cp.section-intro .background-fixed {top: 0;}
	
		.lp-cp .background-fixed img {
	transform: translateZ(0);
	}
	
	.lp-cp .freescroll{white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex;}
.lp-cp .freescroll::-webkit-scrollbar{display:none}
.lp-cp .freescroll > *{white-space:normal; flex: none}
	
	.lp-cp.section-nav a.active:after {content:''; background-image: url(img/arrow-left.svg); background-size: 6px 10px; background-repeat: no-repeat; margin-left: 0;  background-position: center;width: 6px; height: 10px; transition: margin .4s, width .4s, transform 0.4s;}
	.lp-cp.section-nav:not(.is-stuck) a.active:after, .lp-cp.section-nav.end-reached a.active:after {width: 0; margin-left: -12px;}
	.lp-cp.section-nav.active a.active:after {transform: rotate(-180deg);}
	.lp-cp.section-nav {position: sticky; top: -1px; z-index: 5; padding-top: 1px; justify-content: center; display: flex; margin-top: -91px; overflow: visible; }
	.lp-cp.section-nav .nav-inactive {transition: max-width .8s; overflow: hidden; display: flex; border-radius: 20px; /*-webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,1) 0, rgba(0,0,0,1) calc(100% - 16px), rgba(0,0,0,0) 100%);*/}
	.lp-cp.section-nav.is-stuck:not(.active):not(.end-reached) .nav-inactive {max-width: 0 !important; transition: max-width 0.8s;}
	.lp-cp.section-nav .nav-elms {display: flex;grid-gap: 8px; margin-right: 16px;}
	.lp-cp.section-nav a {color: inherit; text-decoration: none; white-space: nowrap;}
	.lp-cp.section-nav .freescroll {padding: 16px 16px 0; margin-bottom: 31px; grid-gap: 8px; transition: transform 0.4s; pointer-events: all;}
	.page:has(header.headroom--pinned) .lp-cp.section-nav.is-stuck .freescroll {transform: translateY(var(--header-height));}
	.lp-cp.section-nav a {display: flex; padding: 4px 16px 4px 4px; border-radius: 40px; border: 1px solid rgba(0,0,0,0.1); grid-gap: 12px; align-items: center; background: #FFF; scroll-snap-align: center; transition: background 0.4s, color 0.4s;}
	.lp-cp.section-nav a img.thumb {width: 40px; height: 40px; border-radius: 50%;}
	
	.lp-cp.section-nav.is-stuck a {}
	.lp-cp.section-nav a:not(.active) {background-color: rgba(0,0,0,0.2);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #FFF;}
	
	@media (min-width:768px) {
		.lp-cp.section-nav {align-items: center;width: 100%;}
		.lp-cp.section-nav a:hover {border-color: #FFF;}
	
		.lp-cp.section-nav.is-stuck a:hover {border-color: #000;}
		.lp-cp.section-nav .freescroll {padding: 24px; margin-bottom: 0; }
		
		.lp-cp.section-nav {margin-top: -99px;}
	}
	@media (max-width: 767.95px) {
		.lp-cp.section-nav {font-size: 12px;}
	.lp-cp.section-nav a img.thumb {width: 32px; height: 32px;}
		.lp-cp .freescroll {width: 100%;}
		
	}
		

.lp-cp .animated-number {display: inline;}
.lp-cp .list-number {display: inline; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #000; line-height: 1;}

.lp-cp .bloc-row[sticky-top=yes] {position: sticky; top: 0; height: 100vh;}

.lp-cp .bubble {position: absolute; background: #F9F7F7; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: transform 1s cubic-bezier(.3,1.52,1,1);}
.lp-cp .bubble.active {transform: scale(1);}

@media (max-width: 767.95px) {
	.lp-cp .bubble {width: 48px; height: 48px;}
}

html:has(.-scroll-snap){overflow-y:auto;scroll-snap-type:y mandatory;scroll-padding-top:0;height:100vh!important;width:100%;position:relative;  scroll-behavior: smooth;}
html:has(.-scroll-snap) .-scroll-snap-start{width:100%;display:block;background:transparent;height:1px;scroll-snap-align:start;scroll-snap-stop:normal}
html:has(.-scroll-snap) .-scroll-snap-normal{width:100%;display:block;scroll-snap-align:start;scroll-snap-stop:normal;z-index:3;position:relative;background:#FFF}
html:has(.-scroll-snap) .-scroll-snap-end{width:100%;display:block;background:transparent;height:1px;scroll-snap-align:end;scroll-snap-stop:always}
html:has(.-scroll-snap) .lp-cp.-scroll-snap{scroll-snap-stop:always;scroll-snap-align:start;min-height:100vh; z-index: 0;}
.-scroll-snap .bloc-row,.-scroll-snap .bloc-col{min-height:100vh}
.-scroll-snap .bloc-col{padding:min(10vw,160px) min(12vw,192px) min(10vw,160px) min(16vw,256px)}
.scroll-pagination{position:fixed;top:50%;right:min(4vw,64px);transform:translateY(-50%);display:flex;flex-direction:column;gap:24px;z-index:2}
.scroll-pagination .dot{width:6px;height:6px;background-color:#ccc;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .3s ease}
.scroll-pagination .dot.active{background-color:#333;transform:scale(1.3)}
.matieres-title{position:fixed;z-index:1 !important;left:50%;top:min(10vw,160px);padding:0 0 0 min(4vw,64px); background: transparent !important;}
@media screen and (max-width: 768px) {
.matieres-title{display:none}
.-scroll-snap .bloc-row,.-scroll-snap .bloc-col{min-height:auto}
.-scroll-snap .bloc-col:first-child{height:70vh}

.-scroll-snap .bloc-col:first-child:after{content:"";position:absolute;width:100%;height:100%;left:0;top:-1px;-webkit-mask-image:linear-gradient(to top,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 9.7%,hsla(0,0%,0%,0.049) 18.7%,hsla(0,0%,0%,0.104) 27.2%,hsla(0,0%,0%,0.175) 35.1%,hsla(0,0%,0%,0.259) 42.6%,hsla(0,0%,0%,0.352) 49.6%,hsla(0,0%,0%,0.45) 56.2%,hsla(0,0%,0%,0.55) 62.5%,hsla(0,0%,0%,0.648) 68.4%,hsla(0,0%,0%,0.741) 74.1%,hsla(0,0%,0%,0.825) 79.5%,hsla(0,0%,0%,0.896) 84.8%,hsla(0,0%,0%,0.951) 89.9%,hsla(0,0%,0%,0.987) 95%,hsl(0,0%,0%) 100%);pointer-events:none;transform:translate3d(0,0,0);transition:all .6s;z-index:1;background:#000;opacity:.3}
.-scroll-snap .bloc-col:last-child{padding-bottom:10vh}
.scroll-pagination{right:12px}
.-scroll-snap .bloc-col:last-child .bloc-title{position:absolute;top:calc(-70vh + 80px);color:#FFF;display:flex;flex-direction:column;grid-gap:8px}
.-scroll-snap .bloc-col:last-child{padding:20vw 32px 40vw 16px}
.special-pad{padding-top:80vh!important}
}

.lp-cp .cp-cta{position:relative;display:inline-block; line-height: 1; align-self: flex-start; text-decoration: inherit; color: inherit;}
.lp-cp .cp-cta:before{content:'';width:100%;height:1px;background:#000;position:absolute;bottom:-4px}
.lp-cp .color-white .cp-cta:before{background:#FFF}
@media (min-width: 1200px) {
.lp-cp .cp-cta:hover:before{animation:hoverIn .8s forwards linear}
}
@keyframes hoverIn {
0%{left:0;width:0}
30%{left:0;width:100%}
35%{left:auto;right:0;width:100%}
50%{right:0;width:0}
70%{left:0;width:0}
100%{left:0;width:100%}
}

.cp-list {display: flex; flex-direction: column; grid-gap: 16px}
.cp-list > div {display: flex; grid-gap: 16px; align-items: center;}
.cp-list > div > div:not(.list-number) {flex: 1;}


	.info-bulle {position: relative; display: inline; }

	.bulle-info ul{margin: 0; padding: 0; padding-left: 8px; display: flex; flex-direction: column; grid-gap: 16px; hyphens: auto;}
	.bulle-info {position: absolute; background: #FFF; padding: 24px;border-radius: 4px; left: max(-4vw, -64px); bottom: min(4vw, 64px); width: 300px;font-size: 12px;border-radius: 8px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); pointer-events: none; opacity: 0; transform: translateY(20px); transition: all 0.4s; z-index: 10; }	
	.bulle-info.active {transform: translateY(0); opacity: 1;}

@media screen and (max-width: 768px) {
	.bulle-info {position: fixed; bottom: 0; left: 0; width: 100%;padding: 48px 24px;}
	.lp-cp:has(.bulle-info) {overflow: visible; z-index: 3;}
	.bulle-info.active {z-index: 2;}
	.lp-cp:has(.bulle-info.active) .-stack-mob:after {content: '';  position: fixed; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.1); top: 0; left: 0;}
}

.header-banner {
scroll-snap-align: start;
scroll-snap-stop: normal;
}
	html:has(.-scroll-snap) .lp-cp {
		z-index: 2;
		
	}
	html:has(.-scroll-snap) .lp-cp.section-nav {z-index: 3;}
	html:has(.-scroll-snap) .lp-cp:not(.section-nav) {
		background: #FFF;
	}
	html:has(.-scroll-snap):not(.scrollSnap-enabled) {
		scroll-snap-type: none;
	}
	.scroll-pagination {opacity: 0; transition: opacity 0.6s;}
	html.scrollSnap-enabled .scroll-pagination {opacity: 1;}
	@media screen and (max-width: 768px) {
	.-scroll-snap .bloc-col:last-child .bloc-title {transition: transform 0.4s;}
		.page:has(header.headroom--pinned) .-scroll-snap .bloc-col:last-child .bloc-title {transform: translateY(106px);}
	}