@charset "UTF-8";body{margin:0;font-family:Poppins,sans-serif,-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{max-width:100vw;overflow-x:hidden;background-color:#181a1b;color:#fff}.pageContainer{max-width:100vw;overflow-x:hidden}.pageContainer .page{position:absolute;max-width:100vw;height:fit-content;inset:50px 0 0;padding:15px 30px 30px}.NavBar{height:50px;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:start;gap:20px;background-color:#0c0d0dbe}.NavBar .Title{font-weight:700;font-size:larger}.NavBar .buttonList{display:flex;gap:10px}.NavBar .buttonList a{color:#7396c5;text-decoration-color:#7397c58b}.NavBar .buttonList a:hover{text-decoration-color:#7396c5}.card{box-shadow:0 0 10px #00000058;display:flex;border-radius:10px;background-color:#151718}@media only screen and (max-width: 650px){.card{flex-direction:column}}.card .image{min-width:150px;max-width:150px;border-radius:10px;overflow:hidden;position:relative}.card .image img{height:100%;min-width:150px;max-width:150px;object-fit:cover}@media only screen and (max-width: 900px){.card .image,.card .image img{min-width:200px;max-width:200px}}@media only screen and (max-width: 650px){.card .image,.card .image img{min-width:100%;max-width:100%;width:100%;height:200px}}.card .image .goto{position:absolute;right:3px;bottom:3px;width:40px;height:40px;background-color:#29292981;border:none;text-decoration:none;display:grid;place-items:center;border-radius:100%}.card .image .goto:hover{background-color:#292929;cursor:pointer}.card .image .goto .material-symbols-outlined{color:#fff;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.card .infos{flex:1;border-radius:10px;padding:20px 10px;gap:10px;display:flex;flex-wrap:wrap}.card .infos.grided{display:grid;grid-auto-flow:column;box-sizing:border-box;grid-template:"Nom Status Desc" "Poss Prio Desc"/200px 130px auto}@media only screen and (max-width: 900px){.card .infos.grided{grid-template:"Nom Status" 100px "Poss Prio" 100px "Desc Desc" 100px}}.card .infos>div{display:flex;flex-direction:column;margin:10px}.card .infos>div .key{font-size:small;color:#6583ac}.card .infos>div.Nom{grid-area:Nom}.card .infos>div.Nom .value{font-size:larger;font-weight:700}.card .infos>div.Status{grid-area:Status}.card .infos>div.poss{grid-area:Poss}.card .infos>div.Priority{grid-area:Prio}.card .infos>div.Description{grid-area:Desc}.card .infos>div .value{flex:1;margin:10px;display:flex;align-items:center}.card .infos>div .value .icon{min-height:15px;min-width:15px;border-radius:100%;margin-top:2px;margin-right:6px}.card .infos>div .value .icon.Priority3{background-color:#cd3d3d}.card .infos>div .value .icon.statusRecherche,.card .infos>div .value .icon.Priority2{background-color:#ff9e37}.card .infos>div .value .icon.statusTrouv\e9 ,.card .infos>div .value .icon.Priority1{background-color:#3dcd3f}.card .infos>div .value .icon.statusArchiv\e9 ,.card .infos>div .value .icon.Priority0{background-color:#3d5fcd}.list{display:flex;flex-direction:column;gap:20px}.wnObj .objResume{position:sticky;top:20px;margin-bottom:0}.piecesList{display:flex;flex-direction:column;gap:20px;padding:20px}.pieceResume{width:100%;box-shadow:0 0 10px #00000058;display:flex;border-radius:10px;background-color:#181a1b}@media only screen and (max-width: 650px){.pieceResume{flex-direction:column}}.pieceResume .image{width:150px;border-radius:10px;overflow:hidden;position:relative}.pieceResume .image img{height:100%;width:150px;object-fit:cover}@media only screen and (max-width: 900px){.pieceResume .image,.pieceResume .image img{width:200px}}@media only screen and (max-width: 650px){.pieceResume .image,.pieceResume .image img{width:100%;height:200px}}.pieceResume .image .goto{position:absolute;right:3px;bottom:3px;width:40px;height:40px;background-color:#29292981;border:none;text-decoration:none;display:grid;place-items:center;border-radius:100%}.pieceResume .image .goto:hover{background-color:#292929;cursor:pointer}.pieceResume .image .goto .material-symbols-outlined{color:#fff;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.pieceResume .infos{flex:1;border-radius:10px;box-sizing:border-box;padding:20px;display:flex;flex-wrap:wrap;gap:20px}.pieceResume .infos a{color:#428ca9;font-weight:700}.pieceResume .infos .key{font-size:small;color:#6583ac}.pieceResume .infos .value{flex:1;margin:10px;display:flex;align-items:center;justify-content:center}.pieceResume .infos>div{display:flex;flex-direction:column;margin:10px}.pieceResume .infos .Nom{grid-area:Nom}.pieceResume .infos .Nom .value{font-size:larger;font-weight:700}.pieceResume .infos .Status{grid-area:Status}.pieceResume .infos .Poss{grid-area:Poss}.pieceResume .infos .Prio{grid-area:Prio}.pieceResume .infos .Desc{grid-area:Desc}.pieceResume .status,.pieceResume .priority{min-height:15px;min-width:15px;border-radius:100%;margin-top:2px;margin-right:6px}.pieceResume .status.p3,.pieceResume .priority.p3{background-color:#cd3d3d}.pieceResume .status.Recherche,.pieceResume .status.p2,.pieceResume .priority.Recherche,.pieceResume .priority.p2{background-color:#ff9e37}.pieceResume .status.Trouv\e9 ,.pieceResume .status.p1,.pieceResume .priority.Trouv\e9 ,.pieceResume .priority.p1{background-color:#3dcd3f}.pieceResume .status.Archiv\e9 ,.pieceResume .status.p0,.pieceResume .priority.Archiv\e9 ,.pieceResume .priority.p0{background-color:#3d5fcd}.piece .resume{box-sizing:border-box;margin:20px}.piece .objsList{display:flex;flex-direction:column;padding:20px;gap:20px}
