.menu-haut-global {
    height: 35px;
    width: 1220px;
    max-width: 100%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 16px;
    background: #B1810B;
}

.menu-haut-global a {
    color: #FFFFFF;
}

.menu-haut-global .gauche-un,
.menu-haut-global .fb {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.menu-haut-global .gauche-deux,
.menu-haut-global .ist,
.menu-haut-global .tw {
    border-right: 1px solid #FFFFFF;
}

.menu-haut-global .gauche-un,
.menu-haut-global .gauche-deux {
    flex-basis: 14%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    font-size: 14px;
}

.menu-haut-global .centre {
    flex-basis: 35%;
    height: 100%;
    border-right: 1px solid #FFFFFF;
}

.menu-haut-global .fb,
.menu-haut-global .ist,
.menu-haut-global .tw {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 35px;
    height: 100%;
    text-align: center;
}

.menu-haut-global .traduction {
    flex-basis: 16%;
    height: 100%;
    margin-left: 20px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.menu-haut-global .traduction .vertical {
    margin: 0 10px;
}

.menu-haut-global .espace-membre {
    flex-basis: 16%;
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.menu-haut-global .espace-membre a {
    margin-left: 10px;
}

.mc4wp-response {
    color: #FFFFFF;
}

.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard>.site-header-row-container-inner {
    background: #B1810B;
}

/* ****************************************************************
                        RESPONSIVE
***************************************************************** */
@media (max-width: 360px) {
    .menu-haut-global {
        width: 343px;
    }

    .menu-haut-global .gauche-un,
    .menu-haut-global .gauche-deux,
    .menu-haut-global .centre,
    .menu-haut-global .fb,
    .menu-haut-global .ist,
    .menu-haut-global .tw {
        display: none;
    }

    .menu-haut-global .traduction {
        flex-basis: 50%;
    }

    .menu-haut-global .espace-membre {
        flex-basis: 50%;
    }
}

@media (min-width: 361px) and (max-width: 768px) {
    .site-top-header-wrap.site-header-focus-item.site-header-row-layout-standard.site-header-row-tablet-layout-default.site-header-row-mobile-layout-default {
        background: #B1810B;
        height: 35px;
        position: relative;
    }

    .menu-haut-global {
        width: 343px;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu-haut-global .gauche-un,
    .menu-haut-global .gauche-deux,
    .menu-haut-global .centre,
    .menu-haut-global .fb,
    .menu-haut-global .ist,
    .menu-haut-global .tw {
        display: none;
    }

    .menu-haut-global .traduction {
        flex-basis: 50%;
    }

    .menu-haut-global .espace-membre {
        flex-basis: 50%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .site-top-header-wrap.site-header-focus-item.site-header-row-layout-standard.site-header-row-tablet-layout-default.site-header-row-mobile-layout-default {
        background: #B1810B;
        height: 35px;
        position: relative;
    }

    .menu-haut-global {
        width: 450px;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu-haut-global .gauche-un,
    .menu-haut-global .gauche-deux,
    .menu-haut-global .centre {
        display: none;
    }


    .menu-haut-global .fb,
    .menu-haut-global .ist,
    .menu-haut-global .tw {
        flex-basis: 35px;
    }

    .menu-haut-global .traduction {
        flex-basis: 50%;
    }

    .menu-haut-global .espace-membre {
        flex-basis: 50%;
    }
}

@media (min-width: 1025px) and (max-width: 1220px) {
    .site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard>.site-header-row-container-inner {
        margin-bottom: 30px;
        background: #B1810B;
        height: 35px;
    }

    .menu-haut-global {
        width: 450px;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu-haut-global .gauche-un,
    .menu-haut-global .gauche-deux,
    .menu-haut-global .centre {
        display: none;
    }


    .menu-haut-global .fb,
    .menu-haut-global .ist,
    .menu-haut-global .tw {
        flex-basis: 35px;
    }

    .menu-haut-global .traduction {
        flex-basis: 50%;
    }

    .menu-haut-global .espace-membre {
        flex-basis: 50%;
    }
}