/****************************************/
/* reset
/****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	}
body{
	line-height:1;
	}
ol, ul{
	list-style:none;
	}
blockquote, q{
	quotes:none;
	}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
button{
	padding:0;
	border:none;
	cursor:pointer;
	}

/****************************************/
/* common
/****************************************/

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html,
body{
   position:relative;
	width:100%; height:100%;
	font-family:'Public Sans', sans-serif;
	font-weight: 300;
	}

/****************************************/
/* aox-story fluid
/****************************************/

:root{
	--aox-story-design-width:420;
    --aox-story-page-vw:1vw;
    --aox-story-page-vh:1vh;
    --aox-story-page-vmin:min(var(--aox-story-page-vw), var(--aox-story-page-vh));
    --aox-story-page-vmax:max(var(--aox-story-page-vw), var(--aox-story-page-vh));

	/*--aox-story-1px:calc(var(--aox-story-page-vw) * (100 / var(--aox-story-design-width)));*/
	--aox-story-1px: 1px;

	--aox-story-2px:calc(var(--aox-story-1px) * 2);
	--aox-story-3px:calc(var(--aox-story-1px) * 3);
	--aox-story-4px:calc(var(--aox-story-1px) * 4);
	--aox-story-5px:calc(var(--aox-story-1px) * 5);
	--aox-story-6px:calc(var(--aox-story-1px) * 6);
	--aox-story-7px:calc(var(--aox-story-1px) * 7);
	--aox-story-8px:calc(var(--aox-story-1px) * 8);
	--aox-story-9px:calc(var(--aox-story-1px) * 9);
	--aox-story-10px:calc(var(--aox-story-1px) * 10);
	--aox-story-11px:calc(var(--aox-story-1px) * 11);
	--aox-story-12px:calc(var(--aox-story-1px) * 12);
	--aox-story-13px:calc(var(--aox-story-1px) * 13);
	--aox-story-14px:calc(var(--aox-story-1px) * 14);
	--aox-story-15px:calc(var(--aox-story-1px) * 15);
	--aox-story-16px:calc(var(--aox-story-1px) * 16);
	--aox-story-17px:calc(var(--aox-story-1px) * 17);
	--aox-story-18px:calc(var(--aox-story-1px) * 18);
	--aox-story-19px:calc(var(--aox-story-1px) * 19);
	--aox-story-20px:calc(var(--aox-story-1px) * 20);
	--aox-story-21px:calc(var(--aox-story-1px) * 21);
	--aox-story-22px:calc(var(--aox-story-1px) * 22);
	--aox-story-23px:calc(var(--aox-story-1px) * 23);
	--aox-story-24px:calc(var(--aox-story-1px) * 24);
	--aox-story-25px:calc(var(--aox-story-1px) * 25);
	--aox-story-26px:calc(var(--aox-story-1px) * 26);
	--aox-story-27px:calc(var(--aox-story-1px) * 27);
	--aox-story-28px:calc(var(--aox-story-1px) * 28);
	--aox-story-29px:calc(var(--aox-story-1px) * 29);
	--aox-story-30px:calc(var(--aox-story-1px) * 30);
	--aox-story-31px:calc(var(--aox-story-1px) * 31);
	--aox-story-32px:calc(var(--aox-story-1px) * 32);
	--aox-story-33px:calc(var(--aox-story-1px) * 33);
	--aox-story-34px:calc(var(--aox-story-1px) * 34);
	--aox-story-35px:calc(var(--aox-story-1px) * 35);
	--aox-story-36px:calc(var(--aox-story-1px) * 36);
	--aox-story-37px:calc(var(--aox-story-1px) * 37);
	--aox-story-38px:calc(var(--aox-story-1px) * 38);
	--aox-story-39px:calc(var(--aox-story-1px) * 39);
	--aox-story-40px:calc(var(--aox-story-1px) * 40);
	--aox-story-41px:calc(var(--aox-story-1px) * 41);
	--aox-story-42px:calc(var(--aox-story-1px) * 42);
	--aox-story-43px:calc(var(--aox-story-1px) * 43);
	--aox-story-44px:calc(var(--aox-story-1px) * 44);
	--aox-story-45px:calc(var(--aox-story-1px) * 45);
	--aox-story-46px:calc(var(--aox-story-1px) * 46);
	--aox-story-47px:calc(var(--aox-story-1px) * 47);
	--aox-story-48px:calc(var(--aox-story-1px) * 48);
	--aox-story-49px:calc(var(--aox-story-1px) * 49);
	--aox-story-50px:calc(var(--aox-story-1px) * 50);

	--aox-story-55px:calc(var(--aox-story-1px) * 55);
	--aox-story-60px:calc(var(--aox-story-1px) * 60);
	--aox-story-65px:calc(var(--aox-story-1px) * 65);
	--aox-story-70px:calc(var(--aox-story-1px) * 70);
	--aox-story-75px:calc(var(--aox-story-1px) * 75);
	--aox-story-80px:calc(var(--aox-story-1px) * 80);
	--aox-story-85px:calc(var(--aox-story-1px) * 85);
	--aox-story-90px:calc(var(--aox-story-1px) * 90);
	--aox-story-95px:calc(var(--aox-story-1px) * 95);
	
	--aox-story-100px:calc(var(--aox-story-1px) * 100);
	--aox-story-110px:calc(var(--aox-story-1px) * 110);
	--aox-story-120px:calc(var(--aox-story-1px) * 120);
	--aox-story-130px:calc(var(--aox-story-1px) * 130);
	--aox-story-140px:calc(var(--aox-story-1px) * 140);
	--aox-story-150px:calc(var(--aox-story-1px) * 150);
	--aox-story-160px:calc(var(--aox-story-1px) * 160);
	--aox-story-170px:calc(var(--aox-story-1px) * 170);
	--aox-story-180px:calc(var(--aox-story-1px) * 180);
	--aox-story-190px:calc(var(--aox-story-1px) * 190);
	--aox-story-200px:calc(var(--aox-story-1px) * 200);
	--aox-story-210px:calc(var(--aox-story-1px) * 210);
	--aox-story-220px:calc(var(--aox-story-1px) * 220);
	--aox-story-230px:calc(var(--aox-story-1px) * 230);
	--aox-story-240px:calc(var(--aox-story-1px) * 240);
	--aox-story-250px:calc(var(--aox-story-1px) * 250);
	--aox-story-260px:calc(var(--aox-story-1px) * 260);
	--aox-story-270px:calc(var(--aox-story-1px) * 270);
	--aox-story-280px:calc(var(--aox-story-1px) * 280);
	--aox-story-290px:calc(var(--aox-story-1px) * 290);
	--aox-story-300px:calc(var(--aox-story-1px) * 300);
	--aox-story-310px:calc(var(--aox-story-1px) * 310);
	--aox-story-320px:calc(var(--aox-story-1px) * 320);
	--aox-story-330px:calc(var(--aox-story-1px) * 330);
	--aox-story-340px:calc(var(--aox-story-1px) * 340);
	--aox-story-350px:calc(var(--aox-story-1px) * 350);
	--aox-story-360px:calc(var(--aox-story-1px) * 360);
	--aox-story-370px:calc(var(--aox-story-1px) * 370);
	--aox-story-380px:calc(var(--aox-story-1px) * 380);
	--aox-story-390px:calc(var(--aox-story-1px) * 390);
	--aox-story-400px:calc(var(--aox-story-1px) * 400);
	--aox-story-410px:calc(var(--aox-story-1px) * 410);
	--aox-story-420px:calc(var(--aox-story-1px) * 420);
	--aox-story-430px:calc(var(--aox-story-1px) * 430);
	--aox-story-440px:calc(var(--aox-story-1px) * 440);
	--aox-story-450px:calc(var(--aox-story-1px) * 450);
	--aox-story-460px:calc(var(--aox-story-1px) * 460);
	--aox-story-470px:calc(var(--aox-story-1px) * 470);
	--aox-story-480px:calc(var(--aox-story-1px) * 480);
	--aox-story-490px:calc(var(--aox-story-1px) * 490);
	--aox-story-500px:calc(var(--aox-story-1px) * 500);
	--aox-story-510px:calc(var(--aox-story-1px) * 510);
	--aox-story-520px:calc(var(--aox-story-1px) * 520);
	--aox-story-530px:calc(var(--aox-story-1px) * 530);
	--aox-story-540px:calc(var(--aox-story-1px) * 540);
	--aox-story-550px:calc(var(--aox-story-1px) * 550);
	--aox-story-560px:calc(var(--aox-story-1px) * 560);
	--aox-story-570px:calc(var(--aox-story-1px) * 570);
	--aox-story-580px:calc(var(--aox-story-1px) * 580);
	--aox-story-590px:calc(var(--aox-story-1px) * 590);
	--aox-story-600px:calc(var(--aox-story-1px) * 600);
	--aox-story-610px:calc(var(--aox-story-1px) * 610);
	--aox-story-620px:calc(var(--aox-story-1px) * 620);
	--aox-story-630px:calc(var(--aox-story-1px) * 630);
	--aox-story-640px:calc(var(--aox-story-1px) * 640);
	--aox-story-650px:calc(var(--aox-story-1px) * 650);
	--aox-story-660px:calc(var(--aox-story-1px) * 660);
	--aox-story-670px:calc(var(--aox-story-1px) * 670);
	--aox-story-680px:calc(var(--aox-story-1px) * 680);
	--aox-story-690px:calc(var(--aox-story-1px) * 690);
	--aox-story-700px:calc(var(--aox-story-1px) * 700);
	--aox-story-710px:calc(var(--aox-story-1px) * 710);
	--aox-story-720px:calc(var(--aox-story-1px) * 720);
	--aox-story-730px:calc(var(--aox-story-1px) * 730);
	--aox-story-740px:calc(var(--aox-story-1px) * 740);
	--aox-story-750px:calc(var(--aox-story-1px) * 750);
	--aox-story-760px:calc(var(--aox-story-1px) * 760);
	--aox-story-770px:calc(var(--aox-story-1px) * 770);
	--aox-story-780px:calc(var(--aox-story-1px) * 780);
	--aox-story-790px:calc(var(--aox-story-1px) * 790);
	--aox-story-800px:calc(var(--aox-story-1px) * 800);
	--aox-story-810px:calc(var(--aox-story-1px) * 810);
	--aox-story-820px:calc(var(--aox-story-1px) * 820);
	--aox-story-830px:calc(var(--aox-story-1px) * 830);
	--aox-story-840px:calc(var(--aox-story-1px) * 840);
	--aox-story-850px:calc(var(--aox-story-1px) * 850);
	--aox-story-860px:calc(var(--aox-story-1px) * 860);
	--aox-story-870px:calc(var(--aox-story-1px) * 870);
	--aox-story-880px:calc(var(--aox-story-1px) * 880);

	/* colors */
	--aox-color-violine: rgba(145, 133, 140, 1);
	--aox-color-brun: rgba(31, 23, 29, 1);
	--aox-color-green: rgba(32, 214, 112, 1);
	--aox-color-corail: rgba(231, 52, 63, 1);
}

@media(min-aspect-ratio:3/4){
    :root{
        --i-aox-story-ratio:69/116;
        --i-aox-story-responsive-margin:max(74px,8.25vh);
        --i-aox-story-height:calc(100vh - var(--i-aox-story-responsive-margin)*2);
        --i-aox-story-width:calc(var(--i-aox-story-height)*var(--i-aox-story-ratio));
        --aox-story-page-vw:calc(var(--i-aox-story-width)*0.01);
        --aox-story-page-vh:calc(var(--i-aox-story-height)*0.01);
    }
    @media(max-height:756px){
        :root{
            --i-aox-story-responsive-margin:0px;
            --i-aox-story-width:calc(100vh*var(--i-aox-story-ratio));
        }
    }
    @media(max-height:538px){
        :root{
            --i-aox-story-ratio:36/53;
        }
    }
}

@media screen and (max-width: 520px) {
	:root{
		/*--aox-story-1px: calc(var(--aox-story-page-vw) * (100 / var(--aox-story-design-width)));*/
		--aox-story-1px: calc(100vw / 420);		
		}
}





/****************************************/
/* animations
/****************************************/

.aox-story-page[active] .mvt_anim_default{
	animation-duration:0.8s;
	animation-timing-function:cubic-bezier(0.21, 0.61, 0.35, 1);
	animation-fill-mode:both;
	}

.aox-story-page[active] .mvt_fade_in{animation-name:aoxFadeIn;}
.aox-story-page[active] .mvt_zoom_in{animation-name:aoxZoomIn;}
.aox-story-page[active] .mvt_zoom_out{animation-name:aoxZoomOut;}

.aox-story-page[active] .mvt_easing_ease-in-cubic{animation-timing-function:cubic-bezier(0.32, 0, 0.67, 0);}
.aox-story-page[active] .mvt_easing_ease-out-cubic{animation-timing-function:cubic-bezier(0.33, 1, 0.68, 1);}
.aox-story-page[active] .mvt_easing_ease-in-out-cubic{animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);}
.aox-story-page[active] .mvt_easing_ease-in-expo{animation-timing-function:cubic-bezier(0.7, 0, 0.84, 0);}
.aox-story-page[active] .mvt_easing_ease-out-expo{animation-timing-function:cubic-bezier(0.16, 1, 0.3, 1);}
.aox-story-page[active] .mvt_easing_ease-in-out-expo{animation-timing-function:cubic-bezier(0.87, 0, 0.13, 1);}
.aox-story-page[active] .mvt_easing_ease-in-back{animation-timing-function:cubic-bezier(0.36, 0, 0.66, -0.56);}
.aox-story-page[active] .mvt_easing_ease-out-back{animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);}
.aox-story-page[active] .mvt_easing_ease-in-out-back{animation-timing-function:cubic-bezier(0.68, -0.6, 0.32, 1.6);}

.aox-story-page[active] .mvt_duration_100ms{animation-duration:0.1s;}
.aox-story-page[active] .mvt_duration_200ms{animation-duration:0.2s;}
.aox-story-page[active] .mvt_duration_300ms{animation-duration:0.3s;}
.aox-story-page[active] .mvt_duration_400ms{animation-duration:0.4s;}
.aox-story-page[active] .mvt_duration_500ms{animation-duration:0.5s;}
.aox-story-page[active] .mvt_duration_600ms{animation-duration:0.6s;}
.aox-story-page[active] .mvt_duration_700ms{animation-duration:0.7s;}
.aox-story-page[active] .mvt_duration_800ms{animation-duration:0.8s;}
.aox-story-page[active] .mvt_duration_900ms{animation-duration:0.9s;}
.aox-story-page[active] .mvt_duration_1000ms{animation-duration:1s;}

.aox-story-page[active] .mvt_delay_100ms{animation-delay:0.1s;}
.aox-story-page[active] .mvt_delay_200ms{animation-delay:0.2s;}
.aox-story-page[active] .mvt_delay_300ms{animation-delay:0.3s;}
.aox-story-page[active] .mvt_delay_400ms{animation-delay:0.4s;}
.aox-story-page[active] .mvt_delay_500ms{animation-delay:0.5s;}
.aox-story-page[active] .mvt_delay_600ms{animation-delay:0.6s;}
.aox-story-page[active] .mvt_delay_700ms{animation-delay:0.7s;}
.aox-story-page[active] .mvt_delay_800ms{animation-delay:0.8s;}
.aox-story-page[active] .mvt_delay_900ms{animation-delay:0.9s;}
.aox-story-page[active] .mvt_delay_1000ms{animation-delay:1s;}
.aox-story-page[active] .mvt_delay_1200ms{animation-delay:1.2s;}
.aox-story-page[active] .mvt_delay_1400ms{animation-delay:1.4s;}
.aox-story-page[active] .mvt_delay_1600ms{animation-delay:1.6s;}
.aox-story-page[active] .mvt_delay_1800ms{animation-delay:1.8s;}
.aox-story-page[active] .mvt_delay_2000ms{animation-delay:2s;}
.aox-story-page[active] .mvt_delay_2200ms{animation-delay:2.2s;}
.aox-story-page[active] .mvt_delay_2400ms{animation-delay:2.4s;}
.aox-story-page[active] .mvt_delay_2600ms{animation-delay:2.6s;}
.aox-story-page[active] .mvt_delay_2800ms{animation-delay:2.8s;}
.aox-story-page[active] .mvt_delay_3000ms{animation-delay:3s;}

@keyframes aoxFadeIn{
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes aoxZoomIn{
	0% { opacity:0; transform:scale(0.8); }
	100% { opacity:1; transform:scale(1); }
}
@keyframes aoxZoomOut{
	0% { opacity:0; transform:scale(1.2); }
	100% { opacity:1; transform:scale(1); }
}

/****************************************/
/* aox-story
/****************************************/

.aox-story{
	position:relative;
	width:100%; height:100%;
	overflow:hidden;
	visibility:hidden;
	}
.aox-story.is-ready{
	visibility:visible;
	}
.aox-story-page{
	position:absolute;
	z-index:1;
	top:0; right:0; bottom:0; left:0;
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	margin:auto;
	background:var(--aox-color-brun);
	transform:translateY(1000vh);
	overflow-y: hidden;
	}
.aox-story-page[active]{
	transform:translateY(0);
	}
.obj_popin .btn_close::before, .obj_popin .btn_close::after {
	border: 1px solid #fff;
	}
.bt_aox-story-controls{
	display:none;
	position:absolute;
	z-index:3;
	top:50%;
	width:40px; height:40px;
	transform:translateY(-50%);
	border-radius:100vw;
	background:rgba(0,0,0,0.1);
	background-repeat:no-repeat;
	background-size:20%;
	--i-aox-story-button-margin:max(10px, calc(50vw - 70px - var(--i-aox-story-width) / 2));
	}
.bt_aox-story-controls:disabled{
	cursor:default;
	opacity:0.3;
	}
.bt_aox-story-controls.bt_aox-story-prev{
	left:var(--i-aox-story-button-margin);
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.7 22-9.5-9.5L15.7 3l-3-3L.4 12.6 12.8 25'/%3E%3C/svg%3E");
    background-position:45% 50%;
	}
.bt_aox-story-controls.bt_aox-story-next{
	right:var(--i-aox-story-button-margin);
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.3 3 9.5 9.5L.3 22l3 3 12.4-12.5L3.2 0'/%3E%3C/svg%3E");
    background-position:55% 50%;
	}
.bt_aox-story-controls.bt_aox-story-replay{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-position:50% 50%;
	background-size:50%;
	}

.aox-story-overlay{
	display:flex;
	align-items:flex-end;
	position:absolute;
	z-index:3;
	top:0; right:0; bottom:0; left:0;
	margin:auto;	
	}
.aox-story-overlay.is-minified,
.aox-story-overlay.is-minified-bottom{
	height:25%;
	margin-bottom:0;
	}
.aox-story-overlay.is-minified-top{
	height:25%;
	margin-top:0;
	}
.aox-story-overlay.is-minified-full{
	width:10%;
	right:auto;
	}
.aox-story-overlay.is-minified-full.is-first-page{
	width:0;
	}
.aox-story-overlay.is-minified-full .bt_aox-story-overlay.bt_aox-story-prev{
	width:100%;
	}
.aox-story-overlay.is-minified-full .bt_aox-story-overlay.bt_aox-story-next{
	width:0;
	}
.aox-story-overlay.is-last-page{
	display: none;
	height:75%;
	margin-top:0;
	}
.aox-story-overlay .bt_aox-story-overlay{
	height:100%;
	background:transparent;
	-webkit-tap-highlight-color:transparent;
	}
.aox-story-overlay .bt_aox-story-overlay:disabled{
	cursor:default;
	}
.aox-story-overlay .bt_aox-story-overlay.bt_aox-story-prev{
	width:25%;
	}
.aox-story-overlay .bt_aox-story-overlay.bt_aox-story-next{
	width:75%;
	}
.aox-story-overlay.is-first-page .bt_aox-story-overlay.bt_aox-story-prev{
	width:0;
	}
.aox-story-overlay.is-first-page .bt_aox-story-overlay.bt_aox-story-next{
	width:100%;
	}
.aox-story-overlay.is-last-page .bt_aox-story-overlay.bt_aox-story-next{
	display:none;
	}
.aox-story-overlay.is-minified-fullvideo{
	display:block;
	width:0;
	right:auto;
	}
.aox-story-overlay.is-minified-fullvideo .bt_aox-story-overlay:disabled,
.aox-story-overlay.is-minified-fullvideo.is-first-page .bt_aox-story-overlay:disabled{
	cursor:default;
	opacity:0.3;
	}
.aox-story-overlay.is-minified-fullvideo .bt_aox-story-overlay,
.aox-story-overlay.is-minified-fullvideo.is-first-page .bt_aox-story-overlay{
	position:absolute;
	top:50%;
	width:40px; height:40px;
	transform:translateY(-50%);
	border-radius:100vw;
	background:rgba(255,255,255,1);
	background-repeat:no-repeat;
	background-size:20%;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25);
	}
.aox-story-overlay.is-minified-fullvideo .bt_aox-story-overlay.bt_aox-story-prev,
.aox-story-overlay.is-minified-fullvideo.is-first-page .bt_aox-story-overlay.bt_aox-story-prev{
	left:20px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.7 22-9.5-9.5L15.7 3l-3-3L.4 12.6 12.8 25'/%3E%3C/svg%3E");
    background-position:45% 50%;
	}
.aox-story-overlay.is-minified-fullvideo .bt_aox-story-overlay.bt_aox-story-next,
.aox-story-overlay.is-minified-fullvideo.is-first-page .bt_aox-story-overlay.bt_aox-story-next{
	left:calc(100vw - 60px);
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.3 3 9.5 9.5L.3 22l3 3 12.4-12.5L3.2 0'/%3E%3C/svg%3E");
    background-position:55% 50%;
	}
.aox-story-header{
	display:flex;
	position:absolute;
	z-index:2;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	margin-top:var(--i-aox-story-responsive-margin);
	height:55px;
	}
.aox-story-header .aox-story-progressbar{
	display:flex;
	width:100%; height:2px;
	margin-top:18px;
	padding:0 2px;
	}
.aox-story-header .aox-story-progressbar li{
	flex-grow:1;
	height:2px;
	margin:0 2px;
	background:rgba(255,255,255,0.5);
	transition:max-width .3s ease, margin .3s ease;
	}
.aox-story.light-background .aox-story-header .aox-story-progressbar li{
	background:rgba(0,0,0,0.5);
	}
.aox-story-header .aox-story-progressbar li span{
	display:block;
	width:100%; height:100%;
	background:rgba(255,255,255,1);
	transform-origin:left;
	}
.aox-story.light-background .aox-story-header .aox-story-progressbar li span{
	background:rgba(0,0,0,1);
	}
.aox-story-header .aox-story-progressbar li.smaller{
	max-width:5px;
	}
.aox-story-header .aox-story-progressbar li.invisible{
	max-width:0;
	margin:0;
	}
.aox-story-back{
	position:absolute;
	z-index:4;
	right:var(--aox-story-20px); top:var(--aox-story-20px);
	}
.aox-story-back a{
	position:relative;
	display:block;
	width:var(--aox-story-60px); height:var(--aox-story-60px);
	}
.aox-story-back a::before,
.aox-story-back a::after{
	content:'';
	position:absolute;
	left:50%; top:50%;
	width:var(--aox-story-3px); height:40%;
	background:#fff;
	}
.aox-story.light-background .aox-story-back a::before,
.aox-story.light-background .aox-story-back a::after{
	background:#000;
	}
.aox-story-back a::before{
	transform:translate(-50%,-50%) rotate(45deg);
	}
.aox-story-back a::after{
	transform:translate(-50%,-50%) rotate(-45deg);
	}
.aox-story-back a span{
	position:absolute;
	left:0; top:0;
	width:1px; height:1px;
	opacity:0;
	}

@media(min-aspect-ratio:3/4){

	.aox-story-page{
		width:var(--i-aox-story-width);
		height:var(--i-aox-story-height);
		}
	.bt_aox-story-controls{
		display:block;
		}
	.aox-story-overlay{
		width:var(--i-aox-story-width);
		height:var(--i-aox-story-height);
		}
	.aox-story-overlay.is-minified,
	.aox-story-overlay.is-minified-bottom{
		height:calc(var(--i-aox-story-height)/4);
		margin-bottom:var(--i-aox-story-responsive-margin);
		}
	.aox-story-overlay.is-minified-top{
		height:calc(var(--i-aox-story-height)/4);
		margin-top:var(--i-aox-story-responsive-margin);
		}
	.aox-story-overlay.is-minified-full{
		display:none;
		}
	.aox-story-overlay.is-last-page{
		height:calc(var(--i-aox-story-height)/1.33);
		margin-top:var(--i-aox-story-responsive-margin);
		}
	.aox-story-overlay.is-minified-fullvideo{
		display:none;
		}
	.aox-story-header{
		width:var(--i-aox-story-width);
		}
	.aox-story-back{
		right:calc(50vw + 10px - var(--i-aox-story-width) / 2); top:calc(var(--i-aox-story-responsive-margin) + 10px);
		}

}

/****************************************/
/* aox-page
/****************************************/
.aox-story-page .ctn_header{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-bottom: var(--aox-story-16px);
	border-bottom: 1px solid var(--aox-color-violine);
	}
.aox-story-page.page-1 .ctn_header,
.aox-story-page.page-end .ctn_header{
	border-bottom: 0;
	}
.aox-story-page .ctn_header .v_logo-quiz-small{
	width: calc(var(--aox-story-150px) + var(--aox-story-6px));
	}
.aox-story-page .ctn_header .v_logo-10{
	flex-shrink: 0;
	height: var(--aox-story-90px);
	max-height: 90px;
	}
.aox-story-page .t_sub-question{
	font-size: var(--aox-story-20px);
	font-weight: bold;
	text-transform: uppercase;
	color: var(--aox-color-violine);
	}
.aox-story-page .t_question{
	font-size: var(--aox-story-28px);
	font-weight: bold;
	color: #fff;
	}
.aox-story-page .ctn_text{
	position:relative;
	z-index:2;
	padding:var(--aox-story-48px) var(--aox-story-48px) 0;
 	box-sizing: border-box;
	color: #fff;
	}
.aox-story-page .ctn_diag,
.aox-story-page .ctn_diag-result{
	position:relative;
	overflow-y: hidden;
	display: flex;
  	flex-flow: column nowrap;
	flex-grow: 2;
	z-index:2;
	margin-top: var(--aox-story-30px);
	padding:0 var(--aox-story-48px) var(--aox-story-48px);
	}
.aox-story-page h2{
	font-size:var(--aox-story-40px);
	font-weight:600;
	line-height: 1.2;
	}
.aox-story-page h3{
	font-size:var(--aox-story-20px);
	font-weight:600;
	line-height: 1.2;
	}
.aox-story-page h2.var_white{
	color:#fff;
	}
.aox-story-page p{
	margin-top:var(--aox-story-30px);
	font-size:var(--aox-story-16px);
	line-height: 1.2;
	}
.aox-story-page .ctn_diag p{
	margin-top:var(--aox-story-20px);
	font-size:var(--aox-story-14px);
	}
.aox-story-page .ctn_diag-result p,
.aox-story-page .ctn_diag-header p{
	margin:0;
	}
/* Results */	
.ctn_diag-result .t_label-answer{
	display: block;
	position: relative;
	padding: var(--aox-story-24px);
	font-weight: bold;
	text-align: center;
	font-size: var(--aox-story-22px);
	border-radius: var(--aox-story-16px);
	transition: all .3s ease;
	}
.ctn_diag-result .is-ok{
	color: #000;
	border: 2px solid var(--aox-color-green);
	background: var(--aox-color-green);
	}
.ctn_diag-result .is-ko{
	color: #fff;
	border: 2px solid var(--aox-color-corail);
	background: var(--aox-color-corail);
	}
.ctn_diag-result p.t_desc-answer{
	display: block;
	position: relative;
	margin-top: var(--aox-story-30px);
	padding: var(--aox-story-24px);
	font-weight: light;
	text-align: left;
	font-size: var(--aox-story-22px);
	border-radius: var(--aox-story-16px);
	transition: all .3s ease;
	color: #fff;
	background: rgba(145, 133, 140, 0.5);
	}
.aox-story-page p.var_white{
	color:#fff;
	}
.aox-story-page .v_background{
	position:absolute;
	z-index:1;
	left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
	}

@media screen and (max-width: 767px) {
	.aox-story-page .ctn_text {
		padding: var(--aox-story-32px) var(--aox-story-32px) 0;
		}
	.aox-story-page .ctn_diag,
	.aox-story-page .ctn_diag-result{
		padding:0 var(--aox-story-32px) var(--aox-story-32px);
		}	
}

/* AOX-STORY PAGES */
.aox-story-page.page-1,
.aox-story-page.page-end{
	display: flex;
	flex-flow: column nowrap;
	text-align: center;
	}
.aox-story-page.page-1 .ctn_header,
.aox-story-page.page-end .ctn_header{
	justify-content: flex-end;
	}	
.aox-story-page.page-1 .ctn_text,
.aox-story-page.page-end .ctn_text{
	padding: var(--aox-story-48px);
	}
.aox-story-page.page-1 .v_logo-quiz,
.aox-story-page.page-end .v_logo-quiz{
	margin: auto;
	width: 75%;
	max-width: calc(var(--aox-story-330px) + var(--aox-story-4px));
	}
.aox-story-page.page-1 p,
.aox-story-page.page-end p{
	margin: var(--aox-story-32px) 0;
	padding-top: var(--aox-story-32px);
	border-top: 1px solid var(--aox-color-violine);
	font-size: var(--aox-story-44px);
	}

@media screen and (max-width: 767px) {
	.aox-story-page.page-1 .ctn_text,
	.aox-story-page.page-end .ctn_text{
		padding: var(--aox-story-48px) var(--aox-story-32px) var(--aox-story-32px);
		}
}


/****************************************/
/* obj_video-aox
/****************************************/

.obj_video-aox{
	position:relative;
	cursor:pointer;
   width:var(--aox-story-420px);
   height:calc(var(--aox-story-230px) + var(--aox-story-6px));
	margin:0 auto;
   }
.obj_video-aox.var_full{
    height:100%;
    }
.obj_video-aox .ctn_video-aox{
	width:100%; height:100%;
    }
.obj_video-aox .ctn_video-aox img{
	position:relative;
	z-index:1;
	width:100%; height:100%;
	object-fit:cover;
    }
.obj_video-aox .ctn_video-aox::before{
    content:"";
    position:absolute;
	z-index:2;
    left:50%; top:50%;
    width:var(--aox-story-75px); height:var(--aox-story-75px);
    border:solid var(--aox-story-2px) #F1F1F1;
    border-radius:50%;
    transform:translate(-50%,-50%);
    transform-origin:0 0;
    }
.obj_video-aox .ctn_video-aox::after{
    content:"";
    position:absolute;
	z-index:2;
    left:50%; top:50%;
    width:0; height:0;
    border-style:solid;
    border-width:var(--aox-story-12px) 0 var(--aox-story-12px) var(--aox-story-20px);
    border-color:transparent transparent transparent #F1F1F1;
    transform:translate(-35%,-50%);
    transform-origin:0 0;
    }
.obj_video-aox .ctn_video-aox iframe{
	position:absolute;
	z-index:3;
	left:0; top:0;
	width:100%; height:100%;
	background:#000;
	}

/****************************************/
/* aox-cta-layer
/****************************************/

.aox-cta-layer{
	position: absolute;
	z-index:9;
	left:0; bottom:0;
	width:100%; height:25%;
	}
.aox-cta-layer p{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%; height:100%;
	margin:0;
	}
.aox-cta-layer p a{
	padding:var(--aox-story-20px) var(--aox-story-40px);
	color:#fff;
	text-decoration:none;
	background:#000;
	cursor:pointer;
	}

/****************************************/
/* ctn_diag-header
/****************************************/

.ctn_diag-header{
	margin-bottom:var(--aox-story-20px);
	}
.ctn_diag-header .progressbar_diag-header{
	display:flex;
	margin-top:var(--aox-story-10px);
	height:2px; width:100%;
	}
.ctn_diag-header .progressbar_diag-header li{
	flex-grow:1;
	height:2px;
	margin:0 2px;
	background:rgba(255,255,255,0.5);
	}
.ctn_diag-header .progressbar_diag-header li span{
	display:block;
	width:100%; height:100%;
	background:rgba(255,255,255,1);
	transform-origin:left;
	}

/****************************************/
/* ctn_diag-nav
/****************************************/
.ctn_diag-nav{
	display:flex;
	width: 100%;
	margin-top: auto;
	justify-content: flex-end;
	}
.ctn_diag-nav .bt_diag-nav,
.bt_diag-nav.is-fake{
	height: var(--aox-story-70px);
  	width: var(--aox-story-70px);
	font-size:0;
	color:#000;
	text-decoration:none;
	background:#fff;
	cursor:pointer;
	transition:opacity .3s ease;
	border-radius: 100%;
	flex-shrink: 0;
	}
.ctn_diag-nav .bt_diag-nav:disabled{
	opacity:0.5;
	cursor:default;
	}
.ctn_diag-nav .bt_diag-nav + .bt_diag-nav{
	margin-left:var(--aox-story-10px);
	}
.ctn_diag-nav .bt_diag-nav svg,
.bt_diag-nav.is-fake svg{
	margin: auto;
	width: var(--aox-story-26px);
	height: var(--aox-story-26px);
	}
.ctn_diag-nav .bt_diag-prev svg{
	transform: scaleX(-1);
	}
/* FAKE BT NAV */
.bt_diag-nav.is-fake{
	position: relative;
	display: flex;
  	margin: auto 0 0 auto;
	}




/****************************************/
/* obj_radio
/****************************************/
.obj_radio li{
	position: relative;
	margin-bottom:var(--aox-story-20px);
	}
.obj_radio li:last-of-type{
	margin-bottom: 0;
	}

/****************************************/
/* obj_checkbox
/****************************************/
.obj_checkbox li{
	position: relative;
	margin-bottom:var(--aox-story-10px);
	}
.obj_checkbox li:last-of-type{
	margin-bottom: 0;
	}

/* CTAS */
.bt_aox-story{
	padding: var(--aox-story-24px) var(--aox-story-48px);
	font-size: var(--aox-story-18px);
	color: var(--aox-color-brun);
	text-transform: uppercase;
	background: #fff;
	border-radius: 9999px;
	font-family:'Public Sans', sans-serif;
	font-weight:600;
	}
.ctn_diag .obj_radio input[type="radio"],
.ctn_diag .obj_checkbox input[type="checkbox"]{
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	}
.ctn_diag .obj_radio .t_label-radio,
.ctn_diag .obj_checkbox .t_label-checkbox{
	display: block;
	position: relative;
	padding: var(--aox-story-24px);
	color: #fff;
	font-weight: bold;
	text-align: center;	
	cursor: pointer;
	font-size: var(--aox-story-22px);
	border: 2px solid var(--aox-color-violine);	
	border-radius: var(--aox-story-16px);
	transition: all .3s ease;
	}
.ctn_diag .obj_radio input[type="radio"]:checked ~ .t_label-radio,
.ctn_diag .obj_checkbox input[type="checkbox"]:checked ~ .t_label-checkbox{
	color: var(--aox-color-brun);
	background: #fff;
	border: 2px solid #fff;	
	}