/* ------------------------------- */
/* ------ NAVIGATION ------------- */
/* -------------------------------*/

.menu-large{
	max-width:1600px;
    margin:0 auto;
	height:145px;
	padding-top:20px;
}
.menu-large .logo-union-des-artistes{width:360px;display:block;margin:0 auto;}
.menu-large #menu-menu-principal li a:hover{text-decoration:none;}
.menu-large .logo-union-des-artistes img{width:100%;}

.menu-large #menu-menu-principal{
	margin:0 auto;
	margin-top:20px;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	width:96%;
	height:40px;
	align-items: center;
}
.menu-large #menu-menu-principal li{
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1.25px;
	text-align:center;
	font-size:14px;
	line-height:16px;
	height: 55px;
	font-family : "RobotoCondensed-Bold";
	color:rgba(67,78,100,0.6);
	transition: all 0.4s ease 0s;
}
.menu-large #menu-menu-principal li a{
    color:rgba(67,78,100,0.6);
    height:55px;
    border-bottom:3px solid #FFF;
	justify-content: center;
    display: flex;
    align-items: center;
}
.menu-large #menu-menu-principal li a:hover{border-bottom:3px solid #EF5E04;transition: all 0.4s ease 0s;}
.menu-large #menu-menu-principal li:hover a{color:rgba(67,78,100,1);transition: all 0.4s ease 0s;}
.menu-large{display:block;background-repeat:no-repeat;width:1170px;margin:0 auto;}
.menu-mobile{display:none;}

.container-menu-mobile{display:none;height:0px;width:0px;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
    .container-menu-mobile{display:none;height:0px;width:0px;}
	.menu-large{width:100%!important;height:135px;}
	.menu-large #menu-menu-principal{width:94%;margin:0 auto;margin-top:10px;}
	.menu-large #menu-menu-principal li {font-size:13px;}
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
    /* Menu mobile */
    
    .container-menu-mobile{display:block;position:fixed;background:#FFF;width:100%;height:110px;z-index:202;top:0;padding-top:30px;}
    .container-menu-mobile img{position:absolute;left:30px;width:300px;margin-top:15px;}
    
	#menu-menu-mobile{
			height:110px;display:flex;flex-wrap:wrap;padding:0px;
			justify-content:space-between;align-items: center;padding-top: 120px;}			
	#menu-menu-mobile li{width:100%;text-align:center;font-size: 1.3em;text-transform:uppercase;letter-spacing:1.1px;font-weight:bold;}	
	#menu-menu-mobile li a{color:#FFF;}
	#menu-menu-mobile li a:hover{text-decoration:none;}
		
    .menu-large{display:none;}
    .menu-mobile{display:block;}
		 
    .burger-menu,.close-menu{	
		position: absolute; 
		right: 0px;
		font-size: 41px;
		line-height: 80px;
		z-index: 102;
		color: rgba(67, 78, 100, 1);
		width: 100px;
		height: 80px;
		text-align: center;
		transition: all 0.4s ease 0s;
	}	
    .burger-menu:hover{color: rgba(67, 78, 100, 0.7);}	
    .menu-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:202;background:rgba(67, 78, 100, 0.95);}
	
    .close-menu{color:#fff;}
    .close-menu:hover{color:rgba(255,255,255,0.5);}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    /* Menu mobile */

    .container-menu-mobile{display:block;position:fixed;background:#FFF;width:100%!important;height:110px;z-index:202;top:0;padding-top:30px;}
    .container-menu-mobile img{position:absolute;left:30px;width:300px;margin-top:15px;}
    
	#menu-menu-mobile{height:80%;display:flex;flex-wrap:wrap;padding:0px;justify-content:space-between;align-items: center;padding-top: 120px;}	
		
	#menu-menu-mobile li{width:100%;text-align:center;font-size: 1.3em;text-transform:uppercase;letter-spacing:1.1px;font-weight:bold;}	
	#menu-menu-mobile li a{color:#FFF;}
	#menu-menu-mobile li a:hover{text-decoration:none;}	
    .menu-large{display:none;}
    .menu-mobile{display:block;}
		 
    .burger-menu,.close-menu{	
		position: absolute; 
		right: 0px;
		font-size: 41px;
		line-height: 80px;
		z-index: 102;
		color: rgba(67, 78, 100, 1);
		width: 100px;
		height: 80px;
		text-align: center;
		transition: all 0.4s ease 0s;
		}
		
    .burger-menu:hover{color: rgba(67, 78, 100, 0.7);}		
    .menu-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:202;background:rgba(67, 78, 100, 0.95);}
    
    .close-menu{color:#fff;}
    .close-menu:hover{color:rgba(255,255,255,0.5);}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

    /* Menu mobile */
    
    .container-menu-mobile
		{display:block;position:fixed;background:#FFF;width:100%;height:110px;z-index:202;top:0;padding-top:30px;}
    .container-menu-mobile img{position:absolute;left:30px;width:300px;margin-top:15px;}
    
	#menu-menu-mobile{
			height:80%;display:flex;flex-wrap:wrap;padding:0px;
			justify-content:space-between;align-items: center;padding-top: 120px;}		
	#menu-menu-mobile li{width:100%;text-align:center;font-size: 1.3em;text-transform:uppercase;letter-spacing:1.1px;font-weight:bold;}	
	#menu-menu-mobile li a{color:#FFF;}
	#menu-menu-mobile li a:hover{text-decoration:none;}	
    .menu-large{display:none;}
    .menu-mobile{display:block;}
		 
    .burger-menu,.close-menu{	
		position: absolute; 
		right: 0px;
		font-size: 41px;
		line-height: 80px;
		z-index: 102;
		color: rgba(67, 78, 100, 1);
		width: 100px;
		height: 80px;
		text-align: center;
		transition: all 0.4s ease 0s;
	}
		
    .burger-menu:hover{color: rgba(67, 78, 100, 0.7);}	
    .menu-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:202;background:rgba(67, 78, 100, 0.95);}
	
	.close-menu{color:#fff;}
    .close-menu:hover{color:rgba(255,255,255,0.5);}
	
}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/

     /* Menu mobile */
    
     .container-menu-mobile{display:block;position:fixed;background:#FFF;width:100%;height:110px;z-index:202;top:0;padding-top:30px;}
 	.container-menu-mobile img{position:absolute;left:10px;width:190px;margin-top:15px;}
 
	#menu-menu-mobile{
		height:80%;display:flex;flex-wrap:wrap;padding:0px;
		justify-content:space-between;align-items: center;padding-top: 120px;}		
	#menu-menu-mobile li{width:100%;text-align:center;font-size: 1em;text-transform:uppercase;letter-spacing:1.1px;font-weight:bold;}	
	#menu-menu-mobile li a{color:#FFF;}
	#menu-menu-mobile li a:hover{text-decoration:none;}
     
	.menu-large{display:none;}
	.menu-mobile{display:block;}
		
	.burger-menu,.close-menu{	
		position: absolute; 
		right: 0px;
		font-size: 30px;
		line-height: 60px;
		z-index: 102;
		color: rgba(67, 78, 100, 1);
		width: 60px;
		height: 60px;
		text-align: center;
		transition: all 0.4s ease 0s;
	}
		
	.burger-menu:hover{color: rgba(67, 78, 100, 0.7);}	
	.menu-mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:202;background:rgba(67, 78, 100, 0.95);}
	
	.close-menu{color:#fff;}
	.close-menu:hover{color:rgba(255,255,255,0.5);}	
	} 


/* Correctif menu mobile <600px : forcer l'affichage du conteneur/burger */
@media screen and (max-width:600px) {
	.container-menu-mobile {
		display: block !important;
		width: 100% !important;
		height: 110px !important;
	}

	.burger-menu {
		display: block !important;
	}
}

/* Décalage sous la barre admin WordPress sur mobile */
@media screen and (max-width:782px) {
	body:not(.admin-bar) .container-menu-mobile {
		top: 0 !important;
	}

	body:not(.admin-bar) .menu-mobile {
		top: 0 !important;
	}

	body.admin-bar .container-menu-mobile {
		top: 46px !important;
	}

	body.admin-bar .menu-mobile {
		top: 46px !important;
	}
}