html {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 1.5;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.row-eq-height {
    display: flex
}

    .row-eq-height > div {
        padding: 0px;
        margin: 20px
    }

.row-eq-height-sqr {
    display: flex
}

    .row-eq-height-sqr > div {
        border: 1px solid #DCDCDC;
        padding: 20px;
        margin: 20px
    }

#container-product {
    width: 100%;
    background-color: #FFFFFF;
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

#header {
    width: 100%;
    background-color: #FFFFFF;
    background-image: url("/achatenligne/images/img_table/b_img_background.gif")
}

#headercontent {
    max-width: 1500px;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#topmenu {
    width: 100%;
    background-color: #B22222
}

#topmenucontent {
    max-width: 1700px;
    background-color: #ededed margin:0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#body {
    max-width: 1500px;
    background-color: #FFFFFF;
    padding: 15px; /* bottom padding for footer */
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#body-admin-top {
    max-width: 1400px;
    background-color: #ededed; /* bottom padding for footer */
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}


#body-nopadding {
    max-width: 1500px;
    background-color: #FFFFFF;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#body-product {
    max-width: 1500px;
    background-color: #FFFFFF;
    padding: 55px 52px 45px 52px; /* bottom padding for footer */
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#body-product-nopadding {
    max-width: 1500px;
    background-color: #FFFFFF;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4 {
    display: block;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h4.margin {
    padding: 0px;
    margin: 5px 0px 5px 0px
}

p {
    font-size: 1.2em
}

    p.large {
        font-size: 1.3em
    }

.btn-lg-2 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 40px 10px 40px
}

.txt-normal {
    font-weight: normal
}

.btn-default-hover-red:hover {
    background: #FFF;
    border-color: red;
}

.btn-default-hover-black:hover {
    background: #FFF;
    border-color: #000;
}

.thumbs {
    display: inline-block;
    vertical-align: top;
}

    .thumbs img {
        display: block;
    }

.main-img {
    display: inline-block;
}

/* indent only replies */
.comment-root {
    padding-left: 0;
}

.comment-reply {
    padding-left: 55px;
}

.comment-row {
    display: flex;
    align-items: center; /* vertically centers img and text */
}

.comment-row .col-md-1 {
    max-width: 60px;
}

.comment-row [class*="col-"] {
    padding-left: 5px; /* or 0 */
    padding-right: 5px; /* or 0 */
}

#newsletter {
    width: 100%;
    background: #A0A0A0;
    bottom: 0; /* stick to bottom */
}

#newslettercontent {
    color: #fff;
    max-width: 1200px;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
    padding: 20px 0px 20px 0px;
}

main * {
    font-size: 1.1rem;
    line-height: 1.8;
    box-sizing: border-box;
}

main h1 {
    font-size: 1.75rem;
    font-family: "Roboto", Arial, sans-serif;
}
main h2 { font-size: 1.4rem; }
main h3 { font-size: 1.25rem; }
main h4 { font-size: 1.125rem; }
main h5 { font-size: 1rem; }
main h6 { font-size: 0.875rem; }
main p, main li { font-size: 1.1rem; }

.bordered {
    border: 1px solid black; /* 2px width, solid style, black color */
    padding: 15px 20px 10px 20px; /* Optional: adds space between content and border */
}

.share-icons i {
    color: darkgray;
    margin-left: 10px; /* space between icons */
    font-size: 1.4em;
}

.share-icons i:last-child {
    margin-right: 0; /* avoid trailing space */
}

#footer {
    width: 100%;
    background: #1B316C;
    bottom: 0; /* stick to bottom */
}

#footer a:link {
    color: #fff;
    text-decoration: none
}

#footer a:visited {
    color: #fff;
    text-decoration: none
}

#footer a:hover {
    color: #C8D5F7;
    text-decoration: none
}

#footer a:active {
    color: #C8D5F7;
    text-decoration: none
}

#footercontent {
    max-width: 1500px;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
    padding: 0px 0px 0px 0px;
}

a.lnkwhite:link {
    color: #fff;
    text-decoration: none
}

a.lnkwhite:visited {
    color: #fff;
    text-decoration: none
}

a.lnkwhite:hover {
    color: #C8D5F7;
    text-decoration: none
}

a.lnkwhite:active {
    color: #C8D5F7;
    text-decoration: none
}


a.lnkwhite:link {
    color: #fff;
    text-decoration: none
}

a.lnkwhite:visited {
    color: #fff;
    text-decoration: none
}

a.lnkwhite:hover {
    color: #C8D5F7;
    text-decoration: none
}

a.lnkwhite:active {
    color: #C8D5F7;
    text-decoration: none
}


#footerDkGray {
    width: 100%;
    background: #606060;
    bottom: 0; /* stick to bottom */
}

#footercontentDkGray {
    max-width: 1500px;
    margin: 0 auto; /* center, not in IE5 */
    height: auto !important; /* real browsers */
}

#footerDkGray a:link {
    color: #fff;
    text-decoration: none
}

#footerDkGray a:visited {
    color: #fff;
    text-decoration: none
}

#footerDkGray a:hover {
    color: #C8D5F7;
    text-decoration: none
}

#footerDkGray a:active {
    color: #C8D5F7;
    text-decoration: none
}


.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 1px;
}


.light {
    font-weight: normal
}

td.smalltextwhite {
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: white;
    background-color: #00005c;
}

td.spacing_right25 {
    padding-right: 25px
}

.langue {
    background-repeat: no-repeat
}

a:link {
    color: #39307a;
    text-decoration: none
}

a:visited {
    color: #39307a;
    text-decoration: none
}

a:hover {
    color: #e20004;
    text-decoration: none
}

a:active {
    color: #e20004;
    text-decoration: none
}

a.not_underline:link {
    text-decoration: none
}

a.not_underline:visited {
    text-decoration: none
}

a.not_underline:hover {
    text-decoration: none
}

a.not_underline:active {
    text-decoration: none
}

a.langue:link {
    color: #FFFFFF
}

a.langue:visited {
    color: #FFFFFF
}

a.langue:hover {
    color: #FFFFFF
}

a.langue:active {
    color: #FFFFFF
}

a.graytable:link {
    color: #FFFFFF;
    text-decoration: none
}

a.graytable:visited {
    color: #FFFFFF;
    text-decoration: none
}

a.graytable:hover {
    color: #555555;
    text-decoration: none
}

a.graytable:active {
    color: #555555;
    text-decoration: none
}

.product_listing {
    font-size: 11pt;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none
}

a.product_listing:link {
    font-size: 11pt;
    font-style: normal;
    color: #98AFC7;
    text-decoration: none
}

a.product_listing:visited {
    color: #98AFC7
}

a.product_listing:hover {
    color: #1589FF
}

a.product_listing:active {
    color: #98AFC7
}

a.neutral {
    color: #000000;
    text-decoration: none
}

    a.neutral:hover {
        color: #000000;
        text-decoration: none
    }

    a.neutral:active {
        color: #000000;
        text-decoration: none
    }

.page-navigation {
    font-size: 11pt;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none
}

a.page-navigation {
    font-size: 11pt;
    font-style: normal;
    color: #98AFC7;
    text-decoration: none
}

a.page-navigation {
    color: #98AFC7
}

a.page-navigation {
    color: #1589FF
}

a.page-navigation {
    color: #98AFC7
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

div.col-sm-7.five-three {
    width: 60% !important;
}

div.col-sm-5.five-two {
    width: 40% !important;
}

div.black-border {
    border: 1px solid black
}

;

.carousel-indicators.hide li {
    visibility: hidden;
}

.membership:hover {
    color: #FFF;
    background-color: #003366
}

.blockLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.affichagetitre {
    font-size: 24pt;
    color: #000000
}

.Titres {
    font-weight: bolder;
    color: #000000;
    font-size: 13pt
}

.Titres_Rouge {
    font-size: 13pt;
    font-weight: Bolder;
    color: #CD0000
}

.Soustitres {
    font-size: 10pt;
    font-weight: Bolder;
    color: #000000
}

.evidence {
    font-size: 16px
}

.transparence {
    background-color: transparent
}

.patch {
    font-size: .85em
}

.description_fiche {
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #444444
}

.small {
    font-size: 0.9em
}

.x-small {
    font-size: 1em
}

a.x-small {
    font-size: 0.6em
}

.texterouge {
    color: #CD0000
}

a.texterouge:link {
    color: #CD0000
}

a.texterouge:visited {
    color: #CD0000
}

.textegreen {
    color: Green
}

a.textegreen:link {
    color: Green
}

a.textegreen:visited {
    color: Green
}


.texteitalic {
    font-style: italic;
}

.Soustitresrouge {
    color: #CD0000;
    font-weight: bold
}

.Soustitresnoir {
    color: #000000;
    font-weight: bold
}

.texteSpecial {
    text-decoration: line-through
}

.special {
    text-decoration: line-through;
    color: #CD0000
}

.Titre_machine {
    font-size: 19px;
    color: #FFFFFF;
    font-weight: bold
}

.Titre_machine1 {
    font-size: 35px;
    color: #FFFFFF;
    font-weight: bold
}

.text_description a:link {
    color: #000080
}

.text_description a:visited {
    color: #000080
}

.text_description a:hover {
    color: #CC0000
}

.text_description a:active {
    color: #CC0000
}

table.background1 {
    background-color: White
}

td.background2 {
    background-color: #00005c
}

.erreur {
    color: #CD0000
}

td.Vertical {
    background-color: #00005c
}

div.listing2 li {
    font-size: 15px;
    margin: 1em 0
}

table.wide {
    width: 100%
}

table.center {
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

table.right {
    margin-left: auto;
    margin-right: inherit;
    text-align: left
}

table.standard td {
    padding: 15px;
    vertical-align: top
}

.error {
    color: #CD0000
}

.linethrough {
    text-decoration: line-through
}

.right {
    text-align: right
}

td.background_white {
    background-color: White
}

td.background_white_smoke {
    background-color: #F5F5F5
}

table.background_blue {
    background-color: #00005c
}

table.background_black {
    background-color: #00005c
}

.special-end-date {
    font-weight: normal;
    font-size: 12px
}

.shipping {
    font-weight: normal;
    font-size: 12px
}

.Shipping-Info {
    font-size: 14px;
    font-weight: normal
}

.form-text {
    font-size: 16px;
    font-weight: normal
}

img {
    border: none
}

    img.small {
        width: 255px;
        height: 155px
    }

    img.logosmall {
        width: 140px;
        height: 150px
    }

    img.icon48 {
        width: 48px;
        height: 48px
    }

td.left {
    text-align: left
}

td.center {
    text-align: center
}

table.sign_in {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-color: black;
    border-collapse: collapse
}

    table.sign_in td {
        padding: 10px
    }

    table.sign_in th {
        padding: 15px 20px 15px 20px;
        border: 1px solid black;
        background-color: #D0D0D0;
        color: #FFFFFF
    }

    table.sign_in h2 {
        font-size: 24px
    }

table.specs {
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

table.recommended tr td {
    border: 2px solid white;
    border-spacing: 2px;
    border-collapse: collapse;
    background-color: white;
    color: #FFFFFF
}

table.recommended_item tr td {
    padding: 10px 30px 10px 30px;
    border: 2px solid white;
    border-spacing: 2px;
    border-collapse: collapse;
    background-color: white;
    color: #FFFFFF
}

table.recommended_item td {
    width: 200px
}

table.recommended_item a {
    font-size: 0.5em
}

table.black-border {
    border-collapse: collapse
}

    table.black-border td {
        border: 1px solid black;
        padding: 10px;
        text-align: left
    }

table.blue_border {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: black black black black;
    border-collapse: collapse;
    background-color: white
}

.software_update_top_listing {
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    color: white;
    background-color: #00005c
}

.CurrencyCode {
    font-size: 1.1em;
    font-weight: normal;
    color: #000000
}

.CurrencyCode-Bold {
    font-size: 0.7em;
    font-weight: bold
}

input:focus, textarea:focus, select:focus {
    background-color: lightyellow;
    border: 2px solid darkyellow
}

#pubcontainer ul {
    margin: 0px auto 0px auto
}

#pubcontainer img {
    border-width: 0px;
    border-spacing: 0px;
    border-style: outset;
    border-color: #C0C0C0;
    background-color: white;
    width: 174px;
    height: 150px
}

div.pub {
    width: 150px;
    height: 100px;
    border: 2px solid #C0C0C0;
    padding: 0px;
    margin: 0px
}

    div.pub:hover {
        width: 150px;
        height: 100px;
        border: 2px solid gray;
        padding: 0px;
        margin: 0px
    }

.carousel-indicators-2 .active {
    width: 16px;
    height: 16px;
    background-color: #a9a9a9;
    border: 1px solid gray
}

.carousel-indicators-2 li {
    width: 16px;
    height: 16px;
    background-color: #FFF;
    border: 2px solid #bebebe
}

div.product {
    border: 2px solid gray;
    margin-bottom: 10px
}

    div.product img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    div.product:hover {
        border: 2px solid #C0C0C0
    }

div.product-off {
    border: 1px solid gray;
    padding: 15px;
    margin: 0px;
    z-index: 500
}

div.product-off-admin {
    border: 1px solid gray;
    padding: 15px;
    margin: 0px;
    z-index: 500
}

div.product-off:hover {
    border: 1px solid black
}

div.product_cat {
    width: 230px;
    height: 252px;
    border: 2px solid gray;
    padding: 0px;
    margin: 0px;
    z-index: 500
}

    div.product_cat:hover {
        width: 230px;
        height: 252px;
        border: 2px solid #C0C0C0;
        padding: 0px;
        margin: 0px;
        z-index: 500
    }

div.product_sub_img {
    border: 2px solid #c2c0c0;
    margin: 5px
}

    div.product_sub_img img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 65px;
        height: 65px
    }

    div.product_sub_img:hover {
        border: 2px solid #999999;
    }

table.landing td {
    padding: 10px
}

div.landing img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.landing {
    border: 3px solid gray
}

    div.landing:hover {
        border: 3px solid #C0C0C0
    }

div.landing-col {
    padding-top: 35px
}

table.T_Listing {
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%
}

    table.T_Listing th {
        border-width: 1px;
        border-color: #666666;
        border-style: solid;
        padding: 10px;
        background-color: #F0F0F0
    }

    table.T_Listing td, th {
        border-width: 1px;
        border-style: solid;
        border-color: #666666;
        padding: 10px;
        padding-left: 10px
    }

table {
    border-spacing: 0;
    border-collapse: collapse
}

td {
    padding: 0px
}

th {
    text-align: left
}

table.T_ShippingInfo {
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse
}

    table.T_ShippingInfo th {
        border-width: 1px;
        border-color: #666666;
        border-style: solid;
        padding: 10px;
        background-color: #F0F0F0
    }

    table.T_ShippingInfo td, th {
        border-width: 1px;
        border-style: solid;
        border-color: #666666;
        padding: 10px;
        padding-left: 10px
    }

table.T_SignIn {
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-collapse: collapse
}

    table.T_SignIn th {
        border-width: 1px;
        border-color: #666666;
        border-style: solid;
        padding: 10px;
        background-color: #F0F0F0
    }

    table.T_SignIn td, th {
        border-width: 1px;
        border-style: solid;
        border-color: #666666;
        padding: 10px;
        padding-left: 10px;
        font-weight: normal;
        font-size: 14px
    }

    table.T_SignIn input, select {
        height: 25px
    }

table.T_EditInfos {
    border-collapse: collapse
}

    table.T_EditInfos th {
        border-width: 0px;
        padding: 10px
    }

    table.T_EditInfos td, th {
        border-width: 0px;
        padding: 10px;
        padding-left: 10px
    }

    table.T_EditInfos input {
        height: 25px;
        font-weight: normal;
        font-size: 16px
    }

    table.T_EditInfos select {
        height: 30px;
        font-weight: normal;
        font-size: 16px
    }

ul.T_Prod li {
    padding: 10px
}

.table.T_Prod {
    border-collapse: collapse
}

    .table.T_Prod td {
        padding: 15px
    }

    .table.T_Prod th {
        padding: 15px;
        font-weight: bold
    }

a.top-menu:link {
    color: #39307a;
    text-decoration: none
}

a.top-menu:visited {
    color: #39307a
}

a.top-menu:hover {
    color: #e20004
}

a.top-menu:active {
    color: #39307a
}

td.pbottom {
    padding-bottom: 45px
}

td.landingmiddle {
    padding-left: 30px;
    padding-right: 30px
}

table.landing td {
    padding-bottom: 15px;
    vertical-align: top
}

table.landing a {
    line-height: 1.4em;
    text-decoration: none
}

span.producListing {
    font-weight: 200;
    line-height: 1.5em
}

.nospacing {
    padding: 0px;
    margin: 0px
}

/* Carousel */
/* Change dot colors */
.carousel-indicators li {
    background-color: #c2c0c0;
}

.carousel-indicators .active {
    background-color: black;
}

.carousel-indicators li:hover {
    background-color: #999999; /* Hover color */
}
/* Change dot position below image */
.carousel-indicators.bottom {
    position: absolute;
    bottom: -45px;
    left: 50%; /* Centers the dots horizontally */
    transform: translateX(0%); /* Ensures perfect centering */
}

.carousel-inner img {
    cursor: pointer; /* Change cursor to pointer to indicate interactivity */
}

@media {
    .small-center {
        text-align: center
    }
}

@media (min-width: 768px) {
    .small-center {
        text-align: left
    }
}

.bold {
    font-weight: bold
}

.borderless td, .borderless th {
    border: none !important
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
        padding: 0 !important;
        margin: 0 !important
    }

        .is-table-row [class*="col-"] {
            float: none;
            display: table-cell;
            vertical-align: top
        }
}

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

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

.user_icon_small {
    height: 50px;
}

.small-icon {
    height: 30px;
    width: 30px
}

.btn-circle-image-large {
    width: 100px;
    height: 100px;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px
}

.btn-circle-image-medium {
    width: 65px;
    height: 65px;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px
}

div.full-image {
    height: 325px;
    padding: 0px;
    margin: 0 auto !important;
    background-size: cover;
    overflow: hidden
}

div.full-image-background {
    content: "";
    display: block;
    width: 100%;
    height: 325px;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 1 /*Added this in the updated */
}

div.full-image-text {
    padding: 80px 80px 0px 65px;
    width: 100%;
    color: #FFF
}

div.full-image-2 {
    height: 425px;
    padding: 0px;
    margin: 0 auto !important;
    background-size: cover;
    overflow: hidden
}

div.full-image-background-2 {
    content: "";
    display: block;
    width: 100%;
    height: 425px;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 1 /*Added this in the updated */
}

.noHeaderSpacing {
    margin-bottom: 0
}

.header {
    margin-right: 0;
    margin-left: auto
}

.my_text_box {
    width: 600px
}

.my_text_box_small {
    width: 300px
}

.my_text_box_xsmall {
    width: 65px
}

img.newsletterpromo {
    height: 35px
}

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

    #hide {
        display: none
    }

    img.logo {
        height: 70px;
        text-align: center;
        padding: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .header {
        margin: 0 auto
    }

    .my_text_box {
        width: 275px
    }

    .my_text_box_small {
        width: 250px
    }

    img.imgProduct {
        height: 350px;
        width: 350px;
        text-align: center;
        padding: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .landingCart {
        height: 125px;
        width: 200px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

.ChkBoxClass input {
    width: 17px;
    height: 17px
}

.square {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

.p-nospace {
    padding: 0px;
    margin: 0px
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.center {
    text-align: center
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

div.center {
    img

{
    margin-left: auto;
    margin-right: auto;
    display: block
}
/* COLORS */
a.black, .black {
    color: #000000
}

a.white, .white {
    color: #FFFFFF
}

a.red, .red {
    color: #CD0000
}

a.blue, .blue {
    color: #0033CC
}

a.orange, .orange {
    color: #FF8C00
}

a.yellow, .yellow {
    color: #FFFF00
}

a.vert, .vert {
    color: #228B22
}

a.gray, .gray {
    color: #696969
}

a.purple, .purple {
    color: #660033
}

/* PRODUCT LISTING */
.prodprice {
    color: #000000;
    font-size: 1.3em;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: bold
}

a.black {
    color: #000000
}

    a.black:hover {
        color: #e20004;
        text-decoration: none
    }

a.gray {
    color: #383838
}

    a.gray:hover {
        color: #e20004;
        text-decoration: none
    }

.ChkBoxClass input {
    width: 20px;
    height: 20px
}

div.border-bottom {
    border-bottom: 1px solid #FFF
}

div.border-right {
    border-right: 1px solid #FFF
}

div.border-right-dred {
    border-right: 1px solid #8B0000
}

td.border-right-dred {
    border-right: 1px solid #8B0000
}

input.imgbutton:hover {
    opacity: 0.5
}

img.imgbutton:hover {
    opacity: 0.5
}

a.instore:link {
    color: green;
    background-color: transparent;
    text-decoration: none
}

a.instore:visited {
    color: green;
    background-color: transparent;
    text-decoration: none
}

a.instore:hover {
    color: red;
    background-color: transparent;
    text-decoration: none
}

.thumbs {
    display: inline-block;
    vertical-align: top
}

    .thumbs img {
        display: block
    }

.main-img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    min-height: 455px;
    max-height: 455px
}

#zoom-img {
    width: 600px;
    height: 338px;
    background: url("https://signmax.ca/achatenligne/images/produits/big/laser-honey-comb-bed-b.jpg");
    background-position: center;
    background-size: cover
}

.prod_dropdown img {
    margin-right: 5px;
    margin-left: 15px;
    margin-bottom: 3px;
    border: 1px solid #000
}

.dropdown-menu {
    max-height: 280px;
    overflow-y: auto
}

.dropdown-menu-2 {
    max-height: 280px;
    overflow-y: auto
}

.star_checked {
    color: orange
}

.no-gutter > [class*='col-'] {
    padding-right: 5px; /* or 0 */
    padding-left: 5px; /* or 0 */
}