.elementor-586 .elementor-element.elementor-element-257cd9b{--display:flex;--min-height:82px;--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;}.elementor-586 .elementor-element.elementor-element-64786e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-586 .elementor-element.elementor-element-257cd9b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-64786e9{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-64786e9 */.burger-button {
    background-color: transparent;
    border: 1px solid !important;
    color: #FFFCF2;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;  /* Taille du cercle */
    height: 50px; /* Taille du cercle */
    cursor: pointer;
    position: relative;
    z-index: 9999;
    border-radius: 50%; /* Cercle */
    transition: background-color 0.3s ease;

}
/* (change the number of the template with your own)*/
.elementor-79 { 
	width: 100%;
	animation: fadeInRight 1s ease-in-out;
}


.burger-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition:  all 0.5s ease-out;
	width: 100%;
	height: 100vh;
	z-index: 100;
	
}

.burger-navigation {
	justify-content: center;
	align-items: center;
	transition:  all 0.5s ease-out;
}

.burger-button .burger {
	position: relative;

}

.burger-button .burger span{
	display: block;
	height: 2px;
	width: 34px;
	background: #FFFCF2;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
		
}

.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.burger-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
	
}

.burger-nav_control:checked~.burger-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.burger-nav_control:checked~.burger-button .burger {
	transition: all 0.1s 0s ease;
}


.burger-nav_control:checked~.burger-button .burger span {
	background: #FFFCF2;
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.burger-nav_control:checked~.burger-button .burger span:first-child {
	opacity: 0;
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}/* End custom CSS */