.articles{margin-top:150px}h1{font-size:2.5rem;font-family:'Poppins',sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;text-align:center}h2.titre{margin:5px 0 50px 0;padding:5px;color:#60B02C}.articles-list{flex-wrap:wrap;align-items:stretch}.article{width:420px;padding:30px;position:relative;height:400px;margin-bottom:25px}.image-contain{height:650px;background-position:center;background-size:cover;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:15px 15px 0 0;box-shadow:0 -3px 16px -5px rgba(0,0,0,.74);-webkit-box-shadow:0 -3px 16px -5px rgba(0,0,0,.74);-moz-box-shadow:0 -3px 16px -5px rgba(0,0,0,.74)}.vignette:hover .image-contain{background-size:calc(cover + 10%)}.text-article{box-shadow:0 3px 16px -5px rgba(0,0,0,.74);-webkit-box-shadow:0 3px 16px -5px rgba(0,0,0,.74);-moz-box-shadow:0 3px 16px -5px rgba(0,0,0,.74);padding:10px;border-radius:0 0 15px 15px;height:fit-content;overflow:hidden;text-overflow:ellipsis;height:100%;padding-bottom:20px}.text-article p{padding:10px;display:flex;overflow:hidden}h2{text-align:center;color:#272727;font-size:1.2rem;font-family:'Poppins',sans-serif;font-weight:700;font-style:italic}.vignette{position:relative;display:flex;flex-direction:column;height:100%}.hover-text{position:absolute;width:100%;height:100%;top:0;right:0;backdrop-filter:brightness(40%) blur(2px);color:#fff;display:flex;justify-content:center;align-items:center;border-radius:15px;cursor:pointer;opacity:0;transition:.3s}.hover-text h3{font-size:2rem;font-family:'Poppins',sans-serif;font-weight:700;font-style:italic}.vignette:hover .hover-text{opacity:1;transition:.3s ease-out}.date{display:flex;width:auto;height:auto;position:relative;font-size:2rem;font-family:'Poppins',sans-serif;font-weight:700;font-style:italic;color:#60B02C;align-items:flex-end}.date .chiffres{font-size:5rem;margin-bottom:-30px;margin-left:-25px;letter-spacing:-4px}.date .mois{margin:10px 0 0 5px;font-size:2rem}.text-space{height:25px}.contain-text{height:100%;overflow:hidden}.contain-text p{height:90%}footer{color:#fff}strong{font-weight: bold !important;}