/*
====================
Style pour tout les menu
====================
*/

.responsiveMenuList{
	width : 100%;
	height:100%;
	margin : 0;
	padding : 0;
	list-style: none;
	overflow: auto;
	background-color:rgba(255,255,255, 0.9);
	background-image:url(../../../uploads/2018/08/logo_prolam_header.png);
	background-repeat:no-repeat;
	background-position:center 40px;
}

.responsiveMenuList ul{
	width : 100%;
	margin : 0;
	padding : 0;
	list-style: none;
	/*top:40px;*/
}

.responsiveMenuList li{
	width : auto;
	margin: 0;
	clear : both;
	text-transform: uppercase;
	
	position: relative;
	top: 100px;
}

.responsiveMenuList li li{
	background-color:rgba(255,255,255,.25);
}

.responsiveMenuList li a,
.responsiveMenuList li span{
	display : block;
	padding: 10px 2px;
	color:#000;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	padding:30px;
}

.responsiveMenuList li a:hover{
	font-weight:bold;
}

.responsiveMenuList li a.menumobile_expand{
	position: absolute;
	top : 30%;
	right : 35%;
	padding: 0;

	width : auto;
	height : auto;

	font-family: Arial, Helvetica;
}

.menumobile_expand:hover{
	text-decoration: none;
}

#menumobile_closebutton{
	background : no-repeat center url('../images/default_active.png');
	display : block;
	width : 45px;
	height : 45px;
	
	float : right;
	margin : 15px;
}

.sub-menu{
	font-size:18px;
	display: flex;
    justify-content: center;
}
.sub-menu li{
	top:0;
	background-color:transparent !important;


}
.sub-menu li a{
	font-size:20px;
	color:#000 !important;
	padding:0px 8px 5px 0px;

}
.sub-menu li a::after, .sub-menu li a:after{
	content:  url(../../../uploads/2018/08/point_separateur.png);
	position:relative; 
  	left:3px;
  	bottom:5px;
}
.sub-menu li:last-of-type a::after, .sub-menu li:last-of-type a:after{
	content: " ";
}
.sub-menu li a:hover{
	border-bottom : 3px solid #9e2025;
}


/*
====================
Style pour différent type de menu
====================
*/

.shrinkLeft, .shrinkRight,
.shrinkSlideLeft, .shrinkSlideRight{
	width : 400px;
}



.responsiveButton{
	background-image	:	url('../images/default.png');
	background-repeat	:	no-repeat;
	background-position	:	center;
	display : block;
	width : 60px;
	height : 60px;
	background-color:transparent;
}
.active .responsiveButton{
	background-image	:	url('../images/default.png');
}