@import url(https://fonts.googleapis.com/css?family=Roboto|Wendy+One&display=swap);*{margin:0;padding:0;font-family:Wendy One,sans-serif}* input,* label,* legend,* li,* p,* select{font-family:Roboto,sans-serif}header{width:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;background-color:#ba324f}header a{background-color:#175676;text-decoration:none;padding:10px;border-radius:4px}header a,header h1{color:#fff}header div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header img{width:50px;margin-right:10px}.navbar{height:calc(100vh - 70px);max-width:250px;background-color:#175676;display:inline-block}.navbar a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;text-decoration:none;padding:10px 10px 10px 20px}.navbar h2 a{background-color:#0e6998;padding:10px}.navbar .wrap{height:0;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}.vue{display:inline-block;width:calc(100% - 218px);vertical-align:top;height:calc(100vh - 110px);padding:20px;background-color:#f4f4f4}.vue h2{padding:0 0 20px}.control[data-v-2a7ae39e]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.control .button a[data-v-2a7ae39e]{padding:10px;background-color:#175676;color:#fff;text-decoration:none;border-radius:4px;display:block}.control .select select[data-v-2a7ae39e]{padding:5px 0;color:#777;border:none;border-bottom:1px solid #777;margin:4.8px 20px 4.8px 0}.display[data-v-2a7ae39e]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 280px);padding:15px;margin-top:20px;overflow-y:scroll}input[data-v-2a7ae39e]{border:none;border-bottom:1px solid #adadad;font-size:14px;padding:5px}input[data-v-2a7ae39e]:focus{border-bottom:2px solid #00f!important}.container[data-v-60fb36b5]{margin:auto}.groupe[data-v-60fb36b5]{background-color:#f4f4f4;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);width:280px;margin:20px}.groupe [data-v-60fb36b5]{display:block}.groupe h3[data-v-60fb36b5]{padding:10px;color:#fff;background-color:#175676}.groupe h4[data-v-60fb36b5]{padding:5px 10px;color:#fff;background-color:#0e6998}.groupe p[data-v-60fb36b5]{padding:3px 10px}.groupe ul[data-v-60fb36b5]{padding:3px 10px;list-style-type:armenian}.groupe a[data-v-60fb36b5]{padding:3px 10px}.groupe .action[data-v-60fb36b5]{padding:20px 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.groupe .action button[data-v-60fb36b5]{padding:10px;border:none;color:#fff;cursor:pointer}.groupe .action .add[data-v-60fb36b5]{border:2px solid #175676;background-color:#f4f4f4;color:#175676;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.groupe .action .add[data-v-60fb36b5]:hover{background-color:#175676;color:#fff}.groupe .action .update[data-v-60fb36b5]{border:2px solid #44b787;background-color:#f4f4f4;color:#44b787;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.groupe .action .update[data-v-60fb36b5]:hover{background-color:#44b787;color:#fff}.groupe .action .delete[data-v-60fb36b5]{border:2px solid #ba324f;background-color:#f4f4f4;color:#ba324f;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.groupe .action .delete[data-v-60fb36b5]:hover{background-color:#ba324f;color:#fff}.listes[data-v-60fb36b5]{position:fixed;left:0;top:0;background:rgba(68,68,68,.67);width:100vw;height:100vh}.listes ul[data-v-60fb36b5]{position:fixed;left:50vw;top:50vh;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);background-color:#fff;list-style-type:none}.listes ul li[data-v-60fb36b5]{padding:10px}.listes ul li[data-v-60fb36b5]:hover{background-color:#175676;cursor:pointer;color:#fff}.display[data-v-4e80bd90]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 270px);padding:15px;overflow-y:scroll}.display .header[data-v-4e80bd90]{display:block;width:100%}.display .header ul[data-v-4e80bd90]{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;border-bottom:1px solid #aaa;padding-bottom:10px}.display .header ul li a[data-v-4e80bd90]{text-decoration:none;color:#777}.display .header ul .name[data-v-4e80bd90]{width:20%}.display .header ul .desc[data-v-4e80bd90]{width:40%;cursor:text}.display .header ul .date[data-v-4e80bd90]{width:25%}.display .header ul .public[data-v-4e80bd90]{width:15%}.display .liste ul[data-v-4e80bd90]{list-style-type:none}.display .liste ul li div[data-v-4e80bd90]{padding:10px 0}.display .liste ul li div p[data-v-4e80bd90]{display:inline-block}.display .liste ul li div .name[data-v-4e80bd90]{width:20%}.display .liste ul li div .desc[data-v-4e80bd90]{width:40%}.display .liste ul li div .date[data-v-4e80bd90]{width:25%}.display .liste ul li div .public[data-v-4e80bd90]{width:15%}.add[data-v-4e80bd90]{padding:10px;background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:20px}.add ul[data-v-4e80bd90]{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.add ul li button[data-v-4e80bd90],.add ul li input[data-v-4e80bd90]{width:calc(100% - 20px);border:none;background-color:#e5e5e5;font-size:20px;padding:10px;border-radius:4px;font-family:Roboto,sans-serif}.add ul li button[data-v-4e80bd90]{width:100%;cursor:pointer}.add ul li button[type=submit][data-v-4e80bd90]{background-color:#175676;color:#fff}.add ul li button[type=reset][data-v-4e80bd90]{background-color:rgba(23,86,118,.2);color:#000}.add ul li[data-v-4e80bd90]:first-child{width:30%}.add ul li[data-v-4e80bd90]:nth-child(2){width:40%}.add ul li[data-v-4e80bd90]:nth-child(3){width:17%}.display[data-v-8c6e0b28]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 270px);padding:15px;overflow-y:scroll}.display .header[data-v-8c6e0b28]{display:block;width:100%}.display .header ul[data-v-8c6e0b28]{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;border-bottom:1px solid #aaa;padding-bottom:10px}.display .header ul li a[data-v-8c6e0b28]{text-decoration:none;color:#777}.display .header ul .name[data-v-8c6e0b28]{width:20%}.display .header ul .desc[data-v-8c6e0b28]{width:40%;cursor:text}.display .header ul .date[data-v-8c6e0b28]{width:25%}.display .header ul .public[data-v-8c6e0b28]{width:15%}.display .liste ul[data-v-8c6e0b28]{list-style-type:none}.display .liste ul li div[data-v-8c6e0b28]{padding:10px 0}.display .liste ul li div p[data-v-8c6e0b28]{display:inline-block}.display .liste ul li div .name[data-v-8c6e0b28]{width:20%}.display .liste ul li div .desc[data-v-8c6e0b28]{width:40%}.display .liste ul li div .date[data-v-8c6e0b28]{width:25%}.display .liste ul li div .public[data-v-8c6e0b28]{width:15%}.add[data-v-8c6e0b28]{padding:10px;background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:20px}.add ul[data-v-8c6e0b28]{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.add ul li button[data-v-8c6e0b28],.add ul li input[data-v-8c6e0b28]{width:calc(100% - 20px);border:none;background-color:#e5e5e5;font-size:20px;padding:10px;border-radius:4px;font-family:Roboto,sans-serif}.add ul li button[data-v-8c6e0b28]{width:100%;cursor:pointer}.add ul li button[type=submit][data-v-8c6e0b28]{background-color:#175676;color:#fff}.add ul li button[type=reset][data-v-8c6e0b28]{background-color:rgba(23,86,118,.2);color:#000}.add ul li[data-v-8c6e0b28]:first-child{width:30%}.add ul li[data-v-8c6e0b28]:nth-child(2){width:40%}.add ul li[data-v-8c6e0b28]:nth-child(3){width:17%}.display[data-v-3c1f74be]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 270px);padding:15px;overflow-y:scroll}.display .header[data-v-3c1f74be]{display:block;width:100%}.display .header ul[data-v-3c1f74be]{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;border-bottom:1px solid #aaa;padding-bottom:10px}.display .header ul li a[data-v-3c1f74be]{text-decoration:none;color:#777}.display .header ul .name[data-v-3c1f74be]{width:20%}.display .header ul .desc[data-v-3c1f74be]{width:40%;cursor:text}.display .header ul .date[data-v-3c1f74be]{width:25%}.display .header ul .public[data-v-3c1f74be]{width:15%}.display .liste ul[data-v-3c1f74be]{list-style-type:none}.display .liste ul li .delete[data-v-3c1f74be]{padding:10px;background-color:#c51010;border:none;border-radius:4px;color:#fff;margin-left:15%}.display .liste ul li div[data-v-3c1f74be]{padding:10px 0}.display .liste ul li div p[data-v-3c1f74be]{display:inline-block}.display .liste ul li div .name[data-v-3c1f74be]{width:20%}.display .liste ul li div .desc[data-v-3c1f74be]{width:40%}.display .liste ul li div .date[data-v-3c1f74be]{width:25%}.display .liste ul li div .public[data-v-3c1f74be]{width:15%}.add[data-v-3c1f74be]{padding:10px;background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:20px}.add ul[data-v-3c1f74be]{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.add ul li button[data-v-3c1f74be],.add ul li input[data-v-3c1f74be]{width:calc(100% - 20px);border:none;background-color:#e5e5e5;font-size:20px;padding:10px;border-radius:4px;font-family:Roboto,sans-serif}.add ul li button[data-v-3c1f74be]{width:100%;cursor:pointer}.add ul li button[type=submit][data-v-3c1f74be]{background-color:#175676;color:#fff}.add ul li button[type=reset][data-v-3c1f74be]{background-color:rgba(23,86,118,.2);color:#000}.add ul li[data-v-3c1f74be]:first-child{width:30%}.add ul li[data-v-3c1f74be]:nth-child(2){width:40%}.add ul li[data-v-3c1f74be]:nth-child(3){width:17%}.display[data-v-31a35f2c]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 210px);padding:15px;margin-top:20px;overflow-y:scroll}.display form[data-v-31a35f2c]{max-width:500px;margin:auto}.display ul[data-v-31a35f2c]:not(.genre){list-style-type:none;padding:0;margin:0}.display ul:not(.genre) input[data-v-31a35f2c],.display ul:not(.genre) label[data-v-31a35f2c]{display:block}.display ul:not(.genre) input[data-v-31a35f2c]{border:none;background-color:#f4f4f4;padding:5px;font-size:20px}.display ul:not(.genre) label[data-v-31a35f2c]{padding-bottom:3px}.display ul:not(.genre) label .optional[data-v-31a35f2c]{font-size:15px;color:#5d5d5d}.display ul:not(.genre) li[data-v-31a35f2c]{padding:10px}.display ul:not(.genre) button[data-v-31a35f2c]{padding:10px;font-size:20px;cursor:pointer;border:none;color:#fff;background-color:#175676}.display ul:not(.genre) button[type=reset][data-v-31a35f2c]{color:#175676;background-color:#f4f4f4}.display ul.genre[data-v-31a35f2c]{list-style-type:none;padding:10px}.display ul.genre input[data-v-31a35f2c],.display ul.genre label[data-v-31a35f2c],.display ul.genre li[data-v-31a35f2c]{display:inline}.display ul.genre li label[data-v-31a35f2c]{display:inline-block;background-color:hsla(0,0%,100%,.9);border:2px solid #175676;color:#175676;border-radius:25px;white-space:nowrap;margin:3px 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all .2s;transition:all .2s;padding:8px 12px;cursor:pointer}.display ul.genre li input[type=checkbox]:checked+label[data-v-31a35f2c]{border:2px solid #175676;background-color:#175676;color:#fff;-webkit-transition:all .2s;transition:all .2s}.display ul.genre li input[type=checkbox][data-v-31a35f2c]{display:absolute;position:absolute;opacity:0}.display ul.genre li input[type=checkbox]:focus+label[data-v-31a35f2c]{border:2px solid #175676}.display[data-v-98824ce2]{width:calc(100% - 30px);background-color:#fff;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);height:calc(100vh - 210px);padding:15px;margin-top:20px;overflow-y:scroll}.display form[data-v-98824ce2]{max-width:500px;margin:auto}.display ul[data-v-98824ce2]:not(.genre){list-style-type:none;padding:0;margin:0}.display ul:not(.genre) input[data-v-98824ce2],.display ul:not(.genre) label[data-v-98824ce2]{display:block}.display ul:not(.genre) input[data-v-98824ce2]{border:none;background-color:#f4f4f4;padding:5px;font-size:20px}.display ul:not(.genre) label[data-v-98824ce2]{padding-bottom:3px}.display ul:not(.genre) label .optional[data-v-98824ce2]{font-size:15px;color:#5d5d5d}.display ul:not(.genre) li[data-v-98824ce2]{padding:10px}.display ul:not(.genre) button[data-v-98824ce2]{padding:10px;font-size:20px;cursor:pointer;border:none;color:#fff;background-color:#175676}.display ul:not(.genre) button[type=reset][data-v-98824ce2]{color:#175676;background-color:#f4f4f4}.display ul.genre[data-v-98824ce2]{list-style-type:none;padding:10px}.display ul.genre input[data-v-98824ce2],.display ul.genre label[data-v-98824ce2],.display ul.genre li[data-v-98824ce2]{display:inline}.display ul.genre li label[data-v-98824ce2]{display:inline-block;background-color:hsla(0,0%,100%,.9);border:2px solid #175676;color:#175676;border-radius:25px;white-space:nowrap;margin:3px 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all .2s;transition:all .2s;padding:8px 12px;cursor:pointer}.display ul.genre li input[type=checkbox]:checked+label[data-v-98824ce2]{border:2px solid #175676;background-color:#175676;color:#fff;-webkit-transition:all .2s;transition:all .2s}.display ul.genre li input[type=checkbox][data-v-98824ce2]{display:absolute;position:absolute;opacity:0}.display ul.genre li input[type=checkbox]:focus+label[data-v-98824ce2]{border:2px solid #175676}.icon[data-v-69f533a6],form[data-v-69f533a6]{position:relative}body[data-v-69f533a6]:before{background-color:#86223a;background-image:url(/static/img/note.a1ffa33.jpg);background-size:400px;content:"";width:100vw;height:100vh;position:absolute;top:0;-webkit-filter:blur(0) opacity(20%);filter:blur(0) opacity(20%)}.response[data-v-69f533a6]{color:red;font-family:Roboto,sans-serif;font-size:1.2em;font-weight:700;padding-bottom:10px}.form[data-v-69f533a6]{width:360px;max-width:100%;margin:calc(50vh - 200px) auto 0}form button[data-v-69f533a6],form input[data-v-69f533a6]{font-family:Roboto,sans-serif;outline:0;width:100%;border:0;padding:15px;font-size:14px}form[data-v-69f533a6]{z-index:1;background:#fff;max-width:360px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);padding:20px 40px}form input[data-v-69f533a6]{background:#f2f2f2;margin:0 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}form button[data-v-69f533a6]{text-transform:uppercase;background:#86223a;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}form button[data-v-69f533a6]:active,form button[data-v-69f533a6]:focus,form button[data-v-69f533a6]:hover{background-color:#91364b}form ul[data-v-69f533a6]{list-style-type:none;padding:0}.icon[data-v-69f533a6]{display:block}.no-slash[data-v-69f533a6],.slash[data-v-69f533a6]{position:absolute;cursor:pointer;height:30px;margin-top:-53px;margin-left:calc(100% - 50px)}.no-slash[data-v-69f533a6]{margin-left:calc(100% - 48px)}
/*# sourceMappingURL=app.85f0f201e5f72f9ac6cdfbe5e6fa156b.css.map */