@import"https://fonts.googleapis.com/css2?family=Delicious+Handrawn&family=Josefin+Sans:wght@300&display=swap";#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}header a{text-decoration:none;font-family:Josefin Sans,sans-serif}header{height:15rem;margin-bottom:1rem}header .navbar{padding:50px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;box-shadow:0 0 20px #0003}header .navbar a{color:#fff}header .navbar .logo img{width:10rem}header .nav-links{display:flex;justify-content:space-evenly;width:100%}header .navbar .nav-links ul{display:flex;justify-content:space-evenly;width:100%}header .navbar .nav-links li{list-style-type:none}header .navbar .nav-links ul a{padding:10px;color:#fff;list-style-type:none;font-size:1.5rem;border:solid 1px #0a3140;background-color:#206e8c;border-radius:30px;box-shadow:0 0 20px #0003}header .navbar .nav-links ul li:hover a{color:#000;background-color:#fff}header .navbar .menu-hamburger{display:none;position:absolute;top:50px;right:50px;width:35px}@media screen and (max-width: 1200px){header .navbar{padding:0}header .navbar .menu-hamburger{display:block;z-index:3}header .navbar .logo{position:absolute;top:40px;left:30px}header .logo img{width:75%}header .nav-links{top:0;left:0;position:absolute;background-color:#fff3;backdrop-filter:blur(7px);height:100vh;display:flex;justify-content:center;align-items:center;margin-left:-100%;transition:all .5s ease;z-index:2}header .nav-links ul{display:flex;flex-direction:column;align-items:center}header .navbar .nav-links ul a{font-size:1.2em}header .navbar .nav-links ul{height:100vh}header .nav-links.mobile-menu{margin-left:0}}@media screen and (max-width: 500px){header .logo img{width:50%}}a{text-decoration:none}li{list-style-type:none}footer ul a{color:#fff;font-family:Josefin Sans,sans-serif;padding:.5rem}footer{margin:0;height:15rem;width:100%}footer{background-color:#206e8c;display:flex;justify-content:space-evenly;align-items:center;color:#fff;margin:6rem auto 0;position:relative;border-top-left-radius:100%;box-shadow:0 0 20px #0003}footer .mentions{display:flex}footer .mentions li{display:flex;margin-left:3rem;font-size:1.5rem}footer .menuFooter li{margin-top:.5rem}footer ul li a:hover{background-color:#fff;color:#000}footer .menuFooter{font-size:1.5rem;margin-bottom:1rem}footer .menuFooter{display:flex;flex-direction:column}@media screen and (max-width: 750px){footer .mentions{flex-direction:column}}@media screen and (max-width: 630px){footer a{font-size:75%}footer{border-top-left-radius:0%;align-items:center}footer .mentions{padding:0}footer .mentions li{margin:0}footer .menuFooter{margin-bottom:1rem}}.App .homeContainer h1,h2,h3,h4,h5,h6{font-family:Delicious Handrawn,cursive}.App .homeContainer p{font-family:Josefin Sans,sans-serif}.App .homeContainer .Home{background-color:#fff}.App .homeContainer .title{position:relative;background-color:#d9bba0;text-align:center;color:#000;text-shadow:1px 1px 4px #ffffff;width:70%;margin:0 auto;z-index:1;padding:1rem}.App .homeContainer .title h1{margin:1rem 0;font-size:2.5rem;text-align:center}.App .homeContainer .title p{font-size:1.5rem;margin:0 10rem;text-align:center}.App .homeContainer .triangleInf{position:absolute;top:-20px;left:2rem;margin:0;width:10rem}.App .homeContainer .triangleSup{position:absolute;bottom:-20px;right:2rem;margin:0;width:10rem;rotate:180deg}.App .homeContainer .calendar{display:flex;justify-content:center;margin-bottom:0;margin-top:4rem}.App .homeContainer .calendar img{width:40%}@media screen and (max-width: 1450px){.App .homeContainer .triangleInf{top:40px;left:-41px;rotate:-90deg}.App .homeContainer .triangleSup{bottom:41px;right:-43px;rotate:90deg}}@media screen and (max-width: 1240px){.App .homeContainer .triangleInf,.App .homeContainer .triangleSup{display:none}.App .homeContainer .calendar{width:100%}}@media screen and (max-width: 930px){.App header{margin-bottom:0}}@media screen and (max-width: 800px){.App .homeContainer .title h1{margin:1rem 0;font-size:2rem;text-align:center}.App .homeContainer .title p{font-size:1.5rem;margin:0 2rem;text-align:center}.App footer{margin-top:3rem}}.outil .section h1,h2,h3,h4,h5,h6{font-family:Delicious Handrawn,cursive}.outil .section p{font-family:Josefin Sans,sans-serif}.outil{width:100%}.outil .section{display:flex;width:80%;margin:0 auto;margin-top:10rem}.outil .section img{width:40%;margin:0 5rem;box-shadow:0 0 20px #0003}.outil .section .box{width:50%;background-color:#d9bba0}.outil .box img{box-shadow:none}.outil .section .box h1{font-size:2rem}.outil .section .box p{font-size:1.5rem;margin-top:2rem}.outil .section .box img{margin:0;width:10rem}@media screen and (max-width: 1600px){.outil .section .box img{margin:0;width:8rem}}@media screen and (max-width: 1500px){.outil .triangleSup,.outil .triangleInf{display:none}.outil .section{flex-wrap:wrap;margin:5rem auto;width:100%;justify-content:center}.outil .travel,.montain{flex-direction:column-reverse;align-items:center}.outil .section img{width:60%;margin:5rem}.outil .section .box{width:80%}}@media screen and (max-width: 1000px){.outil .section{width:100%;margin:0}.outil .section .box{width:90%;margin-bottom:5rem}.outil .section img{width:90%;margin:0 0 5rem}.outil header{margin:0}.outil footer{margin:0}}@media screen and (max-width: 500px){.outil .section img{width:100%;margin:0 0 5rem}}.box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.box .triangleInf{background-image:url(/assets/fleche-9b0481d6.png);width:5rem;height:5rem;position:absolute;top:-45px;left:2rem;rotate:135deg}.box .triangleSup{background-image:url(/assets/fleche-9b0481d6.png);width:5rem;height:5rem;position:absolute;bottom:-45px;right:2rem;rotate:-45deg}.partenaires .section h1,h2,h3,h4,h5,h6{font-family:Delicious Handrawn,cursive}.partenaires .section p{font-family:Josefin Sans,sans-serif}.partenaires{width:100%}.partenaires .filter{display:flex;justify-content:center;align-items:center;background-color:#d9bba0;width:70%;margin:0 auto 2rem;padding:.5rem}.partenaires .filter label{font-size:1.5rem;margin-right:1rem;font-family:Josefin Sans,sans-serif}.partenaires .filter input{font-size:1.5rem;color:#fff;background-color:#206e8c;margin-right:1rem;text-align:center}.partenaires .filter input::placeholder{font-size:1.2rem;color:#fff9;font-family:Josefin Sans,sans-serif}.partenaires .cards .section{display:flex;margin:5rem 2rem;justify-content:center}.partenaires .cards .section:nth-child(2){flex-direction:row-reverse}.partenaires .cards .section:nth-child(2) .box{margin-right:5rem}.partenaires .cards .section .box{display:flex;align-self:center;background-color:#d9bba0;width:35rem;height:20rem;margin-left:5rem}.partenaires .cards .section .locImg{width:40%}.partenaires .cards .section .locImg img{width:100%;height:23rem;object-fit:cover}.partenaires .cards .section .box h1{font-size:2.5rem;margin-bottom:1rem}.partenaires .cards .section .box p{font-size:1.3rem;font-weight:700}@media screen and (max-width: 1500px){.partenaires .filter{flex-direction:column;width:50%;padding:1rem}.partenaires .filter label{margin-bottom:.5rem}.partenaires .filter input{width:100%;margin:0 auto}}@media screen and (max-width: 1200px){.partenaires .cards .section{flex-direction:column-reverse;align-items:center}.partenaires .cards .section .box{margin:0 auto 2rem;width:80%}.partenaires .cards .section .locImg{width:90%}.partenaires .cards .section:nth-child(2){flex-direction:column-reverse}.partenaires .cards .section .box h1{font-size:3rem}.partenaires .cards .section .box p{font-size:2rem}.partenaires header{margin:0}.partenaires footer{margin:0}}.no-result p{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:red;margin-top:5rem}@media screen and (max-width: 850px){.partenaires .cards .box div{display:none}}@media screen and (max-width: 700px){.partenaires .cards .section .box h1{font-size:2.5rem}.partenaires .cards .section .box p{font-size:1.3rem;text-align:center}}@media screen and (max-width: 500px){.partenaires .filter,.partenaires .cards .section .box{width:90%}.partenaires .cards .section .locImg{width:100%}}@media screen and (max-width: 350px){.partenaires .filter label,.partenaires .filter input{font-size:100%}.partenaires .filter input::placeholder{font-size:100%}}.contactForm{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin:1rem auto;font-family:Josefin Sans,sans-serif;background-color:#d9bba0;padding:1rem}.contact .confirm{text-align:center;color:green;font-size:2rem}.contactForm label{display:block;margin-bottom:.5rem;font-size:2rem;color:#000;font-family:Delicious Handrawn,cursive}.contactForm input,.contactForm textarea{display:block;width:80%;margin-bottom:.5rem;padding:.5rem;font-size:1.5rem;background-color:#206e8c;border:none;border-radius:.25rem;text-align:center;color:#fff;font-family:Josefin Sans,sans-serif}.contactForm textarea{height:15rem}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#fff}.contactForm button[type=submit]{margin-top:1rem;font-size:2rem;padding:.5rem 1rem;background-color:#206e8c;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease-in-out}.contactForm button[type=submit]:hover{background-color:#fff;color:#000;flex-grow:1}.loginContainer .Login{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto;background-color:#d9bba0;padding:2rem;position:relative}.loginContainer .Login .form a{color:#00f;text-decoration:none}.loginContainer .Login .form a:hover{color:#fff;text-decoration:none}.loginContainer .custom-loader{width:50px;height:50px;border-radius:50%;background:repeating-conic-gradient(#206e8c 0 90deg,#d9bba0 0 180deg);animation:s1 .5s infinite linear;margin-bottom:2rem}@keyframes s1{to{transform:rotate(.5turn)}}.loginContainer .Login .triangleSup{background-image:url(/assets/fleche-9b0481d6.png);width:10rem;height:10rem;position:absolute;rotate:-45deg;right:4rem;bottom:-5.5rem}.loginContainer .Login .triangleInf{background-image:url(/assets/fleche-9b0481d6.png);width:10rem;height:10rem;position:absolute;rotate:135deg;left:4rem;top:-5.5rem}.loginContainer .Login h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.loginContainer .Login input{width:100%;margin-bottom:1rem;font-size:1.5rem;text-align:center;background-color:#206e8c;height:4rem;color:#fff;border:none;font-family:Josefin Sans,sans-serif}.loginContainer .Login input:valid{border:solid .5px green}.loginContainer .Login input:invalid{border:solid .5px red}.loginContainer .Login input::placeholder{color:#fff}.loginContainer .Login p{font-size:1.5rem;font-weight:700;text-align:center;font-family:Josefin Sans,sans-serif}.loginContainer .Login button{font-size:1.5rem;margin:2rem 0;background-color:#206e8c;color:#fff;border:solid 1px #0a3140;padding:1rem;cursor:pointer;border-radius:10%}.loginContainer .Login div{display:flex;flex-direction:column;justify-content:center;align-items:center}.loginContainer .Login button:hover{background-color:#fff;color:#000}@media screen and (max-width: 1000px){.loginContainer .Login .triangleInf,.loginContainer .Login .triangleSup{display:none}.loginContainer header{margin:0}.loginContainer footer{margin:1rem 0 0}}@media screen and (max-width: 800px){.loginContainer .Login .form{width:80%}}@media screen and (max-width: 680px){.loginContainer .Login .form{width:90%}}@media screen and (max-width: 500px){.loginContainer .Login .form{width:100%;margin:0}}@media screen and (max-width: 350px){.loginContainer .Login input::placeholder{font-size:70%}.loginContainer .Login button{font-size:1.5rem}}.welcome{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#d9bba0;margin:0 auto;width:80%}p,button,a,select{font-family:Josefin Sans,sans-serif}.userConnectedContainer p{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.userConnectedContainer h2{text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.UcTitle div p{margin-top:1rem}.welcome a{font-size:1.5rem;margin:2rem 0 1rem .5rem;background-color:#206e8c;color:#fff;border:none;padding:1rem;cursor:pointer;border-radius:30px}.welcome a:hover{background-color:#fff;color:#000;border:1px solid black}.userConnectedContainer .UcTitle{width:80%;justify-content:space-between;position:relative;margin:0 auto}.userConnectedContainer .UcTitle div{background-color:#d9bba0;width:100%;text-align:center;flex-grow:1}.userConnectedContainer .UcTitle select{background-color:#206e8c;color:#fff;font-size:1rem;text-align:center;position:absolute;right:0}.userConnectedContainer .UcTitle option{background-color:#206e8c;color:#fff;font-size:1rem;text-align:center}.userConnectedContainer .UcTitle h2{font-size:2rem;margin-top:1rem}.userConnectedContainer .ReservationTable{display:flex;flex-direction:column;align-items:center;margin-top:30px;color:#000;width:80%;margin:6rem auto 0;background-color:#d9bba0;padding:1rem}.userConnectedContainer .ReservationTable h3{font-size:2rem}.userConnectedContainer .ReservationTable select{margin-top:1rem;margin-bottom:1rem;padding:10px;background-color:#206e8c;color:#fff;font-size:1.5rem;text-align:center;border:none;border-radius:5px;outline:none}.userConnectedContainer .ReservationTable div h4{font-size:1.5rem;font-weight:700}.userConnectedContainer .ReservationTable div p{margin-top:10px;font-size:1rem}.activeTable,.archivedTable{width:100%;border-collapse:collapse;margin-bottom:2rem}.activeTable th,.archivedTable th,.activeTable td,.archivedTable td{padding:1rem;text-align:center;border:1px solid #206e8c}.activeTable th,.archivedTable th{font-size:1.5rem;background-color:#206e8c;color:#fff}.activeTable td,.archivedTable td{font-size:1.2rem;font-weight:700}.activeTable tr:nth-child(even),.archivedTable tr:nth-child(even){background-color:#f2f2f2}.activeTable tr:hover,.archivedTable tr:hover{background-color:#c2d6d6}.ReservationTable select option{background-color:#d9bba0;color:#000}.ReservationTable h3{font-size:2.5rem;margin-bottom:2rem}button{font-size:1.5rem;margin-left:.5rem}button{padding:.5rem;font-weight:700}.ReservationTable .legend{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-top:2rem;flex-direction:row;font-size:2rem;width:100%}.refused{background-color:#ff000078}.validate,.Archived{background-color:#00800071}.delete{background-color:#ff000078}.resetContainer .ResetPassword{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;background-color:#d9bba0;padding:2rem;position:relative}.resetContainer .ResetPassword h2{font-size:2rem;margin-top:1rem}.resetContainer .ResetPassword form{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.resetContainer .ResetPassword input{width:100%;padding:1rem;margin:1rem 0;border:none;border-radius:5px;font-size:1.2rem;box-shadow:0 0 20px #0003;text-align:center;background-color:#206e8c;color:#fff}.resetContainer .ResetPassword input::placeholder{text-align:center;color:#fff}.resetContainer .ResetPassword button{width:30%;padding:1rem;background-color:#206e8c;color:#fff;font-size:1.2rem;border:none;border-radius:5px;box-shadow:0 0 20px #0003;cursor:pointer;margin-top:1rem}.resetContainer .ResetPassword .triangleInf{background-image:url(/assets/fleche-9b0481d6.png);height:8rem;width:8rem;position:absolute;top:-4.5rem;left:2rem;margin:0;rotate:135deg}.resetContainer .ResetPassword .triangleSup{background-image:url(/assets/fleche-9b0481d6.png);height:8rem;width:8rem;position:absolute;bottom:-4.5rem;right:2rem;margin:0;rotate:-45deg}@media screen and (max-width: 1000px){.resetContainer .ResetPassword .triangleSup,.resetContainer .ResetPassword .triangleInf{display:none}}@media screen and (max-width: 550px){.resetContainer .ResetPassword button{width:50%}.resetContainer header{margin:0}.resetContainer footer{margin:1rem 0 0}}@media screen and (max-width: 450px){.resetContainer .ResetPassword h2{font-size:1.5rem}}@media screen and (max-width: 350px){.resetContainer .ResetPassword button{width:80%}.resetContainer .ResetPassword h2{font-size:1.2rem}}.resetMailContainer .ResetByMail{display:flex;flex-direction:column;align-items:center;width:70%;margin:0 auto;background-color:#d9bba0;padding:2rem;position:relative}.resetMailContainer .ResetByMail h2{font-size:2.5rem;margin-top:1rem;margin-bottom:3rem}.resetMailContainer .ResetByMail input{width:50%;padding:1rem;margin:1rem 0;border:none;border-radius:5px;font-size:1.2rem;box-shadow:0 0 20px #0003;text-align:center;background-color:#206e8c;color:#fff}.resetMailContainer .ResetByMail input::placeholder{text-align:center;color:#fff}.resetMailContainer .ResetByMail button{width:40%;padding:1rem;background-color:#206e8c;color:#fff;font-size:1.2rem;border:none;border-radius:5px;box-shadow:0 0 20px #0003;cursor:pointer;margin-top:2rem}.resetMailContainer .ResetByMail form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.resetMailContainer .ResetByMail .triangleInf{background-image:url(/assets/fleche-9b0481d6.png);height:8rem;width:8rem;position:absolute;top:-4.5rem;left:2rem;margin:0;rotate:135deg}.resetMailContainer .ResetByMail .triangleSup{background-image:url(/assets/fleche-9b0481d6.png);height:8rem;width:8rem;position:absolute;bottom:-4.5rem;right:2rem;margin:0;rotate:-45deg}@media screen and (max-width: 1000px){.resetMailContainer .ResetByMail .triangleSup,.resetMailContainer .ResetByMail .triangleInf{display:none}}@media screen and (max-width: 900px){.resetMailContainer .ResetByMail input,.resetMailContainer .ResetByMail button{width:100%}.resetMailContainer header{margin:0}}@media screen and (max-width: 450px){.resetMailContainer .ResetByMail input::placeholder{font-size:.8rem}}.changePasswordContainer .ChangePassword{display:flex;flex-direction:column;align-items:center;width:70%;margin:0 auto;background-color:#d9bba0;padding:2rem;position:relative}button,input::placeholder{font-family:Josefin Sans,sans-serif}.changePasswordContainer .ChangePassword h2{font-size:2.5rem;margin-top:1rem;margin-bottom:3rem}.changePasswordContainer .ChangePassword input{width:100%;padding:1rem;margin:1rem 0;border:none;border-radius:5px;font-size:1.2rem;box-shadow:0 0 20px #0003;text-align:center;background-color:#206e8c;color:#fff}.changePasswordContainer .ChangePassword input::placeholder{text-align:center;color:#fff}.changePasswordContainer .ChangePassword button{width:15%;padding:1rem;background-color:#206e8c;color:#fff;font-size:1.2rem;border:none;border-radius:5px;box-shadow:0 0 20px #0003;cursor:pointer;margin-top:2rem}.changePasswordContainer .ChangePassword form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.changePasswordContainer .ChangePassword .triangleInf{background-image:url(/assets/fleche-9b0481d6.png);width:8rem;height:8rem;position:absolute;top:-4.1rem;left:3rem;rotate:135deg}.changePasswordContainer .ChangePassword .triangleSup{background-image:url(/assets/fleche-9b0481d6.png);width:8rem;height:8rem;position:absolute;bottom:-4.1rem;right:3rem;rotate:-45deg}@media screen and (max-width: 768px){.changePasswordContainer .ChangePassword{width:90%}}@media screen and (max-width: 480px){.changePasswordContainer .ChangePassword{width:95%}.changePasswordContainer .ChangePassword button{width:50%}.changePasswordContainer .ChangePassword input{width:80%}}.inscriptionContainer .Inscription{display:flex;flex-direction:column;align-items:center;width:70%;margin:0 auto;background-color:#d9bba0;padding:2rem;box-shadow:0 0 20px #0003;position:relative}.inscriptionContainer .Inscription h2{font-size:2.5rem;margin-top:1rem;margin-bottom:3rem}.inscriptionContainer .Inscription input{width:100%;padding:1rem;margin:1rem 0;border:none;border-radius:5px;font-size:1.2rem;box-shadow:0 0 20px #0003;text-align:center;font-family:Josefin Sans,sans-serif}.inscriptionContainer .Inscription button{width:40%;padding:1rem;background-color:#206e8c;color:#fff;font-size:1.2rem;border:none;border-radius:5px;box-shadow:0 0 20px #0003;cursor:pointer;margin-top:2rem}.inscriptionContainer .Inscription form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.inscriptionContainer .Inscription .triangleInf{position:absolute;top:-20px;left:2rem;margin:0;width:10rem}.inscriptionContainer .Inscription .triangleSup{position:absolute;bottom:-20px;right:2rem;margin:0;width:10rem;rotate:180deg}@media screen and (max-width: 768px){.inscriptionContainer .Inscription{width:90%}}@media screen and (max-width: 480px){.inscriptionContainer .Inscription{width:95%}.inscriptionContainer .Inscription button{width:50%}}.password-validation{margin-top:5px;display:flex}.password-validation p{margin:0}.password-validation p.valid.neutre{color:#000}.password-validation p.valid{color:green}.password-validation p:not(.valid){color:red}.userListContainer h1,h2,h3,h4,h5,h6{font-family:Delicious Handrawn,cursive}.userListContainer p,th,td{font-family:Josefin Sans,sans-serif}.userListContainer .UsersList{display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto;background-color:#d9bba0;padding:2rem;position:relative}.userListContainer .UsersList h2{font-size:2.5rem;margin-bottom:2rem}.userListContainer .UsersList table{width:100%;border-collapse:collapse;margin-bottom:2rem}.userListContainer .UsersList th,.userListContainer .UsersList td{padding:1rem;text-align:center;border:1px solid #206e8c}.userListContainer .UsersList th{font-size:1.5rem;background-color:#206e8c;color:#fff}.userListContainer .UsersList td{font-size:1.2rem;font-weight:700}.userListContainer .UsersList tr:nth-child(even){background-color:#f2f2f2}.userListContainer .UsersList tr:hover{background-color:#c2d6d6}.userListContainer .UsersList input{width:50%;margin-bottom:1rem;font-size:1.5rem;text-align:center;background-color:#206e8c;height:4rem;color:#fff;border:none}.userListContainer .UsersList input::placeholder{color:#fff}.userListContainer .UsersList label{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.userListContainer .UsersList button{font-size:1.5rem;margin:2rem 0 1rem .5rem;background-color:#206e8c;color:#fff;border:none;padding:1rem;cursor:pointer;border-radius:30px;box-shadow:0 0 20px #0003}.userListContainer .UserAdd{display:flex;flex-direction:column;align-items:center;width:100%}.userListContainer .UsersList button:hover{background-color:#fff;color:#000}.userListContainer .UsersList .edit-form{margin-top:2rem}.userListContainer .UsersList .edit-form label{display:block;margin-bottom:1rem}.userListContainer .edit{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.userListContainer .role{display:flex}@media screen and (max-width: 680px){.userListContainer .UsersList input{width:90%}}@media screen and (max-width: 500px){.userListContainer .UsersList{width:95%}}@media screen and (max-width: 350px){.userListContainer .UsersList input::placeholder{font-size:70%}.userListContainer .UsersList button{font-size:1.5rem}}*{transition:all ease-in-out .2s;margin:0;padding:0}.CalendarContainer{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.CalendarContainer h1,h2,h3,h4,h5,h6{font-family:Delicious Handrawn,cursive}.CalendarContainer p{font-family:Josefin Sans,sans-serif}.CalendarContainer{display:flex;justify-content:center}.CalendarContainer .react-calendar{width:60%}.react-calendar .react-calendar__tile{font-family:Delicious Handrawn,cursive;font-size:2rem;background-color:#80808073;color:#000;border:.5px solid rgba(0,0,0,.241)}.react-calendar .status2-tile{background-color:#d9bba0!important;color:#fff;text-align:center}.react-calendar .status1-tile{background-color:#206e8c!important;color:#fff;text-align:center}.react-calendar__tile--rangeStart,.react-calendar__tile--rangeEnd,.react-calendar__tile--range{background-color:#3674c6!important;color:#fff!important}.legend{display:flex;justify-content:space-between;width:50%;font-size:1.5rem}.free{width:2rem;height:2rem;background-color:#80808073}.option{width:2rem;height:2rem;background-color:#206e8c}.reserved{width:2rem;height:2rem;background-color:#d9bba0}.legend>div{display:flex;align-items:center;gap:1rem}.formReservation{display:flex;flex-wrap:wrap;max-width:600px;margin:0 auto;justify-content:center;align-items:center}.formReservation div{display:flex;flex-direction:column;margin-bottom:15px;flex-basis:50%}.formReservation label{font-weight:700;margin-bottom:5px}.formReservation input,.formReservation textarea{padding:10px;border:1px solid #ccc;border-radius:4px;flex-grow:1;margin-bottom:10px}.formReservation .complement textarea{height:100px}.complement{margin-top:15px}.complement label{margin-top:10px}.complement textarea{height:100px}.formReservation input:invalid,.formReservation textarea:invalid{border-color:red}.formReservation input:valid,.formReservation textarea:valid{border-color:green}.formReservation input[type=submit]{background-color:#d9bba0;color:#fff;cursor:pointer;width:100%}@media screen and (max-width: 600px){.formReservation div{flex-basis:100%}}.spinner{display:flex;align-items:center;justify-content:center;flex-direction:column}.custom-loader{margin-top:2rem;width:100px;height:100px;display:grid;border-radius:50%;background:conic-gradient(#206e8c 25%,#d9bba0 0 50%,#ffffff 0 75%,#206e8c 0);animation:s2 2s infinite linear}.custom-loader:before,.custom-loader:after{content:"";grid-area:1/1;margin:15%;border-radius:50%;background:inherit;animation:inherit}.custom-loader:after{margin:25%;animation-duration:3s}@keyframes s2{to{transform:rotate(1turn)}}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}