@import url(//fonts.googleapis.com/css?family=Gloria+Hallelujah);
/*******************GENERAL******************************************/

body, html {
    margin  : 0;
    padding : 0;
}

body {
    font-family      : 'Helvetica', 'Arial', sans-serif;
    background-color : black;
    overflow-x       : hidden;
}

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

.container_white {
    background-color : white;
    padding-top      : 40px;
    min-height       : 500px;
    font-size        : 13px;
}

#container_text {
    background-color : rgba(0, 0, 0, 0.8);
    padding-right    : 0;
    padding-left     : 0;
    min-height       : 300px;
    padding-bottom   : 50px;
}

@media only screen and (max-width : 991px) {
    #container_text .row {
        margin-right : 0;
        margin-left  : 0;
    }
}

@media only screen and (max-width : 991px) {
    #container_text [class*='col-'] {
        padding-right : 0;
        padding-left  : 0;
    }
}

#container_text h1 {
    text-transform : uppercase;
    color          : #98BE0D;
    font-size      : 21px;
    font-weight    : bold;
    text-align     : center;
}

#container_text h2 {
    text-transform : uppercase;
    color          : white;
    font-size      : 16px;
    font-weight    : bold;
    margin-top     : 6px;
    margin-bottom  : 24px;
}

#container_text .bloc-text {
    background-color : white;
    border-radius    : 5px;
    padding          : 20px;
}

.bouton-sm-image:before {
    content             : "";
    width               : 22px;
    height              : 22px;
    display             : inline-block;
    background-size     : contain;
    background-color    : transparent;
    background-position : center center;
    background-repeat   : no-repeat;
}

.btn-basket:before {
    background-image : url(/design/images/basket-icon.png);
}

.text-white {
    color : white;
}

.text-green {
    color : #98BE0D;
}

.text-pink {
    color : #E6007E;
}

.container_search_keyword #autcomplete {
    width            : 100%;
    max-height       : 300px;
    background-color : #161617;
    position         : absolute;
    z-index          : 9999;
    display          : none;
    overflow-y       : auto;
    font-size        : 12px;
}

.container_search_keyword #autcomplete a {
    padding-top     : 5px;
    padding-bottom  : 5px;
    display         : block;
    text-decoration : none;
    color           : white;
    font-size       : 14px;
}

.container_search_keyword #autcomplete a {
    padding-top     : 5px;
    padding-bottom  : 5px;
    padding-left    : 15px;
    display         : block;
    text-decoration : none;
    color           : #cfcfcf;
    font-size       : 14px;
}

.container_search_keyword #autcomplete a:hover {
    background-color : #E6007E;
}

/************BOUTONS******************/
.btn-cloup-rose {
    color            : #FFFFFF;
    background-color : #E6007E;
    border-color     : #E6007E;
}

.btn-cloup-rose:hover,
.btn-cloup-rose:focus,
.btn-cloup-rose:active,
.btn-cloup-rose.active,
.open .dropdown-toggle.btn-cloup-rose {
    color            : #FFFFFF;
    background-color : #bf0069;
    border-color     : #bf0069;
}

.btn-cloup-rose:active,
.btn-cloup-rose.active,
.open .dropdown-toggle.btn-cloup-rose {
    background-image : none;
}

.btn-cloup-rose.disabled,
.btn-cloup-rose[disabled],
fieldset[disabled] .btn-cloup-rose,
.btn-cloup-rose.disabled:hover,
.btn-cloup-rose[disabled]:hover,
fieldset[disabled] .btn-cloup-rose:hover,
.btn-cloup-rose.disabled:focus,
.btn-cloup-rose[disabled]:focus,
fieldset[disabled] .btn-cloup-rose:focus,
.btn-cloup-rose.disabled:active,
.btn-cloup-rose[disabled]:active,
fieldset[disabled] .btn-cloup-rose:active,
.btn-cloupv.disabled.active,
.btn-cloup-rose[disabled].active,
fieldset[disabled] .btn-cloup-rose.active {
    border-color : rgba(250, 0, 143, 1) !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity : 0.50 !important;
}

.btn-cloup {
    color            : #FFFFFF;
    background-color : #98BE0D;
    border-color     : #6D8028;
}

.btn-cloup:hover,
.btn-cloup:focus,
.btn-cloup:active,
.btn-cloup.active,
.open .dropdown-toggle.btn-cloup {
    color            : #FFFFFF;
    background-color : #7A941E;
    border-color     : #6D8028;
}

.btn-cloup:active,
.btn-cloup.active,
.open .dropdown-toggle.btn-cloup {
    background-image : none;
}

.btn-cloup.disabled,
.btn-cloup[disabled],
fieldset[disabled] .btn-cloup,
.btn-cloup.disabled:hover,
.btn-cloup[disabled]:hover,
fieldset[disabled] .btn-cloup:hover,
.btn-cloup.disabled:focus,
.btn-cloup[disabled]:focus,
fieldset[disabled] .btn-cloup:focus,
.btn-cloup.disabled:active,
.btn-cloup[disabled]:active,
fieldset[disabled] .btn-cloup:active,
.btn-cloup.disabled.active,
.btn-cloup[disabled].active,
fieldset[disabled] .btn-cloup.active {
    background-color : #98BE0D;
    border-color     : #6D8028;
}

.btn-empty {
    color : #FFFFFF;
}

.btn-empty:hover,
.btn-empty:focus,
.btn-empty:active,
.btn-empty.active,
.open .dropdown-toggle.btn-empty {
    color        : #FFFFFF;
    border-color : #6D8028;
}

.btn-empty:active,
.btn-empty.active,
.open .dropdown-toggle.btn-empty {
    background-image : none;
}

.btn-empty.disabled,
.btn-empty[disabled],
fieldset[disabled] .btn-empty,
.btn-empty.disabled:hover,
.btn-empty[disabled]:hover,
fieldset[disabled] .btn-empty:hover,
.btn-empty.disabled:focus,
.btn-empty[disabled]:focus,
fieldset[disabled] .btn-empty:focus,
.btn-empty.disabled:active,
.btn-empty[disabled]:active,
fieldset[disabled] .btn-empty:active,
.btn-empty.disabled.active,
.btn-empty[disabled].active,
fieldset[disabled] .btn-empty.active {
    background-color : #98BE0D;
    border-color     : #6D8028;
}

.btn-orange {
    color            : #FFFFFF;
    background-color : #FF7900;
    border-color     : #FF7900;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    color            : #FFFFFF;
    background-color : #FF7900;
    border-color     : #FF7900;
}

.btn-violet {
    color            : #FFFFFF;
    background-color : #6b459a;
    border-color     : #6b459a;
}

.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
    color            : #FFFFFF;
    background-color : #6b459a;
    border-color     : #6b459a;
}

.btn-padding {
    padding-left  : 50px !important;
    padding-right : 50px !important;
}

.liste-pink ul {
    padding-left : 12px;
    list-style   : none;
}

.liste-pink ul li::before {
    content     : "\2022";
    color       : #E6007E;
    font-weight : bold;
    display     : inline-block;
    width       : 1em;
    margin-left : -1em;
}

/************MARQUES****************/
#container_marques {
    background-color : rgba(0, 0, 0, 0.5);
    padding-right    : 0;
    padding-left     : 0;
    min-height       : 500px;
}

#container_marques h1 {
    text-transform : uppercase;
    color          : white;
    font-size      : 20px;
    font-weight    : bold;
    margin-left    : 40px;
    margin-top     : 6px;
    margin-bottom  : 24px;
}

#container_marques a {
    text-decoration : none;
    color           : black;
}

#container_marques .marque {
    border-radius    : 3px;
    cursor           : pointer;
    height           : 140px;
    background-color : white;
    display          : table-cell;
    vertical-align   : middle;
    width            : 1%;
}

#container_marques .marque img {
    padding    : 10px;
    max-height : 130px;
    margin     : auto;
}

#container_marques .row_marques {
    margin-bottom : 20px;
}

#container_marques .no_brand {
    font-size   : 16px;
    text-align  : center;
    font-weight : bold;
}

#container_marques .marque .plus {
    position                   : absolute;
    width                      : 20px;
    height                     : 20px;
    background                 : #636363;
    right                      : 0;
    bottom                     : 0;
    border-bottom-right-radius : 3px;
    color                      : white;
    text-align                 : center;
}

@media only screen and (max-width : 991px) {
    #container_marques .row {
        margin-right : 0;
        margin-left  : 0;
    }
}

/****************PRIX SPECIAUX****************/
.panier_price_destockage {
    /*border        : 1px solid rgb(204, 93, 0);*/
    border-radius : 3px;
    max-width     : 100%;
}

.panier_price_destockage .title {
    color            : white;
    background-color : rgb(204, 93, 0);
    text-align       : left;
    /*color: white;*/
    font-size        : 11px;
    padding-left     : 2px;
}

.panier_price_destockage .destockage {
    color       : rgb(204, 93, 0);
    font-family : Gloria Hallelujah !important;
    font-size   : 18px;
}

.panier_price_promotion {
    border-radius : 3px;
    max-width     : 100%;
}

.panier_price_promotion .title {
    color            : white;
    background-color : rgb(188, 0, 15);
    text-align       : left;
    font-size        : 11px;
    padding-left     : 2px;
}

.panier_price_promotion .promotion {
    color       : rgb(188, 0, 15);
    font-family : Gloria Hallelujah !important;
    font-size   : 15px;
}

.panier_price_reduction {
    border-radius : 3px;
    max-width     : 100%;
}

.panier_price_reduction .title {
    color            : white;
    background-color : rgb(0, 111, 188);
    text-align       : left;
    font-size        : 11px;
    padding-left     : 2px;
}

.panier_price_reduction .reduction {
    color       : rgb(0, 111, 188);
    font-family : Gloria Hallelujah !important;
    font-size   : 15px;
}

.panier_price_prix_net {
    border-radius : 3px;
    max-width     : 100%;
}

.panier_price_prix_net .title {
    color            : white;
    background-color : rgb(188, 53, 145);
    text-align       : left;
    font-size        : 11px;
    padding-left     : 2px;
}

.panier_price_prix_net .prix_net {
    color       : rgb(188, 53, 145);
    font-family : Gloria Hallelujah !important;
    font-size   : 15px;
}

.inline {
    display : inline-block;
    width   : 50%;
}

.destockage {
    font-weight : bold !important;
    font-size   : 14px !important;
}

.promotion {
    font-weight : bold !important;
    font-size   : 14px !important;
}

.prix_net {
    font-weight : bold !important;
    font-size   : 14px !important;
}

.reduction {
    font-weight : bold !important;
    font-size   : 14px !important;
}

.prix_before {
    color           : #000 !important;
    text-decoration : line-through;
    font-size       : 12px !important;
    font-weight     : normal !important;
}

.inline {
    display : inline-block;
    width   : 48%;
}

/**************PAGE INFOS PRATIQUES*****************/
.button-infos {
    border        : none;
    background    : #98be0d;
    color         : white;
    font-size     : 18px;
    border-radius : 5px;
    position      : relative;
    box-sizing    : border-box;
    transition    : all 500ms ease;
    padding       : 10px 35px;
    overflow      : hidden;
}

.button-infos:before {
    color       : white;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content     : "\f05a";
    position    : absolute;
    left        : 4px;
    transition  : all 200ms ease;
}

.button-infos:hover:before {
    left : 10px;
}

/**********FORMULAIRES**************/
.required_before::before {
    font-family    : 'Font Awesome 5 Free';
    font-weight    : 900;
    font-size      : .3em;
    display        : inline-block;
    margin-right   : .5em;
    content        : '\f069';
    vertical-align : middle;
    color          : #E6007E;
    top            : -5px;
}

.required::after {
    font-family    : 'Font Awesome 5 Free';
    font-weight    : 900;
    font-size      : .3em;
    display        : inline-block;
    margin-right   : .5em;
    content        : '\f069';
    vertical-align : middle;
    color          : #E6007E;
    top            : -5px;
}

.label {
    overflow      : hidden;
    padding       : .75rem .75rem;
    text-align    : right;
    white-space   : nowrap;
    text-overflow : ellipsis;
    color         : white;
    font-size     : 13px;
}

form .text-link a {
    color           : white;
    text-decoration : none;
    font-size       : 12px;
}

form .text-link a:hover {
    color : #E6007E;
}

/***********MODAL ET INFORMATIONS****************/
#alert_modal .modal-header, #confirm_modal .modal-header {
    border-top-left-radius  : 7px;
    border-top-right-radius : 7px;
}

.modal-header .close {
    z-index : 9999;
}

#success_add_cart {
    position         : fixed;
    left             : 50%;
    top              : 30%;
    width            : 300px;
    margin-left      : -150px;
    text-align       : center;
    z-index          : 9999;
    border-radius    : 8px;
    background-color : #E6007E;
    border           : 1px solid #7d003e;
    color            : white;
    height           : 50px;
    padding-top      : 15px;
}

#error_add_cart {
    position         : fixed;
    left             : 50%;
    top              : 30%;
    width            : 300px;
    margin-left      : -150px;
    text-align       : center;
    z-index          : 9999;
    border-radius    : 8px;
    background-color : red;
    border           : 1px solid #6b0000;
    color            : white;
    height           : 50px;
    padding-top      : 15px;
}

.container-loader {
    position         : fixed;
    top              : 0;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.3);
    z-index          : 9999;
}

.loader {
    border        : 16px solid #ffffff; /* Light grey */
    border-top    : 16px solid #b1d70d; /* Blue */
    border-radius : 50%;
    width         : 120px;
    height        : 120px;
    animation     : spin 2s linear infinite;
    position      : fixed;
    left          : 50%;
    top           : 50%;
    transform     : translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform : rotate(0deg);
    }
    100% {
        transform : rotate(360deg);
    }
}

/************HACK***************/
.fancybox-navigation {
    top : 50%;
}

.special {
    display : none
}

.top-buffer {
    margin-top : 20px;
}

.bottom-buffer {
    margin-bottom : 20px;
}

.glyphicon-none:before {
    content : "\2122";
    color   : transparent !important;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position : absolute;
    left     : -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position      : relative;
    padding-left  : 32px;
    cursor        : pointer;
    margin-bottom : 4px;
    display       : inline-block;
    font-size     : 16px;
    top           : -12px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content       : '';
    position      : absolute;
    left          : 0px;
    top           : 0px;
    width         : 22px;
    height        : 22px;
    border        : 2px solid #e6007e;
    background    : #e6007e;
    border-radius : 4px;
    box-shadow    : inset 0 1px 3px rgba(0, 0, 0, .1);
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    font-family : "Font Awesome 5 Free";
    content     : '\f00c';
    position    : absolute;
    top         : 3px;
    left        : 3px;
    font-size   : 16px;
    line-height : 1.1;
    color       : #ffffff;
    transition  : all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity   : 0;
    transform : scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity   : 1;
    transform : scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow       : none;
    border-color     : #e6007e;
    background-color : #dddddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color : #e6007e;
}

[type="checkbox"]:disabled + label {
    color : #e6007e;
}

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border : 2px dotted #e6007e;
}

.fixed-top {
    /*overflow: hidden;*/
    /*background-color: #333;*/
    position : fixed;
    top      : 0;
    width    : 100%;
    z-index  : 9999;
}

.fixed-top #container_h_menu {
    background-color : black;
}

.vcenter {
    display        : inline-block;
    vertical-align : middle;
    float          : none;
}

.h-100 {
    height : 100%;
}

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

.text-right {
    text-align : right;
}

.text-left {
    text-align : left;
}

.vertical-align {
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : row;
}

.no-gutter {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.no-gutter > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}*/

/*****************FOOTER*******************/
.container-footer {
    margin-top       : 70px;
    background-color : #98BE0D;
    color            : white;
    text-align       : center;
}

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

.container-footer .container-footer-logo {
    padding-top    : 15px;
    padding-bottom : 15px;
}

.container-footer .container-footer-logo img {
    width : 203px;
}

.container-footer .container-footer-nav {
    padding-top    : 5px;
    padding-bottom : 5px;
    word-spacing   : 30px;
    font-size      : 12px;
    font-weight    : bold;
}

.container-footer .container-footer-nav a {
    color           : white !important;
    text-decoration : none;
}

.container-footer .container-footer-mentions {
    padding-top    : 10px;
    padding-bottom : 10px;
    font-size      : 12px;
    font-weight    : bold;
}

.container-footer .container-footer-mentions a {
    color           : white !important;
    text-decoration : none;
}

.container-footer .btn-scroll-top {
    position         : absolute;
    width            : 53px;
    height           : 53px;
    right            : 0;
    top              : 0;
    background-color : #E6007E;
    font-size        : 40px;
    text-align       : center;
    padding-top      : 8px;
    z-index          : 99;
}

/*****************GAMME ET SOUS GAMME*******************/
.background-image-default {
    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-image {
    width    : 100%;
    height   : 400px;
    z-index  : 1;
    position : absolute;
}

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

#container_title {
    z-index : 999;
}

#container_title .container_title {
    margin-top              : 287px;
    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;

}

#container_title .container_title h1 {
    color       : white;
    font-size   : 40px;
    font-weight : bold;
}

@media only screen and (max-width : 991px) {
    #container_title .container_title h1 {
        font-size : 18px !important;
    }
}

/**********BREADCRUMB*********/
ul.breadcrumb {
    padding          : 0 0;
    list-style       : none;
    background-color : transparent;
}

ul.breadcrumb li {
    display     : inline;
    font-size   : 14px;
    font-weight : bold;
}

ul.breadcrumb li + li:before {
    padding : 0 0;
    content : ">";
}

ul.breadcrumb li a {
    text-decoration : none;
}

ul.breadcrumb li a:hover {
    text-decoration : underline;
}

ul.breadcrumb.breadcrumb_white {
    color : white !important;
}

ul.breadcrumb.breadcrumb_white li a {
    color : white !important;
}

ul.breadcrumb.breadcrumb_white li + li:before {
    color : white !important;
}

ul.breadcrumb.breadcrumb_black {
    color : black !important;
}

ul.breadcrumb.breadcrumb_black li a {
    color : black !important;
}

ul.breadcrumb.breadcrumb_black li + li:before {
    color : black !important;
}

@media only screen and (min-width : 1199px) {
    .container-search-index .container-familles .dropdown .dropdown-menu.on-right {
        top        : 0;
        left       : 100%;
        margin-top : -1px;
    }

    .container-search-index .container-familles .dropdown .dropdown-menu.on-left {
        top        : 0;
        left       : -100%;
        margin-top : -1px;
    }
}

/**********DESCRIPTION DE BAS DE PAGE*********/

#container_description {
    margin-top : 50px;
    text-align : center;
}

#container_description .description_title {
    color          : #98BE0D;
    font-size      : 20px;
    padding-top    : 10px;
    padding-bottom : 20px;
    font-weight    : bold;
}

#container_description .description_title .fa-question-circle {
    color     : #E6007E !important;
    font-size : 24px;
}

#container_description .description_description {
    color       : white;
    font-size   : 14px;
    padding-top : 20px;
}

#container_description .description_separator {
    margin           : auto;
    width            : 10%;
    background-color : #E6007E;
    height           : 3px;
}