/* BREAKPOINT: Ordinateur de bureau (BASE) */ html {font-size: 17px} body {font-size: 1rem; font-family: "Montserrat"} h1,  h2,  h3,  h4,  h5,  h6 {font-weight: 400; color: var(--base); font-family: "Playfair Display"} h1 {font-size: 2rem; color: var(--primary-1)} h2 {font-size: 1.7rem} h3 {font-size: 1.5rem; font-weight: 700} .bricks-type-hero {font-family: "Abel"; font-weight: 400} .bricks-type-lead {font-family: "EB Garamond"} body.bricks-is-frontend :focus {outline: none} .bricks-button.md {padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em} .bricks-button {padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; font-size: 0.9rem} .bricks-button.sm {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button.lg {padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em} .bricks-button.xl {padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em} :root .bricks-button[class*="primary"] {color: #ffffff; border: 1px solid var(--primary); border-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--blanc)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--primary); border-radius: 5px; color: var(--base)} :root .bricks-button[class*="light"] {color: var(--base); border: 3px solid var(--primary-h-opa-3); border-radius: 10px} :root .bricks-button[class*="dark"] {color: var(--blanc); border: 0; border-style: solid; border-color: var(--secondary-2); border-radius: 10px} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--secondary-2)} .brxe-section {padding-top: 100px; padding-right: 60px; padding-bottom: 100px; padding-left: 60px} .brxe-container {width: 100%; max-width: 1600px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} html {background-color: var(--blanc)} body {background: none}/* BREAKPOINT: Ordinateur */@media (max-width: 1200px) { html {font-size: 17px} .brxe-section {padding-right: 20px; padding-left: 20px}}/* BREAKPOINT: Tablette verticale */@media (max-width: 991px) { html {font-size: 17px} .brxe-section {padding-right: 20px; padding-left: 20px}}/* BREAKPOINT: Mobile vertical */@media (max-width: 478px) { h1,  h2,  h3,  h4,  h5,  h6 {text-align: left} .brxe-section {padding-right: 10px; padding-left: 10px}}