/* CSS Document */

body {

    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #535355;


}

a, a:hover {

    color: #535355; /*color: #007b76;*/

}

h1 {

    font-weight:300;
    font-size: 27px;
    text-align: left;
    margin-bottom: 20px;

}
.page-header h1 {
    background: #005D58!important;
    color: white;
    padding: 4px 4px!important;
}

#index h2 {

    font-weight:300;
    font-size: 27px;
    text-align:center;
    margin:40px 0;

}

h1, h2, h3, h4, h5 {
    font-weight:300;
}

hr {
    border-color:#c7c8ca;
}

hr.thin {
    margin:0;
}


.bubble-container {


    position:absolute;
    top:11%; left:1%;
    text-align:left;


}

.bubble {


    margin:0 auto;
    padding:0.8em 0.7em;
    font-size:1.1em;
    font-weight: bold;
    line-height: 1;
    color: #007b76;
    border:solid 2px #007b76;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 180%;
    background: url(../img/fff_60.png);


}

#content-wrapper { width:100%;}

header {

    margin-top:14px;
    font-size:13px;


}

/* maintenance header */
#header_bandeau_maintenance {
    height:30px
}
#header_bandeau_maintenance div {
    position:fixed; top:0; left:0; right:0; background-color:#007b76; margin:0; padding:8px; font-size:1.1em; font-weight:bold; color:#FFFFFF; text-align:center; -webkit-box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12); -moz-box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12); box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12); z-index:10000;
}

@media (max-width: 768px) {

    header {

        margin-top:0px;



    }

    #header_bandeau_maintenance {
        height:100px!important;
    }
    #header_bandeau_maintenance div {
        position: relative; margin:0;
    }

}



header a, .dropdown-toggle a {

    color:#535355; font-weight:300!important;

}

header a.logo {

    background: url(../img/logo.svg) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    display: inline-block;
    width: 210px;
    height: 75px;
    max-width:210px;
    overflow: hidden;
    text-indent: -34em;

}

header a.logo:focus {
    border: medium none;
    outline: medium none;
}
header a.logo:active {
    border: medium none;
    outline: medium none;
}


header a.fa-white i { position:relative;

    color:#fff; margin:8px 4px;

}

header .bubble {
    display: block;
    position:absolute;
    top:-25px; left:-15px;
    color: white;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background: #f89406;
    background: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-radius: 8px;
    font-weight: 400;
    padding: 10px 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size:12px;
    font-weight: 900;
    line-height: 1em;
}



.menu_sup .row>div {

    padding:3px 0; margin:0;

}

.menu_sup .col-lg-auto a{ padding:0 6px!important;}

.menu_sup i {color: #007b76; margin-right:5%;}

.menu_sup .search-widget input {

    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 4px 0 0 16px;
    border: 1px solid #c7c8ca;
    height: 40px;
    display: block;
    float: left;
    background: #fff;
    width: calc(100% - 40px);

}

.menu_sup .search-widget input[type=submit] {
    width: 40px;
    text-indent: -100px;
    overflow: hidden;
    background: url('../img/search_w2.svg') #c7c8ca no-repeat;
    background-position: center center;
    background-size: 23px 23px; cursor:pointer;
}

.header_tels {
    color: #007b76!important; font-size:13px;
    position: relative;
    padding:6px;
    min-width: 0; float:left;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem; margin:0.6rem 0 0 1rem;
}

@media (max-width: 1200px) {

    .header_tels {
        margin:-10px 0 0 1.5rem; max-width:200px;
    }
    .header_tels span {

        white-space:nowrap;

    }

}

@media (max-width:720px) {
    .header_tels {
        position:fixed;
        float: inherit;
        bottom:0;
        right:0;
        left:0;
        margin:0;
        margin-right:-2px;
        border-left:0; border-right:0;
        padding:12px 6px;
        font-size:1.2em;
        max-width:inherit; z-index:1000; background-color:#FFFFFF;
    }

}

.search_container .custom-align-middle h2, .search_container .custom-align-middle .h2,.search_container .custom-align-middle h1{color: #007b76; font-size:13px; margin:0!important; padding:0;
    height: 40px; padding:5% 0 0 6px;
}
.search_container .loader {
    display: none;
    position: absolute;
    top: 10px; right: 45px;
    height: 20px;
    color:#007b75;
}
a.custom_autocomplete_search_list { max-width:350px; font-size:1em; font-weight:100; height:inherit; max-height:inherit; cursor:pointer; border-bottom:solid 1px #c7c8ca; }
a.custom_autocomplete_search_list:hover {  background:none!important; text-shadow:none!important; box-shadow:none!important; border:1px solid transparent!important; border-bottom:solid 1px #c7c8ca; color:#535355; }


/*Form dans dropdown*/
.dropdown-menu .form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 0px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dropdown-menu .form-control p.text {

    margin:6px auto;

}

/* breadcrumb*/

.breadcrumb {
    padding: 0.75rem 0rem;
    font-size:1em;
    margin-bottom: 1rem;
    list-style: none;
    background: inherit ;
    border-radius: 0.25rem;
}


.breadcrumb li:first-child:before {
    content: "\f015" !important;
    font-family: 'FontAwesome' !important;
    color: #999999;
}


.breadcrumb::after {
    display: block;
    clear: both;
    content: "";
}

.breadcrumb-item {
    float: left;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #868e96;
    content: ">";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #868e96;
}


/*
Fieldset > Filters
*/
fieldset.filters_set {

    padding:12px 0;
    margin:0 0 20px 0;
    font-size:1.1em;
    color:#535355;

}

fieldset.filters_set legend{

    background: #eee;
    padding: 10px 0;
    font-size:1em;


}
fieldset.filters_set label.active span {

    color:#007b76;

}

.filter_dyn a.active { background-color:#385597; color:#FFFFFF!important;}

/*
.box 
*/

.box {

    margin-bottom: 20px;
    border: 1px solid #c7c8ca;
    padding:16px;

}

/* listes list_unit_products */

.list-products {

    margin:12px 0;

}

.list-products .box {

    padding: 8px;

}
.list_unit_product h2 {

    font-size:1.2em;
    font-weight: 300;
    height: auto !important;
    line-height: normal !important;
    margin:0;

}

.list_unit_product .first {

    min-height:85px;

}

.price {

    font-size: 22px;
    color: #007b76;
    font-weight:300;
    margin-right:12px;
    white-space: nowrap;

}
.price span {

    font-weight:500;
}
.product-actions .add_product,.table_products .add_product {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 1.2em;
    font-size: 25px;
    text-align: center;
    border-radius: 0px;
    background: #007b76;
    color: white;
    font-weight: 400;
    text-decoration: none;
    border: none;
    cursor:pointer;
}

.product-actions .add_product:hover ,.table_products .add_product:hover {
    background: #003e3b;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

/* list cats */

.list-cats {

    margin:12px 0;

}

.list-cats .box {

    padding: 8px;
    border-width:0;

}
.list_unit_cat h2 {

    font-size:1.1em;
    font-weight: 300;
    height: auto !important;
    line-height: normal !important;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    margin:0 0 4px 0;
    padding:0 0 4px 10px!important;

}
.list_unit_cat .fa-plus {

    border-radius:0; background-color:#c7c8ca; padding:8px; color:#FFFFFF;

}


.list_unit_cat .image {

    padding:15px;

}

.list_unit_cat a:hover {

    text-decoration:none;

}

.description_cat h2 {

    font-size:1.2em;
    font-weight: bold;
    height: auto !important;
    line-height: normal !important;
    margin:0 0 0px 0;
    padding:0 0 0px 0px!important; overflow:hidden; white-space:nowrap;

}

/*
Commandes par ref
*/
.orderbyref {
    margin-top:48px;
}
.orderbyref legend {
    font-size: 17px;
    color: #007b76; font-weight:300;
    text-align: center;
    padding:4px 0 8px 0;
}

.orderbyref legend span {

    font-weight:500;

}

.orderbyref  input {
    float: left;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    height: 36px;
}

.orderbyref input[type=text] {
    border: 1px solid #c7c8ca;
    width: 80%;
    padding: 6px;
}

.orderbyref input[type=submit] {
    color: #FFFFFF;
    font-weight: 500;

    border: none;
    width: 20%;
    font-size: 34px;
    line-height: 17px;
}

/* cart-preview colonne */

.blockcart-col-wrapper-fixed {

    position: fixed;
    top: 2px;
    z-index: 1028;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.blockcart-col-wrapper-static{

    position: static;
    top:inherit;
    z-index: 1028;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.cart-preview .body {

    padding:16px 0;

}

.cart-preview .body .thead {

    font-weight:lighter; font-size:1em;

}

.cart-preview .ctrl{

    max-width: 30px;

}

.cart-preview .body .qty {

    min-width:50px;

}

.cart-preview .ctrl .ctrl-add, .cart-preview .ctrl .ctrl-remove {
    font-weight: 400;
    background: #c7c8ca;
}


.cart-preview .ctrl  .btn-sm {
    padding: 0.2rem 0.2rem;
    font-size: 0.7rem;
    line-height: 1.3;
    border-radius:0;
    margin-bottom:0.1rem;
    cursor:pointer;
}

.cart-preview .price {

    font-size: 16px;
    color: #007b76;
    font-weight:300;
    margin-right:0;

}

.cart-preview .cart-total {
    border-top: 1px solid #c7c8ca;
    border-bottom: 1px solid #c7c8ca;
    height: 40px;
}

.cart-preview .cart-total .price {

    padding-top:8px;

}

/* .table_products > voir aussi cette classe coupl�e � d'autre dans le m�me css */

.table_products {

    border: 1px solid #c7c8ca;

}
.head_product_category h1 {color:#007b75;}
.head_product_category h3 {

    color:white;
    padding:4px 40px 4px 18px;
    margin:0;
    font-size:14px;
    display:inline-block;
    font-weight:400;
    margin-bottom:2px;
    background-image:linear-gradient(110deg, #007b76 90%, transparent 0);


}
.head_product_category h2 {

    font-size:18px;


}

.head_product_category .pictos_indic {
    margin-bottom:20px;
    position:relative;
}
.head_product_category .pictos_indic img {
    margin-right:0px;
    width:84px;
}

.table_products > form > .row { margin:0; padding:0;}
.table_products > form {

    border-bottom: 1px solid #c7c8ca;

}

.table_products > form > .row > div > .row > div:first-child {

    padding:16px 8px;
    text-align:center;
    font-size:14px;
    background:#e3e3e4;
    border-right:solid 2px #fff;

}

.table_products > form > .row > div > .row > div:last-child {

    padding:16px 8px;
    text-align:center;
    font-size:13px;
    border-right:solid 2px #fff;


}

.table_products p { padding:8px!important;}

.table_products .ctrl .row {

    margin-left:0; margin-right:0;
    padding-left:0; padding-right:0;
}
.table_products .ctrl .row > div {

    margin-left:2px; margin-right:0;
    padding-left:0; padding-right:0;

}

.table_products .ctrl a.btn-sm {
    padding: 1px 0.2rem!important;
    font-size: 0.6rem!important;
    line-height: 1.3;
    border-radius:0;
    margin:0 0 1px 0; padding:0;
    cursor:pointer; color:#FFFFFF;
}
.table_products .ctrl .qty {
    width:35px;
    height:35px;
    margin:auto; text-align:center; border-color:#c7c8ca;
}
.table_products .add_product {
    width: 30px;
    height: 35px;
}

/*
* complementary_tab product
*/

#complementary_tab { margin-top:16px; }
#complementary_tab .tab-content > .tab-pane > p { padding:16px 0;}
#complementary_tab .attachments {
    table-layout:fixed;
    width:100%;
    border-collapse:separate;
    border-spacing:10px;
}
#complementary_tab .attachments th, #complementary_tab .attachments td {
    text-align:center;
    padding:10px;
}
#complementary_tab .attachments th {
    font-weight:400;
}
#complementary_tab .attachments td {
    background:#f5f5f5;
}

/*
* Tunnel
*/

.breadcrumb_basket {
    padding: 0px;
    background: transparent;
    list-style: none;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.breadcrumb_basket>li {
    display: table-cell;
    vertical-align: top;
    width: 1%;
}

.breadcrumb_basket>li+li:before {
    padding: 0;
}

.breadcrumb_basket li a {
    color: #007b76;
    text-decoration: none;
    padding: 10px 0 10px 45px;
    position: relative;
    display: inline-block;
    width: calc( 100% - 10px );
    background: #ccc;
    background: rgb(204,204,204);
    text-align: left;
    text-transform: capitalize;
}

.breadcrumb_basket li.completed a {
    color:#ffffff;
    background: #007b76;
    background: rgb(0,123,118);
}

.breadcrumb_basket li.completed a:after {
    border-left: 30px solid rgb(0,123,118);
}

.breadcrumb_basket .number {

    border:1px solid #ffffff;
    border-radius:50%;
    padding:0 7px;
    color:#ffffff !important;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;


}
.breadcrumb_basket .completed .number {

    color:#007b76!important;
    background-color:#FFFFFF!important;


}




/*
.breadcrumb_basket li.active a {
    background: #ffc107;
}

.breadcrumb_basket li.active a:after {
    border-left: 30px solid #ffc107;
}
*/

.breadcrumb_basket li:first-child a {
    padding-left: 15px;
}

.breadcrumb_basket li:last-of-type a {
    width: calc( 100% - 38px );
}

.breadcrumb_basket li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.breadcrumb_basket li a:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid rgb(204,204,204);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}



@media (max-width: 720px) {

    .breadcrumb_basket div.completed a {
        color:#ffffff;
        background: #007b76;
        background: rgb(0,123,118); display:block; padding:8px;
    }

    .breadcrumb_basket .number {

        border:1px solid #ffffff;
        border-radius:50%;
        padding:14px 14px;
        color:#ffffff !important;
        display:inline-block;
        vertical-align:middle;
        margin-right:5px;


    }


}

/* cart full*/
.cart-overview table > thead > tr > th, .order_overview table > thead > tr > th  {

    white-space:nowrap;
    background:#80bdbb;
    color:white;


}
.cart-items p { padding:8px!important;}

.cart-items .ctrl .row {

    margin-left:0; margin-right:0;
    padding-left:0; padding-right:0;
}
.cart-items .ctrl .row > div {

    margin-left:2px; margin-right:0;
    padding-left:0; padding-right:0;

}

.cart-items .ctrl a.btn-sm {
    padding: 1px 0.2rem!important;
    font-size: 0.6rem!important;
    line-height: 1.3;
    border-radius:0;
    margin:0 0 1px 0; padding:0;
    cursor:pointer; color:#FFFFFF;
}
.cart-items .ctrl .js-cart-line-product-quantity {
    width:35px;
    height:35px;
    margin:auto; text-align:center; border-color:#c7c8ca;
}
.cart-items .add_product {
    width: 30px;
    height: 35px;
}


.submitCustomizedData {

    display:none;

}


.cart-summary,.cart-summary-totals{ text-align:right; margin:0; padding:0; border:0; color:#007b76!important;}

.cart-summary .limited-width {

    width:70%!important; display:inline-block;

}
.cart-summary p { padding:8px 0!important ;}

.cart-summary table > thead > tr > th {
    white-space:nowrap;
    background:#80bdbb;
    color:white;

    padding:3px 0;
    text-align:center;
}
.cart-detailed-totals table > thead > tr > th, .cart-summary-totals table > thead > tr > th, .cart-summary-products table > thead > tr > th{
    white-space:nowrap;
    background:#007b76;
    color:white;

    padding:3px 0;
    text-align:center;
}
.cart-summary table tr.active td, .cart-summary-totals table tr.active td, .cart-summary-products table tr.active td {

    background:#cccccc;
    font-weight:600;
    font-size:1.2em;

}

.cart-overview .customization-modal .product-customization-line {

    border-bottom:solid 1px #eee;

}
.cart-overview .customization-modal .product-customization-line .label {

    background:#80bdbb;
    color:white;
    padding:8px;

}

/* custom input file */

label.custom_input_file input[type="file"] {
    position: fixed;
    top: -1000px;
}

.custom_input_file {

    display: inline-block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

/*
* Espace client
*/

.page-my-account #content .links {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    box-pack: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.page-my-account #content .links a, .page-my-account #content .links>div>span {
    text-align: center;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #878787;
    padding: 0 .9375rem;
    margin-bottom: 1.875rem; cursor:pointer;
}

.page-my-account #content .links a span.link-item,  .page-my-account #content .links>div span.link-item{
    display: block;
    height: 100%;
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);

    padding: 1rem;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.page-my-account #content .links a i, .page-my-account #content .links>div i {
    display: block;
    font-size: 2.6rem;
    width: 100%;
    color: #414141;
    padding-bottom: 3.4rem
}

.page-my-account #content .links a:hover, .page-my-account #content .links>div:hover  {

    text-decoration:none;

}
.page-my-account #content .links a:hover span.link-item, .page-my-account #content .links>div:hover span.link-item  {
    text-decoration:none;
    background:#ccc;
    color:white;
    background:linear-gradient(to bottom, #4da39f, #007b76 66%);
}

.page-my-account #content .links a:hover i, .page-my-account #content .links>div:hover i {
    color: #ffffff;
}

/*
* Espace clients > menu
*/

.my-account-content .menu {
    margin-top:20px;
    text-align:left;
    overflow:hidden;
    border:solid #999; border-width:1px 0 1px 0; margin:10px auto; padding:7px 0;
}
/*.my-account-content .menu:after {*/
/*	content:"";*/
/*	display:block;*/
/*	background-image:radial-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0) 100%);*/
/*	background-repeat:no-repeat;*/
/*    background-position:0 -10px;*/
/*	height:20px;*/

/*}*/
.my-account-content .menu .nav-tabs{

    display:inline-block; border: 0!important;

}
.my-account-content .menu .nav-tabs .nav-link {
    border: 0!important;
}
.my-account-content .menu ul {

    margin-bottom:0;
}
.my-account-content .menu li {
    /*border-bottom:2px solid #007b76;*/
    border:0!important;
    display:inline-block;
    vertical-align:baseline;
    margin-left:-4px;
}
.my-account-content .menu li a {
    border:0!important;
    /*border-right:1px solid #ccc; */
    border-radius:0;
    padding:7px 10px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    display:block;
}

@media (max-width: 720px) {

    .my-account-content .menu .nav-tabs{

        display: block;

    }

    .my-account-content .menu li {
        border-bottom:2px solid #007b76;
        display: block;
        vertical-align:baseline;
        margin-left:-4px;
    }
    .my-account-content .menu li a {
        border-top:1px solid #ccc;
        border-right:1px solid #ccc;
        border-radius:0;
        padding:7px 14px;
        font-size:16px;
        font-family:Arial, Helvetica, sans-serif;
        display:block;
    }

}

.my-account-content .menu li a:hover {
    text-decoration:none;
    background:#ccc;
    color:white;
    background:linear-gradient(to bottom, #4da39f, #007b76 66%);
}
.my-account-content .menu li.active {
    background:#007b76;
    background:linear-gradient(to bottom, #4da39f, #007b76 66%);
}
.my-account-content .menu li.active a {
    color:white;
}
.my-account-content .menu li:first-child a {
    border-left:1px solid #ccc!important;
}

/*
* Espace clients > Forms
*/

.my-account-content, .js-customer-form h2 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    font-size:1.2em;
}

.form-group {

    margin-bottom:0;

}

.form-group.has-error .help-block {
    color: #ff4c4c
}
.help-block {
    margin-top: .625rem
}
.help-block ul, .help-block li{

    list-style-type:none;
}

.form-footer {
    margin:16px 0;
}

/*
* Order status
*/

.order_overview .order_status {
    border:1px dashed #80bdbb;
}
.order_overview .order_status a.icon-cancel-circled {
    float:right;
    display:block;
    color:#80bdbb;
}
.order_overview .order_status-cell {
    padding:10px;
}
.order_overview .order_status-title {
    color:#80bdbb;
    border-bottom:1px solid #80bdbb;
    margin:10px 0 20px;
    padding-bottom:10px;
    font-weight:700;
    font-size:16px;
}
.order_overview .order_status-list {
    list-style-type:none;
    padding:0;
    background:#fff;
    font-size:11px;
    border:1px solid #e0e0e0;
}
.order_overview .order_status-list table {
    width:100%;
}
.order_overview .order_status-list td {
    padding:3px 10px;
    border-top:1px solid #e0e0e0;
}
.order_overview .order_status-list tr:first-child td {
    border:none;
}
.order_overview .order_status-list .more-prix {
    white-space:nowrap;
    text-align:right;
}
.order_overview .order_status-list-product-quantity {
    background:#80bdbb;
    border-radius:50%;
    color:white;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    display:inline-block;
    vertical-align:middle;
}
.order_overview .order_status_status_is {
    margin-top:-10px;
}
.order_overview .order_status_status_is > span {
    font-weight:700;
    font-size:14px;
    display:block;
}
.order_overview .order_status_status_is > span, .order_overview .order_status_status_is ul {
    display:inline-block;
    vertical-align:middle;
}
.order_overview .order_status_status_is ul {
    border:1px solid silver;
    border-radius:6px;
    padding:0;
    display:block;
    overflow:hidden;
    background:#d9d9d9;
}
.order_overview .order_status_status_is ul:after {
    content:"";
    display:block;
    clear:both;
}
.order_overview .order_status_status_is li {
    opacity:.5;
    font-size:10px;
    color:#333;
    padding:10px 0 8px;
    float:left;
    display:block;
    margin:0;
    width:25%;
    text-align:center;
    position:relative;
    padding-right:15px;
}
.order_overview .order_status_status_is li:before {
    margin-right:.5em;
}
.order_overview .order_status_status_is li:after {
    content:"";
    background:linear-gradient(65deg, transparent 50%, #d9d9d9 50%, #d9d9d9 0), linear-gradient(115deg, transparent 50%, #d9d9d9 50%, #d9d9d9 0);
    position:absolute;
    display:block;
    right:0;
    top:0;
    bottom:0;
    width:15px;
}
.order_overview .order_status_status_is .order_status_status_is-ok {
    font-weight:700;
    opacity:1;
    background:#007b76;
}
.order_overview .order_status_status_is .order_status_status_is-ok a {
    color:#ffffff;
}
.order_overview .order_status_status_is .order_status_status_is-followed:after {
    display:none;
}
.order_overview .order_status_status_is hr {
    border:none;
    border-bottom:1px solid #cce5e4;
}
.order_overview .order_status_status_is td {
    padding:4px 4px 4px 24px;
}
.order_overview .order_status_status_is td a {
    text-decoration:underline;
    color:#333;
}


/* custom table */
.table-bordered th,
.table-bordered td {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

/*
Custom card
*/
.card {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.125);
}


/*
* input-group_hide_structure > effet edit in place cumul� avec js (ex : list devis)
*/

.input-group_hide_structure * {

    border-color:#FFFFFF;


}

.input-group_hide_structure .input-group-addon {

    color:#FFFFFF;
    background-color:#FFFFFF;
}

/*
* notifications
*/

#notifications ul {
    margin:0; padding:0;

}

#notifications  li {
    line-height: 24px;
    list-style-type: none;

}

/* footer */

footer {




}

footer .footer_bg{

    margin:20px 0;
    padding:20px;
    background-color:#f4f4f4;

    font-weight:lighter;

}

footer .footer_title {

    border-top: 1px solid #dbe1df;
    border-bottom: 1px solid #dbe1df;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;

    margin-bottom:12px;

}
footer ul {

    margin:0; padding:0;

}

footer li {
    line-height: 24px;
    list-style-type: none;
}

footer .newsletter  {
    padding:0 0 30px 0;
}

footer .newsletter label {
    margin-right: 15px;
    white-space: nowrap;
    padding-top: 11px;
}

footer .newsletter input {
    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    height: 40px;
}

footer .newsletter [type=email] {
    background: #fff;
    min-width:343px;
    padding: 0 0 0 16px;
    border: 1px solid #c7c8ca;
}

footer .newsletter [type=submit] {
    width: 40px;
    color: white;
    background: #c7c8ca;
}

footer .copyright {

    color:#535355;

}
/*short_row & container*/
/**/
.container-fluid {
    padding-right:0;
    padding-left:0;
}

.short_row .row {
    margin-right: 0;
    margin-left: 0;
}
.short_row .row > div {
    padding-right: 0px;
    padding-left: 0px;

}

.medium_row .row {
    margin-right: -8px;
    margin-left: -8px;
}
.medium_row .row > div {
    padding-right: 8px;
    padding-left: 8px;

}

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

/*
alert custom
*/

.alert-success {
    color: #007b76;
    background:#e6e6e6;
    border-color:#80bdbb;
}

.alert-success hr {
    border-top-color: #80bdbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

/*
btn custom
*/

.btn {

    border-radius:0!important; cursor:pointer;

}

.btn-warning {
    color:white;
    text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color:#faa732;
    background:#f89406;
    background:linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat:repeat-x;
    border-radius:8px;
    font-weight:400;

    text-align:center;
}


.btn-success {
    color: #fff;
    background-color: #007b76;
    border-color: #007b76;
}

.btn-success:hover {
    color: #fff;
    background: #003e3b;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    box-shadow:inherit;
}

.btn-success.disabled, .btn-success:disabled {
    background-color: #007b76;
    border-color: #007b76;
}

.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
    background-color: #218838;
    background-image: none;
    border-color: #1e7e34;
}

/*
 please_wait
*/


/* Absolute Center Spinner */
.please_wait {
    position: absolute;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* please_wait */
.please_wait:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
}

/* :not(:required) hides these rules from IE9 and below */
.please_wait:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.please_wait:not(:required):after {
    font-family: 'FontAwesome' !important; font-size:40px;
    color:#007b75;
    content: "\f021";
    position: absolute;
    white-space: pre;
    display: inline;
    top: 20%;
    left: 45%;
    transform: translate(-50%, -20px);

    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;

}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/*margins & paddings*/
/**/
.mbot_s {
    margin-bottom:4px!important;
}
.mbot {
    margin-bottom: 8px!important;
}
.mbotx2 {
    margin-bottom: 16px!important;
}
.mbotx4 {
    margin-bottom: 32px!important;
}
.mbotx6 {
    margin-bottom: 48px!important;
}
.mbotx8 {
    margin-bottom: 64px!important;
}
.mbotx10 {
    margin-bottom: 80px!important;
}

.mtop_s {
    margin-top:4px!important;
}
.mtop {
    margin-top: 8px!important;
}
.mtopx2 {
    margin-top: 16px!important;
}
.mtopx4 {
    margin-top: 32px!important;
}
.mtopx6 {
    margin-top: 48px!important;
}
.mtopx8 {
    margin-top: 64px!important;
}
.mtopx10 {
    margin-top: 80px!important;
}
.pbot {
    padding-bottom: 8px!important;
}
.ptop {
    padding-top: 8px!important;
}
.pallxs { padding:4px!important; }
.palls { padding:8px!important; }
.pallm { padding:12px!important; }
.palll { padding:16px!important; }
.pallxl { padding:24px!important; }
.pallxxl { padding:50px!important; }
.ptbxs { padding:4px 0;}
.ptbs { padding-top:8px; padding-bottom:8px; }
.ptbxs {padding-top:4px; padding-bottom:4px;}
.prls { padding:0 8px;}
.prs { padding-right:8px;}
.prl { padding-right:16px;}
.prxl { padding-right:32px;}
.prxxl { padding-right:64px;}
.pll { padding-left:16px;}
.half_right_padding { padding-right:30%; max-height:10000px; overflow:auto;}
.half_left_padding { padding-left:30%; max-height:10000px; overflow:auto;}
.nomargin {
    margin: 0!important;
}
.nopadding {
    padding: 0!important;
}


.uline a, a.uline, .uline { text-decoration:underline!important; }
.uline a:hover, a.uline:hover { text-decoration: none!important; }
.bold { font-weight:bold;}




.font_xxxs {
    font-size: 0.2em!important;
}
.font_xxs {
    font-size: 0.7em!important;
}
.font_xs {
    font-size: 0.9em!important;
}
.font_s {
    font-size: 1em!important;
}
.font_m {
    font-size: 1.2em!important;
}
.font_l {
    font-size: 1.4em!important;
}
.font_xl {
    font-size: 1.6em!important;
}
.font_xxl {
    font-size: 1.9em!important;
}

.font_xxxl {
    font-size: 2.6em!important;
}

/*clearcustom*/
.clear { clear:both; }

@media print {

    html, body, .main {
        height: 100%!important;
        page-break-after: avoid;
        page-break-before: avoid;
    }
    * {float: none !important; overflow: visible !important;}
    .main { white-space:nowrap!important; }





}


/* 
Responsive adapatations
*/

/*img responsive*/
.img-responsive-center {
    margin: 0 auto;
}
.img-responsive-100 { width:100%!important;}

@media (min-width: 1200px) {

    .container {
        max-width: 1460px;
    }

}
@media (max-width: 992px) {

    .border-right { border:0!important; }

    #index h1 {

        font-size:1.4em; font-weight:700;
        text-align:center;
        margin:40px 0;

    }

    .container {
        max-width: 99%; margin:auto auto;
    }
    .search_container .custom-align-middle h2{color: #007b76; font-size:13px; margin:0; padding:0;
        height:auto; padding:0 0 8px 0;
    }
    .custom_autocomplete_search_list { max-width:100%; }

    footer .newsletter [type=email] {

        min-width: inherit;

    }

    .list_unit_cat h2 {

        font-size:1em;
        font-weight: 300;
        height: auto !important;
        line-height: normal !important;
        margin:0 0 4px 0;
        padding:0 0 4px 0px!important; overflow:hidden; white-space:nowrap;

    }


    .list_unit_cat .image {

        padding:4px 0; width:100%!important; margin:auto;

    }


}


@media (max-width: 720px) {

    .fix_customersignin_custom { background-color:#FFFFFF;
        z-index:15000;
        position: fixed;
        right:10px;
        top:0;
        text-align:center!important;
        padding-top:20px!important;
        padding-bottom:10px!important;
        -webkit-box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12);
        -moz-box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12);
        box-shadow: -6px 9px 9px 0px rgba(0,0,0,0.12);
    }


    .payment-options .btn {

        font-size:1em;

    }

    .list_unit_cat h2 {

        font-size:1em;
        font-weight: 300;
        height: auto !important;
        line-height: normal !important;
        margin:0 0 4px 0;
        padding:0 0 4px 0px!important; overflow:hidden; white-space:nowrap;

    }


    .list_unit_cat .image {

        padding:2px;

    }

    .cart-summary .limited-width {

        width:100%!important; display:inline-block;

    }

}

@media (max-width: 470px) {

    header a.logo {

        background: url(../img/logo.svg) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
        display: inline-block;
        width: 100px;
        /*height: 555px;*/
        max-width:100px;
        overflow: hidden;
        text-indent: -34em;
        margin-top:4px;

    }

}
@media (max-width: 576px) {
    .filtered_products_wrapper a.btn[href="#vid"]{
        margin: 0!important;
        width: 100%;
    }
}
.filtered_products_wrapper a.btn[href="#vid"]{
    word-wrap: break-word;
    white-space: pre-wrap;
}

.home_actu .info{
    text-align:center!important;
}

.home_actu .info.halign{
    text-align:left!important;
    padding:5% 0 0 0!important;

}

.home_actu .info.halign h2{
    margin-bottom : 10px !important;
}

.home_actu .en-savoir-plus{
    text-align: left!important;
}

.home_actu .en-savoir-plus a{
    text-decoration: none!important;
    margin-bottom: 10px!important;
    padding: 5px 35px!important;
    background: #007b76!important;
    color: white!important;
    border-radius: 5px!important;
}

.home_actu .info.halign {
    height: auto !important;
}
.home_actu .info.halign h2 a{
    text-decoration:none!important;
}
.home_actu .en-savoir-plus a {
    text-decoration: none !important;
}