/* navbar/papier — aucun hexadecimal, y compris dans les replis. */

.ivy-navbar--papier {
	--ivy-return-duration: calc( 220ms * var( --ivy-motion, 1 ) );

	position: fixed;
	inset: 0 0 auto;
	z-index: 100;
	display: grid;
	justify-items: center;
	transition: transform var( --ivy-return-duration ) cubic-bezier( 0.2, 0.8, 0.2, 1 );
}


.ivy-navbar--papier .ivy-navbar__stage {
	box-sizing: border-box;
	min-block-size: var( --ivy-navbar-h, 104px );
	width: min( 100%, var( --ivy-navbar-max, 1440px ) );
	margin-inline: auto;
	justify-self: center;
	padding-inline: var( --ivy-navbar-pad, clamp( 16px, 1.7vw, 24px ) );
	background: var( --ivy-surface, rgb( 255 255 255 ) );
	border-radius: var(--ivy-radius-surface,0px);
	box-shadow: 0 1px 0 rgb( 17 17 17 / 0.1 );
	transition: background-color var( --ivy-return-duration ) ease, border-radius var( --ivy-return-duration ) ease, box-shadow var( --ivy-return-duration ) ease;
}



.ivy-navbar--papier .ivy-navbar__inner {
	display: flex;
	align-items: center;
	gap: clamp( 16px, 3vw, 48px );
	min-block-size: inherit;
}

.ivy-navbar--papier .ivy-navbar__logo,
.ivy-navbar--papier .ivy-navbar__menu,
:where( .ivy-navbar--papier ) .ivy-navbar__cta {
	flex: 0 1 auto;
	min-inline-size: 0;
}

.ivy-navbar--papier .ivy-navbar__logo img { display:block; inline-size:220px; block-size:104px; max-inline-size:100%; object-fit:cover; }

.ivy-navbar--papier .ivy-navbar__menu {
	margin-inline: auto;
}

.ivy-navbar--papier .ivy-navbar__menu > ul {
	display: flex;
	align-items: center;
	gap: clamp( 12px, 2vw, 32px );
	margin: 0;
	padding: 0;
	list-style: none;
}

.ivy-navbar--papier .ivy-navbar__menu li,
.ivy-navbar--papier .ivy-navbar__submenu-wrap {
	position: relative;
}

.ivy-navbar--papier .ivy-navbar__submenu-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
}

.ivy-navbar--papier .ivy-navbar__menu a,
.ivy-navbar--papier .ivy-navbar__submenu-toggle {
	color: var( --ivy-menu-color, var( --ivy-ink, rgb( 17 17 17 ) ) );
	text-decoration: none;
}

.ivy-navbar--papier .ivy-navbar__menu a[aria-current="page"],
.ivy-navbar--papier .ivy-navbar__menu .current-menu-ancestor > .ivy-navbar__submenu-wrap > a {
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-thickness: max( 2px, 0.1em );
	text-underline-offset: 0.28em;
}

.ivy-navbar--papier .ivy-navbar__submenu-toggle {
	display: inline-flex;
	align-items: center;
	padding: 4px;
	border: 0;
	background: none;
	cursor: pointer;
	font: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
}

.ivy-navbar--papier .ivy-navbar__submenu-toggle::after {
	content: '';
	width: 7px;
	height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate( 45deg ) translate( -2px, -2px );
	transition: transform calc( 200ms * var( --ivy-motion, 1 ) ) ease;
}

.ivy-navbar--papier .ivy-open > .ivy-navbar__submenu-toggle::after,
.ivy-navbar--papier .ivy-navbar__submenu-wrap.ivy-open .ivy-navbar__submenu-toggle::after {
	transform: rotate( -135deg ) translate( -3px, -3px );
}

.ivy-navbar--papier .ivy-navbar__submenu-wrap > [data-ivy-disclose-panel] {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	padding-top: 8px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY( -8px );
	transition: opacity calc( 180ms * var( --ivy-motion, 1 ) ) ease, transform calc( 180ms * var( --ivy-motion, 1 ) ) ease, visibility 0s linear calc( 180ms * var( --ivy-motion, 1 ) );
}

.ivy-navbar--papier .ivy-open > [data-ivy-disclose-panel] {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: none;
	transition-delay: 0s;
}

.ivy-navbar--papier .ivy-navbar__submenu {
	display: grid;
	gap: 2px;
	min-width: 12rem;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: var( --ivy-surface, rgb( 255 255 255 ) );
	border-radius: var( --ivy-radius-surface, 8px );
	box-shadow: 0 12px 32px rgb( 0 0 0 / 0.12 );
}

.ivy-navbar--papier .ivy-navbar__submenu a {
	display: block;
	padding: 8px 12px;
	border-radius: var( --ivy-radius-surface, 8px );
	color: var( --ivy-submenu-color, var( --ivy-ink, rgb( 17 17 17 ) ) );
}

:where( .ivy-navbar--papier ) .ivy-navbar__cta {
	padding: 0.7em 1.4em;
	border-radius: var( --ivy-radius-action, 999px );
	background: var( --ivy-accent, rgb( 17 17 17 ) );
	color: var( --ivy-cta-color, var( --ivy-surface, rgb( 255 255 255 ) ) );
	white-space: nowrap;
}

.ivy-navbar--papier .ivy-navbar__menu a:focus-visible,
.ivy-navbar--papier .ivy-navbar__submenu-toggle:focus-visible,
:where( .ivy-navbar--papier ) .ivy-navbar__cta:focus-visible {
	outline: 2px solid var( --ivy-accent, rgb( 17 17 17 ) );
	outline-offset: 3px;
}

@media ( max-width: 991px ) {
	.ivy-navbar--papier .ivy-navbar__inner {
		flex-wrap: nowrap;
	}
}

@media(max-width:767px) { .ivy-navbar--papier .ivy-navbar__stage {min-block-size:90px;} .ivy-navbar--papier .ivy-navbar__logo img {inline-size:180px;block-size:90px;} }