.squares {
display: block;
width: 100%;
height: auto;
}
.squares .sq {
fill: var(--base);
animation: squares-wave var(--dur, 4s) ease-in-out infinite;
animation-delay: calc((var(--i, 0) / var(--n, 8) - 1) * var(--dur, 4s));
}
@keyframes squares-wave {
0%, 35%, 100% { fill: var(--base); }
12%, 22%      { fill: var(--on); }
} @media (prefers-reduced-motion: reduce) {
.squares .sq { animation: none; }
} :is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2) {
position: relative;
overflow: hidden;
isolation: isolate; transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2)::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
width: 0;
aspect-ratio: 1; border-radius: 9999px; background: var(--accent-bright, #E31A26);
transform: translate(-50%, -50%);
transition: width 0.5s ease-out; pointer-events: none;
}
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2):hover,
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2):focus-visible {
color: var(--surface-0-light, #FFFEFC);
} .elementor .btn-1:hover,
.elementor .btn-1:focus,
.elementor .btn-1:active {
background-color: var(--text-heading, #1A1A1A);
}
.elementor .btn-2:hover,
.elementor .btn-2:focus,
.elementor .btn-2:active {
background-color: var(--color-black, #1A1A1A);
}
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2):hover::before,
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2):focus-visible::before { width: max(14rem, 120%);
} @media (prefers-reduced-motion: reduce) {
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2),
:is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2)::before {
transition: none;
}
} .txt-accent {
color: var(--accent, #9D182F);
} .cm-carte-pixels {
position: relative;
}
.cm-pixels {
position: absolute;
top: var(--cm-pixels-haut, 16px);
right: var(--cm-pixels-droite, 16px);
width: 25px;
height: 25px;
pointer-events: none;
}
.cm-pixels i {
position: absolute;
width: 7px;
height: 7px;
background: var(--accent-bright, #E31A26);
transform: scale(0);
transition: transform 0.25s cubic-bezier(0.34, 1.8, 0.64, 1);
} .cm-pixels i:nth-child(1) { top: 0;    right: 0;    transition-delay: 0ms; }
.cm-pixels i:nth-child(2) { top: 0;    right: 9px;  transition-delay: 60ms;  background: var(--accent, #9D182F); }
.cm-pixels i:nth-child(3) { top: 9px;  right: 0;    transition-delay: 60ms;  background: var(--accent, #9D182F); }
.cm-pixels i:nth-child(4) { top: 0;    right: 18px; transition-delay: 120ms; }
.cm-pixels i:nth-child(5) { top: 9px;  right: 9px;  transition-delay: 120ms; }
.cm-pixels i:nth-child(6) { top: 18px; right: 0;    transition-delay: 120ms; }
.cm-carte-pixels:hover .cm-pixels i,
.cm-carte-pixels:focus-within .cm-pixels i {
transform: scale(1);
} @media (prefers-reduced-motion: reduce) {
.cm-pixels i { transition: none; }
}  .elementor .e-accordion-item-base > summary > .e-accordion-item-icon-base {
width: auto;
flex: 0 0 auto;
}
.elementor .e-accordion-item-base > summary > .e-accordion-item-title-base {
flex: 1 1 auto;
min-width: 0;
}
.e-accordion-item-base > summary .icn-c {
--cm-pix: var(--accent, #9D182F);
position: relative;
width: 20px;
height: 20px;
}
.e-accordion-item-base[open] > summary .icn-c {
--cm-pix: var(--accent-bright, #E31A26);
}
.e-accordion-item-base > summary .icn-c svg {
visibility: hidden; }
.e-accordion-item-base > summary .icn-c::before,
.e-accordion-item-base > summary .icn-c::after {
content: "";
position: absolute;
width: 4px;
height: 4px;
background-color: var(--cm-pix);
transition: transform 0.35s cubic-bezier(0.34, 1.6, 0.64, 1), box-shadow 0.35s cubic-bezier(0.34, 1.6, 0.64, 1), background-color 0.3s ease;
}
.e-accordion-item-base > summary .icn-c::before { left: 0;
top: 4px;
box-shadow: 16px 0 0 var(--cm-pix);
}
.e-accordion-item-base > summary .icn-c::after { left: 8px;
top: 12px;
box-shadow: -4px -4px 0 var(--cm-pix), 4px -4px 0 var(--cm-pix);
transition-delay: 80ms;
}
.e-accordion-item-base[open] > summary .icn-c::before {
transform: translateY(8px);
}
.e-accordion-item-base[open] > summary .icn-c::after {
transform: translateY(-8px);
box-shadow: -4px 4px 0 var(--cm-pix), 4px 4px 0 var(--cm-pix);
} @media (prefers-reduced-motion: reduce) {
.e-accordion-item-base > summary .icn-c::before,
.e-accordion-item-base > summary .icn-c::after {
transition: none;
}
} .elementor .e-con:has(> .btn-hero) {
flex-wrap: wrap;
row-gap: 16px;
}
.elementor .btn-hero {
flex-shrink: 0;
max-width: 100%;
} :is(.elementor, .cm-mm-cta) :is(.btn-1, .btn-2) {
max-width: 100%;
white-space: normal;
text-align: center;
} .elementor .form-champ::placeholder {
color: var(--text-caption, #9A9084);
opacity: 1;
}
.form-champ:focus,
.form-champ:focus-visible {
outline: none;
border-bottom-color: var(--accent, #9D182F) !important; } .elementor .e-con.hero-page {
min-height: var(--hero-page-hauteur, 32rem);
justify-content: center;
} .elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor ul:last-child,
.elementor-widget-text-editor ol:last-child {
margin-block-end: 0;
} .elementor .e-con.groupe > * + * {
margin-block-start: var(--space-2, 1rem) !important;
}
.elementor .e-con.groupe > :is(.elementor-widget-image, .e-image-base) + * {
margin-block-start: var(--space-3, 1.5rem) !important;
}
.elementor .e-con.groupe > :not(.e-button-base, .elementor-widget-button) + :is(.e-button-base, .elementor-widget-button, .e-con.groupe-boutons) {
margin-block-start: var(--gap-groupe, 2rem) !important;
}
.elementor .e-con.groupe > :is(.e-button-base, .elementor-widget-button) + :is(.e-button-base, .elementor-widget-button) {
margin-block-start: var(--space-2, 1rem) !important;
} .elementor .e-con.groupe > .elementor-widget-text-editor + .elementor-widget-text-editor {
margin-block-start: var(--space-3, 1.5rem) !important;
} .elementor .e-con.groupe.groupe-large > * + * {
margin-block-start: var(--gap-groupe, 2rem) !important;
}
.elementor .e-con.groupe.groupe-large > .elementor-widget-text-editor + .elementor-widget-text-editor {
margin-block-start: var(--space-3, 1.5rem) !important;
}
.elementor .e-con.groupe.groupe-large > :is(.e-button-base, .elementor-widget-button) + :is(.e-button-base, .elementor-widget-button) {
margin-block-start: var(--space-2, 1rem) !important;
} .elementor .e-con.groupe > .cm-pixels {
margin: 0 !important;
}  .elementor .e-form-base {
padding: 0;
} .e-accordion-item-base > summary:focus {
outline: none;
}
.e-accordion-item-base > summary:focus-visible {
outline: 2px solid var(--accent, #9D182F);
outline-offset: 4px;
} .elementor .e-accordion-item-base > summary {
padding-inline: 0 !important;
} .elementor .e-con.signature {
align-items: baseline !important;
} .elementor .e-con.elementor-element-90e921d { border-bottom-color: transparent !important; } .elementor .e-accordion-item-base > :not(summary) {
padding-inline: 0 !important;
} .elementor .e-con.signature img {
height: auto !important;
} .elementor .elementor-heading-title {
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
text-wrap: balance;
} .elementor .elementor-heading-title,
.elementor .e-heading-base {
margin-block: 0;
} .elementor .elementor-widget-text-editor p {
text-wrap: pretty;
}  .prestations-panneau.cascade .elementor-icon-list-item {
opacity: 0;
transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease;
transition-delay: min(calc((var(--n, 1) - 1 - var(--i, 0)) * 25ms), 200ms);
}
.prestations-panneau.cascade.cascade-in .elementor-icon-list-item {
opacity: 1;
transform: none; transition: opacity .45s ease, transform .45s ease;
transition-delay: calc(var(--i, 0) * 45ms);
}
@media (prefers-reduced-motion: reduce) {
.prestations-panneau.cascade .elementor-icon-list-item { opacity: 1; transform: none; }
} .elementor .e-con:has(> .prestations.est-accordeon) {
row-gap: 0 !important;
}
.elementor .e-con.prestations.est-accordeon {
row-gap: 0 !important;
} .elementor .e-con.prestations.est-accordeon {
border-bottom: 1px solid var(--divider-light, #DED6CB);
} .elementor .e-con.prestations.est-accordeon:not(:first-child):not(.prestations + .prestations) {
margin-top: var(--gap-groupe, 1.5rem);
} .elementor .e-con:has(> .e-con > .prestations.est-accordeon:only-child) {
row-gap: 0 !important;
}
.elementor .e-con:has(> .prestations.est-accordeon:only-child):not(:first-child) {
margin-top: var(--gap-groupe, 1.5rem);
}
.elementor .e-con:has(> .prestations.est-accordeon:only-child) + .e-con:has(> .prestations.est-accordeon:only-child) {
margin-top: 0;
} .prestations.est-accordeon > .prestations-titre {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-2, 1rem);
padding-block: 1.875rem; cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.prestations.est-accordeon > .prestations-titre:focus { outline: none; }
.prestations.est-accordeon > .prestations-titre:focus-visible {
outline: 2px solid var(--accent, #9D182F);
outline-offset: 4px;
}
.prestations.est-accordeon > .prestations-panneau {
overflow: hidden;
padding-block: 0 !important;
transition: height .35s cubic-bezier(.2, .7, .2, 1);
}
.prestations.est-accordeon.est-ouvert > .prestations-panneau,
.prestations.est-accordeon > .prestations-panneau.en-sortie {
padding-bottom: var(--space-3, 1.5rem) !important;
}
.prestations:not(.est-accordeon) .cm-chevron { display: none; } .cm-chevron {
--cm-pix: var(--accent, #9D182F);
position: relative;
flex: none;
width: 20px;
height: 20px;
}
.est-ouvert > * > .cm-chevron,
.est-ouvert > .prestations-titre .cm-chevron { --cm-pix: var(--accent-bright, #E31A26); }
.cm-chevron::before,
.cm-chevron::after {
content: "";
position: absolute;
width: 4px;
height: 4px;
background-color: var(--cm-pix);
transition: transform .35s cubic-bezier(.34, 1.6, .64, 1), box-shadow .35s cubic-bezier(.34, 1.6, .64, 1), background-color .3s ease;
}
.cm-chevron::before { left: 0; top: 4px; box-shadow: 16px 0 0 var(--cm-pix); }
.cm-chevron::after { left: 8px; top: 12px; box-shadow: -4px -4px 0 var(--cm-pix), 4px -4px 0 var(--cm-pix); transition-delay: 80ms; }
.est-ouvert > .prestations-titre .cm-chevron::before { transform: translateY(8px); }
.est-ouvert > .prestations-titre .cm-chevron::after { transform: translateY(-8px); box-shadow: -4px 4px 0 var(--cm-pix), 4px 4px 0 var(--cm-pix); }
@media (prefers-reduced-motion: reduce) {
.cm-chevron::before, .cm-chevron::after, .prestations.est-accordeon > .prestations-panneau { transition: none; }
} @media (max-width: 767px) {
.elementor .e-con.service-bloc {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.elementor .e-con.service-bloc > .service-id { display: contents; }
.elementor .e-con.service-bloc > .service-id > * { order: 1; }
.elementor .e-con.service-bloc > .service-contenu { order: 2; }
.elementor .e-con.service-bloc > .service-id > .groupe-boutons {
order: 3;
margin-top: calc(var(--gap-groupe, 1.5rem) - var(--gap-bloc, 2rem)); }
.elementor .e-con.service-bloc > .service-id > .groupe-boutons ~ .groupe-boutons {
margin-top: calc(var(--space-2, 1rem) - var(--gap-bloc, 2rem)); }
} .elementor-icon-list-item > a:is([href^="tel:"], [href^="mailto:"], [href$=".pdf" i]) .elementor-icon-list-text {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.28em;
text-decoration-color: var(--border-light, #C4B9AB);
transition: text-decoration-color .2s ease, color .2s ease;
}
.elementor-icon-list-item > a:is([href^="tel:"], [href^="mailto:"], [href$=".pdf" i]) .elementor-icon-list-icon {
transition: transform .3s cubic-bezier(.34, 1.6, .64, 1);
}
.elementor-icon-list-item > a:is([href^="tel:"], [href^="mailto:"], [href$=".pdf" i]):is(:hover, :focus-visible) .elementor-icon-list-text {
text-decoration-color: var(--accent, #9D182F);
}
.elementor-icon-list-item > a:is([href^="tel:"], [href^="mailto:"], [href$=".pdf" i]):is(:hover, :focus-visible) .elementor-icon-list-icon {
transform: translateX(3px);
} [data-elementor-type="footer"] a[href*="cafemoka.ch"] { text-decoration: none !important; } @keyframes cm-ligne { from { translate: 0 165%; } to { translate: 0 0; } }
@keyframes cm-fondu { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } } html.cm-anim [data-elementor-type="wp-page"] > .e-con:first-child :is(.elementor-widget-heading .elementor-heading-title, .e-heading-base):not(.cm-pret):not(:where(.sans-anim, .sans-anim *, .e-accordion-item-base *, .prestations *, form *)),
html.cm-anim [data-elementor-type="wp-page"] > .e-con:first-child :is(.elementor-widget-text-editor, .e-paragraph-base, .e-button-base, .elementor-widget-button):not(.cm-texte):not(:where(.sans-anim, .sans-anim *, .e-accordion-item-base *, .prestations *, form *)) {
opacity: 0;
}  .cm-titre .cm-ligne { display: block; overflow: hidden; padding-block: .18em .14em; margin-block: -.18em -.14em; } .cm-titre.cm-pret:not(.cm-fini) { display: flex; flex-direction: column; }
.cm-titre .cm-ligne > span { display: block; }
.cm-titre .cm-ligne > span { translate: 0 165%; }
.cm-premiere-vue .cm-titre .cm-ligne > span {
animation: cm-ligne .7s cubic-bezier(.22, 1, .36, 1) both;
animation-delay: calc(var(--cm-d, 0ms) + var(--l, 0) * 90ms);
}
.cm-texte { opacity: 0; }
.cm-premiere-vue .cm-texte {
animation: cm-fondu .6s cubic-bezier(.22, 1, .36, 1) both;
animation-delay: calc(var(--cm-d, 0ms) + 200ms);
}
.cm-premiere-vue .cm-texte, .cm-titre.cm-fini { opacity: 1; }
.cm-titre.cm-fini .cm-ligne > span { translate: none; }
@media print {
html.cm-anim [data-elementor-type="wp-page"] * { opacity: 1 !important; translate: none !important; animation: none !important; }
} @media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
.elementor .e-con.parallaxe > .e-con { will-change: translate; }
} html { scroll-padding-top: var(--gap-bloc, 3rem); } @media (prefers-reduced-motion: reduce) {
.elementor-icon-list-item > a .elementor-icon-list-icon { transition: none; }
}  header[data-elementor-type="header"] {
position: sticky;
top: 0;
z-index: 1000;
transition: transform .45s cubic-bezier(.65, 0, .35, 1);
}
header[data-elementor-type="header"].cm-h-cache { transform: translateY(-100%); }
.elementor .e-con.cm-header { background-color: var(--surface-0-light, #FFFEFC); transition: background-color .3s ease; }
.elementor .e-con.cm-header-barre { transition: padding .35s ease; }
.cm-header-logo img { transform-origin: left center; transition: transform .35s ease, filter .3s ease; }
header[data-elementor-type="header"].cm-h-defile .cm-header-logo img { transform: scale(.86); }
@media (min-width: 1025px) {
header[data-elementor-type="header"].cm-h-defile .e-con.cm-header-barre { padding-block: 4px !important; }
} .elementor .e-con.cm-header-surmenu {
max-height: 80px;
overflow: hidden;
transition: max-height .4s ease, padding .4s ease, border-color .4s ease, opacity .3s ease;
}
header[data-elementor-type="header"].cm-h-defile .e-con.cm-header-surmenu {
max-height: 0;
padding-block: 0 !important;
border-color: transparent;
opacity: 0;
}
.cm-header-surmenu .elementor-nav-menu a.elementor-item {
padding: .35em 0 !important;
font-family: var(--e-global-typography-591499e-font-family, Qualion), sans-serif;
font-weight: 700;
font-size: var(--fs-label, .875rem);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--text-body, #6E675E);
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: .35em;
text-decoration-color: transparent;
transition: color .2s ease, text-decoration-color .2s ease;
}
.cm-header-surmenu .elementor-nav-menu a.elementor-item:is(:hover, :focus-visible) {
color: var(--accent, #9D182F);
text-decoration-color: var(--accent, #9D182F);
}
.cm-header-surmenu .cm-langues { font-size: calc(var(--fs-label, .875rem) * .85); }
.cm-langues { vertical-align: top; } .cm-header-surmenu .elementor-shortcode { display: flex; }
.cm-header-surmenu .cm-langues > a, .cm-header-surmenu .cm-langues > span:not(.cm-langues-curseur) { padding: .6em .7em; } @media (min-width: 1025px) {
.elementor .e-con.cm-header-surmenu { padding-block: .4rem !important; } header[data-elementor-type="header"]:not(.cm-h-defile) .e-con:has(> .e-con.cm-header-surmenu) { padding-top: 0 !important; }
.cm-header-surmenu .elementor-nav-menu a.elementor-item { padding-block: .15em !important; font-size: calc(var(--fs-label, .875rem) * .85); }
.elementor .e-con.cm-header-barre,
.elementor .e-con.cm-header-actions { align-items: flex-end; }
.elementor .cm-header-actions > .e-button-base { align-self: flex-end; }
}
@media (max-width: 1024px) {
body:not(.elementor-editor-active) .cm-header .cm-header-surmenu { display: none !important; }
} .cm-header .elementor-nav-menu--main .elementor-nav-menu { position: relative; }
.cm-menu-pixel {
position: absolute;
left: 0;
bottom: -2px;
width: 6px;
height: 6px;
background: var(--accent-bright, #E31A26);
pointer-events: none;
transform: translateX(var(--cm-x, 0px)) scale(var(--cm-s, 0));
transition: transform .5s cubic-bezier(.34, 1.5, .64, 1);
}
.cm-menu-pixel.sans-transition { transition: none; } .cm-langues {
position: relative;
display: inline-grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
border: 1px solid var(--divider-light, #DED6CB);
font-family: var(--e-global-typography-591499e-font-family, Qualion), sans-serif;
font-weight: 700;
font-size: var(--fs-label, .875rem);
letter-spacing: .08em;
line-height: 1;
}
.cm-langues > a,
.cm-langues > span:not(.cm-langues-curseur) {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
text-box: trim-both cap alphabetic; padding: .55em .85em;
text-align: center;
color: var(--text-body, #6E675E);
text-decoration: none;
transition: color .3s ease;
}
.cm-langues > .est-active,
.cm-langues > a.est-survol { color: var(--surface-0-light, #FFFEFC); }
.cm-langues:has(> a.est-survol) > .est-active:not(.est-survol) { color: var(--text-body, #6E675E); }
.cm-langues > .est-a-venir { cursor: not-allowed; opacity: .55; } .cm-langues > :not(.cm-langues-curseur) + :not(.cm-langues-curseur) { border-left: 1px solid var(--divider-light, #DED6CB); }
.cm-mm-pied .cm-langues > :not(.cm-langues-curseur) + :not(.cm-langues-curseur) { border-left-color: rgba(255, 254, 252, .55); }
.cm-langues-curseur {
position: absolute;
inset: 0 auto 0 0;
width: calc(100% / var(--cm-langues-nb, 2));
background: var(--accent, #9D182F);
transform: translateX(calc(100% * var(--cm-langues-pos, var(--cm-langues-actif, 0))));
transition: transform .4s cubic-bezier(.65, 0, .35, 1);
} .cm-burger { display: none; } @media (max-width: 1024px) {
body:not(.elementor-editor-active) .cm-header .elementor-widget-nav-menu,
body:not(.elementor-editor-active) .cm-header .cm-header-actions > .elementor-widget-shortcode,
body:not(.elementor-editor-active) .cm-header .cm-header-actions > .e-button-base { display: none !important; }
body:not(.elementor-editor-active) .e-con.cm-header .e-con.cm-header-actions { align-items: flex-end; }
.cm-burger {
all: unset;
box-sizing: border-box;
display: grid;
place-items: center end; width: 44px;
height: 44px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
}
.cm-burger,
.cm-burger:is(:hover, :focus, :active) { background: none !important; border: 0 !important; box-shadow: none !important; }
.cm-burger:focus-visible { outline: 2px solid var(--accent, #9D182F); outline-offset: 2px; }
.cm-burger-pixels { position: relative; width: 14px; height: 18px; }
.cm-burger-pixels i {
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 4px;
background: var(--color-black, #1A1A1A);
transform: translate(var(--hx), var(--hy));
transition: transform .4s cubic-bezier(.34, 1.4, .64, 1), background-color .3s ease;
transition-delay: var(--d, 0ms);
} .cm-burger-pixels i:nth-child(1) { --hx: 0px;  --hy: 0px;  --xx: 0px;  --xy: 2px;  --d: 0ms; }
.cm-burger-pixels i:nth-child(2) { --hx: 5px;  --hy: 0px;  --xx: 5px;  --xy: 7px;  --d: 40ms; }
.cm-burger-pixels i:nth-child(3) { --hx: 10px; --hy: 0px;  --xx: 10px; --xy: 2px;  --d: 80ms; }
.cm-burger-pixels i:nth-child(4) { --hx: 0px;  --hy: 7px;  --xx: 5px;  --xy: 7px;  --d: 40ms; }
.cm-burger-pixels i:nth-child(5) { --hx: 5px;  --hy: 7px;  --xx: 5px;  --xy: 7px;  --d: 80ms; }
.cm-burger-pixels i:nth-child(6) { --hx: 10px; --hy: 7px;  --xx: 5px;  --xy: 7px;  --d: 120ms; }
.cm-burger-pixels i:nth-child(7) { --hx: 0px;  --hy: 14px; --xx: 0px;  --xy: 12px; --d: 80ms; }
.cm-burger-pixels i:nth-child(8) { --hx: 5px;  --hy: 14px; --xx: 5px;  --xy: 7px;  --d: 120ms; }
.cm-burger-pixels i:nth-child(9) { --hx: 10px; --hy: 14px; --xx: 10px; --xy: 12px; --d: 160ms; } .cm-menu-ouvert .cm-burger-pixels i { transform: translate(var(--xx), var(--xy)); background: var(--surface-0-light, #FFFEFC); }
.cm-menu-ouvert .cm-burger-pixels i:is(:nth-child(2), :nth-child(4), :nth-child(6), :nth-child(8)) { transform: translate(var(--xx), var(--xy)) scale(0); } .cm-menu-mobile {
position: fixed;
inset: 0;
z-index: 999;
visibility: hidden;
pointer-events: none;
}
.cm-menu-ouvert .cm-menu-mobile { visibility: visible; pointer-events: auto; }
.cm-menu-mobile.en-fermeture { visibility: visible; }
.cm-mm-grille {
position: absolute;
inset: 0;
display: grid;
grid-template-columns: repeat(var(--cm-col, 6), 1fr);
grid-auto-rows: var(--cm-cell, 64px);
overflow: hidden;
}
.cm-mm-grille i {
background: var(--accent, #9D182F);
transform: scale(0);
transition: transform .3s ease;
transition-delay: var(--d, 0ms);
}
.cm-menu-ouvert .cm-mm-grille i { transform: scale(1.03); }
.cm-mm-contenu {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
padding: calc(var(--cm-header-h, 80px) + var(--gap-groupe, 1.5rem)) var(--section-px, 1.5rem) calc(var(--cm-cadre-b, 10px) + var(--gap-groupe, 1.5rem));
padding-left: calc(var(--section-px, 1.5rem) + 10px);
padding-right: calc(var(--section-px, 1.5rem) + 10px);
overflow-y: auto;
color: var(--surface-0-light, #FFFEFC);
}
.cm-mm-liens { list-style: none; margin: 0; padding: 0; }
.cm-mm-liens a {
display: inline-flex;
align-items: center;
gap: .4em;
padding: .12em 0;
font-family: var(--e-global-typography-4b4aecd-font-family, Qualion), sans-serif;
font-weight: 600;
font-size: var(--fs-heading-2, 2.125rem);
line-height: 1.15;
color: var(--surface-0-light, #FFFEFC);
text-decoration: none;
clip-path: inset(0 0 100% 0);
transform: translateY(.4em);
transition: clip-path .5s ease, transform .5s ease;
transition-delay: var(--d, 0ms);
}
.cm-menu-ouvert .cm-mm-liens a { clip-path: inset(-10% -10% -10% -10%); transform: none; }
.cm-mm-liens a:focus-visible { outline: 2px solid var(--surface-0-light, #FFFEFC); outline-offset: 4px; }
.cm-mm-pied {
position: relative;
margin-top: auto;
padding-top: var(--gap-groupe, 2rem);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-2, 1rem);
opacity: 0;
transition: opacity .4s ease;
}
.cm-menu-ouvert .cm-mm-pied { opacity: 1; transition-delay: .55s; } .cm-mm-pied::before {
content: "";
position: absolute;
top: 0;
left: calc(-1 * var(--section-px, 1.5rem));
right: calc(-1 * var(--section-px, 1.5rem));
border-top: 1px solid var(--cm-mm-filet);
}
.cm-mm-contenu > nav { padding-bottom: var(--gap-groupe, 2rem); }
.cm-mm-pied .cm-langues { border-color: rgba(255, 254, 252, .55); }
.cm-mm-pied .cm-langues > a, .cm-mm-pied .cm-langues > span:not(.cm-langues-curseur) { color: var(--surface-0-light, #FFFEFC); }
.cm-mm-pied .cm-langues > .est-active, .cm-mm-pied .cm-langues > a.est-survol { color: var(--accent, #9D182F); }
.cm-mm-pied .cm-langues-curseur { background: var(--surface-0-light, #FFFEFC); }
.cm-mm-contacts a {
display: block;
color: var(--surface-0-light, #FFFEFC);
font-weight: 300;
font-size: var(--fs-body, 1rem);
line-height: 1.7;
text-decoration: underline;
text-decoration-color: rgba(255, 254, 252, .45);
text-underline-offset: .28em;
}
.cm-mm-cta { margin-top: var(--space-1, .5rem); } .cm-mm-cta .btn-1 { display: inline-block;
padding: var(--btn-py) var(--btn-px);
border-radius: 0;
font-family: var(--e-global-typography-591499e-font-family, Qualion), sans-serif;
font-weight: 600;
font-size: var(--fs-button);
line-height: 1.3em;
letter-spacing: .02em;
text-transform: uppercase;
text-decoration: none;
color: var(--surface-0-light, #FFFEFC);
}
.cm-mm-cta .btn-1,
.cm-mm-cta .btn-1:is(:hover, :focus, :active) { background-color: var(--color-black, #1A1A1A); } .cm-mm-cadre {
position: absolute;
top: var(--cm-cadre-h, 80px);
left: var(--cm-cadre-g, 10px);
right: var(--cm-cadre-d, 10px);
bottom: var(--cm-cadre-b, 10px);
border: 1px solid var(--cm-mm-filet);
pointer-events: none;
opacity: 0;
transition: opacity .4s ease;
}
.cm-menu-mobile { --cm-mm-filet: rgba(255, 254, 252, .4); }
.cm-menu-ouvert .cm-mm-cadre { opacity: 1; transition-delay: .35s; }
.cm-menu-ouvert .elementor .e-con.cm-header > .e-con { border-color: rgba(255, 254, 252, .4); } html.cm-menu-ouvert { overflow: hidden; }
.cm-menu-ouvert .elementor .e-con.cm-header { background-color: transparent; }
.cm-menu-ouvert .cm-header-logo img { filter: brightness(0) invert(1); }
@media (prefers-reduced-motion: reduce) {
header[data-elementor-type="header"], .cm-menu-pixel, .cm-langues-curseur, .cm-burger-pixels i,
.cm-mm-grille i, .cm-mm-liens a, .cm-mm-pied, .cm-mm-cadre { transition: none !important; }
} .elementor .e-con.groupe > :is(.elementor-element-overlay, .elementor-shape, .elementor-background-overlay) + :not(.elementor-shape, .elementor-background-overlay, .ui-resizable-handle) {
margin-block-start: 0 !important;
} .elementor .e-con.groupe > * + .elementor-element-edit-mode > .e-button-base {
margin-block-start: var(--gap-groupe, 2rem) !important;
}
.elementor .e-con.groupe > .elementor-element-edit-mode:has(> .e-button-base) + .elementor-element-edit-mode > .e-button-base {
margin-block-start: var(--space-2, 1rem) !important;
}
.elementor .e-con.groupe > :is(.elementor-element-overlay, .elementor-shape, .elementor-background-overlay) + .elementor-element-edit-mode > .e-button-base {
margin-block-start: 0 !important;
}