.elementor-2754 .elementor-element.elementor-element-34e580a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.13;--padding-top:7.5rem;--padding-bottom:7.50rem;--padding-left:2rem;--padding-right:2rem;}.elementor-2754 .elementor-element.elementor-element-34e580a:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-34e580a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f03fe2 );}.elementor-2754 .elementor-element.elementor-element-34e580a::before, .elementor-2754 .elementor-element.elementor-element-34e580a > .elementor-background-video-container::before, .elementor-2754 .elementor-element.elementor-element-34e580a > .e-con-inner > .elementor-background-video-container::before, .elementor-2754 .elementor-element.elementor-element-34e580a > .elementor-background-slideshow::before, .elementor-2754 .elementor-element.elementor-element-34e580a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2754 .elementor-element.elementor-element-34e580a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2754 .elementor-element.elementor-element-5ec4d5d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5rem 5rem;--row-gap:5rem;--column-gap:5rem;--grid-auto-flow:row;--align-items:center;}.elementor-2754 .elementor-element.elementor-element-5ec4d5d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2754 .elementor-element.elementor-element-21df2e9{--display:flex;}.elementor-2754 .elementor-element.elementor-element-2e6ee5b{--display:flex;}.elementor-2754 .elementor-element.elementor-element-46d5cb7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-2754 .elementor-element.elementor-element-0e2bdf2 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2754 .elementor-element.elementor-element-36af7fc .elementor-button{background-color:var( --e-global-color-a3b3554 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2754 .elementor-element.elementor-element-36af7fc .elementor-button:hover, .elementor-2754 .elementor-element.elementor-element-36af7fc .elementor-button:focus{background-color:#095C15;}.elementor-2754 .elementor-element.elementor-element-36af7fc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2754 .elementor-element.elementor-element-a315eb0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2754 .elementor-element.elementor-element-a315eb0.e-con{--align-self:center;}.elementor-2754 .elementor-element.elementor-element-ee9b828{--display:flex;--padding-top:0rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2754 .elementor-element.elementor-element-c72e136.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2754 .elementor-element.elementor-element-9e8573f.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-2754 .elementor-element.elementor-element-34e580a{--padding-top:5rem;--padding-bottom:5rem;--padding-left:3rem;--padding-right:3rem;}.elementor-2754 .elementor-element.elementor-element-5ec4d5d{--e-con-grid-template-columns:repeat(1, 1fr);--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2754 .elementor-element.elementor-element-34e580a{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-2754 .elementor-element.elementor-element-5ec4d5d{--width:333px;--e-con-grid-template-columns:repeat(1, 1fr);--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--grid-auto-flow:row;}.elementor-2754 .elementor-element.elementor-element-a315eb0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-2754 .elementor-element.elementor-element-c72e136{width:var( --container-widget-width, 221.797px );max-width:221.797px;--container-widget-width:221.797px;--container-widget-flex-grow:0;}.elementor-2754 .elementor-element.elementor-element-9e8573f{width:var( --container-widget-width, 251.797px );max-width:251.797px;--container-widget-width:251.797px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-ee9b828 *//* On définit la hauteur du conteneur pour que les images absolues ne sortent pas */
.elementor-2754 .elementor-element.elementor-element-ee9b828 {
    height: 500px;
    position: relative;
    display: block;
}

/* Style commun aux trois images */
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-1,
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-2,
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-3 {
    position: absolute !important;
    transition: all 0.4s ease-in-out;
}

.elementor-2754 .elementor-element.elementor-element-ee9b828 img {
    border-radius: 25px;
    box-shadow: 0px 15px 35px rgba(0,0,0,0.1);
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* IMAGE 1 : La plus grande (en haut à droite) */
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-1 {
    width: 70%;
    top: 0;
    right: 0;
    z-index: 1;
}

/* IMAGE 2 : Superposée (en bas à gauche) */
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-2 {
    width: 35%;
    bottom: 25%;
    height: 50%;
    left: 0;
    z-index: 2; /* Devant l'image 1 */
}

/* IMAGE 3 : Arrière-plan ou décalée */
.elementor-2754 .elementor-element.elementor-element-ee9b828 .img-stratif-3 {
width: 60%;
    top: 70%;
    left: 15%;
    z-index: 6;
    opacity: 1;
    height: 40%;
}

/* Effet interactif */
.elementor-2754 .elementor-element.elementor-element-ee9b828 .widget-container:hover {
    transform: translateY(-5px);
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-34e580a */.elementor-2754 .elementor-element.elementor-element-34e580a::before {
    content: "";
    position: absolute;
    top: 0;
    /* On l'aligne désormais sur le bord gauche */
    left: 0; 
    width: 100%;
    height: 100%;

    background-image: url('https://cite-democratie.projet-test.com/wp-content/uploads/Masque-1-1440x1060-1.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* On garde la taille à 50% de la largeur de la section */
    background-size: 50% auto; 
    
    /* Positionnement à l'extrême gauche (0%) et centré verticalement */
    background-position: left center; 
    
    opacity: 0.08;
    z-index: 0;

}/* End custom CSS */