#root{width:100vw;height:100vh}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333}.titre-date{display:flex;flex-wrap:nowrap;justify-content:space-between}@media (max-width: 868px){.titre-date{display:flex;justify-content:space-between;flex-wrap:wrap}}.container{min-height:100vh;background-color:#10b981;display:flex;justify-content:center;padding:2rem}.cv-wrapper{width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex}.sidebar{width:5rem;background-color:#fff;border-right:1px solid #e5e7eb;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.nav-menu{display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:2rem}.nav-item{padding:.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.nav-item:hover{background-color:#ecfdf5}.icon{width:1.5rem;height:1.5rem;color:#059669}.main-content{flex:1;padding:2rem}.profile-section{text-align:center;margin-bottom:3rem}.profile-image{width:8rem;height:8rem;border-radius:50%;margin-bottom:1rem;border:4px solid #10b981}.profile-name{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.profile-title{color:#10b981;margin-bottom:1rem}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{color:#6b7280;transition:color .2s}.social-link:hover{color:#10b981}.social-icon{width:1.25rem;height:1.25rem}.about-section{margin-bottom:3rem}.section-title{font-size:1.25rem;font-weight:700;color:#059669;margin-bottom:1rem}.about-text{color:#4b5563;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{color:#4b5563}.info-label{font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.services-grid-competence{display:flex;flex-wrap:wrap}.services-grid-competence>div{width:400px;margin:10px}.service-card{padding:1.5rem;background-color:#f9fafb;border-radius:.5rem}.service-icon{width:3rem;height:3rem;color:#10b981;margin-bottom:1rem}.service-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.service-description{color:#4b5563}.action-buttons{margin-top:3rem;display:flex;justify-content:center;gap:1.5rem}.button{display:flex;align-items:center;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.primary{background-color:#10b981;color:#fff}.primary:hover{background-color:#059669}.secondary{background-color:#f3f4f6;color:#374151}.secondary:hover{background-color:#e5e7eb}@media (max-width: 768px){.cv-wrapper{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.nav-menu{flex-direction:row;padding:1rem;gap:1rem}.services-grid,.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.button{width:100%;justify-content:center}}.canvas-background{background-image:url(/assets/bureau3-D80uEGcW.jpg);background-size:cover;background-position:center}.center-text{margin:auto;width:60%;padding:10px;font-size:20px}*{margin:0;padding:0;box-sizing:border-box}.container{padding:2rem;width:100%}h1{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:900;color:#000}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.card{background-color:#ececec;border:1px solid #10b981;border-radius:8px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-icon{margin-bottom:1rem;color:#059669}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#059669}p{color:#333;line-height:1.5;margin-bottom:1.5rem}.read-more{background-color:#000;color:#fff;border:none;border-radius:25px;padding:.75rem 2rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:200px}.read-more:hover{background-color:#333}@media (max-width:768px){.cards-container,#leva__root{display:none}}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2rem;margin-bottom:2rem}.cards-container{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.cards-container{grid-template-columns:repeat(2,1fr)}}