@media only screen and (max-width: 799px )  {

/* CSS POUR TRANSFORMATION DU MENU PRINCIPAL EN MENU RESPONSIVE VERTICAL */ 	
	
	
.lle_new_menu_bouton {
display: inline-block !important;
width: auto;
	background-color:var(--responsive_background_boutonmenu) !important;
	color:var(--responsive_couleur_boutonmenu) !important;
	top:var(--responsive_position_bouton_menu0)!important;
	right:var(--responsive_position_bouton_menu1)!important;
	bottom:var(--responsive_position_bouton_menu2)!important;
	left:var(--responsive_position_bouton_menu3)!important;
		font-size:var(--responsive_taille_bouton_menu) !important;
z-index: 10000;
cursor: pointer;
	position: fixed;
}


#composant_entete_00a , #composant_entete_00b {
display:none !important;
}


.entete_menu {
position: absolute !important;
top: 0px !important;
margin: 0px 0px !important;
}
.entete_menu_dynamique {
background:transparent !important;
display:inline-block !important;
}

.lle_new_menu{
transform: translateX(-200%);
transition: transform 0.3s ease;
padding: 0;
margin: 0;
background:var(--responsive_background_menu) ;
width:var(--responsive_largeur_menu) ;
height: 100vh;
overflow-y: auto;
opacity:var(--responsive_opacite_menu);
position: fixed;
	z-index: 20000;
}
	
.lle_new_menu ul {
list-style-position: outside !important;
}
.lle_new_menu ul ul {
  margin-left:20px; 
}
.lle_new_menu ul ul ul {
margin-left:40px;
}
.lle_new_menu ul ul ul ul {
margin-left:60px;
}
.lle_new_menu li {
margin: 0;
padding: 0;
list-style: none;
	text-align: left;
}

.lle_new_menu li a , .lle_new_menu .sub-menu li a  {
display: block;
text-decoration: none;
color: var(--responsive_couleur_niveau1_menu) ;
margin: var(--responsive_marges_niveau1_menu);
position: relative; 
}

/* Style pour les sous-menus (masqués par défaut) */
.lle_new_menu .sub-menu {
display: none;


}

.lle_new_menu  .sub-menu a {
color: var(--responsive_couleur_niveau2_menu) ;
margin: var(--responsive_marges_niveau2_menu);
}



/* Style pour le menu actif (si nécessaire) */
.lle_new_menu li.current-menu-item a {
    background-color: #333;
    color: #fff; 
}







}






















@media only screen and (min-width: 800px )  {
.lle_new_menu_bouton {
display:none;
}

.lle_new_menu_horizontal {
	transform: translateX(0);
	background-color: var(--menu_new_barremenu_fond); 
margin: var(--menu_new_barremenu_marges);
display: inline-block;
float:var(--menu_new_barremenu_alignement);
}


.lle_new_menu_horizontal  nav {
width:auto;
}

/*1ers items*/
.lle_new_menu_horizontal div>ul>li  {
margin: var(--menu_new_premiers_items_marges);
padding: var(--menu_new_premiers_items_padding);	
	}
.lle_new_menu_horizontal div>ul>li>a  {
color: var(--menu_new_premiers_items_color);  
font-size:var(--menu_new_premiers_items_taille);
}

.lle_new_menu_horizontal div>ul> .menu-item-has-children>a::after , .menu-item-langue-encours span::after {
content:"\25BA" ; 
color: var(--menu_new_premiers_items_color);  

 transition: transform 0.3s ease;
 font-size: 70%;
margin: var(--menu_new_menu_signes_marge) ;
	position: absolute;
}

.lle_new_menu_horizontal div>ul> .menu-item-has-children:hover>a:after ,.menu-item-langue-encours:hover span::after {
    transform: rotate(90deg); /* Rotation de la flèche au survol */
}

.lle_new_menu_horizontal div>.menu {
margin: var(--menu_new_premiers_items_marges);
padding: var(--menu_new_premiers_items_padding);	
}



/*ssmenu*/

.lle_new_menu_horizontal  .sub-menu {
min-width:var(--menu_new_bloc_ssmenu_largeur_mininum);
margin: var(--menu_new_bloc_ssmenu_marges);
padding: var(--menu_new_bloc_ssmenu_padding);	
}
.lle_new_menu_horizontal ul ul ul {
margin-left: 100% !important;
margin-top: -30px !important;
width: max-content;
}


.lle_new_menu_horizontal  .sub-menu a {
    color: var(--menu_new_ssmenu_items_color);  
    text-decoration: none; 
	font-size:var(--menu_new_ssmenu_items_taille);
}
.lle_new_menu_horizontal ul ul a {
    padding: var(--menu_new_ssmenu_items_padding) ;
	display: block;
}
.lle_new_menu_horizontal  .sub-menu  .menu-item-has-children>a::after {
content:"\25BA" ; 
color: var(--menu_new_ssmenu_items_color);  
margin: 5px ;
display: block;
float: right;
transition: transform 0.3s ease;
font-size: 70%;
margin-top: 5px;
}
.lle_new_menu_horizontal  .sub-menu  .menu-item-has-children:hover>a::after  {
    transform: rotate(90deg); /* Rotation de la flèche au survol */
}


.lle_new_menu_horizontal  a:hover {
    background-color: var(--menu_hover_couleurfond); /* Couleur de fond au survol du lien */
}

/* Styles pour les sous-menus déroulants (si applicable) */
.lle_new_menu_horizontal  ul.sub-menu {
    display: none; /* Masquer les sous-menus par défaut */
    position: absolute;
    background-color:var(--menu_new_bloc_ssmenu_couleur_fond); /* Couleur de fond des sous-menus */
    border-top: 2px solid var(--menu_new_bloc_ssmenu_couleur_fond); /* Bordure supérieure des sous-menus */
	text-align: var(--menu_new_bloc_ssmenu_alignement);
}

.lle_new_menu_horizontal  li:hover > ul.sub-menu , .lle_new_menu_horizontal  .zone_de_choix_de_langue:hover > ul.sub-menu {
    display: block;
}


.lle_new_menu_horizontal ul {
    list-style: none; /* Supprimez les puces de la liste */
    display: flex; /* Affichez les éléments de la liste en tant que flexbox */	
    
}


}









@media only screen and (min-width: 800px )  {

/* CSS POUR MENU RESPONSIVE VERTICAL EN SHORTCODE */ 	

.entete_menu_dynamique 	{
display: initial !important;
height: 0 !important;
width: 0 !important;
margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
}
.admin-bar .entete_menu_dynamique { 
	margin-top:32px !important;
}



.entete_menu_dynamique .lle_new_menu_bouton {
display:block !important;
left:0px;
width: 50px;
height: auto;	
float:left;
position:fixed !important;
	background-color:var(--responsive_background_boutonmenu) !important;
	color:var(--responsive_couleur_boutonmenu) !important;
margin:0px 0px 0px 0px !important;
		font-size:var(--responsive_taille_bouton_menu) !important;
z-index: 10000;
cursor: pointer;
	
	
	
	
}	
	
.entete_menu_dynamique #lle_new_menu   {
 transform: translateX(-200%) ;
	float:left;
height: 100vh;
width: 400px !important;	
background:var(--responsive_background_menu) ;
opacity:1 important;	
 transition: all 1s ease;
	
}	
	
.lle_new_menu_VERTICAL  {

padding: 0!important;
margin: 0!important;

overflow-y: auto!important;
opacity:1 !important;
	z-index: 20000!important;
	
}
	
.lle_new_menu_VERTICAL ul {
list-style-position: outside !important;
margin:auto;
}
.lle_new_menu_VERTICAL ul ul {
  margin-left:20px!important;
}
.lle_new_menu_VERTICAL ul ul ul {
margin-left:40px!important;
}
.lle_new_menu_VERTICAL ul ul ul ul {
margin-left:60px!important;
}
.lle_new_menu_VERTICAL li {
margin: 0!important;
padding: 0!important;
list-style: none!important;
	text-align: left!important;
}

.lle_new_menu_VERTICAL li a , .lle_new_menu_VERTICAL .sub-menu li a  {
display: block!important;
text-decoration: none!important;
color: var(--responsive_couleur_niveau1_menu) !important;
margin: var(--responsive_marges_niveau1_menu)!important;
position: relative!important;
}

/* Style pour les sous-menus (masqués par défaut) */
.lle_new_menu_VERTICAL .sub-menu {
display: none ;


}

.lle_new_menu_VERTICAL  .sub-menu a {
color: var(--responsive_couleur_niveau2_menu) !important;
margin: var(--responsive_marges_niveau2_menu)!important;
}



/* Style pour le menu actif (si nécessaire) */
.lle_new_menu_VERTICAL li.current-menu-item a {
    background-color: #333!important;
    color: #fff!important;
}

/* Style pour le signe indicatif des menus avec des items enfants */
.lle_new_menu_VERTICAL .menu-item-has-children>a::after {
    content: "\25B6" !important; /* Code Unicode pour une flèche vers la droite */
    position: absolute!important;
    font-size: 12px!important; /* Ajustez la taille de la flèche selon vos préférences */
    color: var(--responsive_couleur_niveau1_menu) !important;
    transform: translateY(-50%)!important;
	margin:12px 0px 0px 5px!important;
}
.lle_new_menu_VERTICAL .menu-item-has-children>a {
cursor: zoom-in!important;
}












}











/**********************************************************/
/* CAS DE l'affichage du menu langue hors menu principal  */
/**********************************************************/
.lle_pied .zone_de_choix_de_langue  {
  display: block;
text-align: center;
}
.lle_pied .zone_de_choix_de_langue .sub-menu {
list-style: none;
  text-align: center;
  display: block;
  width: 100%;
}
.lle_pied .zone_de_choix_de_langue .sub-menu li {
  display: inline-block;
  margin: 0px 15px 0px 0px;
}