/* BREADCRUMB
 */
#body nav *{
	overflow:hidden;
}
#body nav.wrapper{
	display:-webkit-flex;
	display:flex;
	border:none;
	height:3em;	/* patch for webkit */
	position:relative;
}
#body nav ul{
	display:-webkit-inline-flex;
	display:inline-flex;
	list-style:none;margin:0;padding:0;
}
#body nav input{
	display:none;
}
#body nav label{
	width:1.5em;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0;
}
#body nav div.breadcrumb{
	display:none;position:absolute;top:3em;
	-webkit-flex-flow:column;
	flex-flow:column;
	min-width:8em;
}
#body nav input[name='breadcrumb']:checked~div.breadcrumb{
	display:-webkit-flex;
	display:flex;
}
#body nav>ul>li,#body nav>ul label{
	display:-webkit-flex;
	display:flex;
}
#body nav>ul div:not(.breadcrumb){
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:column;
	flex-flow:column;
}
#body nav a{
	line-height:initial;
	padding:0em .7em;
	line-height:3.3;
	white-space:nowrap;	/* renvoi à la ligne NOK, hauteur label reste fixe */
	text-overflow:ellipsis; 
}
#body nav div.breadcrumb a{
	display:-webkit-flex;
	display:flex;
	padding:.4em 1em;
	padding-left:2em;
/*	font-size:0.9em;*/
	line-height:2;
}
#body nav>ul:first-of-type>li:last-of-type a:after{
	content:"›";padding-left:1em;
}
#body nav>ul:first-of-type{
	-webkit-flex:0 0 auto;
	flex:0 0 auto;
}
#body nav>ul:first-of-type>li a{
	width:2em;
}
#body nav>ul>li.checked a{
	cursor:default;
	line-height:3.3;
}