.usine-navbar {
position: sticky;
top: 0;
width: 100%;
color: var(--navbar-text-color, #000000);
z-index: 1000;
box-sizing: border-box;
padding: 8px 16px;
background: transparent;
} .navbar-actions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex-shrink: 0;
gap: 0.75rem;
align-items: center;
}
.navbar-cta .btn {
white-space: nowrap;
} .navbar-actions:empty {
display: none;
}
.usine-navbar.navbar-sticky {
position: sticky;
top: 0;
}
.usine-navbar.navbar-style-transparent .navbar-container {
background-color: transparent;
box-shadow: none;
} .navbar-container {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1312px;
margin: 0 auto;
padding: 0.75rem 2rem;
min-height: 72px;
box-sizing: border-box;
background-color: var(--navbar-bg-color, #ffffff);
border-radius: 9999px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 2;
} .navbar-width-filled {
padding: 0;
}
.navbar-width-filled .navbar-container {
max-width: 100%;
border-radius: 0;
} .navbar-logo {
display: flex;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
text-decoration: none;
color: inherit;
}
.navbar-logo img {
display: block;
height: 44px;
width: auto;
max-width: 220px;
max-height: none;
}
.navbar-logo-text {
font-size: 24px;
font-weight: 700;
color: var(--navbar-text-color, #232425);
text-decoration: none;
} .navbar-menu {
display: flex;
gap: 2rem;
list-style: none;
margin: 0;
padding: 0;
}
.navbar-menu-item {
margin: 0;
}
.navbar-menu-link {
color: var(--navbar-text-color);
text-decoration: none;
font-weight: 500;
transition: opacity 0.2s;
}
.navbar-menu-link:hover {
opacity: 0.7;
} .navbar-end {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
min-width: 0;
gap: 0.5rem;
}
@media (min-width: 1301px) {
.navbar-end {
gap: 32px;
} nav#navbar-69d5236b50c17 .navbar-menu-link.text-texte-p1-reg {
font-size: 17px !important;
} nav#navbar-69d526ce3b2fc .navbar-menu-link.text-texte-p1-reg {
font-size: 18px !important;
}
}
@media (min-width: 1025px) { nav#navbar-69d526ce3b2fc .navbar-menu-link.text-texte-p1-reg,
.js nav#navbar-69d526ce3b2fc .navbar-menu-link.text-texte-p1-reg {
font-size: 17px !important;
} nav#navbar-69d52917e67e1 .navbar-end {
justify-content: center !important;
}
nav#navbar-69d52917e67e1 .navbar-menu,
.js nav#navbar-69d52917e67e1 .navbar-menu {
justify-content: center !important;
margin-inline: auto !important;
}
} .navbar-cta-button {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: var(--navbar-text-color);
color: var(--navbar-bg-color);
border-radius: 9999px;
text-decoration: none;
font-weight: 500;
transition: transform 0.2s;
}
.navbar-cta-button:hover {
transform: translateY(-2px);
} .usine-navbar .navbar-cta .btn {
border-radius: 9999px;
font-weight: 500;
} .navbar-toggle {
display: none;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 44px;
height: 44px;
margin: -4px -6px -4px 0;
padding: 0;
background: transparent;
border: none;
border-radius: 12px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: background-color 0.2s ease;
}
.navbar-toggle:hover,
.navbar-toggle:focus-visible {
background-color: rgba(0, 0, 0, 0.06);
}
.usine-navbar[style*='--navbar-bg-color: #'] .navbar-toggle:hover,
.usine-navbar[style*='--navbar-bg-color:#'] .navbar-toggle:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.navbar-toggle:focus-visible {
outline: 2px solid var(--navbar-text-color, currentColor);
outline-offset: 2px;
}
.navbar-toggle-icon {
display: block;
width: 22px;
height: 2px;
background-color: var(--navbar-text-color);
position: relative;
transition: background-color 0.25s ease;
}
.navbar-toggle-icon::before,
.navbar-toggle-icon::after {
content: '';
position: absolute;
left: 0;
width: 22px;
height: 2px;
background-color: var(--navbar-text-color);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-toggle-icon::before {
top: -7px;
}
.navbar-toggle-icon::after {
top: 7px;
}
.usine-navbar.is-open .navbar-toggle-icon {
background-color: transparent;
}
.usine-navbar.is-open .navbar-toggle-icon::before {
top: 0;
transform: rotate(45deg);
}
.usine-navbar.is-open .navbar-toggle-icon::after {
top: 0;
transform: rotate(-45deg);
} @media (max-width: 1300px) { .usine-navbar {
padding: 6px 12px;
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
--navbar-overlay-top: calc(env(safe-area-inset-top, 0px) + 76px);
}
.navbar-container {
padding: 0.5rem 1rem;
min-height: 60px;
gap: 0.5rem;
}
.navbar-logo img {
height: 40px;
max-width: min(200px, 42vw);
}
.js .navbar-menu {
visibility: hidden;
opacity: 0;
pointer-events: none;
position: fixed;
z-index: 5;
left: 0;
right: 0;
top: var(--navbar-overlay-top);
bottom: 0;
margin: 0;
padding: 0.75rem max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
flex-direction: column;
align-items: stretch;
gap: 0;
list-style: none;
min-height: calc(100dvh - var(--navbar-overlay-top) - env(safe-area-inset-bottom, 0px));
box-sizing: border-box;
background-color: var(--navbar-bg-color, #ffffff);
box-shadow: none;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, -10px, 0);
transition:
opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.32s,
transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.js .navbar-menu.active {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
.js .navbar-menu-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@supports (border-bottom-color: color-mix(in srgb, white 50%, black)) {
.js .navbar-menu-item {
border-bottom: 1px solid color-mix(in srgb, var(--navbar-text-color, #232425) 14%, transparent);
}
}
.js .navbar-menu-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 1rem 0.25rem;
font-size: 1.0625rem;
font-weight: 500;
min-height: 52px;
box-sizing: border-box;
border-radius: 8px;
transition: background-color 0.15s ease;
}
.js .navbar-menu-link:active {
background-color: color-mix(in srgb, var(--navbar-text-color, #232425) 10%, transparent);
}
.navbar-toggle {
display: inline-flex;
order: 3;
}
.navbar-actions {
margin-right: 0.25rem;
}
.navbar-logo {
order: 1;
min-width: 0;
}
.navbar-end {
order: 2;
justify-content: flex-end;
} .navbar-cta--primary {
display: none;
}
.navbar-cta--secondary .btn {
font-size: 0.875rem;
padding: 0.5rem 0.875rem;
max-width: 42vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.no-js .navbar-container {
flex-wrap: wrap;
align-items: flex-start;
gap: 1rem;
}
.no-js .navbar-toggle {
display: none;
}
.no-js .navbar-end {
width: 100%;
flex-basis: 100%;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
}
.no-js .navbar-menu {
display: flex;
position: static;
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: none;
width: 100%;
flex-basis: 100%;
flex-wrap: wrap;
min-height: 0;
padding: 0.5rem 0 0;
box-shadow: none;
background: transparent;
overflow: visible;
}
.no-js .navbar-actions {
width: 100%;
justify-content: flex-start;
}  .usine-navbar.usine-bloc_navbar_01,
.js .usine-navbar.usine-bloc_navbar_01 .navbar-menu,
body.usine-navbar-drawer-open .usine-navbar.usine-bloc_navbar_01 .navbar-actions {
--navbar-mobile-pad-inline-start: max(16px, env(safe-area-inset-left));
--navbar-mobile-pad-inline-end: max(16px, env(safe-area-inset-right));
--navbar-mobile-pad-block-y: 0.5rem;
}
.usine-navbar.usine-bloc_navbar_01 {
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important; --navbar-overlay-top: calc(env(safe-area-inset-top, 0px) + 76px);
}
.usine-navbar.usine-bloc_navbar_01 .navbar-container {
padding-top: var(--navbar-mobile-pad-block-y) !important;
padding-bottom: var(--navbar-mobile-pad-block-y) !important;
padding-left: var(--navbar-mobile-pad-inline-start) !important;
padding-right: var(--navbar-mobile-pad-inline-end) !important;
} .usine-navbar.usine-bloc_navbar_01 .navbar-actions {
display: none !important;
} .usine-navbar.usine-bloc_navbar_01 .navbar-toggle-icon {
width: 22px !important;
height: 2px !important;
background: #045FFF !important;
background-image: none !important;
transition:
opacity 0.28s ease,
transform 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.usine-navbar.usine-bloc_navbar_01 .navbar-toggle-icon::before,
.usine-navbar.usine-bloc_navbar_01 .navbar-toggle-icon::after {
display: block !important;
content: '' !important;
position: absolute !important;
left: 0 !important;
width: 22px !important;
height: 2px !important;
background: #045FFF !important;
}
.usine-navbar.usine-bloc_navbar_01 .navbar-toggle-icon::before { top: -7px !important; }
.usine-navbar.usine-bloc_navbar_01 .navbar-toggle-icon::after { top: 7px !important; } .usine-navbar.usine-bloc_navbar_01.is-open .navbar-toggle-icon {
background-color: transparent !important;
background-image: none !important;
transform: none !important;
}
.usine-navbar.usine-bloc_navbar_01.is-open .navbar-toggle-icon::before {
top: 0 !important;
transform: rotate(45deg) !important;
}
.usine-navbar.usine-bloc_navbar_01.is-open .navbar-toggle-icon::after {
top: 0 !important;
transform: rotate(-45deg) !important;
}   .js .usine-navbar.usine-bloc_navbar_01 .navbar-menu {
top: var(--navbar-overlay-top) !important;
left: var(--navbar-menu-panel-left, 0) !important;
right: auto !important;
bottom: auto !important;
width: var(--navbar-menu-panel-width, 100%) !important;
max-width: none !important;
height: calc(100dvh - var(--navbar-overlay-top)) !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: var(--navbar-mobile-pad-block-y) var(--navbar-mobile-pad-inline-end)
calc(env(safe-area-inset-bottom, 0px) + 180px) var(--navbar-mobile-pad-inline-start) !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
z-index: 1 !important;
background-color: var(--navbar-bg-color, #ffffff) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
border-radius: 0 0 var(--navbar-menu-panel-br, 8px) var(--navbar-menu-panel-br, 8px) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transform: translate3d(0, 12px, 0) !important;
}
.js .usine-navbar.usine-bloc_navbar_01 .navbar-menu.active {
transform: translate3d(0, 0, 0) !important;
} .js .usine-navbar.usine-bloc_navbar_01 .navbar-menu-link {
padding-left: 0 !important;
padding-right: 0 !important;
}
.usine-navbar.usine-bloc_navbar_01.is-open .navbar-container {
position: relative;
z-index: 2 !important;
background-color: var(--navbar-bg-color, #ffffff) !important; border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.usine-navbar.usine-bloc_navbar_01.is-open .navbar-container > .navbar-logo,
.usine-navbar.usine-bloc_navbar_01.is-open .navbar-container > .navbar-toggle {
position: relative;
z-index: 3 !important;
} body.usine-navbar-drawer-open .usine-navbar.usine-bloc_navbar_01 .navbar-actions {
display: flex !important;
flex-direction: column !important;
gap: 0.75rem !important;
position: fixed !important;
left: var(--navbar-menu-panel-left, 0) !important;
right: auto !important;
width: var(--navbar-menu-panel-width, 100%) !important;
max-width: none !important;
bottom: 0 !important;
margin: 0 !important;
padding: var(--navbar-mobile-pad-block-y) var(--navbar-mobile-pad-inline-end)
max(1.25rem, env(safe-area-inset-bottom)) var(--navbar-mobile-pad-inline-start) !important;
background-color: var(--navbar-bg-color, #ffffff) !important;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06) !important;
border-radius: 0 0 var(--navbar-menu-panel-br, 8px) var(--navbar-menu-panel-br, 8px) !important;
z-index: 4 !important;
box-sizing: border-box !important;
}
body.usine-navbar-drawer-open .usine-navbar.usine-bloc_navbar_01 .navbar-cta--primary {
display: flex !important;
}
body.usine-navbar-drawer-open .usine-navbar.usine-bloc_navbar_01 .navbar-cta--primary .btn,
body.usine-navbar-drawer-open .usine-navbar.usine-bloc_navbar_01 .navbar-cta--secondary .btn {
max-width: 100% !important;
width: 100% !important;
justify-content: center !important;
text-align: center !important;
white-space: normal !important;
}
} @media (max-width: 380px) {
.navbar-container {
padding: 0.375rem 0.75rem;
}
.usine-navbar.usine-bloc_navbar_01 .navbar-container {
padding-left: var(--navbar-mobile-pad-inline-start) !important;
padding-right: var(--navbar-mobile-pad-inline-end) !important;
}
.navbar-cta--secondary .btn {
max-width: 36vw;
padding: 0.45rem 0.65rem;
font-size: 0.8125rem;
}
} body.usine-navbar-drawer-open {
overflow: hidden;
overscroll-behavior: none;
}
body.usine-navbar-drawer-open::before {
content: '';
position: fixed;
inset: 0;
z-index: 1090;
background: rgba(15, 23, 42, 0.45);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
pointer-events: auto;
animation: usine-nav-backdrop-fade 0.28s ease forwards;
}
@keyframes usine-nav-backdrop-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.usine-navbar.is-open {
z-index: 1100;
} body.usine-navbar-drawer-open:has(.usine-navbar.usine-bloc_navbar_01.is-open)::before {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
.js .navbar-menu {
transition-duration: 0.01ms !important;
}
.navbar-toggle-icon,
.navbar-toggle-icon::before,
.navbar-toggle-icon::after {
transition-duration: 0.01ms !important;
}
body.usine-navbar-drawer-open::before {
animation: none;
opacity: 1;
}
} .usine-navbar .navbar-cta .btn,
.usine-navbar .navbar-cta .btn .btn-text {
font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
} @media (max-width: 1300px) {
.usine-navbar .navbar-cta .btn,
.usine-navbar .navbar-cta .btn .btn-text {
font-size: var(--btn-font-size) !important;
}
}
@media (max-width: 768px) {
.usine-navbar .navbar-cta .btn,
.usine-navbar .navbar-cta .btn .btn-text {
font-size: var(--btn-font-size) !important;
}
} @media (max-width: 1300px) {
nav#navbar-69cf73c2d043b.usine-navbar,
nav#navbar-69d2a3e796ef9.usine-navbar {
padding: 6px 12px !important;
padding-left: max(12px, env(safe-area-inset-left)) !important;
padding-right: max(12px, env(safe-area-inset-right)) !important;
--navbar-overlay-top: calc(env(safe-area-inset-top, 0px) + 76px) !important;
}
nav#navbar-69cf73c2d043b .navbar-container,
nav#navbar-69d2a3e796ef9 .navbar-container {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0.5rem 1rem !important;
min-height: 60px !important;
gap: 0.5rem !important;
box-shadow: none !important;
border-radius: 0 !important;
text-align: left !important;
}
nav#navbar-69cf73c2d043b .navbar-logo img,
nav#navbar-69d2a3e796ef9 .navbar-logo img {
height: 40px !important;
max-width: min(200px, 42vw) !important;
} .js nav#navbar-69cf73c2d043b .navbar-menu,
.js nav#navbar-69d2a3e796ef9 .navbar-menu {
visibility: hidden;
opacity: 0;
pointer-events: none;
position: fixed;
z-index: 5;
left: 0;
right: 0;
top: var(--navbar-overlay-top);
bottom: 0;
margin: 0;
padding: 0.75rem max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(
1.25rem,
env(safe-area-inset-left)
);
flex-direction: column;
align-items: stretch;
gap: 0;
list-style: none;
min-height: calc(100dvh - var(--navbar-overlay-top) - env(safe-area-inset-bottom, 0px));
box-sizing: border-box;
background-color: var(--navbar-bg-color, #ffffff);
box-shadow: none;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, -10px, 0);
transition:
opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
visibility 0.32s,
transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.js nav#navbar-69cf73c2d043b .navbar-menu.active,
.js nav#navbar-69d2a3e796ef9 .navbar-menu.active {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
} .js nav#navbar-69cf73c2d043b .navbar-menu-item,
.js nav#navbar-69d2a3e796ef9 .navbar-menu-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@supports (border-bottom-color: color-mix(in srgb, white 50%, black)) {
.js nav#navbar-69cf73c2d043b .navbar-menu-item,
.js nav#navbar-69d2a3e796ef9 .navbar-menu-item {
border-bottom: 1px solid color-mix(in srgb, var(--navbar-text-color, #232425) 14%, transparent);
}
}
.js nav#navbar-69cf73c2d043b .navbar-menu-link,
.js nav#navbar-69d2a3e796ef9 .navbar-menu-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 1rem 0.25rem;
font-size: 1.0625rem;
font-weight: 500;
min-height: 52px;
box-sizing: border-box;
border-radius: 8px;
transition: background-color 0.15s ease;
}
.js nav#navbar-69cf73c2d043b .navbar-menu-link:active,
.js nav#navbar-69d2a3e796ef9 .navbar-menu-link:active {
background-color: color-mix(in srgb, var(--navbar-text-color, #232425) 10%, transparent);
}
nav#navbar-69cf73c2d043b .navbar-toggle,
nav#navbar-69d2a3e796ef9 .navbar-toggle {
display: inline-flex !important;
order: 3 !important;
} nav#navbar-69cf73c2d043b .navbar-toggle-icon,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon {
width: 28px !important;
height: 28px !important;
background: none !important;
background-image: url(//site-web-wordpress.fr/wp-content/themes/usine-theme/assets/icons/menu-01.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
nav#navbar-69cf73c2d043b .navbar-toggle-icon::before,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon::before,
nav#navbar-69cf73c2d043b .navbar-toggle-icon::after,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon::after {
display: none !important;
content: none !important;
}
nav#navbar-69cf73c2d043b .navbar-logo,
nav#navbar-69d2a3e796ef9 .navbar-logo {
order: 1 !important;
min-width: 0 !important;
}
nav#navbar-69cf73c2d043b .navbar-end,
nav#navbar-69d2a3e796ef9 .navbar-end {
order: 2 !important;
justify-content: flex-end !important;
} nav#navbar-69cf73c2d043b .navbar-cta--primary,
nav#navbar-69d2a3e796ef9 .navbar-cta--primary {
display: none !important;
} nav#navbar-69cf73c2d043b .navbar-actions,
nav#navbar-69d2a3e796ef9 .navbar-actions {
display: none !important; }
body.usine-navbar-drawer-open nav#navbar-69cf73c2d043b .navbar-actions,
body.usine-navbar-drawer-open nav#navbar-69d2a3e796ef9 .navbar-actions {
display: flex !important;
flex-direction: column;
gap: 0.75rem;
margin-right: 0 !important;
margin-top: auto;
padding: 1rem max(1.25rem, env(safe-area-inset-right))
max(1.5rem, env(safe-area-inset-bottom))
max(1.25rem, env(safe-area-inset-left));
position: fixed;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
background-color: var(--navbar-bg-color, #ffffff);
z-index: 6;
}
body.usine-navbar-drawer-open nav#navbar-69cf73c2d043b .navbar-cta--secondary .btn,
body.usine-navbar-drawer-open nav#navbar-69d2a3e796ef9 .navbar-cta--secondary .btn {
font-size: 0.9rem;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 768px) {
nav#navbar-69cf73c2d043b .navbar-container,
nav#navbar-69d2a3e796ef9 .navbar-container {
padding: 0.375rem 0.75rem !important;
min-height: 56px !important;
}
nav#navbar-69cf73c2d043b .navbar-cta--secondary .btn,
nav#navbar-69d2a3e796ef9 .navbar-cta--secondary .btn {
font-size: 0.8125rem !important;
padding: 0.45rem 0.65rem !important;
max-width: 36vw !important;
} nav#navbar-69cf73c2d043b .navbar-toggle-icon,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon {
width: 28px !important;
height: 28px !important;
background: none !important;
background-image: url(//site-web-wordpress.fr/wp-content/themes/usine-theme/assets/icons/menu-01.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
nav#navbar-69cf73c2d043b .navbar-toggle-icon::before,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon::before,
nav#navbar-69cf73c2d043b .navbar-toggle-icon::after,
nav#navbar-69d2a3e796ef9 .navbar-toggle-icon::after {
display: none !important;
content: none !important;
}
} nav#navbar-69d4f21fac31a .navbar-toggle-icon,
nav#navbar-69d4f21fac31a .navbar-toggle-icon::before,
nav#navbar-69d4f21fac31a .navbar-toggle-icon::after,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::before,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::after {
background-color: #045FFF !important;
}
nav#navbar-69d4fc38efb2a.usine-navbar {
--navbar-text-color: #045FFF !important;
} @media (max-width: 1300px) {
nav#navbar-69d4f21fac31a .navbar-toggle-icon,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon {
width: 22px !important;
height: 2px !important;
position: relative !important;
background: #045FFF !important;
background-image: none !important;
}
nav#navbar-69d4f21fac31a .navbar-toggle-icon::before,
nav#navbar-69d4f21fac31a .navbar-toggle-icon::after,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::before,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::after {
display: block !important;
content: '' !important;
position: absolute !important;
left: 0 !important;
width: 22px !important;
height: 2px !important;
background: #045FFF !important;
}
nav#navbar-69d4f21fac31a .navbar-toggle-icon::before,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::before {
top: -7px !important;
}
nav#navbar-69d4f21fac31a .navbar-toggle-icon::after,
nav#navbar-69d4fc38efb2a .navbar-toggle-icon::after {
top: 7px !important;
}
nav#navbar-69d4f21fac31a.is-open .navbar-toggle-icon,
nav#navbar-69d4fc38efb2a.is-open .navbar-toggle-icon {
background: transparent !important;
background-image: none !important;
}
nav#navbar-69d4f21fac31a.is-open .navbar-toggle-icon::before,
nav#navbar-69d4fc38efb2a.is-open .navbar-toggle-icon::before {
top: 0 !important;
transform: rotate(45deg) !important;
}
nav#navbar-69d4f21fac31a.is-open .navbar-toggle-icon::after,
nav#navbar-69d4fc38efb2a.is-open .navbar-toggle-icon::after {
top: 0 !important;
transform: rotate(-45deg) !important;
}
}