@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{box-sizing:border-box;width:100%;height:50px;background:#383838;padding:0 15px;display:flex;justify-content:center;position:relative}.footer .nav{display:flex;height:100%}.footer .nav a{height:100%;color:#fff;text-decoration:none;display:flex;align-items:center;padding:0 25px;font-size:22px;font-family:Courgette}.footer .nav a:hover{color:red}.footer .links{height:100%;display:flex;align-items:center;gap:30px}.footer .links a{color:#fff;display:flex;align-items:center;justify-content:center;font-size:35px;text-decoration:none}.about{box-sizing:border-box;width:100%;border-radius:15px;display:flex;flex-direction:column;align-items:center;color:#fff;padding:25px 0}@media (min-width: 769px){.about{width:50%;height:100%}}.about .entete{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.about .entete{position:relative;flex-direction:row;justify-content:center;gap:50px;width:100%;height:50%}}.about .entete h2{color:gold;font-size:24px}@media (max-width: 425px){.about .entete h2{font-size:20px;text-align:center}}.about .entete img{border-radius:15px;margin:5px 0;width:60%;aspect-ratio:.75}@media (max-width: 768px){.about .entete img{width:20%;max-width:85px}}.about h3{padding:0 10px;font-size:15px;line-height:20px;height:50%;text-align:center}@media (max-width: 768px){.about h3{font-size:16px}}@media (min-width: 1024px){.about h3{font-size:18px;line-height:26px}}.acceuil{box-sizing:border-box;width:100%;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 50px);gap:25px}.acceuil-wrapper{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:0 20px}.acceuil-wrapper nav{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.acceuil-wrapper nav .prestation-container{background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;will-change:transform;border-radius:10px;height:70vh}.acceuil-wrapper nav .prestation-container .prestation-wrapper{display:flex;height:100%;width:100%;justify-content:space-between}.acceuil-wrapper nav .prestation-container .prestation-wrapper .title-link{display:flex;flex-direction:column;justify-content:center;align-items:center;width:55%;padding:0 5px;gap:30px}.acceuil-wrapper nav .prestation-container .prestation-wrapper .images{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;gap:20px;padding:0 5px}@media screen and (min-width: 1025px){.acceuil-wrapper nav .prestation-container .prestation-wrapper .images{flex-direction:row}}.acceuil-wrapper nav .prestation-container .prestation-wrapper .images div{width:100%;aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;max-width:155px}@media screen and (min-width: 1025px){.acceuil-wrapper nav .prestation-container .prestation-wrapper .images div{width:45%;max-width:none}}.acceuil-wrapper nav .projets-container{background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;will-change:transform;border-radius:10px;height:auto}@media screen and (min-width: 769px){.acceuil-wrapper nav .projets-container{height:70vh}}.acceuil-wrapper nav .projets-container .projets-wrapper{display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between;align-items:center;gap:20px}@media screen and (min-width: 769px){.acceuil-wrapper nav .projets-container .projets-wrapper{flex-direction:row;justify-content:space-between}}.acceuil-wrapper nav .projets-container .projets-wrapper .title-link{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;gap:20px}.acceuil-wrapper nav .projets-container .projets-wrapper .images{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto}.acceuil-wrapper nav .projets-container .projets-wrapper .images div{width:75%;aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}@media screen and (min-width: 769px){.acceuil-wrapper nav .projets-container .projets-wrapper .images div{max-width:460px}}.acceuil-wrapper nav .prestation-container,.acceuil-wrapper nav .projets-container{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:25px}.acceuil-wrapper nav .prestation-container h2,.acceuil-wrapper nav .projets-container h2{color:#00d9ff;text-align:center;font-size:35px;text-shadow:0 0 10px #080c23}.acceuil-wrapper nav .prestation-container h3,.acceuil-wrapper nav .projets-container h3{color:#fff;text-align:center;font-size:22px;text-shadow:0 0 10px #080c23}@media screen and (min-width: 426px){.acceuil-wrapper nav .prestation-container h3,.acceuil-wrapper nav .projets-container h3{font-size:29px}}@media screen and (min-width: 769px){.acceuil-wrapper nav .prestation-container h3,.acceuil-wrapper nav .projets-container h3{font-size:40px}}.acceuil-wrapper nav .prestation-container a,.acceuil-wrapper nav .projets-container a{color:gold;background-color:#000;border:2px solid gold;text-decoration:none;max-width:255px;border-radius:10px;display:flex;justify-content:center;align-items:center;height:50px;font-weight:700;width:90%;font-size:22px}@media screen and (min-width: 769px){.acceuil-wrapper nav .prestation-container a,.acceuil-wrapper nav .projets-container a{font-size:30px}}.acceuil-wrapper nav .prestation-container a:hover,.acceuil-wrapper nav .projets-container a:hover{box-shadow:gold 0 0 5px,gold 0 0 10px,gold 0 0 15px,gold 0 0 20px 10px}.menu-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;box-sizing:border-box;margin-top:30px}@media screen and (min-width: 769px){.menu-wrapper{width:70%;margin-top:0}}@media screen and (min-width: 1025px){.menu-wrapper{width:80%}}.menu-wrapper h2{color:gold;font-size:1.5rem;background:none;box-sizing:border-box;height:10%;margin:0;display:flex;justify-content:center;align-items:center}.menu-wrapper ul{width:100%;height:90%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:10px;padding:0}.menu-wrapper ul li{width:45%;max-width:176px;aspect-ratio:1/1;list-style:none;background-color:#fff;border:#000 solid 1px}@media screen and (min-width: 769px){.menu-wrapper ul li{max-width:none;width:39%;max-height:213px;max-width:213px}}@media screen and (min-width: 1025px){.menu-wrapper ul li{width:25%;max-height:none;max-width:none}}.menu-wrapper ul li a{display:flex;width:100%;height:85%;background-size:contain;background-position:center;background-repeat:no-repeat}.menu-wrapper ul li h3{display:flex;justify-content:center;align-items:center;width:100%;height:15%;font-size:14px;color:#000;background:#fff;margin:0}@media screen and (min-width: 426px){.menu-wrapper ul li h3{height:15%}}@media screen and (min-width: 769px){.menu-wrapper ul li h3{font-size:18px}}@media screen and (min-width: 1025px){.menu-wrapper ul li h3{font-size:20px}}.menu-wrapper .menuToggle{position:absolute;top:50%;transform:translateY(-50%);width:10vw;max-width:60px;height:10vw;max-height:60px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;font-size:2.5vw;transition:transform 1.5s}@media (max-width: 700px){.menu-wrapper .menuToggle{transform:translateY(-60%)}}@media (max-width: 425px){.menu-wrapper .menuToggle{transform:translateY(-50%)}}.menu-wrapper .menuToggle:hover{color:green;transition:transform 1.5s,color .5s}.menu-wrapper .menuToggle p{margin:0}.menu.active li{transform:rotate(calc(60deg * var(--i))) translate(13vw)}@media (max-width: 768px){.menu.active li{transform:rotate(calc(60deg * var(--i))) translate(17vw)}}.menu.active li:hover .title,.menu.active li a{color:var(--color)}.menu.active li a p{opacity:1;transition:opacity 1s;transition-delay:1.5s}@media (max-width: 768px){.menu.active li a p{top:-7%}}@media (min-width: 2000px){.menu.active li a p{font-size:25px}}.menu.active li a:after{display:none}.menu.active li a:before{width:10vw;max-width:150px;height:10vw;max-height:150px;border:2px solid var(--color);box-sizing:border-box;background-image:var(--img);background-size:cover;background-position:top;background-position:left;transform:rotate(calc(var(--i) * 180deg)) translate(0);transition:transform .5s,height .5s,width .5s;transition-delay:1s,1.5s,1.5s}@media (max-width: 768px){.menu.active li a:before{width:13vw;height:13vw}}.menu.active .menuToggle{transform:rotate(360deg) translateY(-50%)}.menu.active .menuToggle:hover{color:red;transition:transform 1.5s,color .5s}.menu.active .rotate a:before{transform:rotate(360deg)}.technos{box-sizing:border-box;width:100%;height:100%;border-radius:15px;display:flex;flex-direction:column;align-items:center;color:#fff}@media (min-width: 769px){.technos{width:30%}}@media screen and (min-width: 1025px){.technos{width:20%}}.technos h2{color:gold;font-size:1.5rem;background:none;box-sizing:border-box;height:10%;margin:0;display:flex;justify-content:center;align-items:center}.technos ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:12%;padding:0;height:85%}@media (min-width: 769px){.technos ul{justify-content:space-between;gap:5%;width:100%}}.technos ul li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:45%;height:12%;text-align:center;box-sizing:border-box;padding:5px;font-size:14px}@media (max-width: 768px){.technos ul li{width:14%;font-size:12px}}.technos ul li div{width:100%;height:100%}.projet{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 50px);color:#f0f8ff;box-sizing:border-box;padding:0 10px}@media screen and (min-width: 769px){.projet{height:calc(100vh - 50px);flex-direction:row;justify-content:space-between}}.projet .fa-arrow-left:hover{color:gold}.projetPage{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 50px);color:#f0f8ff;box-sizing:border-box;padding:30px 10px 0}@media screen and (min-width: 1025px){.projetPage{height:calc(100vh - 50px);justify-content:space-between;margin:0}}.projetPage .fa-arrow-left:hover{color:var(--color)}.projetPage .projet-wrapper{display:flex;flex-direction:column;justify-content:space-around;align-items:center}@media screen and (min-width: 1025px){.projetPage .projet-wrapper{height:80vh;flex-direction:row}}.projetPage .projet-wrapper .wrapper-img{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;padding-top:20px;gap:20px}@media (min-width: 1025px){.projetPage .projet-wrapper .wrapper-img{gap:50px;width:45%}}.projetPage .projet-wrapper .wrapper-img img{max-width:100%;aspect-ratio:16/9;max-height:45vh}.projetPage .projet-wrapper .wrapper-img-nav{display:flex;justify-content:center;align-items:center;font-size:30px;gap:20%}@media (min-width: 426px){.projetPage .projet-wrapper .wrapper-img-nav{gap:50%}}.projetPage .projet-wrapper .wrapper-img-nav a{display:flex;flex-direction:row;gap:15px;align-items:center;cursor:pointer;text-decoration:none;color:#f0f8ff}.projetPage .projet-wrapper .wrapper-projet{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}@media (min-width: 1025px){.projetPage .projet-wrapper .wrapper-projet{width:50%;gap:20px}}.projetPage .projet-wrapper .wrapper-projet-text{font-size:20px;text-align:center;padding:0 10px;font-weight:400}@media (min-width: 769px){.projetPage .projet-wrapper .wrapper-projet-text{font-size:26px}}@media (min-width: 1025px){.projetPage .projet-wrapper .wrapper-projet-text{font-size:18px}}@media (min-width: 1440px){.projetPage .projet-wrapper .wrapper-projet-text{font-size:22px}}.projetPage .projet-wrapper .wrapper-projet-technos{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.projetPage .projet-wrapper .wrapper-projet-technos ul{padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;list-style:none;justify-content:center;align-items:center;gap:15px}.projetPage .projet-wrapper .wrapper-projet-technos ul li{width:12%}.projetPage .projet-wrapper .wrapper-projet-infos{display:flex;justify-content:center;width:100%;box-sizing:border-box;gap:45px;padding:0 10px}.projetPage .projet-wrapper .wrapper-projet-infos-competences,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:45%}.projetPage .projet-wrapper .wrapper-projet-infos-competences h3,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations h3{width:100%;text-align:center;font-size:12px}@media (min-width: 426px){.projetPage .projet-wrapper .wrapper-projet-infos-competences h3,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations h3{font-size:18px}}.projetPage .projet-wrapper .wrapper-projet-infos-competences ul,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations ul{box-sizing:border-box;padding:0;display:flex;flex-direction:column;flex-wrap:wrap;width:100%;list-style:none;justify-content:flex-start;align-items:start;gap:15px}.projetPage .projet-wrapper .wrapper-projet-infos-competences ul li,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations ul li{box-sizing:border-box;font-size:12px;width:100%;padding-left:10px;text-align:center}@media (min-width: 426px){.projetPage .projet-wrapper .wrapper-projet-infos-competences ul li,.projetPage .projet-wrapper .wrapper-projet-infos-ameliorations ul li{font-size:18px}}.prestations{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:calc(100vh - 50px);color:#f0f8ff;padding:0 10px;box-sizing:border-box}.prestations .fa-arrow-left:hover{color:gold}.prestations .formations-wrapper{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:space-around;gap:50px;padding:30px 0}.prestations .formations-wrapper .formation{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start}@media screen and (min-width: 769px){.prestations .formations-wrapper .formation{width:45%}}.prestations .formations-wrapper .formation h2{margin:0;font-size:18px;font-weight:400;text-align:center}@media screen and (min-width: 769px){.prestations .formations-wrapper .formation h2{font-size:22px}}.calendar-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px;gap:20px}.calendar-wrapper h2{margin:0}.calendar-wrapper .slots-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.calendar-wrapper .slots-list .slot{box-sizing:border-box;padding:10px;cursor:default;border:1px solid #ccc;border-radius:5px;text-align:center;width:45%;margin-bottom:5px}.calendar-wrapper .slots-list .slot.available{background-color:#11ff009a}.calendar-wrapper .slots-list .slot.reserved{background-color:#ff0015c4}@media screen and (min-width: 769px){.calendar-wrapper{flex-direction:row;gap:0}.calendar-wrapper .react-calendar{width:50%}.calendar-wrapper .slots-list{width:40%}}.reservation-container{color:#fff;width:100%;min-height:calc(100vh - 50px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.reservation-container h2{margin:0}.reservation-container .page-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:50px}.reservation-container .page-wrapper form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;margin-bottom:20px}.reservation-container .page-wrapper form .info-wrapper{display:flex;flex-direction:column;justify-content:space-between;width:90%;gap:20px}.reservation-container .page-wrapper form .info-wrapper .note{height:100%;width:100%;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.reservation-container .page-wrapper form .info-wrapper .note textarea{box-sizing:border-box;width:100%;height:100px;resize:none}.reservation-container .page-wrapper form .info-wrapper .info-client{display:flex;flex-direction:column;gap:10px}.reservation-container .page-wrapper form .info-wrapper .info-client label{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;font-size:20px}.reservation-container .page-wrapper form .info-wrapper .info-client label input{box-sizing:border-box;height:100%}.reservation-container .page-wrapper form button{cursor:pointer;width:50%;height:30px;font-size:20px;background-color:#11ff009a;border:none;border-radius:5px}.reservation-container .page-wrapper form button:hover{background-color:#1f0}.reservation-container .page-wrapper form button:disabled{background-color:#ff0015c4;cursor:not-allowed}.reservation-container .page-wrapper p{width:100%;text-align:center;margin:0;color:#fff;font-size:30px}.reservation-container .page-wrapper .calendar-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:0 20px}.reservation-container .page-wrapper .calendar-wrapper .react-calendar{width:90%}.reservation-container .page-wrapper .calendar-wrapper .slots-section{width:100%}.reservation-container .page-wrapper .calendar-wrapper .slots-section h3{width:100%;text-align:center;margin:0 0 20px}.reservation-container .page-wrapper .calendar-wrapper .slots-section .slots-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}.reservation-container .page-wrapper .calendar-wrapper .slots-section .slots-list .slot{box-sizing:border-box;padding:10px;cursor:pointer;border:1px solid #ccc;border-radius:5px;text-align:center;width:45%;margin-bottom:5px}.reservation-container .page-wrapper .calendar-wrapper .slots-section .slots-list .slot.available{background-color:#11ff009a}.reservation-container .page-wrapper .calendar-wrapper .slots-section .slots-list .slot.reserved{background-color:#ff0015c4;cursor:not-allowed}.reservation-container .page-wrapper .calendar-wrapper .slots-section .slots-list .slot.selected{background-color:#01f;box-shadow:0 0 10px 10px #01f}@media screen and (min-width: 769px){.reservation-container .page-wrapper .calendar-wrapper{flex-direction:row}.reservation-container .page-wrapper .calendar-wrapper .react-calendar{width:50%}.reservation-container .page-wrapper .calendar-wrapper .slots-section{width:40%}}@media screen and (min-width: 769px){.reservation-container .page-wrapper form{gap:50px}.reservation-container .page-wrapper form .info-wrapper{flex-direction:row;justify-content:center}.reservation-container .page-wrapper form .info-wrapper .info-client label{flex-direction:row;justify-content:end}.reservation-container .page-wrapper form .info-wrapper .note{width:40%;flex-direction:row;justify-content:start;gap:10px}.reservation-container .page-wrapper form .info-wrapper .note textarea{width:75%}.reservation-container .page-wrapper form button{max-width:370px}}#root{position:relative;width:100%;background:linear-gradient(180deg,#000,#000 55%,#383838 90%);box-sizing:border-box}h1{width:100%;text-align:center;color:gold;font-size:40px;background:none;box-sizing:border-box;margin:0;padding-top:20px;pointer-events:none}@media (max-width: 425px){h1{font-size:30px}}.fa-arrow-left{position:absolute;top:30px;left:30px;transform:translate(-50%,-50%);color:#f0f8ff;font-size:35px;cursor:pointer}@media screen and (max-width: 425px){.fa-arrow-left{font-size:30px}}@media screen and (min-width: 1025px){.fa-arrow-left{top:45px}}