/* =========================================
   MENU MARQUE SOMOUEST
========================================= */

.menu-marque-somouest-wrap,
.menu-marque-somouest-wrap *{
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

.menu-marque-somouest-wrap{
    position:relative;
    z-index:800;
    width:100%;
    margin:0;
    padding:0;
    background:#06285f;
    border:0;
    box-shadow:none;
    overflow:visible;
}

.menu-marque-somouest-wrap a{
    text-decoration:none;
    outline:none;
}

.menu-marque-somouest-inner{
    position:relative;
    z-index:801;
    width:100%;
    margin:0;
    padding:0 16px;
    overflow:visible;
}

#menu-marque-somouest-check{
    position:absolute;
    left:-9999px;
    opacity:0;
    pointer-events:none;
}

.menu-marque-somouest-toggle{
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:54px;
    margin:0;
    padding:0;
    background:#06285f;
    color:#ffffff;
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
}

.menu-marque-somouest-toggle-left{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    gap:10px;
}

.menu-marque-somouest-toggle-picto{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.menu-marque-somouest-toggle-picto img{
    display:block;
    width:auto;
    height:auto;
    max-width:22px;
    max-height:22px;
    border:0;
}

.menu-marque-somouest-toggle-title{
    display:block;
    min-width:0;
    flex:1 1 auto;
    font-size:16px;
    font-weight:600;
    line-height:1.1;
    color:#ffffff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:left;
    letter-spacing:0;
}

.menu-marque-somouest-burger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:10px;
    background:rgba(255,255,255,.10);
    color:#ffffff;
    transition:background .18s ease, transform .18s ease;
}

.menu-marque-somouest-burger svg{
    display:block;
    width:18px;
    height:18px;
}

.menu-marque-somouest-list{
    list-style:none;
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    margin:0;
    padding:10px 0;
    background:#06285f;
    border:0;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    position:relative;
    z-index:802;
}

.menu-marque-somouest-list::-webkit-scrollbar{
    display:none;
}

.menu-marque-somouest-list li{
    display:block;
    flex:0 0 auto;
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    background:transparent;
}

.menu-marque-somouest-list li.menu-marque-somouest-item-docs{
    margin-left:auto;
}

.menu-marque-somouest-list a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:38px;
    margin:0;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:#ffffff;
    box-shadow:none;
    font-size:14px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
    letter-spacing:0;
    text-shadow:none;
}

.menu-marque-somouest-list a:hover{
    background:rgba(255,255,255,.16);
    border-color:rgba(255,255,255,.26);
    box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
    color:#ffffff;
    transform:translateY(-1px);
}

.menu-marque-somouest-list a.menu-marque-somouest-selemenu{
    background:#d7e5f7;
    color:#0a2d62;
    border-color:rgba(55,95,160,.18);
    box-shadow:inset 0 0 0 1px rgba(55,95,160,.10);
}

.menu-marque-somouest-list a.menu-marque-somouest-selemenu:hover{
    background:#d7e5f7;
    color:#0a2d62;
    border-color:rgba(55,95,160,.24);
    box-shadow:inset 0 0 0 1px rgba(55,95,160,.14);
    transform:none;
}

.menu-marque-somouest-list a.menu-marque-somouest-docs-link{
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.03);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.menu-marque-somouest-list a.menu-marque-somouest-docs-link:hover{
    background:rgba(255,255,255,.18);
    border-color:rgba(255,255,255,.36);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 8px 18px rgba(2,17,43,.18);
    transform:translateY(-1px);
}

.menu-marque-somouest-list a.menu-marque-somouest-docs-link.menu-marque-somouest-selemenu{
    background:#d7e5f7;
    color:#0a2d62;
    border-color:rgba(55,95,160,.18);
    box-shadow:inset 0 0 0 1px rgba(55,95,160,.10);
}

.menu-marque-somouest-list a.menu-marque-somouest-docs-link.menu-marque-somouest-selemenu:hover{
    background:#d7e5f7;
    color:#0a2d62;
    border-color:rgba(55,95,160,.24);
    box-shadow:inset 0 0 0 1px rgba(55,95,160,.14);
    transform:none;
}

.menu-marque-somouest-icon{
    width:20px;
    height:20px;
    flex:0 0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.menu-marque-somouest-icon img{
    display:block;
    width:auto;
    height:auto;
    max-width:20px;
    max-height:20px;
    border:0;
}

.menu-marque-somouest-icon-stock{
    width:27px;
    height:27px;
    flex:0 0 27px;
}

.menu-marque-somouest-icon-stock img{
    max-width:27px;
    max-height:27px;
}

@media (max-width: 1180px){
    .menu-marque-somouest-list a{
        padding:0 11px;
        font-size:13px;
    }
}

@media (max-width: 980px){
    .menu-marque-somouest-wrap{
        z-index:850 !important;
        overflow:visible !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
    }

    .menu-marque-somouest-inner{
        padding:0 16px !important;
        z-index:851 !important;
        overflow:visible !important;
    }

    .menu-marque-somouest-toggle{
        display:flex !important;
    }

    .menu-marque-somouest-list{
        display:none !important;
        position:static !important;
        width:calc(100% + 32px) !important;
        margin:0 -16px !important;
        padding:0 0 16px 0 !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:0 !important;
        overflow:visible !important;
        background:#06285f !important;
        border-top:1px solid rgba(255,255,255,.08) !important;
        border-bottom-left-radius:0 !important;
        border-bottom-right-radius:0 !important;
        box-shadow:none !important;
        z-index:auto !important;
    }

    #menu-marque-somouest-check:checked ~ .menu-marque-somouest-list{
        display:flex !important;
    }

    #menu-marque-somouest-check:checked ~ .menu-marque-somouest-toggle .menu-marque-somouest-burger{
        background:#204887 !important;
        color:#ffffff !important;
    }

    .menu-marque-somouest-list li{
        display:block !important;
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .menu-marque-somouest-list li.menu-marque-somouest-item-docs{
        margin-left:0 !important;
    }

    .menu-marque-somouest-list a,
    .menu-marque-somouest-list a.menu-marque-somouest-selemenu,
    .menu-marque-somouest-list a.menu-marque-somouest-docs-link,
    .menu-marque-somouest-list a.menu-marque-somouest-docs-link.menu-marque-somouest-selemenu{
        display:flex !important;
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
        justify-content:flex-start !important;
        align-items:center !important;
        gap:9px !important;
        min-height:54px !important;
        margin:0 !important;
        padding:0 22px !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
        border-radius:0 !important;
        box-shadow:none !important;
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1.1 !important;
        white-space:normal !important;
        transform:none !important;
    }

    .menu-marque-somouest-list a{
        background:#06285f !important;
        color:#ffffff !important;
    }

    .menu-marque-somouest-list a:hover{
        background:#0b3575 !important;
        border-color:rgba(255,255,255,.08) !important;
        box-shadow:none !important;
        color:#ffffff !important;
        transform:none !important;
    }

    .menu-marque-somouest-list a.menu-marque-somouest-selemenu{
        background:#e6effb !important;
        color:#0a2d62 !important;
        border-color:rgba(9,42,94,.08) !important;
    }

    .menu-marque-somouest-list a.menu-marque-somouest-docs-link{
        background:#06285f !important;
        color:#ffffff !important;
        border-color:rgba(255,255,255,.08) !important;
    }

    .menu-marque-somouest-list a.menu-marque-somouest-docs-link:hover{
        background:#0b3575 !important;
        color:#ffffff !important;
        border-color:rgba(255,255,255,.08) !important;
        box-shadow:none !important;
        transform:none !important;
    }

    .menu-marque-somouest-list a.menu-marque-somouest-docs-link.menu-marque-somouest-selemenu{
        background:#e6effb !important;
        color:#0a2d62 !important;
        border-color:rgba(9,42,94,.08) !important;
    }

    .menu-marque-somouest-icon{
        width:22px !important;
        height:22px !important;
        flex:0 0 22px !important;
    }

    .menu-marque-somouest-icon img{
        max-width:22px !important;
        max-height:22px !important;
    }

    .menu-marque-somouest-icon-stock{
        width:26px !important;
        height:26px !important;
        flex:0 0 26px !important;
    }

    .menu-marque-somouest-icon-stock img{
        max-width:26px !important;
        max-height:26px !important;
    }
}