/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 07 2026 | 07:27:13 */
:root {
  --mw-indigo: #3425ff;
  --mw-orange: #fc7746;
  --mw-orange-bright: #ff5c2d;
  --mw-cream: #fbf9f6;
  --mw-cream-warm: #fcf4ed;
  --mw-white: #fff;
  --mw-surface: #fcfdff;      /* cartes méthodologie */
  --mw-dark: #151515;
  --mw-ink: #2e3537;          /* bouton outline */
  --mw-lav-1: #d8d5ff;
  --mw-periwinkle: rgb(202 201 244 / 1);
  --mw-rose: #ffd9d8;
  --mw-linkedin: #0a66c2;
  --mw-line: #ebebeb;         /* filets de menu */
  --mw-table-odd: #fff6f6;

  --mw-grad-title: linear-gradient(270deg, #f3a562, #f46692 51%, #b3aefd);
  --mw-grad-btn: linear-gradient(310deg, #f3a562, #f46692 51%, #b3aefd);
  --mw-grad-synthese: linear-gradient(to bottom, #b3aefd, #f46692, #f3a562);
  --mw-grad-anim: linear-gradient(90deg, #f4a889, #e77670, #b63565, #5073b8, #1098ad, #6fba82);

  --mw-shadow-card: 0 20px 40px #0000000d;
  --mw-shadow-soft: 0 3px 6px #00000029;
  --mw-shadow-xs: 0 1px 2px #00000029;

  --mw-r-lg: 20px;
  --mw-r-pill: 50px;
  --mw-r-md: 12px;
  --mw-r-sm: 8px;

  --mw-font: poly, sans-serif;
  --mw-font-andes: los-andes, sans-serif;
}

/* =============================================================================
   BASE
   ============================================================================= */
figure { block-size: auto; }
a { color: inherit; text-decoration: none; }
li { font-size: 18px; line-height: 27px; }
.text-vertical { writing-mode: vertical-rl; text-orientation: mixed; }

/* =============================================================================
   TYPOGRAPHIE
   ============================================================================= */
h4, .entry-content h4 { font-size: 1.4em; }
h2 > em + p { margin: 0 !important; padding: 0 !important; }

.entry-content h1 { font-size: clamp(2.5rem, 0.677rem + 7.78vw, 5.5rem) !important; line-height: 1.02 !important; margin-block-end: 45px !important; }
.single-clients-realisations h1 { text-align: start; padding-block-start: 0; }

.post-template-default p + .entry-content h3,
.post-template-default p + h3,
p + .entry-content h4,
p + h4,
.single-clients-realisations p + h3 { margin-block-start: 4rem !important; }

.post-template-default p + .entry-content h2,
.post-template-default p + h2,
.single-clients-realisations p + h2 { margin-block-start: 8rem !important; }

.single-post ul + h3,
ul + p { margin-block-start: 4rem !important; }

/* =============================================================================
   MENU
   ============================================================================= */
.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu.sub-menu > .menu-item .sub-menu .menu-item { min-block-size: 120px; }
.ast-desktop .main-header-menu .astra-megamenu-li .sub-menu .menu-item-heading .menu-text { vertical-align: unset; }

.ast-mm-custom-content {
  padding-inline-start: 80px !important; margin-block-start: -20px;
  font-size: 14px; line-height: 19px; font-family: var(--mw-font-andes);
}
#primary-site-navigation-desktop .menu-text { font-size: 16px; line-height: 18px !important; }
.savoir-faire > .ast-disable-link > .menu-text,
.agence > .ast-disable-link > .menu-text { font-size: 32px !important; min-block-size: 40px; }
.astra-megamenu .ast-custom-button {
  font-size: 18px; border: 2px solid var(--mw-lav-1); background-color: var(--mw-white);
  color: #323232; margin: 20px 0 0 50px; text-align: center;
}
.sub-menu li:not(.menu-item-heading) span.menu-text { inline-size: 250px !important; display: inline-block; }
.align-bottom { position: absolute; inset-block-end: 0; }

/* =============================================================================
   NEWS / LISTE D'ARTICLES
   ============================================================================= */
.list-post .sticky-post {
  display: flex; align-items: center; margin-block-end: 9rem;
  border-radius: var(--mw-r-lg); overflow: hidden;
  background: var(--mw-dark) url("https://www.magneticway.com/wp-content/uploads/2023/11/forme-fond-cta.svg") no-repeat;
  background-position: bottom -10% left 98%; background-size: 80% !important;
}
.list-post .sticky-post h2 { line-height: 1.1; }
.list-same-cat { background-color: var(--mw-cream); }

.single-post p + ul,
.entry-content p + ul,
.single-post p + ol,
.main p + ul,
.single-clients-realisations #main p + ul { margin-block-start: 1.5rem !important; }
.single-post #content ul,
.page #main ul,
.single-clients-realisations #main ul { margin-block-end: 1.5rem; list-style-type: disc; }
.single-post ol,
.page #main ol { margin-block-end: 1.5rem !important; list-style-type: space-counter; }
.single-post .entry-content li + li,
.page #main li + li,
.single-post ol li + ol li,
.single-clients-realisations #main ol li + ol li,
.single-clients-realisations #main li + li { margin-block-start: 1rem !important; }
.single .content .ast-oembed-container { margin-block: 4rem; }

/* =============================================================================
   BOUTONS & LIENS
   ============================================================================= */
.wp-block-button .wp-block-button__link,
.mauticform-button-wrapper .mauticform-button.btn-default,
.wpcf7-submit {
  background: var(--mw-indigo) !important; padding: 20px 30px !important;
  border-radius: var(--mw-r-pill) !important; color: var(--mw-white) !important;
  font-size: 18px !important; font-weight: bold !important;
}

.btn-contour,
.is-style-outline .wp-block-button__link { background: transparent !important; border-color: var(--mw-indigo) !important; }
.is-style-outline .wp-block-button__link {
  background: var(--mw-ink); padding: 0.75em 1.5em; border: 3px solid #e77670; color: var(--mw-white);
  text-transform: uppercase; letter-spacing: 3px; font-weight: 600; border-radius: 5px;
  cursor: pointer; position: relative; transition: 0.5s;
}
.is-style-outline .wp-block-button__link:hover { border-color: transparent; letter-spacing: 5px; }
.is-style-outline .wp-block-button__link:hover::after {
  content: ""; position: absolute; background: var(--mw-grad-anim);
  block-size: calc(100% + 3px * 4); inline-size: calc(100% + 3px * 4);
  inset-block-start: calc(-3px * 2); inset-inline-start: calc(-3px * 2);
  z-index: -1; border-radius: 5px; background-size: 200%;
  animation: animate 1s ease infinite alternate;
}
@keyframes animate {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

/* Bouton témoignage (fusion des 2 occurrences : transparent + couleur priment) */
.section-temoignage .wp-block-button .wp-block-button__link,
.section-temoignage-simple .wp-block-button .wp-block-button__link {
  background: transparent !important; border: 2px solid var(--mw-indigo); color: #000 !important;
}

/* Liens */
.dark p a,
.before-dark p a { color: var(--mw-white) !important; text-decoration: none; }
.ast-container p a,
figcaption a,
ul.wp-block-list > li > a,
ul.wp-block-list > li > strong a {
  background:
    linear-gradient(to right, var(--mw-periwinkle), var(--mw-periwinkle)),
    linear-gradient(to right, var(--mw-periwinkle), rgb(242 102 146 / 1), rgb(243 165 98 / 1));
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
p a:hover,
figcaption a:hover,
ul.wp-block-list > li > strong a:hover { background-size: 0 3px, 100% 3px; }
.wp-block-column:first-child p a { text-decoration: underline; }
.wp-block-column:first-child p a:hover { color: #000; }

.progress-bar { background: var(--mw-grad-title) 0 0 no-repeat padding-box !important; }
.degrade {
  background: var(--mw-grad-title) 0 0 no-repeat padding-box;
  background-clip: padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =============================================================================
   ATOMES
   ============================================================================= */
.surtitre, .mw-kicker {
  background: var(--mw-cream-warm); display: inline-block; padding: 5px 15px;
  border-radius: var(--mw-r-pill); color: var(--mw-orange); font-size: 20px;
}
.entry-content p.surtitre, .entry-content p.mw-kicker { margin-block-end: 0; }

.citation-header blockquote,
.citation-header { border-inline-start: 0; padding: 0; }
.citation-header blockquote p { font-size: 24px; line-height: 32px; padding: 0; }
.citation-header blockquote::before { content: none; }

.menu-methodologie span {
  color: var(--mw-orange); border: 1px solid var(--mw-orange);
  font-size: 20px; padding: 5px 20px; border-radius: var(--mw-r-pill);
}
.menu-methodologie a { text-decoration: none !important; }

.numero-facteurs-cles { font-size: 200px !important; }

.uagb-ifb-title-prefix {
  background: var(--mw-lav-1); display: inline-block !important; border-radius: var(--mw-r-pill);
  padding: 2px 10px !important; margin-block: 20px !important; color: #000; font-size: 14px;
}
.nuage-tag li {
  display: inline-block; background-color: var(--mw-lav-1); padding-inline: 10px;
  font-size: 0.9em; color: #000; border-radius: var(--mw-r-pill);
}

/* =============================================================================
   MÉTHODOLOGIE
   ============================================================================= */
.bloc-methodologie {
  background: var(--mw-surface) 0 0 no-repeat padding-box; box-shadow: var(--mw-shadow-card);
  border-radius: var(--mw-r-lg); padding: 40px !important;
}
.bloc-methodologie h3,
.single-clients-realisations h3 { font-size: 40px; padding-block-end: 20px; line-height: 45px; }

/* =============================================================================
   TÉMOIGNAGES & CAS CLIENT
   ============================================================================= */
.slider-temoignage {
  background: transparent url("https://www.magneticway.com/wp-content/uploads/2023/11/fond-temoignage.svg") 50% 50% no-repeat padding-box;
  background-size: contain; margin-block-end: 0 !important;
}
.slider-temoignage .uagb-tm__content {
  background: var(--mw-white); padding: 40px 100px 40px 30px !important; text-align: start;
  box-shadow: var(--mw-shadow-soft); border-radius: var(--mw-r-md);
}
.slider-temoignage .uagb-tm__content .uagb-tm__desc { font-size: 24px; line-height: 32px; }
.slider-temoignage .uagb-tm__author-name,
.citation-cas-client .uagb-tm__author-name,
.citation-cas-client-blanc .uagb-tm__author-name,
.citation-cas-client-bord-rose .uagb-tm__author-name,
.citation-cas-client-bord-orange .uagb-tm__author-name { font-family: var(--mw-font); font-size: 20px; line-height: 24px; }
.slider-temoignage .uagb-testimonial__wrap { padding: 50px !important; }
.section-temoignage-simple .slider-temoignage .uagb-testimonial__wrap { padding-block-start: 0 !important; }
.section-temoignage-simple .slider-temoignage .uagb-tm__meta-inner { display: none; }
.slider-temoignage .uagb-tm__company,
.citation-cas-client .uagb-tm__company,
.citation-cas-client-blanc .uagb-tm__company { font-size: 14px; }

.img-cas-client,
.wp-block-uagb-image-gallery { margin-block: 60px; }

.citation-cas-client-bord-rose .uagb-tm__content { background: var(--mw-rose); padding: 15px; border-radius: var(--mw-r-md); }
.citation-cas-client-bord-orange .uagb-tm__content { background: rgb(252 119 70 / 0.2); padding: 15px; border-radius: var(--mw-r-md); }
.citation-cas-client-bord-rose .uagb-tm__text-wrap,
.citation-cas-client-bord-orange .uagb-tm__text-wrap {
  background: var(--mw-white); padding: 40px 40px 40px 30px; text-align: start;
  box-shadow: var(--mw-shadow-xs); border-radius: var(--mw-r-sm); line-height: 27px;
}
.citation-cas-client-bord-rose .uagb-tm__text-wrap .uagb-tm__desc,
.citation-cas-client-bord-orange .uagb-tm__text-wrap .uagb-tm__desc { line-height: 27px; }
.citation-cas-client-blanc { background: var(--mw-white); }
.citation-cas-client-blanc .uagb-tm__content {
  padding: 40px 40px 40px 30px; text-align: start; box-shadow: var(--mw-shadow-soft);
  border-radius: var(--mw-r-md); background: var(--mw-white) 0 0 no-repeat padding-box;
}
.citation-cas-client .uagb-tm__content,
.temoignage-cas-client .uagb-ifb-content {
  padding: 40px 40px 40px 30px; text-align: start; box-shadow: var(--mw-shadow-soft);
  border-radius: var(--mw-r-md); background: #000 0 0 no-repeat padding-box;
}
.temoignage-cas-client .uagb-ifb-content .wp-block-button__link { color: var(--mw-white) !important; background: var(--mw-indigo) !important; }
.citation-cas-client .uagb-tm__desc,
.temoignage-cas-client .uagb-ifb-content,
.temoignage-cas-client .uagb-ifb-content h4 { color: var(--mw-white); }
.single-clients-realisations .citation-cas-client .uagb-tm__desc,
.single-clients-realisations .citation-cas-client .uagb-tm__author-name { color: var(--mw-white); }
.single-clients-realisations .citation-cas-client .uagb-tm__text-wrap { padding: 30px; }

/* =============================================================================
   CTA & VUE D'ENSEMBLE
   ============================================================================= */
.dark p, .dark h2, .dark h3,
.dark .wp-block-button .wp-block-button__link,
.before-dark p, .before-dark h2 { color: var(--mw-white) !important; }

.cta-middle { background: var(--mw-dark); color: var(--mw-white); border-radius: var(--mw-r-lg); padding: 40px !important; }
.cta-middle h3 { color: var(--mw-white); }

.cta-carre-orange {
  box-shadow: var(--mw-shadow-card); border-radius: var(--mw-r-lg); padding: 60px 20px !important; color: var(--mw-white);
  background: var(--mw-orange-bright) url("https://www.magneticway.com/wp-content/uploads/2023/11/forme-orange.svg") 50% 50% no-repeat padding-box;
  background-size: 80%;
}
.cta-carre-orange h2 { font-size: 38px; color: var(--mw-white); line-height: 43px; }
.cta-carre-orange .uagb-cta__buttons .wp-block-button__link { background: var(--mw-white) !important; border: 0 !important; color: #000 !important; }

#section-webmecanik { background-position: bottom 0% left -50px !important; }
.fond-vue-ensemble {
  background: transparent url("https://www.magneticway.com/wp-content/uploads/2023/11/lien-orange.svg") no-repeat padding-box;
  background-size: 90%; background-position: top 32% left -50px;
}
.btn-footer {
  background: transparent url("https://www.magneticway.com/wp-content/uploads/2023/11/forme-fond-cta.svg") 50% 50% no-repeat padding-box;
  background-size: contain; padding-block-start: 80px; padding-block-end: 90px;
}

/* =============================================================================
   COMPTEURS
   ============================================================================= */
.dark .uagb-counter-block-number,
.dark .uagb-counter-block-suffix,
.dark .wp-block-uagb-counter__title,
.dark .wp-block-uagb-counter__number .uagb-counter-block-prefix { color: var(--mw-white) !important; font-family: var(--mw-font); }
.uagb-counter-block-number,
.uagb-counter-block-suffix,
.wp-block-uagb-counter__title { font-family: var(--mw-font); }
.dark .wp-block-uagb-counter__title,
.wp-block-uagb-counter__title { color: var(--mw-orange) !important; margin-block-start: 0; margin-block-end: 17px; font-size: 24px; }

/* =============================================================================
   3 COLONNES / ÉQUIPE / DIVERS
   ============================================================================= */
.section-3col img { inline-size: 160px; block-size: 160px; margin-block-end: 1.6em !important; }
.section-3col h3 { font-size: 24px !important; text-align: center; padding-block-end: 12px !important; }
.col-center { text-align: center; }
.col-center .uagb-cta__buttons .wp-block-button__link { text-align: center; margin: 0 auto; padding: 0 auto; }

h3.uagb-team__title { margin-block-start: 10px !important; }
.header-test { padding-block-start: 0 !important; }
.wp-block-media-text__content { padding-block-end: 90px !important; }
.ast-plain-container.ast-no-sidebar .entry-content > .dark-ss-marge { padding-block: 0 !important; block-size: 500vh; }
.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-84ffa9bb > .uagb-container-inner-blocks-wrap { --inner-content-custom-width: min(100%, 1360px); }

/* =============================================================================
   FOOTER
   ============================================================================= */
.ast-custom-footer .wp-block-navigation li,
.ast-custom-footer .wp-block-latest-posts.wp-block-latest-posts__list li { line-height: 20px !important; }
.ast-custom-footer .wp-block-latest-posts > li > *,
.ast-custom-footer .wp-block-latest-posts:not(.is-grid) > li { margin-block-end: 15px !important; }
.ast-custom-footer .wp-block-navigation-item__content:hover { color: var(--mw-white); }
.ast-custom-footer p { font-size: 15px; line-height: 1.3em; font-family: var(--mw-font); }
.titre-footer { block-size: 70px; margin-block-end: 20px; }
p.titre-footer,
.ast-custom-footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
.ast-custom-footer .wp-block-latest-posts.wp-block-latest-posts__list li { font-size: 16px; font-family: var(--mw-font); }
.ast-custom-footer .wp-block-latest-posts.wp-block-latest-posts__list li { line-height: 1.3em; }
.ast-custom-footer .wp-block-latest-posts.wp-block-latest-posts__list li a BR { display: none; }

/* =============================================================================
   FORMULAIRES
   ============================================================================= */
input[type="email"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
select.mauticform-selectbox,
textarea {
  background: var(--mw-white) 0 0 no-repeat padding-box !important; border: 1px solid #d2d2d2;
  border-radius: var(--mw-r-sm) !important; font-size: 14px; font-family: var(--mw-font-andes);
}
select.mauticform-selectbox { min-block-size: 50px; }
.mauticform-checkboxgrp-label,
.wpcf7-list-item-label { font-size: 14px; line-height: 15px !important; }
.wpcf7-form label { font-size: 0.9em; }

/* =============================================================================
   FAQ
   ============================================================================= */
.uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions,
.uagb-faq-item { border-inline: 0 !important; border-block-end: 0 !important; padding: 0; margin-block-end: 0 !important; }
.uagb-question {
  margin-block: 20px !important; font-family: var(--mw-font) !important;
  color: var(--ast-global-color-2); font-size: 22px;
}
.uagb-faq-content { margin-block-end: 20px !important; }
.uagb-faq-content a { padding-block-start: 20px !important; }
.uagb-faq-item:first-of-type { border-block-start: 0 !important; }
.single-post .wp-block-uagb-faq { margin-block-end: 25px; }

/* =============================================================================
   LOGOS DE CITATIONS (clients)
   ============================================================================= */
#bloc-citation-inside .uagb-tm__company::before,
#bloc-citation-parthena .uagb-tm__company::before,
#bloc-citation-rudder .uagb-tm__company::before,
#bloc-citation-humanperf .uagb-tm__company::before,
#bloc-citation-elevenlabs .uagb-tm__company::before { content: ""; inline-size: 90px; block-size: 30px; display: block; }
#bloc-citation-inside .uagb-tm__company::before { background: url("https://www.magneticway.com/wp-content/uploads/2023/12/logo-inside-1.svg") no-repeat; background-size: contain; }
#bloc-citation-parthena .uagb-tm__company::before { background: url("https://www.magneticway.com/wp-content/uploads/2023/12/logo-parthena-consultant.svg") no-repeat; background-size: contain; }
#bloc-citation-rudder .uagb-tm__company::before { background: url("https://www.magneticway.com/wp-content/uploads/2024/09/Logo-Rudder.png") no-repeat; background-size: contain; }
#bloc-citation-humanperf .uagb-tm__company::before { background: url("https://www.magneticway.com/wp-content/uploads/2023/12/logo-humanperf-1.svg") no-repeat; background-size: contain; margin-block-end: 10px; }
#bloc-citation-elevenlabs .uagb-tm__company::before { background: url("https://www.magneticway.com/wp-content/uploads/2024/10/elevenlabs_logo-bleu.svg") no-repeat; background-size: contain; margin-block-end: 10px; }
#bloc-citation-tvh .uagb-tm__company::before {
  content: ""; inline-size: 50px; block-size: 50px; display: block;
  background: url("https://www.magneticway.com/wp-content/uploads/2023/12/logo-tvh-consulting.svg") no-repeat;
  background-size: contain; margin-block-end: 10px;
}

/* =============================================================================
   SCROLL GSAP (pages spécifiques)
   ============================================================================= */
.page-id-7654 .content { block-size: 100%; display: flex; inline-size: 100vw; justify-content: flex-start; }
.page-id-7654 .wrapper { position: relative; inline-size: 50%; }
.page-id-7654 .text-content { inline-size: 20vw; }
.page-id-7654 .text-content p { font-size: 2rem; margin-block-end: 500px; }
.page-id-7654 .container {
  display: flex; position: absolute; justify-content: space-around; align-items: flex-start;
  border: 2px dashed rgba(114, 186, 94, 0.35); block-size: 100%; inline-size: 50vw; background: rgba(114, 186, 94, 0.05);
}
.page-id-7654 .item { position: sticky; inset-block-start: 1rem; inline-size: 500px; block-size: 400px; background-size: cover; }
.page-id-7654 .content-container,
.page-id-5747 .content-container,
.page-id-5575 .content-container { display: flex; }
.page-id-7654 .content-container > *,
.page-id-5747 .content-container > *,
.page-id-5575 .content-container > * { inline-size: 50%; }
.page-id-7654 .right-content,
.page-id-5747 .right-content,
.page-id-5575 .right-content { padding-inline-end: 15px; }
.page-id-7654 .left-content,
.page-id-5747 .left-content,
.page-id-5575 .left-content { block-size: 90vh; position: relative; }
.page-id-7654 .left-content > *,
.page-id-5747 .left-content > *,
.page-id-5575 .left-content > * { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; opacity: 0; visibility: hidden; }
.right-content h3 { padding-block-start: 200px; }
.last-p { padding-block-end: 300px !important; }
@media (width <= 800px) {
  .left-content { display: none; }
  .right-content { padding-inline-start: 15px; }
}

/* =============================================================================
   ANIMATION — ICÔNES FLOTTANTES (témoignages)
   Bloc décoratif conservé quasi verbatim ; seuls les préfixes -webkit-/-ms-
   redondants ont été retirés (la propriété standard était déjà présente).
   ============================================================================= */
.icons { display: inline-block; height: 100%; max-width: 500px; position: relative; vertical-align: top; }
.icon-container {
  align-items: center;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-name: floating;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  background-color: var(--mw-white);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 5px 40px 0 rgba(23, 28, 33, 0.13), 0 20px 13px 0 rgba(23, 28, 33, 0.05);
  display: flex;
  justify-content: center;
  opacity: 1;
  transition: margin 1s cubic-bezier(0.2, 0.6, 0.3, 1), opacity 2s ease;
  animation-duration: 4s;
  height: 144px;
  margin-left: 76px;
  margin-top: -25px;
  position: absolute;
  width: 144px;
}
@keyframes floating {
  0% { transform: translateY(8px) rotate3d(0, 0, 1, 3deg); }
  100% { transform: translateY(-8px) rotate3d(0, 0, 1, 0deg); }
}
.logo-temoignage { width: 100px; height: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.smarthys   { animation-duration: 4s; height: 95px;  margin-left: 76px;  margin-top: 20px;  position: absolute; width: 95px; }
.bitbucket  { animation-delay: -2.2s; animation-duration: 4s; height: 61px;  margin-left: 225px; margin-top: 89px;  position: absolute; transition-delay: 0.2s; width: 61px; }
.ownbackup  { animation-delay: -2.9s; animation-duration: 4s; height: 75px;  margin-left: 108px; margin-top: 157px; position: absolute; transition-delay: 0.6s; width: 75px; }
.blueway    { animation-delay: -1.8s; animation-duration: 4s; height: 100px; margin-left: 76px;  margin-top: 20px;  position: absolute; transition-delay: 0.1s; width: 100px; }
.anakeen    { animation-delay: -2.9s; animation-duration: 4s; height: 80px;  margin-left: -58px; margin-top: 115px; position: absolute; transition-delay: 0.6s; width: 80px; }
.projexion  { animation-delay: -2.2s; animation-duration: 4s; height: 75px;  margin-left: 36px;  margin-top: 159px; position: absolute; transition-delay: 0.2s; width: 75px; }
.facebook:not(.ayudawp-share-btn) { animation-delay: -2.2s; animation-duration: 4s; height: 40px; margin-left: 41px; margin-top: 242px; position: absolute; transition-delay: 0.2s; width: 40px; }
.humanperf  { animation-delay: -2.2s; animation-duration: 4s; height: 90px;  margin-left: 131px; margin-top: 362px; position: absolute; transition-delay: 0.2s; width: 90px; }
.neos       { animation-delay: -2.2s; animation-duration: 4s; height: 100px; margin-left: 131px; margin-top: 150px; position: absolute; transition-delay: 0.2s; width: 100px; }
.inside     { animation-delay: -2.2s; animation-duration: 4s; height: 90px;  margin-left: 80px;  margin-top: 385px; position: absolute; transition-delay: 0.2s; width: 90px; }
.autre      { animation-delay: -2.2s; animation-duration: 4s; height: 30px;  margin-left: 207px; margin-top: 25px;  position: absolute; transition-delay: 0.2s; width: 30px; }
.parthena   { animation-delay: -2.2s; animation-duration: 4s; height: 75px;  margin-left: 207px; margin-top: 125px; position: absolute; transition-delay: 0.2s; width: 75px; }
.tvh        { animation-delay: -2.2s; animation-duration: 4s; height: 100px; margin-left: 195px; margin-top: 250px; position: absolute; transition-delay: 0.2s; width: 100px; }


/* =============================================================================
   ===============  COMPLÉMENTS ISSUS DU SNIPPET 18268  =========================
   Fusionnés ici après vérification : aucune redondance avec le 18259 hormis
   .ast-mm-custom-content (fusionné plus haut). Bloc responsive dédupliqué en
   fin de fichier (base 991 + deltas 767/479), et l'accolade manquante de la
   media query 767 (bug de la source) corrigée.
   ============================================================================= */

/* =============================================================================
   MENU (compléments)
   ============================================================================= */
/* Correctif menu (MAJ 04/26) */
.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar #ast-hf-menu-1.main-header-menu > .menu-item { line-height: unset; }

.menu-item-solutions .sub-menu { min-inline-size: 350px; padding: 10px 20px; border: 1px solid var(--mw-line); }
.menu-item-solutions .sub-menu .menu-item { padding: 20px 10px; border-block-end: 1px solid var(--mw-line); }
.menu-item-solutions .sub-menu .menu-item:last-child { border-block-end: none; }
.menu-item-hubspot,
.menu-item-webmecanik { padding-inline-start: 60px !important; }
.menu-item-hubspot::before,
.menu-item-webmecanik::before {
  content: ""; inline-size: 50px; block-size: 50px; position: absolute;
  background-repeat: no-repeat; background-size: contain; inset-inline-start: 0;
}
.menu-item-hubspot::before { background-image: url(/wp-content/uploads/2025/05/ic-hubspot.svg); }
.menu-item-webmecanik::before { background-image: url(/wp-content/uploads/2025/05/ic-webmecanik.svg); }

#masthead .site-logo-img .sticky-custom-logo .astra-logo-svg,
.site-logo-img .sticky-custom-logo .astra-logo-svg,
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img .astra-logo-svg { inline-size: 45px !important; }

#menu-item-5858 .menu-text,
#menu-item-11997 .menu-text,
#menu-item-13153 .menu-text { inline-size: 100% !important; text-align: center; }
#menu-item-5858 .ast-custom-button,
#menu-item-11997 .ast-custom-button,
#menu-item-13153 .ast-custom-button {
  display: inline-flex; background: var(--mw-linkedin) !important; color: var(--mw-white);
  margin: 1.5em auto 0; border: none; font-size: 0.825em; transition: all ease 0.3s;
}
#menu-item-5858 .ast-custom-button:hover,
#menu-item-11997 .ast-custom-button:hover,
#menu-item-13153 .ast-custom-button:hover { transition: all ease 0.3s; transform: scale(1.1); }
.sub-menu span.ast-icon.icon-arrow { display: none !important; }
.ast-builder-menu-1 .main-header-menu .sub-menu .menu-item .ast-disable-link:hover { color: black !important; }

/* =============================================================================
   EN-TÊTES / HERO (compléments)
   ============================================================================= */
.entry-content > .wp-block-group { padding: 0; }
.ast-plain-container.ast-no-sidebar .entry-content > .alignfull { padding-block-end: 90px; padding-block-start: 90px !important; }
.sharebox { display: inline-flex; }

.wp-block-uagb-container.header-home-alt { position: relative; overflow: hidden; }
.wp-block-uagb-container.header-home-alt .colonne2 {
  position: absolute; inset-block-end: 70%; inset-inline-end: 0;
  margin: 0 !important; padding: 0 !important; block-size: auto; inline-size: 60%; z-index: 2;
}
.wp-block-uagb-container.header-home-alt .image-header,
.wp-block-uagb-container.header-home-alt .image-header img {
  display: block; margin: 0 !important; inline-size: 100% !important; block-size: auto !important; vertical-align: bottom;
}
@media (width >= 922px) {
  .wp-block-uagb-container.header-home-alt .colonne1 { flex-basis: 65% !important; }
}
.max70 { max-inline-size: 70%; }
.colonne1 { order: 1; }
.colonne2 { order: 2; }

/* =============================================================================
   TYPOGRAPHIE (compléments)
   ============================================================================= */
html { text-wrap: balance; }
/* Correctif rendu dégradé Chrome */
.entry-content .h2 strong,
.entry-content h2 strong { display: inline-block; }
.page-template-default h3 { font-size: clamp(1.5rem, 0.892rem + 2.59vw, 3.5rem); letter-spacing: -1px !important; line-height: 1.125 !important; }
.page #main h2::first-line { font-size: clamp(1.875rem, 8.75vw - 0.176rem, 5.25rem) !important; }
.page #main h2 { font-size: clamp(1.875rem, 0.584rem + 5.51vw, 4rem) !important; line-height: 1.28em !important !important; margin-block-end: 2.75rem; }
p sup { font-size: 0.75em; }
.wp-block-heading sup { font-size: 0.6em; }
code { font-size: 0.9em; color: dimgray; }
.zindex90 { z-index: 90; }
.uagb-team__social-icon { list-style: none; }

/* =============================================================================
   BOUTONS (compléments) — survol dégradé info-box / btn-bleu
   ============================================================================= */
.uagb-ifb-button-wrapper.wp-block-button a,
.wp-block-button.btn-bleu a { transition: all ease 0.5s; }
.uagb-ifb-button-wrapper.wp-block-button a:hover,
.wp-block-button.btn-bleu a:hover { transition: all ease 0.3s; background: var(--mw-grad-btn) !important; }

/* =============================================================================
   ATOMES (compléments)
   ============================================================================= */
p.infobox {
  padding: 30px; background: var(--mw-lav-1); corner-shape: squircle;
  border-radius: var(--mw-r-pill); text-wrap: auto; margin-block-end: 50px;
}

/* =============================================================================
   ARTICLE (single-post) — mise en page, partage IA, sommaire, auteurs
   ============================================================================= */
.single-post { scroll-margin-block-start: 150px; }
.single-post.ast-separate-container.ast-left-sidebar #primary,
.single-post.ast-separate-container.ast-left-sidebar #secondary { margin-block-start: 4rem; }
.single-post.ast-separate-container.ast-left-sidebar #secondary { margin-block-end: 11rem; }
.single-post.ast-separate-container.ast-left-sidebar #secondary .ayudawp-share-buttons { margin: 0 0 40px 0; padding: 0; }
.single-post.ast-separate-container.ast-left-sidebar #secondary .ayudawp-share-buttons.minimal .ayudawp-share-btn,
.single-post.ast-separate-container.ast-left-sidebar #secondary .ayudawp-share-buttons .ayudawp-share-btn {
  inline-size: 48%; background: rgb(53 38 255 / 0.05) !important; border: none; border-radius: var(--mw-r-pill);
}
.single-post.ast-separate-container.ast-left-sidebar #secondary .ayudawp-share-buttons.minimal .ayudawp-share-btn:hover,
.single-post.ast-separate-container.ast-left-sidebar #secondary .ayudawp-share-buttons .ayudawp-share-btn:hover,
.single-post .shortcode-buttons .ayudawp-share-btn:hover { background: var(--mw-lav-1) !important; }
.single-post .shortcode-buttons .ayudawp-share-btn { background: rgb(53 38 255 / 0.05) !important; border: none; border-radius: var(--mw-r-pill); }
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn::before {
  content: ''; inline-size: 18px; block-size: 18px;
  background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important;
}
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn.claude.ai::before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS44LjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAzKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICMxZDFkMWI7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjUxOCwxOS4yNjRsLS40NjMtLjM1Mi0uMjU5LS41NzQuMjU5LTEuMTQ5LjI5Ni0xLjQ4Mi4yNDEtMS4xODYuMjIyLTEuNDY0LjEzLS40ODItLjAxOS0uMDM3LS4wOTMuMDE5LTEuMTEyLDEuNTE5LTEuNjg2LDIuMjc5LTEuMzM0LDEuNDA4LS4zMTUuMTMtLjU1Ni0uMjc4LjA1Ni0uNTE5LjMxNS0uNDQ1LDEuODM0LTIuMzUzLDEuMTEyLTEuNDY0LjcyMy0uODM0LS4wMTktLjExMWgtLjAzN2wtNC44OTEsMy4xODctLjg3MS4xMTEtLjM4OS0uMzUyLjA1Ni0uNTc0LjE4NS0uMTg1LDEuNDY0LTEuMDE5LDMuNjUtMi4wMzguMDU2LS4xODUtLjA1Ni0uMDkzaC0uMTg1bC0uNjExLS4wMzctMi4wNzUtLjA1Ni0xLjc5Ny0uMDc0LTEuNzYtLjA5My0uNDQ1LS4wOTMtLjQwOC0uNTU2LjAzNy0uMjc4LjM3MS0uMjQxLjUzNy4wMzcsMS4xNjcuMDkzLDEuNzYuMTExLDEuMjc4LjA3NCwxLjg5LjIwNGguMjk2bC4wMzctLjEzLS4wOTMtLjA3NC0uMDc0LS4wNzQtMS44MzQtMS4yMjMtMS45NjQtMS4yOTctMS4wMzgtLjc2LS41NTYtLjM4OS0uMjc4LS4zNTItLjExMS0uNzc4LjUtLjU1Ni42ODYuMDU2LjE2Ny4wMzcuNjg2LjUzNywxLjQ2NCwxLjEzLDEuOTI3LDEuNDI3LjI3OC4yMjIuMTMtLjA3NHYtLjA1NmwtLjEzLS4yMDQtMS4wMzgtMS44OS0xLjExMi0xLjkyNy0uNS0uNzk3LS4xMy0uNDgyYy0uMDQ5LS4xNjctLjA3NC0uMzUyLS4wNzQtLjU1NmwuNTc0LS43NzguMzE1LS4xMTEuNzc4LjExMS4zMTUuMjc4LjQ4MiwxLjA5My43NiwxLjcyMywxLjIwNCwyLjMzNC4zNTIuNzA0LjE4NS42My4wNzQuMjA0aC4xM3YtLjExMWwuMDkzLTEuMzM0LjE4NS0xLjYxMi4xODUtMi4wNzUuMDU2LS41OTMuMjk2LS43MDQuNTc0LS4zNzEuNDQ1LjIwNC4zNzEuNTM3LS4wNTYuMzMzLS4yMDQsMS40MjctLjQ0NSwyLjI0Mi0uMjc4LDEuNTE5aC4xNjdsLjE4NS0uMjA0Ljc2LTEsMS4yNzgtMS41OTMuNTU2LS42My42NjctLjcwNC40MjYtLjMzM2guNzk3bC41NzQuODcxLS4yNTkuOTA4LS44MTUsMS4wMzgtLjY4Ni44NzEtLjk4MiwxLjMxNS0uNTkzLDEuMDU2LjA1Ni4wNzRoLjEzbDIuMjA1LS40ODIsMS4yMDQtLjIwNCwxLjQwOC0uMjQxLjY0OC4yOTYuMDc0LjI5Ni0uMjU5LjYzLTEuNTE5LjM3MS0xLjc3OS4zNTItMi42NDkuNjMtLjAzNy4wMTkuMDM3LjA1NiwxLjE4Ni4xMTEuNTE5LjAzN2gxLjI2bDIuMzM0LjE2Ny42MTEuNDA4LjM1Mi40ODItLjA1Ni4zODktLjk0NS40NjMtMS4yNi0uMjk2LTIuOTY0LS43MDQtMS0uMjQxaC0uMTQ4di4wNzRsLjg1Mi44MzQsMS41MzgsMS4zOSwxLjk0NSwxLjc5Ny4wOTMuNDQ1LS4yNDEuMzcxLS4yNTktLjAzNy0xLjcwNS0xLjI5Ny0uNjY3LS41NzQtMS40ODItMS4yNDFoLS4wOTN2LjEzbC4zMzMuNSwxLjgxNiwyLjcyNC4wOTMuODM0LS4xMy4yNTktLjQ4Mi4xNjctLjUtLjA5My0xLjA3NS0xLjQ4Mi0xLjA5My0xLjY4Ni0uODg5LTEuNTAxLS4wOTMuMDc0LS41MzcsNS41OTUtLjI0MS4yNzgtLjU1Ni4yMjJaIiBzaGFwZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIvPgo8L3N2Zz4=); }
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn.chatgpt.ai::before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9Imljb24tbGcgLW0tMSBncm91cC1ob3ZlcjpoaWRkZW4iPjxwYXRoIGQ9Ik0xMS4yNDc1IDE4LjI1QzEwLjY5NzUgMTguMjUgMTAuMTc1IDE4LjE0NTUgOS42Nzk5OSAxNy45MzY1QzkuMTg0OTkgMTcuNzI3NSA4Ljc0NDk5IDE3LjQzNiA4LjM1OTk5IDE3LjA2MkM3Ljk0MTk5IDE3LjIwNSA3LjUwNzQ5IDE3LjI3NjUgNy4wNTY0OSAxNy4yNzY1QzYuMzE5NDkgMTcuMjc2NSA1LjYzNzQ5IDE3LjA5NSA1LjAxMDQ5IDE2LjczMkM0LjM4MzQ5IDE2LjM2OSAzLjg3NzQ5IDE1Ljg3NCAzLjQ5MjQ5IDE1LjI0N0MzLjExODQ5IDE0LjYyIDIuOTMxNDkgMTMuOTIxNSAyLjkzMTQ5IDEzLjE1MTVDMi45MzE0OSAxMi44MzI1IDIuOTc1NDkgMTIuNDg2IDMuMDYzNDkgMTIuMTEyQzIuNjIzNDkgMTEuNzA1IDIuMjgyNDkgMTEuMjM3NSAyLjA0MDQ5IDEwLjcwOTVDMS43OTg0OSAxMC4xNzA1IDEuNjc3NDkgOS42MDk1IDEuNjc3NDkgOS4wMjY1QzEuNjc3NDkgOC40MzI1IDEuODAzOTkgNy44NjA1IDIuMDU2OTkgNy4zMTA1QzIuMzA5OTkgNi43NjA1IDIuNjYxOTkgNi4yODc1IDMuMTEyOTkgNS44OTE1QzMuNTc0OTkgNS40ODQ1IDQuMTA4NDkgNS4yMDQgNC43MTM0OSA1LjA1QzQuODM0NDkgNC40MjMgNS4wODc0OSAzLjg2MiA1LjQ3MjQ5IDMuMzY3QzUuODY4NDkgMi44NjEgNi4zNTI0OSAyLjQ2NSA2LjkyNDQ5IDIuMTc5QzcuNDk2NDkgMS44OTMgOC4xMDY5OSAxLjc1IDguNzU1OTkgMS43NUM5LjMwNTk5IDEuNzUgOS44Mjg0OSAxLjg1NDUgMTAuMzIzNSAyLjA2MzVDMTAuODE4NSAyLjI3MjUgMTEuMjU4NSAyLjU2NCAxMS42NDM1IDIuOTM4QzEyLjA2MTUgMi43OTUgMTIuNDk2IDIuNzIzNSAxMi45NDcgMi43MjM1QzEzLjY4NCAyLjcyMzUgMTQuMzY2IDIuOTA1IDE0Ljk5MyAzLjI2OEMxNS42MiAzLjYzMSAxNi4xMjA1IDQuMTI2IDE2LjQ5NDUgNC43NTNDMTYuODc5NSA1LjM4IDE3LjA3MiA2LjA3ODUgMTcuMDcyIDYuODQ4NUMxNy4wNzIgNy4xNjc1IDE3LjAyOCA3LjUxNCAxNi45NCA3Ljg4OEMxNy4zOCA4LjI5NSAxNy43MjEgOC43NjggMTcuOTYzIDkuMzA3QzE4LjIwNSA5LjgzNSAxOC4zMjYgMTAuMzkwNSAxOC4zMjYgMTAuOTczNUMxOC4zMjYgMTEuNTY3NSAxOC4xOTk1IDEyLjEzOTUgMTcuOTQ2NSAxMi42ODk1QzE3LjY5MzUgMTMuMjM5NSAxNy4zMzYgMTMuNzE4IDE2Ljg3NCAxNC4xMjVDMTYuNDIzIDE0LjUyMSAxNS44OTUgMTQuNzk2IDE1LjI5IDE0Ljk1QzE1LjE2OSAxNS41NzcgMTQuOTEwNSAxNi4xMzggMTQuNTE0NSAxNi42MzNDMTQuMTI5NSAxNy4xMzkgMTMuNjUxIDE3LjUzNSAxMy4wNzkgMTcuODIxQzEyLjUwNyAxOC4xMDcgMTEuODk2NSAxOC4yNSAxMS4yNDc1IDE4LjI1Wk03LjE3MTk5IDE2LjE4NzVDNy43MjE5OSAxNi4xODc1IDguMjAwNDkgMTYuMDcyIDguNjA3NDkgMTUuODQxTDExLjcwOTUgMTQuMDU5QzExLjgxOTUgMTMuOTgyIDExLjg3NDUgMTMuODc3NSAxMS44NzQ1IDEzLjc0NTVWMTIuMzI2NUw3Ljg4MTQ5IDE0LjYyQzcuNjM5NDkgMTQuNzYzIDcuMzk3NDkgMTQuNzYzIDcuMTU1NDkgMTQuNjJMNC4wMzY5OSAxMi44MjE1QzQuMDM2OTkgMTIuODU0NSA0LjAzMTQ5IDEyLjg5MyA0LjAyMDQ5IDEyLjkzN0M0LjAyMDQ5IDEyLjk4MSA0LjAyMDQ5IDEzLjA0NyA0LjAyMDQ5IDEzLjEzNUM0LjAyMDQ5IDEzLjY5NiA0LjE1MjQ5IDE0LjIxMyA0LjQxNjQ5IDE0LjY4NkM0LjY5MTQ5IDE1LjE0OCA1LjA3MDk5IDE1LjUxMSA1LjU1NDk5IDE1Ljc3NUM2LjAzODk5IDE2LjA1IDYuNTc3OTkgMTYuMTg3NSA3LjE3MTk5IDE2LjE4NzVaTTcuMzM2OTkgMTMuNDk4QzcuNDAyOTkgMTMuNTMxIDcuNDYzNDkgMTMuNTQ3NSA3LjUxODQ5IDEzLjU0NzVDNy41NzM0OSAxMy41NDc1IDcuNjI4NDkgMTMuNTMxIDcuNjgzNDkgMTMuNDk4TDguOTIwOTkgMTIuNzg4NUw0Ljk0NDQ5IDEwLjQ3ODVDNC43MDI0OSAxMC4zMzU1IDQuNTgxNDkgMTAuMTIxIDQuNTgxNDkgOS44MzVWNi4yNTQ1QzQuMDMxNDkgNi40OTY1IDMuNTkxNDkgNi44NzA1IDMuMjYxNDkgNy4zNzY1QzIuOTMxNDkgNy44NzE1IDIuNzY2NDkgOC40MjE1IDIuNzY2NDkgOS4wMjY1QzIuNzY2NDkgOS41NjU1IDIuOTAzOTkgMTAuMDgyNSAzLjE3ODk5IDEwLjU3NzVDMy40NTM5OSAxMS4wNzI1IDMuODExNDkgMTEuNDQ2NSA0LjI1MTQ5IDExLjY5OTVMNy4zMzY5OSAxMy40OThaTTExLjI0NzUgMTcuMTYxQzExLjgzMDUgMTcuMTYxIDEyLjM1ODUgMTcuMDI5IDEyLjgzMTUgMTYuNzY1QzEzLjMwNDUgMTYuNTAxIDEzLjY3ODUgMTYuMTM4IDEzLjk1MzUgMTUuNjc2QzE0LjIyODUgMTUuMjE0IDE0LjM2NiAxNC42OTcgMTQuMzY2IDE0LjEyNVYxMC41NjFDMTQuMzY2IDEwLjQyOSAxNC4zMTEgMTAuMzMgMTQuMjAxIDEwLjI2NEwxMi45NDcgOS41MzhWMTQuMTQxNUMxMi45NDcgMTQuNDI3NSAxMi44MjYgMTQuNjQyIDEyLjU4NCAxNC43ODVMOS40NjU0OSAxNi41ODM1QzEwLjAwNDUgMTYuOTY4NSAxMC41OTg1IDE3LjE2MSAxMS4yNDc1IDE3LjE2MVpNMTEuODc0NSAxMS4xMjJWOC44NzhMMTAuMDEgNy44MjJMOC4xMjg5OSA4Ljg3OFYxMS4xMjJMMTAuMDEgMTIuMTc4TDExLjg3NDUgMTEuMTIyWk03LjA1NjQ5IDUuODU4NUM3LjA1NjQ5IDUuNTcyNSA3LjE3NzQ5IDUuMzU4IDcuNDE5NDkgNS4yMTVMMTAuNTM4IDMuNDE2NUM5Ljk5ODk5IDMuMDMxNSA5LjQwNDk5IDIuODM5IDguNzU1OTkgMi44MzlDOC4xNzI5OSAyLjgzOSA3LjY0NDk5IDIuOTcxIDcuMTcxOTkgMy4yMzVDNi42OTg5OSAzLjQ5OSA2LjMyNDk5IDMuODYyIDYuMDQ5OTkgNC4zMjRDNS43ODU5OSA0Ljc4NiA1LjY1Mzk5IDUuMzAzIDUuNjUzOTkgNS44NzVWOS40MjI1QzUuNjUzOTkgOS41NTQ1IDUuNzA4OTkgOS42NTkgNS44MTg5OSA5LjczNkw3LjA1NjQ5IDEwLjQ2MlY1Ljg1ODVaTTE1LjQzODUgMTMuNzQ1NUMxNS45ODg1IDEzLjUwMzUgMTYuNDIzIDEzLjEyOTUgMTYuNzQyIDEyLjYyMzVDMTcuMDcyIDEyLjExNzUgMTcuMjM3IDExLjU2NzUgMTcuMjM3IDEwLjk3MzVDMTcuMjM3IDEwLjQzNDUgMTcuMDk5NSA5LjkxNzUgMTYuODI0NSA5LjQyMjVDMTYuNTQ5NSA4LjkyNzUgMTYuMTkyIDguNTUzNSAxNS43NTIgOC4zMDA1TDEyLjY2NjUgNi41MTg1QzEyLjYwMDUgNi40NzQ1IDEyLjU0IDYuNDU4IDEyLjQ4NSA2LjQ2OUMxMi40MyA2LjQ2OSAxMi4zNzUgNi40ODU1IDEyLjMyIDYuNTE4NUwxMS4wODI1IDcuMjExNUwxNS4wNzU1IDkuNTM4QzE1LjE5NjUgOS42MDQgMTUuMjg0NSA5LjY5MiAxNS4zMzk1IDkuODAyQzE1LjQwNTUgOS45MDEgMTUuNDM4NSAxMC4wMjIgMTUuNDM4NSAxMC4xNjVWMTMuNzQ1NVpNMTIuMTIyIDUuMzYzNUMxMi4zNjQgNS4yMDk1IDEyLjYwNiA1LjIwOTUgMTIuODQ4IDUuMzYzNUwxNS45ODMgNy4xOTVDMTUuOTgzIDcuMTE4IDE1Ljk4MyA3LjAxOSAxNS45ODMgNi44OThDMTUuOTgzIDYuMzcgMTUuODUxIDUuODY5NSAxNS41ODcgNS4zOTY1QzE1LjMzNCA0LjkxMjUgMTQuOTY1NSA0LjUyNzUgMTQuNDgxNSA0LjI0MTVDMTQuMDA4NSAzLjk1NTUgMTMuNDU4NSAzLjgxMjUgMTIuODMxNSAzLjgxMjVDMTIuMjgxNSAzLjgxMjUgMTEuODAzIDMuOTI4IDExLjM5NiA0LjE1OUw4LjI5Mzk5IDUuOTQxQzguMTgzOTkgNi4wMTggOC4xMjg5OSA2LjEyMjUgOC4xMjg5OSA2LjI1NDVWNy42NzM1TDEyLjEyMiA1LjM2MzVaIj48L3BhdGg+PC9zdmc+); }
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn.perplexity::before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS44LjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAzKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTQuMTI2LjYyNWw1LjMzOSw0LjkxOWgwVi42MzZoMS4wMzl2NC45M0wxNS44NjguNjI1djUuNjA5aDIuMjAydjguMDloLTIuMTk1djQuOTk0bC01LjM3LTQuNzE4djQuNzcyaC0xLjAzOXYtNC42OTRsLTUuMzMzLDQuNjk3di01LjA1MkgxLjkzVjYuMjM0aDIuMTk2Vi42MjVaTTguNjgyLDcuMjZIMi45N3Y2LjAzN2gxLjE2MXYtMS45MDRsNC41NTEtNC4xMzNaTTUuMTcxLDExLjg0OHY1LjIzNmw0LjI5NC0zLjc4MnYtNS4zNTRsLTQuMjk0LDMuOVpNMTAuNTM1LDEzLjI1MnYtNS4zMDlsNC4yOTUsMy45djIuNDhoLjAwNnYyLjcwN2wtNC4zMDEtMy43NzlaTTE1Ljg3NSwxMy4yOTdoMS4xNTZ2LTYuMDM3aC01LjY3bDQuNTE0LDQuMDl2MS45NDdaTTE0LjgyOSw2LjIzNHYtMy4yNDdsLTMuNTI1LDMuMjQ3aDMuNTI1Wk04LjY5LDYuMjM0aC0zLjUyNHYtMy4yNDdsMy41MjQsMy4yNDdaIi8+Cjwvc3ZnPg==); }
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn.gemini::before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS44LjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAzKSAgLS0+CiAgPHBhdGggZD0iTTE5LjMsOS42Yy0uNi0uMi0xLjItLjMtMS43LS42LTEuNS0uNi0yLjgtMS41LTMuOS0yLjYtMS4xLTEuMS0yLTIuNC0yLjYtMy45LS4yLS42LS40LTEuMS0uNi0xLjcsMC0uMi0uMi0uMy0uNC0uM3MtLjQuMS0uNC4zYy0uMi42LS4zLDEuMi0uNiwxLjctLjYsMS41LTEuNSwyLjgtMi42LDMuOS0xLjEsMS4xLTIuNCwyLTMuOSwyLjYtLjYuMi0xLjEuNC0xLjcuNi0uMiwwLS4zLjItLjMuNHMuMS40LjMuNGMuNi4yLDEuMi4zLDEuNy42LDEuNS42LDIuOCwxLjUsMy45LDIuNiwxLjEsMS4xLDIsMi40LDIuNiwzLjkuMi42LjQsMS4xLjYsMS43LDAsLjIuMi4zLjQuM3MuNC0uMS40LS4zYy4yLS42LjMtMS4yLjYtMS43LjYtMS41LDEuNS0yLjgsMi42LTMuOSwxLjEtMS4xLDIuNC0yLDMuOS0yLjYuNi0uMiwxLjEtLjQsMS43LS42LjIsMCwuMy0uMi4zLS40cy0uMS0uNC0uMy0uNFoiLz4KPC9zdmc+); }
.single-post.ast-separate-container.ast-left-sidebar #secondary a.ayudawp-share-btn.mistral::before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZD0iTTE0LjQ4MywxMi4yNTZ2LTIuMTY5aDB2LTQuMzQ4aDB2LTIuMTcyaC0yLjE5N3YyLjE3MmgtMi4xOTJ2Mi4xNzJoLTIuMTg5di0yLjE3MmgtMi4xOTJ2LTIuMTcyaC0yLjE5N3Y4LjY4OUgxLjMyNHYyLjE3Nmg2LjU4M3YtMi4xNzNoMi4xODh2Mi4xNzNoNi41ODN2LTIuMTc2aC0yLjE5NFpNNS43MTIsMTAuMDg3aDIuMTg5djIuMTY5aC0yLjE4OXYtMi4xNjlaTTEwLjA5NywxMC4wODdoMi4xODl2Mi4xNjloLTIuMTg5di0yLjE2OVoiIGZpbGw9IiMxZDFkMWIiLz48L3N2Zz4=); }

.single-post .widget-area.secondary .sidebar-main { block-size: 100%; }
.single-post .widget-area.secondary .sidebar-main .widget.widget_block:has(.table-matieres) { position: sticky; inset-block-start: 150px; }
.single-post .table-matieres { border-radius: var(--mw-r-lg); position: sticky; overflow: hidden; }
.single-post .table-matieres ol { margin: 0 !important; }
.single-post .table-matieres li { line-height: 1.1em; font-size: 1.5em; text-decoration: none; }
.single-post .wp-block-uagb-table-of-contents .uagb-toc__list-wrap ol li a { text-decoration: none; }
.single-post .wp-block-uagb-table-of-contents .uagb-toc__list-wrap ol li a:hover { color: var(--ast-global-color-0); }
.single-post .ayudawp-share-buttons { border: none; margin-block-end: 4rem; }

.header-mini .conteneur-date { justify-content: center; display: flex; }
.header-mini .temps-lecture { font-family: inherit !important; display: inline-flex; flex: 1; justify-content: end; }
.header-mini .temps-lecture::before { font-family: icomoon; padding-inline-end: 0.25em; }

.content .sharebox { display: flex; align-items: center; justify-content: center; margin-block: 9rem; }
.content .sharebox .list-social-link { list-style: none; margin: 0 !important; padding-inline-start: 0.75rem !important; }
.content .sharebox .list-social-link .item { margin-block-start: 0 !important; }
.content .sharebox .list-social-link .item a { text-decoration: none; display: flex; }
.content .sharebox .list-social-link .item a:hover { color: var(--ast-global-color-1); }

.content .auteurs { display: flex; flex-direction: column; gap: 2rem; align-items: stretch; padding: 4rem; background: var(--mw-cream); border-radius: 1.25em; }
.content .auteurs .uagb-tm__image-content { max-inline-size: 300px; }
.content .auteurs .uagb-tm__image img { margin: 0; }
.content .auteurs .uagb-testimonial-details { display: flex; flex-direction: column; justify-content: center; row-gap: 0.5em; flex: 1 1; }
.content .auteurs > * { flex: 1; display: flex; gap: 2rem; flex-direction: row; }
.content .auteurs .uagb-tm__author-name { line-height: 1.5em; font-size: 1.25em; }
.content .auteurs .uagb-tm__author-name .fonction { margin: 0; font-size: 0.75em; line-height: 1em; }
.content .auteurs .uagb-tm__author-name strong { font-weight: 700; }
.content .auteurs .uagb-tm__company { font-size: 0.85em; line-height: 1.5em; }
.content .auteurs .uagb-testimonial-details .social { display: inline-flex; margin-block-start: 0.4em; }
.content .auteurs .uagb-testimonial-details .social a { transition: all 0.5s ease; display: inline-block; }
.content .auteurs .uagb-testimonial-details .social a:hover { color: var(--ast-global-color-0); transition: all 0.5s ease; transform: scale(1.2); }
.content .co-auteur { border-block-start: 1px solid rgb(0 0 0 / 0.1); padding-block-start: 50px; }
.content .date-modification {
  background: color-mix(in srgb, var(--wp--preset--color--ast-global-color-0) 7%, transparent);
  padding: 20px 30px; border-radius: 1.25em; margin-block-start: 5rem; font-size: 15px; text-align: center; color: var(--mw-indigo);
}
.sticky-post .meta-sticky { display: inline-flex; align-items: center; column-gap: 1.5rem; }
.sticky-post .date-sticky { color: var(--mw-white); }
.sticky-post .badge { position: relative; inset-block-start: 0 !important; inset-inline-start: 0 !important; }
.list-post .sticky-post .container-img { padding: 4em 4em 4em 0; }
.sticky-post .container-img.img-post img { object-fit: cover; border-radius: 5px; }
.infos-author .date::before { content: "\2022"; padding-inline: 0.5rem; }
.wp-block-pullquote p:last-child { margin-block-end: 1.6em; }

.single-post .synthese { display: inline-flex; gap: 20px; margin: 0 1em 2em; font-size: 1.15em; }
.single-post .synthese img { max-inline-size: 30px; }
.single-post .synthese span {
  background: var(--mw-grad-synthese);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;
}

.boite-auteur {
  inline-size: 100%; block-size: auto; border-radius: var(--mw-r-lg); padding: 40px;
  display: inline-flex; flex-direction: row; align-items: start; gap: 20px; background: var(--mw-cream);
}
.boite-auteur .avatar-auteur { inline-size: 300px; }
.boite-auteur .details-auteur { display: inline-flex; flex-direction: column; align-items: start; gap: 10px; }

.archive.author h1 { padding-block-start: 0; font-size: 2em; }
.archive.author .entry-meta { display: inline-flex; gap: 5px; align-items: center; }
.archive.author section.articles-auteur { padding-block-start: 4rem; }
.archive.author .ast-blog-layout-4-grid .ast-article-inner,
.ast-blog-layout-5-grid .ast-article-inner,
.ast-blog-layout-6-grid .ast-article-inner { box-shadow: none; }

.widget_podcast_episode { border-radius: var(--mw-r-lg); padding: 30px; background: var(--mw-cream-warm); color: var(--mw-orange); }
.widget_podcast_episode .widget-title { font-size: 16px; color: var(--mw-orange); }
#secondary div.radio-player.shortcode { margin: 0; max-inline-size: 100%; border-radius: var(--mw-r-lg); }

/* =============================================================================
   FORMULAIRES (compléments) — largeurs de champs Mautic
   ============================================================================= */
#mauticform_liveformulairedecontactmwlinkedinadsen_prenom,
#mauticform_liveformulairedecontactmwlinkedinadsen_email { inline-size: 49%; float: left; }
#mauticform_liveformulairedecontactmwlinkedinadsen_nom,
#mauticform_liveformulairedecontactmwlinkedinadsen_telephone { inline-size: 49%; float: left; margin-inline-start: 2%; }

/* =============================================================================
   MÉDIAS
   ============================================================================= */
.wp-block-uagb-lottie { max-inline-size: 90%; float: right; }
.uagb-block-be9d116b { columns: 2; }
figure.wp-block-video video,
figure.wp-block-embed.is-type-video iframe { border-radius: 15px; box-shadow: 0 20px 50px rgb(0 0 0 / 0.1); }

/* =============================================================================
   TABLEAUX (landing pages)
   ============================================================================= */
figure.wp-block-table { padding: 30px; border-radius: var(--mw-r-lg); box-shadow: var(--mw-shadow-card); }
figure.wp-block-table thead,
figure.wp-block-table td,
figure.wp-block-table th { border: none; padding: 0; }
figure.wp-block-table thead { inline-size: 100%; }
figure.wp-block-table thead tr { display: inline-flex; inline-size: 100%; padding: 20px; gap: 30px; }
figure.wp-block-table thead th > img { max-block-size: 35px; }
figure.wp-block-table thead tr th:first-child { flex: 0.5; }
figure.wp-block-table thead tr th:not(:first-child) { flex: 1; }
figure.wp-block-table thead tr th { font-family: var(--mw-font); font-size: 1.2em; text-align: start; }
figure.wp-block-table tbody tr { border-radius: 10px; overflow: hidden; display: inline-flex; padding: 20px; gap: 30px; }
figure.wp-block-table tbody tr:nth-child(odd) { background: var(--mw-table-odd); }
figure.wp-block-table tbody tr td > :is(strong, b, span) { display: contents; }
figure.wp-block-table tbody tr td:first-child { flex: 0.5; font-family: var(--mw-font); }
figure.wp-block-table tbody tr td:not(:first-child) { display: flex; flex: 1; flex-direction: column; }
figure.wp-block-table tbody tr td mark.has-inline-color.has-ast-global-color-0-color { font-size: 1.15em; font-family: system-ui; padding-block-end: 10px; }
@media (width <= 767px) {
  figure.wp-block-table tbody tr { flex-direction: column; inline-size: 300px; }
}

/* =============================================================================
   RESPONSIVE (consolidé : base 991 + deltas 767/479 ; BR et image-header
   remontés à 1199 car ils s'appliquent déjà à tous les paliers inférieurs)
   ============================================================================= */
@media (width <= 1199px) {
  br { display: none !important; }
  .image-header img { max-inline-size: 100% !important; inline-size: 100% !important; }
}
@media (width <= 991px) {
  .ast-plain-container.ast-no-sidebar .entry-content > .alignfull,
  .section-temoignage { padding-block-end: 45px; padding-block-start: 45px !important; }
  .max70 { inline-size: 100%; max-inline-size: 100%; }
  .page #main h2 { margin-block-end: auto; }
  section { padding-block: 1rem; }
  .methodologie h2 { text-align: start; }
  .methodologie .wp-block-columns,
  .fond-vue-ensemble .wp-block-columns { padding: var(--wp--preset--spacing--40) !important; }
  .fond-vue-ensemble .wp-block-column,
  .fond-3col .wp-block-column,
  .fond-vue-ensemble .wp-block-columns,
  .section-temoignage { padding-inline: 2rem !important; }
  .cta .wp-container-core-buttons-layout-2.wp-container-core-buttons-layout-2 { justify-content: left !important; }
  .cta .wp-block-column,
  .cta .col1-cta { padding-block-start: var(--wp--preset--spacing--20) !important; padding-block-end: 0rem !important; }
  .col-logos { padding-inline-start: 0rem !important; }
  .col-logos .wp-block-buttons { text-align: center; padding: 0 auto; margin: 0 auto; }
  .slider-temoignage .uagb-tm__content { padding: 20px 50px 20px 15px !important; }
  .section-temoignage .uagb-testimonial-details { padding-inline-end: 0 !important; }
  .slider-temoignage .uagb-tm__content .uagb-tm__desc { font-size: 20px !important; line-height: 1.25em !important; }
  .slider-temoignage .uagb-testimonial__wrap,
  .slider-temoignage { padding-inline-start: 0px !important; }
  .wp-block-uagb-testimonial.uagb-post__carousel_notset-mobile .slick-slide:last-child .uagb-testimonial__wrap { padding: 0 !important; }
  .cta-carre { padding-inline-start: 0rem !important; }
  .cta-carre img { display: none; }
  .uagb-block-969b683e .swiper-content { padding: 0px !important; }
  .wp-block-uagb-container.uagb-block-06429701 { padding: 0px !important; margin-block-start: 0px !important; }
  .fond-vue-ensemble .wp-block-column { padding-block-start: 0rem !important; }
  .bloc-methodologie { padding: 20px !important; }
}
@media (width <= 767px) {
  .page #main h2 { margin-block-end: 20px !important; }
  .entry-content .h2 { font-size: 30px !important; line-height: 1.15em !important; margin-block-end: 20px !important; }
  .methodologie .wp-block-columns,
  .fond-vue-ensemble .wp-block-columns { padding: var(--wp--preset--spacing--20) !important; }
  .fond-vue-ensemble .wp-block-column,
  .fond-3col .wp-block-column,
  .fond-vue-ensemble .wp-block-columns,
  .section-temoignage { padding-inline: 0rem !important; }
  .colonne1 { order: 2; }
  .colonne2 { order: 1; }
  .boite-auteur { flex-direction: column; }
}
@media (width <= 479px) {
  .header-mini .ast-container { block-size: 70px; }
  .reading-meter { inset-block-start: 70px; }
  .content.auteur { flex-direction: column; }
  .single:not(.single-clients-realisations) .post-img-thumbnail { block-size: 17.5rem; }
  .single:not(.single-clients-realisations) .post-img-thumbnail img { min-block-size: 0; }
  .sticky-post { flex-direction: column-reverse; }
  .sticky-post .meta-sticky { margin-block-end: 1em; }
  .sticky-post .container-txt { padding: 0em 2em 2em !important; }
  .sticky-post .img-post { inline-size: 100%; }
  .sticky-post .container-img { padding: 2em !important; }
}

.mw-checklist,  .page #main .mw-checklist {list-style-type: none;list-style:none ;padding:0;margin-block-start:26px;display:grid;gap:16px;max-width:82ch}
.mw-checklist li{position:relative;padding-inline-start:40px}
.mw-checklist li::before{content:"\2713";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:26px;block-size:26px;border-radius:50%;background:var(--mw-lav-1);color:var(--mw-indigo);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.mw-wrap > p , .mw-wrap > ul { max-inline-size: 70%; }
.mw-offer.is-feature{border:2px solid var(--mw-indigo)}
 .mw-offer .otag{font-family:var(--mw-font-andes);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mw-indigo);margin-block-end:6px}
 .mw-offer .otag.alt{color:var(--mw-orange)}
 .mw-offer .price, .mw-offer h3  {font-size: clamp(1.5rem, 0.892rem + 2.59vw, 3.5rem);letter-spacing: -1px;line-height: 1.125; margin-block-end:14px}
.mw-offer .price {font-size: clamp(1.5rem, 0.892rem + 2.59vw, 3rem); margin-top : 0;}
.mw-offer .price span {font-size: clamp(1.5rem, 0.892rem + 1.69vw, 2rem); margin-top : 0;}

.mw-offers {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block-start:8px;align-items:stretch}
.mw-offer{border-radius:var(--mw-r-lg);padding:30px;background:var(--mw-surface);box-shadow:var(--mw-shadow-card);display:flex;flex-direction:column;height:100%}
.mw-rich a:hover{background-size:0 3px,100% 3px}
@media (max-width:960px){.mw-offers,.mw-cluster .mw-duo{grid-template-columns:1fr}}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper {
  margin-top: -10px;
}