.ocp-nav{--ocp-menu-color:#073c58;--ocp-menu-accent:#004a67;--ocp-menu-hover:#0086a8;background:#fff;color:var(--ocp-menu-color);width:100%;max-width:100%;position:relative;z-index:30;box-sizing:border-box;border-bottom:1px solid #e3eff2;font-family:inherit}
.ocp-nav *{box-sizing:border-box}.ocp-nav__inner{width:100%;max-width:1260px;margin:auto;display:flex;align-items:center;gap:24px;min-width:0;padding:13px 24px}
.ocp-nav__brand{display:flex;align-items:center;gap:10px;color:var(--ocp-menu-color);text-decoration:none!important;white-space:nowrap;flex:none}.ocp-nav__brand strong{font-size:18px;font-weight:900;color:var(--ocp-menu-color)}.ocp-nav__brand img{display:block;width:auto;max-height:48px;max-width:170px;object-fit:contain}.ocp-nav__brand-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:28px;font-weight:800;color:#00a3c4;border:3px solid #00a3c4}
.ocp-nav__panel{margin-left:auto;min-width:0}.ocp-nav__list{display:flex;align-items:center;gap:clamp(12px,1.8vw,28px);margin:0;padding:0;list-style:none}.ocp-nav__list li{list-style:none;margin:0;position:relative}.ocp-nav__list a{display:block;padding:10px 0;color:var(--ocp-menu-color);font-size:14px;line-height:1.4;text-decoration:none!important;font-weight:750;white-space:nowrap}.ocp-nav .ocp-nav__list a:hover,.ocp-nav .ocp-nav__list a:focus-visible,.ocp-nav .ocp-nav__list a[aria-current="page"],.ocp-nav .ocp-nav__list a[aria-current="location"],.ocp-nav .ocp-nav__list li.current-menu-item>a,.ocp-nav .ocp-nav__list li.current_page_item>a,.ocp-nav .ocp-nav__list li.current-menu-ancestor>a{color:var(--ocp-menu-hover)}.ocp-nav__list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:8px 14px;margin:0;background:#fff;border:1px solid #d9edf3;border-radius:12px;box-shadow:0 10px 22px rgba(0,46,70,.12);list-style:none;z-index:10}.ocp-nav__list li:hover>.sub-menu,.ocp-nav__list li:focus-within>.sub-menu{display:block}.ocp-nav__list .sub-menu a{white-space:normal;padding:10px 4px}
.ocp-nav__cta{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:30px;background:var(--ocp-menu-accent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750;padding:11px 18px;min-height:43px}.ocp-nav__cta:hover{background:#007e9d}.ocp-nav a:focus-visible,.ocp-nav button:focus-visible{outline:3px solid #00a5c4;outline-offset:3px}.ocp-nav__toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #c9e0e8;background:#fff;border-radius:10px;padding:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:space-around}.ocp-nav__toggle span{height:2px;width:22px;background:#074057;border-radius:2px}
@media(max-width:1120px){.ocp-nav--break-1120 .ocp-nav__toggle{display:flex}.ocp-nav--break-1120 .ocp-nav__panel{display:none}.ocp-nav--break-1120.ocp-nav--open .ocp-nav__panel{display:block;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border:1px solid #d9e8ee;box-shadow:0 14px 24px rgba(0,50,70,.12);padding:10px clamp(15px,5vw,35px);max-height:70vh;overflow:auto}.ocp-nav--break-1120 .ocp-nav__list{flex-direction:column;align-items:stretch;gap:0}.ocp-nav--break-1120 .ocp-nav__list a{white-space:normal;padding:13px 8px}.ocp-nav--break-1120 .ocp-nav__list .sub-menu{display:block;position:static;min-width:0;box-shadow:none;border:none;padding:0 0 0 16px}}
@media(max-width:1024px){.ocp-nav--break-1024 .ocp-nav__toggle{display:flex}.ocp-nav--break-1024 .ocp-nav__panel{display:none}.ocp-nav--break-1024.ocp-nav--open .ocp-nav__panel{display:block;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border:1px solid #d9e8ee;padding:14px 25px;max-height:70vh;overflow:auto}.ocp-nav--break-1024 .ocp-nav__list{flex-direction:column;align-items:stretch;gap:0}.ocp-nav--break-1024 .ocp-nav__list a{white-space:normal;padding:13px 5px}.ocp-nav--break-1024 .ocp-nav__list .sub-menu{display:block;position:static;box-shadow:none;border:none;padding-left:15px}}
@media(max-width:900px){.ocp-nav--break-900 .ocp-nav__toggle{display:flex}.ocp-nav--break-900 .ocp-nav__panel{display:none}.ocp-nav--break-900.ocp-nav--open .ocp-nav__panel{display:block;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border:1px solid #d9e8ee;padding:14px 25px;max-height:70vh;overflow:auto}.ocp-nav--break-900 .ocp-nav__list{flex-direction:column;align-items:stretch;gap:0}.ocp-nav--break-900 .ocp-nav__list a{white-space:normal;padding:13px 5px}.ocp-nav--break-900 .ocp-nav__list .sub-menu{display:block;position:static;box-shadow:none;border:none;padding-left:15px}}
@media(max-width:680px){.ocp-nav__inner{padding:10px 15px;gap:9px}.ocp-nav__brand strong{font-size:15px}.ocp-nav__brand img{max-width:120px;max-height:38px}.ocp-nav__cta{font-size:12px;padding:10px 12px;min-height:40px}.ocp-nav__toggle{width:40px;height:40px}}
@media(max-width:380px){.ocp-nav__cta{font-size:11px;padding:9px}.ocp-nav__inner{gap:6px}.ocp-nav__brand strong{font-size:13px}}

/* 2.14.5 — the selected page uses exactly the same tint as hover, including the mobile menu. */
.ocp-nav .ocp-nav__list li.menu-item--active>a{color:var(--ocp-menu-hover)}
@media(max-width:1120px){.ocp-nav .ocp-nav__list a[aria-current="page"],.ocp-nav .ocp-nav__list li.current-menu-item>a,.ocp-nav .ocp-nav__list li.current_page_item>a,.ocp-nav .ocp-nav__list li.menu-item--active>a{background:rgba(0,143,178,.085);border-radius:8px}}

@media(max-width:380px){.ocp-nav .ocp-nav__inner{padding:9px 10px;gap:5px}.ocp-nav .ocp-nav__brand-symbol{width:29px;height:29px;font-size:19px;border-width:2px}.ocp-nav .ocp-nav__brand strong{font-size:11px}.ocp-nav .ocp-nav__toggle{width:36px;height:36px;padding:7px}.ocp-nav .ocp-nav__cta{font-size:10px;padding:8px 7px;min-height:36px;gap:4px}}

/* 2.14.7: stable product dropdown for desktop, expanded sub-links on mobile. */
.ocp-nav__list>li.menu-item-has-children{position:relative}
.ocp-nav__list>li.menu-item-has-children>.sub-menu{top:100%;left:-15px}
.ocp-nav__list>li.menu-item-has-children>a span{font-size:16px;line-height:1;margin-left:3px}
.ocp-nav__list>li.menu-item-has-children:focus-within>.sub-menu,.ocp-nav__list>li.menu-item-has-children:hover>.sub-menu{display:block}
@media(max-width:1120px){.ocp-nav--break-1120 .ocp-nav__list>li.menu-item-has-children>.sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}}
@media(max-width:1024px){.ocp-nav--break-1024 .ocp-nav__list>li.menu-item-has-children>.sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}}
@media(max-width:900px){.ocp-nav--break-900 .ocp-nav__list>li.menu-item-has-children>.sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0}}

/* v2.14.22 — logo original dans le menu Elementor existant. */
.ocp-nav .ocp-nav__brand img.ocp-nav__historic-logo{display:block;width:174px;max-width:174px;height:auto;max-height:52px;object-fit:contain}
@media(max-width:680px){.ocp-nav .ocp-nav__brand img.ocp-nav__historic-logo{width:135px;max-width:135px;max-height:42px}}
@media(max-width:380px){.ocp-nav .ocp-nav__brand img.ocp-nav__historic-logo{width:114px;max-width:114px}}