:where(:root) .bricks-color-primary {color: var(--couleur-1)}:where(:root) .bricks-background-primary {background-color: var(--couleur-1)}:where(:root) .bricks-color-secondary {color: var(--couleur-2)}:where(:root) .bricks-background-secondary {background-color: var(--couleur-2)}:where(:root) .bricks-color-light {color: var(--blanc)}:where(:root) .bricks-background-light {background-color: var(--blanc)} html {font-size: 100%} body {font-size: var(--text); font-family: "Work Sans"; line-height: var(--lineheight-text); text-wrap: pretty} h1, h2, h3, h4, h5, h6 {line-height: var(--lineheight-titre); text-wrap: balance; font-weight: 600} h1 {font-size: var(--fontsize-h1-accueil)} h2 {font-size: var(--fontsize-h2)} h3 {font-size: var(--fontsize-h3)} h4 {font-size: var(--fontsize-h4)} h5 {font-size: var(--fontsize-h5)} h6 {font-size: var(--fontsize-h6)} .bricks-button {border: 1px solid var(--bricks-border-color); border-radius: 0; transition: all 0.3s linear; text-align: center; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px} :root .bricks-button[class*="primary"] {font-family: "Work Sans"; font-size: var(--text); color: var(--couleur-1); text-transform: uppercase; font-weight: 400; line-height: var(--lineheight-titre); text-wrap: balance; border-color: var(--couleur-2)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--couleur-2)} :root .bricks-button[class*="primary"]:hover {color: var(--couleur-2); border-color: var(--couleur-1)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bg-soft)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--couleur-1)} :root .bricks-button[class*="secondary"] {border-color: var(--couleur-1); color: var(--couleur-2)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--grey-extralight)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--noir)} .brxe-container {width: 100%; max-width: 1400px; padding-top: var(--gap-xxl); padding-right: var(--gap-s); padding-bottom: var(--gap-xxl); padding-left: var(--gap-s)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1400px}@media (max-width: 991px) { .brxe-container {padding-top: var(--gap-l); padding-bottom: var(--gap-l)}}@media (max-width: 767px) { body {font-size: 14px} .brxe-container {padding-top: var(--gap-m); padding-bottom: var(--gap-m)}}