.show-nav > div {
	left: 0;
	min-height: 100%;
	overflow: hidden;
	position: absolute !important;
	right: 0;
}

.show-nav > div header a {
	color: var(--bs-white) !important;
}

/* nav#navigation */
nav#navigation {
	background: transparent;
	left: 0;
	line-height: 1.25;
	min-width: 320px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	width: 100%;
	z-index: -1;
}

@media (min-width: 984px) {
	nav#navigation {
		line-height: 1.5;
		overflow: visible;
		position: relative;
		-webkit-transition: none;
				transition: none;
		width: auto;
		z-index: 4;
	}
}

.show-nav nav#navigation {
	background: var(--bs-body-color);
	-webkit-transition: background .5s ease;
			transition: background .5s ease;
			padding-top: 96px;
	z-index: 8010;
}

@media (min-width: 984px) {
	.show-nav nav#navigation {
		background: transparent;
		height: auto;
		padding-top: 0;
		z-index: auto;
	}
}

.hide-nav nav#navigation {
	background: transparent;
	height: 100%;
	width: 100%;
	z-index: 8010;
}

nav#navigation ul.menu-depth-0 {
	height: 0;
	opacity: 0;
	width: 100%;
}

.show-nav nav#navigation ul.menu-depth-0 {
	height: auto;
	padding-bottom: .75rem;
	padding-top: .75rem;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 {
		height: 100%;
		opacity: 1;
		padding-bottom: 0;
		padding-top: 0;
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	}
}

.show-nav nav#navigation ul.menu-depth-0 {
	opacity: 1;
}

nav#navigation ul.menu-depth-0 > li {
	opacity: 0;
	-webkit-transform: translateX(-200px);
	   -moz-transform: translateX(-200px);
		-ms-transform: translateX(-200px);
		 -o-transform: translateX(-200px);
			transform: translateX(-200px);
	-webkit-transition: all .5s cubic-bezier(.17, .67, .38, 1.46);
			transition: all .5s cubic-bezier(.17, .67, .38, 1.46);
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li {
		opacity: 1;
		position: relative;
		-webkit-transform: none;
		   -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	 -webkit-transition: background-color .5s, color .5s;
			 transition: background-color .5s, color .5s;
	}
}

nav#navigation ul.menu-depth-0 > li:not(:first-child) {
	margin-top: .75rem;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li:not(:first-child) {
		margin-left: 1.25rem;
		margin-top: 0;
	}
}

.show-nav nav#navigation ul.menu-depth-0 > li {
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
		-ms-transform: translateY(0);
		 -o-transform: translateY(0);
			transform: translateY(0);
}

nav#navigation ul.menu-depth-0 > li > a {
	background-color: var(--bs-primary);
	color: var(--bs-white);
	display: block;
	font-size: 1rem;
	font-weight: 700;
	overflow: hidden;
	padding: .5625rem 3rem .5625rem .75rem;
	text-transform: uppercase;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li > a {
		background-color: transparent;
		border-bottom: 4px transparent solid;
		opacity: 1;
		padding: .75rem 0 .5rem 0;
	}
}

nav#navigation ul.menu-depth-0 > li.menu-item-has-children > a {
	padding-right: .75rem;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li.menu-item-has-children > a {
		padding-right: 0;
	}
}

nav#navigation ul.menu-depth-0 > li:hover > a {
	background-color: var(--bs-info);
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li:hover > a {
		background-color: transparent;
		border-bottom-color: var(--bs-info);
	}
}

nav#navigation ul.menu-depth-0 > li.current-menu-item > a,
nav#navigation ul.menu-depth-0 > li.current_page_item > a,
nav#navigation ul.menu-depth-0 > li.current-menu-ancestor > a,
body.tag nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
body.blog nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
body.category nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
body.single-post nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
body.single-actualites-essahb nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a,
body.tax-actualites-essahb-categorie nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a,
body.post-type-archive-actualites-essahb nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a {
	background-color: var(--bs-danger);
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li.current-menu-item > a,
	nav#navigation ul.menu-depth-0 > li.current_page_item > a,
	nav#navigation ul.menu-depth-0 > li.current-menu-ancestor > a,
	body.tag nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
	body.blog nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
	body.category nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
	body.single-post nav#navigation ul.menu-depth-0 > li.current_page_parent > a,
	body.single-actualites-essahb nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a,
	body.tax-actualites-essahb-categorie nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a,
	body.post-type-archive-actualites-essahb nav#navigation ul.menu-depth-0 > li#nav-menu-item-3780 > a {
		background-color: transparent;
		border-bottom-color: var(--bs-danger);
	}
}

nav#navigation ul.menu-depth-0 > li > a + span {
	background-color: var(--bs-white);
	padding-top: .25rem;
	width: 36px;
}

nav#navigation ul.menu-depth-0 > li > a + span > i {
	-webkit-transition: transform .5s;
			transition: transform .5s;
}

nav#navigation ul.menu-depth-0 > li > a.current + span > i {
	transform: rotate(180deg);
}

nav#navigation ul.menu-depth-1 {
	max-height: 0;
	overflow: hidden;
	padding-left: 0;
	-webkit-transition: max-height .5s;
			transition: max-height .5s;
	width: 100%;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 {
		/* display: flex;
		min-width: 100%; */
		position: absolute;
		width: auto;
	}

	nav#navigation ul.menu-depth-0 > li#nav-menu-item-3808 > ul {
		right: 0;
	}
}

nav#navigation ul.menu-depth-1.opened {
	max-height: 262px;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-0 > li:hover > ul {
		max-height: 256px;
	}
}

nav#navigation ul.menu-depth-1 > li {
	margin-top: .75rem;
	position: relative;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 > li {
		background-color: var(--bs-white);
		margin-top: 0;
		padding: .25rem 1rem;
		width: 100%;
	}
}

nav#navigation ul.menu-depth-1 > li:not(:first-child) {
	margin-top: .25rem;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 > li:not(:first-child) {
		margin-top: 0;
		/* padding-left: 0; */
	}

	nav#navigation ul.menu-depth-1 > li:hover {
		overflow: visible;
	}
}

nav#navigation ul.menu-depth-1 > li > a {
	color: var(--bs-white);
	display: inline;
	font-size: 1rem;
	padding: .3125rem 3rem .1875rem .75rem;
	text-transform: uppercase;
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 > li > a {
		color: var(--bs-primary);
		display: inline;
		font-size: .875rem;
		padding: 0;
		white-space: nowrap;
	}
}

nav#navigation ul.menu-depth-1 > li:hover > a {
	background-color: var(--bs-info);
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 > li:hover > a {
		background-color: transparent;
		color: var(--bs-info);
	}
}

nav#navigation ul.menu-depth-1 > li.current-menu-item > a,
nav#navigation ul.menu-depth-1 > li.current-menu-ancestor > a,
body.single-actualites-essahb nav#navigation ul.menu-depth-1 > li#nav-menu-item-929 > a,
body.single-actualites-sehb nav#navigation ul.menu-depth-1 > li#nav-menu-item-931 > a,
body.single-mediatheque-essahb nav#navigation ul.menu-depth-1 > li#nav-menu-item-243 > a,
body.single-mediatheque-sehb nav#navigation ul.menu-depth-1 > li#nav-menu-item-231 > a {
	background-color: var(--bs-danger);
}

@media (min-width: 984px) {
	nav#navigation ul.menu-depth-1 > li.current-menu-item > a,
	nav#navigation ul.menu-depth-1 > li.current-menu-ancestor > a,
	body.single-actualites-essahb nav#navigation ul.menu-depth-1 > li#nav-menu-item-929 > a,
	body.single-actualites-sehb nav#navigation ul.menu-depth-1 > li#nav-menu-item-931 > a,
	body.single-mediatheque-essahb nav#navigation ul.menu-depth-1 > li#nav-menu-item-243 > a,
	body.single-mediatheque-sehb nav#navigation ul.menu-depth-1 > li#nav-menu-item-231 > a {
		background-color: transparent;
		color: var(--bs-info);
	}
}

nav#navigation ul.menu-depth-1 > li > a + span {
	background-color: var(--bs-white);
	padding-top: .125rem;
	width: 36px;
}

nav#navigation ul.menu-depth-1 > li > a + span > i {
	-webkit-transition: transform .5s;
			transition: transform .5s;
}

nav#navigation ul.menu-depth-1 > li > a.current + span > i {
	transform: rotate(180deg);
}

/* hamburger */
.hamburger {
	border: 1px var(--bs-danger) solid !important;
	border-radius: 0 !important;
	height: 96px;
	padding: 31px 19px !important;
	width: 72px;
	z-index: 8011;
}

@media (min-width: 448px) {
	.hamburger {
		padding-left: 31px !important;
		padding-right: 31px !important;
		width: 96px;
	}
}

.hamburger .toggle,
.hamburger .toggle::after,
.hamburger .toggle::before {
	background: var(--bs-white);
	height: 2px;
	width: 32px;
}

.hamburger .toggle {
	display: block;
	transform: translateY(15px);
}

.show-nav .hamburger .toggle {
	background: transparent;
}

.hamburger .toggle::before {
	bottom: 15px;
	content: "";
	left: 0;
	position: absolute;
	-webkit-transition: bottom .25s .25s cubic-bezier(.23, 1, .32, 1), transform .25s cubic-bezier(.23, 1, .32, 1);
			transition: bottom .25s .25s cubic-bezier(.23, 1, .32, 1), transform .25s cubic-bezier(.23, 1, .32, 1);
}

.hamburger .toggle::after {
	content: "";
	left: 0;
	position: absolute;
	top: 15px;
	-webkit-transition: top .25s .25s cubic-bezier(.23, 1, .32, 1), transform .25s cubic-bezier(.23, 1, .32, 1);
			transition: top .25s .25s cubic-bezier(.23, 1, .32, 1), transform .25s cubic-bezier(.23, 1, .32, 1);
}

.show-nav .hamburger .toggle::after {
	top: 0;
	transform: rotate(45deg);
	-webkit-transition: top .25s cubic-bezier(.23, 1, .32, 1), transform .25s .25s cubic-bezier(.23, 1, .32, 1);
			transition: top .25s cubic-bezier(.23, 1, .32, 1), transform .25s .25s cubic-bezier(.23, 1, .32, 1);
}

.show-nav .hamburger .toggle::before {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transition: bottom .25s cubic-bezier(.23, 1, .32, 1), transform .25s .25s cubic-bezier(.23, 1, .32, 1);
			transition: bottom .25s cubic-bezier(.23, 1, .32, 1), transform .25s .25s cubic-bezier(.23, 1, .32, 1);
}