/*******************************grand écran*/
@media (min-width: 1065px) {

	/*supprimer l'effet opacité lors du survol des menus*/
    #new-menu .et_pb_menu__menu a:hover, #mobile_menu1 a:hover {
        opacity:1 !important;
    }
	
	/*suppression de la bordure sous menu*/
    #new-menu .et_pb_menu__menu li.mega-menu ul { border:0px; }
        
    /*espace entre éléments de 1er niveau*/
    #new-menu .mega-menu.menu-item {
        font-size:16px!important;
        padding-right:1%!important;
        padding-top:40px!important;
    }
    

	/* ajouter une ligne au survol des éléments du menu bas de page */
	#menu-bas-de-page a {
		display: inline;
		position: relative;
		color: #228db2;
		text-decoration: none;
	}

	#menu-bas-de-page a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 2px;
		width: 0%;
		left: 0px;
		height: 1px;
		transition: 0.25s cubic-bezier(0.72,-0.01, 0.19, 0.92);
		background: #228db2;
	}

	#menu-bas-de-page a:hover:after {
		width: 100%;
	}
	/* ajouter une ligne au survol des éléments du menu latéral */
	#menu_lateral a {
		display: inline;
		position: relative;
		color: #228db2;
		text-decoration: none;
	}

	#menu_lateral a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 2px;
		width: 0%;
		left: 0px;
		height: 1px;
		transition: 0.25s cubic-bezier(0.72,-0.01, 0.19, 0.92);
		background: #228db2;
	}

	#menu_lateral a:hover:after {
		width: 100%;
	}
	
	/*suppression de la flèche des menus du 1er niveau*/
    #new-menu .mega-menu.menu-item-has-children > a:first-child {padding-right: 0px; }
    #new-menu .mega-menu.menu-item-has-children > a:first-child:after {content: '';}
    #new-menu .mega_menu.menu-item-has-children {padding-right: 0px;}
    
    /*Survol des sous-menus*/
    #new-menu .et_pb_menu__menu li.mega-menu > ul > li > a:first-child:hover {
        background-color: rgba(34,141,178,0.91)!important;
        color:white!important;
        padding-left:10%!important;
    }
    
    /*zone de sous-menus*/
    #new-menu .et_pb_menu__menu li ul  {
        padding-top:30px!important;
        margin-top:-2px!important;
        margin:0;
        padding-left:10%!important;
        padding-right:10%!important;
        
    }
    
    /*Sous-menus */
    #new-menu .et_pb_menu__menu li.mega-menu>ul>li:nth-child(1n+1) {
        width:30%;
        margin-left:20px;
    }
    
    /*edit the Divi mega menu submenu first row*/
    #new-menu .et_pb_menu__menu li.mega-menu > ul > li > a:first-child {
        font-size:14px!important;
        font-style:normal!important;
        line-height: 1;
        height:5px;
        /*suppression majuscule*/
        text-transform:none!important;
        padding-bottom:30px!important;
        padding-top:10px!important;
        margin-top:0px!important;
        margin-bottom:0px!important;
        border-top: solid 1px #228db2 !important;
        border-bottom: solid 1px #228db2 !important;
        width: auto!important;
    }
  
    /*largeur de menu = largeur de l'écran*/
    #new-menu .et_pb_menu__menu { width:100%;} 
	#new-menu .et-menu-nav { width:100%;}
	#new-menu #menu-menu-principal { width:100%;}

	/*logo menu mobile --> invisible*/
    #new-menu .logo-menu { padding-top:10px!important;}
	#new-menu .logo-menu-mobile { width:0px; }

	/*icone recherche = loupe dans menu*/
    #new-menu .menu-search { padding-top:30px!important; } /*marge haute*/
    #new-menu .menu-search a:hover { transform: rotate(15deg); } /*zoom au survol*/

    /*icone recherche mobile --> invisible*/
    #new-menu .menu-search-mobile { display:none!important; }

    /*icone SOS dans menu*/
    #new-menu .ld-icon-sos { padding-top:25px!important; } /*marge haute*/
    #new-menu .ld-icon-sos a:hover {
        transform: scale(1.4);
        transform-origin: 1 0;
    }
	
        
    #new-menu .et_pb_menu__wrap {
        margin-right:-10% !important;
        margin-left:-10% !important;
    }

    
}

/*************************tablette**************************/

@media screen and (min-width:768px) and (max-width:1065px) {

	/*supprimer l'effet opacité lors du survol des menus*/
    #new-menu .et_pb_menu__menu a:hover, #mobile_menu1 a:hover {
        opacity:1 !important;
    }
	 
    /*force l'affichage du menu grand écran pour tablette*/
    #new-menu .et_pb_menu .et_pb_menu__menu {display: block!important;}
    #new-menu .et_pb_menu .et_mobile_nav_menu {display: none!important;}
      
    /*suppression de la bordure sous menu*/
    #new-menu .et_pb_menu__menu li.mega-menu ul {border:0px;}

    /*largeur de menu = largeur de l'écran*/
    #new-menu .et_pb_menu__menu { width:100%;} 
	#new-menu .et-menu-nav { width:100%;}
	#new-menu #menu-menu-principal { width:100%;margin-top:20px;}

	/*logo menu grand écran invisible - logo mobile visible*/
	#new-menu .logo-menu { width:0px;}
	#new-menu .logo-menu-mobile {
		width:80px!important;
		margin-top:-10px!important;
	}

	/*icone recherche dans menu*/
    #new-menu .menu-search { margin-top:2px!important; }
    #new-menu .menu-search a:hover { transform: rotate(15deg); }
    /*.menu-search-mobile { display:none!important; }*/

    /*icone SOS*/
    #new-menu .ld-icon-sos { margin-top:2px!important;}
    #new-menu .ld-icon-sos a:hover { width:32px;}
	
    /*zone de menu : centré*/	
    #new-menu .et_pb_menu__wrap {
        margin-right:-10% !important;
        margin-left:-10% !important;
    }

    /*éléments de 1er niveau : Commune / Démarche ... */
    #new-menu .et_pb_menu__menu .menu-item {
        font-size:14px!important;
        padding-right:1%!important;
        padding-left:15px!important;
    }
    
    /*suppression de la flèche des menus du 1er niveau*/
    #new-menu .mega-menu.menu-item-has-children > a:first-child {padding-right: 0px; }
    #new-menu .mega-menu.menu-item-has-children > a:first-child:after {content: '';}
    #new-menu .mega_menu.menu-item-has-children {padding-right: 0px;}

    /*zone de sous-menus*/
    #new-menu .et_pb_menu__menu li ul  {
        padding-top:10px!important;
        margin-top:-5px!important;
    }
        
    /*Sous-menus : affichage l'un en-dessous de l'autre + marge*/
    #new-menu .et_pb_menu__menu li.mega-menu>ul>li:nth-child(1n+1) {
        width:80%;
        margin-left:10%!important;
    }
        
    /*Survol des sous-menus -->fond bleu + texte blanc */
    #new-menu .et_pb_menu__menu li.mega-menu > ul > li > a:first-child:hover {
        background-color: rgba(34,141,178,0.91)!important;
        color:white!important;
    }

    /*apparence du sous menu*/
    #new-menu .et_pb_menu__menu li.mega-menu > ul > li > a:first-child {
        font-size:13px!important;
        font-style:normal!important;
        font-weight:normal!important;
        line-height: 1;
        /*marges interligne*/
        padding-bottom:15px!important;
        padding-top:15px!important;
        /*marges du header noir*/
        margin-top:0px!important; 
        margin-bottom:0px!important;
        border-bottom: dashed 1px #228db2 !important;
        width: auto!important;
    }
	
	/* ajouter une ligne au survol des éléments du menu bas de page */
	#menu-bas-de-page, #menu-bas-de-page-1 {
		width:100%
	}
	#menu-bas-de-page-1 a {
		display: inline;
		position: relative;
		color: #228db2;
		text-decoration: none;
	}

	#menu-bas-de-page-1 a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 2px;
		width: 0%;
		left: 0px;
		height: 1px;
		transition: 0.25s cubic-bezier(0.72,-0.01, 0.19, 0.92);
		background: #228db2;
	}

	#menu-bas-de-page-1 a:hover:after {
		width: 100%;
	}
	/* ajouter une ligne au survol des éléments du menu latéral */
	#menu_lateral a {
		display: inline;
		position: relative;
		color: #228db2;
		text-decoration: none;
	}

	#menu_lateral a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 2px;
		width: 0%;
		left: 0px;
		height: 1px;
		transition: 0.25s cubic-bezier(0.72,-0.01, 0.19, 0.92);
		background: #228db2;
	}

	#menu_lateral a:hover:after {
		width: 100%;
	}

}

/******************************mobile*******************************/
@media all and (max-width:767px) {

    /* Empêcher le scroll de la page quand le menu mobile est ouvert */
    body.et_mobile_menu_open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Améliorer le scroll du menu mobile existant */
    #new-menu .et_mobile_menu {
        padding-top: 0px !important;
        border: none;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 25px !important;
        
        /* Scroll amélioré */
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        max-height: calc(100vh - 90px) !important; /* Hauteur max moins la hauteur du header */
        
        /* Masquer l'ascenseur mais garder le scroll */
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    /* Masquer l'ascenseur pour webkit */
    #new-menu .et_mobile_menu::-webkit-scrollbar {
        display: none;
    }
    
    /* S'assurer que les sous-menus sont aussi scrollables */
    #mobile_menu2 ul.sub-menu {
        overflow-y: auto !important;
        max-height: 60vh !important;
    }
    
    /* Améliorer la zone de menu wrap */
    #new-menu .et_pb_menu__wrap {
        min-height: 90px;
        margin-top: -30px;
        position: relative;
        z-index: 999999;
    }
    
    /* S'assurer que le conteneur principal du menu a la bonne hauteur */
    .et_mobile_menu_open #new-menu .et_mobile_menu {
        position: fixed !important;
        top: 90px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: white !important;
        z-index: 999998 !important;
    }


	/*supprimer l'effet opacité lors du survol des menus*/
    #new-menu .et_pb_menu__menu a:hover, #mobile_menu1 a:hover {
        opacity:1 !important;
    }
	/*#row_menu_mobile_icons{
		display:flex;
		flex-direction:row;
		align-items:center;
	}

	#row_menu_mobile_icons .et_pb_column{
		
	}
    #row_menu_mobile_icons > .et_pb_column_0_tb_header{
		width:80%!important;
		height:50px;
	}
	#row_menu_mobile_icons > .et_pb_column:not(:first-child) {
		width: 8%!important;
	}
	#row_menu_mobile {
		
	}*/

	  
    /*zone MENU*/
    #new-menu .et_pb_menu__wrap {
        min-height:90px;
        margin-top:-30px;    
    }
		 
    #new-menu  .et_mobile_menu {
        padding-top:0px!important;
        border: none;
        max-width:100%;
        margin-left:0;
        margin-right:0;
        margin-top:25px!important;
		/* Masquer l'ascenseur mais garder le scroll */
		overflow: scroll;
		-ms-overflow-style: none;  /* Pour Internet Explorer et Edge */
		scrollbar-width: none;  /* Pour Firefox */
	}
	/* Masquer l'ascenseur mais garder le scroll */
    #new-menu  .et_mobile_menu::-webkit-scrollbar {
		display: none;  /* Pour Chrome, Safari et Opera */
	}

    
	/***************************MENU à la place du hamburger et de la croix*/
    /*#new-menu  .mobile_nav.closed .mobile_menu_bar:before {
        font-family: "Montserrat","Helvetica","Arial","Lucida",sans-serif!important; 
        font-size:20px!important;
        font-weight:500!important;
        content:"MENU";
    }
        
    #new-menu .mobile_nav.opened .mobile_menu_bar:before {
        font-family: "Montserrat","Helvetica","Arial","Lucida",sans-serif!important; 
        content:"MENU";
        font-size:20px!important;
        font-weight:500!important;
     
    }/*
    /**************************/	
        
	/*cadre contenant les menus de niveau 1*/
    #mobile_menu2 .menu-item-has-children > a { 
        background-color: #228db2;
        position: relative; 
        margin:12px 0px 0px 0px!important;
        text-transform: uppercase !important;
    }
	
	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu {
		/*margin-top:24px!important;*/
	}
	
	et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a {
		color:#228db2!important;
	}

    /* CSS refermer les sous-menus sur téléphone */
    /*icône de menu fermé*/	
   #mobile_menu2 .menu-item-has-children > a:after { 
        text-align: center;
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        font-family: 'ETmodules';
        position: absolute; 
        font-size: 24px;
        content: '\24';
        top: 20px;
        right: 50px; 
    }
    /*icône de menu ouvert*/		
    #mobile_menu2 .menu-item-has-children.visible > a:after { 
        content: '\22'; 
    }
        
    /*zone contenant les menus de niveau 2*/
    #mobile_menu2 ul.sub-menu { 
        display: none !important;
        visibility: hidden !important;
        transition: all 1.5s ease-in-out;
        background-color:rgba(0,0,0,0.72)!important;
        margin-top:-10px;
        padding-top:10px;
    }
        
    #mobile_menu2 .visible > ul.sub-menu { 
        display: block !important;
        visibility: visible !important; 
    }
        
    /*individuel sous-menu de niveau 1 centrés*/
    #mobile_menu2 li > a {
        padding-bottom:20px!important;	
        padding-top:20px!important;	
		/*color:white;*/
    }

	/*supprime l'opacité au sruvol du menu*/
	.et_mobile_menu li a:hover, .nav ul li a:hover {
	    opacity: 1;
	}
	
    /*individuel sous-menu de niveau 2*/
    #mobile_menu2 ul.sub-menu li { 
        background-color:white!important;
		color:black!important;
       	margin:0.5em;
        margin-left:5px;	
		
    }
   

   /*largeur de menu = largeur de l'écran*/
   	#new-menu  .et_pb_menu__menu { width:100%;} 
	#new-menu  	.et-menu-nav { width:100%;}
	#new-menu  #menu-menu-mobile { width:100%;}
	#new-menu  .mobile_menu_bar {margin-top:50px;}

	/*logo menu grand écran invisible*/
	#new-menu .logo-menu {
 		width:0px;
	}
	#new-menu  .logo-menu-mobile {
		width:80px!important;
		margin-top:-10px!important;
	}

	/*icone recherche dans menu*/
    #new-menu  .menu-search { margin-top:2px!important; }
    #new-menu  .menu-search a:hover { transform: rotate(15deg); }
    /*.menu-search-mobile { display:none!important; }*/

    /*icone SOS*/
    .ld-icon-sos { margin-top:2px!important;}
    .ld-icon-sos a:hover { width:32px;}
}
/*FIN ZONE MENUS*/

/* ----------------------                  ZONE MENU LATERAL                   ----------------------*/
/*WIDGET : BARRE LATERALE 
 * REDUCTION DE L'ESPACE ENTRE LIBELLE ZONE ET ZONE*/
.et_pb_gutters2 .et_pb_column_1_3 .et_pb_widget  {
	margin-bottom:10px;
}

/*grand écran*/
@media (min-width: 1065px) {
	/*format affichage des menus --> retour à la ligne pour chaque item*/
	#menu-ma-commune{display:block;}
	#menu-menuaccueil{display:block;}   
	#menu-ancy-dornot-le-village{display:block;}
	#menu-associations{display:block;}
	#menu-commerce-et-artisanat{display:block;}
	#menu-dechets{display:block;}
	#menu-demarches{display:block;}
	#menu-enfance-et-vie-scolaire{display:block;}
	#menu-jeunesse{display:block;}
	#menu-loisirs-culture{display:block;}
	#menu-patrimoine-historique{display:block;}  
	#menu-petite-enfance{display:block;}
	#menu-portrait-viticulteurs{display:block;}
	#menu-publication{display:block;}
	#menu-sante-et-solidarite{display:block;}
	#menu-services-municipaux{display:block;}
	#menu-sos{display:block;} 
	#menu-urbanisme{display:block;}
	#menu-vie-municipale{display:block;}
	#menu-vie-quotidienne{display:block;}     
	#menu-bas-de-page {width:100%;justify-content:center;}
	#menu-bas-de-page #menu-bas-de-page-1{width:100%;justify-content:center;}
	#menu_lateral #menu-bas-de-page{justify-content:flex-start;}
}

/*tablette*/
@media screen and (min-width:768px) and (max-width:1065px) {
	/*format affichage des menus*/
    #menu-ma-commune{width:600px;margin-left:-25%;}
	#menu-menuaccueil{width:600px;margin-left:-25%;}   
	#menu-ancy-dornot-le-village{width:600px;margin-left:-25%;}
	#menu-associations{width:600px;margin-left:-25%;}
	#menu-commerce-et-artisanat{width:600px;margin-left:-25%;}
	#menu-dechets{width:600px;margin-left:-25%;}
	#menu-demarches{width:600px;margin-left:-25%;}
	#menu-enfance-et-vie-scolaire{width:600px;margin-left:-25%;}
	#menu-jeunesse{width:600px;margin-left:-25%;}
	#menu-loisirs-culture{width:600px;margin-left:-25%;}
	#menu-patrimoine-historique{width:600px;margin-left:-25%;}  
	#menu-petite-enfance{width:600px;margin-left:-25%;}
	#menu-portrait-viticulteurs{width:600px;margin-left:-25%;} 
	#menu-publication{width:600px;margin-left:-25%;}
	#menu-sante-et-solidarite{width:600px;margin-left:-25%;}
	#menu-services-municipaux{width:600px;margin-left:-25%;}
	#menu-sos{width:600px;margin-left:-25%;}  
	#menu-urbanisme{width:600px;margin-left:-25%;}
	#menu-vie-municipale{width:600px;margin-left:-25%;}
	#menu-vie-quotidienne{width:600px;margin-left:-25%;} 
	#menu-bas-de-page-1{width:100%;justify-content:center;}  
	 
}

/*mobile*/
@media all and (max-width:767px) {
   	/*menu latéral --> affichage du menu normal à la place du menu mobile car prob de largeur de bloc*/
	#menu_lateral .et_mobile_nav_menu{ display:none; }
    #menu_lateral .et_pb_menu__menu { display: block;}	
	
	/*format affichage des menus --> retour à la ligne pour chaque item*/
	#menu-ma-commune{display:block;}
	#menu-menuaccueil{display:block;}   
	#menu-ancy-dornot-le-village{display:block;}
	#menu-associations{display:block;}
	#menu-commerce-et-artisanat{display:block;}
	#menu-dechets{display:block;}
	#menu-demarches{display:block;}
	#menu-enfance-et-vie-scolaire{display:block;}
	#menu-jeunesse{display:block;}
	#menu-loisirs-culture{display:block;}
	#menu-patrimoine-historique{display:block;}  
	#menu-petite-enfance{display:block;}
	#menu-portrait-viticulteurs{display:block;}
	#menu-publication{display:block;}
	#menu-sante-et-solidarite{display:block;}
	#menu-services-municipaux{display:block;}
	#menu-sos{display:block;} 
	#menu-urbanisme{display:block;}
	#menu-vie-municipale{display:block;}
	#menu-vie-quotidienne{display:block;}
	#menu-bas-de-page2{display:block;}
	

}

/*FIN ZONE MENU LATERAL*/