html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
@font-face {
font-display: swap;
font-family: 'Kantumruy Pro';
font-style: normal;
font-weight: 400;
src: url(//www.latelierdugobelin.com/wp-content/themes/atelierdugobelin/fonts/kantumruy-pro-v9-latin-regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Kantumruy Pro';
font-style: normal;
font-weight: 500;
src: url(//www.latelierdugobelin.com/wp-content/themes/atelierdugobelin/fonts/kantumruy-pro-v9-latin-500.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Kantumruy Pro';
font-style: normal;
font-weight: 700;
src: url(//www.latelierdugobelin.com/wp-content/themes/atelierdugobelin/fonts/kantumruy-pro-v9-latin-700.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Arbutus';
font-style: normal;
font-weight: 400;
src: url(//www.latelierdugobelin.com/wp-content/themes/atelierdugobelin/fonts/arbutus-v28-latin-regular.woff2) format('woff2');
}
* {
border: 0px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
body {
background: #000000;
font-family: 'Kantumruy Pro', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 120%;
color: #000000;
}
button {
font-family: 'Kantumruy Pro';
cursor: pointer;
}
img {
max-width: 100%;
border: 0px;
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
line-height: 120%;
margin: 10px 0px;
font-weight: bold;
}
h1 {
font-size: 36px;
margin: 0;
font-weight: 500;
letter-spacing: -0.025em;
}
h2 {
font-size: 30px;
color: #3EA880;
text-transform: uppercase;
font-family: 'Arbutus';
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
a:focus {
outline: none;
}
a {
color: #000000;
text-decoration: underline;
}
#wrapper a:not(.woocommerce-loop-product__link) {
color: #FFFFFF;
}
p {
margin: 10px 0px;
line-height: 130%;
}
ul, ol {
margin: 10px 0px 10px 15px;
}
ul ul, 
ol ol, 
ul ol, 
ol ul {
margin: 0px 0px 0px 30px;
}
li {
line-height: 130%;
}
sup {
font-size: smaller;
vertical-align: text-bottom;
}
.nested .smart-menu {
display: none;
}
.nested {
position: relative;
height: 60px;
z-index: 2;
}
.nested .firstLevel {
height: 100%;
margin: 0px;
}
.nested .firstLevel li {
position: relative;
display: inline-block;
height: 100%;
transition: 0.25s opacity;
}
.nested .firstLevel li a {
display: flex;
height: 100%;
line-height: 1;
color: #FFFFFF;
padding: 0px 20px;
text-decoration: none;
font-size: 20px;
font-weight: 500;
align-items: center;
transition: 0.3s;
}
.nested .firstLevel li ul {
position: absolute;
width: 260px;
height: 0px;
background: #FFFFFF;
margin-left: -130px;
margin-top: -20px;
box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.3);
left: 50%;
top: auto;
overflow: hidden;
opacity: 0;
transition: 0.3s;
border-radius: 12px;
}
.nested .firstLevel > li:hover > ul {
height: auto;
opacity: 1;
margin-top: 0px;
padding: 0;
}
.nested .firstLevel li ul li {
display: block;
height: auto;
padding: 0 10px;
border-bottom: 1px solid #EDEDED;
transition: 0.4s;
}
.nested ul.firstLevel li ul li:hover {
background: #F7F7F7;
}
.nested ul.firstLevel li ul li:hover a {
color: #3EA880;
}
.nested .firstLevel li ul li:last-child {
border-bottom: none;
}
.nested .firstLevel li ul li a {
height: auto;
padding: 15px 10px;
line-height: 120%;
font-size: 16px;
color: #000000;
transition: 0.2s;
}
.nested ul.firstLevel:hover > li {
opacity: 0.5;
}
.nested ul.firstLevel:hover > li:hover {
opacity: 1;
}
#wrapper ul li {
position: relative;
}
#wrapper ul li:before {
content: '';
width: 6px;
height: 6px;
background: #3EA880;
position: absolute;
border-radius: 50%;
top: 8px;
left: -15px;
margin: auto;
}
#page {
position: relative;
background: #FFFFFF;
overflow: hidden;
}
header {
position: fixed;
width: 100%;
height: 125px;
z-index: 3;
transition: 0.3s;
background: #000000;
}
#headerInner {
position: relative;
width: 100%;
height: 100%;
}
#logo {
position: absolute;
left: 55px;
top: 65px;
transition: 0.3s;
overflow: hidden;
height: 206px;
}
#logo a {
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
height: 100%;
width: 256px;
transition: 0.3s;
}
#logo a > svg:nth-child(2) {
padding-left: 20px;
z-index: 1;
width: 100%;
height: 109px;
}
#logo a > svg {
transition: 0.3s;
}
#logo a > svg:nth-child(1) {
height: auto;
width: 255px;
}
#logo a > svg:nth-child(3) {
height: auto;
width: 235px;
} #wrapper {
position: relative;
background: #000000;
color: #FFFFFF;
z-index: 1;
}
#wrapperInner {
position: relative;
width: 100%;
max-width: 100%;
margin: 0px auto;
padding: 75px 0px 0px 0px;
}
#container {
position: relative;
padding: 0px 0px 50px 0px;
}
#contentsInner {
position: relative;
}
#headerBoxes p {
margin: 0;
line-height: 1;
}
body.home #wrapperInner {
padding: 0;
}
.grecaptcha-badge {
visibility: hidden;
}
html, body {
scroll-behavior: smooth;
}
iframe {
max-width: 100%;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
} .widget_breadcrumb a {
color: #FFFFFF;
text-decoration: none;
}
.widget_breadcrumb a:hover {
text-decoration: underline;
}
.widget_breadcrumb {
font-size: 14px;
}
body:not(.home) h2,
body:not(.home) h3 {
margin-bottom: 15px;
} @media (min-width: 1241px) {
.nested ul.firstLevel > li.hidden_on_desktop {
display: none;
}
}
@media (max-width: 1240px) {
div #classic-menu,
header.scrolled div #classic-menu {
width: 40px;
height: 40px;
top: 0;
bottom: 0;
margin: auto;
right: 25px;
}
header div .nested .contentSmart {
width: 100%;
height: 100%;
cursor: pointer;
z-index: 25;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nested .firstLevel {
text-align: left;
background: #000000;
width: 100%;
position: fixed;
right: -100%;
transition: 0.7s;
opacity: 0.3;
top: 0;
height: auto;
bottom: 0;
padding: 50px 0;
overflow-y: auto;
overflow-x: hidden;
}
body.menu_open .nested .firstLevel:after, 
body.menu_open .nested .firstLevel:before {
content: '';
height: 55px;
background: linear-gradient(0deg, #000000, transparent);
position: fixed;
left: 0;
right: 0;
bottom: 0px;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
body.menu_open.animation_delai .nested .firstLevel:after, 
body.menu_open.animation_delai .nested .firstLevel:before {
opacity: 1;
}
body.menu_open .nested .firstLevel:before {
bottom: auto;
top: 0;
z-index: 20;
background: linear-gradient(180deg, #000000, transparent);
}
body.menu_open .nested .firstLevel {
right: 0;
opacity: 1;
}
.nested ul.firstLevel:hover > li {
opacity: 1;
}
header div .nested .contentSmart span {
width: 25px;
height: 2px;
background: #FFFFFF;
display: block;
border-radius: 3px;
position: relative;
top: 0;
transition: 0.5s;
}
header div .nested .contentSmart > span:nth-child(2) {
margin: 6px 0px;
}
body.menu_open header div .nested .contentSmart > span:nth-child(1) {
transform: rotate(45deg);
top: 8px;
}
body.menu_open header div .nested .contentSmart > span:nth-child(2) {
opacity: 0;
}
body.menu_open header div .nested .contentSmart > span:nth-child(3) {
transform: rotate(-45deg);
top: -8px;
}
body.menu_open header div .nested .contentSmart > span {
background: #FFFFFF;
}
.nested ul.firstLevel li a {
font-size: 18px;
height: auto;
line-height: 1;
}
.nested .firstLevel li a span {
line-height: 1.3em;
height: auto;
}
.nested ul.firstLevel > li.menu-item-has-children {
margin-right: 0;
}
.nested .firstLevel li {
height: auto;
}
.nested ul.firstLevel > li {
margin: 0 0 30px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 30px;
}
.nested ul.firstLevel > li:last-child {
margin-bottom: 0;
}
.nested ul.firstLevel > li.menu-item-has-children > a {
position: relative;
}
.nested ul.firstLevel > li.menu-item-has-children > a:after {
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 5px solid #FFFFFF;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
pointer-events: none;
position: absolute;
right: -1px;
top: 10px;
}
.nested .firstLevel li ul,
.nested .firstLevel > li:hover > ul {
position: relative;
height: auto;
opacity: 1;
background: none;
box-shadow: none;
margin: 10px 0 0 7px;
padding: 0;
left: 0;
width: auto;
}
.nested ul.firstLevel > li > ul > li {
padding: 0;
margin: 0;
}
.nested .firstLevel li ul li {
border: none;
}
body.menu_open {
overflow: hidden;
}
.nested .firstLevel li ul {
display: none;
}
.nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > ul {
display: block;
}
.nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > a:after {
transform: rotate(180deg);
}
.nested ul.firstLevel li ul li:hover {
background: none;
}
}  li.product:before,
#wrapper div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
img[src*="woocommerce-placeholder"] {
filter: brightness(0.95);
}
#wrapper ul.products {
width: 90%;
max-width: 1200px;
margin: 0 auto -60px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#wrapper ul.products li.product {
float: none;
width: 22.5%;
margin: 0 3.333% 60px 0;
border: 1px solid #606060;
box-sizing: border-box;
}
#wrapper ul.products li.product.last {
margin-right: 0;
}
#wrapper ul.products:before,
#wrapper ul.products:after {
display: none;
}
#wrapper ul.products li.product:not(.product-category) {
padding-bottom: 105px;
}
#wrapperInner li a.button {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
right: 0;
text-align: center;
color: #000000;
padding: 0;
font-size: 16px;
font-weight: 400;
height: 50px;
background: none;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #707070;
gap: 10px;
transition: 0.3s;
}
#wrapperInner li a.button:hover {
background: #3EA880;
color: #FFFFFF;
}
#wrapperInner li a.button svg path {
transition: 0.3s;
}
#wrapperInner li a.button:hover svg path {
fill: #FFFFFF;
}
#wrapper a.button.added::after {
margin: 0;
}
#wrapper a.added_to_cart {
display: none;
}
#wrapperInner li a.button.loading:after {
display: none;
}
#wrapper ul.products li.product .price del {
text-decoration: line-through;
margin-right: 5px;
}
#wrapper li.product span.h2_like {
display: block;
line-height: 1.25em;
margin: 12px 22px 0 22px;
font-size: 16px;
font-weight: 700;
}
#wrapper .woocommerce-product-short-description {
font-size: 14px;
line-height: 1.3em;
margin: 3px 22px 0 22px;
}
#wrapper ul.products li.product .price {
font-size: 20px;
line-height: 1;
margin: 0;
font-weight: 700;
color: #3EA880;
position: absolute;
bottom: 62px;
right: 22px;
}
#wrapper ul.products li.product .onsale,
#wrapper ul li.product.outofstock:after {
background: #3EA880;
border-radius: 0px;
left: 12px;
right: auto;
top: 12px;
margin: 0;
min-height: 0;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
padding: 10px 15px;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
border-radius: 6px;
}
#wrapper ul li.product.outofstock:after {
content: 'Rupture de stock';
position: absolute;
color: #FFFFFF;
font-weight: 700;
pointer-events: none;
}
#wrapperInner li a.ajax_add_to_cart.loading {
opacity: 0.5;
pointer-events: none;
}
#wrapper ul li.product.outofstock span.onsale {
display: none;
} .wc-block-mini-cart__button, 
body .wc-block-mini-cart__button:hover:not([disabled]) {
cursor: pointer;
opacity: 1;
}
del.wc-block-components-product-price__regular {
opacity: 0.5;
text-decoration: line-through;
}
body:not(.woocommerce-block-theme-has-button-styles) div .wc-block-components-button:not(.is-link):focus {
box-shadow: none;
outline: none;
}
@media (min-width: 500px) {
body .wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
display: block;
margin-top: 15px;
}
}
div h2.wc-block-mini-cart__title {
font-size: 20px;
}
table.wc-block-cart-items a.wc-block-components-product-name:not(:hover) {
text-decoration: none;
}
body .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {
padding-top: 10px;
}
body:not(.woocommerce-block-theme-has-button-styles) div .wc-block-components-button:not(.is-link) {
min-height: 0px;
}
div .wc-block-components-sale-badge {
display: none;
} body.single-product .woocommerce-notices-wrapper {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
body.single-product #main > div.product {
margin: 0 55px 110px;
background: #E2E2E2;
color: #000000;
padding: 60px 0;
border-radius: 16px;
}
body.single-product #main > div.product .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
body.woocommerce div.product div.images, 
body.woocommerce div.product div.summary {
float: none;
margin: 0;
width: 47%;
}
.woocommerce div.product h1.product_title {
text-align: left;
}
body:not(.woocommerce-account) .wc-block-components-notice-banner__content {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
}
#wrapperInner .wc-block-components-notice-banner {
align-items: center;
gap: 17px;
}
body:not(.home) #wrapper div.product p.price {
color: #000000;
font-size: 28px;
text-align: right;
margin: 20px 0 0 0;
}
body.woocommerce div.product form.cart div.quantity input,
body.woocommerce-cart #wrapper .wc-block-components-quantity-selector__input {
border-top: 1px solid #3EA880;
border-bottom: 1px solid #3EA880;
background: none;
height: 40px;
width: 40px;
font-size: 18px;
box-sizing: border-box;
margin-right: 0;
font-weight: 400;
outline: none;
padding: 2px 0 0 0;
font-family: 'Kantumruy Pro';
box-shadow: none;
}
body.woocommerce-cart #wrapper .wc-block-components-quantity-selector__input {
padding: 0;
}
body.woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button,
body.woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
body.woocommerce div.product form.cart div.quantity input[type=number] {
-moz-appearance:textfield; }
body.woocommerce div.product div.images img,
#wrapper .woocommerce-product-gallery__image {
border-radius: 16px;
}
body.single-product #main > div.product .woocommerce-tabs {
margin-top: 50px;
width: 100%;
}
body.single-product .woocommerce-notices-wrapper > .wc-block-components-notice-banner {
margin: 0 0 60px 0;
}
body.woocommerce div.product div.images .flex-control-thumbs li img {
opacity: 1;
}
body.woocommerce div.product div.images .flex-control-thumbs {
margin: 30px -22px 0 0;
}
body.woocommerce div.product div.images .flex-control-thumbs li {
width: 21%;
margin: 0 4% 4% 0;
}
body:not(.home) #wrapperInner p.stock.out-of-stock {
font-size: 20px;
font-weight: 500;
border: 1px solid var(--wc-red);
text-align: center;
padding: 15px;
margin: 30px 0 0 0;
}
body.woocommerce div.product p.price del {
text-decoration: line-through;
}
a.reset_variations {
display: none !important;
}
body:not(.home) #wrapperInner .woocommerce-product-attributes-item__value p {
margin: 0;
padding: 10px 14px;
}
body:not(.home).single-product h1 {
font-family: 'Kantumruy Pro';
text-transform: initial;
font-size: 40px;
max-width: 100%;
width: 100%;
margin-bottom: 30px;
}
#wrapper .woovr-variation-description,
#wrapper .woovr-variation-price {
display: none;
}
#wrapper .woovr-variations {
display: flex;
gap: 30px;
padding: 20px 0 35px 0;
flex-wrap: wrap;
height: 89px;
overflow: hidden;
box-sizing: border-box;
}
#wrapper .woovr-variation-selector {
width: auto;
padding: 0;
flex-basis: 0;
position: relative;
}
#wrapper .woovr-variation-name {
font-weight: 400;
}
#wrapper .woovr-variation:hover {
background: none;
}
#wrapper .woovr-variation-name label {
cursor: pointer;
max-width: 120px;
display: block;
}
#wrapper .woovr-variation {
margin: 0;
}
#wrapper .woovr-variation-info {
padding-right: 0;
}
#wrapper .woovr-variation-selector input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#wrapper .woovr-variation-selector .check {
background-color: #000000;
display: block;
height: 24px;
width: 24px;
border-radius: 50%;
border: 5px solid #FFFFFF;
}
#wrapper .woovr-variation-selector input:checked ~ .check:after {
content: '';
width: 100%;
height: 100%;
box-sizing: border-box;
border: 2px solid #3EA880;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
#wrapper div.product p.price:before {
content: 'Prix unitaire';
font-size: 18px;
float: left;
}
#wrapper div.product:not(.outofstock) p.price:after {
content: 'Total';
font-size: 18px;
display: block;
line-height: 1;
margin: 20px 0 10px 0;
}
#wrapper div.product .flex-viewport {
border-radius: 16px;
}
#wrapper .woocommerce-variation-add-to-cart,
#wrapper .product-type-simple form.cart {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#wrapper .quantity button,
body.woocommerce-cart #wrapper .wc-block-components-quantity-selector__button {
appearance: none;
background: none;
width: 40px;
min-width: 40px;
height: 40px;
font-size: 18px;
box-sizing: border-box;
border: 1px solid #3EA880;
transition: 0.25s;
border-radius: 0px;
opacity: 1;
line-height: 1;
box-shadow: none;
}
@media (min-width: 501px) {
#wrapper .quantity button:hover,
body.woocommerce-cart #wrapper .wc-block-components-quantity-selector__button:hover {
background: #3EA880;
color: #FFFFFF;
}
}
#wrapper div.product form.cart div.quantity {
display: flex;
margin: 0;
position: relative;
top: -55px;
}
#wrapper div.product form.cart div.quantity:before {
content: 'Quantit\0000E9';
position: absolute;
left: 0;
top: -30px;
}
body:not(.home) #wrapper p.prix_total {
width: 100%;
margin: 8px 0 25px 0;
text-align: right;
font-size: 28px;
line-height: 1;
}
body.single-product #wrapper span.onsale,
#wrapper .woocommerce-variation-price,
div .wc-block-components-product-metadata__description {
display: none;
}
div.product-type-simple .personnalisation {
margin-top: 25px;
}
#wrapper .product-type-simple form.cart:before,
#wrapper .product-type-simple form.cart:after {
display: none;
}
#wrapper div.product p.price ins {
font-weight: 500;
} body.single-product section.upsells.products {
margin: 100px auto 0;
width: 90%;
max-width: 1200px;
}
#wrapper .upsells ul.products {
width: 100%;
margin-top: 30px;
} .is-large.wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image {
padding-left: 0;
}
div .is-large.wc-block-cart .wc-block-cart-items td:last-child {
padding-right: 0;
}
.is-large.wc-block-cart .wc-block-cart-items tbody > tr:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
}
div .is-large.wc-block-cart .wc-block-cart-items td {
padding-top: 30px;
padding-bottom: 30px;
}
div .is-large.wc-block-cart .wc-block-cart-items thead th {
padding-top: 0;
padding-bottom: 0;
}
div .is-large.wc-block-cart .wc-block-cart-items thead th span {
display: none;
}
.is-large.wc-block-cart .wc-block-cart-items tbody > tr:last-child > td {
padding-bottom: 0;
}
.wc-block-cart-items td .wc-block-cart-item__prices {
margin-top: 4px;
font-size: 14px;
}
body.woocommerce-cart #wrapper .wc-block-cart-item__quantity {
padding-top: 15px;
}
div .is-large .wc-block-components-sidebar .wc-block-components-totals-item,
div .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
div .is-large.wc-block-cart .wc-block-components-sidebar .wc-block-components-shipping-rates-control__package:not(.wc-block-components-panel) {
padding-left: 0;
padding-right: 0;
}
.wc-block-components-totals-discount__coupon-list li:before {
display: none;
}
.wc-block-cart ul li.wc-block-components-chip,
div .wp-block-woocommerce-checkout-order-summary-discount-block ul li.wc-block-components-chip {
margin: 5px 0 0 0;
}
#wrapper .wc-block-components-totals-shipping__change-address__link {
display: block;
text-align: right;
margin-top: 8px;
color: #FFFFFF;
width: 100%;
font-size: 12px;
}
#wrapper .wc-block-components-shipping-calculator-address button.wc-block-components-shipping-calculator-address__button {
padding: 10px;
font-weight: 500;
border-radius: 16px;
font-size: 16px;
}
#wrapper .wc-block-components-shipping-calculator {
padding: 15px 0;
}
div .wc-block-components-totals-shipping .wc-block-components-shipping-address {
margin-top: 5px;
font-size: .875em;
}
div .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via {
margin-top: 12px;
}
div .wc-block-components-spinner {
top: 0;
left: 0;
}
div .is-large.wc-block-cart .wc-block-cart-items td {
border-top: none;
}
div #wrapper .wc-block-cart__submit-container a {
font-size: 20px;
padding: 20px 25px;
margin-top: 15px;
}
#wrapper .wc-block-cart__submit-container a.deux_span > span:nth-child(2) {
top: 30px;
}
#wrapper .wc-block-cart__submit-container a.deux_span:not(.disabled):hover > span:nth-child(2) {
transform: translateY(-9px);
}
#wrapper .wc-block-cart-items {
border-collapse: collapse;
margin-bottom: 0;
border-bottom: none;
}
#wrapper .wc-block-components-radio-control__input:checked:before {
background: #3EA880;
}
#wrapper .is-large.wc-block-cart {
margin-bottom: 0;
}
#wrapper .wc-block-components-totals-coupon__content .wc-block-components-text-input input[type=text] {
height: auto;
padding: 9px;
}
#wrapper .wc-block-components-totals-coupon__content .wc-block-components-text-input label {
display: none;
}
#wrapper .wc-block-components-totals-discount .wc-block-components-totals-item__value {
color: #3EA880;
} div .is-large .wc-block-components-sidebar .wc-block-components-panel {
padding-left: 0;
padding-right: 0;
}
div .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
font-size: 12px;
box-shadow: none;
padding: 0;
transform: translate(35%,-35%);
font-weight: 700;
border-radius: 50%;
}
body.woocommerce-checkout div #wrapper .wc-block-components-checkout-place-order-button {
padding: 20px;
font-size: 22px;
}
body.woocommerce-checkout div #wrapper .wc-block-components-checkout-place-order-button > span:nth-child(2) {
top: 30px;
}
.wc-block-components-checkout-place-order-button.deux_span:not(.disabled):hover > span:nth-child(2) {
transform: translateY(-10px);
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__input,
div .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus,
div .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
outline: none;
}
body.woocommerce-checkout #wrapper .wc-block-components-radio-control__description {
color: #FFFFFF;
}
#wrapper form.wc-block-checkout__form .wc-block-components-local-pickup-select .wc-block-components-radio-control__description-group span.wc-block-components-radio-control__secondary-description {
margin-bottom: 0;
}
div .wp-block-woocommerce-checkout-totals-block > .wc-block-components-notices {
display: none;
}
body.woocommerce-checkout #wrapper .wc-block-components-order-summary-item__description .price {
font-size: 14px;
line-height: 1;
padding-top: 5px;
}
body.woocommerce-checkout #wrapper .wc-block-components-product-details li {
font-size: 14px;
line-height: 1;
}
body:not(.home) #wrapper p.wc-block-checkout__guest-checkout-notice {
margin: 10px 0 0 0;
}
body.woocommerce-checkout #container {
padding: 0px 0px 10px 0px;
} body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:before {
display: none;
}
body.woocommerce-order-received #wrapperInner p.woocommerce-thankyou-order-received {
font-size: 22px;
margin-bottom: 35px;
}
body.woocommerce-order-received #wrapperInner table.shop_table ul.wc-item-meta p,
body.woocommerce-account #wrapperInner table.shop_table ul.wc-item-meta p {
margin: 0;
}
body.woocommerce-order-received #wrapperInner table.shop_table ul.wc-item-meta,
body.woocommerce-account #wrapperInner table.shop_table ul.wc-item-meta {
margin-top: 4px;
}
body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
margin-bottom: 70px;
}
body.woocommerce-order-received #wrapperInner section.woocommerce-customer-details p,
body.woocommerce-account #wrapperInner section.woocommerce-customer-details p {
margin: 0;
}
body.woocommerce-order-received #wrapperInner section.woocommerce-customer-details address,
body.woocommerce-account #wrapperInner section.woocommerce-customer-details address {
padding: 25px;
border-bottom-width: 1px;
border-right-width: 1px;
border-radius: 0px;
box-sizing: border-box;
border-color: #434343;
}
body.woocommerce-order-received section.woocommerce-customer-details {
margin: 60px 0 0 0;
}
body.woocommerce-order-received table.shop_table td, body.woocommerce-order-received table.shop_table th {
padding: 5px 20px 5px 0;
} body.woocommerce-account form.woocommerce-form {
margin: 0;
border-radius: 0px;
border-color: #434343;
border-radius: 16px;
position: relative;
}
body.woocommerce-account div#customer_login h2 {
margin-top: 0;
}
body.woocommerce-account form .form-row label {
line-height: 1.2em;
}
body.woocommerce-account #wrapper form .form-row label + input, 
body.woocommerce-account #wrapper form .form-row label + span input {
margin-top: 4px;
}
body.woocommerce-account #wrapper input.woocommerce-Input,
body.woocommerce-account #wrapper span.woocommerce-input-wrapper input {
background: var(--wpforms-field-background-color);
border-radius: 3px;
font-size: 18px;
font-family: 'Kantumruy Pro';
padding: 10px 14px;
color: #FFFFFF;
}
body:not(.home).woocommerce-account #wrapperInner p.lost_password {
margin: 0;
position: absolute;
font-style: italic;
font-size: 13px;
right: 25px;
bottom: 22px;
}
body.woocommerce-account #wrapper .woocommerce .wc-block-components-notice-banner {
margin: 0 0 40px 0;
}
body.woocommerce-account #wrapper button.woocommerce-form-login__submit {
margin-top: 12px;
}
body:not(.home).woocommerce-account #wrapper p.form-row:has(button.woocommerce-form-login__submit) {
margin: 0;
}
body.woocommerce-account #wrapper .woocommerce-privacy-policy-text p {
font-size: 13px;
padding: 0 3px 10px 3px;
}
body.woocommerce-account #wrapper form.register > :last-child {
margin-bottom: 0;
}
div .woocommerce-password-strength {
font-size: 14px;
}
div .woocommerce-password-hint {
font-size: 14px;
line-height: 1.4em;
margin-top: 10px;
}
#wrapper .woocommerce-form-login__rememberme {
display: none;
} nav.woocommerce-MyAccount-navigation ul li:before {
display: none;
}
nav.woocommerce-MyAccount-navigation ul li {
line-height: 1;
}
nav.woocommerce-MyAccount-navigation ul li a {
text-decoration: none;
padding: 16px 20px;
display: inline-block;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #434343;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background: #3EA880;
color: #FFFFFF !important;
}
nav.woocommerce-MyAccount-navigation ul > li:first-child a {
border-top: none;
}
nav.woocommerce-MyAccount-navigation ul {
margin-top: 5px;
}
body.woocommerce-account .woocommerce-MyAccount-content {
width: 67%;
}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
display: block;
padding: 25px 3px 15px 3px;
font-weight: 600;
}
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.woocommerce-Button {
margin: 15px 3px 0;
}
body.woocommerce-account input#account_display_name + span {
display: none;
}
body.woocommerce-account .woocommerce-MyAccount-content header {
position: relative;
width: auto;
height: auto;
background: none;
}
body:not(.home) header.woocommerce-Address-title h3 {
font-size: 18px;
padding: 0;
margin: 0 0 10px 0;
border: none;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
margin-top: 30px;
}
body.woocommerce-account .woocommerce-MyAccount-content header + address {
background: var(--wpforms-field-background-color);
padding: 20px;
margin-top: 5px;
}
body.woocommerce-account th {
background: var(--wpforms-field-background-color);
}
body.woocommerce-account section.woocommerce-order-details {
margin-top: 25px;
}
.woocommerce-account #wrapper .addresses .title .edit {
font-size: 14px;
display: block;
float: none;
text-align: right;
margin: 25px 0 10px 0;
}
body.woocommerce-account #wrapper th.woocommerce-orders-table__cell-order-number {
background: none;
font-weight: 400;
} @media (max-width: 870px) {
body.woocommerce #wrapper ul.products li.product {
width: 47.5%;
margin-right: 0;
}
body.woocommerce #wrapper ul.products {
justify-content: space-between;
}
li.product span.h2_like {
font-size: 18px;
}
}
@media (max-width: 782px) {
div #wrapper .wc-block-cart .wc-block-cart__submit a {
margin-top: 0;
}
div .wc-block-cart .wc-block-cart__submit-container--sticky:before {
color: #000000;
}
}
@media (max-width: 768px) {
nav.woocommerce-MyAccount-navigation {
margin-bottom: 30px;
position: relative;
}
nav.woocommerce-MyAccount-navigation ul {
margin: 0;
display: flex;
white-space: nowrap;
overflow-x: scroll;
border-bottom: 1px solid #E3E3E3;
position: relative;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
border-right: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
border-top: none;
border-right: 1px solid #E3E3E3;
padding: 12px 15px;
}
nav.woocommerce-MyAccount-navigation ul > li:last-child a {
border-right: none;
}
body:not(.home) #wrapperInner nav.woocommerce-MyAccount-navigation li a:hover {
color: #000000;
}
body.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
div .woocommerce table.my_account_orders td,
div .woocommerce table.my_account_orders th {
padding: 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address {
margin-top: 35px;
}
nav.woocommerce-MyAccount-navigation ul > li:last-child {
margin-right: 8px;
}
nav.woocommerce-MyAccount-navigation:after {
content: '';
width: 25px;
height: 100%;
background: linear-gradient(270deg, #000000, transparent);
position: absolute;
right: 0;
top: 0;
pointer-events: none;
z-index: 20;
}
body.woocommerce-account .u-column2.col-2 {
margin-top: 60px;
}
}      body.error404 article a,
#wrapper a.wp-block-button__link,
section.newsContainer .droite > a,
#wrapper div.wpforms-container-full button[type=submit],
body.home #top .txt a,
a.deux_span,
button.woocommerce-button,
button.deux_span,
body .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button,
body:not(.woocommerce-block-theme-has-button-styles) div div div .wp-block-woocommerce-empty-mini-cart-contents-block a,
#wrapper .woocommerce-message a.button,
#wrapper .personnalisation a,
#wrapper .product button.single_add_to_cart_button,
#wrapper .categorie .txt p a,
#wrapper .wc-block-cart__submit-container a,
#wrapper button.wc-block-components-totals-coupon__button,
body.woocommerce-checkout #wrapper .wc-block-components-checkout-place-order-button,
body.woocommerce-account #wrapper button.woocommerce-Button,
body.woocommerce-account #wrapper button.button,
#delivery_point_chosen {
border-radius: 99px;
display: inline-block;
background: #3EA880;
color: #FFFFFF;
padding: 13px 25px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: 0.3s;
border: none;
font-size: 16px;
height: auto;
box-shadow: none !important;
position: relative;
overflow: hidden;
}
body.error404 article a:hover,
#wrapper a.wp-block-button__link:hover,
section.newsContainer .droite > a:hover,
#wrapper div.wpforms-container-full button[type=submit]:hover,
body.home #top .txt a:hover,
a.deux_span:hover,
button.woocommerce-button:hover,
button.deux_span:hover,
body .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
body:not(.woocommerce-block-theme-has-button-styles) div div div .wp-block-woocommerce-empty-mini-cart-contents-block a:hover,
#wrapper .woocommerce-message a.button:hover,
#wrapper .personnalisation a:hover,
#wrapper .product button.single_add_to_cart_button:hover,
#wrapper .categorie .txt p a:hover,
#wrapper .wc-block-cart__submit-container a:hover,
#wrapper button.wc-block-components-totals-coupon__button:hover,
body.woocommerce-checkout #wrapper .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-account #wrapper button.woocommerce-Button:hover,
body.woocommerce-account #wrapper button.button:hover,
#delivery_point_chosen:hover {
background: #3c8066 !important;
box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
} footer a.wp-block-button__link,
#qsn a.deux_span {
background: #FFFFFF;
color: #3EA880;
}
footer a.wp-block-button__link:hover,
#qsn a.deux_span:hover {
background: #3EA880 !important;
color: #FFFFFF;
text-decoration: none;
} #qsn a.deux_span:hover {
background: #E2E2E2 !important;
color: #3EA880;
}
.deux_span > span {
will-change: transform;
}
.deux_span > span:nth-child(1) {
position: relative;
display: block;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.deux_span > span:nth-child(2) {
position: absolute;
left: 25px;
right: 25px;
top: 15px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transform: translateY(30px);
}
.deux_span:not(.disabled):hover > span:nth-child(1) {
transform: translateY(-30px);
opacity: 0;
}
.deux_span:not(.disabled):hover > span:nth-child(2) {
transform: translateY(-2px);
}
.has-noir-color { color: #000000 !important; }
.has-noir-background-color { background-color: #000000 !important; }
.has-blanc-color { color: #FFFFFF !important; }
.has-blanc-background-color { background-color: #FFFFFF !important; }
.has-gris-color { color: #E2E2E2 !important; }
.has-gris-background-color { background-color: #E2E2E2 !important; }
.has-vert-color { color: #3EA880 !important; }
.has-vert-background-color { background-color: #3EA880 !important; }
.nested.top {
height: 40px;
background: #FFFFFF;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 55px;
}
#classic-menu {
position: absolute;
right: 35px;
top: 53px;
transition: 0.3s;
}
.nested.top .firstLevel li a {
font-size: 14px;
padding-left: 0;
color: #000000;
}
.nested.top .firstLevel li ul {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-left: -140px;
}
.nested.top .firstLevel li ul li a {
padding: 12px;
}
#headerBoxes {
display: flex;
gap: 30px;
height: 100%;
}
body .wc-block-mini-cart__button {
padding: 7px;
outline: none;
}
body .wc-block-mini-cart__icon {
width: auto;
height: 26px;
margin: 0;
}
#page .wc-block-customer-account__account-icon {
min-width: 0px;
min-height: 0px;
width: auto;
height: 16px;
padding: 12px;
}
#page .wp-block-woocommerce-customer-account a {
font-size: 14px;
font-weight: 500;
padding: 0;
}
#page .wc-block-mini-cart__quantity-badge:after {
content: 'Panier';
font-size: 14px;
font-weight: 500;
margin-left: 9px;
}
#page .wc-block-mini-cart__quantity-badge:hover:after {
text-decoration: underline;
}
#page .wc-block-mini-cart__badge {
background: #3EA880;
margin: 0;
transform: none;
color: #FFFFFF;
min-width: 18px;
height: 18px;
font-size: 12px;
left: auto;
right: 106%;
padding: 0 6px;
}
#top {
padding-top: 230px;
background: #000000;
display: flex;
justify-content: flex-end;
position: relative;
margin-bottom: 180px;
height: calc(100vh - 230px);
min-height: 420px;
}
#top .img {
width: 71%;
position: relative;
}
#top .img .inner {
overflow: hidden;
height: 100%;
}
#top .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#top .img:after {
content: '';
width: 30%;
position: absolute;
background: linear-gradient(90deg, #000000, transparent);
top: 0;
left: 0;
bottom: 0;
pointer-events: none;
}
body.home #top:after,
body.home #top:before {
content: '';
width: 100%;
height: 115px;
background: linear-gradient(180deg, #000000, transparent);
position: absolute;
top: 230px;
left: 0;
pointer-events: none;
z-index: 1;
}
body.home #top:after {
top: auto;
bottom: 0;
transform: rotate(180deg);
}
#top .txt {
position: absolute;
left: 55px;
top: 230px;
bottom: 0;
color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
}
#top .txt p {
margin: 0;
font-size: 24px;
line-height: 1.2em;
}
#top .txt > p:first-child {
font-family: 'Arbutus';
color: #3EA880;
text-transform: uppercase;
font-size: 100px;
max-width: 680px;
line-height: 0.85em;
margin-bottom: 15px;
}
body.home #top .txt a {
margin-top: 45px;
}
#top .img svg {
position: absolute;
bottom: -61px;
right: 115px;
z-index: 20;
transform: rotate(-10deg);
}
g#Groupe_3316 {
animation: loop 10s linear infinite;
transform-origin: center;
}
body.home #top .img img {
animation: dezoom 1.5s ease-in;
animation-fill-mode: both;
animation-delay: 0.3s;
}
body.home #top h1 {
position: absolute;
bottom: -90px;
left: calc(50% - 600px);
z-index: 2;
max-width: 980px;
}
@keyframes dezoom {
0% {
transform: scale(1.15);
}
100% {
transform: scale(1);
}
}
@media (min-width: 681px) {
header.scrolled #logo a > svg:nth-child(1) {
transform: translateY(50px);
opacity: 0;
}
header.scrolled #logo a > svg:nth-child(3) {
transform: translateY(-50px);
opacity: 0;
}
}
header.scrolled #logo {
top: 40px;
height: 60px;
left: 45px;
}
header.scrolled {
border-bottom: 1px solid #323232;
height: 100px;
}
header.scrolled #classic-menu {
top: 40px;
height: 60px;
}
@media (min-width: 1241px) {
header.scrolled #classic-menu .firstLevel li a {
font-size: 16px;
}
}
header.scrolled #logo a > svg:nth-child(2) {
padding: 0;
transform: scale(1.2);
}
header.scrolled #logo a {
width: 80px;
}
#top .txt > p:first-child {
opacity: 0;
}
#top .txt > p:first-child .letter {
display: inline-block;
line-height: 1em;
opacity: 0;
}
#top .txt > p:first-child + p,
#top .txt > p:last-child {
animation: slideFromBottom 1s cubic-bezier(0.165, 0.84, 0.44, 1);
animation-fill-mode: both;
animation-delay: 1.8s;
}
#top .txt > p:last-child {
animation-delay: 2.3s;
}
@keyframes slideFromBottom {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@media (min-width: 1100px) and (max-height: 870px) {
#top .txt > p:first-child {
font-size: 84px;
max-width: 530px;
}
body.home #top .txt a {
margin-top: 35px;
}
#top .txt {
top: 280px;
}
}
@media (min-width: 1100px) and (max-height: 720px) {
header:not(.scrolled) #logo a > svg:nth-child(1) {
width: auto;
height: 45px;
}
header:not(.scrolled) #logo a > svg:nth-child(2) {
width: auto;
height: 96px;
}
header:not(.scrolled) #logo a > svg:nth-child(3) {
width: auto;
height: 36px;
}
#logo {
height: 182px;
}
#logo a {
width: 230px;
}
#top .txt > p:first-child {
font-size: 66px;
max-width: 420px;
}
#top .txt {
top: 245px;
}
}
body:not(.home) header:not(.scroller) #logo a > svg:nth-child(1) {
width: auto;
height: 25px;
}
body:not(.home) header:not(.scroller) #logo a > svg:nth-child(2) {
width: auto;
height: 54px;
}
body:not(.home) header:not(.scroller) #logo a > svg:nth-child(3) {
width: auto;
height: 20px;
}
body:not(.home) header:not(.scrolled) #logo {
height: 105px;
}
body:not(.home) header:not(.scrolled) #logo a {
width: 130px;
}
body:not(.home) #top {
height: 320px;
min-height: 0px;
padding-top: 125px;
margin: 0;
}
body:not(.home).bandeau_offre_speciale_is_active #top {
padding-top: 165px;
}
body:not(.home) #top .txt {
top: 170px;
}
body:not(.home) h1 {
font-family: 'Arbutus';
text-transform: uppercase;
font-size: 46px;
color: #3EA880;
margin-bottom: 8px;
max-width: 540px;
line-height: 1;
}
body:not(.home) #top:not(:has(img)) {
border-bottom: 1px solid #303030;
}
#wrapper .has-blanc-color ul li:before {
background: #FFFFFF;
}
#wrapper table.variations tbody > tr:has(#matiere) {
display: none;
}
#wrapper table.variations {
margin: 0 0 40px 0;
display: block !important;
}
#wrapper table.variations tr {
position: relative;
padding: 28px 10px 0 0;
display: inline-block;
margin-top: 15px;
}
#wrapper table.variations th {
position: absolute;
top: 0;
white-space: nowrap;
line-height: 1;
}
#wrapper table.variations select {
background-color: #FFFFFF;
padding: 13px 35px 13px 13px;
border-radius: 6px;
font-family: 'Kantumruy Pro';
font-size: 16px;
font-weight: 500;
} #wrapper [data-attrs]:not([data-attrs*="matiere"]) {
display: none !important;
}
#wrapper .woovr-variations:not(:has([data-attrs*="matiere"])) {
height: auto;
padding: 0 0 5px 0;
}
header .offre_speciale {
background: #3EA880;
color: #FFFFFF;
text-align: center;
padding: 11px 0;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
top: 0;
left: 0;
transition: 0.3s;
}
header .offre_speciale p {
line-height: 1.35em;
margin: 0;
font-size: 13px;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 18px;
}
header .offre_speciale .inner {
width: 90%;
max-width: 1140px;
margin: 0 auto;
}
@media (min-width: 501px) {
header .offre_speciale > .inner:not(:first-child) {
display: none;
}
}
header .offre_speciale .inner > * {
display: none;
}
header .offre_speciale .inner > p > a {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
text-indent: -9999px;
}
header .offre_speciale .inner > :first-child {
display: block;
display: -webkit-box;
}
body.bandeau_offre_speciale_is_active header:not(.scrolled) {
padding-top: 40px;
}
body:not(.home).single-post h1 {
max-width: 910px;
}
@media (max-width: 1500px) {
.nested .firstLevel > li > a {
padding: 0px 17px;
font-size: 18px;
}
}
@media (max-width: 1240px) {
header {
height: 80px;
}
.nested.top {
background: none;
position: absolute;
right: 105px;
padding: 0;
top: 0;
bottom: 0;
margin: auto;
color: #FFFFFF;
}
.nested .firstLevel li ul li a {
color: #FFFFFF;
padding: 10px;
}
header.scrolled .offre_speciale {
top: -40px;
}
header.scrolled {
height: 70px;
}
header.scrolled #logo {
top: 5px;
left: 25px;
}
header.scrolled #logo a > svg:nth-child(2) {
transform: scale(1.6);
}
}
@media (max-width: 1440px) {
#top .img svg {
width: auto;
height: 170px;
}
body.home #top h1 {
font-size: 34px;
max-width: 910px;
}
}
@media (max-width: 1330px) {
body.home #top h1 {
font-size: 32px;
max-width: 880px;
left: 5%;
}
}
@media (max-width: 1230px) {
body.home #top h1 {
font-size: 30px;
max-width: 810px;
}
}
@media (max-width: 1100px) {
#logo a {
width: 220px;
}
#logo a > svg:nth-child(1) {
width: auto;
height: 38px;
}
#logo a > svg:nth-child(2) {
width: auto;
height: 66px;
}
#logo a > svg:nth-child(3) {
width: auto;
height: 38px;
}
#logo {
left: 40px;
top: 40px;
height: 148px;
}
#top {
height: auto;
min-height: initial;
flex-direction: column;
padding-top: 260px;
margin-bottom: 55px;
}
body.home #top .txt a {
margin-top: 25px;
}
#top .txt p {
font-size: 20px;
}
#top .img {
width: 100%;
margin-top: 50px;
}
#top .txt > p:first-child {
font-size: 70px;
max-width: 470px;
}
#top .txt {
position: relative;
top: 0;
left: 0;
order: -1;
align-items: center;
text-align: center;
}
body.home #top:after, body.home #top:before {
display: none;
}
body.home #top h1 {
left: 0;
bottom: 0;
max-width: 87%;
position: relative;
text-align: center;
margin: 50px auto 0;
font-size: 32px;
}
#top .img svg {
transform: none;
width: auto;
height: 150px;
right: auto;
left: 35px;
bottom: 35px;
}
body:not(.home) #top,
body:not(.home).bandeau_offre_speciale_is_active #top {
padding: 0;
height: 51vw;
border-top: 120px solid #000000;
}
body:not(.home) #top .img {
margin: 0;
position: absolute;
top: 0;
height: 100%;
left: 0;
}
body:not(.home) #top .txt {
top: 0;
background: rgba(0,0,0,0.5);
height: 100%;
}
body:not(.home) h1 {
max-width: 87%;
font-size: 40px;
}
body:not(.home).single-product #top {
padding-top: 140px;
}
body:not(.home).single-product #top .txt {
align-items: flex-start;
margin-left: 210px;
text-align: left;
margin-right: 5%;
}
}
@media (max-width: 680px) {
.nested.top {
right: auto;
left: 50px;
}
#logo {
left: 0;
right: 0;
margin: auto;
width: 220px;
top: 100px;
}
#top {
padding-top: 340px;
}
header.scrolled #logo {
left: 0;
top: 100px;
opacity: 0;
pointer-events: none;
height: 148px;
}
header.scrolled #logo a {
width: 220px;
}
header.scrolled #logo a > svg:nth-child(2) {
transform: scale(1);
padding-left: 20px;
}
body:not(.home) header:not(.scrolled) #logo {
width: 130px;
top: 130px;
}
body:not(.home) #top,
body:not(.home).bandeau_offre_speciale_is_active #top,
body:not(.home).woocommerce-account div #top,
body:not(.home).error404 div #top,
body:not(.home).woocommerce-cart div #top,
body:not(.home).woocommerce-checkout div #top {
height: auto;
}
body:not(.home) #top .txt {
padding: 205px 0 50px 0;
}
body:not(.home) #top .img:after {
display: none;
}
body:not(.home).single-product div #top .txt {
top: 0;
margin: 0;
background: none;
padding: 165px 6.5% 25px 6.5%;
}
body:not(.home).single-product div #top {
height: auto;
}
body.single-product #main > div.product {
margin: 0 6.5% 65px;
}
body.woocommerce-cart .nested.top,
body.woocommerce-checkout .nested.top {
left: -100px;
}
}
@media (max-width: 1050px) {
body.single-product #main > div.product .inner {
flex-direction: column;
}
body.woocommerce div.product div.images,
body.woocommerce div.product div.summary {
width: 100%;
}
div .woocommerce-message::before {
position: relative;
left: 0;
}
div .woocommerce-message {
flex-direction: column;
gap: 15px;
padding: 30px;
text-align: center;
}
}
@media (max-width: 500px) {
header div .nested .contentSmart span {
width: 22px;
}
header div .nested .contentSmart > span:nth-child(2) {
margin: 5px 0px;
}
body.menu_open header div .nested .contentSmart > span:nth-child(3) {
top: -6px;
}
body.menu_open header div .nested .contentSmart > span:nth-child(1) {
top: 8px;
}
.nested ul.firstLevel > li {
max-width: 90vw;
padding-left: 15px;
}
.nested ul.firstLevel li ul li a {
font-size: 14px;
}
body {
font-size: 16px;
}
.widget_breadcrumb {
font-size: 13px;
width: 87%;
}
header .offre_speciale .inner {
width: auto;
max-width: initial;
flex-shrink: 0;
margin-right: 30px;
animation: marquee 8s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
header .offre_speciale .inner > :first-child {
display: block;
}
div #classic-menu, header.scrolled div #classic-menu {
right: 6.5vw;
margin-right: -9px;
}
#page .wc-block-customer-account__account-icon {
padding: 4px;
position: relative;
top: -1px;
height: 18px;
}
#headerBoxes {
gap: 25px;
align-items: center;
}
.nested.top {
left: 6.5vw;
margin-left: -10px;
}
#top .txt > p:first-child {
font-size: 13.3vw;
max-width: 85vw;
}
body.error404 article a, #wrapper a.wp-block-button__link, section.newsContainer .droite > a,
#wrapper div.wpforms-container-full button[type=submit],
body.home #top .txt a, a.deux_span, button.woocommerce-button,
button.deux_span, body .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button,
body:not(.woocommerce-block-theme-has-button-styles) div div div .wp-block-woocommerce-empty-mini-cart-contents-block a,
#wrapper .woocommerce-message a.button, #wrapper .personnalisation a, #wrapper .product button.single_add_to_cart_button,
#wrapper .categorie .txt p a, #wrapper .wc-block-cart__submit-container a, #wrapper button.wc-block-components-totals-coupon__button,
body.woocommerce-checkout #wrapper .wc-block-components-checkout-place-order-button,
body.woocommerce-account #wrapper button.woocommerce-Button,
body.woocommerce-account #wrapper button.button, #delivery_point_chosen {
font-size: 14px;
}
.deux_span > span:nth-child(1) {
transition-duration: 0.2s;
}
#top .txt p {
font-size: 18px;
max-width: 225px;
}
#top .img svg {
height: 100px;
left: 6.5vw;
bottom: 6.5vw;
}
body.home #top h1 {
font-size: 6.3vw;
}
h2 {
font-size: 20px;
}
header.scrolled {
height: 60px;
}
#page .wc-block-mini-cart__badge {
display: none;
}
body:not(.home) h1 {
font-size: 34px;
}
body:not(.home) header:not(.scrolled) #logo {
top: 115px;
}
body:not(.home) #top .txt {
padding: 180px 0 40px 0;
}
body.woocommerce #wrapper ul.products li.product {
width: 48%;
margin-bottom: 6.5vw;
}
body.woocommerce #wrapper ul.products li.categorie {
width: 100%;
}
#wrapper ul.products {
margin-bottom: -10px;
}
#wrapperInner {
padding-top: 60px;
}
body.single-product #logo {
display: none;
}
body:not(.home).single-product #top {
padding-top: 120px;
}
body:not(.home).single-product div #top .txt {
padding: 0 6.5%;
}
body.single-product #main > div.product {
margin: 0 0 60px 0;
border-radius: 0;
}
div#questions {
margin-top: 60px;
}
body:not(.home).single-product h1 {
font-family: 'Arbutus';
text-transform: uppercase;
font-size: 30px;
}
body.single-product #main > div.product .inner {
width: 87%;
}
body.woocommerce-cart .nested.top,
body.woocommerce-checkout .nested.top {
left: -90px;
}
body.woocommerce-account #wrapper input.woocommerce-Input,
body.woocommerce-account #wrapper span.woocommerce-input-wrapper input {
font-size: 16px;
}
body:not(.bandeau_offre_speciale_is_active).home #top {
padding-top: 300px;
}
body:not(.home):not(.bandeau_offre_speciale_is_active) #top {
border-top-width: 80px;
}
body:not(.home):not(.bandeau_offre_speciale_is_active).single-product #top {
padding-top: 80px;
}
}