*{margin:0}body{font-family:Manrope,sans-serif;font-size:1em;background-color:#1f2039}em{color:#a5b4fc;font-style:normal}h1{font-size:3.5em;color:#a5b4fc;font-family:Montserrat,sans-serif}h2{font-size:2em;color:#a5d3fc}h3{font-size:1.4em;color:#f9f8ff;margin:5px}p,li{font-size:1.1em;color:#f9f8ff}header,footer{background-color:#fff;padding:20px 50px}section{padding:40px}footer,nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between}nav a{margin-left:30px;text-decoration:none}.accueil-introduction{display:flex;flex-direction:row;width:60%;align-items:flex-start;margin:auto}.accueil-introduction h1{margin-bottom:15px}.accueil-introduction p{margin-bottom:30px}.accueil-introduction div{padding-right:80px}.accueil-last-project{background-color:#fff;padding:80px}.accueil-last-project h2{color:#242424;text-align:center;margin-bottom:50px}.accueil-last-project div{display:flex;flex-direction:row;gap:15px;justify-content:center;margin:15px}.lastProj{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:6px;align-items:center;justify-content:center;text-align:center;color:#707070;background:#e1e1e1;flex-grow:1}.lastProj img{max-width:90%;max-height:800px;height:auto;width:auto;border-radius:6px;vertical-align:middle;object-fit:contain;border:0;-ms-interpolation-mode:bicubic;overflow-clip-margin:content-box;overflow:clip}#latestProject a{text-decoration:none;font-size:1.5em;color:#000}.mon-cv-main{width:50%;margin:auto}.name_job{font-weight:700;font-size:1.2em;color:#a5b4fc}.mon-cv-main a:hover{color:#767676;text-decoration:none}.competence-container{display:flex;align-items:center}.competence-container p{margin-right:10px}.competence{display:flex}.case{width:20px;height:20px;background-color:#767676;margin-right:5px}.selected{background-color:#108100}.case:not(.selected){background-color:#3d3d3d}.grid-portofolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:4em;background:#fff;padding:1em 4em;border:1px solid #ddd;border-radius:6px;color:#707070}.projet{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;height:350px;color:#707070;background:#e1e1e1;flex-grow:1}.projet img{height:300px;max-width:100%;border-radius:6px;vertical-align:middle;object-fit:contain;border:0;-ms-interpolation-mode:bicubic;overflow-clip-margin:content-box;overflow:clip}.description-projet{padding:1em;text-align:center}.description-projet a{text-decoration:none;font-size:1.1em;color:#000;font-weight:700}.description-projet a:hover{text-decoration:underline}.retour{text-decoration:none;color:#a5b4fc;font-family:Montserrat,sans-serif}.retour-haut{display:flex;justify-content:center;align-items:center}.retour-haut-btn{display:inline-block;background:linear-gradient(#8e86b5,#acaeed);color:#fff;border-radius:50px;padding:20px 30px;text-decoration:none}.main-section-projet{width:60%;margin:auto}.main-section-projet a{color:#fff}.image-acceuil-projet{display:block;max-width:1500px;max-height:800px;width:auto;height:auto;margin:auto}.check-icon{color:green;font-size:24px}table{border:5px solid #E1E1E1;text-align:center;border-collapse:collapse}thead{font-size:2em;color:#a5d3fc}tbody{font-size:1.1em;color:#f9f8ff}th,td{border:3px solid rgb(110,110,110);padding:10px}.grid-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1em;background:#fff;padding:1em;align-items:center}.overlay{display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-images img{display:block;max-height:100%;max-width:100%}.images-projet h2{display:flex;justify-content:center;align-items:center}.overlay{position:relative;display:inline-block}.img-images-projet{transition:transform .3s}.overlay:hover .img-images-projet{transform:scale(1.1)}.span-overlay{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;color:#fff;padding:10px;box-sizing:border-box;opacity:0;transition:opacity .3s}.overlay:hover .span-overlay{opacity:1}.link-dl a{font-size:1.2em;font-weight:700}.link-dl a:hover{color:#a5b4fc}#fcf-form{display:block}.fcf-body{margin:0;font-family:-apple-system,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;padding:30px 30px 10px;border:1px solid #ced4da;border-radius:.25rem;max-width:100%}.fcf-form-group{margin-bottom:1rem}.fcf-input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.fcf-form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;outline:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.fcf-form-control:focus{border:1px solid #313131}select.fcf-form-control[size],select.fcf-form-control[multiple]{height:auto}textarea.fcf-form-control{font-family:-apple-system,Arial,sans-serif;height:auto}label.fcf-label{display:inline-block;margin-bottom:.5rem}.fcf-credit{padding-top:10px;font-size:.9rem;color:#545b62}.fcf-credit a{color:#545b62;text-decoration:underline}.fcf-credit a:hover{color:#0056b3;text-decoration:underline}.fcf-btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion: reduce){.fcf-btn{transition:none}}.fcf-btn:hover{color:#212529;text-decoration:none}.fcf-btn:focus,.fcf-btn.focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}.fcf-btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.fcf-btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.fcf-btn-primary:focus,.fcf-btn-primary.focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem #268fff80}.fcf-btn-lg,.fcf-btn-group-lg>.fcf-btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.fcf-btn-block{display:block;width:100%}.fcf-btn-block+.fcf-btn-block{margin-top:.5rem}input[type=submit].fcf-btn-block,input[type=reset].fcf-btn-block,input[type=button].fcf-btn-block{width:100%}
