#top-bar .flex-col ul.nav {
    display: none;
}

#menu-custom-coin .r-button {
    --uirButtonBackgroundColor: var(--rButtonBackgroundColor, transparent);
    --uirButtonPadding: var(--rButtonPadding, var(--rButtonPaddingTop, 0) var(--rButtonPaddingRight, 0) var(--rButtonPaddingBottom, 0) var(--rButtonPaddingLeft, 0));
    --uirButtonBorderWidth: var(--rButtonBorderWidth, 0);
    --uirButtonBorderStyle: var(--rButtonBorderStyle, solid);
    --uirButtonBorderColor: var(--rButtonBorderColor, currentColor);
    --uirButtonFontFamily: var(--rButtonFontFamily, inherit);
    --uirButtonFontSize: var(--rButtonFontSize,  inherit);
    --uirButtonColor: var(--rButtonColor);

    background-color: var(--uirButtonBackgroundColor);
    padding: var(--uirButtonPadding);
    border-width: var(--uirButtonBorderWidth);
    border-style: var(--uirButtonBorderStyle);
    border-color: var(--uirButtonBorderColor);
    cursor: pointer;
    font-family: var(--uirButtonFontFamily);
    font-size: var(--uirButtonFontSize);
    margin: 0;
}

#menu-custom-coin .r-button::-moz-focus-inner,
#menu-custom-coin .r-button[type="button"]::-moz-focus-inner,
#menu-custom-coin .r-button[type="reset"]::-moz-focus-inner,
#menu-custom-coin .r-button[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

#menu-custom-coin .r-link {
    --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
    --uirLinkTextColor: var(--rLinkTextColor);
    --uirLinkTextDecoration: var(--rLinkTextDecoration, none);

    display: var(--uirLinkDisplay) !important;
    color: var(--uirLinkTextColor) !important;
    text-decoration: var(--uirLinkTextDecoration) !important;
	text-transform: none;
}

#menu-custom-coin .r-list {
    --uirListPaddingLeft: var(--rListPaddingLeft, 0);
    --uirListMarginTop: var(--rListMarginTop, 0);
    --uirListMarginBottom: var(--rListMarginBottom, 0);
    --uirListListStyle: var(--rListListStyle, none);

    padding-left: var(--uirListPaddingLeft) !important;
    margin-top: var(--uirListMarginTop) !important;
    margin-bottom: var(--uirListMarginBottom) !important;
    list-style: var(--uirListListStyle) !important;
}

#menu-custom-coin .m-hamburger {  
    --uiHamburgerThickness: var(--hamburgerThickness, 4px);/* avant 3px*/

    display: var(--hamburgerDisplay, inline-flex);
    /*width: var(--hamburgerWidth, 28px);
    height: var(--hamburgerHeight, 20px);*/
	width: 2.75em;
    height: 1.85em;
	top: 20px;
    position: relative;
}

#menu-custom-coin .m-hamburger::before, 
#menu-custom-coin .m-hamburger::after, 
#menu-custom-coin .m-hamburger__label {
    width: 100%;
    height: var(--uiHamburgerThickness);
    /*border-radius: var(--hamburgerBorderRadius, 5px);*/
    background-color: var(--hamburgerBackgroundColor, currentColor);
    position: absolute;
    left: 0;
}

#menu-custom-coin .m-hamburger::before, 
#menu-custom-coin .m-hamburger::after {
    content: "";
}

#menu-custom-coin .m-hamburger::before {
    top: 0;
}

#menu-custom-coin .m-hamburger::after {
    bottom: 0;
}

#menu-custom-coin .m-hamburger__label {
    top: calc(50% - calc(var(--uiHamburgerThickness) / 2));
}

#menu-custom-coin .screen-reader {
    width: var(--screenReaderWidth, 1px) !important;
    height: var(--screenReaderHeight, 1px) !important;
    padding: var(--screenReaderPadding, 0) !important;
    border: var(--screenReaderBorder, none) !important;
    position: var(--screenReaderPosition, absolute) !important;
    clip: var(--screenReaderClip, rect(1px, 1px, 1px, 1px)) !important;
    overflow: var(--screenReaderOverflow, hidden) !important;
}

#menu-custom-coin {
    --uiMenuCircleSize: var(--menuCircleSize, 6.25rem);
    --uiMenuCircleOffset: var(--menuCircleOffset, 1rem);
    --uiMenuCircleHeight: calc(var(--uiMenuCircleSize) / 2);  
    --uiMenuCircleBackgroundColor: var(--menuCircleBackgroundColor, currentColor);
    --uiMenuHamburgerWidth: var(--menuHamburgerWidth, 1.75rem);
    --uiMenuHamburgerHeight: var(--menuHamburgerHeight, 1.25rem);
    --rButtonPaddingBottom: calc(var(--uiMenuCircleHeight) - var(--uiMenuHamburgerHeight) - var(--uiMenuCircleOffset));
    --rButtonPaddingTop: calc(var(--uiMenuCircleHeight) - var(--uiMenuHamburgerHeight) - var(--uiMenuCircleOffset) - (var(--uiMenuCircleOffset) / 2));
    --hamburgerWidth: var(--uiMenuHamburgerWidth);
    --hamburgerHeight: var(--uiMenuHamburgerHeight);
    --hamburgerBackgroundColor: var(--menuHamburgerBackgroundColor, #fff);

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;  
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: var(--menuZindex, 9998);*/
	z-index: 9998;
}

#menu-custom-coin .menu__nav {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    transition: opacity .2s ease-out;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    z-index: 2;
    max-width: 750px;
    padding: 0 0 0 50px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#menu-custom-coin .menu__list {
    width: 100%;
    text-align: left;
    columns: 1;
	padding-top: 20px;
}

#menu-custom-coin .menu__toggle {
    box-sizing: border-box;
    width: var(--uiMenuCircleSize);
    height: var(--uiMenuCircleHeight);
    flex: none;
    position: relative;
    z-index: 0;
}

#menu-custom-coin .menu__toggle::before {
    content: "";
    width: calc(189px - 50px);
    height: calc(253px - 50px);
    background-color: var(--uiMenuCircleBackgroundColor);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(0% 0%, 50% 50%, 100% 100%, 100% 0);
    transition: width .25s cubic-bezier(.04,-.1,.29,.98),height .25s cubic-bezier(.04,-.1,.29,.98),clip-path .25s cubic-bezier(.04,-.1,.29,.98);
}

#menu-custom-coin .menu__toggle::after {
    content: "";
    width: 189px;
    height: 253px;
    background-image: url(https://les4scenes.com/wp-content/uploads/2025/12/menu4scenes-noir.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

#menu-custom-coin.menu_activated .menu__toggle::before {
    content: "";
    width: 40vmax;
    height: 100vmax;
    clip-path: polygon(0% 0%, 0 100%, 100% 100%, 100% 0);
}

@media screen and (max-width:1800px) and (min-width:1461px) {
    #menu-custom-coin.menu_activated .menu__toggle::before {
        width: 50vmax;
    }
}

@media screen and (max-width:1460px) and (min-width:1201px) {
    #menu-custom-coin.menu_activated .menu__toggle::before {
        width: 60vmax;
    }
}

@media screen and (max-width:1200px) and (min-width:982px) {
    #menu-custom-coin.menu_activated .menu__toggle::before {
        width: 70vmax;
    }
}

@media screen and (max-width: 981px) {
    #menu-custom-coin.menu_activated .menu__toggle::before {
        width: 100vmax;
    }

    #menu-custom-coin .menu__toggle {
        width: calc(var(--uiMenuCircleSize) - 1em);
    }

    #menu-custom-coin .m-hamburger {
        top: 15px
    }

    #menu-custom-coin .menu__toggle::before {
        width: calc(125px - 30px);
        height: calc(167px - 30px);
    }

    #menu-custom-coin .menu__toggle::after {
        width: 125px;
        height: 167px;
    }
}

#menu-custom-coin .m-hamburger::before, 
#menu-custom-coin .m-hamburger::after, 
#menu-custom-coin .m-hamburger__label {
    transition-timing-function: ease;
    transition-duration: .15s;  
}

#menu-custom-coin.m-hamburger::before, 
#menu-custom-coin .m-hamburger::after {
    transition-property: transform;
}

#menu-custom-coin .m-hamburger__label {
    transition-property: transform, opacity;
}

/*#tremplin-menu .menu__toggle:focus {
    outline: var(--menuHaburgerOutlineOWidth, 2px) solid var(--menuHaburgerOutlineColor);
    outline-offset: var(--menuHaburgerOutlineOffset, 5px);
}*/

#menu-custom-coin.menu_activated {
    height: 100%;
}

#menu-custom-coin.menu_activated .menu__nav {
    flex-grow: 1;
    opacity: 1;
    will-change: opacity;
    transition-duration: .2s;
    transition-delay: .3s;
}

#menu-custom-coin .menu:not(.menu_activated) .menu__list {
    display: none;
}

#menu-custom-coin.menu_activated .m-hamburger::before {
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(45deg);
}

#menu-custom-coin.menu_activated .m-hamburger::after {
    transform: translate3d(0, -50%, 0) rotate(135deg);
    top: 50%;
}

#menu-custom-coin.menu_activated .m-hamburger__label {
    transform: rotate(-45deg) translate3d(-.285em,-.3em, 0);
    opacity: 0;
}

:root {
    --colorWhite: #fff;
    --colorMain: #000;
    --menuCircleBackgroundColor: var(--colorMain);
    --menuHamburgerBackgroundColor: var(--colorWhite);
    --menuHaburgerOutlineColor: var(--colorMain);
}

#menu-custom-coin.menu_activated {
    --menuHaburgerOutlineColor: var(--colorWhite);
}

#menu-custom-coin .menu-btn-wrap {
    max-width: 1920px;
    width: 100%;
    padding: 0;
    text-align: right;
}

#menu-custom-coin .menu__group {
    --rLinkTextColor: var(--colorWhite);

    padding: .9rem 1rem .9rem 2rem; 
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}


#menu-custom-coin .menu__group .sub-menu {
	padding-top: 10px;
}

#menu-custom-coin .menu__group .sub-menu .menu__group {
	font-size: 0.55em !important;
	font-weight: 300;
	padding: 3px 0em;
}

.header-wrapper.stuck {
    padding-top: 50px;
}

#menu-custom-coin .logo-reseaux-sociaux.menu__group {
	display: inline-block;
  	vertical-align: middle;
}

@media screen and (min-width: 783px) {
    .admin-bar #tremplin-menu.menu_activated {
        height: calc(100% - 32px);
    }
}

@media screen and (max-width: 782px) {
    .admin-bar #tremplin-menu.menu_activated {
        height: calc(100% - 46px);
    }
}

@media screen and (max-width: 399px) {
    #menu-custom-coin .menu__nav {
        padding: 0 0 0 25px;
    }
}