:root{--cc: #263438;--bg: #fff;--cc: #1b2832;--bg: #f5f9ff}::selection{color:var(--bg);background-color:var(--cc)}html{font-size:100%}@media(min-width: 1921px)and (-webkit-device-pixel-ratio: 1){html{font-size:150%}}body{font-size:18px;line-height:1.4rem;font-family:"Raleway",sans-serif;font-weight:300;color:var(--cc)}@media print{body{font-size:13px}}:root{--animation-primary: 0.3s cubic-bezier(0.3, 1, 0.3, 1);--animation-bounce: 0.4s cubic-bezier(0.3, 2, 0.6, 1);--animation-bounce-long: 1s cubic-bezier(0.3, 2, 0.6, 1);--animation-smooth: 0.6s cubic-bezier(.7, 0, .3, 1);--animation-smooth-long: 1s cubic-bezier(.7, 0, .3, 1)}::selection,::-moz-selection{background:var(--cc);color:var(--bg)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;text-decoration-skip-ink:auto}body,html{max-width:100vw;width:100%;top:0px;left:0px;margin:0px;padding:0px}*,*:before,*:after{margin:0;padding:0;position:relative;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;font-smooth:never;-moz-font-smooth:never}em{font-style:italic}button{border:none;outline:none}a{text-decoration:none;color:currentColor}a:hover{text-decoration:none}ul{list-style-type:none;list-style-position:inside}*:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}body{padding-left:1rem;padding-right:1rem;box-sizing:border-box;background-color:var(--bg);overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#topbar ul{display:flex;justify-content:space-evenly;color:var(--cc);text-transform:uppercase}#topbar ul:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;border-bottom:.5px solid var(--cc);opacity:.2;z-index:5}#topbar ul li{width:100%;background-color:var(--bg);background-image:linear-gradient(0.25turn, var(--bg), transparent, var(--bg));transition:background .25s ease}#topbar ul li:first-of-type,#topbar ul li:nth-of-type(2){border-right:.5px solid rgba(27,40,50,.1254901961)}#topbar ul li:hover{background-color:#d0e4ff}#topbar ul li a{display:inline-block;padding:.8rem 2rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;text-align:center;letter-spacing:0;transition:all var(--animation-bounce);left:50%;transform:translateX(-50%);width:100%}#topbar ul li a:before{content:"";border-bottom:1px solid currentColor;position:absolute;bottom:.6rem;left:50%;width:0;height:1px;transition:.25s ease;box-sizing:border-box}#topbar ul li:hover a:before{width:6rem;left:50%;transform:translateX(-50%)}footer{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;padding:0;width:100%}footer ul,footer .contact,footer>p{width:auto;display:inline-block;margin-right:2rem}footer ul a,footer .contact a,footer>p a{text-decoration:underline}footer .contact{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;margin-bottom:1.4rem}footer .contact [lang=en]{font-style:italic;opacity:.8}footer [rel=license]{width:5rem;display:inline-block}footer .picto{position:absolute;right:0}@media(min-width: 1200px){footer{display:grid;grid-template-columns:repeat(6, 1fr);align-items:center}footer .contact{grid-column:1/4}footer>ul{grid-column:4}footer>a:first-of-type(){grid-column:5}}.nav-btn{display:block;position:absolute;height:32px;width:32px;transition:.5s ease;cursor:pointer;background:var(--bg);border-radius:4rem;padding:.2rem;z-index:10;border:1px solid #d3d3d3}.nav-btn:before,.nav-btn:after{content:"";display:block;position:absolute;width:.8rem;height:.2rem;background:var(--cc);left:1rem;transition:.5s ease}.nav-btn:before{top:.85rem;transform:rotate(45deg)}.nav-btn:after{bottom:.85rem;transform:rotate(-45deg)}.nav-btn.next{right:0}.nav-btn.prev{left:0;transform:rotate(180deg)}.nav-btn[data-visible=false]{display:none}.button{display:inline-block;border:2px solid currentColor;border-radius:5rem;transition:padding var(--animation-bounce),margin var(--animation-bounce),color var(--animation-primary),background var(--animation-primary);margin:.6rem 0}.button.next{padding:.8rem 3rem .8rem 1.25rem}.button.next svg{right:.5rem;--r: -180deg}.button.prev{padding:.8rem 1.25rem .8rem 3rem}.button.prev svg{left:.5rem;--r: 0deg}.button span,.button strong{display:block}.button svg{position:absolute;top:50%;transform:translateY(-50%) rotate(var(--r)) translateX(var(--tX));width:2rem;transition:opacity 0s,transform 0s}.button svg:nth-of-type(1){--tX: 0;opacity:1}.button svg:nth-of-type(2){--tX: 150%;opacity:0}.button span{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor}.button strong{font-family:"Raleway",sans-serif;font-weight:700;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor}.button svg{width:1rem}.button.small{padding-top:.2rem;padding-bottom:.2rem}.button.small strong{font-family:"Raleway",sans-serif;font-weight:700;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor}aside .button:hover{color:var(--bg);padding-top:.4rem;padding-bottom:.4rem;margin:1.8rem 0;margin:1rem 0}aside .button:hover svg{transition:opacity var(--animation-smooth),transform var(--animation-smooth)}aside .button:hover svg:nth-of-type(1){opacity:0;--tX: -150%}aside .button:hover svg:nth-of-type(2){opacity:1;--tX: 0}aside .button.small:hover{padding-top:.1rem;padding-bottom:.1rem;margin-top:.7rem;margin-bottom:.7rem}.mouseDown-container{transition:.75s 1s ease-in-out}.mouseDown-container.show{opacity:1}.mouseDown-container .mouseDown{width:15px;height:25px;border:2px solid var(--cc);border-radius:60px}.mouseDown-container .mouseDown::before{content:"";width:4px;height:4px;position:absolute;top:5px;left:50%;transform:translateX(-50%);background-color:var(--cc);border-radius:50%;opacity:1;animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite}@keyframes wheel{to{opacity:0;top:20px}}.share-btn{margin-top:.7rem;display:flex}.share-btn>a{height:24px;display:inline-block;padding:8px 16px 8px 0px}.share-btn>a svg{transition:.15s ease-in-out}.share-btn>a:hover{cursor:pointer}.share-btn>a:hover svg{transform:scale(1.2)}[data-image=right] img{object-position:66%}[data-image=left] img{object-position:33%}#suggestion{margin-bottom:1.4rem;color:var(--bg)}#suggestion>*{padding:1.4rem 1rem;box-sizing:border-box;border-radius:1rem;overflow:hidden}#suggestion>.next,#suggestion>.prev{display:flex;justify-content:center;align-items:center}#suggestion>.next a,#suggestion>.prev a{overflow:hidden}#suggestion>.next a:before,#suggestion>.prev a:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;background:var(--cc);transition:.25s ease-in-out}#suggestion>.next a:hover:before,#suggestion>.prev a:hover:before{opacity:.75}#suggestion .approche{background:var(--cc);font-family:"Raleway",sans-serif;font-weight:300;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor}#suggestion .approche *::selection{color:var(--cc);background-color:var(--bg)}#suggestion .approche h1{font-family:"Raleway",sans-serif;font-weight:400;font-size:2.5rem;line-height:2.8rem;letter-spacing:0px;color:currentColor;max-width:21rem;line-height:.9em !important;margin-bottom:1.4rem}#suggestion .approche h1 span{text-transform:lowercase;font-size:1.375em;font-weight:300}#suggestion .approche .wrapper{max-width:35rem;padding-bottom:1.4rem}#suggestion .button{color:var(--bg)}#suggestion picture{width:100%;height:100%;position:absolute;box-sizing:border-box}#suggestion picture:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}#suggestion picture img{width:100%;height:100%;object-fit:cover;filter:brightness(1.15) saturate(1.1)}@media(max-width: 900px){#suggestion{margin:2.8rem 0}#suggestion>*{min-height:30vh}#suggestion>*:first-of-type{margin-bottom:.8rem}}@media(min-width: 900px){#suggestion{display:grid;min-height:30rem;grid-template-columns:1fr 1fr;margin:0 0 5.6rem 0;grid-gap:.5rem}#suggestion:before{left:-2rem}#suggestion .approche{grid-column:1/2;padding-left:2rem}#suggestion>.next,#suggestion>.prev{min-height:30rem}#suggestion>*{grid-row:1/2;min-height:20rem}#suggestion>.prev{grid-column:1/2}#suggestion>.prev+.approche{grid-column:2/3}#suggestion>.next{grid-column:2/3}}.logo{line-height:.8em}.logo>span:not(.sub),.logo>tspan:not(.sub){text-transform:uppercase}.logo>span:nth-of-type(1),.logo>span:nth-of-type(3),.logo>tspan:nth-of-type(1),.logo>tspan:nth-of-type(3){font-weight:500;font-size:.5em}.logo>span:nth-of-type(2),.logo>tspan:nth-of-type(2){font-weight:800}.logo>span:nth-of-type(2) span,.logo>tspan:nth-of-type(2) span{text-transform:lowercase;font-size:1.35em;font-weight:700}.logo>span:nth-of-type(3),.logo>tspan:nth-of-type(3){left:.2em}.logo>span:nth-of-type(4),.logo>tspan:nth-of-type(4){font-weight:500;line-height:.8em}.logo>span.sub,.logo>tspan.sub{display:block;font-size:.35em;padding-left:5.95em;padding-top:.2em;font-weight:500;text-transform:uppercase}.logo:not(.inline)>span:nth-of-type(3){padding-left:2.1em;vertical-align:top;top:-0.3em}.logo:not(.inline)>span:nth-of-type(4){font-size:1.2em}.film-logo{line-height:.8em}.film-logo .titleCont{text-indent:-0.5em;margin-bottom:.1em}.film-logo .titleCont>span{text-transform:uppercase}.film-logo .titleCont>span span{text-transform:lowercase;font-size:1.35em}.film-logo>div{display:block}.film-logo .logoCont{line-height:.8em}.film-logo .logo{font-size:.6em;display:inline-block}.film-logo .logo>span:nth-of-type(1),.film-logo .logo>span:nth-of-type(3){font-size:.4em}.film-logo .unfilm{font-size:.24225em;font-weight:500;text-transform:uppercase;padding-right:.5em;line-height:1em;bottom:1.6em;left:-2.3em;position:absolute}.film-logo.l2 .titleCont>span{line-height:.6em;font-weight:800}.film-logo.l2 .titleCont>span span{font-weight:700}.film-logo.l2 .titleCont>span:nth-of-type(3){top:-1em}.film-logo.l2 .titleCont>span:nth-of-type(2){left:-0.2em}.film-logo.l2 .titleCont>span:nth-of-type(1),.film-logo.l2 .titleCont>span:nth-of-type(3){font-size:.5em;font-weight:500}.film-logo.l2 .titleCont>span:nth-of-type(1) span,.film-logo.l2 .titleCont>span:nth-of-type(3) span{font-weight:400}.film-logo.l2 .titleCont>span:nth-of-type(4),.film-logo.l2 .titleCont>span:nth-of-type(5){left:-0.075em;font-size:1.2em;font-weight:500}.film-logo.l2 .titleCont>span:nth-of-type(4) span,.film-logo.l2 .titleCont>span:nth-of-type(5) span{font-weight:400}.film-logo.l2 .titleCont>span:nth-of-type(3):before{content:"\a";white-space:pre;line-height:1em}.film-logo.l2 .logoCont{left:3.35em;left:2.075em}.film-logo.l3 .titleCont>span{line-height:.75em;font-weight:800}.film-logo.l3 .titleCont>span span{font-weight:700}.film-logo.l3 .titleCont>span:nth-of-type(2),.film-logo.l3 .titleCont>span:nth-of-type(3){font-weight:400}.film-logo.l3 .titleCont>span:nth-of-type(3) span{font-weight:300}.film-logo.l3 .titleCont>span:nth-of-type(2){font-size:.5em;font-weight:500;top:-0.65em;font-weight:500;left:.25em}.film-logo.l3 .titleCont>span:nth-of-type(2):before{content:"\a";white-space:pre;line-height:1em}.film-logo.l4 .titleCont>span{line-height:.75em;font-weight:800}.film-logo.l4 .titleCont>span span{font-weight:700}.film-logo.l4 .titleCont>span:nth-of-type(2),.film-logo.l4 .titleCont>span:nth-of-type(3){font-weight:400}.film-logo.l4 .titleCont>span:nth-of-type(3) span{font-weight:300}.film-logo.l4 .titleCont>span:nth-of-type(2):before{content:"\a";white-space:pre;line-height:1em}body.is-transitioning main{opacity:0}body main{opacity:1;transition:opacity .5s ease-in-out}.circleLogo{fill:currentColor;animation:spin 20s linear infinite}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}main[data-page=index]{counter-reset:count 0}main[data-page=index]>header,main[data-page=index] #about{width:100%;box-sizing:border-box}main[data-page=index]>header{min-height:85vh;min-height:max(85vh,45rem)}main[data-page=index]>header h1{text-align:center}main[data-page=index]>header h1 .sub{padding-left:inherit}main[data-page=index]>header .intro{max-width:77rem;margin:0 auto;padding:.8rem 0;color:var(--cc);line-height:1.25em;font-weight:500}main[data-page=index]>header .intro a::before,main[data-page=index]>header .intro a::after{content:"";position:absolute;background-color:var(--cc);z-index:-1;top:102%;left:0;height:5%}main[data-page=index]>header .intro a::before{width:0%;transition:width ease .4s}main[data-page=index]>header .intro a::after{width:100%;transition:all ease .6s}main[data-page=index]>header .intro a:hover::after{left:100%;width:0%;transition:all ease .2s}main[data-page=index]>header .intro a:hover::before{width:100%}main[data-page=index]>header #faq{border:1.5px solid currentColor;border-radius:5px;width:auto;align-self:center;padding:.25em .5em;font-weight:500;transform:scale(1);transition:transform .25s ease-in-out,background-position .2s ease-in;transition:transform .25s ease-in-out,color .25s ease-in-out,background-position .5s ease-in-out;background:linear-gradient(45deg, var(--cc), var(--bg));background-size:2000% 100%;background-position:100% 0}main[data-page=index]>header #faq:hover{transform:scale(1.05);background-position:0 0;color:var(--bg);transition:transform .25s var(--animation-bounce),color 0s var(--animation-bounce),background-position .5s ease-in-out}main[data-page=index]>header .present{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;margin-top:1.4rem;text-transform:uppercase;text-align:center;width:100%}main[data-page=index]>header .mouseDown-container{padding:1.4rem 0;text-align:center;font-family:"Raleway",sans-serif;font-weight:700;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;text-decoration:underline}main[data-page=index]>header .mouseDown-container div{left:50%;transform:translateX(-50%);margin:.8rem 0}@media(max-width: 900px){main[data-page=index]>header{display:grid;grid-template-rows:3rem auto min-content 2rem auto;gap:2rem;justify-items:center;text-align:center}main[data-page=index]>header h1{max-width:20rem;margin:0 auto;font-size:1.4rem;align-self:center}main[data-page=index]>header .intro{font-size:1.4rem}main[data-page=index]>header .en_lien a{max-width:10rem}main[data-page=index]>header .mouseDown-container{align-self:center}main[data-page=index]>header .circleLogo{position:absolute;top:66%;right:10%;height:auto;width:10rem}}@media(min-width: 900px){main[data-page=index]>header{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:2.8rem max(5.6rem, 10vh) auto 5.6rem;grid-gap:1.4rem 1rem;padding-left:1rem;padding-right:1rem}main[data-page=index]>header h1{grid-column:2/6;font-size:1.96rem;grid-row:2;align-self:center;text-align:center;top:1.4rem}main[data-page=index]>header .intro{grid-column:2/6;grid-row:3;font-size:calc(1.75rem + .5vw);text-align:center;justify-self:center;align-self:end}main[data-page=index]>header #faq{grid-column:3/5;justify-self:center}main[data-page=index]>header .en_lien{grid-column:2/6;grid-row:4;justify-self:center;padding-bottom:2.8rem}main[data-page=index]>header .present{grid-row:1;grid-column:2/6}main[data-page=index]>header .mouseDown-container{grid-column:3/5;grid-row:5;align-self:end}}@media(min-width: 1400px){main[data-page=index]>header{grid-template-columns:repeat(8, 1fr)}main[data-page=index]>header h1{grid-column:3/7}main[data-page=index]>header .intro{grid-column:3/7}main[data-page=index]>header #faq{grid-column:4/6}main[data-page=index]>header .en_lien{grid-column:3/7}main[data-page=index]>header .present{grid-column:3/7}main[data-page=index]>header .mouseDown-container{grid-column:4/6}}main[data-page=index] #list_articles{overflow:hidden;width:100vw;margin:.8rem 0 .8rem 0;overflow:hidden}main[data-page=index] #list_articles .nav-btn{position:absolute;top:50%}main[data-page=index] #list_articles .nav-btn.prev{left:0}main[data-page=index] #list_articles .nav-btn.next{left:calc(100vw - 5rem)}main[data-page=index] #list_articles ul{display:flex;overflow:visible scroll;padding:2.8rem 1rem;scroll-snap-type:x mandatory}main[data-page=index] #list_articles ul[data-center=true]{justify-content:center}main[data-page=index] #list_articles li{width:auto;height:25rem;aspect-ratio:3/4;display:inline-block;vertical-align:top;margin:.4rem;border-radius:1.4rem;counter-increment:count 1;scroll-snap-align:center}main[data-page=index] #list_articles li#coming_soon{border:1px solid var(--cc);opacity:.25}main[data-page=index] #list_articles li#coming_soon p{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-transform:uppercase;cursor:default;padding:.6rem 1rem;background:var(--bg);border-radius:.4rem}main[data-page=index] #list_articles a{display:inline-block;width:100%;height:100%;transition:250ms ease-in-out transform;border-radius:.6rem;border:1px solid var(--bg);overflow:hidden}main[data-page=index] #list_articles a:after{content:"";position:absolute;left:0;top:0%;width:100%;height:100%;background:linear-gradient(180deg, rgba(35, 44, 56, 0.4) 0%, rgba(35, 44, 56, 0.8) 40%, var(--cc) 100%);opacity:1;transition:opacity .25s ease-in-out,top .2s ease-in-out}main[data-page=index] #list_articles header{color:var(--bg);z-index:5;height:100%;padding:1em;box-sizing:border-box;display:grid;grid-template-columns:auto;grid-template-rows:1.4rem 2fr 1fr 1.4rem;grid-gap:.8rem;align-items:center}main[data-page=index] #list_articles header .film-logo,main[data-page=index] #list_articles header .logo{grid-row:2;align-self:end}main[data-page=index] #list_articles header .film-logo .logoCont{font-size:.5em}main[data-page=index] #list_articles header .film-logo .logoCont{display:none}main[data-page=index] #list_articles header .logo{left:2rem}main[data-page=index] #list_articles header .film-logo.l2{left:3.5rem}main[data-page=index] #list_articles header .film-logo.l3{left:3.5rem}main[data-page=index] #list_articles header .film-logo.l4{left:5.5rem}main[data-page=index] #list_articles header .episode{text-align:center;font-family:"Raleway",sans-serif;font-weight:700;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;display:block;margin-bottom:.4rem}main[data-page=index] #list_articles header .resume{display:none}main[data-page=index] #list_articles header .button{transition:.25s ease-in-out;opacity:0;grid-row:4;justify-self:center}main[data-page=index] #list_articles a:hover{transform:scale(1.14);z-index:5;box-shadow:0 .5em .5em rgba(27,40,50,.2784313725)}main[data-page=index] #list_articles a:hover:after{opacity:1;top:0}main[data-page=index] #list_articles a:hover .button{opacity:1}main[data-page=index] #list_articles picture,main[data-page=index] #list_articles img{width:100%;height:104%;display:inline-block}main[data-page=index] #list_articles picture{position:absolute}main[data-page=index] #list_articles img{object-fit:cover;transition:filter 1s linear}main[data-page=index] #about{color:var(--bg);padding:1.4rem 1rem;background-image:linear-gradient(130deg, hsl(223, 80%, 16%) 0%, hsl(224, 67%, 13%) 46%, hsl(224, 51%, 10%) 65%, hsl(224, 38%, 8%) 100%);background:var(--cc)}main[data-page=index] #about *::selection{color:var(--cc);background-color:var(--bg)}main[data-page=index] #about h1{max-width:70rem;line-height:.9em !important}main[data-page=index] #about h1 span{text-transform:lowercase;font-size:1.375em;font-weight:300}main[data-page=index] #about .wrapper{max-width:35rem;margin-bottom:2.8rem}main[data-page=index] #about .wrapper a{text-decoration:underline}main[data-page=index] #about figure img{width:100%;height:auto;object-fit:contain;object-position:bottom;border:1px solid rgba(245,249,255,.1803921569)}main[data-page=index] #about figure figcaption{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;margin:.4rem 0;text-align:left;border:1px solid rgba(245,249,255,.1803921569);display:inline-block;padding:.5rem 1rem;bottom:-1.4rem;z-index:1;background:var(--cc);border-radius:.75rem;position:absolute;right:1rem}main[data-page=index] #about footer svg{--cc: white}@media(max-width: 900px){main[data-page=index] #about{border-radius:.5rem .5rem 0rem 0rem}main[data-page=index] #about h1{font-family:"Raleway",sans-serif;font-weight:400;font-size:2.5rem;line-height:2.8rem;letter-spacing:0px;color:currentColor;margin-bottom:1.4rem}main[data-page=index] #about figure{aspect-ratio:16/9;width:100%;height:auto;display:inline-block;margin:1.4rem 0 2.8rem}main[data-page=index] #about figure *{border-radius:.5rem}main[data-page=index] #about footer{display:flex;flex-direction:column;gap:1rem}main[data-page=index] #about footer *{margin-bottom:0}main[data-page=index] #about .circleLogo{display:none}}@media(min-width: 900px){main[data-page=index] #about{min-height:85vh;min-height:max(85vh,45rem);border-radius:.75rem .75rem 0rem 0rem;display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:1.4rem 1rem}main[data-page=index] #about h1{font-family:"Raleway",sans-serif;font-weight:400;font-size:10rem;line-height:11.2rem;letter-spacing:0px;color:currentColor;font-size:clamp(4.2rem, 6vw, 8.4rem);grid-column:1/5;grid-row:1;margin-bottom:1.4rem;max-width:35rem;padding-left:2rem}main[data-page=index] #about .wrapper{grid-row:2/5;grid-column:4/span 3;display:flex;flex-direction:column;justify-content:center;min-height:50vh;justify-self:center}main[data-page=index] #about footer{grid-column:1/span 6;grid-row:8}main[data-page=index] #about figure{grid-row:2;grid-column:1/4;justify-self:center;align-self:center;justify-self:start;max-width:50rem;margin:2.8rem 0}main[data-page=index] #about figure *{border-radius:.75rem}main[data-page=index] #about .circleLogo{grid-row:1;grid-column:6/7;align-self:center;height:auto;width:clamp(5rem,10vw,15rem);z-index:2}}body:not(.noJs) main[data-page=index]>article.inVue picture *{filter:blur(0rem)}body:not(.noJs) main[data-page=index]>article.inVue header{--tY: 0px}body:not(.noJs) main[data-page=index]>article.inVue header>*{opacity:1}body:not(.noJs) main[data-page=index]>article.inVue header h1{transition-delay:.1s}body:not(.noJs) main[data-page=index]>article.inVue header .resume,body:not(.noJs) main[data-page=index]>article.inVue header .button,body:not(.noJs) main[data-page=index]>article.inVue header .episode{transition-delay:.3s}body:not(.noJs) main[data-page=index]>article.inVue header .resume+.button{transition-delay:.4s}body:not(.noJs) main[data-page=index]>article:not(.inVue) picture *{filter:blur(1rem)}body:not(.noJs) main[data-page=index]>article:not(.inVue) header{--tY: -4rem}body:not(.noJs) main[data-page=index]>article:not(.inVue) header>*{opacity:0}main[data-page=film] #about{padding:2.8rem 0;display:inline-block;transition:.25s ease;width:100%}main[data-page=film] #about .mouseDown-container{position:absolute;top:50%;left:1rem;transform:translateX(-50%) translateY(-50%);display:none}main[data-page=film] #about:not(.solo) .mouseDown-container{left:-50%;left:calc(-50% + 2rem)}main[data-page=film] #about>*:not(header){max-width:700px}main[data-page=film] #about header .film-logo>div:nth-of-type(2){font-size:.75em}main[data-page=film] #about header h1:not(.logo){padding-right:2rem}main[data-page=film] #about .intro{font-family:"Raleway",sans-serif;font-weight:300;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor;width:100%;margin-bottom:2.8rem}main[data-page=film] #about .social,main[data-page=film] #about .details{font-family:"Raleway",sans-serif;font-weight:300;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor;margin-bottom:2.8rem}main[data-page=film] #about .social b{font-weight:700;text-decoration:underline;text-decoration-skip-ink:auto;display:inline-block}main[data-page=film] #about .social ul{left:-0.25rem}main[data-page=film] #about .social ul li{width:.7rem;height:.7rem;padding:.25rem;display:inline-block;vertical-align:middle}main[data-page=film] #about .social ul li svg{width:100%}main[data-page=film] #about .social button{cursor:pointer;background:inherit;border:1px solid currentColor;padding:5px 15px;border-radius:10px;margin:15px 0;left:-1px}main[data-page=film] #about .social button:hover{background:var(--cc);color:var(--bg)}main[data-page=film] #about .social button:hover svg{--cc: white}main[data-page=film] #about .social button,main[data-page=film] #about .social button *{transition:.25s ease-in-out}main[data-page=film] #about .social button p{font-size:.75rem;display:inline-block;top:-2px}main[data-page=film] #about .social button svg{width:15px;height:15px;padding:0 5px;display:inline-block;top:2px}main[data-page=film] #about .details>li{margin-bottom:1.4rem}main[data-page=film] #about .details>li>*{font-family:"Raleway",sans-serif;font-weight:300;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor;display:inline-block;width:max(60%,150px);vertical-align:top}main[data-page=film] #about .details>li h3{width:min(100%,150px);padding-right:2rem}main[data-page=film] #about .details>li h4{font-weight:700}main[data-page=film] #about .details>li>ul>li>ul{margin-bottom:.7rem}main[data-page=film] #about .details>li [aria-label="idée originale"] h4 i{display:block}main[data-page=film] #about .details>li li[aria-label=contact]{display:inline-block;width:auto;font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor}main[data-page=film] #about .details>li li[aria-label=contact]:before{content:"";border-bottom:1px solid currentColor;position:absolute;bottom:0;left:50%;width:0;height:1px;transition:.25s ease}main[data-page=film] #about .details>li li[aria-label=contact]:hover:before{width:100%;left:0}main[data-page=film] #about .details>li li[aria-label=contact]:not(:last-of-type){padding-right:.3333333333rem;margin-right:.3333333333rem}main[data-page=film] #about .details>li li[aria-label=contact]:not(:last-of-type):after{content:"";border-right:1px solid currentColor;position:absolute;top:15%;right:0;width:1px;height:70%}main[data-page=film] #about .details>li[aria-label=production],main[data-page=film] #about .details>li[aria-label=partenaire],main[data-page=film] #about .details>li[aria-label=récompense]{margin-top:2.8rem;padding-top:1.4rem}main[data-page=film] #about .details>li[aria-label=production]:before,main[data-page=film] #about .details>li[aria-label=partenaire]:before,main[data-page=film] #about .details>li[aria-label=récompense]:before{content:"";width:2rem;height:1px;border-top:.5px solid var(--cc);position:absolute;left:0;top:0}main[data-page=film] #about .details>li[aria-label=production]>a:first-of-type{left:-0.5rem}main[data-page=film] #about .details>li[aria-label=production] a.mail{font-weight:700;text-decoration:none;text-decoration-skip-ink:auto}main[data-page=film] #about .details>li[aria-label=production]>p{width:min(100%,30rem)}main[data-page=film] #about .details>li[aria-label=production]>p a{text-decoration:underline}main[data-page=film] #about .details>li[aria-label=production] p:last-of-type{margin-top:1.4rem}main[data-page=film] #about .details>li[aria-label=production] svg{width:13rem;color:#fa4616}main[data-page=film] #about .details>li[aria-label=production] svg g>g{display:none}main[data-page=film] #about .details>li[aria-label=partenaire],main[data-page=film] #about .details>li[aria-label=récompense]{margin-top:2.8rem}main[data-page=film] #about .details>li[aria-label=partenaire] h3,main[data-page=film] #about .details>li[aria-label=récompense] h3{width:100%;margin-bottom:1.4rem}main[data-page=film] #about .details>li[aria-label=partenaire] img,main[data-page=film] #about .details>li[aria-label=récompense] img{margin-top:1.4rem;width:13rem}main[data-page=film] #about .details>li[aria-label=protagonistes] li,main[data-page=film] #about .details>li[aria-label=inspiration] li{font-weight:700;margin-bottom:.35rem}main[data-page=film] #about .details>li[aria-label=remerciement]{max-width:300px}main[data-page=film] #about .details>li[aria-label=récompense] img{margin-top:1.4rem;width:13rem;max-height:7rem;object-fit:contain;object-position:left}main[data-page=film] #about .details>li[aria-label=partenaire] ul{display:grid;width:100%;gap:1rem;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}main[data-page=film] .media{width:100%;display:inline-block;cursor:n-resize}main[data-page=film] .media:empty{display:none}main[data-page=film] .media video,main[data-page=film] .media img{width:100%;height:auto}@media(max-width: 900px){main[data-page=film] #about header{display:flex;justify-content:end;align-items:center;margin-bottom:2.8rem}main[data-page=film] #about header h1.logo{font-size:2.1rem;margin-bottom:2.8rem;width:auto;left:unset}main[data-page=film] #end_article{width:100%;height:10em;display:flex;justify-content:center;align-items:center}main[data-page=film] #end_article .circleLogo{top:5vw;height:auto;width:25vw;width:min(25vw, 10rem)}}@media(min-width: 900px){main[data-page=film] #about header{display:flex;align-items:center;justify-content:end;height:25vh;height:calc(25vh - 2.8rem);margin-bottom:1.4rem}main[data-page=film] #about header h1{font-size:1.7em;margin:2.8rem 0 5.6rem 0;width:auto}main[data-page=film] #end_article{display:none}}@media(min-width: 1200px){main[data-page=film] #about{max-width:inherit;width:66%;left:33%;padding:0 0 14rem 0}main[data-page=film] #about.solo{left:0;width:100%}main[data-page=film] #about .mouseDown-container{display:inline-block;opacity:0;transition:.75s 1s ease-in-out}main[data-page=film] #about .mouseDown-container.show{opacity:1}main[data-page=film] #about header h1{font-size:2.6rem;margin:0}main[data-page=film] #about .intro{font-family:"Raleway",sans-serif;font-weight:300;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:currentColor}main[data-page=film] #about .details{max-width:600px}main[data-page=film] .media{max-width:33%;max-width:calc(33% - 3rem);vertical-align:top;box-sizing:border-box;margin:calc(25vh - 1.4rem) 0 1.4rem -1rem;position:sticky;right:100%;right:calc(66% + 3rem);top:0;height:100vh;overflow-y:scroll;scrollbar-width:thin;direction:rtl}}[aria-label=partenaire] img[src*=rf_logo]{max-width:6rem}[aria-label=partenaire] img[src*=ademe]{max-width:5rem}[aria-label=partenaire] img[src*=avelo],[aria-label=partenaire] img[src*=cee_logo]{max-width:10rem}main[data-page=film] #media{height:auto;background:#000;width:calc(100% + 2rem);left:-1rem;padding:1.4rem 1rem;box-sizing:border-box;clip-path:inset(0 0 round 0 0 0.75rem 0.75rem)}main[data-page=film] #media.cover .disclaimer{z-index:3;text-align:center;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin:auto;padding:.5rem 1rem;backdrop-filter:blur(1rem) brightness(0.6);border:1px solid;border-radius:.5rem}main[data-page=film] #media.cover .disclaimer span{display:block}main[data-page=film] #media.cover picture{width:100%;height:100%;position:absolute;top:0;left:0}main[data-page=film] #media.cover picture:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3C!-- svg: first layer --%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}main[data-page=film] #media.cover picture *{height:100%;width:100%;object-fit:cover}main[data-page=film] #media.video .iframeContainer{position:relative;padding-top:56.25%;width:100%;left:0;max-width:1920px}main[data-page=film] #media.video .iframeContainer iframe{position:absolute;top:50%;left:0;width:100%;height:100%;max-height:100vh;transform:translateY(-50%);transform:translateY(calc(-50% - 1px));transition:max-height 1s 1s ease-in-out}main[data-page=film] #media.video .iframeContainer .subtitle{position:absolute;cursor:pointer;top:0;right:0;background:rgba(0,0,0,.3098039216);border:1px solid #e3e3e3;font-family:"Raleway",sans-serif;font-weight:bolder;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:#e3e3e3;padding:5px;transition:.25s ease-in-out;z-index:0;opacity:0}main[data-page=film] #media.video .iframeContainer .subtitle.show{opacity:1;z-index:5}main[data-page=film] #media.video .iframeContainer .subtitle.clicked{transform:scale(1.1)}main[data-page=film] #media.video .iframeContainer .subtitle:hover{background:#e3e3e3;color:rgba(0,0,0,.3098039216);transition:.75s ease-in-out,transform .15s .25s ease}main[data-page=film] #media.video #subtitle-disclaimer{width:100%;height:calc(100% - 4rem);position:absolute;top:0;left:0;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000;opacity:0;z-index:-1;transition:opacity 1s ease-in-out}main[data-page=film] #media.video #subtitle-disclaimer p{font-family:"Raleway",sans-serif;font-weight:300;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:currentColor;font-size:max(1em,2vw);line-height:1.2em;max-width:80rem;margin:0 auto .4em auto;padding:0 2rem;text-align:center}main[data-page=film] #media.video #subtitle-disclaimer p:last-of-type{opacity:.5}main[data-page=film] #media.video #subtitle-disclaimer svg{position:absolute;bottom:10%;color:#fff;transition:.25s ease;cursor:pointer}main[data-page=film] #media.video #subtitle-disclaimer svg:hover{color:#00adef}@keyframes sonar{0%{filter:drop-shadow(0 0 0em #00adef)}50%{filter:drop-shadow(0 0 1em #00adef)}100%{filter:drop-shadow(0 0 0em #00adef)}}main[data-page=film] #media.video #subtitle-disclaimer .icon-check{position:absolute;bottom:10%;color:#fff;transition:.25s ease;cursor:pointer;transform:translateX(0%) translateY(-100%);font-size:1.4rem;font-weight:700;opacity:0}main[data-page=film] #media.video.disclaimer #subtitle-disclaimer{z-index:5}main[data-page=film] #media.video.disclaimer #subtitle-disclaimer.not.active svg:not(:hover){animation:2s ease-in infinite sonar}main[data-page=film] #media.video.disclaimer.disclaimerVisible #subtitle-disclaimer{transition:opacity 2s ease-in-out;opacity:1}main[data-page=film] #media.video.disclaimer.disclaimerVisible #subtitle-disclaimer.active svg{transform:translateX(-50%);color:green !important}main[data-page=film] #media.video.disclaimer.disclaimerVisible #subtitle-disclaimer.active .icon-check{transform:translateX(calc(50% + 0.5rem)) translateY(-100%);opacity:1;color:green !important}main[data-page=film] #media.video .scroll{display:none;position:absolute;right:1rem;width:15px;bottom:4.2rem}main[data-page=film] #media.video .scroll span{font-family:"Raleway",sans-serif;font-weight:#fff;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;transform:rotate(90deg);display:inline-block;left:-16px;top:-15px}@media(max-width: 900px){main[data-page=film] #media.video #subtitle-disclaimer svg{width:2rem}main[data-page=film] #media.video.video.playing{padding-top:56.25%}main[data-page=film] #media.video.video.playing .iframeContainer{position:fixed;top:0;z-index:5}main[data-page=film] #media.cover{aspect-ratio:16/9}main[data-page=film] #media.cover .disclaimer{width:100%;max-width:12rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:#fff}main[data-page=film] #media.cover .disclaimer span{margin-top:.1rem;font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor}}@media(min-width: 900px){main[data-page=film] #media{height:75vh}main[data-page=film] #media.video .iframeContainer .subtitle{top:auto;font-size:min(1.5vw,1rem);bottom:15%;right:-1rem;padding:.25vw .5vw}main[data-page=film] #media.video #subtitle-disclaimer svg{width:4rem}main[data-page=film] #media.cover .disclaimer{width:auto;max-width:25rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:#fff}main[data-page=film] #media.cover .disclaimer span{font-family:"Raleway",sans-serif;font-weight:300;font-size:1rem;line-height:1.4rem;letter-spacing:0px;color:currentColor}}@media(min-width: 1200px){main[data-page=film] #media{transition:1s 1s ease-in-out}main[data-page=film] #media.cover{font-family:"Raleway",sans-serif;font-weight:700;font-size:4rem;line-height:4.9rem;letter-spacing:0px;color:#fff}main[data-page=film] #media.cover span{font-family:"Raleway",sans-serif;font-weight:700;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:currentColor}main[data-page=film] #media.video:not(.playing) iframe{max-height:75vh}main[data-page=film] #media.video.playing{height:100vh;height:min(100vh,2160px);clip-path:inset(0 0 round 0 0 0 0)}main[data-page=film] #media.video .scroll{display:inline-block}main[data-page=film] #media.video .iframeContainer{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}}main[data-page=faq]{max-width:46.2rem;margin:auto}main[data-page=faq] header .sub{text-align:center;padding-left:0 !important}main[data-page=faq] header .present{font-family:"Raleway",sans-serif;font-weight:300;font-size:.75rem;line-height:1.05rem;letter-spacing:0px;color:currentColor;margin-top:1.4rem;text-transform:uppercase;text-align:center;width:100%}main[data-page=faq] .intro{margin:min(5vw, 7rem) 0 min(5vw, 2.8rem) 0}main[data-page=faq] details{transition:var(--animation-smooth)}main[data-page=faq] details[open] summary{margin-bottom:1.4rem}main[data-page=faq] details summary{cursor:pointer;list-style:none;font-family:"Raleway",sans-serif;font-weight:700;font-size:2.5rem;line-height:2.8rem;letter-spacing:0px;color:currentColor}main[data-page=faq] details a{text-decoration:underline}main[data-page=faq] details ul{list-style-type:disc;padding-left:2rem}@media(max-width: 900px){main[data-page=faq] header{display:flex;flex-direction:column;gap:1.4rem;align-items:center;margin-bottom:2.8rem}main[data-page=faq] header .logo{font-size:1.4rem}main[data-page=faq] details{margin-bottom:1.4rem;padding-bottom:.7rem}main[data-page=faq] details summary{font-family:"Raleway",sans-serif;font-weight:700;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:currentColor}main[data-page=faq] .button{margin:1.4rem 0}main[data-page=faq] footer{margin-top:2.8rem}}@media(min-width: 900px){main[data-page=faq]{display:flex;flex-direction:column;min-height:100vh}main[data-page=faq] header{display:grid;grid-template-rows:2.8rem max(5.6rem, 10vh);justify-content:center;grid-gap:1.4rem;margin-bottom:7rem}main[data-page=faq] header .present{margin-top:1.4rem}main[data-page=faq] header .logo{grid-row:2;display:inline-block;position:relative;top:1.4rem;font-size:1.96rem}main[data-page=faq] details{margin-bottom:2.8rem;padding-bottom:.7rem;font-family:"Raleway",sans-serif;font-weight:300;font-size:1.2rem;line-height:1.68rem;letter-spacing:0px;color:currentColor}main[data-page=faq] details summary{font-weight:700}main[data-page=faq] .button{align-self:start;margin:2.8rem 0}main[data-page=faq] footer{margin-top:auto}}/*# sourceMappingURL=main.css.map */