@import"https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";header{width:100vw;height:calc(var(--vh, 1vh)*100);overflow:hidden;position:fixed;top:0;display:flex;justify-content:center;align-items:center;background:url("../assets/img/bg_triangle_1.png"),url("../assets/img/bg_triangle_2.png"),url("../assets/img/bg_triangle_3.png"),radial-gradient(#222, #000)}header .titre-banniere{margin:0;text-transform:uppercase;color:#fff;transform:translateY(-3rem) translateX(-0.5rem) !important;-webkit-text-stroke:.75px #fff;position:relative;font-size:2.5rem;text-shadow:rgba(255,255,255,.3) 0px 8px 24px,1rem 1rem rgba(255,255,255,.2)}header .titre-banniere::after{position:absolute;bottom:-1em;left:0;content:"Francoeur";color:rgba(0,0,0,0)}@media(min-width: 396px){.titre-banniere{font-size:3rem !important}}@media(min-width: 512px){.titre-banniere{font-size:4rem !important}}@media(min-width: 744px){.titre-banniere{font-size:5rem !important}}@media(min-width: 976px){.titre-banniere{font-size:6rem !important}}.a-propos{width:100vw;height:calc(var(--vh, 1vh)*100);position:absolute;top:calc(var(--vh, 1vh)*100);background:radial-gradient(#222, #000);overflow:hidden}.a-propos .a-propos__texte{width:-moz-fit-content;width:fit-content;margin:32px}.a-propos .a-propos__texte h2{display:none;font-size:1.5rem}.a-propos .a-propos__texte p{display:none;font-size:1rem;margin:16px 0;max-width:512px;height:-moz-fit-content;height:fit-content;overflow-y:auto;text-align:justify;opacity:0}.a-propos #canvas1,.a-propos .png-logo{display:none;width:70%;height:auto;position:absolute;bottom:0;right:0}.a-propos .png-logo{opacity:.5}@media(min-width: 744px){#canvas1,.png-logo{right:-100px !important;width:60% !important}.a-propos__texte{margin:32px !important}.a-propos__texte h2{margin:32px !important;font-size:2rem}.a-propos__texte p{margin:32px !important;font-size:1.2rem}}@media(min-width: 976px){#canvas1,.png-logo{bottom:inherit !important;top:0 !important}}#programmation{top:calc(var(--vh, 1vh)*200)}#programmation .projets{width:400vw !important}#integration{top:calc(var(--vh, 1vh)*300)}#integration .projets{width:400vw !important}#design{top:calc(var(--vh, 1vh)*400)}.projets{padding:32px 10vw;width:300vw;height:calc(70vh - 6rem);display:flex;align-items:center;justify-content:space-between}.projet{z-index:2;width:80vw;height:100%;text-align:center}.projet .tiltBalise{margin:0 auto;width:100%;position:relative;height:60vw;cursor:pointer}.projet .tiltBalise img{width:100%;height:auto;position:absolute;top:-50px;left:0}.projet h1{margin:32px 0;position:relative;width:100%}.projet h1::after{content:"";position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;border:5px solid #fff}@media(min-width: 744px){.projets{padding:0 calc((100vw - 500px)/2) !important}.projet{width:500px !important}.projet .tiltBalise{height:300px !important}}@media(min-width: 976px){.projets{padding:0 calc((100vw - 800px)/2) !important}.projet{width:800px !important}.projet .tiltBalise{height:370px}}@media screen and (min-height: 744px)and (min-width: 976px){.projet .tiltBalise{height:500px !important}}.informations{position:fixed;width:100vw;height:calc(var(--vh, 1vh)*100);top:0;left:0;background:radial-gradient(#222, #000);z-index:150;display:flex;justify-content:center;align-items:center;display:none;overflow-y:auto}.informations .projet__btn{color:#fff;font-family:"Archivo Black",sans-serif;cursor:pointer;align-self:flex-end;margin-top:auto;height:3rem;background:none;display:flex;justify-content:center;align-items:center;padding:0 20px;border:3px solid #fff;text-decoration:none;z-index:300}.informations article{position:absolute;top:0;width:80%;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.informations .tiltBalise{margin-top:50px;width:80vw;position:relative;height:50vw;cursor:pointer}.informations .tiltBalise img{align-self:center;margin:auto 0;width:100%;height:auto;position:absolute;top:0;left:0}.informations .projet__description{margin:50px 0;width:100%;height:-moz-min-content;height:min-content;text-align:justify;justify-self:right;margin-left:auto}.informations .projet__titre{width:100%;font-size:2rem}.informations .projet__date{width:100%;text-transform:uppercase}.closeBtn{position:fixed;top:10px;right:10px;font-size:3rem;cursor:pointer;z-index:300}@media(min-width: 744px){.closeBtn{top:50px !important;right:50px !important}.projet__description{width:80% !important}.tiltBalise{width:40vw !important;height:26vw !important}.projet__titre{width:100% !important;font-size:3rem !important}}.afficherImage{position:fixed;width:100vw;height:calc(var(--vh, 1vh)*100);top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:rgba(0,0,0,.7);z-index:160;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;justify-content:flex-start;overflow-y:auto;display:none}.afficherImage .buttons{margin:70px 0 20px 0;width:80%;display:flex;justify-content:space-between;align-items:center}.afficherImage .buttons button{background-color:rgba(0,0,0,0);border:none;color:#fff;font-family:"Archivo Black",sans-serif;text-transform:uppercase;cursor:pointer;position:relative;font-size:1rem}.afficherImage .buttons button::after{content:"";position:absolute;height:3px;background:#fff;width:0;bottom:-5px;left:0;transition:all ease-out 200ms}.afficherImage .buttons button:hover::after{width:100%}.afficherImage img{width:80%;height:auto;margin-bottom:100px}@media(min-width: 744px){.buttons{width:50% !important;font-size:1.2rem !important}}#tous{position:absolute;top:calc(var(--vh, 1vh)*500);background:radial-gradient(#222, #000);overflow-x:hidden !important;overflow-y:auto}#tous .tous_filtres{margin:0 auto;width:80%;display:flex;justify-content:space-between;flex-wrap:wrap}#tous .tous_filtres button{background-color:rgba(0,0,0,0);border:none;color:#fff;font-family:"Archivo Black",sans-serif;text-transform:uppercase;cursor:pointer;position:relative;font-size:1rem;padding:10px 0}#tous .tous_filtres button::after{content:"";position:absolute;height:3px;background:#fff;width:0;bottom:0;left:0;transition:all ease-out 200ms}#tous .tous_filtres button:hover::after,#tous .tous_filtres button.active::after{width:100%}#tous article{width:100%;height:auto;margin:32px auto;display:grid;grid-gap:16px;grid-auto-rows:300px;grid-auto-columns:1fr}#tous article:not(.tous__programmation){display:none}#tous article div{margin:0 auto;cursor:pointer;width:300px !important;height:300px !important;background-size:cover;background-repeat:no-repeat;background-position:center}#tous article div h1{font-size:1.2rem !important;margin:10px;opacity:1;transition:all ease-in-out 500ms;text-shadow:2px 2px 0 #000}@media(min-width: 744px){.tous_filtres button{font-size:1.2rem !important}#tous article{width:80% !important;grid-template-columns:repeat(2, 1fr) !important}#tous article h1{opacity:0}#tous article:hover h1{opacity:1}}@media(min-width: 1092px){#tous article{grid-template-columns:repeat(3, 1fr) !important}}@media(min-width: 1440px){#tous article{grid-template-columns:repeat(4, 1fr) !important}}#contact{position:absolute;top:calc(var(--vh, 1vh)*600);background:radial-gradient(#222, #000);overflow:hidden}#contact article{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#contact article a{background-color:rgba(0,0,0,0);border:none;color:#fff;font-family:"Archivo Black",sans-serif;text-transform:uppercase;cursor:pointer;position:relative;font-size:.8rem;padding:10px 0;text-decoration:none}#contact article a img{height:1rem;width:auto;margin-right:16px}#contact article a::after{content:"";position:absolute;height:3px;background:#fff;width:0;bottom:0;left:0;transition:all ease-out 200ms}#contact article a:hover::after{width:100%}@media(min-width: 744px){#contact a{font-size:2rem !important}#contact a img{height:2rem !important}}.menu-btn{position:fixed;display:flex;justify-content:center;align-items:center;width:40px;height:32px;right:20px;top:20px;cursor:pointer;transition:all .5s ease-in-out;z-index:11}.menu-btn__burger{width:40px;height:6px;background-color:#fff;box-shadow:0 2px 5px rgba(140,0,255,.2);transition:all .5s ease-in-out}.menu-btn__burger::before,.menu-btn__burger::after{content:"";position:absolute;width:40px;height:6px;background-color:#fff;box-shadow:0 2px 5px rgba(140,0,255,.2);transition:all .5s ease-in-out}.menu-btn__burger::before{transform:translateY(-13px)}.menu-btn__burger::after{transform:translateY(13px)}.menu-navigation{display:none;position:fixed;width:100vw;height:100vh;background:radial-gradient(#222, #000);z-index:10;flex-direction:column;align-items:center;justify-content:space-evenly;overflow-y:auto}.menu-navigation a{text-decoration:none;text-transform:uppercase;font-size:1.5rem;text-shadow:0 0 rgba(255,255,255,0);transition:all linear 200ms;color:rgba(0,0,0,0);-webkit-text-stroke:.25px #fff;margin:0;text-align:center;font-family:"Archivo Black",sans-serif}.menu-navigation a:hover,.menu-navigation a.selected{color:#fff;text-shadow:.5rem .5rem rgba(255,255,255,.2)}.menu-btn.open .menu-btn__burger{transform:translateX(-50px);background:rgba(0,0,0,0);box-shadow:none}.menu-btn.open .menu-btn__burger::before{transform:rotate(45deg) translate(35px, -35px)}.menu-btn.open .menu-btn__burger::after{transform:rotate(-45deg) translate(35px, 35px)}@media(min-width: 396px){.menu-navigation a{font-size:2rem !important;-webkit-text-stroke:.75px #fff !important}}@media(min-width: 512px){.menu-navigation a{font-size:2.5rem !important}}@media(min-width: 744px){.menu-navigation a{font-size:3rem !important}}@media(min-width: 976px){.menu-navigation a{font-size:3.5rem !important}}#ball{display:none;width:40px;height:40px;background:rgba(140,0,255,.527);border:2px solid rgba(140,0,255,0);border-radius:50%;position:absolute;margin:-10px 0 0 -10px;pointer-events:none;transition-property:width,height,background-color,border;transition-duration:500ms;z-index:200}#ball.ballhover{width:60px;height:60px;background-color:rgba(0,0,0,0);border:2px solid rgba(140,0,255,.527)}@media(min-width: 744px){#ball{display:block !important}}.scrollbar{overflow-y:scroll}.scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:rgba(0,0,0,0)}.scrollbar::-webkit-scrollbar{width:12px;background-color:rgba(0,0,0,0)}.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#fff}body{margin:0;overflow:hidden;color:#fff;width:100vw;height:100vh}body h1{font-family:"Archivo Black",sans-serif;text-transform:uppercase}body h2,body p{font-family:"Roboto",sans-serif;line-height:2rem}body::-webkit-scrollbar{display:none}body #pc-indic{position:absolute;pointer-events:none;left:50%;transform:translateX(-50%);z-index:2;height:100px;width:100px;bottom:10px}body .a-propos__texte #pc-indic{position:relative}body .mobile-indic{height:200px !important;width:80vw !important;bottom:-50px !important}*{margin:0;padding:0;box-sizing:border-box}.titre{width:-webkit-fill-available;margin:32px;font-size:3rem;text-shadow:.5rem .5rem rgba(255,255,255,.2)}.titre-bg{content:"À propos";position:absolute;top:0rem;left:-5rem;text-transform:uppercase;font-size:6rem;opacity:.5;width:-moz-max-content;width:max-content;text-shadow:none;color:rgba(0,0,0,0);-webkit-text-stroke:.75px #fff}.section{width:100vw;height:calc(var(--vh, 1vh)*100)}.horizontal{overflow:hidden;position:absolute;background:radial-gradient(#222, #000)}.horizontal::-webkit-scrollbar{display:none}.horizontal canvas{z-index:1;position:absolute;top:0;left:0;width:300vw !important}html{position:absolute;top:0;left:0}.tiltBalise{transform-style:preserve-3d;transform:perspective(1000px)}.tiltBalise .fond{transform:translateZ(1px)}.tiltBalise .loin{transform:translateZ(20px)}.tiltBalise .medium{transform:translateZ(40px)}.tiltBalise .proche{transform:translateZ(60px)}@media(min-width: 744px){.titre{font-size:5rem !important}.titre-bg{top:-1rem !important;font-size:10rem !important}}/*# sourceMappingURL=style.min.css.map */