/* menuder.css */
:root {
	--menuder-bg: #fff;
	--menuder-border-color: #ddd;
	--menuder-border-width: 1px 0;

	--menuder-child-first-border-color: #fff #ddd #ddd #ddd;
	--menuder-child-first-border-width: 1px 1px 1px 1px;
	--menuder-child-first-bg: #fff;

	--menuder-child-next-border-color: #ddd;
	--menuder-child-next-border-width: 1px;
	--menuder-child-next-bg: #fff;
}

.menuder-container {}
.menuder {
	background-color: #fff);
	border: 3px solid #ddd);
	border-width: 1px 0);
}

.menuder ul,
.menu-items.menuder,
.menuder .menu-items {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	font-weight: bold;
}

.menuder ul,
.menu-items.menuder,
.menuder .menu-items {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: row;
	font-weight: bold;
}

.menuder li,
.menuder .menu-items__item {
	width: 100%;
	padding: 0;
	position: relative;
}

.menuder a,
.menuder .menu-items__lien  {
	color : #444; font-size : 1em; font-weight : normal; margin : 0em 0em 0em 0em; padding : 0.5em 0.5em 0.5em 0.5em; border-top : 1px solid #ccc; border-bottom : 1px solid #ddd; background : #fff;
	display: block;
	height: 100%;
	text-decoration: none;
}

.menuder a:hover,
.menuder .menu-items__lien:hover  {
	color : #000; font-size : 1em; font-weight : normal; margin : 0em 0em 0em 0em; padding : 0.48em 0.5em 0.48em 0.5em; border-top : 1px solid #ccc; border-bottom : 2px solid #000; background : #fff;
	display: block;
	height: 100%;
	text-decoration: none;
}

.menuder a.daddy,
.menuder .menu-items__lien:not(:last-child){
	padding-right: 1.5em;
}

.menuder a.daddy:before,
.menuder .menu-items__lien:not(:last-child):before  {
	content:'';
	display: block;
	position: absolute;
	top:0.25em;
	right: 0.75em;
	width: 0em;
	height: 1.5em;
	background-color: currentColor;
}

.menuder li li a.daddy:before,
.menuder .menu-items__item .menu-items__item .menu-items__lien:before {
}

.menuder li,
.menuder .menu-items__item {
	width: 100%;
	padding: 0;
	position: relative;
}

.menuder li ul,
.menuder .menu-items__item .menu-items {
	flex-direction: column;
	position: absolute;
	left: -999rem;
	height: auto;
	width: auto;
	min-width: 100%;
	max-width: 20em;
	margin: 0;
	font-weight: normal;
	z-index:100;
	border-style:solid;
	background-color: #fff;
	border-color: #ddd;
	border-width: 1px;
}

.menuder li li ul,
.menuder .menu-items__item .menu-items__item .menu-items {
	background-color: #fff;
	border-color: #ddd;
	border-width: 1px;
}

.menuder li:hover>ul,
.menuder li:focus-within>ul,
.menuder .menu-items__item:hover>.menu-items,
.menuder .menu-items__item:focus-within>.menu-items {
	left: auto;
}

.menuder li:hover>a:before,
.menuder li:focus-within>a:before,
.menuder .menu-items__item:hover>.menu-items__lien:before,
.menuder .menu-items__item:focus-within>.menu-items__lien:before {
}


.menuder li li:hover>ul,
.menuder li li:focus-within>ul,
.menuder .menu-items__item .menu-items__item:hover>.menu-items,
.menuder .menu-items__item .menu-items__item:focus-within>.menu-items {
	left: 100%;
	top:0;
}