@charset "UTF-8";.light,:root{--color-bouton:#0056b3}a,body{color:var(--texte-principal)}#div_favori,.cookie-banner,.div-btn-mod,.light,.note-table{animation-name:appearance_centre}.home .action,.home .info{Animation-duration:2s}.cookie-banner,header{left:0;Animation-duration:0.5s}.home .info,header{animation-name:appearance_left}#div_favori,.account,.carte,.cookie-banner,.div-btn-mod,.edit-user,.light,.login,.mention,.note-table,.register,header{Animation-duration:0.5s}*,header #btn-nav-none{margin:0}:root{--fond-principal:#010c1b;--fond-des-cartes:#1a2430;--texte-principal:#E0E0E0;--texte-secondaire:#B0B0B0;--color-hover-bouton:#007BFF;--color-text-bouton:#ffffff}.light{--fond-principal:#e0e0e0;--fond-des-cartes:#d6d6d6;--texte-principal:#1a1a1a;--texte-secondaire:#3d3d3d;--color-hover-bouton:#003f80;--color-text-bouton:#e0e0e0}.btn,.btn a{color:var(--color-text-bouton)}*{padding:0;box-sizing:border-box}body,html{height:100%;display:flex;flex-direction:column}body{background-color:var(--fond-principal);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}#admin_note,#div_folder,#div_note,#note-code,#note-id,#note-language{display:none;animation-name:appearance_centre;Animation-duration:0.5s}a{text-decoration:none}.btn{margin:1vh;padding:.8vh;border:none;border-radius:5px;background-color:var(--color-bouton);cursor:pointer;transition:background-color .5s}.btn:hover{background-color:var(--color-hover-bouton)}.icone{margin:5px;padding:5px}.div-research,.mention .mentions h3,.mention .mentions h4,.mention .mentions p{margin-bottom:1vh}.img-account{max-width:10vh}.img-account img{width:auto;height:auto;max-width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}.img-account img:hover,.manage-contact img:hover,.manage-folder img:hover,.manage-langage img:hover,.manage-tag img:hover,header .nav-user img:hover{border:1px solid var(--fond-des-cartes)}.flex-message{display:flex;flex-direction:column;gap:10vh}.flex-message .flashes-message{background-color:var(--fond-principal);max-width:50%;padding:1vh;border-radius:10px;min-height:max-content}.margin-left{margin-left:15vh}.cookie-banner{z-index:9999;display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;width:100%;background:var(--fond-des-cartes);color:var(--texte-principal);text-align:center;padding:10px;font-size:14px}.cookie-none,.manage-contact .message-hidden,.manage-folder .message-hidden,.manage-langage .message-hidden,.manage-tag .message-hidden{display:none}.logo-hover-div{transform:scale(1);transition:transform .5s ease-in-out;transform-origin:center center}.logo-hover-div:hover{transform:scale(1.1);cursor:pointer}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--fond-principal);border-radius:5px}html::-webkit-scrollbar-thumb{background:var(--color-bouton);border-radius:5px}html::-webkit-scrollbar-thumb:hover{background:var(--color-hover-bouton)}.scroll-container,html{scrollbar-color:var(--color-bouton) var(--fond-principal);scrollbar-width:thin}.home{display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:space-around;align-content:center;padding:10px;margin-top:10%}.home .action,.home .info,.home .research-note{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background-color:var(--fond-des-cartes);gap:8vh;padding:1vh;border-radius:1vh;max-height:50vh;max-width:50vh;min-height:50vh;min-width:50vh}.home .action p,.home .info p,.home .research-note p{opacity:25%}.home .action img,.home .info img,.home .research-note img{max-height:100px;border-radius:10px}.account,.carte,.home .action,.home .research-note{animation-name:appearance_centre}.home .action{height:50vh;width:50vh}.home .action .btn,.home .research-note .btn{padding:1ch}.home .research-note{margin:1vh;Animation-duration:3s}.edit-user,.login,.mention,.register{display:flex;flex-wrap:wrap;justify-content:space-around;padding:1vh;margin-top:10%;animation-name:appearance_centre}.edit-user .edits-users,.edit-user .logins,.edit-user .mentions,.edit-user .registers,.login .edits-users,.login .logins,.login .mentions,.login .registers,.mention .edits-users,.mention .logins,.mention .mentions,.mention .registers,.register .edits-users,.register .logins,.register .mentions,.register .registers{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1vh;padding:5vh 1vh 1vh;border-radius:1vh;background-color:var(--fond-des-cartes);width:50vh}.edit-user .edits-users img,.edit-user .logins img,.edit-user .mentions img,.edit-user .registers img,.login .edits-users img,.login .logins img,.login .mentions img,.login .registers img,.mention .edits-users img,.mention .logins img,.mention .mentions img,.mention .registers img,.register .edits-users img,.register .logins img,.register .mentions img,.register .registers img{max-height:10vh;border-radius:1vh}.edit-user .edits-users form,.edit-user .logins form,.edit-user .mentions form,.edit-user .registers form,.login .edits-users form,.login .logins form,.login .mentions form,.login .registers form,.mention .edits-users form,.mention .logins form,.mention .mentions form,.mention .registers form,.register .edits-users form,.register .logins form,.register .mentions form,.register .registers form{display:flex;flex-direction:column;margin-top:1vh;gap:2vh}.edit-user .edits-users form input,.edit-user .edits-users form textarea,.edit-user .logins form input,.edit-user .logins form textarea,.edit-user .mentions form input,.edit-user .mentions form textarea,.edit-user .registers form input,.edit-user .registers form textarea,.login .edits-users form input,.login .edits-users form textarea,.login .logins form input,.login .logins form textarea,.login .mentions form input,.login .mentions form textarea,.login .registers form input,.login .registers form textarea,.mention .edits-users form input,.mention .edits-users form textarea,.mention .logins form input,.mention .logins form textarea,.mention .mentions form input,.mention .mentions form textarea,.mention .registers form input,.mention .registers form textarea,.register .edits-users form input,.register .edits-users form textarea,.register .logins form input,.register .logins form textarea,.register .mentions form input,.register .mentions form textarea,.register .registers form input,.register .registers form textarea{padding:1vh;border-radius:.5vh;border:none;background-color:var(--fond-principal);color:var(--texte-principal)}.edit-user .edits-users form textarea,.edit-user .logins form textarea,.edit-user .mentions form textarea,.edit-user .registers form textarea,.login .edits-users form textarea,.login .logins form textarea,.login .mentions form textarea,.login .registers form textarea,.mention .edits-users form textarea,.mention .logins form textarea,.mention .mentions form textarea,.mention .registers form textarea,.register .edits-users form textarea,.register .logins form textarea,.register .mentions form textarea,.register .registers form textarea{min-height:25vh;min-width:45vh}.edit-user .edits-users form .div-password,.edit-user .logins form .div-password,.edit-user .mentions form .div-password,.edit-user .registers form .div-password,.login .edits-users form .div-password,.login .logins form .div-password,.login .mentions form .div-password,.login .registers form .div-password,.mention .edits-users form .div-password,.mention .logins form .div-password,.mention .mentions form .div-password,.mention .registers form .div-password,.register .edits-users form .div-password,.register .logins form .div-password,.register .mentions form .div-password,.register .registers form .div-password{display:flex;flex-direction:column;gap:1vh;max-width:100%}.edit-user .edits-users form .div-password li,.edit-user .logins form .div-password li,.edit-user .mentions form .div-password li,.edit-user .registers form .div-password li,.login .edits-users form .div-password li,.login .logins form .div-password li,.login .mentions form .div-password li,.login .registers form .div-password li,.mention .edits-users form .div-password li,.mention .logins form .div-password li,.mention .mentions form .div-password li,.mention .registers form .div-password li,.register .edits-users form .div-password li,.register .logins form .div-password li,.register .mentions form .div-password li,.register .registers form .div-password li{list-style:disc;margin-left:1.5rem}.mention{margin-top:1vh}.mention .mentions{display:block}.btn-table{display:flex;justify-self:start;background-color:var(--fond-principal);border-radius:10px 10px 0 0}.accounts,.add-note,.add-note form .flex .checkbox-favorie input[type=checkbox]:checked,.edit-note,.edit-note form .flex .checkbox-favorie input[type=checkbox]:checked,.note-table table thead,.show-note{background-color:var(--fond-des-cartes)}.note-table{max-height:75vh;overflow-y:scroll}.carte .img-carte,.note-table p,.note-table table{text-align:center}.note-table .nav-table{font-size:13px}.note-table table a:hover,footer a:hover{color:var(--color-hover-bouton)}.note-table table .none{display:none;contain:content}.note-table table td{overflow:hidden;text-overflow:ellipsis;padding:5px;border:1px solid var(--fond-des-cartes)}.note-table table td.action-td{display:flex;gap:5px}.note-table .contact,.note-table .favori,.note-table .folder,.note-table .langage,.note-table .note,.note-table .tag{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;background-color:var(--fond-principal);border-radius:0 10px 10px;padding:10px}.account{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1vh}.accounts{min-width:85%;max-width:85%;padding:10px;border-radius:10px}.accounts .user-account{display:flex;justify-content:space-between;align-items:center;text-align:center}.accounts .user-account .users-account{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:10px}.accounts .user-account .users-account .btn-account,.add-note .EAS-code-des .div-note,.edit-note .EAS-code-des .div-note,.show-note .EAS-code-des .div-note{display:flex;flex-direction:column}.accounts .user-account .users-account .user-info-account,footer .left-footer,footer .right-footer{display:flex;flex-direction:column;gap:5px}.accounts .action{display:flex;flex-wrap:wrap;justify-content:start;align-items:first baseline}.accounts .action .div-action{flex-wrap:wrap;padding-right:25%}.div-research{position:relative}.div-research input[type=text]{display:block;width:200px;margin-right:10px;padding:10px;border-radius:10px;outline:0;border:none;background-color:var(--fond-principal);color:var(--texte-principal)}.div-research .icone{position:absolute;top:0;right:0;color:var(--texte-principal)}.carte{display:flex;flex-wrap:wrap;justify-content:center;margin-right:5vh}#carte-contact{margin-left:5vh}.add-note,.edit-note,.show-note{display:flex;flex-direction:column;border-radius:10px;min-width:100%;margin:1vh}.add-note .user-EAS,.edit-note .user-EAS,.show-note .user-EAS{display:flex;flex-direction:column;justify-content:flex-start}.add-note .btn-EAS,.edit-note .btn-EAS,.show-note .btn-EAS{display:flex;justify-content:start;align-items:center}.add-note .EAS-code-des,.add-note form .flex .checkbox-favorie,.edit-note .EAS-code-des,.edit-note form .flex .checkbox-favorie,.show-note .EAS-code-des{display:flex;flex-direction:column;align-items:center}.add-note .monaco-editor,.edit-note .monaco-editor,.show-note .monaco-editor{margin-bottom:3vh;min-height:70vh;min-width:100%;border:1px solid #047cd4;background-color:#1f1f1e;color:var(--texte-principal)}.div-img-description{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:2vh}.div-img-description .div-description,.div-img-description .div-img{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vh}.div-img-description .div-description .description-note,.div-img-description .div-img .description-note{background-color:var(--fond-principal);border-radius:10px;padding:10px;margin-left:10%;margin-right:10%;text-align:center;min-width:100%}.img-note{max-height:100vh;max-width:max-content}.add-note form,.edit-note form{display:flex;flex-direction:column;gap:1vh}.add-note form .description,.edit-note form .description{display:flex;flex-direction:column;gap:2vh;margin-top:1vh;width:100%;height:30vh;background-color:var(--fond-principal);color:var(--texte-principal);padding:5px}.add-note form .flex-button,.edit-note form .flex-button,.manage-contact form .flex-button,.manage-folder form .flex-button,.manage-langage form .flex-button,.manage-tag form .flex-button{align-items:start;justify-content:center;flex-direction:row;gap:2vh}.add-note form input,.edit-note form input{padding:1vh;border-radius:.5vh;border:none;background-color:var(--fond-principal);color:var(--texte-principal);gap:1vh}.add-note form select,.edit-note form select,footer,header{background-color:var(--fond-des-cartes)}.add-note form select,.edit-note form select{color:var(--texte-principal);min-width:10vh;padding:1vh;font-size:large;border:none;border-radius:.5vh;gap:1vh}.add-note form .flex,.edit-note form .flex{display:flex;align-items:center;gap:20vh}.add-note form .flex .left-note,.add-note form .flex .right-note,.edit-note form .flex .left-note,.edit-note form .flex .right-note{display:flex;flex-direction:row;justify-content:center;gap:1vh;background-color:var(--fond-principal);padding:1vh;border-radius:1vh}.add-note form .flex .left-note label,.add-note form .flex .right-note label,.edit-note form .flex .left-note label,.edit-note form .flex .right-note label{display:flex;margin-bottom:.5vh}.add-note form .flex .checkbox-favorie label,.edit-note form .flex .checkbox-favorie label{display:flex;margin-bottom:15px}.add-note form .flex .checkbox-favorie input[type=checkbox],.edit-note form .flex .checkbox-favorie input[type=checkbox]{margin-top:5px;width:20px;height:20px;border:2px solid var(--fond-principal);border-radius:3px;appearance:none;-webkit-appearance:none;outline:0;cursor:pointer}.add-note form .flex .checkbox-favorie input[type=checkbox]::before,.edit-note form .flex .checkbox-favorie input[type=checkbox]::before{content:"";display:block;width:100%;height:100%;background-color:transparent;border-radius:3px;transition:background-color .2s ease-in-out}.add-note form .flex .checkbox-favorie input[type=checkbox]:checked::before,.edit-note form .flex .checkbox-favorie input[type=checkbox]:checked::before{content:"✔";display:flex;align-items:center;justify-content:center;font-size:200%;color:var(--color-text-bouton)}.manage-contact,.manage-folder,.manage-langage,.manage-tag{display:flex;flex-direction:column;justify-content:center;padding:1vh 10vh;background-color:var(--fond-des-cartes);border-radius:10px;margin-bottom:15vh}.manage-contact h1,.manage-folder h1,.manage-langage h1,.manage-tag h1{margin-bottom:2vh}.manage-contact img,.manage-folder img,.manage-langage img,.manage-tag img{max-height:15vh;border-radius:10px}.manage-contact form,.manage-folder form,.manage-langage form,.manage-tag form,header .action-user{display:flex;flex-direction:column;justify-content:center}.manage-contact form div,.manage-folder form div,.manage-langage form div,.manage-tag form div{display:flex;flex-direction:column;gap:2vh}.manage-contact form input,.manage-folder form input,.manage-langage form input,.manage-tag form input{max-width:30vh;padding:1vh;border-radius:5px;border:none;background-color:var(--fond-principal);color:var(--texte-principal)}.manage-contact form textarea,.manage-folder form textarea,.manage-langage form textarea,.manage-tag form textarea{min-width:50vh;min-height:25vh;max-width:50vh;max-height:25vh;padding:1vh;border-radius:5px;border:none;background-color:var(--fond-principal);color:var(--texte-principal)}.manage-contact .contact-add,.manage-contact .folder-add,.manage-contact .langage-add,.manage-contact .tag-add,.manage-folder .contact-add,.manage-folder .folder-add,.manage-folder .langage-add,.manage-folder .tag-add,.manage-langage .contact-add,.manage-langage .folder-add,.manage-langage .langage-add,.manage-langage .tag-add,.manage-tag .contact-add,.manage-tag .folder-add,.manage-tag .langage-add,.manage-tag .tag-add{border-radius:10px}.manage-contact .div-delete-message,.manage-folder .div-delete-message,.manage-langage .div-delete-message,.manage-tag .div-delete-message,header .menu{display:flex;justify-content:center}.main-content{flex:1;display:flex;flex-direction:column}header{position:absolute;top:0;height:100vh;z-index:100;padding:1px}header .nav-user{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:50%}header .nav-user p{margin-right:1vh}header .nav-user img{max-height:5vh max-content}header .nav-note{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;min-width:25vh;gap:5px;margin:10px 0}header .div-research input{padding:10px;border-radius:5px;border:none;background-color:var(--fond-principal);color:var(--texte-principal)}header .note-table td{padding:2px}header .note-table .favori,header .note-table .folder,header .note-table .note{border-radius:0}footer{display:flex;justify-content:space-between;align-items:stretch;position:relative;bottom:0;width:100%;color:var(--texte-secondaire);padding:10px;margin-top:40vh}footer .left-footer{align-items:flex-start;text-align:left}footer .right-footer{align-items:flex-end;text-align:right}footer img{max-height:5vh;border-radius:20%}@media (min-width:1500px){.left-note,.right-note{flex-direction:row}}@media (min-width:1200px){.description,.monaco-editor{max-width:110vh}.nav_menu{display:block}.carte,.margin-left{margin-left:30vh}.description{height:30vh}.left-note,.right-note{flex-direction:column}}@media (max-width:1024px){.margin-left{margin-left:0}.nav_menu{display:none}.carte{margin-left:5vh}.monaco-editor{max-width:65vh}.description{max-width:85vh;height:30vh}.flex,.flex .left-note,.flex .right-note{flex-direction:column}}@media (max-width:900px){.carte,.margin-left{margin-left:0}.description,.monaco-editor{max-width:65vh}.nav_menu{display:none}.carte{margin-right:0}.description{height:30vh}.left-note,.right-note{flex-direction:column}}@media (max-width:760px){.carte,.margin-left{margin-left:0}.description,.monaco-editor{max-width:45vh}.home{justify-content:center}.media-hidden,.nav_menu{display:none}.carte{margin-right:0}.img-note{max-height:50vh}.description{height:30vh}.add-note form .flex,.edit-note form .flex{flex-direction:column;gap:10px}.add-note form .flex .left-note,.add-note form .flex .right-note,.edit-note form .flex .left-note,.edit-note form .flex .right-note{flex-direction:column}.media-column{display:flex;flex-direction:column;flex-wrap:wrap}.note-table table td{padding:2px}.manage-contact form textarea{min-width:40vh;min-height:35vh;max-width:40vh;max-height:35vh}}@keyframes appearance_left{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes appearance_centre{0%,50%{opacity:0}100%{opacity:1}}@keyframes appearance_right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}