.svg-royaume path,.svg-royaume polygon{transition:fill .5s}.svg-royaume.active path,.svg-royaume.active polygon,.svg-royaume:hover path,.svg-royaume:hover polygon{fill:#e81c25}#carte{transition:transform .25s}#carte>svg{width:100%;height:100%}#carte #LEGENDES{transition:all .5s}#carte.is-royaume{transform:translateX(-500px)}#carte.is-royaume #LEGENDES{opacity:0;transform:translateX(-100px)}.icon-base{pointer-events:none}.icon-base line,.icon-base polyline{stroke:currentColor!important}.menu-pills{--menu-w:1780px;--menu-h:60px;position:absolute;width:var(--menu-w)}.menu-pills,.menu-pills>a{height:var(--menu-h);display:flex;justify-content:center;align-items:center}.menu-pills>a{z-index:1;text-decoration:none;margin:0 25px;font-size:16px;font-family:var(--typo-metamorphous);border-radius:50px;width:400px;background-color:#8e8a8b;color:#194335}.menu-pills>a.active{pointer-events:none;background-color:#fff}.menu-pills .line{pointer-events:none;border-top:1px solid #fff;position:absolute;top:30px;left:0;width:100%}.menu-pills .line>i{display:block;position:absolute;width:15px;height:15px;transform:rotate(45deg);background-color:#fff;top:-9px}.menu-pills .line>i:last-child{right:0}.veille{position:fixed;top:0;left:0;z-index:1000}.veille,.veille video{width:100%;height:100%}.veille video{-o-object-fit:cover;object-fit:cover}@font-face{font-family:Germania One;src:url(../fonts/GermaniaOne-Regular.fd27d145.eot);src:url(../fonts/GermaniaOne-Regular.fd27d145.eot?#iefix) format("embedded-opentype"),url(../fonts/GermaniaOne-Regular.e2beb883.woff2) format("woff2"),url(../fonts/GermaniaOne-Regular.85c459e1.woff) format("woff"),url(../fonts/GermaniaOne-Regular.3d6a6867.ttf) format("truetype"),url(../img/GermaniaOne-Regular.c53d211a.svg#GermaniaOne-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local(""),url(../fonts/roboto-v20-latin-100.7370c367.woff2) format("woff2"),url(../fonts/roboto-v20-latin-100.5cb7edfc.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:100;src:local(""),url(../fonts/roboto-v20-latin-100italic.f8b1df51.woff2) format("woff2"),url(../fonts/roboto-v20-latin-100italic.f9e8e590.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local(""),url(../fonts/roboto-v20-latin-300.ef7c6637.woff2) format("woff2"),url(../fonts/roboto-v20-latin-300.b00849e0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:local(""),url(../fonts/roboto-v20-latin-300italic.14286f3b.woff2) format("woff2"),url(../fonts/roboto-v20-latin-300italic.4df32891.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local(""),url(../fonts/roboto-v20-latin-italic.51521a2a.woff2) format("woff2"),url(../fonts/roboto-v20-latin-italic.fe65b833.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(../fonts/roboto-v20-latin-regular.479970ff.woff2) format("woff2"),url(../fonts/roboto-v20-latin-regular.60fa3c06.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local(""),url(../fonts/roboto-v20-latin-500.020c97dc.woff2) format("woff2"),url(../fonts/roboto-v20-latin-500.87284894.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:local(""),url(../fonts/roboto-v20-latin-500italic.db4a2a23.woff2) format("woff2"),url(../fonts/roboto-v20-latin-500italic.288ad9c6.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local(""),url(../fonts/roboto-v20-latin-700.2735a3a6.woff2) format("woff2"),url(../fonts/roboto-v20-latin-700.adcde98f.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:local(""),url(../fonts/roboto-v20-latin-700italic.da0e7178.woff2) format("woff2"),url(../fonts/roboto-v20-latin-700italic.81f57861.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local(""),url(../fonts/roboto-v20-latin-900.9b3766ef.woff2) format("woff2"),url(../fonts/roboto-v20-latin-900.bb1e4dc6.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:local(""),url(../fonts/roboto-v20-latin-900italic.ebf6d164.woff2) format("woff2"),url(../fonts/roboto-v20-latin-900italic.28f91510.woff) format("woff")}@font-face{font-family:Metamorphous;src:url(../fonts/Metamorphous.70fc9375.eot);src:url(../fonts/Metamorphous.70fc9375.eot?#iefix) format("embedded-opentype"),url(../fonts/Metamorphous.2730e2c1.woff2) format("woff2"),url(../fonts/Metamorphous.9f56542e.woff) format("woff"),url(../fonts/Metamorphous.841000d1.ttf) format("truetype"),url(../img/Metamorphous.29d61a43.svg#Metamorphous) format("svg");font-weight:400;font-style:normal;font-display:swap}body{--typo-germania:"Germania One";--typo-metamorphous:"Metamorphous";--typo-titre:var(--typo-metamorphous);--typo-text:"Roboto";--typo-numbers:var(--typo-germania);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,body h1,body h2{font-family:var(--typo-titre);font-weight:400}body p{font-family:var(--typo-text);font-weight:400;font-size:16px;line-height:22px}*,body,html{box-sizing:border-box}body{--page-w:1920px;--page-h:1080px;--nav-height:70px;height:100vh;background-color:#491114;background-size:cover;background-repeat:no-repeat;background-image:url(../img/bg-royaumes.ec3af193.jpg);color:#fff;overflow:hidden}#app{width:100%;height:100%}#app .page-size{position:absolute;left:calc(50vw - var(--page-w)/2);top:calc(50vh - var(--page-h)/2);width:var(--page-w);height:var(--page-h)}#app .nav-dates{height:var(--nav-height);position:absolute;bottom:0;left:0;width:100%}#app .fade-enter-active,#app .fade-leave-active{transition:opacity .5s}#app .fade-enter,#app .fade-leave-to{opacity:0}#app #btn-home{color:#fff;position:absolute;--icon-size:60px;width:var(--icon-size);height:var(--icon-size);top:calc(50vh - var(--page-h)/2 + 56px);left:calc(50vw - var(--page-w)/2 + 56px);border:1px solid #fff;border-radius:100%}#app #btn-home svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-2px) translateX(1px)}#app #menu{position:absolute;bottom:calc(50vh - 510px);left:calc(50vw - var(--menu-w)/2)}body,html{overflow:hidden}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:6px;height:6px}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:20px}body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:rgba(255,0,0,0)}.page-royaume{pointer-events:none}.page-royaume h1{font-size:100px;margin-left:130px;margin-top:130px;margin-right:130px;opacity:0;-webkit-animation-name:kf-fade;animation-name:kf-fade;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.page-royaume h1.long-text{font-size:60px}.page-royaume h2{font-size:30px}.page-royaume p{padding-bottom:40px;font-size:18px;line-height:1.3;opacity:0;-webkit-animation-name:kf-fade;animation-name:kf-fade;-webkit-animation-delay:var(--delay);animation-delay:var(--delay);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes kf-fade{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes kf-fade{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.page-royaume .texts{margin-left:130px;margin-right:130px;padding-left:60px;position:relative;--sz:20px}.page-royaume .texts:before{content:"";border-left:1px solid #fff;position:absolute;height:calc(100% - 30px);left:0;top:30px;transform:scale(0);-webkit-animation-name:kf-entree;animation-name:kf-entree;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:3s;animation-duration:3s;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.page-royaume .texts h2{position:relative}.page-royaume .texts h2:before{position:absolute;content:"";display:block;width:var(--sz);height:var(--sz);border:1px solid #fff;background-color:#b72238;top:5px;left:-71px;transform:scale(0);-webkit-animation-name:kf-corners-2;animation-name:kf-corners-2;-webkit-animation-delay:var(--delay,0s);animation-delay:var(--delay,0s);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes kf-corners-2{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}@keyframes kf-corners-2{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.page-royaume .texts h2>span{display:inline-block;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.page-royaume .texts h2>span>span{display:inline-block;-webkit-animation-name:kf-show2;animation-name:kf-show2;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:var(--delay,0s);animation-delay:var(--delay,0s);opacity:0}@-webkit-keyframes kf-show2{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes kf-show2{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}.page-royaume .left-right{width:100%;height:100%;position:relative}.page-royaume .left-right .left,.page-royaume .left-right .right{position:absolute;height:100%;width:50%}.page-royaume .left-right .right{pointer-events:auto;background-image:url(../img/bg-textes.506f22bd.jpg);background-position:100% 0;right:0;overflow-y:overlay}.page-royaume nav{--icon-size:60px;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.page-royaume nav *{pointer-events:auto}.page-royaume nav svg{pointer-events:none}.page-royaume nav>*{position:absolute;color:#fff}.page-royaume nav .close{width:calc(var(--icon-size)*1.5);height:calc(var(--icon-size)*1.5);top:56px;right:40px;transform:scale(0);-webkit-animation-name:kf-close;animation-name:kf-close;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.page-royaume nav .close>svg{width:100%;height:100%}@-webkit-keyframes kf-close{0%{transform:rotate(90deg) scale(0)}to{transform:rotate(0deg) scale(1)}}@keyframes kf-close{0%{transform:rotate(90deg) scale(0)}to{transform:rotate(0deg) scale(1)}}.btn-flag{text-decoration:none;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 75px;color:#fff}.btn-flag.active{font-weight:700}.btn-flag .losange{pointer-events:none;width:100px;height:100px;position:relative;margin-bottom:35px;background-size:cover}.languages{position:relative}.languages .trait{position:absolute;left:calc(50% - 500px);top:50px;width:1000px;height:1px;background-color:#fff;display:block}.languages .trait:after,.languages .trait:before{position:absolute;top:-7px;display:block;content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fff}.languages .trait:before{left:0}.languages .trait:after{right:0;border-left:none;border-right:7px solid #fff}.page-corners{opacity:.3;pointer-events:none}.page-corners,.page-corners .borders,.page-corners .corners{position:absolute;top:0;left:0;width:100%;height:100%}.page-corners .borders>i,.page-corners .corners>i{display:block;position:absolute}.page-corners .corners>i{width:.5vw;height:.5vw;transform:rotate(45deg);background-color:#fff;-webkit-animation-name:kf-corners;animation-name:kf-corners;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:6s;animation-duration:6s}.page-corners .corners>i:first-child{top:-.25vw;left:-.25vw}.page-corners .corners>i:nth-child(2){top:-.25vw;right:-.25vw}.page-corners .corners>i:nth-child(3){bottom:-.25vw;right:-.25vw}.page-corners .corners>i:nth-child(4){bottom:-.25vw;left:-.25vw}@-webkit-keyframes kf-corners{0%{transform:rotate(-90deg) scale(0)}to{transform:rotate(45deg) scale(1)}}@keyframes kf-corners{0%{transform:rotate(-90deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.page-corners .borders>i{background-color:#fff;-webkit-animation-name:kf-entree;animation-name:kf-entree;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:5s;animation-duration:5s}.page-corners .borders>i:first-child{top:0;left:.7vw;right:.7vw;height:1px}.page-corners .borders>i:nth-child(2){top:.7vw;bottom:.7vw;right:-1px;width:1px}.page-corners .borders>i:nth-child(3){bottom:-1px;height:1px;left:.7vw;right:.7vw}.page-corners .borders>i:nth-child(4){left:0;width:1px;top:.7vw;bottom:.7vw}@-webkit-keyframes kf-entree{0%{transform:scaleX(.1) scaleY(.1)}to{transform:scaleX(1) scaleY(1)}}@keyframes kf-entree{0%{transform:scaleX(.1) scaleY(.1)}to{transform:scaleX(1) scaleY(1)}}.page-langues{--page-w:1720px;--page-h:880px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.page-langues h1,.page-langues h2{line-height:1.5;margin:0;font-weight:400;max-width:70%;margin-left:auto;margin-right:auto}.page-langues h2{font-size:80px;line-height:1}.page-langues h1{font-size:117px}.page-langues .languages{margin-top:3vw}.page-concept{--page-w:1570px;--page-h:900px}.page-concept h1{text-align:center;font-size:80px;margin-bottom:0;margin-top:20px}.page-concept hr{border:none;border-top:2px solid #fff;margin-bottom:50px;margin-top:25px}.page-concept>div{display:flex;justify-content:space-between}.page-concept>div>p{width:480px}.page-evolution .images{position:absolute;top:95px;left:210px;width:1500px;height:815px}.page-evolution .images>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all 1s;opacity:0;filter:saturate(1.2)}.page-evolution .images>.active{opacity:1;filter:saturate(1)}.page-evolution .nav{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;top:875px}.page-evolution .nav:before{content:"";position:absolute;top:50%;left:0;width:100%;border-top:1px solid #fff}.page-evolution .nav>a{display:flex;justify-content:center;align-items:center;background-color:#c2ad43;color:#fff;filter:brightness(.4);font-family:var(--typo-metamorphous);text-align:center;text-decoration:none;margin:30px;font-size:24px;width:130px;height:50px;flex-grow:0;flex-shrink:0}.page-evolution .nav>a.active{filter:brightness(1)}