*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit;scroll-behavior:smooth !important}html{font-family:Verdana,sans-serif;font-size:1px;scroll-behavior:smooth !important}body{font-size:14rem;text-align:center;color:#fff8f1}h1,h2{font-family:"Courier New",monospace}h2{font-size:40rem}@media screen and (min-width: 768px){h2{font-size:60rem}}p{font-size:16rem}a:hover{text-decoration:underline;color:#fd373b}.feather{width:24rem;height:24rem;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none}.img-responsive{border-top-left-radius:inherit;border-top-right-radius:inherit;width:100%;height:auto}.content{position:relative}.content.page{background-color:#fff8f1;color:#182353;min-height:100vh;display:flex;flex-direction:column}.content.page header{z-index:1;position:fixed;top:0;left:0;right:0;height:64rem;background-color:#182353;display:flex;align-items:center}.content.page header .back-btn{display:flex;align-items:center;justify-content:center;background-color:#fd373b;height:100%;width:64rem}.content.page header .back-btn .feather{stroke-width:2}.content.page header .back-btn:hover{background-color:#fff8f1;color:#fd373b}.content.page header .back-btn:hover .feather{opacity:1;stroke:#182353}.content.page header p.tags{flex:2;font-family:"Courier New",monospace;font-weight:bold;display:flex;flex-wrap:wrap;margin:0;align-items:center;justify-content:flex-end;padding:0 20rem;color:#fff8f1}.content.page header p.tags span{text-transform:uppercase}.content.page header p.tags span a{text-decoration:none}.content.page header p.tags span:not(:last-child):after{content:"|";margin:0 10rem}.content.page .jaivu{position:relative;text-align:left;padding:0 20rem;padding-top:84rem;max-width:900px;margin:auto;text-align:left;margin-bottom:100rem}.content.page .jaivu .last-update{font-size:12rem;text-align:right;font-style:italic}.content.page .jaivu .filters{background-color:#182353;padding:10rem;margin-bottom:30rem;font-family:"Courier New",monospace;font-size:18rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.content.page .jaivu .filters .right-sort{display:flex;gap:5rem}.content.page .jaivu .filters .sort{padding:3rem;background:none;border:none;background-color:#fff8f1;cursor:pointer;display:flex;align-items:center;justify-content:center}.content.page .jaivu .filters .sort .feather{stroke-width:1.5rem;width:18rem;height:18rem}.content.page .jaivu .filters .sort.mixitup-control-active{background-color:#fd373b;color:#fff8f1;cursor:default}.content.page .jaivu .filters .filter{color:#fff8f1;font-weight:bold;text-decoration:none;margin-right:8rem;position:relative;border:none;background-color:rgba(0,0,0,0)}.content.page .jaivu .filters .filter:not(.mixitup-control-active):after{transform:scale(0);transform-origin:center;position:absolute;bottom:-3rem;left:0;right:0;content:"";height:2rem;background-color:#fff8f1;transition:transform 300ms}.content.page .jaivu .filters .filter:not(.mixitup-control-active):hover{cursor:pointer}.content.page .jaivu .filters .filter:not(.mixitup-control-active):hover:after{transform:scale(1)}.content.page .jaivu .filters .filter.mixitup-control-active{color:#fd373b;position:relative}.content.page .jaivu .filters .filter.mixitup-control-active:hover{background-color:rgba(0,0,0,0);cursor:default}.content.page .jaivu .filters .filter.mixitup-control-active:after{position:absolute;bottom:-1rem;left:0;right:0;content:"";height:2rem;background-color:#fd373b}.content.page .jaivu .filters .filter .nb-element{font-size:10rem}.content.page .jaivu .jaivu-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10rem}.content.page .jaivu .jaivu-list .jaivu-element{position:relative;max-width:120rem}.content.page .jaivu .jaivu-list .jaivu-element:hover{opacity:.8}.content.page .jaivu .jaivu-list .jaivu-element .rating{position:absolute;top:-10rem;right:-5rem;background-color:#182353;display:flex;justify-content:center;align-items:center;font-size:16rem;color:#fff8f1;width:30rem;height:30rem;border-radius:50%}.content.page .jaivu .mixitup-page-list{text-align:center;margin-top:30rem;background:#182353;padding:10rem}.content.page .jaivu .mixitup-page-list.mixitup-page-list-disabled{display:none}.content.page .jaivu .mixitup-page-list .mixitup-control{margin:0 2rem;padding:5rem 8rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;color:#fff8f1}.content.page .jaivu .mixitup-page-list .mixitup-control:hover{color:#fd373b}.content.page .jaivu .mixitup-page-list .mixitup-control.mixitup-control-active{background:#fd373b;color:#fff8f1;cursor:default;border-radius:2rem}.content.page .jaivu .mixitup-page-list .mixitup-control.mixitup-control-disabled,.content.page .jaivu .mixitup-page-list .mixitup-control.mixitup-control-truncation-marker{cursor:default;color:#fff8f1}.content.page .jaivu .mixitup-page-list .mixitup-control.mixitup-control-disabled{opacity:.5}.content.page .post{position:relative;text-align:left;padding:0 20rem;padding-top:84rem;max-width:900px;margin:auto;text-align:left;margin-bottom:100rem}.content.page .post h1{margin-bottom:50rem;font-size:40rem;overflow-wrap:break-word;hyphens:manual}.content.page .post h2{margin-bottom:30rem;font-size:45rem}.content.page .post h3{margin-bottom:30rem;font-size:25rem;font-weight:normal}.content.page .post p{margin-bottom:30rem}.content.page .post .info{color:#fff8f1;background-color:#182353;border-radius:2rem;margin-bottom:50rem}.content.page .post .info .info-container{padding:20rem}.content.page .post .info .pictos{margin-bottom:10rem;display:flex;align-items:center;justify-content:space-around}.content.page .post .info .pictos .picto{color:#fff8f1;font-weight:bold;display:flex;align-items:center}.content.page .post .info .pictos .picto .feather{color:#fd373b;margin-right:5rem;width:30rem;height:30rem}.content.page .post .info .quote{font-size:14rem;font-style:italic;padding-left:40rem;margin:0;position:relative}.content.page .post .info .quote:before{opacity:.5;content:url(/assets/images/quotes.svg);width:35rem;position:absolute;left:-5rem}.content.page .post #code{position:relative;margin:auto;max-width:600rem;width:100%}.content.page .post #settings{position:relative;padding:20rem;display:flex;flex-wrap:wrap}.content.page .post #settings span{width:100%}@media screen and (min-width: 600px){.content.page .post #settings span{width:30%}}.content.page .post #settings input{display:block;margin:0 auto 10rem;width:100%}@media screen and (min-width: 600px){.content.page .post #settings input{width:70%}}.content.page .post .plyr.plyr--audio .plyr__control:hover{background:#fff8f1}.content.page .post .plyr .plyr__controls{color:#fff8f1;background-color:#182353;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:5rem;margin-bottom:20rem}.content.page .post .plyr .plyr__controls svg{fill:#fd373b}.content.page .post video{max-width:100%}.content.page .gallery-video video{padding:10rem}.content.page .gallery-video.flex{display:flex;flex-wrap:wrap}.content.page .gallery-video.flex video{width:100%}@media screen and (min-width: 600px){.content.page .gallery-video.demi video{width:50%}}.content.page .gallery{margin-bottom:50rem}.content.page .gallery a{padding:10rem}.content.page .gallery.flex{display:flex;flex-wrap:wrap}.content.page .gallery.flex a{width:100%}.content.page .gallery.flex a.demi{width:100%}@media screen and (min-width: 600px){.content.page .gallery.flex a.demi{width:50% !important}}.content.page .gallery.flex a.third{width:100%}@media screen and (min-width: 768px){.content.page .gallery.flex a.third{width:33.3333333% !important}}@media screen and (min-width: 600px)and (max-width: 768px){.content.page .gallery.flex a.third{width:50% !important}}.content.page .video,.content.page .audio{margin-bottom:50rem}.content.page .nouvelle{max-width:600px}.content.page .nouvelle p.text-content{font-size:18rem;line-height:30rem;margin-bottom:30rem;text-align:justify}.content.page .nouvelle p.text-content.center{text-align:center}.content.page .nouvelle p.text-content:not(.empty):first-of-type{margin-top:40rem}.content.page .nouvelle p.text-content:not(.empty):first-of-type::first-letter{margin-right:2rem;font-family:"Courier New",monospace;font-weight:bold;font-size:300%}.content.page .nouvelle p.text-content:last-of-type{margin-bottom:100rem}.content.page .nouvelle p.text-content:last-of-type::after{content:url(/assets/images/divider.svg);position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);width:50rem}.menu{position:fixed;z-index:100;top:auto;bottom:0;height:64rem;left:0;right:0;background-color:#fd373b;color:#fff8f1;display:flex;justify-content:space-evenly;align-items:center}.menu>p{margin:10rem;text-transform:uppercase;font-family:"Courier New",monospace;font-weight:bold;font-size:18rem;flex:1}.menu>p a{text-decoration:none;display:flex;align-items:center;justify-content:center}.menu>p a:hover{color:#fff8f1;position:relative;opacity:.6}.menu>p a svg{margin-right:5rem;max-height:35rem;max-width:35rem;stroke-width:2}.menu>p a span{white-space:nowrap}@media screen and (min-width: 768px){.menu{width:120rem;top:0;bottom:0;left:0;height:auto;right:auto;flex-direction:column;justify-content:center}.menu>p{flex:initial;margin:10rem 0;width:100%;padding:5rem 15rem}.menu>p a{flex-direction:column}.menu>p a svg{margin-bottom:5rem;margin-right:0}}#to-top{display:none;position:fixed;bottom:80rem;right:20rem;background-color:#182353;padding:5rem 5rem 2rem;border-radius:3rem;border-width:2rem;cursor:pointer}#to-top:hover{background-color:#fd373b}#to-top .feather{stroke-width:2}@media screen and (min-width: 768px){#to-top{bottom:20rem}}#intro,#travaux,#end{min-height:55vh}@media screen and (min-width: 768px){#intro,#travaux,#end{padding-left:120rem;min-height:88vh}}@media screen and (max-width: 600px){#intro,#travaux,#end{min-height:36vh}}#end{min-height:80vh}#travaux,#end{display:flex;justify-content:center;align-items:center}#intro{background-color:#182353}#intro .intro-thing{overflow:hidden;height:55vh;position:relative}@media screen and (min-width: 768px){#intro .intro-thing{height:88vh}}@media screen and (max-width: 600px){#intro .intro-thing{height:36vh}}#intro .intro-thing .img-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;transform:translateY(calc(var(--scrollPos, 0) * var(--offset, 0)))}@media screen and (min-width: 768px){#intro .intro-thing .img-wrapper{height:100%}}#intro .intro-thing .img-wrapper img,#intro .intro-thing .img-wrapper h1{font-size:40rem;line-height:.8;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;display:flex;flex-direction:column}@media screen and (min-width: 768px){#intro .intro-thing .img-wrapper img,#intro .intro-thing .img-wrapper h1{font-size:60rem;line-height:normal}}#intro .intro-thing .img-wrapper h1{text-shadow:2rem 2rem 8rem #182353;height:100%;margin:0;padding:150rem;display:flex;justify-content:center}#intro .intro-thing svg.divider{min-width:1000rem;position:absolute;bottom:-3px;left:0;right:0;fill:#182353}#travaux{display:block;padding-top:50rem;padding-bottom:50rem;background-color:#182353}#travaux h2{margin-bottom:20rem;margin-top:0}@media screen and (min-width: 768px){#travaux h2{margin-top:20rem}}#travaux .filters{padding:10rem 10rem;color:#fff8f1;font-family:"Courier New",monospace;font-size:16rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#travaux .filters .filter{font-weight:bold;text-decoration:none;margin-right:8rem;margin-top:8rem;position:relative;border:none;background-color:rgba(0,0,0,0)}#travaux .filters .filter:not(.mixitup-control-active):after{transform:scale(0);transform-origin:center;position:absolute;bottom:-3rem;left:0;right:0;content:"";height:2rem;background-color:#fff8f1;transition:transform 300ms}#travaux .filters .filter:not(.mixitup-control-active):hover{cursor:pointer}#travaux .filters .filter:not(.mixitup-control-active):hover:after{transform:scale(1)}#travaux .filters .filter.mixitup-control-active{color:#fd373b;position:relative}#travaux .filters .filter.mixitup-control-active:hover{background-color:rgba(0,0,0,0);cursor:default}#travaux .filters .filter.mixitup-control-active:after{position:absolute;bottom:-1rem;left:0;right:0;content:"";height:2rem;background-color:#fd373b}@media screen and (min-width: 768px){#travaux .filters{font-size:20rem}#travaux .filters .filter{margin-right:8rem;margin-top:8rem;padding:3rem 5rem}#travaux .filters .filter.mixitup-control-active:after{bottom:-3rem}}#travaux .tiles{display:flex;align-items:stretch;flex-wrap:wrap;padding:20rem 8rem}#travaux .tiles .tile{text-align:left;width:100%;color:#182353;padding:20rem}#travaux .tiles .tile .tile-content{position:relative;border-radius:20rem;transition:all ease .2s;background-color:#fff8f1;display:flex;flex-direction:column;height:100%;overflow:hidden}#travaux .tiles .tile .tile-content>a{position:relative}#travaux .tiles .tile .tile-content>a:after{content:"";display:block;padding-bottom:100%}#travaux .tiles .tile .tile-content>a>img{position:absolute;width:100%;height:100%;object-fit:cover}#travaux .tiles .tile .tile-content:hover{box-shadow:20rem 20rem 0 -3rem #fd373b,20rem 20rem 0 0 #fd373b}#travaux .tiles .tile .tile-content:hover>a>img{filter:none}#travaux .tiles .tile .tile-content .bloc-text{padding:16rem}#travaux .tiles .tile .tile-content .bloc-text a,#travaux .tiles .tile .tile-content .bloc-text button{text-decoration:none}#travaux .tiles .tile .tile-content .bloc-text a:hover,#travaux .tiles .tile .tile-content .bloc-text button:hover{cursor:pointer;text-decoration:underline}#travaux .tiles .tile .tile-content .bloc-text h3{font-size:20rem;margin:5rem 0}#travaux .tiles .tile .tile-content .bloc-text .tags{color:#fd373b;margin:0 0 10rem;font-family:"Courier New",monospace;font-size:14rem}#travaux .tiles .tile .tile-content .bloc-text .tags span button{text-transform:uppercase;font-weight:bold;border:none;background-color:rgba(0,0,0,0)}#travaux .tiles .tile .tile-content .bloc-text .tags span:not(:last-child):after{content:"|";color:#182353;margin:0 3rem}@media screen and (min-width: 1300px){#travaux .tiles .tile{width:25%}}@media screen and (min-width: 992px)and (max-width: 1300px){#travaux .tiles .tile{width:33.3333%}}@media screen and (min-width: 768px)and (max-width: 992px){#travaux .tiles .tile{width:50%}}@media screen and (min-width: 768px){#travaux .tiles{padding-left:20rem;padding-right:20rem}}#travaux .mixitup-page-list{margin-top:15rem;background:#fff8f1;display:inline-block;padding:10rem}#travaux .mixitup-page-list.mixitup-page-list-disabled{display:none}#travaux .mixitup-page-list .mixitup-control{margin:0 2rem;padding:5rem 8rem;background-color:rgba(0,0,0,0);border:none;cursor:pointer;color:#182353}#travaux .mixitup-page-list .mixitup-control:hover{color:#fd373b}#travaux .mixitup-page-list .mixitup-control.mixitup-control-active{background:#fd373b;color:#fff8f1;cursor:default;border-radius:2rem}#travaux .mixitup-page-list .mixitup-control.mixitup-control-disabled,#travaux .mixitup-page-list .mixitup-control.mixitup-control-truncation-marker{cursor:default;color:#182353}#travaux .mixitup-page-list .mixitup-control.mixitup-control-disabled{opacity:.3}#end{background-color:#fff8f1;color:#fff8f1;position:relative;overflow:hidden}#end h2{z-index:99;color:#182353}#end svg.divider{min-width:1000rem;position:absolute;top:0;fill:#182353}#end .floating{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;width:350rem;position:absolute;top:-20rem;left:50%;transform:translateX(-50%);transform-origin:top center;animation:floating-astronaut 8s ease-in-out infinite;opacity:.3}@media screen and (min-width: 768px){#end .floating{width:480rem}}@media screen and (max-width: 600px){#end .floating{width:250rem}}@keyframes floating-astronaut{0%{transform:rotate(-5deg) translateX(-50%);left:30%;top:-20rem}50%{transform:rotate(5deg) translateX(-50%);left:31%;top:-10rem}100%{transform:rotate(-5deg) translateX(-50%);left:30%;top:-20rem}}#footer{padding:20rem;font-family:"Courier New",monospace;background-color:#182353;color:#fff8f1}#footer p{margin:0}#footer.main{position:relative;margin-bottom:64rem}@media screen and (min-width: 768px){#footer.main{margin-bottom:0;padding-left:120rem}}#footer.main .contact{transform:rotate(-8deg);font-family:Verdana,sans-serif;display:flex;position:absolute;top:-40rem;left:calc(50% - 90rem);color:#fd373b}#footer.main .contact .feather{stroke-width:2;margin-top:7rem}#footer.main .contact p{font-weight:bold;font-size:18rem}