@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//actumus.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//actumus.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #489a8d;
	--wd-alternative-color: #ff3841;
	--btn-default-bgcolor: rgb(72,154,141);
	--btn-default-bgcolor-hover: rgb(36,77,70);
	--btn-accented-bgcolor: #489a8d;
	--btn-accented-bgcolor-hover: #244d46;
	--btn-font-family: "Lato", Arial, Helvetica, sans-serif;
	--btn-font-weight: 700;
	--btn-transform: uppercase;
	--btn-color: rgb(255,255,255);
	--btn-font-size: 12px;
	--btn-bgcolor: rgb(72,154,141);
	--btn-color-hover: rgb(255,255,255);
	--btn-bgcolor-hover: rgb(36,77,70);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #489a8d;
	--wd-link-color-hover: #ff3841;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #f1f2f2;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #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-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


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

/* ===========================================================================
   Advitam - lp-base.css - Actumus                          rev. 2026-08-28 b
   ---------------------------------------------------------------------------
   OU LE COLLER : Apparence > Personnaliser > CSS additionnel.
   UNE SEULE FOIS par boutique. Ajouter APRES l'existant, jamais en
   remplacement. Copier l'existant dans 00_Boutique/reglages.md avant.

   PORTEE : toutes les regles sont enfermees sous .lp-page. Elles ne
   peuvent pas deborder sur le reste du site. Seules les variables sont
   sur :root, ce qui est inoffensif.
   =========================================================================== */

:root {
  /* --- Herite du theme : si Actumus change sa couleur, on suit ---------- */
  --brand-primary:      var(--wd-primary-color, #489A8D);
  --brand-accent:       var(--wd-alternative-color, #FF3841);
  --brand-font-heading: var(--wd-title-font, "Poppins", Arial, sans-serif);
  --brand-font-body:    var(--wd-text-font, "Lato", Arial, sans-serif);
  --brand-radius:       var(--wd-brd-radius, 0px);

  /* --- Derive, avec raison ---------------------------------------------
     #489A8D en fond avec du texte blanc donne 3,34:1, sous le seuil AA
     de 4,5:1. Cette declinaison plus profonde donne 4,82:1. Elle sert
     partout ou du texte blanc repose sur la couleur de marque.
     --------------------------------------------------------------------- */
  --lp-vert-profond: #3A7D72;
  --lp-pin:          #10312C;   /* bandes sombres, serre-livres */
  --lp-lavis:        #F2F5F3;   /* alternance de sections */
  --lp-filet:        #C9D8D3;   /* hairlines */

  --lp-blanc:      #FFFFFF;
  --lp-encre:      #14211F;     /* titres */
  --lp-texte:      #3A4341;     /* corps. PAS --wd-text-color : echoue AA */
  --lp-texte-doux: #5B6664;
  --lp-sur-sombre: #E8F0ED;

  /* --- Type : Poppins et Lato imposes, mais avec du contraste d'echelle -- */
  --lp-h1:      clamp(2.6rem, 1.6rem + 4.2vw, 4.75rem);
  --lp-h2:      clamp(1.9rem, 1.35rem + 2.3vw, 3rem);
  --lp-h3:      clamp(1.2rem, 1.08rem + 0.55vw, 1.5rem);
  --lp-body:    clamp(1.0625rem, 1.01rem + 0.22vw, 1.1875rem);
  --lp-lead:    clamp(1.18rem, 1.06rem + 0.5vw, 1.45rem);
  --lp-small:   0.9375rem;
  --lp-eyebrow: 0.75rem;

  --lp-sp-2: .5rem;  --lp-sp-3: .75rem;  --lp-sp-4: 1rem;   --lp-sp-6: 1.5rem;
  --lp-sp-8: 2rem;   --lp-sp-10: 2.5rem; --lp-sp-12: 3rem;  --lp-sp-16: 4rem;
  --lp-sp-24: 6rem;  --lp-sp-32: 8rem;

  --lp-mesure: 66ch;
  --lp-sticky-h: 68px;
}

/* --- Base ---------------------------------------------------------------- */
.lp-page { font-family: var(--brand-font-body); color: var(--lp-texte); }
.lp-page p, .lp-page li { font-size: var(--lp-body); line-height: 1.68; }
.lp-page p { max-width: var(--lp-mesure); }

.lp-page h1, .lp-page h2, .lp-page h3 {
  font-family: var(--brand-font-heading);
  color: var(--lp-encre);
  margin: 0 0 var(--lp-sp-6);
  text-transform: none;
}
.lp-page h1 { font-size: var(--lp-h1); font-weight: 600; line-height: 1.02; letter-spacing: -.035em; }
.lp-page h2 { font-size: var(--lp-h2); font-weight: 600; line-height: 1.1;  letter-spacing: -.025em; max-width: 20ch; }
.lp-page h3 { font-size: var(--lp-h3); font-weight: 600; line-height: 1.25; }

.lp-page .lp-lead { font-size: var(--lp-lead); line-height: 1.55; }
.lp-page .lp-small { font-size: var(--lp-small); color: var(--lp-texte-doux); }

/* Le marqueur de section : Lato 700, capitales, tres tracke.
   C'est la voix de l'etiquette du pot, pas une decoration. */
.lp-page .lp-eyebrow {
  font-family: var(--brand-font-body);
  font-size: var(--lp-eyebrow); font-weight: 700;
  text-transform: uppercase; letter-spacing: .22em;
  color: var(--brand-primary);
  margin: 0 0 var(--lp-sp-4);
}

/* --- Rythme vertical : c'est ce qui separe une page chere d'une page pauvre */
.lp-page.vc_row { padding-top: var(--lp-sp-32); padding-bottom: var(--lp-sp-32); }
@media (max-width: 767px) {
  .lp-page.vc_row { padding-top: var(--lp-sp-16); padding-bottom: var(--lp-sp-16); }
}

/* --- Fonds --------------------------------------------------------------- */
.lp-page.lp-lavis  { background: var(--lp-lavis); }
.lp-page.lp-sombre { background: var(--lp-pin); }
.lp-page.lp-sombre, .lp-page.lp-sombre p, .lp-page.lp-sombre li { color: var(--lp-sur-sombre); }
.lp-page.lp-sombre h2, .lp-page.lp-sombre h3 { color: var(--lp-blanc); }
.lp-page.lp-sombre .lp-eyebrow { color: #7FC4B5; }

/* --- Bouton -------------------------------------------------------------- */
.lp-page .lp-cta {
  display: inline-block;
  background: var(--lp-vert-profond);
  color: var(--lp-blanc);
  font-family: var(--brand-font-body);
  font-weight: 700; font-size: 1.0625rem; line-height: 1.2;
  letter-spacing: .02em;
  padding: 1.15rem 2.5rem;
  border: 0; border-radius: var(--brand-radius);
  text-decoration: none; text-align: center; min-height: 58px;
  transition: background-color .15s ease, transform .15s ease;
}
.lp-page .lp-cta:hover  { background: var(--lp-pin); color: var(--lp-blanc); transform: translateY(-1px); }
.lp-page .lp-cta:focus-visible { outline: 3px solid var(--lp-encre); outline-offset: 3px; }
.lp-page.lp-sombre .lp-cta { background: var(--lp-blanc); color: var(--lp-pin); }
.lp-page.lp-sombre .lp-cta:hover { background: var(--lp-sur-sombre); color: var(--lp-pin); }
.lp-page.lp-sombre .lp-cta:focus-visible { outline-color: var(--lp-blanc); }

.lp-page .lp-cta-note {
  display: block; margin-top: var(--lp-sp-4);
  font-size: var(--lp-small); color: var(--lp-texte-doux);
}
.lp-page.lp-sombre .lp-cta-note { color: #A9C4BD; }

/* --- Etoiles ------------------------------------------------------------- */
.lp-page .lp-etoiles { color: var(--brand-primary); letter-spacing: .12em; }
.lp-page.lp-sombre .lp-etoiles { color: #7FC4B5; }

@media (max-width: 767px) { .lp-page .lp-cta { display: block; width: 100%; } }

@media (prefers-reduced-motion: reduce) {
  .lp-page *, .lp-page *::before, .lp-page *::after {
    animation: none !important; transition: none !important;
  }
}