.container-accueil{grid-template-columns:repeat(auto-fit,minmax(250px,280px));justify-content:center;justify-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.container-accueil>a{width:100%;max-width:280px;display:block}.carre{aspect-ratio:1;cursor:pointer;background-color:#323232;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:280px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #0009;container:carre/size}.carre:before{content:"";background-image:var(--bg-image);filter:blur(5px)brightness(.8);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.1)}.carre[style*=background-image]:before{background-image:inherit}.carre:hover{transform:scale(1.03);box-shadow:0 0 20px #0009}.categorie-nom{z-index:1;color:#fff;text-align:center;box-sizing:border-box;text-shadow:0 0 4px #000,0 0 8px #000,0 0 10px #00000080;word-break:keep-all;white-space:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;letter-spacing:.5px;justify-content:center;max-width:calc(100% - 24px);max-height:calc(100% - 24px);padding:12px 16px;font-size:30px;font-weight:300;line-height:1.3;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.categorie-nom.text-short{font-size:clamp(1.5rem,20cqi,3rem)}.categorie-nom.text-medium{font-size:clamp(1rem,15cqi,2rem)}.categorie-nom.text-long{font-size:clamp(.8rem,10cqi,1.3rem)}.no-categories{text-align:center;color:#969696;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px 40px;font-size:20px;display:flex}.no-categories .material-symbols-outlined{font-size:56px;color:#787878!important}.no-categories p{font-weight:300}.voir-actif{margin:20px auto;display:flex}.page-desactivee{color:#969696;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:400px;font-family:Montserrat,sans-serif;display:flex}.page-desactivee .material-symbols-outlined{color:#787878;font-size:64px}.page-desactivee p{font-size:1.2rem;font-weight:300}