.elementor-45070101 .elementor-element.elementor-element-7e15d84:not(.elementor-motion-effects-element-type-background), .elementor-45070101 .elementor-element.elementor-element-7e15d84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/img/cms/page/Nos%20realisation/fond2.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-45070101 .elementor-element.elementor-element-7e15d84 > .elementor-background-overlay{background-color:rgba(0,0,0,0.7);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-45070101 .elementor-element.elementor-element-7e15d84 .elementor-background-overlay{filter:brightness( 114% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-45070101 .elementor-element.elementor-element-7e15d84{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-25px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-b8458b4.elementor-column .elementor-column-wrap{align-items:flex-start;}.elementor-45070101 .elementor-element.elementor-element-b8458b4.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:flex-start;}.elementor-45070101 .elementor-element.elementor-element-b8458b4 > .elementor-element-populated{margin:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-56ca3b9.elementor-widget-heading .elementor-heading-title{color:#f26f27;}.elementor-45070101 .elementor-element.elementor-element-c9af4bc > .elementor-container{min-height:676px;}.elementor-45070101 .elementor-element.elementor-element-c9af4bc{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-c00613d.elementor-column .elementor-column-wrap{align-items:center;}.elementor-45070101 .elementor-element.elementor-element-c00613d.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;justify-content:center;}.elementor-45070101 .elementor-element.elementor-element-c00613d > .elementor-element-populated{margin:050px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-1b6c560{text-align:center;}.elementor-45070101 .elementor-element.elementor-element-1b6c560 .elementor-image img{width:96%;max-width:55%;opacity:0.84;}.elementor-45070101 .elementor-element.elementor-element-1b6c560 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-627743e.elementor-column .elementor-column-wrap{align-items:center;}.elementor-45070101 .elementor-element.elementor-element-627743e.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;}.elementor-45070101 .elementor-element.elementor-element-627743e > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:30px;}.elementor-45070101 .elementor-element.elementor-element-627743e > .elementor-element-populated{padding:60px 035px 150px 035px;}.elementor-45070101 .elementor-element.elementor-element-b612bc4.elementor-widget-heading .elementor-heading-title{color:#f26f27;}.elementor-45070101 .elementor-element.elementor-element-b612bc4 .elementor-heading-title{font-size:49px;}.elementor-45070101 .elementor-element.elementor-element-b612bc4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-90e455f .elementor-text-editor{text-align:left;}.elementor-45070101 .elementor-element.elementor-element-90e455f{color:#ffffff;font-size:15px;line-height:1.4em;letter-spacing:0.7px;}.elementor-45070101 .elementor-element.elementor-element-90e455f > .elementor-widget-container{margin:0px 0150px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-a494275 .elementor-counter-number-wrapper{color:#f26f27;font-size:41px;}.elementor-45070101 .elementor-element.elementor-element-a494275 .elementor-counter-title{color:#f27d3e;}.elementor-45070101 .elementor-element.elementor-element-f35a9d4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-45070101 .elementor-element.elementor-element-c00613d{width:38.964%;}.elementor-45070101 .elementor-element.elementor-element-627743e{width:61.036%;}}@media(max-width:1024px){.elementor-45070101 .elementor-element.elementor-element-56ca3b9{text-align:center;}.elementor-45070101 .elementor-element.elementor-element-56ca3b9 > .elementor-widget-container{margin:035px 0px 0px 0px;}}@media(max-width:767px){.elementor-45070101 .elementor-element.elementor-element-7e15d84:not(.elementor-motion-effects-element-type-background), .elementor-45070101 .elementor-element.elementor-element-7e15d84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/img/cms/page/Nos%20realisation/fond-final.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-45070101 .elementor-element.elementor-element-56ca3b9{text-align:center;}.elementor-45070101 .elementor-element.elementor-element-56ca3b9 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-45070101 .elementor-element.elementor-element-90e455f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for counter, class: .elementor-element-a494275 */.compteur {
    display: flex; 
    justify-content: left; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f35a9d4 */.groupe {
    display: flex;
    width: 100%;
    gap: 10%; 
}
.image1:hover .overlay-text1, .image2:hover .overlay-text2 {
    display: block;
    z-index: 1000;
     left: 50%; 
    top: 50%;
    transform: translate(-50%, -50%); 
   transition: transform 1s;
    color: #F26F27; 
    animation: holow 1s;
}
@keyframes holow {
    0%{
        opacity: 0.3;
    }
    50%{
        opacity:0.7;
    }
    100%{
        opacity: 1; 
    }
}
.image1, .image2 {
    width: 250px;
    position: relative; 
 filter: brightness(130%); 
 overflow: hidden;
 border-radius: 8px

}
.image1:hover img, .image2:hover img{
 filter: brightness(70%); 
     transform: scale(1.35, 1.35); 
     transition: transform 0.3s ease;
     transform-origin: center; 


    
}
.image1 img, .image2 img{
    display: flex; 
    border-radius: 8px 8px 0px 0px;
    width: 250px; 
    height: 250px;
    border: solid 2px #F26F27; 
    overflow: hidden; 
     object-fit: cover; 



}


.pied1, .pied2  {
    height: 40px;
    background-color: #F26F27; 
    width: 250px;
    border-radius: 0px 0px 8px 8px;
}


.overlay-text1, .overlay-text2{
    position: absolute; 
   font-size: 20px;
   font-weight: bold; 
   transform: translateX(-50%) translateY(200%); 
   left: -100px;
}

.pied1::before {
    display: flex;
    content: 'PARTICULIER';
    z-index: 4; 
    color: white;
    justify-content: center;
    padding-top: 8px;
    font-weight: bold; 
    
}
.pied2::before {
    display: flex;
    content: 'PROFESSIONNEL';
    z-index: 4; 
    color: white;
    justify-content: center;
    padding-top: 8px;
    font-weight: bold; 
    
}
@media screen and (min-width: 768px)  and (max-width: 960px) {
    .contenu {
        display: block;
        margin-top: 100px;
    }
    .groupe {
        gap:2%; 
    }
    
}

@media screen and (max-width: 768px) {
    .groupe {
        display: block;
        position:relative;
    }
    .image1{
        margin: auto;
        margin-bottom: 50px;
        
    }
    .image2 {
        margin: auto;
    }
    .compteur {
        justify-content: center;
    }
    .titre-mobile{
        text-align: center;
        font-size: 8px ;
        margin-top: -75px;
    }
    .text-mobile {
        text-align: center ;
        margin-top: -90px;
        
    }
    .carte {
        margin-top: -50px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7e15d84 */.fond-realisations::before {
    content: "";                  /* Nécessaire pour afficher le pseudo-élément */
    position: absolute;           /* Positionner absolument par rapport à .element */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Couleur noire avec 50% de transparence */
    z-index: 1;                   /* Met la couche au-dessus de l'image */
}
.contenu {
    text-align: left; 
}
@media screnn and (max-width: 768px) {
    
}/* End custom CSS */