.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.container h1{color:#0c192b;text-align:center}.container form{display:flex;flex-direction:column;width:30%}.container form .inputs{background-color:#f6f5fa;border-radius:15px;font-weight:600;margin-bottom:1rem;padding:10px 20px;width:100%}.container form .inputs,.container form .inputs div{display:flex;flex-direction:column}.container form .inputs label{color:#0c192b}.container form .inputs input{background-color:transparent;border:none;outline:none}.container form .submit{background-color:#0c192b;border:none;border-radius:355px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;outline:none;padding:10px 20px;width:100%}.dashboard{background-color:#f6f5fa;display:flex;flex-direction:row;justify-content:space-between}.dashboard a{font-weight:600;outline:none;text-decoration:none}.sidebar{align-items:center;background-color:#fff;border-right:1px solid #99a9ba;display:flex;flex-direction:column;height:120vh;width:15%}.sidebar .logo{margin:20% 0}.sidebar .action-bar{align-items:center;display:flex;flex-direction:column;margin:10px 0 0;width:100%}.sidebar .action-bar a{width:90%}.sidebar .action-bar button{align-items:center;background-color:transparent;border:none;border-radius:15px;color:#7e7d80;display:flex;font-weight:600;gap:5px;justify-content:center;outline:none;padding:10px 20px;width:100%}.sidebar .action-bar-active{align-items:center;display:flex;flex-direction:column;margin:10px 0 0;width:100%}.sidebar .action-bar-active a{width:90%}.sidebar .action-bar-active button{align-items:center;background-color:#f6f5fa;border:none;border-radius:15px;display:flex;font-weight:600;gap:5px;justify-content:center;outline:none;padding:10px 20px;width:100%}.sidebar .logout{margin-top:30%}.sidebar .logout a{color:#7e7d80;font-weight:600;outline:none;text-decoration:none}.content{display:flex;flex-direction:column;margin:3%;width:80%}.content a,.content h1{color:#0c192b}.content a{font-weight:600;outline:none;text-decoration:none}.content .dashboard-header{align-items:center;display:flex;flex-direction:row;margin:3% 0}.content .dashboard-header h1{margin-right:40%}.content .dashboard-header .add a{outline:none;text-decoration:none}.content .dashboard-header .add a button{align-items:center;background-color:#0c192b;border:none;border-radius:30px;color:#fff;display:flex;font-weight:600;gap:5px;outline:none;padding:10px 20px}.content .dashboard-header .search{align-items:center;background-color:#fff;border-radius:30px;display:flex;flex-direction:row;gap:10px;margin-right:5%;padding:10px 20px}.content .dashboard-header .search button,.content .dashboard-header .search input{background-color:transparent;border:none;color:#979699;outline:none}.content .dashboard-header .search button{border-radius:30px;font-weight:600}.content .content-header{align-items:center;color:#0c192b;display:flex;flex-direction:row;justify-content:space-between;margin:3% 0;width:75%}.content .content-header a{font-weight:600;outline:none;text-decoration:none}.content .content-header a button{align-items:center;background-color:#f6f5fa;border:none;border-radius:30px;color:#979699;display:flex;font-weight:600;gap:5px;outline:none;padding:2px 20px}.content .client-list{background-color:#fff;border-radius:30px;height:70vh}.content .client-list .client-list-header{align-items:center;display:flex;flex-direction:row;margin:3% 0;padding:0 20px;width:99%}.content .client-list .client-list-header .client-list-header-item{width:30%}.content .client-list .client-list-content{align-items:center;background-color:#fff;border-radius:30px;display:flex;flex-direction:column;height:100%;overflow-y:scroll;scrollbar-color:#0c192b #f6f5fa;scrollbar-width:thin}.content .client-list .client-list-content .client-list-content-item{align-items:center;border-top:1px solid #99a9ba;display:flex;flex-direction:row;padding:10px 20px;width:100%}.content .client-list .client-list-content .client-list-content-item .item{width:30%}.content .client-list .client-list-content .client-list-content-item .client-list-content-adresse{display:flex;flex-direction:column;gap:2px;text-align:left}.content .client-list .client-list-content .client-list-content-item .edit{display:none}.content .client-list .client-list-content .client-list-content-item .edit a{align-items:center;background-color:#0c192b;border-radius:99999px;color:#fff;display:flex;font-weight:600;height:35px;justify-content:center;outline:none;text-decoration:none;width:35px}.content .client-list .client-list-content::-webkit-scrollbar{width:10px}.content .client-list .client-list-content::-webkit-scrollbar-thumb{background-color:#0c192b;border-radius:10px}.content .form-group{display:flex;flex-direction:column;width:75%}.content .form-group .form-user{width:100%}.content .form-group .form-user .user-identity{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.content .form-group .form-user .user-identity input{background-color:transparent;border:none;outline:none;width:100%}.content .form-group .form-user .user-identity .firstname,.content .form-group .form-user .user-identity .lastname{background-color:#fff;border-radius:15px;margin:10px 0;padding:5px 20px;width:48%}.content .form-group .form-user .form-contact{display:flex;flex-direction:column;width:100%}.content .form-group .form-user .form-contact input{background-color:transparent;border:none;outline:none;width:100%}.content .form-group .form-user .form-contact .email,.content .form-group .form-user .form-contact .phone{background-color:#fff;border-radius:15px;margin:10px 0;padding:5px 20px;width:100%}.content .form-group .form-adresse{width:100%}.content .form-group .form-adresse h4{color:#0c192b}.content .form-group .form-adresse input{background-color:transparent;border:none;outline:none;width:100%}.content .form-group .form-adresse .adresse{background-color:#fff;border-radius:15px;margin:10px 0;padding:5px 20px;width:100%}.content .form-group .form-adresse .city-infos{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.content .form-group .form-adresse .city-infos .city,.content .form-group .form-adresse .city-infos .zip-code{background-color:#fff;border-radius:15px;margin:10px 0;padding:5px 20px;width:48%}.content .form-group .form-adresse .submit{display:flex;flex-direction:row;justify-content:flex-end}.content .form-group .form-adresse .submit button{align-items:center;background-color:#0c192b;border:none;border-radius:30px;color:#fff;display:flex;font-weight:600;gap:5px;justify-content:center;margin:10px 0;outline:none;padding:10px 20px;width:25%}.content .back{align-items:center;display:flex;flex-direction:row}.content .back a{color:#0c192b;font-weight:600;outline:none;text-decoration:none}.content .back a button{background-color:#0c192b;border:none;border-radius:30px;color:#fff;font-weight:600;margin:10px 0;outline:none;padding:10px 20px}.content .back a button,.home{align-items:center;display:flex;justify-content:center;width:100%}.home{flex-direction:column;height:100vh}.home img{margin:20px 0;width:15%}.home a{outline:none;text-decoration:none}.home a button{background-color:#0c192b;border:none;border-radius:30px;color:#fff;font-weight:600;gap:5px;margin:20px 0;outline:none;padding:10px 40px;width:100%}.home .logos,.home a button{align-items:center;display:flex;justify-content:center}.home .logos{flex-direction:row;gap:60px}.home .logos #langlois{width:50%!important}.home .logos img{width:30%}.download{align-items:center;display:flex;justify-content:space-around;width:50%}.download a{max-width:250px}.download a img{margin:0 10px;width:100%}.access{margin-top:5%}.access,.access button{align-items:center;display:flex;justify-content:center}.access button{background-color:#0c192b;border:none;border-radius:30px;color:#fff;font-size:1em;font-weight:600;margin:20px 0;outline:none;padding:10px 40px;width:100%}@media screen and (max-width:450px){.container form{width:75%}.container form .submit{width:100%}.download{flex-direction:column}.download a{max-width:100%}.download a img{margin:5px 0;width:100%}.access a{align-items:center;display:flex;flex-direction:column}.access button{font-size:.8em;width:75%}}