.blocButtons,.blocTextes{grid-template-columns:repeat(2,1fr)}.buttonColor:after,.buttonColor:before,.buttonTheme:after{content:'';position:absolute;top:50%;left:50%;background-color:var(--colorBG);transform:translate(-50%,-50%)}.buttonColor:after,.buttonColor:before,.buttonMonochrome:before,.buttonTheme:after{transform:translate(-50%,-50%)}a,button,h1,h2,p{margin:0;padding:0}h2{padding-bottom:var(--marginMed)}h3{margin:var(--marginLight) 0;margin-top:calc(1.5 * var(--marginLight))}.blocMentions .fleche2{opacity:1}.blocMentions a{font-weight:500}.content{width:100%;box-sizing:border-box}.blocTextes{display:grid;gap:calc(2 * var(--marginBold))}.bloc3,.blocAccessibility{margin-top:calc(2.5 * var(--marginBold));padding-top:var(--marginMed);border-top:solid var(--colorTXT) 2px}.blocAnimate,.blocColor,.blocContrast,.blocDraw,.blocFont,.blocGeometry,.blocGlass,.blocLine,.blocMonochrome,.blocMultiColored,.blocNoise,.blocReset,.blocShape,.blocTheme,.blocTouch{display:flex;align-items:center}.blocButtons{display:grid;gap:var(--marginLight) var(--marginMed)}.touch .blocButtons{gap:var(--marginMed)}.buttonColor,.buttonTheme{position:relative;width:var(--marginMed);height:var(--marginMed);background-color:var(--colorTXT);margin-right:var(--marginLight);border-radius:100%}.buttonTheme:after{width:4px;height:4px;border-radius:100%}.buttonAnimate,.buttonContrast,.buttonDraw,.buttonFont,.buttonMonochrome,.buttonShape{border:solid var(--colorTXT) 2px;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);position:relative;margin-right:var(--marginLight)}.touch .buttonAnimate .extraLayer2,.touch .buttonAnimate:after,.touch .buttonAnimate:before,.touch .buttonTheme:after{width:6px;height:6px}.multiColored .blocColor{opacity:.5}.multiColored .blocColor .buttonColor{cursor:default!important}.buttonColor:after{width:var(--marginLight);height:2px}.buttonColor:before{width:2px;height:var(--marginLight)}.buttonContrast::after,.buttonMonochrome:after{left:0;width:100%;position:absolute;content:''}.touch .buttonColor:after,.touch .buttonGeometryRemove:after,.touch .buttonReset:after{width:calc(1.5 * var(--marginLight))}.touch .buttonColor:before,.touch .buttonGeometryRemove:before,.touch .buttonReset:before{height:calc(1.5 * var(--marginLight))}.buttonContrast{background-color:#0d0d0d}.buttonContrast::after{top:0;height:100%;background-color:#f4f0e7;clip-path:polygon(0 0,100% 0,0 100%)}.buttonMonochrome:after{z-index:2;top:60%;height:40%;opacity:.5;background-color:var(--afterColor,#cca56a)}.buttonMonochrome:before{z-index:3;content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;clip-path:circle(40.0% at 75% 25%);background-color:var(--beforeColor,#e39afa)}.buttonFont:after,.buttonMonochrome .extraLayer1{position:absolute;top:0;left:0;width:100%;height:100%}.buttonAnimate,.buttonMonochrome .extraLayer1,.buttonMultiColored,.buttonNoise,.buttonShape{background-color:var(--colorTXT)}.buttonMonochrome .extraLayer1{z-index:1;content:'';opacity:.5}.buttonShape{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.buttonFont{font-family:gt_planar_trialit_45_rg,sans-serif;font-style:italic}.extraFont{font-family:GeneralSans-Variable!important;font-style:normal!important}.buttonFont:after{content:'A';font-size:.7rem;line-height:1rem!important;font-weight:700}.extraFont:after{line-height:.9rem!important;font-weight:450!important}.touch .buttonFont:after{content:'A';font-size:1rem;line-height:1.75rem!important}.touch .extraFont:after{line-height:1.5rem!important}.buttonAnimate .extraLayer2,.buttonAnimate:after,.buttonAnimate:before{width:4px;height:4px;transform:translate(-50%,-50%);border-radius:100%;content:'';position:absolute;background-color:var(--colorBG)}.buttonAnimate:after{z-index:2;top:50%;left:50%;opacity:0}.buttonAnimate.animation:after{opacity:.66}.buttonAnimate:before{z-index:3;top:25%;left:75%}.buttonAnimate .extraLayer2{z-index:1;top:75%;left:25%}.buttonMultiColored,.buttonNoise{position:relative;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);margin-right:var(--marginLight);border:solid var(--colorTXT) 2px}.buttonNoise .extraLayer3{content:'';position:absolute;width:50%;height:50%;background-color:var(--colorBG)}.buttonMultiColored .multiColored1,.buttonNoise .noise1{top:0;left:0}.buttonMultiColored .multiColored2,.buttonNoise .noise2{top:0}.buttonMultiColored .multiColored3,.buttonNoise .noise3{left:0}.buttonDraw:before,.buttonGeometryRemove:after,.buttonGeometryRemove:before{content:'';position:absolute;top:50%;left:50%}.buttonGeometry{position:relative;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);background-color:var(--colorTXT);margin-right:var(--marginLight);border:solid var(--colorTXT) 2px;animation:5s steps(1,end) infinite clipPathAnimation}@keyframes clipPathAnimation{0%,100%{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}20%{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}40%{clip-path:circle(50% at 50% 50%)}60%{clip-path:polygon(50% 0%,90% 20%,100% 60%,75% 100%,25% 100%,0% 60%,10% 20%)}80%{clip-path:polygon(50% 0%,0% 100%,100% 100%)}}.buttonGeometryRemove{position:relative;display:none;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);margin-right:var(--marginLight);border:solid 2px var(--colorTXT)}.buttonGeometryRemove:after{width:calc(1.2 * var(--marginLight));height:2px;transform:translate(-50%,-50%) rotate(-45deg);background-color:var(--colorTXT)}.buttonGeometryRemove:before{width:2px;height:calc(1.2 * var(--marginLight));transform:translate(-50%,-50%) rotate(135deg);background-color:var(--colorTXT)}.lines.multiColored .buttonLine:after,.multiColored .buttonGeometryRemove:after,.multiColored .buttonGeometryRemove:before,.multiColored .buttonLine .extraLayer8,.multiColored .buttonReset:after,.multiColored .buttonReset:before{background-color:var(--multiColored)}.buttonDraw:after,.drawing .buttonDraw,.drawing .buttonDraw:before{background-color:var(--colorTXT)}.drawing.multiColored .buttonDraw,.drawing.multiColored .buttonDraw:before,.multiColored .buttonDraw:after{background-color:var(--multiColoredHeader)}.buttonDraw:after{content:'';position:absolute;width:100%;height:100%;transform:translate(-50%,-50%);clip-path:polygon(75% 0%,100% 0,100% 25%,50% 75%,25% 75%,25% 50%)}.buttonDraw:before,.drawing .buttonDraw:after,.multiColored.drawing .buttonDraw:after{background-color:var(--colorBG)}.buttonDraw:before{z-index:2;width:var(--marginLight);height:2px;transform:translate(-50%,-50%) rotate(45deg)}.buttonGlass::after,.buttonTouch .extraLayer6{background-color:var(--colorTXT);content:'';position:absolute}.blocTouch{display:none}.buttonTouch{position:relative;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);margin-right:var(--marginLight)}.buttonTouch:after,.buttonTouch:before{content:'';position:absolute;bottom:0;left:0;width:calc(50% - 1px);height:calc(50% - 1px);border:solid var(--colorTXT) 2px}.buttonTouch:after{border-top:none;border-right:none}.buttonTouch:before{top:0;left:unset;right:0;border-bottom:none;border-left:none}.touch .buttonTouch:before{border:solid var(--colorTXT) 2px;border-top:none;border-right:none}.buttonGlass,.buttonLine,.touch .buttonTouch:after{border:solid var(--colorTXT) 2px}.touch .buttonTouch:after{border-bottom:none;border-left:none}.buttonTouch .extraLayer6{left:0;bottom:1px;width:2px;height:125%;transform:rotate(44deg);transform-origin:bottom left}.buttonGlass::after,.buttonReset:after{transform:translate(-50%,-50%) rotate(45deg)}.touch .buttonColor,.touch .buttonGlass,.touch .buttonReset,.touch .buttonTheme{width:calc(1.5 * var(--marginMed));height:calc(1.5 * var(--marginMed))}.touch .buttonAnimate,.touch .buttonContrast,.touch .buttonDraw,.touch .buttonFont,.touch .buttonGeometry,.touch .buttonGeometryRemove,.touch .buttonLine,.touch .buttonMonochrome,.touch .buttonMultiColored,.touch .buttonNoise,.touch .buttonShape,.touch .buttonTouch{width:calc(1.5 * var(--marginMed) - 2px);height:calc(1.5 * var(--marginMed) - 2px)}.buttonMultiColored .extraLayer7{content:'';position:absolute;width:50%;height:50%}.buttonMultiColored .extraLayer7.multiColored4Active{top:0;left:0;width:100%;height:100%;clip-path:polygon(100% 0,0% 100%,100% 100%);background-color:var(--colorBG)!important}.buttonGlass{position:relative;width:var(--marginMed);height:var(--marginMed);margin-right:var(--marginLight);border-radius:100%}.buttonGlass::after{display:none;top:50%;left:50%;width:100%;height:2px}.glass .buttonGlass::after{display:block}.buttonLine{position:relative;width:calc(var(--marginMed) - 2px);height:calc(var(--marginMed) - 2px);background-color:#0d0d0d;margin-right:var(--marginLight);border-left:none;border-right:none}.buttonReset,.lines .buttonLine{border:solid var(--colorTXT) 2px}.buttonLine .extraLayer8{content:'';position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;background-color:var(--colorTXT)}.buttonReset:after,.buttonReset:before{content:'';position:absolute;top:50%;left:50%;background-color:var(--colorTXT)}.lines .buttonLine:after{content:'';position:absolute;top:0;left:calc(50% - 1px);width:2px;height:100%;background-color:var(--colorTXT)}.buttonReset{position:relative;width:var(--marginMed);height:var(--marginMed);margin-right:var(--marginLight);border-radius:100%}.buttonReset:after{width:var(--marginLight);height:2px}.buttonReset:before{width:2px;height:var(--marginLight);transform:translate(-50%,-50%) rotate(-135deg)}@media screen and (min-width:2000px){.buttonAnimate .extraLayer2,.buttonAnimate:after,.buttonAnimate:before,.buttonTheme:after{width:6px;height:6px}.buttonFont:after{font-size:1rem;line-height:1.5rem!important}.buttonDraw:before{height:4px}}@media screen and (max-width:950px){.blocTextes{display:flex;flex-direction:column;gap:0}.blocPart1{margin-top:calc(2.5* var(--marginBold));padding-top:var(--marginMed);border-top:solid 2px var(--colorTXT)}}@media screen and (max-width:500px){.blocPart1,.blocPart2{display:flex;flex-direction:column;gap:var(--marginMed)}.blocPart1>div:last-of-type h2{display:none}}@media screen and (max-width:450px){.bloc3,.blocAccessibility,.blocPart1{margin-top:calc(1.5 * var(--marginBold))}.blocPart1,.blocPart2{gap:0}.blocButtons{display:flex;flex-direction:column;gap:var(--marginLight) var(--marginMed)}}@media (hover:none){.blocMentions:hover .fleche2{opacity:1!important}.blocTouch{display:flex}}