.elementor-4476 .elementor-element.elementor-element-15c7d117{--display:flex;}.elementor-4476 .elementor-element.elementor-element-2160bbdd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4476 .elementor-element.elementor-element-4808c6ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4476 .elementor-element.elementor-element-7693ca6a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), 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 );}.elementor-4476 .elementor-element.elementor-element-6674ecae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4476 .elementor-element.elementor-element-2b944b82{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4476 .elementor-element.elementor-element-354ecef7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4476 .elementor-element.elementor-element-354ecef7.e-con{--order:-99999 /* order start hack */;}.elementor-4476 .elementor-element.elementor-element-356f33d6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4476 .elementor-element.elementor-element-58aead7{width:100%;max-width:100%;text-align:left;}.elementor-4476 .elementor-element.elementor-element-58aead7 > .elementor-widget-container{margin:20px 0px 10px 0px;}.elementor-4476 .elementor-element.elementor-element-58aead7.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-4476 .elementor-element.elementor-element-58aead7 .elementor-heading-title{font-family:"Bodoni Moda", Sans-serif;font-size:36px;font-weight:900;color:var( --e-global-color-primary );}.elementor-4476 .elementor-element.elementor-element-d9263a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4476 .elementor-element.elementor-element-143c7a4 .widget-image-caption{text-align:left;margin-block-start:0px;}.elementor-4476 .elementor-element.elementor-element-5b083017{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4476 .elementor-element.elementor-element-306f0ba5 .widget-image-caption{text-align:left;margin-block-start:0px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4476 .elementor-element.elementor-element-58aead7 .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4476 .elementor-element.elementor-element-58aead7 .elementor-heading-title{font-size:24px;}}/* Start custom CSS for image, class: .elementor-element-2ce254a5 *//* 1. CONFIGURATION DU CONTENEUR (Le lien) */
.elementor-4476 .elementor-element.elementor-element-2ce254a5 a {
    display: inline-block;
    position: relative; /* Indispensable pour centrer le texte */
}

/* 2. L'IMAGE (Ton code précédent) */
.elementor-4476 .elementor-element.elementor-element-2ce254a5 img {
    opacity: 0.8;
    border-radius: 0px;
    /* Retour très lent à la normale (effet sticky) */
    transition: all 1s ease; 
}

/* 3. LE TEXTE "Cliquez pour zoomer" */
.elementor-4476 .elementor-element.elementor-element-2ce254a5 a::after {
    content: "Cliquez pour zoomer"; /* Le texte à afficher */
    
    /* Positionnement : Centré parfaitement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* TYPOGRAPHIE : On récupère tes réglages "Accent" du thème */
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 12px; /* Ajuste la taille ici si besoin */
    text-transform: uppercase; /* Optionnel : en majuscules pour le style */
    
    /* Style visuel du texte */
    color: #FFFFFF; /* Texte en blanc */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Légère ombre pour lisibilité */
    pointer-events: none; /* Le clic passe "à travers" le texte */
    
    /* Invisibilité par défaut */
    opacity: 0;
    transition: opacity 0.3s ease; /* Apparition rapide */
}

/* 4. INTERACTIONS AU SURVOL */

/* L'image s'arrondit et devient nette */
.elementor-4476 .elementor-element.elementor-element-2ce254a5 img:hover {
    opacity: 1;
    border-radius: 0 0 200px 0; 
    transition: all 0.5s ease; /* Transformation rapide */
}

/* Le texte apparaît */
.elementor-4476 .elementor-element.elementor-element-2ce254a5 a:hover::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6a9e169e *//* 1. CONFIGURATION DU CONTENEUR (Le lien) */
.elementor-4476 .elementor-element.elementor-element-6a9e169e a {
    display: inline-block;
    position: relative; /* Indispensable pour centrer le texte */
}

/* 2. L'IMAGE (Ton code précédent) */
.elementor-4476 .elementor-element.elementor-element-6a9e169e img {
    opacity: 0.8;
    border-radius: 0px;
    /* Retour très lent à la normale (effet sticky) */
    transition: all 1s ease; 
}

/* 3. LE TEXTE "Cliquez pour zoomer" */
.elementor-4476 .elementor-element.elementor-element-6a9e169e a::after {
    content: "Cliquez pour zoomer"; /* Le texte à afficher */
    
    /* Positionnement : Centré parfaitement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* TYPOGRAPHIE : On récupère tes réglages "Accent" du thème */
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 12px; /* Ajuste la taille ici si besoin */
    text-transform: uppercase; /* Optionnel : en majuscules pour le style */
    
    /* Style visuel du texte */
    color: #FFFFFF; /* Texte en blanc */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Légère ombre pour lisibilité */
    pointer-events: none; /* Le clic passe "à travers" le texte */
    
    /* Invisibilité par défaut */
    opacity: 0;
    transition: opacity 0.3s ease; /* Apparition rapide */
}

/* 4. INTERACTIONS AU SURVOL */

/* L'image s'arrondit et devient nette */
.elementor-4476 .elementor-element.elementor-element-6a9e169e img:hover {
    opacity: 1;
    border-radius: 200px 0 0 0px; 
    transition: all 0.5s ease; /* Transformation rapide */
}

/* Le texte apparaît */
.elementor-4476 .elementor-element.elementor-element-6a9e169e a:hover::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4fd37d7d *//* 1. CONFIGURATION DU CONTENEUR (Le lien) */
.elementor-4476 .elementor-element.elementor-element-4fd37d7d a {
    display: inline-block;
    position: relative; /* Indispensable pour centrer le texte */
}

/* 2. L'IMAGE (Ton code précédent) */
.elementor-4476 .elementor-element.elementor-element-4fd37d7d img {
    opacity: 0.8;
    border-radius: 0px;
    /* Retour très lent à la normale (effet sticky) */
    transition: all 1s ease; 
}

/* 3. LE TEXTE "Cliquez pour zoomer" */
.elementor-4476 .elementor-element.elementor-element-4fd37d7d a::after {
    content: "Cliquez pour zoomer"; /* Le texte à afficher */
    
    /* Positionnement : Centré parfaitement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* TYPOGRAPHIE : On récupère tes réglages "Accent" du thème */
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 12px; /* Ajuste la taille ici si besoin */
    text-transform: uppercase; /* Optionnel : en majuscules pour le style */
    
    /* Style visuel du texte */
    color: #FFFFFF; /* Texte en blanc */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Légère ombre pour lisibilité */
    pointer-events: none; /* Le clic passe "à travers" le texte */
    
    /* Invisibilité par défaut */
    opacity: 0;
    transition: opacity 0.3s ease; /* Apparition rapide */
}

/* 4. INTERACTIONS AU SURVOL */

/* L'image s'arrondit et devient nette */
.elementor-4476 .elementor-element.elementor-element-4fd37d7d img:hover {
    opacity: 1;
    border-radius: 0 200px 0 0; 
    transition: all 0.5s ease; /* Transformation rapide */
}

/* Le texte apparaît */
.elementor-4476 .elementor-element.elementor-element-4fd37d7d a:hover::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-143c7a4 *//* 1. CONFIGURATION DU CONTENEUR (Le lien) */
.elementor-4476 .elementor-element.elementor-element-143c7a4 a {
    display: inline-block;
    position: relative; /* Indispensable pour centrer le texte */
}

/* 2. L'IMAGE (Ton code précédent) */
.elementor-4476 .elementor-element.elementor-element-143c7a4 img {
    opacity: 0.8;
    border-radius: 0px;
    /* Retour très lent à la normale (effet sticky) */
    transition: all 1s ease; 
}

/* 3. LE TEXTE "Cliquez pour zoomer" */
.elementor-4476 .elementor-element.elementor-element-143c7a4 a::after {
    content: "Cliquez pour zoomer"; /* Le texte à afficher */
    
    /* Positionnement : Centré parfaitement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* TYPOGRAPHIE : On récupère tes réglages "Accent" du thème */
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 12px; /* Ajuste la taille ici si besoin */
    text-transform: uppercase; /* Optionnel : en majuscules pour le style */
    
    /* Style visuel du texte */
    color: #FFFFFF; /* Texte en blanc */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Légère ombre pour lisibilité */
    pointer-events: none; /* Le clic passe "à travers" le texte */
    
    /* Invisibilité par défaut */
    opacity: 0;
    transition: opacity 0.3s ease; /* Apparition rapide */
}

/* 4. INTERACTIONS AU SURVOL */

/* L'image s'arrondit et devient nette */
.elementor-4476 .elementor-element.elementor-element-143c7a4 img:hover {
    opacity: 1;
    border-radius: 0 200px 0 0; 
    transition: all 0.5s ease; /* Transformation rapide */
}

/* Le texte apparaît */
.elementor-4476 .elementor-element.elementor-element-143c7a4 a:hover::after {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-306f0ba5 *//* 1. CONFIGURATION DU CONTENEUR (Le lien) */
.elementor-4476 .elementor-element.elementor-element-306f0ba5 a {
    display: inline-block;
    position: relative; /* Indispensable pour centrer le texte */
}

/* 2. L'IMAGE (Ton code précédent) */
.elementor-4476 .elementor-element.elementor-element-306f0ba5 img {
    opacity: 0.8;
    border-radius: 0px;
    /* Retour très lent à la normale (effet sticky) */
    transition: all 1s ease; 
}

/* 3. LE TEXTE "Cliquez pour zoomer" */
.elementor-4476 .elementor-element.elementor-element-306f0ba5 a::after {
    content: "Cliquez pour zoomer"; /* Le texte à afficher */
    
    /* Positionnement : Centré parfaitement */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    /* TYPOGRAPHIE : On récupère tes réglages "Accent" du thème */
    font-family: var(--e-global-typography-accent-font-family), serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 12px; /* Ajuste la taille ici si besoin */
    text-transform: uppercase; /* Optionnel : en majuscules pour le style */
    
    /* Style visuel du texte */
    color: #FFFFFF; /* Texte en blanc */
    text-shadow: 0 2px 5px rgba(0,0,0,0.5); /* Légère ombre pour lisibilité */
    pointer-events: none; /* Le clic passe "à travers" le texte */
    
    /* Invisibilité par défaut */
    opacity: 0;
    transition: opacity 0.3s ease; /* Apparition rapide */
}

/* 4. INTERACTIONS AU SURVOL */

/* L'image s'arrondit et devient nette */
.elementor-4476 .elementor-element.elementor-element-306f0ba5 img:hover {
    opacity: 1;
    border-radius: 200px 200px 0 0; 
    transition: all 0.5s ease; /* Transformation rapide */
}

/* Le texte apparaît */
.elementor-4476 .elementor-element.elementor-element-306f0ba5 a:hover::after {
    opacity: 1;
}/* End custom CSS */