.elementor-1090 .elementor-element.elementor-element-f85c026{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.5;}.elementor-1090 .elementor-element.elementor-element-f85c026:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-f85c026 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1090 .elementor-element.elementor-element-f85c026::before, .elementor-1090 .elementor-element.elementor-element-f85c026 > .elementor-background-video-container::before, .elementor-1090 .elementor-element.elementor-element-f85c026 > .e-con-inner > .elementor-background-video-container::before, .elementor-1090 .elementor-element.elementor-element-f85c026 > .elementor-background-slideshow::before, .elementor-1090 .elementor-element.elementor-element-f85c026 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1090 .elementor-element.elementor-element-f85c026 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://atelier-clarte.fr/wp-content/uploads/2022/03/01-APRES.jpeg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1090 .elementor-element.elementor-element-72d86a4{width:100%;max-width:100%;text-align:center;}.elementor-1090 .elementor-element.elementor-element-72d86a4 img{max-width:29%;}@media(min-width:768px){.elementor-1090 .elementor-element.elementor-element-f85c026{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-f85c026 */.header-scroll {
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.4s ease; /* transition du conteneur */
    min-height: 500px; /* hauteur initiale */
}

.header-scroll img {
    height: 315px;
    transition: all 0.4s ease; /* transition image */
    max-width: 100% !important;
    width: auto;
}

body.scrolled .header-scroll {
	background-color: white;
	border-bottom: solid;
	min-height: 130px;
	position: fixed;
}

body.scrolled .header-scroll::before {
    background-image: none !important;
}

body.scrolled .header-scroll img {
    height: 60px;
    max-width: 100% !important;
    width: auto;
}/* End custom CSS */