@charset "UTF-8";html{display:flex;justify-content:center}body{background-color:#fff;font-family:Montserrat,sans-serif;width:100%;margin:0;padding:0;display:flex;flex-direction:column}.main-container{max-width:1240px;margin:0 auto}h2{font-size:2rem}.accordion-header .arrow{color:#fff;width:20px;height:20px;background-image:url(../../assets/icons/accordion_arrow.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .4s ease}.header{display:flex;justify-content:center;align-items:center;height:5rem;padding:1rem 0;background-color:#fff}.header .nav{display:flex;justify-content:center;align-items:center;gap:2rem;max-width:1240px;width:100%}.header .nav .nav-link{text-decoration:none;color:#00567a;font-size:1.8rem;font-weight:700;position:relative}.header .nav .nav-link:before{content:"";position:absolute;width:100%;height:3px;background:#00567a;border-radius:6px;transform:scaleX(0);transition:all .6s ease;bottom:-6px;left:0}.header .nav .nav-link:hover:before{transform:scaleX(1)}@media (max-width: 720px){.header{padding:0}.header .logo img{height:48px}.header .nav{gap:.8rem}.header .nav .nav-link{justify-content:space-around;font-size:1rem;text-transform:uppercase}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(315deg,#00567a,#002230);color:#fff;height:150px;border-top-left-radius:20px;border-top-right-radius:20px}.footer .liens_reseaux{margin-top:1.5rem;margin-bottom:1.5rem}.footer .liens_reseaux i{color:#fff;font-size:4rem;margin-left:3rem;margin-right:3rem;transition:transform .3s ease}.footer .liens_reseaux i:hover{transform:scale(1.1)}.banner{position:relative;display:flex;align-items:center;justify-content:center;height:225px;border-radius:20px;font-size:1.25rem;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.7);box-shadow:0 4px 4px #0003}.banner-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(95%);z-index:1;border-radius:20px}.banner h1{font-size:3.5rem;margin:0;color:#fff;position:absolute;z-index:2;top:12px}@media (max-width: 720px){.banner{position:relative;display:flex;align-items:center;justify-content:center;height:130px;width:100%;font-size:.85rem;font-weight:700;margin:0 auto;border-radius:20px}.banner-img{width:100%;height:100%}.banner h1{font-size:1.45rem;width:60%;margin:auto auto auto 55px}}.card{position:relative;height:340px;width:340px;border-radius:8px;color:#fff;background-color:#fff;overflow:hidden;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-cover{width:100%;height:100%;object-fit:cover;border-radius:4px}.card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.card-title{position:absolute;top:285px;left:10px;font-weight:700;padding:5px 10px;width:70%;z-index:2}.card:hover{transform:scale(1.05);box-shadow:0 4px 10px #00000080}@media (max-width: 720px){.card{height:280px;width:100%;border-radius:10px}.card-title{width:60%;top:220px;left:10px}}.project-container{display:flex;flex-direction:column;text-align:center;background:linear-gradient(315deg,#00567a,#002230);border-radius:20px;margin-top:3rem;margin-bottom:3rem}h2{color:#000;margin-bottom:0}.card-gallery{justify-items:center;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;background-color:transparent;margin-top:.5rem}.github_cover{width:100%;height:100%;object-fit:cover;border-radius:4px}@media (max-width: 770px){.project-container{margin-top:2rem;margin-bottom:2rem}.project-container .card-gallery{grid-template-columns:1fr;gap:2rem;padding:15px;margin:1rem auto}.project-container .card-gallery .card{display:flex;justify-content:center;align-items:center;overflow:hidden}.project-container .card-gallery .github_cover{width:80%;height:80%;object-fit:contain}}@media (max-width: 1145px){.card-gallery{grid-template-columns:repeat(2,1fr)}}.form-container{flex-direction:column;background:linear-gradient(315deg,#00567a,#002230);display:flex;justify-content:center;align-items:center;height:650px;border-radius:20px;margin-top:.5rem;margin-bottom:3rem}h2{color:#fff;margin-bottom:0}.contact-form{margin:auto;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:20px;box-shadow:0 4px 10px #0000001a;width:550px;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-form form{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem;padding:10px}.contact-form form label{font-weight:700;color:#fff;margin-bottom:10px}.contact-form form input,.contact-form form textarea{width:90%;height:1.5rem;padding:10px;margin-bottom:10px;border:1px solid white;border-radius:20px;outline:none;text-align:center;background-color:#ffffff4d;color:#fff}.contact-form form input::placeholder,.contact-form form textarea::placeholder{color:#ffffffb3}.contact-form form textarea{resize:none;height:100px}.contact-form form button{margin-top:1rem;background-color:#fff;color:#00567a;border:none;padding:10px;border-radius:20px;width:70%;height:2.5rem;cursor:pointer;transition:.3s;font-weight:700;transition:transform .3s ease}.contact-form form button:hover{font-size:1rem;background-color:#00567a;color:#fff;transform:scale(1.1);box-shadow:0 0 8px #ffffff80}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal .modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center}.modal .modal-content p{margin-bottom:10px}.modal .modal-content button{background-color:#00567a;color:#fff;border:none;padding:8px 12px;cursor:pointer;border-radius:5px}.modal .modal-content button:hover{background-color:#002230}@media (max-width: 720px){.form-container{width:100%;justify-content:center;margin-bottom:2rem}.form-container .contact-form{width:90%}.form-container .contact-form form{width:100%;justify-content:center;padding:0}.form-container .contact-form form input,.form-container .contact-form form textarea{width:90%}}.presentation-container{display:flex;flex-direction:column;text-align:center;justify-content:center;background:linear-gradient(315deg,#00567a,#002230);border-radius:20px;margin-top:3rem;padding:2rem 6rem}.presentation-container .presentation-title{margin-top:0;margin-bottom:10px}.presentation-container .emeric-picture{width:130px;height:130px;border-radius:50%;background-image:url(/emeric_picture.webp);background-size:cover;background-position:center;margin:0 auto}.presentation-container .text-presentation{margin:auto;font-size:20px;color:#fff;margin-bottom:3rem;max-width:750px}.presentation-container .text-presentation h3{font-size:20px;font-weight:300;margin-bottom:1.5rem}.presentation-container .text-presentation p{margin:10px 10px 10px 0}.presentation-container .lien-cv{text-decoration:none;font-size:18px;padding:10px;border-radius:15px;background-color:#fff;color:#00567a;font-weight:700;max-width:16rem;margin:auto;display:inline-block;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.presentation-container .lien-cv:hover{transform:scale(1.1);box-shadow:0 4px 10px #00000080}@media (max-width: 720px){.presentation-container{padding-left:3rem;padding-right:3rem;margin-top:2rem}}.error404{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:7rem}.error404 .error-title{color:#00567a;font-size:15rem;margin-top:5rem;margin-bottom:1.2rem}.error404 .error-text{color:#00567a;font-size:2.2rem;margin-bottom:6rem}.error404 .back-home{text-decoration:underline;color:#000;font-size:18px}@media (max-width: 720px){.error404{margin-bottom:7rem}.error404 .error-title{font-size:8rem;margin-top:5rem;margin-bottom:3rem}.error404 .error-text{font-size:1.5rem;margin-bottom:7rem;margin-left:auto;margin-right:auto;text-align:center}.error404 .back-home{font-size:18px}}.image-display{display:flex;justify-content:center;align-items:center;width:100%;height:700px;overflow:hidden;border:2px solid #00567a;border-radius:15px;box-shadow:0 4px 4px #0003;margin-top:0;margin-bottom:3rem}.image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.displayed-image{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px}@media (max-width: 720px){.image-display{max-height:700px;width:auto}.displayed-image{width:100%;height:100%;object-fit:cover;object-position:top}}.housing-details{margin-bottom:1rem}.housing-details .housing-header{display:flex;justify-content:space-between}.housing-details .housing-header .header-left .housing-title{font-family:Montserrat,sans-serif;color:#00567a;font-size:2.5rem;font-weight:700;margin-bottom:5px}.housing-details .housing-header .header-left .housing-location{margin-top:0;font-size:1.2rem}.housing-details .housing-header .header-left .tags{margin-left:0rem;padding-left:0rem}.housing-details .housing-header .header-left .tags .tag{display:inline-block;font-size:14px;font-weight:700;margin:5px;padding:5px 10px;background:linear-gradient(315deg,#00567a,#002230);color:#fff;border-radius:10px;min-width:100px;text-align:center;margin-left:0rem;margin-right:8px}.housing-details .housing-header .header-right{display:flex;justify-content:flex-end;align-items:center}.housing-details .housing-header .header-right .links-container{display:flex;margin-top:2rem;margin-right:2rem;gap:4rem}.housing-details .housing-header .header-right .project-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#002230;font-size:14px;transition:color .3s,transform .3s ease}.housing-details .housing-header .header-right .project-link i{font-size:3.5rem;margin-bottom:5px}.housing-details .housing-header .header-right .project-link:hover{transform:scale(1.1);color:#00567a}.housing-details .housing-accordions{margin-top:1.5rem;display:flex;flex-direction:row;justify-content:space-between}.housing-details .housing-accordions .accordion{width:580px}.housing-details .housing-accordions.open{height:180px}.housing-details .housing-accordions ul{padding-top:0rem;margin:0rem}@media (max-width: 720px){.housing-details{width:calc(100% - 30px);margin:0 15px}.housing-details .housing-header{display:flex;flex-direction:column}.housing-details .housing-header .header-left{margin-top:0;text-align:center}.housing-details .housing-header .header-left .housing-title{margin-top:0;font-size:1.5rem}.housing-details .housing-header .header-left .housing-location{font-size:.9rem}.housing-details .housing-header .header-left .tags{font-size:1.5rem;margin-bottom:0}.housing-details .housing-header .header-left .tags .tag{font-size:12px;min-width:70px}.housing-details .housing-header .header-right{display:flex;flex-direction:row;justify-content:center;margin-top:0;margin-bottom:1rem}.housing-details .housing-header .header-right .links-container{flex-direction:row;align-items:center;gap:4rem}.housing-details .housing-header .header-right .project-link i{font-size:3.5rem}.housing-details .housing-header .header-right .project-link span{font-size:15px}.housing-details .housing-accordions{margin-top:.5rem;flex-direction:column;width:calc(100% - 30px)}.housing-details .housing-accordions .accordion{max-width:380px;font-size:.9rem}.housing-details .housing-accordions .accordion h3{font-size:1rem}}.accordion{margin-bottom:1rem;border:none;overflow:hidden}.accordion-header{background:linear-gradient(315deg,#00567a,#002230);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:default;border-radius:8px}.accordion-header h3{margin:0}.accordion-header .arrow{color:#fff;width:20px;height:20px;background-image:url(../../assets/icons/accordion_arrow.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .4s ease}.accordion-header .arrow.open{transform:rotate(-180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 15px;background-color:#fff;border:none;font-size:18px;line-height:1.5}.accordion-content.open{max-height:160px;padding:15px}@media (max-width: 720px){.accordion{margin-bottom:2rem}.accordion-header{padding:10px}.accordion-header h3{font-size:1rem}.accordion-content.open{max-height:180px;padding:10px}}