/****************GAMMES**********************/
.container-search-gammes .container-gammes {
    margin-top  : 20px;
    font-size   : 12px;
    font-weight : bold;
    color       : white;
}

.container-search-gammes .container-gammes .color-square {
    width  : 56px;
    height : 56px;
}

.container-search-gammes .container-gammes .col-gammes:not(:last-of-type) {
    border-right : 1px solid #ABABAB;
}

.container-search-gammes .container-gammes .dropdown-gammes {
    border : none;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle {
    background-color : transparent !important;
    color            : white;
    font-weight      : bold;
    padding          : 0 0;
    border           : none;
    width            : 100%;
    text-align       : left;
    border-radius    : 0 0 0 0;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle .caret {
    position     : absolute;
    left         : 90%;
    top          : 45%;
    border-top   : 8px dashed;
    border-right : 8px solid transparent;
    border-left  : 8px solid transparent;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle .dropdown-gammes-txt {
    float        : left;
    height       : 56px;
    display      : flex;
    align-items  : center;
    max-width    : 270px;
    padding-left : 20px;
    white-space  : pre-line;
    margin       : auto;
    font-size    : 20px;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-menu {
    width            : 100%;
    border-radius    : 0;
    background-color : #161617;
    font-size        : 14px;
    margin           : -1px 56px;
    max-width        : calc(100% - 56px);
    max-height       : 450px;
    overflow         : auto;
}

.container-search-gammes .container-gammes .dropdown-gammes a {
    color         : white;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
}

.container-search-gammes .container-gammes .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color : #e5dbe7;
    color            : black;
}

.container-search-gammes .container-gammes .img_description_left {
    position : absolute;
    width    : 143px;
    left     : -150px;
    top      : -39px;
}

.container-search-gammes .container-gammes .img_description_right {
    position : absolute;
    width    : 116px;
    right    : -116px;
    top      : 274px;
}

@media screen and (min-width : 992px) and (max-width : 1200px) {
    .container-search-gammes .container-gammes .color-square {
        width  : 40px;
        height : 40px;
    }

    .container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle .dropdown-gammes-txt {
        font-size : 14px;
        height    : 40px;
        max-width : 250px;
    }

    .container-search-gammes .container-gammes .dropdown-gammes .dropdown-menu {
        margin    : -1px 40px;
        max-width : calc(100% - 40px);
    }
}

@media only screen and (max-width : 992px) {
    .container-search-gammes .container-gammes .col-gammes {
        border-right : none !important;
    }

    .container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle .dropdown-gammes-txt {
        font-size : 19px;
        max-width : 230px;
    }

}