@import"assets/css/base.min.css";@import"https://use.typekit.net/mqg8dlu.css";html,body{overflow-x:hidden}html{scroll-behavior:smooth;font-size:62.5%}body{background:#fff;font-family:"sofia-pro",Arial,sans-serif;font-size:1.6rem;font-weight:400;color:#233853}a{color:inherit;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:inherit;text-decoration:none}img{max-width:none}#container{width:100%;height:100%}@keyframes startDown{0%{opacity:0;top:0}}@keyframes startUp{0%{opacity:0;bottom:-100px}}@keyframes startRight{0%{opacity:0;right:-100px}}@keyframes startFade{0%{opacity:0}}@keyframes startFont{0%{color:#233853}}@keyframes foretsMove{0%{transform:skew(0deg)}33%{transform:skew(4deg, 0deg)}66%{transform:skew(-2deg, 0deg)}100%{transform:skew(0deg, 0deg)}}@keyframes bichesMove{0%{transform:translateX(0)}100%{transform:translateX(-100px) scaleX(0.8)}}header{padding-top:24px;background:#233853;color:#fff}@media only screen and (min-width: 1025px){header{padding-top:70px}}header #frame{position:relative;margin:0 auto;padding:40px 60px 0;width:90%;max-width:1440px;border-top:1.2vw solid #fff;border-left:1.2vw solid #fff;border-right:1.2vw solid #fff;border-radius:60px 60px 0 0;transition:padding .4s ease-in-out}@media only screen and (max-width: 1024px){header #frame{padding:40px 10px 0;text-align:center}}@media only screen and (min-width: 769px){header #frame{border-radius:85px 85px 0 0}}@media only screen and (min-width: 1025px){header #frame{border-top:12px solid #fff;border-left:12px solid #fff;border-right:12px solid #fff}}@media only screen and (min-width: 1025px){header #sticky.active{position:fixed;z-index:99;top:0;left:0;right:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header #sticky.active::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(35,56,83,.4);filter:saturate(2.3)}header #sticky.active #navbar{max-width:1440px;margin:0 auto;padding:4px 10%}}header #navbar{position:relative;z-index:1}@media only screen and (min-width: 1025px){header #navbar{display:grid;grid-template-columns:50px auto 100px;gap:20px;align-items:center}}header #navbar nav{text-align:center;font-family:"sofia-pro",Arial,sans-serif;font-weight:600;font-size:1.6rem}header #navbar nav li{display:inline-block;list-style:none;margin:0 11px}header #navbar nav a:hover,header #navbar nav a:active,header #navbar nav a:focus{color:#fa6682}header #navbar #btn-content{position:relative}header #navbar #btn-content #btn{display:block;padding:6px 24px;border:1px solid #fff;border-radius:74px;text-align:center;font-family:"canada-type-gibson",Arial,sans-serif;font-weight:500;font-size:1.9rem}header #navbar #btn-content #btn:hover,header #navbar #btn-content #btn:active{background:#fa6682;border:1px solid #fa6682}header #navbar #btn-content #btn.active{background:#fa6682}header #navbar #btn-content #message{position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);transform-style:preserve-3d;width:200px;padding:10px 14px 12px;background:#6da1bd;border-radius:20px;animation:startUp .6s ease-in-out,bounce 2s ease-in-out 1s infinite,fadeOut 1s linear 10s forwards;text-align:center;line-height:1.2}header #navbar #btn-content #message::before{content:url("assets/img/message-triangle.svg");position:absolute;top:-10px;left:50%;display:block;width:32px;height:27px;transform:translateZ(-1px) translateX(-50%);animation:fadeOut 1s linear 10s forwards}header #navbar #btn-content #message.hidden{display:none}@keyframes bounce{0%{transform:translateX(-50%) translateY(0px)}60%{transform:translateX(-50%) translateY(0px)}70%{transform:translateX(-50%) translateY(10px)}80%{transform:translateX(-50%) translateY(0px)}90%{transform:translateX(-50%) translateY(10px)}100%{transform:translateX(-50%) translateY(0px)}}@media only screen and (max-width: 1024px){header #navbar #btn-content #message{bottom:-60px;width:140px;padding:6px 10px 8px;border-radius:14px;font-size:1.1rem;animation:startUp .6s ease-in-out,bounce 2s ease-in-out 1s infinite,fadeOut 1s linear 5s forwards}header #navbar #btn-content #message::before{animation:fadeOut 1s linear 5s forwards}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@media only screen and (max-width: 1024px){header #navbar nav{display:none}header #navbar #btn-content{display:block;max-width:90px;margin:20px auto 0}}header #voeux{text-align:center;transition:padding .4s ease-in-out;padding:200px 0 244px}@media only screen and (max-width: 1024px){header #voeux{padding:200px 0 160px}}@media only screen and (max-width: 768px){header #voeux{padding:200px 0 120px}}header #voeux h1{font-family:"sofia-pro",Arial,sans-serif;font-weight:200;font-size:clamp(2.4rem,5vw,5.5rem);animation:startFont 1s ease-in-out}header #voeux div{font-family:"canada-type-gibson",Arial,sans-serif;font-weight:500;font-size:clamp(2rem,26vw,39rem);line-height:.9;animation:startFont 2s ease-in-out}header #ciel{position:absolute;inset:0}header #ciel *{position:absolute;transition:all .3s ease-in-out}header #ciel #lune-pointer-position{bottom:0;left:clamp(-300px,-40%,-400px)}header #ciel #lune-pointer-axe{bottom:-150px;left:50%}header #ciel #lune-box{top:var(--luneBoxTop);left:var(--luneBoxLeft);width:var(--largeurLuneBox);height:var(--hauteurLuneBox);animation:revolution 40s linear infinite;text-align:left}@media only screen and (max-width: 1024px){header #ciel #lune-box{animation:revolutionTablet 10s linear infinite}}@keyframes revolution{0%{transform:rotate(0deg)}99%{opacity:1;transform:rotate(180deg)}99.1%{opacity:0}99.9%{opacity:0}100%{opacity:1;transform:rotate(360deg)}}@keyframes revolutionTablet{0%{transform:rotate(0deg)}1%{transform:rotate(40deg)}99%{transform:rotate(120deg)}100%{transform:rotate(360deg)}}header #ciel #lune{width:clamp(40px,9vw,120px);animation:againstRevolution 40s linear infinite}@media only screen and (max-width: 1024px){header #ciel #lune{animation:againstRevolutionTablet 10s linear infinite}}@keyframes againstRevolution{0%{transform:rotate(0deg)}99%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@keyframes againstRevolutionTablet{0%{transform:rotate(0deg)}1%{transform:rotate(-40deg)}99%{transform:rotate(-120deg)}100%{transform:rotate(-360deg)}}header #ciel #etoile1{top:clamp(240px,40vw,570px);left:6%;width:clamp(20px,4vw,46px);animation:scintillement 5s linear infinite,startDown .4s ease-in-out}header #ciel #etoile2{top:clamp(218px,38vw,526px);left:18%;width:clamp(12px,2vw,27px);animation:scintillement 10s linear infinite,startDown .4s ease-in-out}header #ciel #etoile3{top:clamp(48px,11vw,160px);left:24%;width:clamp(18px,3.5vw,40px);animation:scintillement 6s linear infinite,startDown .4s ease-in-out}header #ciel #etoile4{top:clamp(150px,24vw,210px);left:62%;width:clamp(20px,4vw,28px);animation:scintillement 3s linear infinite,startDown .4s ease-in-out}header #ciel #etoile5{top:clamp(70px,25vw,390px);left:86%;width:clamp(12px,4vw,46px);animation:scintillement 8s linear infinite,startDown .4s ease-in-out}header #ciel #etoile6{top:clamp(280px,50vw,680px);left:90%;width:clamp(10px,1.6vw,22px);animation:scintillement 4s linear infinite,startDown .4s ease-in-out}@keyframes scintillement{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(0.5)}100%{transform:rotate(360deg) scale(1)}}header #terrain{position:relative;top:0;left:0;right:0}header #terrain *{position:absolute}header #terrain #neige{transform-origin:bottom center;bottom:clamp(-24px,-1.5vw,-5px);transform:translateX(-50%);left:50%;width:110vw;max-height:54px;transition:none}header #terrain #foret1{bottom:0;left:clamp(-50px,50% - 400px,10%);width:clamp(200px,40vw,594px);transform-origin:center bottom;animation:foretsMove 10s linear alternate infinite,startUp .6s ease-in-out}header #terrain #maison{bottom:0;right:-140px;width:clamp(200px,44vw,700px);animation:startUp .4s ease-in-out}header #terrain #biches{bottom:0;right:46px;width:clamp(60px,10vw,145px);transition:right .8s ease-in-out;animation:bichesMove 20s linear alternate infinite,startRight .3s ease-in-out}@media only screen and (max-width: 1024px){header #terrain #biches{right:45%}}main section{position:relative;background:#fdf6ec;background:linear-gradient(180deg, #FDF6EC 0%, #FAE9D0 10%, #FAE9D0 50%, #FFF 100%);height:800px}@media only screen and (max-width: 1024px){main section{height:600px}}@media only screen and (max-width: 768px){main section{height:400px}}main section *{position:absolute}main section div{z-index:0;transform-origin:bottom center;bottom:0;padding-top:clamp(15px,4.6vw,37px);transition:padding-top .2s ease-in-out}main section div #pont{position:relative;width:100vw;max-height:613px}@media only screen and (min-width: 1611px){main section div #pont{background:url("assets/img/pont-background.svg") repeat-x}}main section div #train1{transform-origin:bottom left;top:0;left:-100vw;height:clamp(16px,5vw,42px);animation:animtrain 4s linear 2s infinite}@keyframes animtrain{0%{left:-100vw}100%{left:100vw}}main section div #foret2{transform-origin:bottom center;bottom:0;left:-10%;width:clamp(240px,50vw,692px);transition:width .2s ease-in-out,left .3s ease-in-out;animation:foretsMove 10s linear 2s alternate infinite,startUp 1s ease-in-out}@media only screen and (max-width: 768px){main section div #foret2{z-index:-1}}main section div #foret3{transform-origin:bottom center;bottom:0;right:-10%;width:clamp(240px,50vw,692px);transition:width .2s ease-in-out,left .3s ease-in-out;animation:foretsMove 10s linear 4s alternate infinite,startUp 1s ease-in-out}@media only screen and (max-width: 768px){main section div #foret3{z-index:-1}}main article{padding:300px 0 400px;text-align:center}main article #voyageur{position:relative;width:56px;height:70px;margin:0 auto}main article #voyageur::before{content:"";position:relative;width:56px;height:70px;animation:walk 1s linear infinite}@keyframes walk{0%{content:url("assets/img/voyageur9.svg")}11%{content:url("assets/img/voyageur1.svg")}22%{content:url("assets/img/voyageur2.svg")}33%{content:url("assets/img/voyageur3.svg")}44%{content:url("assets/img/voyageur4.svg")}55%{content:url("assets/img/voyageur5.svg")}66%{content:url("assets/img/voyageur6.svg")}77%{content:url("assets/img/voyageur7.svg")}88%{content:url("assets/img/voyageur8.svg")}100%{content:url("assets/img/voyageur9.svg")}}main article h2{margin:20px 0 30px;font-family:"sofia-pro",Arial,sans-serif;font-size:clamp(3rem,4vw,4rem);font-weight:200}main article h2 strong{font-weight:200;color:#fa6682}main article h2 span{display:inline-block;transform-origin:center bottom;animation:letters 10s ease infinite}main article h2 span:nth-child(3),main article h2 span:nth-child(4){color:#fa6682}main article h2 span:nth-child(1){animation-delay:0s}main article h2 span:nth-child(2){animation-delay:.1s}main article h2 span:nth-child(3){animation-delay:.2s}main article h2 span:nth-child(4){animation-delay:.3s}@keyframes letters{0%{transform:scale(1)}2%{transform:scale(1.2)}4%{transform:scale(1)}}main article a{display:block;margin-top:4px;font-size:24px;font-weight:200}footer{position:relative;padding-bottom:12px;border-bottom:70px solid #c8dbe1;text-align:center}@media only screen and (max-width: 1610px){footer{padding-bottom:72px}}footer ul{display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:70px;column-gap:70px;row-gap:10px;margin:0 auto}footer ul li{display:inline-block;margin:0;list-style:none}footer ul img{margin-right:10px;vertical-align:sub}footer ul a{text-decoration:underline}footer #biches2{position:absolute;z-index:-1;bottom:-2px;right:10%;animation:bichesMove 20s linear alternate infinite,startRight .3s ease-in-out}footer #music{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%)}#flocons{opacity:1;position:fixed;z-index:10;inset:0;pointer-events:none}.flocon{position:absolute;top:-50px;width:10px;height:10px;background:#fff;border-radius:100%}/*# sourceMappingURL=styles.css.map */