.elementor-19382244 .elementor-element.elementor-element-4723ec2{--display:flex;}.elementor-19382244 .elementor-element.elementor-element-36be0be{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Arial, Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-19382244 .elementor-element.elementor-element-e997693{width:100%;max-width:100%;text-align:center;}.elementor-19382244 .elementor-element.elementor-element-e997693 .elementor-heading-title{font-family:var( --e-global-typography-b9ac10a-font-family ), Arial, Sans-serif;font-size:var( --e-global-typography-b9ac10a-font-size );font-weight:var( --e-global-typography-b9ac10a-font-weight );line-height:var( --e-global-typography-b9ac10a-line-height );letter-spacing:var( --e-global-typography-b9ac10a-letter-spacing );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Arial, Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19382244 .elementor-element.elementor-element-bf2070b{text-align:center;}@media(min-width:768px){.elementor-19382244 .elementor-element.elementor-element-4723ec2{--content-width:700px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-19382244 .elementor-element.elementor-element-e997693 .elementor-heading-title{font-size:var( --e-global-typography-b9ac10a-font-size );line-height:var( --e-global-typography-b9ac10a-line-height );letter-spacing:var( --e-global-typography-b9ac10a-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-19382244 .elementor-element.elementor-element-e997693 .elementor-heading-title{font-size:var( --e-global-typography-b9ac10a-font-size );line-height:var( --e-global-typography-b9ac10a-line-height );letter-spacing:var( --e-global-typography-b9ac10a-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-e114ca0 *//* Configuration du conteneur de la tranche */
.tranche-interactive {
    position: relative;
    display: block; /* Ou inline-block selon votre mise en page */
    width: 100%;
    height: auto;
    transition: transform 0.10s ease-out; /* Animation de la zone entière */
    cursor: pointer;
    text-decoration: none;
    z-index: 1;
}

/* Le fond gris (caché par défaut) */
.tranche-interactive .bg {
    opacity: 0.5; /* Transparent par défaut */
    transition: opacity 0.1s ease-in-out; /* Animation rapide */
    border-radius: 8px; /* Optionnel : pour adoucir les angles du fond gris */
    z-index: -1; /* Se place derrière le SVG */
}

/* --- ÉTATS AU SURVOL (HOVER) --- */

/* 1. On affiche le fond gris */
.tranche-interactive:hover .bg {
    opacity: 1;
}



/* 3. On s'assure que le SVG reste net */
.tranche-interactive svg {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none; /* Le clic traverse le SVG pour activer le lien <a> */
}/* End custom CSS */