.composition-grille{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(1,1fr);gap:var(--gap)}.composition-grille article{grid-column:1}.composition-grille article:last-child{grid-column:2;grid-row:1 / -1}.composition-grille article{border-radius:var(--radius);position:relative;overflow:hidden}.composition-grille article .link-grille-composition-content{padding:calc(var(--gap) * 2);display:flex;flex-direction:column;width:100%;height:100%}.composition-grille article a{position:relative;z-index:1}.composition-grille article .image-composition-anim{position:absolute;bottom:0;right:0;transform:translate(0,0%);z-index:0;height:100%;width:100%;pointer-events:none}.composition-grille article .image-composition-anim img{transform:scale(1.2);width:100%;height:100%;object-fit:cover}.card-head-composition-grille{display:flex;justify-content:space-between;align-items:flex-start}.card-head-composition-grille h2{margin-top:0;margin-bottom:var(--gap);width:100%}.card-head-composition-grille span{min-width:max-content}.card-head-composition-grille div .material-icon{border-radius:calc(var(--radius) / 2);background:var(--black-mask);backdrop-filter:blur(10px);transition:transform 250ms ease-in-out}.composition-grille article .composition-grille-content{padding-left:var(--gap);margin-left:calc(var(--gap) / 2);border-left:3px solid;z-index:9}.composition-grille article .composition-grille-content *{gap:calc(var(--gap) / 2)}.composition-grille article .composition-grille-content ul{list-style:none!important;padding:0!important;margin:0!important}.composition-grille article .composition-grille-content ul li:before{display:none}.composition-grille article .link-grille-composition-content.text-sombre{color:var(--secondary)}.label-complementaire{font-size:var(--medium-font)}.composition-grille article a{opacity:1;transition:opacity 250ms ease-in-out;height:100%;width:100%;display:flex}.composition-grille:hover article a:not(:hover){opacity:.4}.composition-grille article a:hover .material-icon{transform:translate(5px,-5px)}.version-alegee.composition-grille{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto}.version-alegee.composition-grille article{grid-column:auto;min-height:clamp(120px, 33vh, 200px);background:rgba(226,235,244,.39);border:1px solid #DFE6EE;backdrop-filter:blur(17px)}.version-alegee.composition-grille article:last-child{grid-column:auto;grid-row:auto}.version-alegee .card-head-composition-grille h2{font-size:var(--medium-font);color:var(--secondary);margin-bottom:0}.version-alegee.composition-grille article .link-grille-composition-content,.version-alegee .card-head-composition-grille{justify-content:space-between;align-items:flex-end;width:100%;height:100%}.version-alegee.composition-grille article .image-composition-anim{position:absolute;top:var(--gap);right:var(--gap);transform:translate(0,0%);z-index:0;height:42px;width:42px;pointer-events:none}.version-alegee .card-head-composition-grille div .material-icon{border-radius:calc(var(--radius) / 2);background:transparent;backdrop-filter:blur(0)}@media (max-width:576px){.composition-grille{display:flex;flex-wrap:nowrap;overflow-y:auto;width:100vw;position:relative;left:50%;transform:translate(-50%,0);max-width:100vw!important;padding:0 var(--gap)}.composition-grille article{min-width:calc(100vw - (4 * var(--gap)))}.composition-grille article .composition-grille-content{margin:auto 0;font-size:var(--small-font)}}