#bloc_recherche {
    min-height : 400px;
}

.input-lg {
    height : 47px !important;
}

#bloc_recherche .hack-lg-offset-1 {
    margin-left : 5.333333%;
}

#bloc_recherche .hack-col-lg-10 {
    width : 91.666667%;
}

.background-image-index {
    width           : 100%;
    height          : 400px;
    z-index         : 1;
    position        : absolute;
    background      : url(/design/images/backgrounds/cloup-materiels-consommables-de-laboratoire-soufflage-de-verre.jpg) no-repeat bottom center;
    background-size : 1440px;
    /*background-size : cover;*/
}

.background-image-index .linear-gradient {
    width      : 100%;
    min-height : 100px;
    position   : absolute;
    bottom     : 0;
    background : linear-gradient(transparent, black);
}

#bloc_recherche .container_recherche {
    /*position                : absolute;*/
    bottom                  : 0;
    background-color        : rgba(0, 0, 0, 0.5);
    border-top-left-radius  : 30px;
    border-top-right-radius : 30px;
    padding-top             : 34px;
    padding-bottom          : 30px;
    padding-left            : 70px;
    padding-right           : 70px;
}

#bloc_recherche .container_recherche .form-control {
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0;
}

#bloc_recherche .container_search_keyword .input-group-btn {
    border-bottom-right-radius : 0;
    border-top-right-radius    : 0;
    border                     : none;
    color                      : white;
    font-size                  : 20px;
}

#bloc_recherche .span-btn-button-search {
    background-color : #E6007E;
}

#bloc_recherche .container_search_keyword .btn-loupe {
    border-bottom-right-radius : 0;
    border-top-right-radius    : 0;
    background-color           : #E6007E;
    border                     : none;
    color                      : white;
    font-size                  : 20px;
    margin                     : 0;
}

#bloc_recherche .container_search_keyword .dropdown-toggle {
    background-color : #161617;
    border-color     : white;
    color            : white;
    font-size        : 14px;
    padding          : 13px;
}

#bloc_recherche .container_search_keyword .caret {
    color       : #E6007E;
    margin-left : 15px;
}

#bloc_recherche .container_search_keyword .dropdown-menu {
    background-color : #161617;
    color            : white;
    width            : 100%;
    border-radius    : 0 0 0 0;
    border           : 1px solid white;
    padding          : 0 0;
    margin           : -1px 0 0;
    border-top       : 0;
}

#bloc_recherche .container_search_keyword .dropdown-menu > li > a {
    color          : white;
    padding-top    : 8px;
    padding-bottom : 8px;
}

#bloc_recherche .container_search_keyword .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color : #E6007E;
}

#bloc_recherche .container_search_keyword .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right : 0;
}

/****************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  : 20px;
    height : 20px;
}

.container-search-gammes .container-gammes .col-gammes:after {
    content     : '';
    position    : absolute;
    right       : 0;
    top         : 0;
    height      : 100%;
    border-left : 1px solid white;
}

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

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle {
    background-color : transparent !important;
    font-size        : 11px;
    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%;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-toggle .dropdown-gammes-txt {
    height       : 20px;
    padding-top  : 3px;
    padding-left : 25px;
}

.container-search-gammes .container-gammes .dropdown-gammes .dropdown-menu {
    margin           : -1px 20px 0;
    width            : 100%;
    border-radius    : 0;
    background-color : #161617;
    font-size        : 12px;
    max-width        : calc(100% - 20px);
}

.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;
}

/*************MARQUES*******************/
.container-marques {
    font-size   : 11px;
    font-weight : bold;
    color       : white;
    margin-top  : 20px;
}

.container-marques a {
    text-decoration : none;
    color           : white;
}

.container-marques a:hover {
    text-decoration : none;
    color           : #E6007E;
}

/*************INDEX*******************/
.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      : 37px;
    width       : 37px;
    border      : 1px solid white;
    padding-top : 9px;
    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    : 12px;
    color        : white;
    margin-left  : -40px;
    margin-right : -40px;
}

.container-search-index .container-familles .dropdown a {
    background-color : transparent !important;
    font-size        : 11px;
    color            : white;
    font-weight      : bold;
    padding          : 0 0;
    border           : none;
    width            : 100%;
    text-align       : left;
    border-radius    : 0 0 0 0;
}

.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        : 12px;
    border           : 1px solid white;
}

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

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

/**************BOUTON MENU***************/
.search_with {
    font-weight : bold;
    font-size   : 14px;
    padding-top : 10px;
    text-align  : right;
    color       : white;
}

.dropdown-menu-default button {
    background-color : #161617;
    border-color     : white;
    color            : white;
    font-size        : 14px;
    padding          : 13px;
    min-width        : 188px;
    max-width        : 188px;
    text-align       : left;
}

.dropdown-menu-default .caret {
    color    : #E6007E;
    position : absolute;
    left     : 90%;
    top      : 45%;
}

.dropdown-menu-default .dropdown-menu {
    background-color : #161617;
    color            : white;
    border-radius    : 0 0 0 0;
    border           : 1px solid white;
    padding          : 0 0;
    margin           : -8px 0 0;
    min-width        : 188px;
    max-width        : 188px;
    border-top       : 0;
}

.dropdown-menu-default .dropdown-menu a {
    color   : white;
    padding : 3px 12px;
}

.dropdown-menu-default .btn-default.active,
.dropdown-menu-default .btn-default:active,
.dropdown-menu-default .btn-default:focus,
.dropdown-menu-default .open > .dropdown-toggle.btn-default {
    background-color : #161617 !important;
    color            : white !important;
    border           : 1px solid white !important;
}

.dropdown-menu-default .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color : #E6007E;
}

@media only screen and (max-width : 768px) {
    .container-dropdown-menu {
        text-align     : center;
        padding-bottom : 10px;
    }

    .dropdown-menu-center {
        left      : 50% !important;
        right     : auto !important;
        transform : translate(-50%, 0) !important;
    }

    .search_with {
        text-align     : center;
        padding-bottom : 5px;
    }

    .container_recherche_marques {
        margin-top : 130px !important;
    }

    .container_recherche_index {
        margin-top : 130px !important;
    }

    .container_recherche [class*="col-"] {
        padding-right : 0;
        padding-left  : 0;
    }

    #bloc_recherche .container_recherche {
        padding-left  : 40px;
        padding-right : 40px;
    }

}

/*******CAROUSEL TOP******************/
.container_carousel_top {
    text-align : center;
    margin-top : 35px;
}

.container_carousel_top a {
    text-decoration : none;
}

.container_carousel_top li {
    width      : 538px;
    text-align : left;
}

.container_carousel_top li img {
    height        : auto;
    max-width     : 100%;
    display       : block;
    border-radius : 10px;
    border        : 3px solid #E6007E;
}

.container_carousel_top .carousel_top_title {
    padding        : 5px;
    text-transform : uppercase;
    font-size      : 15px;
    font-weight    : bold;
    color          : #98BE0D;
    min-height     : 32px;
}

.container_carousel_top .carousel_top_text {
    padding-left : 5px;
    font-size    : 12px;
    font-weight  : bold;
    color        : #f8f8ff;
    min-height   : 17px;
}

.container_carousel_top .lSAction .lSPrev {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 10%;
    left             : -40px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

.container_carousel_top .lSAction .lSNext {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 10%;
    right            : -40px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

@media only screen and (max-width : 992px) {
    .container_carousel_top .lSAction .lSPrev {
        margin-top : 23%;
    }

    .container_carousel_top .lSAction .lSNext {
        margin-top : 23%;
    }
}

@media only screen and (max-width : 768px) {
    .container_carousel_top .lSAction .lSPrev {
        display : none;
    }

    .container_carousel_top .lSAction .lSNext {
        display : none;
    }
}

/***************SOUFFLAGE****************/
.container-soufflage {
    margin-top      : 55px;
    background      : url(/design/images/cloup-materiel-laboratoire-soufflage-de-verre-fond-atelier.jpg) no-repeat center;
    background-size : cover;
    min-height      : 278px;
}

.container-soufflage .container {
    padding-right : 50px;
    padding-left  : 50px;
    min-height    : 278px;
}

.container-soufflage .row {
    margin-right : 0;
    margin-left  : 0;
}

.container-soufflage .title-soufflage h1 {
    font-size   : 30px;
    font-weight : bold;
    color       : white;
    text-align  : center;
    margin-top  : 25px;
}

.container-soufflage .text-soufflage {
    font-size   : 13px;
    font-weight : bold;
    color       : white;
    text-align  : center;
    margin-top  : 25px;
}

.container-soufflage .button-soufflage {
    text-align : center;
    margin-top : 35px;
}

.container-soufflage .button-soufflage a {
    border-radius    : 50px;
    padding          : 3px 25px 3px 25px;
    background-color : black;
    color            : white;
}

@media only screen and (max-width : 992px) {
    .container-soufflage .title-soufflage h1 {
        font-size : 15px;
    }

    .container-soufflage .text-soufflage {
        font-size : 11px;
    }

    .container-soufflage {
        min-height : 200px;
    }

    .container-soufflage .button-soufflage button {
        padding : 3px 60px 3px 60px;
    }

    .container-soufflage .container {
        padding-right : 0;
        padding-left  : 0;
    }
}

/***************CATALOGUE****************/
.container-catalogue {
    background          : url(/design/images/visuels-cloup-materiel-laboratoire-soufflage-de-verre-atelier2.png), url(/design/images/visuels-cloup-materiel-laboratoire-soufflage-de-verre-atelier.png);
    background-position : right top, left bottom;
    background-repeat   : no-repeat, no-repeat;
    background-size     : 314px 242px, 243px 242px;
    border-bottom       : 3px solid #98BE0D;
    padding-top         : 60px;
}

.container-catalogue .row {
    margin-right : 0;
    margin-left  : 0;
}

.container-catalogue .container-catalogue-infos {
    min-height : 330px;
}

.container-catalogue .title-catalogue {
    color         : #98BE0D;
    font-size     : 30px;
    font-weight   : bold;
    margin-bottom : 25px;
}

.container-catalogue .text-catalogue {
    color         : white;
    font-size     : 14px;
    font-weight   : bold;
    margin-bottom : 25px;
}

.container-catalogue .container-catalogue-button .container-catalogue-button-read {
    text-align : right;
}

.container-catalogue .container-catalogue-button .container-catalogue-button-ask {
    text-align : left;
}

.container-catalogue .container-catalogue-button a {
    width         : 250px;
    border-radius : 50px;
}

.container-catalogue .container-catalogue-img img {
    height : 278px;
}

@media only screen and (max-width : 1200px) {
    .container-catalogue .container-catalogue-img {
        margin-top : 20px;
    }

    .container-catalogue .container-catalogue-img img {
        height : 250px;
        margin : 0 auto;
    }
}

@media only screen and (max-width : 991px) {
    .container-catalogue .container-catalogue-button .container-catalogue-button-read {
        text-align : center;
    }

    .container-catalogue .container-catalogue-button .container-catalogue-button-ask {
        margin-top : 15px;
        text-align : center;
    }

    .container-catalogue .container-catalogue-img img {
        height : 195px;
    }
}

@media only screen and (max-width : 750px) {

    .container-catalogue {
        padding-top : 45px;
    }

    .container-catalogue {
        background-size : 50px 50px, 70px 70px;
    }

    .container-catalogue .title-catalogue {
        font-size : 15px;
    }

    .container-catalogue .text-catalogue {
        font-size : 10px;
    }
}

/********TEXT POUR REFERENCEMENT*********/
.container-description {
    color          : white;
}

/*******CAROUSEL BOTTOM******************/
.container_carousel_bottom {
    text-align : center;
    margin-top : 35px;
}

.container_carousel_bottom li {
    width      : 538px;
    text-align : left;
}

.container_carousel_bottom li img {
    height        : auto;
    max-width     : 100%;
    display       : block;
    border-radius : 10px;
    border        : 3px solid #E6007E;
    margin        : 0 auto;
}

.container_carousel_bottom .carousel_bottom_title {
    padding     : 5px;
    font-size   : 15px;
    font-weight : bold;
    color       : white;
}

.hr-slider-bottom {
    width  : 70px;
    margin : 0 auto;
    border : 1px solid #E6007E;
}

.container_carousel_bottom .carousel_bottom_link {
    padding     : 5px;
    font-size   : 15px;
    font-weight : bold;
    color       : white;
}

.container_carousel_bottom .carousel_bottom_link a {
    border-radius  : 50px;
    width          : 150px;
    padding-top    : 2px;
    padding-bottom : 2px;
}

.container_carousel_bottom .lSAction .lSPrev {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 4%;
    left             : -40px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

.container_carousel_bottom .lSAction .lSNext {
    font-weight      : 900 !important;
    position         : absolute !important;
    color            : #E6007E !important;
    margin-top       : 4%;
    right            : -40px;
    background-image : none;
    font-size        : 50px;
    opacity          : 1;
}

.title-slider-bottom {
    padding-bottom : 20px;
    padding-top    : 40px;
    font-size      : 30px;
    color          : white;
    font-weight    : bold;
}

.text-slider-bottom {
    padding-bottom : 30px;
    padding-top    : 20px;
    font-size      : 14px;
    color          : white;
    font-weight    : bold;
}

@media only screen and (max-width : 992px) {
    .container_carousel_bottom .lSAction .lSPrev {
        display : none;
    }

    .container_carousel_bottom .lSAction .lSNext {
        display : none;
    }

    .container_carousel_bottom .carousel_bottom_title {
        text-align : center;
    }

    .container_carousel_bottom .carousel_bottom_link {
        text-align : center;
    }

    .title-slider-bottom {
        font-size : 15px;
    }

    .text-slider-bottom {
        font-size : 10px;
    }
}

/*******TEXT BOTTOM******************/
.container-text-bottom {
    background-color : black;
    text-align       : center;
    margin-top       : 50px;
}

.container-text-bottom .text-bottom {
    color          : white;
    padding-top    : 10px;
    padding-bottom : 10px;
    font-size      : 12px;
}