@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:IBM Plex Sans Thai Looped,sans-serif;margin:0;padding:0}:root{--primary-color:#308ec4;--sub-title-color:#56aada;--current-color:#60bdeb;--jauge-color:#92c9e7;--back-p-color:#c5e1f2;--body-color:#e3f1f9;--primary-color-light:#f2f8fd;--sidebar-color:#fff;--toggle-color:#ddd;--text-color:#707070;--title-color:#f6f5ff;--current-color-text:#faf9fb;--tran-01:all 0.1s ease;--tran-02:all 0.2s ease;--tran-03:all 0.3s ease;--tran-04:all 0.4s ease;--tran-05:all 0.5s ease;--tran-10:all 1.0s ease}body{background:#fff;background:var(--sidebar-color);height:100%;transition:all .4s ease;transition:var(--tran-04);width:100%}body.dark{--primary-color:#264154;--sub-title-color:#294c63;--jauge-color:#2d5a77;--current-color:#60bdeb;--back-p-color:#488aaf;--body-color:#18191a;--primary-color-light:#3a3b3c;--sidebar-color:#242526;--toggle-color:#fff;--text-color:#ccc;--title-color:#ccc}.souligne{color:#56aada;color:var(--sub-title-color);text-decoration:underline}.italique{font-style:italic}.text{font-size:20px}.liste ul{margin-left:20px}.aligne{display:flex;justify-content:center}.aligne,.aligne img{margin-left:auto;margin-right:auto}.grand{cursor:pointer}.screens{height:25%}.titre{border-radius:10px;color:#308ec4;color:var(--primary-color);font-size:35px;padding-left:8px;transition:all .5s ease;transition:var(--tran-05)}.sous-ligne{border:3px solid #308ec4;border:3px solid var(--primary-color);border-radius:3px;width:100%}.section{background-color:#e3f1f9;background-color:var(--body-color);border:3px solid #92c9e7;border-color:var(--jauge-color);border-radius:10px}.listing,.section{transition:all .4s ease;transition:var(--tran-04)}.listing{border-left:7px solid #56aada;border-left-color:var(--sub-title-color);border-radius:1px;margin:20px;padding-left:5px}.icon{display:flex;font-size:20px;justify-self:center}.part{opacity:0}.part,.part.visible{transition:opacity .5s ease}.part.visible{opacity:1}.tiny{font-size:medium}::-webkit-scrollbar{height:4px;width:10px}::-webkit-scrollbar-track{background-color:#fff;background-color:var(--sidebar-color);border-radius:8px;width:8px}::-webkit-scrollbar-thumb{background-color:#308ec4;background-color:var(--primary-color);border:2.8px solid #fff;border:2.8px solid var(--sidebar-color);border-radius:8px}.topbar{background:#fff;background:var(--sidebar-color);display:flex;flex-direction:row;height:90px;left:0;position:fixed;top:0;transition:box-shadow .1s ease-in-out;transition:all .5s ease;transition:var(--tran-05);width:100%;z-index:100}.topbarLeft{height:100%;width:50%}.topbarLeft,.topbarLeft i{align-items:center;display:flex}.topbarLeft i{border-radius:40px;color:#92c9e7;color:var(--jauge-color);font-size:40px;justify-content:center;min-height:50px;min-width:50px;visibility:hidden}.topbarLeft i.clicked{background-color:#0000001a;color:#308ec4;color:var(--primary-color);transition:.01s ease}.topbarRight{display:flex;height:100%;justify-content:flex-end;width:50%}.topbar.scrolled{box-shadow:0 6px 16px #0000004d}.topbar .GButton{align-self:center;background:#60bdeb;background:var(--current-color);height:40px;margin-right:10px;transition:all .5s ease;transition:var(--tran-05);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.topbar .GButton,.topbar .GButton a{align-items:center;border-radius:6px;display:flex}.topbar .GButton a{font-size:18px;height:100%;padding-right:10px;text-decoration:none;transition:all .4s ease;transition:var(--tran-04);width:100%}.topbar .GButton .icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:30px}.topbar .GButton .button-txt{margin-left:8px}.topbar .GButton a:hover{background-color:#308ec4;background-color:var(--primary-color)}.topbar .GButton a .button-txt,.topbar .GButton a .icon{color:#fff;color:var(--sidebar-color);transition:all .3s ease;transition:var(--tran-03)}body.dark .topbar .GButton a:hover .button-txt,body.dark .topbar .GButton a:hover .icon{color:#ddd;color:var(--toggle-color);transition:all .3s ease;transition:var(--tran-03)}.sidebar{background:#fff;background:var(--sidebar-color);border-color:#56aada;border-color:var(--sub-title-color);border-style:solid;border-width:0 1px 0 0;font-size:18px;height:100%;left:0;padding:10px 14px;position:fixed;top:0;transition:all .5s ease;transition:var(--tran-05);width:250px;z-index:100}.sidebar.close{width:88px}.headerNav .menu{color:#308ec4;color:var(--primary-color);transition:all .5s ease;transition:var(--tran-05)}.sidebar .menu-bar li{cursor:pointer}.sidebar .text{color:#707070;color:var(--text-color);font-size:16px;font-weight:500;opacity:1;pointer-events:auto;transition:all .3s ease;transition:var(--tran-03);white-space:nowrap}.sidebar .menu-bar{margin-top:15px}.menu-line{background-color:#308ec4;background-color:var(--primary-color);border-radius:10px;height:3px;margin-bottom:10px;margin-top:10px;width:100%}.sidebar.close .headerNav .menu,.sidebar.close .text{opacity:0;pointer-events:none}.sidebar .image{align-items:center;display:flex;min-width:60px}.image-text img{border-radius:6px;width:60px}.sidebar .headerNav .image-text,.sidebar li{align-items:center;display:flex}.sidebar li{height:50px;list-style:none;margin-top:10px}.sidebar li a{align-items:center;border-radius:6px;display:flex;height:100%;text-decoration:none;transition:all .4s ease;transition:var(--tran-04);width:100%}.sidebar li a:hover{background:#308ec4;background:var(--primary-color)}.sidebar li a:hover .icons,.sidebar li a:hover .text{color:#ddd;color:var(--toggle-color)}.sidebar li .icons{align-items:center;display:flex;font-size:22px;justify-content:center;min-width:60px}.sidebar li .icons,.sidebar li .text{color:#707070;color:var(--text-color);transition:all .3s ease;transition:var(--tran-03)}.sidebar .nav-lien{background:#e3f1f9;background:var(--body-color);border-radius:6px}.sidebar .current-sec,.sidebar .nav-lien{transition:all .5s ease;transition:var(--tran-05)}.sidebar .current-sec{background:#60bdeb;background:var(--current-color)}.sidebar .current-sec .icons,.sidebar .current-sec .text{color:#faf9fb;color:var(--current-color-text);transition:all .4s ease;transition:var(--tran-04)}.sidebar button{align-items:center;bottom:10px;display:flex;position:fixed}.sidebar .headerNav{position:relative}.sidebar .headerNav .toggle{align-items:center;background:#308ec4;background:var(--primary-color);border-color:#707070;border-color:var(--text-color);border-radius:50%;border-style:solid;border-width:2px;color:#fff;color:var(--sidebar-color);display:flex;font-size:22px;height:28px;justify-content:center;line-height:1px;position:absolute;right:-29px;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s ease;transition:var(--tran-03);vertical-align:middle;width:28px}.sidebar:not(.close) .headerNav .toggle{padding-top:2.2px}.sidebar.close .headerNav .toggle{padding-top:1.5px;transform:translateY(-50%)}body.dark .sidebar .headerNav .toggle{color:#707070;color:var(--text-color)}.sidebar .menu-bar{display:flex;flex-direction:column;height:calc(100% - 100px);justify-content:space-between}.menu-bar .mode{background:#e3f1f9;background:var(--body-color);border-radius:6px;position:relative;transition:all .5s ease;transition:var(--tran-05)}.menu-bar .mode i{position:absolute;transition:all .3s ease;transition:var(--tran-03)}.menu-bar .mode .moon-sun{align-items:center;display:flex;height:50px;width:60px}.menu-bar .mode i.moon{opacity:0}body.dark .menu-bar .mode i.moon{opacity:1}body.dark .menu-bar .mode i.sun{opacity:0}.menu-bar .contenu-bas{align-items:center;justify-content:space-between;position:flex}.menu-bar .mode .activer-switch{align-items:center;background:#e3f1f9;background:var(--body-color);border-radius:6px;display:flex;height:100%;justify-content:center;min-width:60px;position:absolute;right:0;transition:all .5s ease;transition:var(--tran-05)}body.dark .menu-bar .mode,body.dark .menu-bar .mode .activer-switch,body.dark .sidebar .nav-lien{background:#f2f8fd;background:var(--primary-color-light)}body.dark .sidebar .current-sec{background:#308ec4;background:var(--primary-color)}body.dark .sidebar li a:hover{background:#92c9e7;background:var(--jauge-color)}.activer-switch .switch{background:#ddd;background:var(--toggle-color);border-radius:25px;height:22px;position:relative;transition:all .5s ease;transition:var(--tran-05);width:44px}.switch:before{background:#fff;background:var(--sidebar-color);border-radius:50%;content:"";cursor:pointer;height:15px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--tran-03);width:15px}body.dark .switch:before{left:24px}.sidebar hr{margin-top:10px}.sidebar.close select{visibility:hidden}.sidebar select,.sidebar.close select{transition:all .2s ease;transition:var(--tran-02)}.sidebar select{-webkit-appearance:none;appearance:none;background-color:var(--body-light);border-color:#c5e1f2;border-color:var(--back-p-color);border-radius:6px;border-style:hidden;color:#707070;color:var(--text-color);cursor:pointer;font:inherit;font-size:16px;height:100%;outline:0;width:100%}.sidebar .menu-bar li:has(select){cursor:default}.liste{align-items:center;background:#fff;background:var(--sidebar-color);color:#707070;color:var(--text-color);font-size:21px;height:auto;left:120px;margin-top:80px;padding:10px 14px;position:-webkit-sticky;position:sticky;transition:all .5s ease;transition:var(--tran-05);width:calc(100% - 86px);z-index:10}.liste .part{margin-bottom:10px}#Apropos{display:flex;flex-direction:column}.aPropos{display:flex;flex-direction:row;gap:3%;width:100%}.aProposText{max-width:77%}.aProposImage{align-items:center;max-width:20%}.aProposImage,.photo{display:flex;justify-content:center}.photo{padding:20px;width:100%}.photo #pdp{border-radius:25%;display:block;height:100%;width:100%}.exp{align-items:top;display:flex;margin:10px 10px 40px;padding:10px}.exp-im #calou{border-radius:10px;height:188px;margin-top:20px;width:270px}.exp-im #bde{height:180px;margin:10px 40px 10px 10px;width:180px}.exp-im{align-items:center;display:flex;justify-content:center;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.AffComp{margin-bottom:40px;padding:2px}.comp{align-items:top;border-top:3px solid #92c9e7;border-top:3px solid var(--jauge-color);display:flex;width:100%}.comp hr{opacity:.2}#compDesc{border-left:3px solid #92c9e7;border-left:3px solid var(--jauge-color);padding:10px 10px 10px 30px;width:100%}#compDesc .Lligne .lang{margin-left:100px;margin-right:100px}#compDesc .Lligne{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center}.lang{min-width:200px}.resume{color:#56aada;color:var(--sub-title-color);transition:all .4s ease;transition:var(--tran-04)}.select{margin-bottom:10px}.container{background-color:#e3f1f9;background-color:var(--body-color);cursor:pointer;display:block;font-size:18px;margin:3px;padding:5px 10px;position:relative;transition:all .5s ease;transition:var(--tran-05);-webkit-user-select:none;user-select:none}.checkmark:hover{color:#fff;color:var(--sidebar-color)}.checkmark:hover,body.dark .checkmark:hover{background-color:#56aada;background-color:var(--sub-title-color);transition:all .4s ease;transition:var(--tran-04)}body.dark .checkmark:hover{color:#ddd;color:var(--toggle-color)}.container input:checked~.checkmark{color:#fff;color:var(--sidebar-color)}.container input:checked~.checkmark,body.dark .container input:checked~.checkmark{background-color:#56aada;background-color:var(--sub-title-color);transition:all .4s ease;transition:var(--tran-04)}body.dark .container input:checked~.checkmark{color:#ddd;color:var(--toggle-color)}.checkmark{align-items:center;background-color:#e3f1f9;background-color:var(--body-color);border:2px solid #56aada;border-color:var(--sub-title-color);border-radius:6px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .5s ease;transition:var(--tran-05);width:100%}.container input{display:none;position:absolute}.section.select{margin-bottom:40px}svg{height:200px;transform:rotate(-90deg);width:200px}#network-svg{height:500px;width:500px}.cercle{margin-bottom:auto;margin-top:auto;position:relative}.rc{margin-left:auto}.Pcercle{stroke:#56aada;stroke:var(--sub-title-color);stroke-dasharray:502px}.Pcercle,.Scercle{transition:all 1s ease;transition:var(--tran-10)}.Scercle{stroke:#c5e1f2;stroke:var(--back-p-color)}.pourcent{color:#56aada;color:var(--sub-title-color);font-size:28px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%);transition:all .4s ease;transition:var(--tran-04)}.Qligne{align-items:center;display:flex;flex-direction:row;justify-content:center}.qualit{justify-content:space-between;margin:10px;min-height:270px;padding:10px;text-align:center;width:400px}.qualit i{font-size:60px;margin:5px}.qualit h4,.qualit i{color:#56aada;color:var(--sub-title-color)}.qualit h4{margin-bottom:25px;margin-top:5px}.Lligne{align-items:center;border:2px solid #308ec4;border-color:var(--primary-color);border-radius:10px;display:flex;flex-direction:row;justify-content:center;padding:10px}.lang{justify-content:space-between;margin:10px;min-height:125px;min-width:175px;padding:10px;text-align:center}.lang h2{color:#56aada;color:var(--sub-title-color);margin:10px}.graph-container{height:450px;position:relative;width:100%}.graph-container svg{height:100%;position:relative;transform:rotate(0deg);width:100%}.link{stroke:#60bdeb;stroke:var(--current-color);stroke-width:1}.node{background-color:#308ec4;background-color:var(--primary-color);border-radius:50%;font-size:12px;font-weight:700;height:16px;justify-content:space-between;position:absolute;transform:translate(-50%,-50%);width:16px}.node,.node.hovered{color:#fff;display:flex;transition:all .1s ease;transition:var(--tran-01)}.node.hovered{background-color:#e3f1f9;background-color:var(--body-color);border:4px solid #308ec4;border:4px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 10px #0003;flex-direction:column;height:120px;padding:8px;width:240px}.node-title{color:#56aada;color:var(--sub-title-color);font-size:20px;font-weight:700;transition:all .1s ease;transition:var(--tran-01)}.node .texte{color:#707070;color:var(--text-color);font-size:13px;font-weight:400;text-decoration:none}.node-button{align-self:end;background-color:#e3f1f9;background-color:var(--body-color);border:none;border-radius:4px;color:#56aada;color:var(--sub-title-color);cursor:pointer;font-size:14px;font-style:normal;font-weight:lighter;transition:all .1s ease;transition:var(--tran-01)}.node-button:hover{color:#308ec4;color:var(--primary-color)}.passions{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:10px;padding:5px;width:45%}.passions h4{color:#56aada;color:var(--sub-title-color);margin-top:5px}.passions .text{display:flex;font-size:20px;justify-content:center;text-align:center}.cv{border-bottom:5px solid #56aada;border-bottom:5px solid var(--sub-title-color);border-left:5px solid #c5e1f2;border-left:5px solid var(--back-p-color);border-right:5px solid #56aada;border-right:5px solid var(--sub-title-color);border-top:5px solid #c5e1f2;border-top:5px solid var(--back-p-color);width:414px}.liste .GButton{align-items:center;background:#f2f8fd;background:var(--primary-color-light);border-radius:6px;display:flex;height:40px;margin-top:10px;transition:all .5s ease;transition:var(--tran-05);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.liste .GButton .icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:30px}.liste .GButton .down,.liste .GButton .icon{color:#707070;color:var(--text-color);transition:all .3s ease;transition:var(--tran-03)}.liste .GButton a{align-items:center;border-radius:6px;display:flex;font-size:18px;height:100%;padding-right:10px;text-decoration:none;transition:all .4s ease;transition:var(--tran-04);width:100%}.liste .GButton a:hover{background-color:#308ec4;background-color:var(--primary-color)}.liste .GButton a:hover .down,.liste .GButton a:hover .icon{color:#fff;color:var(--sidebar-color);transition:all .3s ease;transition:var(--tran-03)}body.dark .liste .GButton a:hover .down,body.dark .liste .GButton a:hover .icon{color:#ddd;color:var(--toggle-color);transition:all .3s ease;transition:var(--tran-03)}.cont{justify-content:space-between;margin:10px;min-height:180px;padding:10px;text-align:center;width:320px}.cont i{color:#56aada;color:var(--sub-title-color);font-size:60px;margin:5px}.cont h4{margin-bottom:25px;margin-top:5px}.liste .TButton{align-items:center;background:#f2f8fd;background:var(--primary-color-light);border-radius:6px;display:inline-flex;height:30px;transition:all .5s ease;transition:var(--tran-05);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.liste .TButton .icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:30px}.liste .TButton .icon,.liste .TButton .linke{color:#707070;color:var(--text-color);transition:all .3s ease;transition:var(--tran-03)}.liste .TButton a{align-items:center;border-radius:6px;display:flex;height:100%;padding-right:10px;text-decoration:none;transition:all .4s ease;transition:var(--tran-04);width:100%}.liste .TButton a:hover{background-color:#308ec4;background-color:var(--primary-color)}.liste .TButton a:hover .icon,.liste .TButton a:hover .linke{color:#fff;color:var(--sidebar-color)}body.dark .liste .TButton a:hover .icon,body.dark .liste .TButton a:hover .linke{color:#ddd;color:var(--toggle-color)}.copyrights{display:flex;font-size:medium;justify-content:center;margin-top:10px;text-align:center}@media screen and (max-width:1300px){.sidebar{box-sizing:border-box;height:100vh;position:fixed}.sidebar .menu-bar{margin:0}.topbarLeft i{margin-left:25px;visibility:visible}.sidebar.close{padding:0;transition:all .3s ease;transition:var(--tran-03);visibility:hidden;width:0}.sidebar.close .menu-bar{opacity:0;transition:all .2s ease;transition:var(--tran-02)}.sidebar.close .toggle{visibility:hidden}.sidebar.close .headerNav .menu,.sidebar.close .menu-bar .menu-lien,.sidebar.close .toggle{transition:all .2s ease;transition:var(--tran-02);visibility:hidden}.sidebar.close .headerNav .image{transition:all .1s ease;transition:var(--tran-01);visibility:hidden}.liste{font-size:18px;margin-top:80px;padding:5px;width:100%}.aProposText{max-width:65%}.aProposImage{max-width:35%}.exp{align-items:center;flex-direction:column}.exp-im img{width:100%}.qualit{min-height:200px;width:75%}.select{flex-direction:column}.cercle{display:hidden}.Qligne{flex-direction:column}}@media screen and (max-width:600px){.aProposText{max-width:55%}.aProposImage{max-width:45%}.text{font-size:18px}.exp-im{height:100%;width:90%}.exp-im img{margin:0;width:100%}.qualit{width:90%}#projets{height:95%;overflow-y:scroll}.projects .aligne{flex-direction:column}.Affprojets{border-bottom:1px solid #707070;border-bottom:1px solid var(--text-color);border-right-style:hidden;height:50%;overflow-y:scroll;width:100%}.containerproj{width:95%}.projects{height:625px}.projects .descript .aligne,.projects .descript .italique{display:none}.projects .descript .GButton{display:block}}.project{overflow:hidden}.project,.project-top{height:auto;width:100%}.project-top{display:block}.project-full{display:flex;flex-direction:row;justify-content:space-between;padding-left:80px;padding-right:120px}.project-context{display:flex;flex-direction:column;width:82%}.project-title h1{color:var(--primary-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-context .descript{display:flex;flex-direction:column;gap:15px}.project-context .descript b.souligne{color:var(--primary-color)}.project-context .texte{color:var(--text-color);font-size:19px}.screens{border-radius:4px;height:auto;margin:10px;width:25%}.descript .aligne img{margin-left:auto;margin-right:auto}.descript .aligne{display:flex;flex-direction:row;justify-content:space-between;width:100%}.descript .GButton{align-items:center;background:var(--back-p-color);border-radius:6px;display:flex;height:40px;margin-top:10px;transition:var(--tran-05);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.descript .GButton .icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:30px}.descript .GButton .down,.descript .GButton .icon{color:var(--text-color);transition:var(--tran-03)}.descript .GButton a{align-items:center;border-radius:6px;display:flex;font-size:18px;height:100%;padding-right:10px;text-decoration:none;transition:var(--tran-04);width:100%}.descript .GButton a:hover{background-color:var(--primary-color)}.descript .GButton a:hover .down,.descript .GButton a:hover .icon{color:var(--sidebar-color);transition:var(--tran-03)}.project-infos{display:flex;flex-direction:column;margin-right:16px;min-width:180px;padding-top:150px;width:15%}.project-infos .GButton{align-items:center;background:var(--current-color);border-radius:6px;display:flex;height:40px;margin-top:10px;transition:var(--tran-05);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.project-infos .GButton a{align-items:center;border-radius:6px;display:flex;font-size:18px;height:100%;padding-right:10px;text-decoration:none;transition:var(--tran-04);width:100%}.project-infos .GButton .icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:30px}.project-infos .GButton .button-txt{margin-left:8px}.project-infos .GButton a:hover{background-color:var(--primary-color)}.project-infos .GButton a .button-txt,.project-infos .GButton a .icon{color:var(--sidebar-color);transition:var(--tran-03)}body.dark .project-infos .GButton a:hover .button-txt,body.dark .project-infos .GButton a:hover .icon{color:var(--toggle-color);transition:var(--tran-03)}.project-infos .project-table table{border-collapse:collapse;margin-bottom:20px;margin-top:1em;width:100%}.project-table td,.project-table th{border:1px solid var(--text-color);padding:.5rem .8rem;text-align:left}.project-table th{background-color:#f3f3f3}
/*# sourceMappingURL=main.3bc9f9cd.css.map*/