#main-scene{width:100%;height:100%;min-height:-moz-available;min-height:-webkit-fill-available;min-height:fill-available;position:fixed!important;top:0;left:0;animation-duration:800ms;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-name:opacity}#main-scene .loup{position:absolute;text-align:left;left:-10vh;bottom:0;margin:0 0 -12% -14%;min-width:200vmin;width:150vmax;max-width:360vmin;transform:scale(1) translateX(-30%) translateY(70%);transform-origin:bottom left;transition:transform 750ms ease-in-out}#main-scene .rocher{width:50%;padding-top:21%;background:url(/../img/theme/loup-rocher.svg) no-repeat;background-size:contain}.active #main-scene .loup{transform:scale(.65)}#main-scene .base{position:absolute;left:21%;bottom:61%;width:20%;text-align:left}#main-scene .base>div{position:relative;width:100%;padding-top:80.55%}#main-scene .base .corps{position:absolute;left:0;bottom:0;background:url(/../img/theme/loup-corps.svg) no-repeat;width:100%;height:100%}#main-scene .base .cou{position:absolute;left:61.8%;bottom:71%;background:url(/../img/theme/loup-cou.svg) no-repeat;width:35.6%;height:62.69%}#main-scene .base .tete{position:absolute;left:32%;bottom:68%;background:url(/../img/theme/loup-tete.svg) no-repeat;width:74.46%;height:79%}#main-scene .base .oreille{position:absolute;left:-36%;bottom:23%;background:url(/../img/theme/loup-oreille.svg) no-repeat;width:60.95%;height:29.11%}#main-scene .base .machoire{position:absolute;left:88%;bottom:49%;background:url(/../img/theme/loup-machoire.svg) no-repeat;width:20%;height:35.44%}#main-scene .base .corps>div,#main-scene .base .cou>div,#main-scene .base .tete>div{position:relative;width:100%;height:100%}#main-scene .base .cou{transform-origin:0 55%;animation:loup-cou 20s ease-in-out infinite}#main-scene .base .tete{transform-origin:49% 56%;animation:loup-tete 20s ease-in-out infinite}#main-scene .base .oreille{transform-origin:85% 20%;animation:loup-oreille 20s ease-in-out infinite}#main-scene .base .machoire{transform-origin:0 100%;animation:loup-machoire 20s ease-in-out infinite}@keyframes loup-cou{0%{transform:rotate(35deg)}3%{transform:rotate(35deg)}6%{transform:rotate(40deg)}10%{transform:rotate(40deg)}13%{transform:rotate(50deg)}18%{transform:rotate(50deg)}23%{transform:rotate(35deg)}35%{transform:rotate(35deg)}40%{transform:rotate(0deg)}50%{transform:rotate(0deg)}65%{transform:rotate(35deg)}75%{transform:rotate(40deg)}85%{transform:rotate(40deg)}87%{transform:rotate(20deg)}91%{transform:rotate(35deg)}100%{transform:rotate(35deg)}}@keyframes loup-tete{0%{transform:rotate(40deg)}3%{transform:rotate(40deg)}6%{transform:rotate(45deg)}10%{transform:rotate(45deg)}13%{transform:rotate(65deg)}17%{transform:rotate(65deg)}20%{transform:rotate(45deg)}35%{transform:rotate(45deg)}40%{transform:rotate(0deg)}55%{transform:rotate(0deg)}65%{transform:rotate(45deg)}85%{transform:rotate(35deg)}87%{transform:rotate(15deg)}91%{transform:rotate(40deg)}100%{transform:rotate(40deg)}}@keyframes loup-oreille{0%{transform:rotate(0deg)}3%{transform:rotate(0deg)}6%{transform:rotate(20deg)}10%{transform:rotate(20deg)}13%{transform:rotate(0deg)}18%{transform:rotate(0deg)}22%{transform:rotate(20deg)}27%{transform:rotate(20deg)}30%{transform:rotate(0deg)}35%{transform:rotate(0deg)}38%{transform:rotate(-20deg)}60%{transform:rotate(-20deg)}63%{transform:rotate(10deg)}66%{transform:rotate(20deg)}77%{transform:rotate(20deg)}80%{transform:rotate(0deg)}85%{transform:rotate(0deg)}86%{transform:rotate(-20deg)}87%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@keyframes loup-machoire{0%{transform:rotate(-12deg) translate(0,-30%)}4%{transform:rotate(-12deg) translate(0,-30%)}6%{transform:rotate(-10deg) translate(0,-25%)}10%{transform:rotate(-10deg) translate(0,-25%)}12%{transform:rotate(-12deg) translate(0,-30%)}27%{transform:rotate(-12deg) translate(0,-30%)}30%{transform:rotate(-10deg) translate(0,-25%)}35%{transform:rotate(-10deg) translate(0,-25%)}40%{transform:rotate(0deg) translate(0,0)}55%{transform:rotate(0deg) translate(0,0)}60%{transform:rotate(-12deg) translate(0,-30%)}85%{transform:rotate(-12deg) translate(0,-30%)}86%{transform:rotate(0deg) translate(0,0)}87%{transform:rotate(-12deg) translate(0,-30%)}100%{transform:rotate(-12deg) translate(0,-30%)}}#background .logo{position:absolute;left:0;top:22vh;transform:translateY(80vh);width:100%;text-align:center;opacity:0;transition:transform 1750ms ease-in-out,opacity 1750ms ease-in-out}body.page-accueil #background .logo{transform:translateY(0);opacity:1}#page-accueil{flex-direction:column}#page-accueil .logo{display:flex;justify-content:center;align-items:end;width:100%;height:35%;margin-bottom:5vh;padding-bottom:10px;overflow:hidden}#page-accueil .logo>.inner{display:flex;justify-content:center;height:70px;transform-origin:bottom center;filter:drop-shadow(-4px 4px 3px rgba(0,0,0,.3));transform:scale(1.2)}#page-accueil .logo>.inner>*{height:100%}#page-accueil .logo>.inner .left{margin-right:12px}#page-accueil .logo>.inner .left .img{display:block;width:auto;height:100%}#page-accueil .logo>.inner .right{display:flex;flex-direction:column;justify-content:space-between}#page-accueil .logo>.inner .right .title{display:block;width:auto;height:68%}#page-accueil .logo>.inner .right .slogan{display:inline-block;color:#FFF;font-size:18.7px;user-select:none}#home-slider{position:relative;flex-grow:1;display:flex;justify-content:center;align-items:start;width:100%}#home-slider>li{display:block;position:absolute;text-align:center;pointer-events:none}#home-slider>li>*{opacity:0;animation-delay:0s;animation-duration:0.5s;animation-iteration-count:1;animation-direction:reverse;animation-fill-mode:backwards;animation-timing-function:ease-in-out;animation-name:transition-droite}#home-slider>li>h2{padding:0 20vw;font-size:44pt;line-height:1.4em;text-transform:uppercase;font-weight:700;text-shadow:3px 3px 8px rgba(0,0,0,.4)}#home-slider>li>h3{padding:0 20vw;animation-delay:0.2s;font-size:22pt;line-height:1.4em;text-shadow:2px 2px 5px rgba(0,0,0,.4);color:rgba(255,255,255,.75)}#home-slider>li.active{pointer-events:auto}#home-slider>li.active>*{opacity:1;animation-duration:0.5s;animation-direction:normal;animation-name:transition-gauche}#home-slider>li.active>h2{animation-delay:0.8s}#home-slider>li.active>h3{animation-delay:1.1s}#home-slider:not(.ready)>li:not(.active){opacity:0!important}#home-slider:not(.ready)>li.active>h2{animation-delay:0s}#home-slider:not(.ready)>li.active>h3{animation-delay:0.2s}@media (max-width:1500px){#home-slider>li>h2{padding:0 15vw;font-size:34pt;line-height:1.4em}#home-slider>li>h3{padding:0 15vw;font-size:16pt;line-height:1.4em}#page-accueil .logo>.inner{transform:scale(.9)}}@media (max-width:1000px){#home-slider>li>h2{padding:0 8vw;font-size:28pt;line-height:1.4em}#home-slider>li>h3{padding:0 8vw;font-size:13pt;line-height:1.4em}#page-accueil .logo>.inner{transform:scale(.8)}}@media (max-width:700px){#home-slider>li>h2{padding:0 3vw;font-size:19pt;line-height:1.4em}#home-slider>li>h3{padding:0 3vw;font-size:12pt;line-height:1.4em}#page-accueil .logo>.inner{transform:scale(.7)}}