

.mm-menu {
font-family: "Radion A", sans-serif;
font-weight: 600;    
font-size: 30px;
    
--mm-color-background: #FFF ;
--mm-color-text: #FFFFFF ;  
--mm-color-icon : #FFFFFF ;
--mm-color-border: rgb(255 255 255 / 0.15);   
--mm-color-background-emphasis : transparent;
--mm-lineheight: 60px !important;
}

.mm-wrapper--opened .mm-menu {
--mm-color-background: var(--color-2) !important;
}

.mm-menu {
  line-height: var(--mm-lineheight);
}

.mm-menu [data-mm-parent]{
font-size: 18px !important;
line-height: 50px
}

.mm-navbar__title{
font-size: 18px !important;
color: var(--color-light) !important;
line-height: 40px
}

.mm-listitem::after {
  border-color: transparent;
}

.mm-menu .Selected a {
   color: var(--color-light) !important;
    opacity: 0.7;
}
.mm-menu .Selected  .mm-btn--next::after{
border: 2px solid var(--color-light) ;
border-bottom: none ;
border-right: none ;
}

.mm-navbars--bottom {
  border-top: 0px !important;
}

.mm-little_menu{
	font-size: 18px !important;
	line-height: 36px;
}

.icon_menu{
	color: #FFF;
	font-size: 20px;
}
.icon_menu_footer{
	color: transparent;
}
.mm-listitem__btn:not(.mm-listitem__text) {
  border-left-width: 0px;
}

.hamburger {
  margin-top: 10px;	
  padding: 0px 0px;
}

.text-white .hamburger-inner, .text-white .hamburger-inner:before,.text-white .hamburger-inner:after{
	background-color: #FFFFFF !important;
}
header{
	position: sticky;
}


body.home{
margin-top: -173px;	
}
 body.body_margin{
margin-top: -151px;	
}
 body.body_margin .first_bloc{
padding-top: 151px;	
}



#scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
 
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: var(--color-2);
  cursor: pointer;
  z-index: 999;
   transform: rotate(-90deg);    
}

.pastille_container{
    clip-path: polygon(0 0%, 100% 7px, 100% 100%, 0 100%);
    color: var(--color-2); 
    max-width: 400px;
    width: calc(100% - 2rem);

}
.pastille_inside{
  padding-top: 1.25rem;    
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 0.5rem;  
}


.pastille_footer{
    background-color: var(--color-2); 
    padding-top: 0.5rem;    
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0.5rem;
}


.abonnement_liste{
clip-path: polygon(0 0%, 100% 20px, 100% 100%, 0 100%);	
}


.abonnement_liste_concerts{
	border-top: 1px solid #FFFFFF;
}

.abonnement_liste_concerts li{
	border-bottom: 1px solid #FFFFFF;
	color: #FFF;
	padding: 4px 0px;
	
}
.abonnement_liste_concerts li a{
	color: var(--color-1) !important;
}

.abonnement_liste .togglenext{
    background-image: url('/img/fleche_open.svg');
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 20px;
    background-size: contain;
}
.abonnement_liste .togglenext.opened{
transform: rotate(180deg);
}


.menu_langue_container{
    position: absolute;
    right: 32px;
    top: 0px;
    display: inline-block;
    padding: 0px !important;
}
.menu_langue, .menu_langue_separator{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 2px;
}

@media all and (max-width:1000px){
   .btn_pastille {
    bottom: auto;
    top: 70%;
  }
    
}


@media all and (max-width:640px){
	
body.home{
margin-top: -109px !important;
}
 body.body_margin{
margin-top: -100px !important;	
}
 
.pastille_container{
 top: 75%; 
bottom: auto;
 }
 
.btn_pastille{
bottom: auto;
top: 50%;     
}
    
.homebox_title_swiper{
top: 30% !important;
}
    

}
