div.nuancier__groupes:last-of-type{margin-bottom:calc(var(--marginbottom) + var(--marginbottom))}div.nuancier__groupes{width:100vw;padding:0 var(--paddingside);text-align:center;display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--columngap)}div.nuancier__groupes .groupe-container{grid-column:2/-2;display:grid;grid-template-columns:repeat(10,1fr);grid-column-gap:var(--columngap)}div.nuancier__groupes .groupe-container .groupe{grid-column:1/-1;display:grid;grid-template-columns:repeat(10,1fr);grid-column-gap:var(--columngap);align-items:center;margin-top:var(--columngap);<!-- position: sticky;--> top: 0px;background-color:#f7f0e9;z-index:2;padding:55px 0}div.nuancier__groupes .groupe-container .groupe .groupe__title{grid-column:1/7;text-align:left}div.nuancier__groupes .groupe-container .groupe .groupe__title .title{font-style:normal;font-weight:400;font-size:90px;line-height:63px;text-transform:uppercase}div.nuancier__groupes .groupe-container .groupe .groupe__title .exp{font-size:8px;font-style:normal;font-weight:400;line-height:9px;letter-spacing:.4px;position:relative;top:-60px;text-transform:uppercase;left:5px}div.nuancier__groupes .groupe-container .groupe .desc{grid-column:7/-1;text-align:left}div.nuancier__groupes .groupe-container .groupe:first-of-type{margin-top:0}div.nuancier__groupes .groupe-container .couleur{grid-column:span 2;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:45px;background-position:center;background-repeat:no-repeat;background-size:cover}div.nuancier__groupes .groupe-container .couleur .title{padding:5px;font-style:normal;font-weight:400;font-size:18px;line-height:23px;text-transform:uppercase;color:#fff;opacity:0}div.nuancier__groupes .groupe-container .couleur .show-color{position:absolute;bottom:25px;width:100%;text-align:center;font-style:normal;font-weight:400;font-size:8px;line-height:10px;text-transform:uppercase;color:#fff;opacity:0}div.nuancier__groupes .groupe-container .couleur span{transition:opacity .4s ease}div.nuancier__groupes .groupe-container .couleur:hover span{opacity:1}@media screen and (max-width: 1025px){div.nuancier__groupes{width:100vw;padding:0 10px;text-align:center;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px}div.nuancier__groupes .groupe-container{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px}div.nuancier__groupes .groupe-container .groupe{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px;align-items:center;margin-top:var(--columngap);position:static;top:initial;background-color:#f7f0e9;z-index:2;padding:20px 0}div.nuancier__groupes .groupe-container .groupe .groupe__title{grid-column:1/-1;text-align:left;margin-top:30px}div.nuancier__groupes .groupe-container .groupe .groupe__title .title{font-style:normal;font-weight:400;font-size:45px;line-height:45px;text-transform:uppercase}div.nuancier__groupes .groupe-container .groupe .groupe__title .exp{position:absolute;top:-10px;left:5px}div.nuancier__groupes .groupe-container .groupe .desc{margin-top:20px;grid-column:1/-1;text-align:left}div.nuancier__groupes .groupe-container .groupe:first-of-type{margin-top:0}div.nuancier__groupes .groupe-container .couleur{overflow:hidden;grid-column:span 1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;width:100%}div.nuancier__groupes .groupe-container .couleur .title{padding:5px;font-style:normal;font-weight:400;font-size:18px;line-height:23px;text-transform:uppercase;color:#fff;opacity:0}div.nuancier__groupes .groupe-container .couleur .show-color{position:absolute;bottom:10px;width:100%;text-align:center;font-style:normal;font-weight:400;font-size:8px;line-height:10px;text-transform:uppercase;color:#fff;opacity:1}div.nuancier__groupes .groupe-container .couleur span{transition:opacity .4s ease}div.nuancier__groupes .groupe-container .couleur:hover .title{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-groupedecouleurs.css.map */