.menu ul{
	margin:0;
	text-align: center;
	width: 100%;
	position:relative;
}
.menuUl > ul > li{
	display:inline-block;
	position:relative;
	padding: 5px 0		;
}
.menuUl > ul >  li:last-child > a {
	background-image: url(../img/header/icone-perso.png);
	background-repeat: no-repeat;
	background-position: left 20px top 50%; 
	padding-left: 60px;
}
.menuUl > ul >  li > a {
	color:#000;
	position:relative;
	text-transform: uppercase;
	font-size:1.2em;
	font-weight: bold;
	display:inline-block;
	font-family:"regular";
	background-color:#fff;
	padding: 25px;
}
.menuUl > ul >  li.active > a,
.menuUl > ul >  li:hover > a{
	color:#008ae2;
}
.menuUl > ul >  li:first-child > a::before{
	display: none;
}
.menuUl > ul >  li > a::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    top: 0px;
    width: 1px;
    height: 100%;
    background: #cdcdcd;
}
.sousCat{
 	transform: scaleY(0);    
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-p-transform: scaleY(0);
    transform-origin: top;
    -webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	position:absolute;
	left: 0%;
	width: 100%;
	top:100%;
	z-index:9999999;
	height: 0;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	 -ms-transition: all 0.1s ease-out;
	  -o-transition: all 0.1s ease-out;
		 transition: all 0.1s  ease-out;
}
.menuUl li div {
	background-color: #EDEDED;	
}
.menuUl li div ul {
    width: 100%;
    float: left;
	padding: 0;
	display:block;
}
.menuUl > ul > li:hover .sousCat{
	transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);

	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	 -ms-transition: all 0.1s ease-out;
	  -o-transition: all 0.1s ease-out;
		 transition: all 0.1s  ease-out;
}
.sousCat li{
	display:block;
	padding:0;
}
.sousCat li a{
	display:block;
	text-align:center;
	padding:8px;
	font-size: 0.9em;
	font-family:"regular";
	color:#008ae2;
	background-color:#fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;	
}
.sousCat li.active a,.sousCat li:hover a{
	display:block;
	color:#fff;
	background-color:#008ae2;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;	
}

@media (max-width: 992px){
	header{
		z-index:99999999;
	}
	/*Barre du haut*/
	.buttonMenu{
		display:block !important;
		position:fixed;
		width:100%;
		z-index:99999;	
		background-color:#fefefe;
		padding:14px;
		color:#535353;
		border-bottom:solid thin #535353;
		top:0;
		left:0;
	}
	.buttonMenu .titre{
		text-transform:uppercase;
		font-size:1.1em;
		display:inline-block;	
		color:#535353;
		line-height:0.9em;
	}
	/*Les trois barre du menu*/
	.bouton{
		display:inline-block;
		float:left;	
		margin-right:15px;
		margin-top:3px;
	}
	.bouton div{
		display:block;
		width:20px;
		height:2px;
		background-color:#535353;
		margin:2px 0;	
	}
	/*Le menu*/
	.menu{
		position:fixed;
		left:-100%;
		height:100%;
		top:0px;
		width:350px;	
		display:block;
		max-width:80%;
		background-color:#fff;
		text-align:left;
		padding:0;
		z-index:99999999;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
	 	-ms-transition: all 0.2s ease-out;
	  	-o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
	}
	.menu.active{
		left:0;	
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		 -ms-transition: all 0.2s ease-out;
	  	-o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
	}
	/*Extension menu pour eviter le manque au scroll (barre de recherche qui disparait)*/
	.menuExtension{
		position:absolute;
		bottom:-250px;
		height:250px;
		background-color:#fff;
		width:100%;
		left:0;	
		z-index:-1;
	}
	/*overlay*/
	.siteCache{
		position:fixed;
		left:0;
		top:-25%;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.6);
		display:none;
		z-index:9999999;
		width:100%;
		height:150%;
	}
	.siteCache.active{
		display:block;	
	}
	/*Div englobant l'UL*/
	.menuUl{
		height:100%;	
	}
	.menuUl  > ul{
		overflow:auto;
		padding:0;
		display:block;
		height:100%;
	}
	.menuUl >ul >li{
		float:none;
		display:block;
		width:100%;
		background-color:#fff;
	}
	/*Item du menu*/
	.menuUl > ul > li > a{
		color:#323232 !important;	
		padding:15px !important;
		background-color:#fff !important;
		display:block;	
	}
	.menuUl > ul >li.active > a, .menuUl > ul > li:hover >a{
		background-color:#EDEDED !important;
	}
	/*Item du sous-menu*/
	.sousCat{
		position:relative;
		top:0;
		left:0;	
		height:0;
		overflow:hidden;
		padding:0 !important;
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-p-transform: scaleY(1);
	}
	.menuUl > ul > li .sousCat.hovered{
		height:auto;
	}
	.sousCat li a{
		color:#323232 !important;
		background-color:#eDEDED;	
	}
	.sousCat li.active a,.sousCat li:hover a{
		background-color:#fff;	
		text-decoration:none;
	}
}