:root{--primary-color: #21264f;--primary-color-accentued: #344a68;--secondary-color: #f0f4f8;--secondary-color-accentued: #bcd5f5;--accent-color: #ff906b;--accent-color-accentued: #ff7944}*{margin:0;padding:0}body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--secondary-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cpattern id='iso' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M4 0 L8 2 L8 6 L4 8 L0 6 L0 2 Z' fill='none' stroke='%23e5e7eb' stroke-width='0.2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23iso)'/%3E%3C/svg%3E");background-attachment:fixed;background-size:200px 200px;line-height:1.6;font-size:16px}html,body{height:100%;margin:0}#root>div{display:flex;flex-direction:column;min-height:100dvh}main.Content{flex:1;display:flex;flex-direction:column}h1{font-size:35px;padding-top:.5rem;padding-bottom:1.5rem}h2{font-size:35px;font-weight:750;letter-spacing:.05em}h1,h2{width:auto;margin:auto;color:var(--secondary-color);text-align:center}h2{font-size:35px;color:var(--primary-color);text-align:left;position:relative;padding-left:20px;margin-bottom:25px;margin-left:0;margin-right:0;display:block}h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:100%;background-color:var( --accent-color );border-radius:4px}.Presentation h2{color:var(--secondary-color);text-align:center;padding-left:0}.Presentation h2:before{left:50%;transform:translate(-50%,-50%);width:50px;height:6px;bottom:-10px;top:auto;background-color:var(--accent-color)}h3{font-size:23px;text-decoration-line:underline}h4{font-size:17px}h3,h4{color:var(--primary-color)}h3:hover,h4:hover,h3:active,h4:active{color:var(--accent-color)}@media (hover: none){h3:hover,h4:hover,h3:active,h4:active{color:var(--accent-color)}}h3:not(:focus):not(:hover):not(:active),h4:not(:focus):not(:hover):not(:active){background-color:transparent}@media screen and (max-width: 520px){h1{font-size:30px;margin-top:1rem}h2{font-size:26px}h3{font-size:18px}h4{font-size:14px}}.Content{background-color:var(--secondary-color);margin:5px;border-style:1px solid var(--secondary-color-accentued);border-radius:10px;box-shadow:0 4px 16px #00000026}@media screen and (max-width: 520px){.Content{margin:0;border:none}}@media screen and (min-width: 1000px) and (max-width: 1500px){.Content{margin:5px auto;width:900px}}@media screen and (min-width: 1500px){.Content{margin:5px auto;width:1400px}}.lightArrow{color:var(--secondary-color);flex-shrink:0}.darkArrow{color:var(--primary-color);flex-shrink:0}.accordion-wrapper{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.accordion-wrapper.open{max-height:10000px;opacity:1}.accordion-content{padding-top:0;transition:padding .25s ease}.accordion-wrapper.open .accordion-content{padding-top:.75rem}.accordion-header.is-tapped h3,.accordion-header.is-tapped h4{color:var(--accent-color)}.accordion-arrow{display:inline-flex;transition:transform .25s ease}.accordion-arrow.open{transform:rotate(180deg)}.AccordionDescription{font-size:14px;color:var(--secondary-color);margin-bottom:.5rem;margin-left:2rem;font-weight:700}h3:hover,h4:hover,h3:active,h4:active,h3.active-header:hover,h3.active-header:active,h4.active-header:hover,h4.active-header:active{color:var(--accent-color)}.Presentation{background-color:var(--primary-color);padding-bottom:15px;padding-left:10px;padding-right:10px;border-radius:10px 10px 0 0;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 520px){.Presentation{border-radius:0}}@media screen and (min-width: 650px){.Presentation{padding:10px}}.resume{padding:40px 100px 50px;font-weight:700;text-align:justify;font-size:16px;color:var(--secondary-color);text-indent:1rem}@media screen and (min-width: 100px) and (max-width: 700px){.resume{font-size:13px;padding:20px 5px 15px}}@media screen and (min-width: 700px) and (max-width: 1500px){.resume{padding:30px 80px 40px}}.Path{background-color:var(--secondary-color);padding-bottom:10px;padding-left:10px;padding-right:10px}@media screen and (min-width: 650px){.Path{padding:10px}}.Path h3{padding-top:.3rem;margin-bottom:1rem}.PathStep{background-color:var(--secondary-color);margin:5px 2px;padding-left:5px;padding-right:5px;padding-bottom:5px;border-radius:4px;border:1px solid var(--secondary-color-accentued);display:flex}.PathStepImage{display:none}.PathStepList{display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.PathStep div:first-child{background-position:center}.organisme{font-weight:700;padding-top:10px;padding-bottom:10px}.descriptionPosteContain:not(:last-child){margin-bottom:15px}.datePoste{font-size:11px;font-weight:600;color:var(--primary-color);margin-bottom:5px;margin-left:10px}.descriptionPoste{font-size:14px;margin-left:15px;margin-right:15px;text-align:justify}.descriptionPosteSkillsList{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:15px}.descriptionPosteSkill{background-color:var(--primary-color);margin:5px;padding:4px 10px;border-radius:15px;color:var(--secondary-color);font-size:11px;border:1px solid var(--primary-color-accentued)}@media screen and (max-width: 650px){.descriptionPosteSkill{margin:3px;padding:3px 7px;border-radius:10px;font-size:9px;border:1px solid var(--primary-color)}}@media screen and (max-width: 1500px){.descriptionPosteSkill{margin:4px;padding:3px 9px;border-radius:12px;font-size:10px;border:1px solid var(--primary-color)}}@media screen and (min-width: 650px){.PathStep{margin:15px 5px 5px;padding-left:20px;padding-right:20px;padding-bottom:10px}.PathStepList{display:flex;flex-wrap:wrap;flex-direction:column}.descriptionPoste{font-size:16px}}.descriptionPoste ul{margin-left:25px}.descriptionPoste strong{color:var(--primary-color)}.Tiles{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 1rem;gap:20px}.Skills{padding-bottom:15px;padding-left:10px;padding-right:10px;background-color:var(--primary-color)}@media screen and (min-width: 650px){.Skills{padding:10px}}.SkillsList{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding-top:1rem;padding-bottom:1rem}.Skills h3{padding-top:.3rem;margin-bottom:1rem}.Skills h3,.Skills h4{color:var(--secondary-color)}.Skills h3:hover,.Skills h4:hover,.Skills h3:active,.Skills h4:active{color:var(--accent-color)}@media (hover: none){.Skills h3:hover,.Skills h4:hover,.Skills h3:active,.Skills h4:active{color:var(--accent-color)}}.Skills h3:not(:focus):not(:hover):not(:active),.Skills h4:not(:focus):not(:hover):not(:active){background-color:transparent}@media screen and (max-width: 1500px){.Tiles{padding:0 10px}}@media screen and (max-width: 650px){.Tiles{display:flex;flex-wrap:wrap}}.SoftSkillContainer{display:flex;flex-direction:column;flex:1 1 calc(12.5% - 15px);min-width:90px;max-width:110px;box-sizing:border-box}.SkillContainer{display:flex;flex-direction:column;flex:1 1 calc(12.5% - 15px);min-width:90px;max-width:95px;box-sizing:border-box}.Skill,.SkillSoft{background-color:var(--secondary-color);text-align:center;border-radius:3px;border:1px solid var(--secondary-color-accentued);padding:6px;width:100%;height:100%;box-sizing:border-box}.Skill div:first-child,.SkillSoft div:first-child{background-position:center;height:auto;display:flex;justify-content:center;align-items:center;padding:8px 0}.Skill div:last-child,.SkillSoft div:last-child{height:auto;font-weight:700;font-size:12px}.Skill img{width:40px;height:50px;object-fit:contain}.SkillSoft img{width:70px;height:70px;object-fit:contain}@media screen and (max-width: 1500px){.SkillContainer{flex:1 1 calc(16.66% - 15px)}.Skill div:last-child{font-size:12px}}@media screen and (max-width: 650px){.SkillContainer{flex:1 1 calc(33.33% - 10px)}.Skill div:last-child{font-size:11px}}.SkillSince{text-align:center;font-size:12px;margin-top:4px}.PortfolioTiles{display:flex;flex-wrap:wrap;justify-content:center;padding:0 10px;gap:20px}.Portfolio{padding-bottom:15px;padding-left:10px;padding-right:10px;background-color:var(--primary-color)}@media screen and (min-width: 650px){.Portfolio{padding:10px}}.PortfolioList{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding-top:1rem;padding-bottom:1rem}.Portfolio h3{padding-top:.3rem;margin-bottom:1rem}.Portfolio h3,.Portfolio h4{color:var(--secondary-color)}.Portfolio h3:hover,.Portfolio h4:hover,.Portfolio h3:active,.Portfolio h4:active{color:var(--accent-color)}@media (hover: none){.Portfolio h3:hover,.Portfolio h4:hover,.Portfolio h3:active,.Portfolio h4:active{color:var(--accent-color)}}.Portfolio h3:not(:focus):not(:hover):not(:active),.Portfolio h4:not(:focus):not(:hover):not(:active){background-color:transparent}@media screen and (max-width: 1500px){.PortfolioTiles{padding:0 10px}}@media screen and (max-width: 650px){.PortfolioTiles{display:flex;flex-wrap:wrap}}.PortfolioSoftContainer{display:flex;flex-direction:column;flex:1 1 calc(12.5% - 15px);min-width:90px;max-width:110px;box-sizing:border-box}.PortfolioContainer{display:flex;flex-direction:column;flex:1 1 calc(20% - 15px);min-width:140px;max-width:220px;box-sizing:border-box}.PortfolioTile,.PortfolioSoft{background-color:var(--secondary-color);text-align:center;border-radius:3px;border:1px solid var(--secondary-color-accentued);padding:6px;width:100%;height:100%;box-sizing:border-box}.PortfolioTile div:first-child,.PortfolioSoft div:first-child{background-position:center;height:auto;display:flex;justify-content:center;align-items:center;padding:8px 0}.PortfolioTile div:last-child,.PortfolioSoft div:last-child{height:auto;font-weight:700;font-size:12px}.PortfolioTile img{width:40px;height:50px;object-fit:contain}.PortfolioSoft img{width:70px;height:70px;object-fit:contain}@media screen and (max-width: 1500px){.PortfolioContainer{flex:1 1 calc(25% - 15px);min-width:160px}.PortfolioTile div:last-child{font-size:12px}}@media screen and (max-width: 650px){.PortfolioContainer{flex:1 1 calc(50% - 10px)}.PortfolioTile div:last-child{font-size:11px}}.PortfolioSince{text-align:center;font-size:12px;margin-top:4px}.Certifications{background-color:var(--secondary-color);padding-bottom:15px;padding-left:10px;padding-right:10px}@media screen and (min-width: 650px){.Certifications{padding:10px}}.Certifications h3{padding-top:.3rem;margin-bottom:1rem}.CertificationsList{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 1rem}.Certification{background-color:var(--secondary-color);margin:15px;width:320px;padding-left:10px;padding-right:10px;text-align:center;border-radius:4px;border:1px solid var(--secondary-color-accentued)}.Certification img{width:120px;height:120px;object-fit:contain}.Certification h4:hover{color:var(--primary-color)}.Certification div{font-size:14px;margin-bottom:5px}.Formations{background-color:var(--secondary-color);padding-bottom:15px;padding-left:10px;padding-right:10px}@media screen and (min-width: 650px){.Formations{padding:10px}}.Formations h3{padding-top:.3rem;margin-bottom:1rem}.FormationsList{display:flex;flex-wrap:wrap;justify-content:center;margin:0 0 1rem}.Formation{background-color:var(--secondary-color);margin:15px;width:260px;padding-left:12px;padding-right:12px;text-align:center;border-radius:4px;border:1px solid var(--secondary-color-accentued)}.Formation h4:hover{color:var(--primary-color)}.Formation div{font-size:14px;margin-bottom:5px}.Formation img{width:100px;height:100px;object-fit:contain}.Informations{background-color:var(--primary-color);padding-top:5px;padding-bottom:5px;border-radius:700px 700px 10px 10px/60px 60px 10px 10px;margin-top:auto}.InformationsList{display:flex;justify-content:center}.Information{background-color:var(--secondary-color);transition:background-color .3s ease,border .3s ease;margin:15px;width:40px;text-align:center;border-radius:50%;border:1px solid var(--secondary-color-accentued)}.Information:hover{background-color:var(--accent-color);transform:scale(1.2);border:1px solid var(--accent-color-accentued)}.Information:active{background-color:var(--accent-color);border:1px solid var(--accent-color-accentued);transform:scale(1.3)}@media (hover: none){.Information:hover{transform:none;background-color:var(--accent-color)}}@media screen and (max-width: 520px){.Informations{border-radius:0}}.Information img{height:25px;margin-top:8px}.login-page{height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#263238,#37474f);font-family:Segoe UI,sans-serif;color:#eceff1}.login-page *{box-sizing:border-box}.login-page__form{background-color:#455a64;padding:2rem;margin:1rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:400px;height:100%;max-height:400px}.login-page__control{margin:1.5rem 0}.login-page__label{font-weight:600;margin-bottom:.5rem;color:#cfd8dc;display:block}.login-page__input{width:100%;padding:.75rem;border:1px solid #babde5;border-radius:4px;font-size:1rem;background-color:#263238;color:#eceff1;transition:border .3s ease,background-color .3s ease}.login-page__input:focus{border-color:#babde5;outline:none;box-shadow:0 0 5px #26a69a80;background-color:#2c3e50}.login-page__btn{background-color:#babde5;color:#fff;border:none;padding:.75rem;width:100%;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.login-page__btn:hover{background-color:#babde5}.admin *{box-sizing:border-box}.admin{background-color:#263238;color:#eceff1;font-family:Segoe UI,sans-serif;min-height:100vh;padding-bottom:2rem;overflow:auto}.admin h1,.admin h2,.admin h3,.admin h4{all:unset;color:#fff;font-weight:700;margin-bottom:.75rem}.admin h2:before{all:unset}.admin main{padding:1rem}.admin-main-header{width:100%;height:3.5rem;background-color:#233b39;display:flex;align-items:center}.admin-main-header__nav{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.admin-main-header__item-list{list-style:none;margin:0;padding:0;display:flex}.admin-main-header__item{margin:0 1rem;padding:0}.admin-main-header__item a,.admin-main-header__item button{font:inherit;background:transparent;border:none;text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.admin-main-header__item a:hover,.admin-main-header__item a:active,.admin-main-header__item a.active,.admin-main-header__item button:hover,.admin-main-header__item button:active{color:#d80101}.burger-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.burger-bar{width:100%;height:3px;background-color:#fff;border-radius:2px}@media (max-width: 768px){.burger-btn{display:flex;position:absolute;top:20px;left:20px}.admin-main-header__nav{flex-direction:column;position:relative}.admin-main-header__item-list{display:none;flex-direction:column;background-color:#333;position:absolute;top:50px;left:0;width:200px;padding:1rem;z-index:1000}.admin-main-header__item-list.open{display:flex}.admin-main-header__item--logout{margin-top:1rem;padding-top:1rem;border-top:1px solid #ccc}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block;margin-left:auto}.logout-desktop{margin-left:auto;align-self:center}}.admin-experience-form,.admin-employer-form,.admin-skill-form,.admin-information-form,.admin-certif-form,.admin-login-form{width:40rem;max-width:90%;margin:auto;display:block;background-color:#46412b;padding:1.5rem;border-radius:8px;box-shadow:0 4px 10px #0000004d}.admin-btn{display:inline-block;padding:.5rem 1.25rem;text-decoration:none;font:inherit;border:1px solid #babde5;color:#babde5;background:transparent;border-radius:4px;cursor:pointer;transition:all .3s ease}.admin-btn:hover,.admin-btn:active{background-color:#babde5;color:#fff}.admin-btn.danger{color:#ef5350;border-color:#ef5350}.admin-btn.danger:hover,.admin-btn.danger:active{background:#ef5350;color:#fff}.admin input,.admin textarea,.admin select{width:100%;padding:.75rem;border-radius:4px;border:1px solid #607d8b;background-color:#263238;color:#eceff1;font:inherit;margin-bottom:1rem;transition:border .3s ease,background-color .3s ease}.admin input:focus,.admin textarea:focus,.admin select:focus{border-color:#babde5;outline:none;background-color:#2c3e50}.admin-datePoste{font-size:20px}.admin-PathStepList{margin:1rem}.admin-descriptionPosteSkillsList{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.admin-descriptionPoste ul{margin-left:25px}.admin-skills-grid,.admin-informations-grid,.admin-employers-grid{margin:1rem;display:flex;flex-wrap:wrap}.admin-skill-item,.admin-information-item{width:auto;background-color:#455a64;border-radius:4px;padding:1rem;color:#eceff1;display:flex;flex-direction:column;align-items:center}.admin-card__header{display:flex;justify-content:space-between;align-items:center}.admin-card__image img{width:4rem;border-radius:4px}.admin-card__content{display:flex;flex-direction:column;justify-content:center}.admin-articleContainer{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #607d8b;background-color:#37474f;justify-content:space-between;margin:1rem}.admin-buttonsContainer{display:flex;justify-content:flex-start;gap:1rem}@media (max-width: 768px){.admin-Content{padding:1rem}.recharts-wrapper{max-width:100%;overflow-x:auto}.recharts-default-legend{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;font-size:12px}.recharts-legend-item{margin-right:8px;white-space:nowrap}}.chart-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.chart-row>*{flex:1;min-width:0}@media (min-width: 1024px){.chart-row{flex-direction:row}}.admin-images-grid{display:flex;flex-wrap:wrap;gap:1rem}.admin-image-item{background:#37474f;padding:.5rem;border-radius:4px;text-align:center;width:140px}.admin-image-item img{max-width:100%;height:100px;object-fit:cover;border-radius:4px}.admin-image-item figcaption{font-size:12px;margin:.25rem 0;word-break:break-all}.recharts-default-legend .recharts-legend-item-text{white-space:normal!important;text-align:center;max-width:100px;display:inline-block;word-break:break-word}.admin-backup-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-backup-table th,.admin-backup-table td{padding:.5rem .75rem;border-bottom:1px solid #607d8b;text-align:left}.admin-backup-table th{font-weight:700}:root{--editor-bg: #333;--editor-text-color: #f0f0f0;--editor-border-color: #555;--editor-placeholder-color: #888;--toolbar-bg: #444;--toolbar-button-bg: #555;--toolbar-button-border: #666;--toolbar-button-hover-bg: #666;--toolbar-button-active-bg: #007bff;--toolbar-button-active-border: #0056b3;--toolbar-button-text: #f0f0f0}.ProseMirror{background-color:var(--editor-bg);color:var(--editor-text-color);border:1px solid var(--editor-border-color);min-height:150px;padding:10px;outline:none;box-shadow:0 0 5px #0003;line-height:1.5;font-family:sans-serif;margin-top:10px;transition:border-color .2s ease-in-out}.ProseMirror:focus-visible{border-color:var( --toolbar-button-active-bg )}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--editor-placeholder-color);pointer-events:none;height:0}.ProseMirror p{margin-bottom:.5em}.ProseMirror h1{font-size:2em;margin-top:1em;margin-bottom:.5em;font-weight:700;color:var( --editor-text-color )}.ProseMirror h2{font-size:1.5em;margin-top:1em;margin-bottom:.5em;font-weight:700;color:var(--editor-text-color)}.ProseMirror ul,.ProseMirror ol{padding-left:20px;margin-bottom:.5em;color:var(--editor-text-color)}.ProseMirror li{margin-bottom:.2em}.tiptap-toolbar{background-color:var(--toolbar-bg);padding:8px;border-radius:4px;margin-bottom:5px;display:flex;flex-wrap:wrap;gap:5px}.tiptap-toolbar button{background-color:var(--toolbar-button-bg);color:var(--toolbar-button-text);border:1px solid var(--toolbar-button-border);padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.tiptap-toolbar button.is-active{background-color:var( --toolbar-button-active-bg );border-color:var(--toolbar-button-active-border);color:#fff}.tiptap-toolbar button:hover:not(:disabled){background-color:var(--toolbar-button-hover-bg);border-color:darken(var(--toolbar-button-border),10%)}.tiptap-toolbar button:disabled{opacity:.4;cursor:not-allowed}.ProseMirror a{color:#4caf50;text-decoration:underline}.ProseMirror ul li::marker,.ProseMirror ol li::marker{color:var( --editor-text-color )}