#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); display: var(--hamburgerDisplay, inline-flex); 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); 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: 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(//les4scenes.com/wp-content/uploads/2025/12/menu4scenes.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;
} #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: #008755;
--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;
}
}