/*
╭━━━━━━━━━━━╯ KARIMBA-DESIGN ╰━━━━━━━━━━━╮
	
	Feuille de styles des menus
	
 _________________________________________________________ 
	Mis à jour le 30/10/2015 à 15:11:50 par Y. Guérin
	© KARIMBA-DESIGN > http://www.karimba-design.fr
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/

.KMenusOpener {display:none;}
.kMobile .KMenusOpener,
.kTablet .KMenusOpener {
		display: block;
}

ul.KMenus {display: block;}
.kMobile.kMobileFit .KMenus,
.kTablet.kMobileFit .KMenus {
		display: none;
		width:100%;
		height: auto;
		padding: 0;
}


/*  Opener */

.KMenusOpener {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 34px;
	height: 34px;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.4);
}
.KMenusOpener:hover {background: rgba(0,0,0,0.7);}
.KMenusOpener .KMenusBarre {
	display: block;
	position: absolute;
	background: #FFF;
	width: 55%;
    left: 25%;
    height: 0;
    padding-bottom: 8%;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.KMenusOpener .KMenusBar1 {margin-top: 25%;}
.KMenusOpener .KMenusBar2 {margin-top: 45%;}
.KMenusOpener .KMenusBar3 {margin-top: 65%;}

.KMenusOpener.kOpen .KMenusBar1 {
	margin-top: 50%;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.KMenusOpener.kOpen .KMenusBar3 {
	margin-top: 50%;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.KMenusOpener.kOpen .KMenusBar2 {
	margin-top: 50%;
	-webkit-transform: scaleX(0);
	   -moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
			transform: scaleX(0);
}



/* ╰━┅┉┈  © KARIMBA-DESIGN - www.karimba-design.fr  ┈┉┅━╯ /*