header nav {
    margin-bottom: 0;
}
footer {
    margin-top: 0;
}

/* ne pas supprimer valable pour toute les OP */
.top-marchands .container-fluid {
    padding: 0;
}

/*   TITLE AND BANNER TOP    */

.top-marchands {
    background-color: #FF7B2D;
}

.top-marchands h1,
.top-marchands h2 {
    color: #fff;
}

/*    MENU    */

.top-marchands .ui-group {
    margin: 20px 0;
    display: flex;
}

.top-marchands .ui-group .button-group {
    text-align: center;
}

.top-marchands .ui-group .button-group button {
    border: none;
}

.top-marchands button {
    position: relative;
    border-radius: 8px;
    padding: 10px 20px;
    margin: 4px;
    font-family: 'Myriad Pro', arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    background-color: #960057;
}

.top-marchands .is-checked {
    background-color: #FF0066;
}

.top-marchands button:first-child {
    background-color: #FF0066;
    padding: 13px 15px;
    border-radius: 100%;

}

/*    MERCHANTS BLOCK    */

.top-marchands .merchants__item {
    width: 98%;
    margin: 1%;
}

.top-marchands .merchants__item .cashback {
    background-color: #FFBC22;
}

.top-marchands .resize-logo {
    width: 150px;
}

/*    MEDIAS QUERIES    */

@media screen and (min-width: 768px) {
    .top-marchands .container-fluid .banner {
        background: url(../images/op/banner-top-marchands.png) no-repeat center top;
        background-size: cover;
        width: 100%;
        height: 130px;
        overflow-x: hidden;
    }

    .top-marchands .ui-group {
        display: block;
    }

    .top-marchands .is-checked::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -7px;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #FF0066 transparent transparent transparent;
    }

    .top-marchands .merchants__item {
        width: 27.75%;
        margin: 1.65%;
    }
}

@media screen and (min-width: 1024px) {
    .top-marchands .container-fluid .banner {
        height: 160px;
    }

    .top-marchands .merchants__item {
        width: 21.25%;
        margin: 1.25%;
    }
}

@media screen and (min-width: 1280px) {
    .top-marchands .container-fluid .banner {
        height: 210px;
    }
    .top-marchands .merchants__item {
        width: 17.5%;
        margin: 1.25%;
    }
}

@media screen and (min-width: 1400px) {
    .top-marchands .container-fluid .banner {
        height: 400px;
    }
}