.blocMosaique,.content{box-sizing:border-box;width:100%}a,button,h1,h2,p{margin:0;padding:0}.menuBtn:first-child .fleche1{opacity:1;transform:rotate(45deg)}.blocTitreProjets{margin-bottom:var(--marginBold)}.blocMosaique{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--marginLight);max-width:100%}.projet{cursor:pointer;position:relative;display:block;grid-column:span 1;aspect-ratio:21/29.7}.blocTexte,.projet a{position:absolute;top:0}.projet a{left:0;right:0;bottom:0}.projetActive{opacity:0}.imageProjetActive{transform:translateY(var(--marginBold))!important}.blocImage{width:100%;height:100%;background-color:var(--colorTXT)}.blocImage img,.blocImage video{width:100%;height:100%;object-fit:cover;vertical-align:middle}.blocImage video{background-color:var(--colorBG)}.blocTexte{display:flex;flex-direction:column;align-items:flex-start}.blocTexte p,.blocTitre{z-index:1;position:relative;display:inline-block;transform:translateY(0);padding-right:calc(.5 * var(--marginLight))}.blocFleche,.blocTexte p::before,.blocTitre h2::before{position:absolute;bottom:0;background-color:var(--colorBG)}.blocTitre h2::before,.projet:hover .moveLeft p::before,.projet:hover .moveRight p::before{transition-delay:.1s!important}.noAnimation .blocTitre h2::before,.noAnimation .projet:hover .moveLeft p::before,.noAnimation .projet:hover .moveRight p::before{transition-delay:0s!important}.blocTexte p::before,.blocTitre h2::before{z-index:-1;content:'';top:0;width:0%}.moveRight h2::before,.moveRight p::before{right:0}.projet:hover .moveRight h2::before,.projet:hover .moveRight p::before{left:0;width:100%;transition-delay:0s!important}.moveLeft h2::before,.moveLeft p::before{left:0}.projet:hover .moveLeft h2::before,.projet:hover .moveLeft p::before{left:auto;right:0;width:100%;transition-delay:0s!important}.blocFleche{right:0;display:flex;justify-content:center;align-items:center;width:calc(2.5 * var(--marginLight));height:calc(2.5 * var(--marginLight));overflow:hidden;opacity:0}.projet:hover .blocFleche{transition-delay:.75s;opacity:1}.blocFleche .fleche2{opacity:1!important;margin-right:0!important;transform:translate(calc(-1 * var(--marginMed)),var(--marginMed))}.projet:hover .fleche2{animation:.25s cubic-bezier(.55,0,.29,.99) .85s forwards animHover}.projet:not(:hover) .fleche2{animation:.25s cubic-bezier(.55,0,.29,.99) forwards animUnhover}.noAnimation .projet:hover .fleche2{animation:cubic-bezier(.55,0,.29,.99) forwards animHover}.noAnimation .projet:not(:hover) .fleche2{animation:cubic-bezier(.55,0,.29,.99) forwards animUnhover}@keyframes animHover{from{transform:translate(calc(-1 * var(--marginMed)),var(--marginMed))}to{transform:translate(0,0)}}@keyframes animUnhover{from{transform:translate(0,0)}to{transform:translate(var(--marginMed),calc(-1 * var(--marginMed)))}}.btnBack{display:flex;align-items:center;margin-top:var(--marginBold);margin-left:auto}.btnBack:hover a{transform:translateX(0)}.btnBack:hover .fleche4{transition-delay:.25s;opacity:1}@media screen and (min-width:2000px){.blocMosaique{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1200px){.blocMosaique{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:750px){.blocMosaique{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:450px){.blocMosaique{grid-template-columns:repeat(1,1fr)}}@media (hover:none){.blocTexte p::before,.blocTitre h2::before{width:100%}.menuBtn:first-child:hover .fleche1{opacity:1!important}.btnBack .fleche4{opacity:1}.font .blocTexte p:before,.font .blocTitre h2:before{padding-left:calc(.5 * var(--marginLight));left:calc(-.5 * var(--marginLight))}.font .blocTexte p,.font .blocTitre h2{transform:translateX(calc(.5 * var(--marginLight)))}}