.divImagePresentationPortfolio{position:relative;width:100%;aspect-ratio:475/350}.divBlocPresentation{display:flex;flex-direction:column;justify-content:center;align-items:center}.divParagraphePortfolio{width:80%;margin-bottom:2rem;padding:3rem 0 0}.techno{width:5rem;height:5rem;flex-shrink:0;transition:color .3s;color:var(--vert-FF)}.divSectionProjets{padding:3rem 1rem}.divCartePortfolio{position:relative;width:320px;aspect-ratio:400/227}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:.5rem;padding:.25rem .5rem;font-size:1rem;color:white;background-color:black;border-radius:.25rem;opacity:0;white-space:nowrap;transition:opacity .2s;pointer-events:none;text-align:center}.techno-container:focus .tooltip,.techno-container:hover .tooltip{opacity:1}@media screen and (min-width:768px){.divBlocImagePortfolio{width:100%}.techno:hover{transition:color .2s;color:var(--vert-M)}.divSectionProjets{padding:3rem 2rem}.divCartePortfolio{width:400px}}@media screen and (min-width:1024px){.divBlocImagePortfolio{width:70%}.divParagraphePortfolio{width:70%;margin:2rem 0}.divCartePortfolio{width:450px}}@media screen and (min-width:1300px){.divBlocPresentation{flex-direction:row;justify-content:space-between}.divBlocImagePortfolio{width:600px}.imageProfilPortfolio{border-radius:0 0 2rem 0}.divParagraphePortfolio{margin:2rem 0;padding:0 4rem 0 2rem}.divSectionProjets{padding:6rem 2rem}}@media screen and (min-width:1536px){.divParagraphePortfolio{width:60%;margin:0 auto;padding:0 10rem}}