:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

.actualites-details .wp-block-button {
    --wp--preset--dimension--25: 25%;
    --wp--preset--dimension--50: 50%;
    --wp--preset--dimension--75: 75%;
    --wp--preset--dimension--100: 100%;
}

:root {
    --wp--style--global--content-size: 800px;
    --wp--style--global--wide-size: 1200px;
}

.details-actu :where(body) {
    margin: 0;
}

.details-actu .wp-site-blocks>.alignleft {
    float: left;
    margin-right: 2em;
}

.details-actu .wp-site-blocks>.alignright {
    float: right;
    margin-left: 2em;
}

.details-actu .wp-site-blocks>.aligncenter {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.details-actu :where(.wp-site-blocks)>* {
    margin-block-start: 24px;
    margin-block-end: 0;
}

.details-actu :where(.wp-site-blocks)> :first-child {
    margin-block-start: 0;
}

.details-actu :where(.wp-site-blocks)> :last-child {
    margin-block-end: 0;
}

:root {
    --wp--style--block-gap: 24px;
}

:root :where(.is-layout-flow)> :first-child {
    margin-block-start: 0;
}

:root :where(.is-layout-flow)> :last-child {
    margin-block-end: 0;
}

:root :where(.is-layout-flow)>* {
    margin-block-start: 24px;
    margin-block-end: 0;
}

:root :where(.is-layout-constrained)> :first-child {
    margin-block-start: 0;
}

:root :where(.is-layout-constrained)> :last-child {
    margin-block-end: 0;
}

:root :where(.is-layout-constrained)>* {
    margin-block-start: 24px;
    margin-block-end: 0;
}

:root :where(.is-layout-flex) {
    gap: 24px;
}

:root :where(.is-layout-grid) {
    gap: 24px;
}

.details-actu .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

.details-actu .is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

.details-actu .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.details-actu .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

.details-actu .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

.details-actu .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.details-actu .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.details-actu .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

.details-actu body .is-layout-flex {
    display: flex;
}

.details-actu .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.details-actu .is-layout-flex> :is(*, div) {
    margin: 0;
}

.details-actu body .is-layout-grid {
    display: grid;
}

.details-actu .is-layout-grid> :is(*, div) {
    margin: 0;
}

.details-actu body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #32373c;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    text-transform: inherit;
}

.details-actu .has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.details-actu .has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.details-actu .has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.details-actu .has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.details-actu .has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.details-actu .has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.details-actu .has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.details-actu .has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.details-actu .has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.details-actu .has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.details-actu .has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.details-actu .has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.details-actu .has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.details-actu .has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.details-actu .has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.details-actu .has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.details-actu .has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.details-actu .has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.details-actu .has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.details-actu .has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.details-actu .has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.details-actu .has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.details-actu .has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.details-actu .has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.details-actu .has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.details-actu .has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.details-actu .has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.details-actu .has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.details-actu .has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.details-actu .has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.details-actu .has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.details-actu .has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.details-actu .has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.details-actu .has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.details-actu .has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.details-actu .has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.details-actu .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.details-actu .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.details-actu .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.details-actu .has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.details-actu .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.details-actu .has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.details-actu .has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.details-actu .has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.details-actu .has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.details-actu .has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.details-actu .has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.details-actu .has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.details-actu .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.details-actu .has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.details-actu .has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.details-actu .has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:root :where(.wp-block-icon svg) {
    width: 24px;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

/*# sourceURL=global-styles-inline-css */

.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.details-actu .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}

@media screen and (max-height: 1024px) {

    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .details-actu .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

@media screen and (max-height: 640px) {

    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .details-actu .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

.details-actu .forme-hero {
    opacity: 0.1;
}

.e-contact-buttons__chat-button,
.details-actu .e-contact-buttons__chat-button[type=button] {
    background: linear-gradient(45deg, rgba(164, 202, 102, 1) 0%, rgba(0, 165, 100, 1) 100%);
}

/* Bloc prix TTC – titre '120€ TTC' */
.details-actu .prix-ttc .elementor-heading-title {
    font-size: 64px;
    /* taille du 120 */
    line-height: 1;
}

/* symbole € plus petit, en haut */
.details-actu .prix-ttc .euro {
    font-size: 0.45em;
    vertical-align: super;
    margin-left: 2px;
}

/* TTC plus petit, collé au € */
.details-actu .prix-ttc .ttc {
    font-size: 0.2em;
    margin-left: -20px;
    display: inline-block;
}

/* Animation de flottement douce */
@keyframes auditag-float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Style commun à tous les pictos */
.icon-float-1,
.icon-float-2,
.icon-float-3,
.details-actu .icon-float-4 {
    animation-name: auditag-float;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    will-change: transform;
}

/* Décalage léger pour ne pas qu'ils bougent tous en même temps */
.details-actu .icon-float-2 {
    animation-delay: 0.4s;
}

.details-actu .icon-float-3 {
    animation-delay: 0.8s;
}

.details-actu .icon-float-4 {
    animation-delay: 1.2s;
}

/* ===== Fix iPhone : éviter que la section "Scroll" remonte sur les boutons ===== */
@media (max-width: 768px) {

    /* On réserve de la place en bas dans le hero pour les boutons + safe area iPhone */
    .details-actu .hero-home {
        padding-bottom: calc(140px + env(safe-area-inset-bottom)) !important;
        min-height: 100svh !important;
        min-height: 100dvh !important;
        height: auto !important;
    }

    /* La section Scroll (en dessous) : on limite sa remontée */
    .details-actu .hero-scroll-section {
        margin-top: -40px !important;
        /* ajuste: -20 / -40 / -60 si besoin */
        position: relative !important;
        z-index: 5 !important;
    }

    /* Important : le scroll ne doit pas bloquer les clics sur les CTA */
    .details-actu .hero-scroll-section {
        pointer-events: none !important;
    }
}

/* correction menu article de blog*/
/* Header visible sur les articles */
.details-actu body.single-post .ekit-template-content-header,
.details-actu body.single-post .elementor-177 .elementor-element-54ba20b {
    background: #ffffff !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 9999;
}

/* =====================================================
   AUDITAG - CORRECTION HEADER + ARTICLES BLOG
   ===================================================== */


/* =====================================================
   1. HEADER DES ARTICLES - BANDEAU FONCÉ
   Objectif : rendre visible le logo blanc + menu blanc
   ===================================================== */

.details-actu body.single-post .ekit-template-content-header,
.details-actu body.single-post .elementor-177 .elementor-element-54ba20b {
    background: linear-gradient(90deg, #1f2f2a 0%, #214B38 58%, #00A564 100%) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.16);
    position: relative !important;
    z-index: 9999 !important;
    border-bottom: none !important;
}

/* Hauteur et alignement du header */
.details-actu body.single-post .elementor-177 .elementor-element-54ba20b>.e-con-inner {
    min-height: 96px;
    align-items: center !important;
}

/* Logo blanc bien visible */
.details-actu body.single-post .elementor-177 .elementor-element-7a8b4069 img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Taille du logo sur les articles */
.details-actu body.single-post .elementor-177 .elementor-element-7a8b4069 img {
    max-width: 220px;
    height: auto;
}


/* =====================================================
   2. MENU PRINCIPAL DES ARTICLES
   ===================================================== */

/* Liens du menu en blanc */
.details-actu body.single-post .elementor-177 .jkit-menu>li>a,
.details-actu body.single-post .elementor-177 .jkit-menu>li>a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover / focus du menu */
.details-actu body.single-post .elementor-177 .jkit-menu>li>a:hover,
.details-actu body.single-post .elementor-177 .jkit-menu>li>a:focus {
    color: #d8f5df !important;
    text-decoration: none !important;
}

/* Flèches / icônes du menu */
.details-actu body.single-post .elementor-177 .jkit-menu svg,
.details-actu body.single-post .elementor-177 .jkit-menu svg path {
    fill: #ffffff !important;
}

/* Sous-menu : fond blanc + texte foncé */
.details-actu body.single-post .elementor-177 .jkit-menu .sub-menu {
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
    overflow: hidden;
}

/* Liens du sous-menu */
.details-actu body.single-post .elementor-177 .jkit-menu .sub-menu li a {
    color: #222222 !important;
    background: #ffffff !important;
    text-decoration: none !important;
}

/* Hover sous-menu */
.details-actu body.single-post .elementor-177 .jkit-menu .sub-menu li a:hover,
.details-actu body.single-post .elementor-177 .jkit-menu .sub-menu li a:focus {
    color: #00A564 !important;
    background: #f4faf6 !important;
}


/* =====================================================
   3. BOUTON DEVIS DANS LE HEADER
   ===================================================== */

.details-actu body.single-post .elementor-177 .elementor-button {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.20);
    text-decoration: none !important;
}

/* Effet hover bouton */
.details-actu body.single-post .elementor-177 .elementor-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}


/* =====================================================
   4. CONTENEUR ARTICLE - LARGEUR LISIBLE
   Objectif : éviter que le texte prenne toute la largeur écran
   ===================================================== */

.details-actu body.single-post .elementor-1623 .elementor-element-b3d5113 {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 52px 28px 85px 28px !important;
    box-sizing: border-box !important;
}

/* Widget contenu de l'article */
.details-actu body.single-post .elementor-1623 .elementor-element-fc3db03,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}


/* =====================================================
   5. LARGEUR DES TEXTES DANS L'ARTICLE
   ===================================================== */

/* Éléments texte centrés et limités */
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content p,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ul,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ol,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h1,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h2,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h3,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h4,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h5,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h6 {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

/* Paragraphes et listes */
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content p,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content li {
    font-size: 17px;
    line-height: 1.75;
    color: #333333;
}

/* Liens dans l'article */
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content a {
    color: #e9487c;
    text-decoration: none;
}

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content a:hover {
    color: #00A564;
    text-decoration: underline;
}


/* =====================================================
   6. TITRES ARTICLE
   ===================================================== */

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h1 {
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: 26px;
    color: #222222;
}

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h2 {
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.25;
    margin-top: 48px;
    margin-bottom: 20px;
    color: #222222;
}

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h3 {
    font-size: clamp(22px, 2.4vw, 28px);
    line-height: 1.3;
    margin-top: 36px;
    margin-bottom: 16px;
    color: #222222;
}


/* =====================================================
   7. IMAGES ARTICLE
   ===================================================== */

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 34px auto;
    border-radius: 0;
}

/* Images WordPress / blocs image */
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content figure,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content .wp-block-image {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

/* Légendes */
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content figcaption {
    max-width: 920px;
    margin: 10px auto 0 auto;
    font-size: 14px;
    color: #666666;
    text-align: center;
}


/* =====================================================
   8. LISTES / SOMMAIRE
   ===================================================== */

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ul,
.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ol {
    padding-left: 28px;
}

.details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content li {
    margin-bottom: 6px;
}


/* =====================================================
   9. CORRECTION BORDURES / LIGNES INDÉSIRABLES
   ===================================================== */

.details-actu body.single-post .elementor-1623,
.details-actu body.single-post .elementor-1623 .elementor-element-b3d5113,
.details-actu body.single-post .elementor-1623 .elementor-element-fc3db03 {
    border: none !important;
    outline: none !important;
}


/* =====================================================
   10. RESPONSIVE TABLETTE
   ===================================================== */

@media (max-width: 1024px) {
    .details-actu body.single-post .elementor-177 .elementor-element-54ba20b>.e-con-inner {
        min-height: 86px;
    }

    .details-actu body.single-post .elementor-1623 .elementor-element-b3d5113 {
        max-width: 100% !important;
        padding: 44px 24px 72px 24px !important;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content p,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ul,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content ol,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h1,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h2,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h3,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h4 {
        max-width: 860px;
    }
}


/* =====================================================
   11. RESPONSIVE MOBILE
   ===================================================== */

@media (max-width: 768px) {
    .details-actu body.single-post .elementor-177 .elementor-element-54ba20b {
        background: #214B38 !important;
    }

    .details-actu body.single-post .elementor-177 .elementor-element-54ba20b>.e-con-inner {
        min-height: 76px;
    }

    .details-actu body.single-post .elementor-177 .elementor-element-7a8b4069 img {
        max-width: 170px;
    }

    .details-actu body.single-post .elementor-177 .jkit-hamburger-menu svg,
    .details-actu body.single-post .elementor-177 .jkit-hamburger-menu svg path {
        fill: #ffffff !important;
    }

    .details-actu body.single-post .elementor-1623 .elementor-element-b3d5113 {
        max-width: 100% !important;
        padding: 34px 18px 60px 18px !important;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content p,
    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content li {
        font-size: 16px;
        line-height: 1.65;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h1 {
        font-size: 30px;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h2 {
        font-size: 25px;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content h3 {
        font-size: 21px;
    }

    .details-actu body.single-post .elementor-1623 .elementor-widget-theme-post-content img {
        margin: 26px auto;
    }
}

/* =====================================================
   FIX : ÉVITER QUE LE CONTENU PASSE SOUS LE HEADER
   ===================================================== */

/* On décale le modèle article sous le header */
.details-actu body.single-post .elementor-1623 {
    padding-top: 110px !important;
}

/* Si l’admin bar WordPress est affichée quand on est connecté */
.details-actu body.single-post.admin-bar .elementor-1623 {
    padding-top: 125px !important;
}

/* On évite que les ancres / titres soient cachés sous le menu */
.details-actu body.single-post .elementor-1623 h1,
.details-actu body.single-post .elementor-1623 h2,
.details-actu body.single-post .elementor-1623 h3,
.details-actu body.single-post .elementor-1623 h4 {
    scroll-margin-top: 130px;
}

/* Version tablette */
@media (max-width: 1024px) {
    .details-actu body.single-post .elementor-1623 {
        padding-top: 95px !important;
    }

    .details-actu body.single-post.admin-bar .elementor-1623 {
        padding-top: 115px !important;
    }
}

/* Version mobile */
@media (max-width: 768px) {
    .details-actu body.single-post .elementor-1623 {
        padding-top: 82px !important;
    }

    .details-actu body.single-post.admin-bar .elementor-1623 {
        padding-top: 105px !important;
    }

    .details-actu body.single-post .elementor-1623 h1,
    .details-actu body.single-post .elementor-1623 h2,
    .details-actu body.single-post .elementor-1623 h3,
    .details-actu body.single-post .elementor-1623 h4 {
        scroll-margin-top: 110px;
    }
}

.details-actu .oscar-article h2 {
    color: #3EC88B !important;
    border: none !important;
    border-bottom: 2px solid #3EC88B !important;
    padding-bottom: 0.2em !important;
}
.details-actu  .wp-block-image img{
    width: 70% !important;
     display: block;
     margin: 0 auto;
}
.details-actu .oscar-article h3 {
    color: #3EC88B !important;
    border: none !important;
}

.details-actu .oscar-article p,
.details-actu .oscar-article ul,
.details-actu .oscar-article ol {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}

.details-actu .oscar-article ol {
    padding-left: 0.7em !important;
}

.details-actu .oscar-article a:not([target]):not([href^="#"]) {
    color: #3EC88B !important;
    text-decoration: underline !important;
    text-decoration-color: #3EC88B !important;
}

.details-actu .oscar-article #h-toc a {
    color: #3EC88B !important;
    text-decoration: underline !important;
    text-decoration-color: #3EC88B !important;
}

.details-actu .oscar-article table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 1em 0 !important;
}

.details-actu .oscar-article th,
.details-actu .oscar-article td {
    border: 1px solid #e5e5e5 !important;
    padding: 0.6em 0.8em !important;
    text-align: left !important;
}

.details-actu .oscar-article th {
    background-color: #3EC88B !important;
    font-weight: 600 !important;
}

.details-actu .oscar-article caption {
    caption-side: top !important;
    text-align: left !important;
    font-style: italic !important;
    padding: 0.3em 0 !important;
    color: #555 !important;
}

/* Listes des articles : puces et numéros comme sur l'ancien site (le thème les retire partout) */
.details-actu .oscar-article ul { list-style: disc; padding-left: 1.4em !important; }
.details-actu .oscar-article ol { list-style: decimal; padding-left: 1.6em !important; }
.details-actu .oscar-article li { margin: 0.2em 0; }
.details-actu .oscar-article li::marker { color: #3EC88B; }