*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}svg{box-sizing:content-box}input,select,textarea{font-size:15px}body{position:relative;background:#a3a3a3}body,button{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;font-size:16px}.buttons{position:absolute;display:flex;top:50%;transform:translateY(-50%);top:25px;right:-65px;transition:.3s;z-index:1}.buttons button{width:40px;height:40px;margin:0 0 0 5px;transition:.3s;border-radius:15px}.buttons .button_delete{transform:translateX(50%);background:#ff6060}.buttons .buttons_confirmation{display:flex;visibility:hidden}.buttons .buttons_confirmation .oui{background:#48ff48;opacity:0}.buttons .buttons_confirmation .non{background:#ff6060;opacity:0}.buttons.active{right:5px}.buttons.active .button_delete{opacity:0;visibility:hidden}.buttons.active .buttons_confirmation{visibility:visible}.buttons.active .buttons_confirmation .non,.buttons.active .buttons_confirmation .oui{opacity:1}ul{list-style:none}a{text-decoration:none;color:#333}section{padding:120px 0}.width15{max-width:15%;flex:0 0 15%}.width20{max-width:20%;flex:0 0 20%}.width25{max-width:25%;flex:0 0 25%}.width30{max-width:30%;flex:0 0 30%}.width33{max-width:33.333%;flex:0 0 33.333%}.width50{max-width:50%;flex:0 0 50%}.width70{max-width:70%;flex:0 0 70%}.width100{max-width:100%;flex:0 0 100%}h1,h2,h3,h4,h5,h6,p{margin:0}.width800{max-width:800px}.width29{max-width:29%}.width69{max-width:69%}button{cursor:pointer;border:0;background:none}.app{background:url(/_next/static/media/slide_2.78e9d747.jpg);min-height:100vh;background-attachment:fixed}#home{position:fixed;top:0;left:0;height:100vh;background:#181818;padding-top:15px;box-shadow:10px 0 0 #e30515;overflow-x:hidden;transition:all .5s;z-index:2}#home a{width:100%;display:flex;align-items:center;color:#fff;margin-left:10px;padding:15px 30px 15px 15px;position:relative}#home a svg{color:#fff;margin-right:30px}#home a span{white-space:nowrap}#home a.active{background:#e30515;border-top-left-radius:15px;border-bottom-left-radius:15px}#home a.active:before{top:-30px;box-shadow:12px 12px 0 #e30515}#home a.active:after,#home a.active:before{content:"";position:absolute;right:10px;border-radius:50px;width:30px;height:30px}#home a.active:after{bottom:-30px;box-shadow:12px -12px 0 #e30515}#home .button-link{width:100%;display:flex;align-items:center;color:#fff;margin-left:10px;padding:15px 30px 15px 15px;position:relative;font-size:16px}#home .button-link svg{color:#fff;margin-right:30px}#home .button-link span{white-space:nowrap}#home .button-link.active{background:#e30515;border-top-left-radius:15px;border-bottom-left-radius:15px}#home .button-link.active:before{top:-30px;box-shadow:12px 12px 0 #e30515}#home .button-link.active:after,#home .button-link.active:before{content:"";position:absolute;right:10px;border-radius:50px;width:30px;height:30px}#home .button-link.active:after{bottom:-30px;box-shadow:12px -12px 0 #e30515}.loading{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;text-align:center;min-height:100vh;font-size:4em;color:#fff;background:url(/_next/static/media/slide_2.78e9d747.jpg) no-repeat 50%;background-size:cover}@media only screen and (max-width:500px){.loading{font-size:1.4em}}.loading_users{background:url(/_next/static/media/slide_3.92344ffc.jpg) no-repeat 50%;background-size:cover}.loading_mes_fichiers,.loading_users{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;min-height:100vh;font-size:4em;color:#fff}.loading_mes_fichiers{background:url(/_next/static/media/slide_4.15d6f4be.jpg) no-repeat 50%;background-size:cover}.loading_dots span{display:inline-block;animation:saut .6s ease-in-out infinite}.loading_dots span:nth-child(2){animation-delay:.2s}.loading_dots span:nth-child(3){animation-delay:.4s}@keyframes saut{0%{transform:translateY(0)}30%{transform:translateY(-10px)}70%{transform:translateY(0)}to{transform:translateY(0)}}.menu-home{min-height:100vh;background:url(/_next/static/media/slide_2.78e9d747.jpg) no-repeat 50%;background-size:cover}.menu-home,.menu-home .links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.menu-home .links{font-size:1.1em;max-width:800px}.menu-home .links h1{width:100%;text-align:center}.menu-home .links .title_2{margin-top:40px}.menu-home .links a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px;margin:20px;border-radius:10px;min-height:200px;min-width:330px;color:#fff;text-align:center;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-home .links a svg{font-size:5em}.menu-home .links a span{max-width:100%;flex:0 0 100%}.menu-home .links a.gestion_users{background:rgba(227,5,21,.5)}.menu-home .links a.mes_fichiers{background:rgba(93,137,202,.5)}.menu-home .links a:hover{transform:translateY(-5px)}@media only screen and (max-width:500px){.menu-home a{padding:0;margin:10px;min-width:inherit;width:100%}}.show-home-inactive{width:60px}.show-home-active{width:300px}.show-home-active .button-handleclick svg{transform:rotate(180deg)}.liste .count-search{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin-top:20px;margin-bottom:20px}.liste .count-search input{padding:20px;border-radius:50px;max-width:400px;flex:0 0 400px;border:0}.liste .list-flex{margin-bottom:1px}.liste .list-flex .button-add-list{background:#48ff48;padding:15px 30px;font-weight:500;font-size:1.2em;width:15%;flex:0 0 15%}.liste .list-flex .button-add-list:disabled{background:#a1d19d;cursor:inherit}.liste .list-flex input{max-width:85%;flex:0 0 85%;border-radius:0;border:0;padding:15px 10px}.liste .list-flex .add-in-list{max-width:100%;flex:0 0 100%}.liste textarea{width:100%;padding:15px 10px;border:0;resize:vertical}.liste ul{padding:0}.liste ul li{display:flex;align-items:center;background:#fff;margin-bottom:1px;font-weight:500;padding:15px 10px}.liste ul li input{border:0}.liste ul li .nom-societe{padding:20px 30px;background:#e30515;border-radius:50px;color:#fff}.liste ul li .nombre-matos{padding:20px 30px;margin-left:20px;background:#181818;border-radius:50px;color:#fff}.liste ul li .img-faces{max-width:60px;flex:0 0 60px}.liste ul li .img-faces img{height:60px;border-radius:60px}.button-add{width:100%;background:#48ff48;padding:15px 0;color:#fff;font-weight:500;font-size:1.2em}.button-add:disabled{background:#4cd600;cursor:inherit}.button-add-blue{width:100%;background:#5d89ca;text-align:center;margin-top:15px;padding:15px 0;color:#fff;font-weight:500;font-size:1.2em}.button-add-blue:disabled{background:#4cd600;cursor:inherit}.button-circle{position:fixed;bottom:40px;right:40px;width:60px;height:60px;padding:10px;font-size:2em;background:#333;color:#fff;border-radius:100px;display:flex;justify-content:center;align-items:center}.button-circle-top{right:5px}.button-circle-top,.button-circle-top-left{position:fixed;top:5px;width:60px;height:60px;padding:10px;font-size:2em;background:#333;color:#fff;border-radius:100px;display:flex;justify-content:center;align-items:center}.button-circle-top-left{left:5px}.button-update{background:#4cd600;color:#fff;padding:8px 16px;border-radius:200px}.button-trash{width:100%;flex:0 0 100%;font-size:2em}.button-trash svg{color:#fff;padding:15px;background:#ff6060;margin-top:15px;border-radius:100px}.button_close{position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;top:0;right:0;height:50px;width:50px;padding:10px;background:#e30515;border-radius:0 0 0 15px}.button_close span{height:2px;width:25px;background:#fff;border-radius:3px;transition:all .3s}.button_close span:first-child{transform:rotate(45deg);margin-bottom:-21px}.button_close span:nth-child(2){opacity:0}.button_close span:nth-child(3){transform:rotate(-45deg);margin-top:-20px}.upload_progress{flex-flow:column wrap;height:100%;font-size:5em;color:#fff;background:rgba(0,0,0,.7);z-index:5}#modal,.upload_progress{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%}#modal{flex-wrap:wrap;height:100vh;background:#a3a3a3;color:#383838;transition:all .3s;z-index:9}#modal .width800{position:fixed;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal h1{text-align:center;width:90%;margin-bottom:15px}#modal label{font-size:1.2em}#modal input,#modal select{padding:15px;width:90%;margin-bottom:15px}#modal .button-modal-ajouter{background:#48ff48;padding:15px;font-size:1.5em;border-radius:100px;width:90%}.modal_no_active{visibility:hidden;opacity:0}.modal_active{visibility:visible;opacity:1}#modal-add{position:fixed;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;top:0;left:0;width:100%;min-height:100vh;background:#a3a3a3;transition:all .3s;z-index:9}#modal-add h1{text-align:center;width:90%;margin-bottom:15px}#modal-add label{font-size:1.2em}#modal-add input,#modal-add select{padding:15px;width:90%;margin-bottom:15px}#modal-add .button-modal-ajouter{background:#48ff48;padding:15px;font-size:1.5em;border-radius:100px;width:90%}.modal-add_no_active{visibility:hidden;opacity:0}.modal-add_active{visibility:visible;opacity:1}textarea{width:100%}.notif{position:fixed;left:50%;transform:translateX(-50%);padding:10px 20px;transition:all .3s;background:#48ff48;border-radius:200px}.notif.inactive{top:-52px}.notif.active{top:12px}::-webkit-scrollbar{display:inherit;width:10px}::-webkit-scrollbar-button{background:#181818}::-webkit-scrollbar-thumb{background:#e30515}::-webkit-scrollbar-thumb:hover{background:#b30b00}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}@media only screen and (max-width:1000px){#home .button-handleclick{position:fixed;top:0;right:0}.show-home-inactive{margin-left:-70px}.pages{padding-left:inherit}}@media only screen and (max-width:1110px){#modal-contrats .edit-client{flex-wrap:wrap}#modal-contrats .edit-client .societe{max-width:100%;flex:0 0 100%;margin-bottom:1px}#modal-contrats .edit-client .button-modal-ajouter,#modal-contrats .edit-client .button-modal-trash,#modal-contrats .edit-client .nombre-pc,#modal-contrats .edit-client select{max-width:50%;flex:0 0 50%;margin-bottom:1px}#modal-contrats .add-taches{flex-wrap:wrap}#modal-contrats .add-taches .date,#modal-contrats .add-taches .time{max-width:50%;flex:0 0 50%;margin-bottom:1px}#modal-contrats .add-taches p{max-width:100%;flex:0 0 100%;margin-bottom:1px}#modal-contrats .add-taches textarea{min-height:120px;margin-bottom:1px}#modal-contrats .add-taches .button-modal-ajouter{max-width:100%;flex:0 0 100%}}.color_logo1{color:#e30515}.color_logo2{color:#181818}#nav{position:fixed;top:0;left:0;height:100vh;background:#181818;padding-top:15px;box-shadow:10px 0 0 #e30515;overflow-x:hidden;transition:all .5s;z-index:100}#nav .button_logout,#nav .user_email,#nav a{width:100%;display:flex;align-items:center;color:#fff;margin-left:10px;position:relative;font-size:1.1em;padding:15px 30px 15px 50px}#nav .button_logout svg,#nav .user_email svg,#nav a svg{position:absolute;left:10px;color:#fff}#nav .button_logout span,#nav .user_email span,#nav a span{white-space:nowrap}#nav .button_logout.active,#nav .user_email.active,#nav a.active{background:#e30515;border-top-left-radius:15px;border-bottom-left-radius:15px}#nav .button_logout.active:before,#nav .user_email.active:before,#nav a.active:before{content:"";position:absolute;top:-30px;right:10px;border-radius:50px;width:30px;height:30px;box-shadow:12px 12px 0 #e30515}#nav .button_logout.active:after,#nav .user_email.active:after,#nav a.active:after{content:"";position:absolute;bottom:-30px;right:10px;border-radius:50px;width:30px;height:30px;box-shadow:12px -12px 0 #e30515}#nav .button-link{width:100%;display:flex;align-items:center;color:#fff;margin-left:10px;padding:15px 30px 15px 15px;position:relative;font-size:16px}#nav .button-link svg{color:#fff;margin-right:30px}#nav .button-link span{white-space:nowrap}#nav .button-link.active{background:#5d89ca;border-top-left-radius:15px;border-bottom-left-radius:15px}#nav .button-link.active:before{top:-30px;box-shadow:12px 12px 0 #5d89ca}#nav .button-link.active:after,#nav .button-link.active:before{content:"";position:absolute;right:10px;border-radius:50px;width:30px;height:30px}#nav .button-link.active:after{bottom:-30px;box-shadow:12px -12px 0 #5d89ca}.button-handleclick{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#181818;height:50px;width:50px;padding:10px;top:0;left:0;background:#fff;border-radius:0 0 20px 0;transition:all .5s;z-index:2}.button-handleclick span{height:2px;width:25px;background:#181818;border-radius:3px;transition:all .3s}.button-handleclick span:first-child,.button-handleclick span:nth-child(3){transform-origin:center}#fond-close-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:all .3s;z-index:11}.show-fond-active{opacity:1;visibility:visible}.show-fond-inactive{opacity:0;visibility:hidden}.show-nav-inactive{margin-left:-400px}.show-nav-active{width:300px}.show-nav-active .button-handleclick{left:310px}.show-nav-active .button-handleclick span:first-child{transform:rotate(45deg);margin-bottom:-21px}.show-nav-active .button-handleclick span:nth-child(2){opacity:0}.show-nav-active .button-handleclick span:nth-child(3){transform:rotate(-45deg);margin-top:-20px}@media only screen and (max-width:1000px){.user_email{margin-top:30px}.show-nav-active{width:100%}.show-nav-active .button-handleclick{left:calc(100% - 50px);border-radius:0 0 0 20px}}