:root {
	--wd-text-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(87,87,86);
	--wd-text-font-size: 14px;
	--wd-title-font: "Fashion Fetish", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(13,35,106);
	--wd-entities-title-font: "Fashion Fetish", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(13,35,106);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Fashion Fetish", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(13,35,106);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Fashion Fetish", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(13,35,106);
	--wd-alternative-color: rgb(199,250,233);
	--btn-default-font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 900;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(13,35,106);
	--btn-accented-bgcolor-hover: rgb(13,35,106);
	--btn-accented-color-hover: rgb(199,250,233);
	--btn-font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	--btn-transform: none;
	--btn-color: rgb(255,255,255);
	--btn-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(13,35,106);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(255,87,87);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(255,87,87);
	--wd-link-color-hover: rgb(255,87,87);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #0d236a;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 1000px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(249,247,244);
	background-image: none;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a, .whb-general-header .wd-nav.wd-nav-secondary > li > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .whb-header .wd-header-cats .menu-opener, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a, html .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li > a, html .wd-dropdown-my-account .wd-sub-menu li a, html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a, html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .wd-page-title .wd-breadcrumbs :is(a,span), html .wd-page-title .breadcrumb li::after, html .wd-checkout-steps, html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title, html .wd-product .wd-product-cats a, html .wd-product .wd-product-brands-links a, html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title, html .product.wd-cat .wd-cat-count, html .product.wd-cat.cat-design-replace-title .wd-cat-count, html .product-image-summary-wrap .product_title, html .wd-single-title .product_title, html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text, html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a, html .product-quick-view .product_title, html .post.wd-post:not(.blog-design-small) .wd-entities-title, html .wd-post:not(.blog-design-small) .wd-post-meta > div, html .wd-post:not(.blog-design-small) .wd-post-meta > div > a, html .widget_product_categories .product-categories > li > a, html .widget_product_categories .product-categories > li > .children > li > a, html .widget_product_categories .product-categories li a, html table th,  {
	font-family: "Fashion Fetish", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, html .wd-product .price, html .product.wd-product del, html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del, html .wd-product-nav-desc .price, html .product-quick-view .summary-inner > .price, html .product-quick-view .summary-inner > .price del, html .product-quick-view .variations_form .woocommerce-variation-price .price, html .product-quick-view .variations_form .woocommerce-variation-price > .price del, html .widget-area .widget .price, html .widget-area .widget .price del {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: none;
	color: rgb(255,255,255);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,247,253);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 20px;
	--wd-arrow-color: rgb(51,51,51);
	--wd-arrow-color-dis: rgba(51,51,51,0.8);
	--wd-arrow-bg-hover: rgb(199,250,233);
	--wd-arrow-radius: 10px;
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-drag-bg: rgb(199,250,233);
	--wd-nscroll-drag-bg-hover: rgb(199,250,233);
}
.wd .product-label.onsale {
	background-color: rgb(13,35,106);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(13,35,106);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(255,87,87);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(255,87,87);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 5px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 190px;
}
:root{
--wd-container-w: 1700px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
}



.wd-page-title {
background-color: rgb(253,253,255);
}

@font-face {
	font-family: "Fashion Fetish";
	src: url("//astem.fr/wp-content/uploads/2026/07/Fashion-Fetish-Regular.woff2") format("woff2"), 
url("//astem.fr/wp-content/uploads/2026/07/Fashion-Fetish-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Century Gothic";
	src: url("//astem.fr/wp-content/uploads/2026/07/CenturyGothicPaneuropeanRegular.woff2") format("woff2"), 
url("//astem.fr/wp-content/uploads/2026/07/CenturyGothicPaneuropeanRegular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* Conteneur principal de chaque méthode */
.woocommerce-checkout #payment ul.payment_methods li {display: flex !important;flex-wrap: wrap;align-items: center;padding: 20px !important;border: 1px solid #ebebeb;border-radius: 10px;margin-bottom: 15px;cursor: pointer;}

/* Forcer le bouton radio à rester à gauche */
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {order: 1;margin-right: 15px !important;}

/* Le titre de la méthode (ex: Carte ou Virement) */
.woocommerce-checkout #payment ul.payment_methods li label {order: 2;font-weight: bold;font-size: 1.1em;flex-grow: 1;display: flex;justify-content: space-between;align-items: center;}

/* Conteneur des images (pour les aligner et gérer l'espace) */
.woocommerce-checkout #payment ul.payment_methods li label img {margin-left: 8px !important;margin-right: 0 !important;max-height: 24px;display: inline-block;}

/* Forcer l'alignement à droite si plusieurs images sont présentes */
.woocommerce-checkout #payment ul.payment_methods li label br {display: none;}

/* Faire passer la description (virement) en dessous */
.woocommerce-checkout #payment ul.payment_methods li .payment_box {order: 4;width: 100%;margin-top: 15px !important;padding: 15px !important;background-color: #f8f9fa !important;border-radius: 8px;font-size: 0.9em;color: #666;}

/* Style quand l'option est sélectionnée */
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {border-color: #2b3b95 !important;background-color: #f9faff;}

.woocommerce form .form-row .optional{display: none ;}
.wd-product .wd-entities-title {text-align: left;}
.wd-product :is(.wd-product-cats, .wd-product-brands-links) {font-size: 11px; weight: 200;text-align: left;}
.wd-product .price {text-align: left;}
.wd-product.wd-hover-standard .wd-add-btn {justify-content: left;}
.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span {width: 700px;}
.wd-add-btn-replace .add-to-cart-loop::before{justify-content: center;font-weight: 600;font-size: 12px;content: 'Ajouter au panier';font-family: 'Century Gothic' , sans-serif;padding: 5px 14px}
.afrfqbt.button {width: 700px;font-weight: 600;font-size: 12px;}
.afrfqbt.button::before{justify-content: center;font-weight: 600;font-size: 12px;content: 'Devis sur mesure';font-family: 'Century Gothic' , sans-serif;color: white}

/* Titre souligné */
.titre-souligne-wrap {overflow: visible;position: relative;display: inline-block;}
.titre-souligne {position: relative;display: inline-block;z-index: 0;z-index: 2;font-family: 'Fashion Fetish', sans-serif;color: #0d236a;font-weight: 800;font-size: 24px;}
.titre-souligne::after {content: '';position: absolute;left: 0;bottom: 10px;width: calc(100% + 10px);height: 15px;background: 
#c7fae9;z-index: -1;}
.titre-hero-wrap {overflow: visible;}
.titre-hero {position: relative;display: inline-block;z-index: 2;font-family: 'Fashion Fetish', sans-serif;color: 
#0d236a;font-weight: 800;font-size: 64px;line-height: 1.2;text-align: left;}
.titre-hero::after {content: '';position: absolute;left: 0;bottom: 8px;width: calc(100% + 40px);height: 10px;background: 
#a8e6d4;z-index: -1;}

/* Boutons du carousel - fond et forme */
.wd-nav-arrows .wd-btn-arrow {
    background-color: #c7fae9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

/* Couleur de la flèche (icône SVG ou pseudo-élément) */
.wd-nav-arrows .wd-btn-arrow svg,
.wd-nav-arrows .wd-btn-arrow svg path {
    fill: #0d236a;
    stroke: #0d236a;
}

/* Si la flèche est générée via :before/:after en font-icon */
.wd-nav-arrows .wd-btn-arrow::before,
.wd-nav-arrows .wd-btn-arrow::after {
    color: #0d236a;
}

/* État au survol (optionnel mais conseillé) */
.wd-nav-arrows .wd-btn-arrow:hover {
    background-color: #b0f5dc;
}
/* Espacement entre les boutons précédent/suivant */
.wd-nav-arrows {
    gap: 12px;
}
.wd-nav-arrows .wd-btn-arrow.wd-prev {
    margin-right: 8px;
}

/* Toutes les puces : transition douce */
.wd-nav-pagin-item span {
  transition: width 1s ease, background-color 0.3s ease !important;
  border-radius: 50px !important;
}

/* La puce active : allongée façon Apple */
.wd-nav-pagin-item.wd-active span {
  width: 60px !important;
  height: 8px !important;
}

/* Garder les puces inactives rondes et petites */
.wd-nav-pagin-item:not(.wd-active) span {
  width: 8px !important;
  height: 8px !important;
}

/* Assets graphiques sections */
.section-lowpoly {
  position: relative;
}

.section-lowpoly::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://astem.fr/wp-content/uploads/2026/07/fond-lowpoly1.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2; /* ajustez cette valeur entre 0 et 1 */
  z-index: 0;
  pointer-events: none;
}

.section-lowpoly > * {
  position: relative;
  z-index: 1;
}

.section-points {
  background-color: #F7F7FD; /* ou la couleur de fond de votre section */
  background-image: radial-gradient(circle, #d0d5dd 1px, transparent 1px);
  background-size: 24px 24px; /* espace entre les points */
}

/* Autres modifications */
.wd-content-layout {padding-block: 0px;}
.wp-block-wd-section {padding-inline: 0px;}
.whb-exf8vxvpef8tesknsxk0 a:is(.btn-style-default, .btn-style-3d) {border: solid 3px #c7fae9;}
.whb-exf8vxvpef8tesknsxk0 a:is(.btn-style-default, .btn-style-3d):hover {border-color: #fff;}
.wd-tools-icon::before {font-size: 15px;}
.whb-row .wd-tools-element.wd-design-8 {
  --astem-btn: 34px;               /* taille du rond vert */
  --astem-ring: 3px;               /* épaisseur de l'anneau vert */
  --wd-tools-icon-base-width: 16px; /* taille du picto */
}

/* Rond vert */
.whb-row .wd-tools-element.wd-design-8 .wd-tools-inner {
  height: var(--astem-btn) !important;
  min-width: var(--astem-btn) !important;
  padding-inline: 0 !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Rond blanc */
.whb-row .wd-tools-element.wd-design-8 .wd-tools-icon {
  width: calc(var(--astem-btn) - 2 * var(--astem-ring)) !important;
  height: calc(var(--astem-btn) - 2 * var(--astem-ring)) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Boutons sans texte */
.whb-row .wd-tools-element.wd-design-8:not(:has(.wd-tools-text)) .wd-tools-inner {
  gap: 0 !important;
}

/* Boutons sans texte : pas d'espace fantôme à côté de l'icône */
.whb-row .wd-tools-element.wd-design-8:not(:has(.wd-tools-text)) .wd-tools-inner {
  gap: 0 !important;
}
.wd-page-wrapper {background-color: #f7f7fd;}
.post-single-page, .related-posts-slider {margin-bottom: 40px;padding-top: 40px;}
.wd-single-post-header .wd-post-meta {display: none;}

/* Sticky navigation */
@media (min-width: 1025px) {.admin-bar .wd-sticky-nav {background: #ffffff;}}
body {--wd-sticky-nav-w: 0px !important;}
body:has(.wd-close-side.wd-close-side-opened.wd-location-sticky-nav) {--wd-sticky-nav-w: 275px !important;}
.wd-sticky-nav {opacity: 0;pointer-events: none;transition: opacity .3s ease;}
body:has(.wd-close-side.wd-close-side-opened.wd-location-sticky-nav) .wd-sticky-nav {opacity: 1;pointer-events: auto;}
.whb-sticked .whb-row {background: #0d236a;}
@media (max-width: 768px) {
  .whb-row.whb-general-header {
    background-color: #0d236a !important;
  }
}
.wd-tools-icon {color: white;}
.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {font-size:10px;}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span { width: auto !important; }
.wd-add-btn-replace .add-to-cart-loop::before { display: none !important; }
.afrfqbt.button { width: auto !important; }
.afrfqbt.button::before { display: none !important; }

.wd-product.wd-hover-standard .add_to_cart_button .wd-action-text,
.afrfqbt.button {
    font-family: 'Century Gothic', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.wd-add-btn-replace { width: 100% !important; }
.wd-add-btn-replace .add_to_cart_button,
.wd-add-btn-replace .afrfqbt.button { width: 100% !important; }@media (max-width: 576px) {
	.wd-toolbar {background-color: #00f8a8}
}