.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-e7e1d67:#295042;--e-global-color-8ee03fb:#E7F1E6;--e-global-color-c091a84:#2C7C96;--e-global-color-a18848c:#D5E5EA;--e-global-color-50143aa:#F5A731;--e-global-color-f97a505:#F7B95A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:700;--e-global-typography-f2f5a22-font-family:"Montserrat";--e-global-typography-f2f5a22-font-size:1rem;--e-global-typography-f2f5a22-font-weight:700;--e-global-typography-f2f5a22-text-transform:uppercase;--e-global-typography-0341b56-font-family:"Montserrat";--e-global-typography-0341b56-font-size:2.5rem;--e-global-typography-0341b56-font-weight:900;--e-global-typography-0341b56-text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* mobile */
.separation_montagne {
    width: 100%;
    height: 50px;
}
.separation_montagne svg {
    width: 100%;
    height: 26px;
}
.hero_ht {
	min-height: 35vh;
}
/* bureau */
@media (min-width: 768px) {
    .separation_montagne {
        width: 100%;
        height: 50px;
    }
    .separation_montagne svg {
        width: 100%;
        height: auto;
    }
    .hero_ht {
    	--header-height: 80px;
    	--title-height: 180px;
    	min-height: calc(100vh - (var(--header-height) + var(--title-height)));
    }
}
/* tablette */
@media (max-width: 1024px) and (min-width: 768px) {
    .separation_montagne {
        width: 100%;
        height: 50px;
    }
    .separation_montagne svg {
        width: 100%;
        height: auto;
    }
    .hero_ht {
        min-height: 55vh;
    }
}

.separation_montagne .st0 {
    opacity: 0.5;
}
.separation_montagne .st1 {
    opacity: 0.8;
}
footer {
    margin-top: -75px;
}

/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-con.elementor-element {
	--header-height: 80px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-color: rgba(231, 241, 230, .5); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .2); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-width: 250px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	width: var(--logo-width);
	transition: width var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	width: calc(var(--logo-width) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}/* End custom CSS */