.bottom-right[data-v-61d1e9f2]{position:fixed;bottom:10px;right:10px;cursor:pointer;z-index:10}.fade-enter-active[data-v-61d1e9f2],.fade-leave-active[data-v-61d1e9f2]{transition:opacity .5s}.fade-enter[data-v-61d1e9f2],.fade-leave-to[data-v-61d1e9f2]{opacity:0}.overflow{overflow:hidden}.nav-open .main-menu{opacity:1;visibility:visible;background:#111}.main-menu{width:100%;height:100%;opacity:0;visibility:hidden}.main-menu li a{font-family:Heebo;font-weight:900;color:#fbfbfb;font-size:calc(4vw + 4vh)}.nav-button{position:relative;z-index:1111;height:42px;display:block;width:50px;padding-top:45px;right:-18px}.nav-button #nav-icon3{width:32px;height:22px;display:inline-block;position:fixed;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer}.nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#3283c9;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.nav-button #nav-icon3 span:first-child{top:0}#nav-icon3 span:nth-child(3),.nav-button #nav-icon3 span:nth-child(2){top:10px}.nav-button #nav-icon3 span:nth-child(4){top:20px}.nav-open #nav-icon3 span:first-child{top:9px;width:0;left:50%}.nav-open #nav-icon3 span:nth-child(2){transform:rotate(45deg)}.nav-open #nav-icon3 span:nth-child(3){transform:rotate(-45deg)}.nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}.flex-center{display:flex;justify-content:center;align-items:center;height:100%}.flex-center>ul{padding:3rem}.logo{position:fixed;z-index:1111;top:-30px}.chouette{right:0;width:12%;height:auto;position:absolute}@media screen and (max-width:1200px){.chouette{width:20%}}@media screen and (max-width:479px){.chouette{width:18%}}.main-menu .nav li{opacity:0;transform:translateY(-40px);-webkit-animation-timing-function:cubic-bezier(.45,.005,0,1);animation-timing-function:cubic-bezier(.45,.005,0,1)}.nav-open .main-menu .nav li{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}.main-menu .nav li.delay-1{transition-delay:.1s}.main-menu .nav li.delay-2{transition-delay:.2s}.main-menu .nav li.delay-3{transition-delay:.3s}.main-menu .nav li.delay-4{transition-delay:.4s}footer .titreFooter{margin-top:4vh;margin-bottom:2vh}.logoFacebook,.logoGitHub,.logoLinkedIn{padding:0 10px 0 10px}.logoFacebook img,.logoGitHub img,.logoLinkedIn img{width:10%}.copyright{margin-top:2vh}@media screen and (min-width:991px){.logoFacebook img,.logoGitHub img,.logoLinkedIn img{width:7%}}html{height:100%;font-size:62.5%;scroll-behavior:smooth}html body{margin:0;padding:0;background-color:#111;color:inherit}html body p{font-family:Heebo}html body a,html body p{color:#fbfbfb;font-size:2.5vmin}html body a{text-decoration:none}html body a:hover{text-decoration:none;color:#3283c9}html body a:hover h3:hover{color:#3283c9}html body a:hover p:hover{color:#3283c9}html body h2{font-size:calc(1.5vw + 1.5vh);margin-top:1vh}html body h2,html body h3{font-family:Heebo;font-weight:700;color:#fbfbfb}html body h3{font-size:calc(1vw + 1vh + 1vmin)}html body hr{border-top:3px solid #fbfbfb;margin-top:2vh;margin-bottom:3vh}header{height:100vh;min-height:350px;background:no-repeat 50% scroll;background-size:cover}header .titrePage{margin-top:50vh;transform:translateY(-50%);padding:0;bottom:unset;text-align:center;position:absolute;right:15%;left:15%;font-family:Heebo;font-weight:900;color:#fbfbfb;font-size:calc(3vw + 3vh);text-shadow:0 0 30px #3283c9,0 0 10px #3283c9;animation:titleTransition 1.25s ease;-webkit-animation:titleTransition 1.25s ease}header .boutonAccueil{font-family:Just Another Hand;font-size:calc(2vw + 2vh + 1vmin);border:3px solid #fbfbfb;padding:7px 25px 3px 25px}header .flecheScroll{text-align:center}header .flecheScroll .arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:20px;cursor:pointer}header .flecheScroll .arrows path{stroke:#fbfbfb;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}@-webkit-keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}header .flecheScroll .arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}header .flecheScroll .arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}header .flecheScroll .arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}@keyframes titleTransition{0%{opacity:0;font-size:calc(2vw + 2vh);text-shadow:0 0 20px #3283c9}to{opacity:1;font-size:calc(3vw + 3vh);text-shadow:0 0 30px #3283c9,0 0 10px #3283c9}}@-webkit-keyframes titleTransition{0%{opacity:0;font-size:calc(2vw + 2vh);text-shadow:0 0 20px #3283c9}to{opacity:1;font-size:calc(3vw + 3vh);text-shadow:0 0 30px #3283c9,0 0 10px #3283c9}}html body main .sectionMesTravaux{margin:2vh 0 2vh 0}html body main .titreProjetAccueil{margin-top:1rem}html body main .descriptifProjetAccueil{margin-bottom:2vh}html body main .monumentsBelfortMontbeliard .descriptifProjetAccueil,html body main .monumentsBelfortMontbeliard .descriptifProjetAccueil p{margin-bottom:0}html body main .hoverImage{overflow:hidden;background:#3283c9;padding:0;margin-right:15px;margin-left:15px}html body main .hoverImage img{transition:transform .5s ease;opacity:1;transition:.3s ease-in-out}html body main .hoverImage:hover img{transform:scale(1.1);opacity:.7}html body main .titreEnSavoirPlusAccueil,html body main .titreMeContacterAccueil{margin-bottom:3vh}@media screen and (max-width:991px){html body main .videoYoutube{height:400px}html body main .imageProgrammeur{display:none}}html body main .fondMeContacter{background:url(../img/do_something_great.b9956cd2.jpg) no-repeat 50%;background-size:cover;margin-top:1vh}html body main .fondMeContacter>div{padding-bottom:2vh;padding-top:4vh}html body main .boutonEnSavoirPlus,html body main .boutonEnvoyer,html body main .boutonMeContacter,html body main .boutonVoirSite,html body main .boutonVoirTousLesProjets{font-family:Just Another Hand;padding-right:40px;padding-left:0;border-style:none;background-image:url(../img/fleche.cb7d5f10.svg);background-position:100% 50%;background-size:30px;background-repeat:no-repeat;background-color:transparent;transition:padding .2s ease;color:#3283c9;line-height:2.6em;text-align:left;font-weight:500;font-size:calc(.5vw + .5vh + 2.5vmin)}html body main .boutonEnSavoirPlus:hover,html body main .boutonEnvoyer:hover,html body main .boutonMeContacter:hover,html body main .boutonVoirSite:hover,html body main .boutonVoirTousLesProjets:hover{padding-right:55px}html body main .boutonTelechargerCV{font-family:Just Another Hand;padding-right:35px;padding-left:0;padding-top:5px;border-style:none;background-image:url(../img/fleche_telechargement.2e8b91fb.svg);background-position:100% 50%;background-size:25px;background-repeat:no-repeat;background-color:transparent;transition:padding .2s ease;color:#3283c9;line-height:2.6em;text-align:left;font-weight:500;font-size:calc(1vw + 1vh + 2.5vmin)}