.container-search-index {
    min-height : 298px;
}

.container-search-index .container-letters {
    z-index       : 300;
    right         : 0;
    left          : 0;
    padding       : 0;
    color         : white;
    margin-top    : 20px;
    margin-bottom : 20px;
}

.container-search-index .container-letter {
    float       : left;
    color       : white;
    height      : 50px;
    width       : 50px;
    border      : 1px solid white;
    line-height : 50px;
    text-align  : center;
    font-weight : bold;
    cursor      : pointer;
}

.container-search-index .container-letter:hover {
    background-color : #E6007E;
}

.container-search-index .selected {
    background-color : #E6007E;
}

.container-search-index .container-familles {
    display      : block;
    font-size    : 14px;
    color        : white;
    margin-left  : -40px;
    margin-right : -40px;
}

.container-search-index .container-familles .dropdown a {
    background-color : transparent !important;
    font-size        : 15px;
    color            : white;
    font-weight      : bold;
    border           : none;
    width            : 100%;
    text-align       : left;
    border-radius    : 0 0 0 0;
    line-height      : 15px;
    text-overflow    : ellipsis;
    white-space      : nowrap;
    overflow         : hidden;
}

.container-search-index .container-familles .dropdown a:hover {
    background-color : #E6007E !important;
    color            : white !important;
}

.container-search-index .container-familles .dropdown a .caret {
    position : absolute;
    left     : 90%;
    top      : 45%;
}

.container-search-index .container-familles .dropdown a .dropdown-famille-txt {
    height       : 18px;
    padding-top  : 3px;
    padding-left : 10px;
}

.container-search-index .container-familles .dropdown .dropdown-menu {
    /*margin           : -1px 0 0;*/
    width            : 100%;
    border-radius    : 0;
    background-color : #161617;
    font-size        : 15px;
    border           : 1px solid white;
    line-height      : 15px;
    padding-bottom: 0;
    padding-top: 0;
}

.container-search-index .container-familles .dropdown-menu a {
    color         : white;
    padding       : 1px 10px;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
    line-height: 26px;

}

.container-search-index .container-familles .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color : #E6007E;
    color            : white;
}

.container-search-index .img_description_left {
    position : absolute;
    width    : 143px;
    left     : -110px;
    top      : 31px;
}

.container-search-index .img_description_right {
    position : absolute;
    width    : 116px;
    right    : -110px;
    top      : 31px;
}

@media only screen and (max-width : 992px) {
    .container-search-index .container-familles {
        margin-left  : 0;
        margin-right : 0;
    }
}