﻿/* FONTS */

@font-face {
    font-family: "Monosten A";
    src: url(../fonts/monosten-a-webfont.eot);
    src: url(../fonts/Monosten-A-webfont.eot) format("embedded-opentype"), url(/fonts/Monosten-A-webfont.woff) format("woff"), url(/fonts/Monosten-A-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Avenir Next LT W01 Bold";
    src: url(../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot);
    src: url(../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot) format("eot"), url(/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff) format("woff"), url(/fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf) format("truetype");
}

.pop_up_cnil {
    width: 80%;
}




@font-face {
    font-family: "Monosten A";
    src: url(../fonts/Monosten-A-webfont.eot);
    src: url(../fonts/Monosten-A-webfont.eot) format("embedded-opentype"), url(../fonts/Monosten-A-webfont.woff) format("woff"), url(../fonts/Monosten-A-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Avenir Next LT W01 Bold";
    src: url(../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot);
    src: url(../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot) format("eot"), url(../fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff) format("woff"), url(../fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf) format("truetype");
}


@font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro.woff");
}

@font-face {
    font-family: "DINPro-Bold";
    src: url("../fonts/DINPro-Bold_0.woff");
}

@font-face {
    font-family: "Geforce-bold";
    src: url("../fonts/geforce_bold-webfont_0.woff");
}

@font-face {
    font-family: "Neuro";
    src: url("../fonts/neuropol-x-free.regular.woff");
}

@font-face {
    font-family: "Neuro";
    src: url("../fonts/neuropol-x-free.regular.woff");
}

@font-face {
    font-family: "coalition";
    src: url("../fonts/coalition.woff");
}

/* Fin FONTS */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/




::-moz-selection { /* Code for Firefox */
    color: white;
    background: #20a75f52;
}

::selection {
    color: white;
    background: #20a75f;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-transform: none;
    text-decoration: none;
    font-family: Nunito, Arial, sans-serif !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p, a {
    color: #333;
}

strong {
    font-weight: bold;
}



input[type=submit] {
    -webkit-appearance: none;
}

.displaynone {
    display: none;
}

/* FIN RESET CSS */

/* BODY */

* {
}

html, body {
    height: 100%;
}

body {
    background: white;
    /*overflow-x: hidden;*/
}

.only-mobile {
    display: none;
}

.warp {
    width: 1280px;
    margin: 0 auto;
}

.firstletter {
    font-family: Nunito, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px;
    color: #333;
}

.titre-index {
    margin: 15px 0;
}

#contenthome .titre-index {
    margin: 0;
}

.firstletter::first-letter {
}

.clear {
    clear: both;
}

.sep-ver {
    background: url('');
    width: 2px;
    float: left;
    height: 255px;
    margin: 20px 46px;
}

#_ctl0_ContentPlaceHolder1_btn_show_filters {
    width: 100%;
    background: #333;
    text-align: center;
    color: white;
    border: 1px solid #333;
    margin-bottom: 10px;
    height: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}


.btn_valider_filtre {
    width: 100px;
    background: #ccc url('') no-repeat -500px center;
    text-align: center;
    color: #333;
    height: 25px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
    border-radius: 5px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.btn_valider_filtre {
    width: 100px;
    background: #ccc url('') no-repeat -500px center;
    text-align: center;
    color: #333;
    height: 25px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px;
    border-radius: 5px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.filt-price .btn_valider_filtre {
    margin-bottom: 10px;
}

#_ctl0_ContentPlaceHolder1_btn_show_filters:hover {
    background: white;
    color: #333;
}

#_ctl0_ContentPlaceHolder1_btn_reinit_filters:hover {
    background: #333 url('') no-repeat left center;
}

option:checked, option:hover {
    color: white;
    background: #333 url('');
}


.price_prod_resp sup {
    font-size: 12px;
    vertical-align: top;
}

.carousel-produits sup {
    font-size: 12px;
    vertical-align: top;
}

sup {
    font-size: 12px;
    vertical-align: top;
}


.sep-hori.sep-hori-fiche {
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    margin: 25px 0 25px 0;
}

/* FIN BODY */


/* HEADER */
.banner_top_only {
    float: left;
    margin-top: 16px;
    margin-left: 55px;
}

.top-banner {
    float: left;
}

.formulaire_login_c .fancybox {
    display: block;
    text-align: center;
    margin: 7px 0;
}

.logo-menu-hori {
    display: none;
    line-height: 38px;
}

.fixedTop .logo-menu-hori {
    display: block;
    width: 80px;
}

    .fixedTop .logo-menu-hori img {
        width: 100%;
        vertical-align: middle;
    }

.fixedTop .menu-hori {
    font-size: 11px;
}

#cbk_menu_panel.fixedTop .menu-hori.logo-menu-hori:hover {
    background: url('') no-repeat right center !important;
}

.top-banner .banner-top-lien {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0;
    transition: color 0.5s;
    font-weight: 900;
}

.moncompte {
    float: right;
    position: relative;
    margin-right: 0px;
}


.banner_top_only .question {
    background: url(../images/icone-question.png) no-repeat left center;
}

    .banner_top_only .question:hover {
        background: url(../images/icone-question-hover.png) no-repeat left center;
    }

.banner_top_only .magasin-top a {
    margin-right: 25px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 3px;
    display: block;
}

    .banner_top_only .magasin-top a::before {
        background-image: url(https://grosbill.com/images/svg/localisation.svg);
        filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(97%) contrast(104%);
    }

    .banner_top_only .magasin-top a::before {
        content: "";
        display: block;
        height: 30px;
        left: 50%;
        margin: 3px 0 0 -16px;
        position: absolute;
        top: -1px;
        width: 30px;
    }


.banner_top_only .banner_account {
    position: relative;
}

    .banner_top_only .banner_account a::before {
        content: "";
        display: block;
        height: 30px;
        left: 50%;
        margin: 3px 0 0 -16px;
        position: absolute;
        top: -1px;
        width: 30px;
    }

    .banner_top_only .banner_account a::before {
        background-image: url('https://grosbill.com/images/svg/user.svg');
        filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(97%) contrast(104%);
    }

    .banner_top_only .banner_account a {
        position: relative;
        padding-top: 30px;
        padding-bottom: 3px;
        display: block;
        text-align: center;
    }


#home_reinsurance_wrapper div div {
    margin: 0 4.3%;
}

.moncompte span {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    transition: color 0.5s;
    font-weight: 900;
    display: block;
    cursor: pointer;
}



.cbx_zone_recherche {
    background-color: white;
}


.formulaire_login_c {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translate(-50%);
    width: 200px;
    height: auto;
    box-shadow: 0 5px 10px #7a7a7a;
    z-index: 1000;
}

.moncompte:hover .formulaire_login_c {
    display: none;
}


#_ctl0_ContentPlaceHolder1_Panel_login {
    display: table-cell;
    width: 1078px;
    padding-left: 20px;
}

.connexion-compte {
}

.formulaire_login_c input {
    width: 182px;
    margin: 5px 10px 0;
    padding: 5px;
    border: 1px solid black;
}

.formulaire_login_c #_ctl0_tbx_pwd {
    width: 170px;
}

.formulaire_login_c #_ctl0_tbx_login {
    width: 170px;
    margin-top: 15px;
}

.formulaire_login_c #_ctl0_btn_mdp_perdu {
    margin-bottom: 5px;
}

.formulaire_login_c .ui-mini input {
    background-color: #20a75f;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #20a75f;
}

.formulaire_login_c #_ctl0_btn_deconnexion {
    margin-bottom: 10px;
}

.formulaire_login_c .ui-mini:hover input {
    background-color: #fff;
    color: #20a75f;
}

.formulaire_login_c .ui-mini #_ctl0_ib_login {
    background-color: #20a75f;
    border-color: #20a75f;
    color: white;
    margin-top: 15px;
}

.formulaire_login_c .ui-mini:last-child input {
    background-color: #333;
    color: white;
    border: 1px solid #333;
}

    .formulaire_login_c .ui-mini:last-child input:hover {
        background-color: #fff;
        color: #333;
    }

.formulaire_login_c .ui-mini:hover #_ctl0_ib_login {
    background-color: white;
    border-color: #20a75f;
    color: #20a75f;
}

.formulaire_login_c .ui-mini:hover #_ctl0_ib_login {
    background-color: white;
    border-color: #20a75f;
    color: #20a75f;
}

.formulaire_login_c .ui-mini #_ctl0_btn_mdp_perdu {
    background-color: white;
    border: none;
    color: #333;
}

.sep-compte {
    height: 1px;
    margin: 10px;
    width: 182px;
    background-color: #ccc;
}

.cbk_logo {
    float: left;
    margin-top: 9px;
    margin-bottom: 9px;
    width: 200px;
}

    .cbk_logo .cbk_logo {
        margin-top: 0;
    }

.block-search {
    float: left;
    margin-top: 16px;
    margin-left: 0px;
}

#_ctl0_tbx_recherche {
    width: 686px;
    border: 1px solid #ccc;
    height: 44px;
    padding: 0 10px;
    border-radius: 50px 0 0 50px;
}

.cbk_field_recherche {
    float: left;
}

#_ctl0_btn_recherche {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    /* float: left; */
    height: 44px;
    width: 44px;
    background-image: url(https://grosbill.com/images/svg/search_white.svg);
    background-repeat: no-repeat;
    /* background-position: -943px -167px; */
    background-color: #20a75f;
    cursor: pointer;
    border-radius: 50px 50px 50px 50px;
    margin-left: -27px;
    background-size: 20px;
    background-position: 12px 12px;
}

.ajout-panier {
    float: right;
    margin-top: 16px;
    text-align: center;
}

    .ajout-panier.ajout-panier-0 {
        background: transparent;
    }

        .ajout-panier.ajout-panier-0:hover {
            background: transparent;
        }

            .ajout-panier.ajout-panier-0:hover span, .ajout-panier.ajout-panier-0:hover p {
            }

        .ajout-panier.ajout-panier-0 p {
            color: black;
        }

        .ajout-panier.ajout-panier-0 span {
            color: black;
            text-align: left;
            font-size: 12px;
            display: block;
        }

        .ajout-panier.ajout-panier-0 .banner_account {
        }

        .ajout-panier.ajout-panier-0 a {
            position: relative;
            display: block;
        }

            .ajout-panier.ajout-panier-0 a::before {
                background-position: -890px -175px;
            }



        .ajout-panier.ajout-panier-0 .lbl_panier_container img {
            width: 23px;
            vertical-align: middle;
        }

        .ajout-panier.ajout-panier-0 .lbl_panier_container {
            background: white;
            border-radius: 100%;
            width: 32px;
            height: 32px;
            margin-top: 2px;
            vertical-align: middle;
            line-height: 29px;
        }

.ajout-panier-0 .ajouter-panier {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.ajout-panier .lbl_panier_container {
    display: inline-block;
    position: absolute;
    margin-top: 0px;
}

.ajouter-panier p {
    color: black;
    display: block;
    line-height: 11px;
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
}

.ajout-panier-1 a {
    display: block;
}

.ajout-panier span {
    color: black;
    display: inline-block;
    font-size: 12px;
    position: relative;
}

.ajout-panier:hover span, .ajout-panier:hover p {
    color: black;
}

.lbl_panier_container {
    position: relative;
}

.ajout-panier .cbk_panier_badge {
    position: absolute;
    top: 0px;
    background: #20a75f;
    border-radius: 100%;
    color: white;
    width: 15px;
    height: 15px;
    line-height: 13px;
    left: 22px;
    font-size: 10px;
}

#home_reinsurance_wrapper div div {
    display: inline-block;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 0;
    margin: 0 5.6%;
}

    #home_reinsurance_wrapper div div:nth-child(2) {
        padding-left: 36px;
        background: url(/images/secu-rassu.png) no-repeat left center;
    }

    #home_reinsurance_wrapper div div:nth-child(3) {
        padding-left: 36px;
        background: url(/images/shop-rassu.png) no-repeat left center;
    }

    #home_reinsurance_wrapper div div:nth-child(4) {
        padding-left: 36px;
        background: url(/images/tel-rassu.png) no-repeat left center;
    }



#home_reinsurance_wrapper div {
    text-align: center;
    font-size: 0;
}

    #home_reinsurance_wrapper div div b {
        font-weight: bold;
        font-size: 15px;
    }

#home_reinsurance_wrapper > div > div:nth-of-type(1) > b:nth-of-type(2) {
    font-size: 15px;
    margin: 0 0 0 5px;
}

    #home_reinsurance_wrapper > div > div:nth-of-type(1) > b:nth-of-type(2)::before {
        content: "4.6";
    }

#home_reinsurance_wrapper > div > div:nth-of-type(1) > b:nth-of-type(2) {
    font-size: 15px;
}

.ranking_star::after {
    color: #CCC;
}

.ranking_star::after, .ranking_star::before {
    height: 20px;
}

.ranking_star0::after, .ranking_star5::before {
    content: "\2605\2605\2605\2605\2605";
}

élément {
}

.ranking_star {
    color: #F90;
    display: inline-block;
    font-size: 18px !important;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    width: 80px;
    font-family: Arial, sans-serif;
}


.ajout-panier .cbk_panier_badge {
    position: absolute;
    top: 2px;
    background: #EE2D24;
    border-radius: 100%;
    color: white;
    width: 15px;
    height: 15px;
    line-height: 15px;
    left: 11px;
    font-size: 10px;
    font-weight: bold;
}

.ajout-panier:hover .cbk_panier_badge {
    color: white;
}

#header_infos_bar > div {
    font-size: 0;
    line-height: 20px;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    text-align: center;
}

    #header_infos_bar > div > a::before, #header_infos_bar > div > span::before {
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        top: 0;
        width: 20px;
    }

    #header_infos_bar > div > a::before, #header_infos_bar > div > span::before, #header_main_content > div > div:nth-of-type(n+3) > a::before, #header_main_content > div > div:nth-of-type(n+3) > span::before, #search_bar_form > em, #search_bar_form_404 > em, #slideshow_content_container div a, #home_reinsurance_wrapper > div > div:nth-of-type(n+2) > b:nth-of-type(1)::before, #home_shop_wrapper > div > div:nth-of-type(n+2)::after, #home_info_wrapper > div > div > b:nth-of-type(1)::before, #home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a, #datasheet_wrapper > div.datasheet_container > div:nth-of-type(2) > div.datasheet_info_product_wrapper > div.box_01 > b::before, .facebook_connect::before, .google_connect::before, .col_left_filters ul li, #datasheet_wrapper > div.datasheet_container > div:first-child > div:nth-of-type(2) > div:first-child > div.img_container::after, #delivery_informations em, .btn_counter_small, .btn_counter_big em, .btn_css3::after, #footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span {
        background-image: url(https://grosbill.com/images/sprite.png);
        background-repeat: no-repeat;
    }

#header_infos_bar_site_access::before {
    background-position: -805px -145px;
    left: 0;
}

#header_infos_bar_help::before {
    background-position: -895px -145px;
    left: 5px;
}

#header_infos_bar_phone_number::before {
    background-position: -835px -145px;
    left: 5px;
}

#header_infos_bar > div > a, #header_infos_bar > div > span {
    color: #CCC;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    vertical-align: top;
}

#header_infos_bar_msg {
    border-left: 1px solid #777;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    padding-right: 0px;
}

    #header_infos_bar_msg > span {
        color: #FD0;
    }

#header_infos_bar > div > a, #header_infos_bar > div > span {
    color: #CCC;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    vertical-align: top;
}

#header_infos_bar_help, #header_infos_bar_phone_number {
    border-left: 1px solid #777;
    margin: 0 0 0 10px;
    padding: 0 0 0 25px;
}

élément {
}

#header_infos_bar > div > a, #header_infos_bar > div > span {
    color: #CCC;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    vertical-align: top;
}

#header_infos_bar_site_access {
    padding: 0 0 0 20px;
}

.burger-menu {
    display: none;
}

.fixedTop .burger-menu {
    display: block;
    float: left;
    margin-top: 12px;
    height: 35px;
    cursor: pointer;
    margin-right: 15px;
}

.burger > div:first-child::after {
    content: "";
    top: -6px;
}

.burger > div:first-child::before {
    content: "";
    top: 6px;
}

.burger-menu > div {
    padding-top: 24px;
}


.burger > div:first-child::after, .burger > div:first-child::before {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    transition: .25s ease;
}

.burger > div {
    left: 50%;
    top: 9px;
    transform: translateX(-50%);
}

    .burger > div, .burger > div:first-child::after, .burger > div:first-child::before {
        background: #000;
        display: block;
        height: 3px;
        position: absolute;
        width: 20px;
    }

.fixedTop .burger-menu {
    color: #333;
    font-size: 11px;
    font-weight: 900;
    position: relative;
}
/* FIN HEADER*/
/* MENU */
.wrapper {
    position: relative;
}

#cbk_menu_panel {
    position: relative;
    z-index: 9990;
    transition: all 0.5s;
}



    #cbk_menu_panel .global-menu:hover .tout-menu-sombre {
        display: block;
    }

        #cbk_menu_panel .global-menu:hover .tout-menu-sombre:hover {
            display: none;
        }

    #cbk_menu_panel .tout-menu-sombre {
        display: none;
        min-height: 100vh;
        position: absolute;
        background: rgba(0,0,0,0.7);
        width: 100%;
        left: 0;
    }

    #cbk_menu_panel .menu-hori:hover .tout-menu-sombre {
        display: block;
        min-height: 100vh;
        position: absolute;
        background: rgba(0,0,0,0.7);
        width: 1000vw;
        left: -200vw;
        top: 45px;
    }

        #cbk_menu_panel .menu-hori:hover .tout-menu-sombre:hover {
            display: none;
        }


    #cbk_menu_panel .gamer.menu-hori:hover .tout-menu-sombre {
        display: none;
    }

    #cbk_menu_panel .gamer.menu-hori:hover .sombre {
        display: none !important;
    }

    #cbk_menu_panel .tout-menu {
        display: none;
        position: absolute;
        margin: 0 auto;
        width: 1280px;
    }

    #cbk_menu_panel .global-menu:hover .tout-menu {
        display: block;
    }

    #cbk_menu_panel .tout-menu {
        display: none;
    }

.content-menu {
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    background: white;
}

.tout-prod {
    text-align: center;
    font-size: 14px;
    background: white url('') no-repeat 90% center;
    box-sizing: border-box;
    padding-right: 10%;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}


#cbk_menu_panel .menu-concept {
    margin-right: 0;
}

.global-menu {
    width: 19.6%;
    float: none;
    text-align: center;
    display: table;
    box-sizing: border-box;
    vertical-align: middle;
}

.portables .sombre ul {
    width: 23%;
}

.menu-gaming.global-menu {
    background: #EE2D24;
}

#cbk_menu_panel .global-menu:hover .tout-menu {
    display: block;
}

.menu-gaming.global-menu a {
    color: white;
    font-weight: 600;
}

.menu-mobile .warp {
    font-size: 0;
    max-height: 45px;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

    .menu-mobile .warp .menu-hori {
        background: #333;
    }

.menu-hori ul:nth-of-type(n+5) li:first-child {
}

.menu-mobile .warp .menu-hori.gamer {
    background: #EE2D24;
}

.global-menu.menu-bureautique .menu-same {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    max-height: 60px;
    display: table-cell;
    vertical-align: middle;
}


.global-menu.menu-bureautique span {
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}



.global-menu a {
    color: white;
    font-weight: 600;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

.menu-hori ul li a span {
    font-weight: normal;
}

.sombre li span {
    font-size: 10px;
    font-family: Nunito, Arial, sans-serif !important;
    text-align: left;
    display: block;
}

#cbk_menu_panel .menu-bureautique.global-menu:hover {
    position: relative;
}

#cbk_menu_panel .menu-bureautique.global-menu ul {
    padding: 10px;
}

.sombre li:first-child span {
    font-weight: 800;
    text-transform: uppercase;
    color: black;
    background: none;
    text-align: left;
    padding: 0px 0px;
    font-size: 15px !important;
    padding-bottom: 5px;
}

.global-menu.menu-bureautique .tout-menu.tout-menu2 li:nth-child(1) span {
    line-height: 20px;
    text-transform: uppercase;
}

#cbk_menu_panel .menu-bureautique.global-menu:hover .tout-menu.tout-menu2 {
    left: 0;
}

#cbk_menu_panel .menu-bureautique .tout-menu-sombre {
    width: 5000vh;
    left: -1000%;
}

.sombre li:first-child span {
    text-transform: uppercase;
    color: black;
}

.menu-config {
    background: #20a75f;
}

    .menu-config:hover {
        background: #416d81;
    }

    .menu-config a {
        background: url('') no-repeat 21% center;
        padding-left: 14%;
    }

.menu-concept {
    background: black;
}

    .menu-concept a {
    }

#sticker {
    clear: both;
    border-bottom: 1px solid #ccc;
}

.clear2-mob {
    clear: both;
}

.menu-mob-fixe {
    clear: both;
    background: blue;
    text-align: center;
    font-size: 0px;
    height: 57px;
    width: 100%;
}


.menu-hori.pc-bureau {
    /*display:none;*/
}


.menu-hori.portable ul {
    width: 23%
}


.menu-hori.pc-bureau ul li img {
    display: block;
}








.content-menu .menu-hori.pc-bureau.hover .sombre {
    top: 500px;
    width: 80.48%;
}

.content-menu .menu-hori.hover .sombre {
    width: 80.48%;
}

.menu-hori.univ-g ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 16px;
}

    .menu-hori.univ-g ul li img {
        display: block;
    }

    .menu-hori.univ-g ul li:first-child {
        display: none;
    }


    .menu-hori.univ-g ul li:nth-child(5) {
        margin-right: 0;
    }

    .menu-hori.univ-g ul li:nth-child(9) {
        margin-right: 0;
    }


    .menu-hori.univ-g ul li a {
        background: #333;
        display: block;
        color: #20a75f;
        line-height: 20px;
        font-size: 12px;
        font-weight: 600;
        font-family: Nunito, Arial, sans-serif !important;
    }

    .menu-hori.univ-g ul li:hover a {
        background: #20a75f;
        color: #333;
    }

.menu-hori ul li {
    overflow: hidden;
}

    .menu-hori ul li img {
        transition: all 0.5s;
    }

    .menu-hori ul li:hover img {
        transform: scale(1.025);
    }


.menu-hori.composants ul {
}


.menu-hori.imprimantes ul {
}


.menu-hori.peripheriques ul {
}



.menu-hori.tablettes .sombre ul {
    width: 23%;
}



.menu-hori.logiciels ul {
    width: 23%;
}


.menu-hori.stockage ul {
    width: 23%;
}



.menu-hori.tv ul {
    width: 23%;
}

.menu-hori.conso ul {
    width: 23%;
}


.menu-hori {
    font-size: 12px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    display: table !important;
    width: 19.6%;
    border-radius: 13px 6px 20px 13px !important;
}

    .menu-hori:last-child {
        border-bottom: none;
    }


.menu-mobile .warp .menu-hori.univ-g {
    background: #EE2D24;
}

.menu-mobile .warp .menu-bonplan {
    background: #298;
}

.fixedTop {
    position: fixed;
    top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#cbk_menu_panel.fixedTop .tout-menu-sombre {
    width: 9000%;
    left: -2000%;
    top: 54px;
}

#cbk_menu_panel.fixedTop {
    margin-top: 0;
    z-index: 9999;
    position: fixed;
}

    #cbk_menu_panel.fixedTop .tout-menu {
        left: -150px;
        top: 54px;
    }

.fixedTop .cbk_logo {
    float: left;
    margin-top: 6px;
    width: 130px;
}

.fixedTop .menu-gaming {
    display: none;
}

.fixedTop .menu-same {
    display: none;
}

.fixedTop .banner_top_only {
    float: left;
    margin-top: 5px;
    margin-left: 50px;
}

.fixedTop .ajout-panier {
    margin-top: 5px;
}

.fixedTop .block-search {
    float: left;
    margin-top: 6px;
    margin-left: 0px;
}



.fixedTop .moncompte {
    width: auto;
}


.fixedTop #_ctl0_tbx_recherche {
    width: 720px;
}

.fixedTop #cbk_menu_panel .tout-menu-sombre {
    width: 1000%;
    left: -200%;
}

.l-grosbill {
    float: left;
}

.img-index img {
    vertical-align: middle;
}

#home_link_wrapper {
    background: #333;
    border-bottom: 1px solid #CCC;
    padding: 15px 0;
}

    #home_link_wrapper > div:first-child > div > h2 {
        border-bottom: 1px solid #FFF;
        color: #FFF;
        display: block;
        font-size: 16px;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
    }

        #home_link_wrapper > div:first-child > div > h2 > a {
            color: #FFF;
            font-weight: bold;
        }

    #home_link_wrapper > div:first-child > div > ul > li > a {
        color: #FFF;
        font-size: 12px;
        line-height: 16px;
    }

    #home_link_wrapper > div:first-child > div:first-child {
        margin: 0;
    }

    #home_link_wrapper > div:first-child > div {
        display: inline-block;
        margin: 0 0 0 20px;
        text-align: left;
        width: 18%;
        vertical-align: top;
    }



    #home_link_wrapper > div:nth-of-type(2) {
        padding: 0 0 30px 0;
        text-align: justify;
    }

    #home_link_wrapper > div {
        color: #CCC;
        margin: 0 auto;
        font-size: 0;
    }

        #home_link_wrapper > div:first-child > div.seo-bot {
            width: 100%;
            margin-left: 0;
            font-size: 12px;
            margin-top: 30px;
            line-height: 15px;
        }

.home_info_wrapper {
    background: #FFF;
}


    .home_info_wrapper > div > div:nth-of-type(1) > b::before {
        background-position: -805px -273px;
    }

    .home_info_wrapper > div > div > b::before {
        background-image: url('');
        background-repeat: no-repeat;
    }

    .home_info_wrapper > div > div > b::before {
        content: "";
        display: inline-block;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    .home_info_wrapper > div > div:nth-of-type(1) > div {
        margin: 0 0 10px 0;
    }

    .home_info_wrapper > div > div > div > b {
        color: #333;
        font-size: 14px;
    }

    .home_info_wrapper > div > div:nth-of-type(1) > div > span {
        color: #EE2D24;
        font-size: 16px;
        font-weight: bold;
    }

    .home_info_wrapper > div > div > p {
        margin: 0 0 10px 0;
    }

    .home_info_wrapper > div > div > ul > li > a, .home_info_wrapper > div > div > ul > li > span {
        color: #333;
        display: inline-block;
        font-weight: bold;
        line-height: 20px;
        padding: 0 0 0 15px;
        position: relative;
    }

    .home_info_wrapper > div > div:nth-of-type(n+2) {
        margin: 0 0 0 35px;
    }

    .home_info_wrapper .warp {
        text-align: center;
    }

    .home_info_wrapper > div > div {
        color: #555;
        display: inline-block;
        font-size: 12px;
        vertical-align: top;
        text-align: left;
        width: 300px;
    }

.footer_wrapper {
    background: #333;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
}

    .footer_wrapper > div:first-child > a:first-child::before {
        display: none;
    }



    .footer_wrapper > div:first-child > a:first-child::before {
        display: none;
    }

    .footer_wrapper > div:first-child > a::before {
        color: #888;
        content: "\2022";
        margin: 0 5px;
        font-family: Arial, sans-serif;
    }



    .footer_wrapper > div:first-child > a {
        color: #FFF;
        font-size: 11px;
    }

#footer_wrapper > div:nth-of-type(2) > div:first-child + div > a, #footer_wrapper > div:nth-of-type(2) > div:first-child + div > span {
    margin: 0 0 0 15px;
}

#footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span {
    float: left;
    height: 25px;
    margin: 0 0 0 10px;
}

#header_infos_bar > div > a::before, #header_infos_bar > div > span::before, #header_main_content > div > div:nth-of-type(n+3) > a::before, #header_main_content > div > div:nth-of-type(n+3) > span::before, #search_bar_form > em, #search_bar_form_404 > em, #slideshow_content_container div a, #home_reinsurance_wrapper > div > div:nth-of-type(n+2) > b:nth-of-type(1)::before, #home_shop_wrapper > div > div:nth-of-type(n+2)::after, #home_info_wrapper > div > div > b:nth-of-type(1)::before, #home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a, #datasheet_wrapper > div.datasheet_container > div:nth-of-type(2) > div.datasheet_info_product_wrapper > div.box_01 > b::before, .facebook_connect::before, .google_connect::before, .col_left_filters ul li, #datasheet_wrapper > div.datasheet_container > div:first-child > div:nth-of-type(2) > div:first-child > div.img_container::after, #delivery_informations em, .btn_counter_small, .btn_counter_big em, .btn_css3::after, #footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span {
    background-image: url(https://grosbill.com/images/sprite.png);
    background-repeat: no-repeat;
}

#slideshow_slide_container, #slideshow_link, #informations_column > div > a, #informations_column > div > span, #additional_pages .additional_pages_spacer, .img_container_330 em, .img_container_330 div, #delivery_informations em, .btn_counter_big em, .mask_v3_col_h_5p_double_spacer, .tdg_mask_horizontal_product > table > tbody > tr > td.spacer, #footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span, .clear {
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#footer_wrapper > div:nth-of-type(2) > div {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
}


#footer_wrapper > div:nth-of-type(2) {
    display: table;
    height: 45px;
    margin: 10px auto;
    overflow: hidden;
}

    #footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span {
        float: left;
        height: 25px;
        margin: 0 0 0 10px;
    }


    #slideshow_slide_container, #slideshow_link, #informations_column > div > a, #informations_column > div > span, #additional_pages .additional_pages_spacer, .img_container_330 em, .img_container_330 div, #delivery_informations em, .btn_counter_big em, .mask_v3_col_h_5p_double_spacer, .tdg_mask_horizontal_product > table > tbody > tr > td.spacer, #footer_wrapper > div:nth-of-type(2) > div > a, #footer_wrapper > div:nth-of-type(2) > div > span, .clear {
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
    }



.footer_carte_eurocard_mastercard {
    width: 42px;
    background-position: -410px -495px;
}

.footer_carte_bleue_visa {
    width: 54px;
    background-position: -310px -495px;
}

.footer_carte_paypal {
    width: 66px;
    background-position: -470px -495px;
}

.footer_colissimo {
    width: 33px;
    background-position: -670px -495px;
}

.footer_chronospot {
    width: 44px;
    background-position: -730px -495px;
}

.keep_for_web, .keep_for_mag, .client_is_log, .client_is_not_log {
    display: none !important;
}

#footer_wrapper > div:nth-of-type(3) {
    color: #333;
    height: 20px;
    line-height: 20px;
    margin: 0 0 10px 0;
    text-align: center;
}

    #footer_wrapper > div:nth-of-type(3) > a:first-child::before, #footer_wrapper > div:nth-of-type(3) > span:first-child::before {
        display: none;
    }

    #footer_wrapper > div:nth-of-type(3) > a::before, #footer_wrapper > div:nth-of-type(3) > span::before {
        color: #333;
        content: "\2022";
        margin: 0 5px;
        font-family: Arial, sans-serif;
    }





    #footer_wrapper > div:nth-of-type(3) > a, #footer_wrapper > div:nth-of-type(3) > span {
        color: #333;
        font-size: 11px;
        cursor: pointer;
    }

.footer_e-carte_bleue {
    width: 76px;
    background-position: -220px -495px;
}

.footer_carte_bleue {
    width: 36px;
    background-position: -164px -495px;
}

.home_info_wrapper > div > div > b {
    border-bottom: 1px solid #CCC;
    color: #333;
    display: block;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 25px;
    position: relative;
    font-weight: bold;
    line-height: 16px;
}




.home_info_wrapper > div > div > ul > li > a::before, .home_info_wrapper > div > div > ul > li > span::before {
    content: "\25BA";
    font-size: 8px;
    left: 0;
    position: absolute;
    font-family: Arial, sans-serif;
}

.home_info_wrapper > div > div > ul > li > a:hover, .home_info_wrapper > div > div > ul > li > span:hover {
    color: #EE2D24;
}


.home_info_wrapper > div > div:nth-of-type(2) > b::before {
    background-position: -835px -273px;
}

.home_info_wrapper > div > div > form > input {
    margin: 0;
    padding: 10px 76px 10px 16px;
}

.home_info_wrapper select, .home_info_wrapper input {
    height: 40px;
}

.home_info_wrapper > div > div > div > b {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.home_info_wrapper > div > div {
    color: #555;
    font-size: 12px;
}

    .home_info_wrapper > div > div > #get_email {
        border-bottom: 1px solid #CCC;
        display: block;
        font-size: 0;
        box-sizing: border-box;
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        position: relative;
    }

.home_info_wrapper select, .home_info_wrapper input, .home_info_wrapper textarea {
    background: #FFF;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 14px;
    margin: 0 0 0px 0;
    outline: 0;
    padding: 10px 16px;
    transition: box-shadow .5s ease,border .5s ease;
    width: 100%;
    box-sizing: border-box;
}


.home_info_wrapper > div > div > #get_email > span {
    background: #333;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    color: #FFF;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 60px;
}


.home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a, .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a {
    background-repeat: no-repeat;
    background-image: url(https://grosbill.com/images/sprite.png);
}


#home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a {
    background-repeat: no-repeat;
    background-image: url(https://grosbill.com/images/sprite.png);
}

.home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(3)::before {
    background: #CCC;
    content: "";
    display: inline-block;
    height: 38px;
    left: -21px;
    position: absolute;
    top: 0;
    width: 1px;
}

.home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(3) > span {
    color: #000;
}

.home_info_wrapper > div > div:nth-of-type(2) > div {
    margin: 0 0 10px 0;
}

    .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a {
        display: inline-block;
        height: 38px;
        vertical-align: top;
        width: 38px;
    }

        .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:first-child {
            background-position: -35px -301px;
        }

    .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) {
        font-size: 0;
        margin: 0;
        margin-bottom: 10px;
    }

        .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a {
            display: inline-block;
            height: 38px;
            vertical-align: top;
            width: 38px;
        }

            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(3)::after {
                border-bottom: 1px solid #333;
                bottom: 0;
                content: "";
                display: block;
                left: 48px;
                position: absolute;
                width: 25px;
            }

            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(3)::before {
                background: #CCC;
                content: "";
                display: inline-block;
                height: 38px;
                left: -21px;
                position: absolute;
                top: 0;
                width: 1px;
            }


            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(3) {
                background-position: -185px -301px;
                color: #888;
                font-size: 12px;
                padding: 0 0 0 48px !important;
                position: relative;
                margin: 0 0 0 41px !important;
                width: auto;
            }

            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(n+2) {
                margin: 0 0 0 10px;
            }

        .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a {
            display: inline-block;
            height: 38px;
            vertical-align: top;
            width: 38px;
        }

            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(2) {
                background-position: -85px -301px;
            }


            .home_info_wrapper > div > div:nth-of-type(2) > div:nth-of-type(n+2) > a:nth-of-type(n+2) {
                margin: 0 0 0 10px;
            }

.home_services_wrapper {
    background: #333;
    margin: 0 auto;
    overflow: hidden;
}

#home_services_wrapper > h2 {
    color: #FFF;
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    font-weight: bold;
}

#home_services_wrapper > div {
    font-size: 0;
    padding: 0 6px 25px 6px;
    text-align: center;
}

    #home_services_wrapper > div > div:nth-of-type(3) {
        background-image: url(/images/6bf5a5000726b3255c80d7727ccd9558.jpg);
    }

    #home_services_wrapper > div > div:first-child {
        background-image: url('');
        background-position: -316px 0;
    }

    #home_services_wrapper > div > div {
        background-color: #FFF;
        background-repeat: no-repeat;
        color: #333;
        display: inline-block;
        font-size: 12px;
        height: 320px;
        margin: 0 5px;
        padding: 170px 20px 20px 20px;
        position: relative;
        text-align: left;
        vertical-align: top;
        width: 316px;
        box-sizing: border-box;
    }

        #home_services_wrapper > div > div > div {
            background: #0db25b;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            color: #FFF;
            font-weight: 900;
            height: 20px;
            line-height: 20px;
            padding: 0 5px;
            position: absolute;
            top: 10px;
            right: 10px;
        }

        #home_services_wrapper > div > div > h3 {
            color: #000;
            font-size: 12px;
            font-weight: bold;
            margin: 0 0 5px 0;
        }

        #home_services_wrapper > div > div > ul > li > a::before {
            content: "\25BA";
            font-size: 8px;
            left: 0;
            position: absolute;
            font-family: Arial, sans-serif
        }

.btn_jean_bob::after {
    content: "\25BA";
    font-size: 8px;
    position: absolute;
    right: 10px;
    font-family: Arial, sans-serif
}

#home_shop_wrapper > div > div:nth-of-type(1) {
    vertical-align: middle;
    width: 770px;
}

#home_shop_wrapper > div > div {
    color: #FFF;
    display: table-cell;
    font-size: 12px;
    height: 260px;
    position: relative;
}

    #home_shop_wrapper > div > div:nth-of-type(1) > h2 {
        font-size: 34px;
        margin: 0 0 10px 0;
    }

    #home_shop_wrapper > div > div:nth-of-type(1) > h3 {
        font-size: 16px;
    }

        #home_shop_wrapper > div > div:nth-of-type(1) > h3 > span {
            color: #4a82d3;
        }

    #home_shop_wrapper > div > div:nth-of-type(1) > p {
        color: #FFF;
        font-size: 14px;
        margin: 0 0 25px 0;
    }

    #home_shop_wrapper > div > div:nth-of-type(1) > div {
        font-size: 0;
    }

        #home_shop_wrapper > div > div:nth-of-type(1) > div > div {
            color: #CCC;
            display: inline-block;
            font-size: 12px;
            vertical-align: top;
            margin-right: 25px;
            margin-bottom: 8px;
            width: 30%;
        }

            #home_shop_wrapper > div > div:nth-of-type(1) > div > div > b {
                color: #FFF;
                font-weight: 600;
            }

    #home_shop_wrapper > div > div:nth-of-type(3) {
        position: relative;
        vertical-align: top;
        width: 200px;
    }

#home_shop_wrapper > div > div {
    color: #FFF;
    display: table-cell;
    font-size: 12px;
    height: 260px;
    position: relative;
    text-align: left;
}


    #home_shop_wrapper > div > div:nth-of-type(3)::after {
        background-image: url(https://grosbill.com/images/sprite.png);
        background-repeat: no-repeat;
    }


    #home_shop_wrapper > div > div:nth-of-type(3)::after {
        background-position: -240px -115px;
        bottom: 0;
        content: "";
        display: block;
        height: 154px;
        position: absolute;
        right: 0;
        width: 127px;
        z-index: 30;
    }

/*    #home_shop_wrapper > div > div:nth-of-type(3) > div::after {
        background: #333;
        border-bottom-left-radius: 40px 50px;
        bottom: -31px;
        content: "";
        height: 32px;
        left: 5px;
        position: absolute;
        transform: rotate(47deg);
        width: 60px;
        z-index: 20;
    }*/

/*    #home_shop_wrapper > div > div:nth-of-type(3) > div::before {
        background: #4a82d3;
        border-bottom-left-radius: 80px 50px;
        bottom: -15px;
        content: "";
        height: 30px;
        left: -9px;
        position: absolute;
        transform: rotate(47deg);
        width: 60px;
        z-index: 10;
    }*/

#home_shop_wrapper {
    background: #333;
    height: 260px;
    margin: 0;
    width: 978px;
    margin: 0 auto;
    position: relative;
}

    #home_shop_wrapper > div > div:nth-of-type(1) > div > div > a, #home_shop_wrapper > div > div:nth-of-type(1) > div > div > span {
        color: #CCC;
    }

/*    #home_shop_wrapper > div > div:nth-of-type(3) > div {
        background: #4a82d3;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        border-radius: 70px;
        color: #FFF;
        font-size: 0;
        height: 140px;
        line-height: 140px;
        padding: 25px 20px 30px 10px;
        position: absolute;
        right: 0;
        text-align: right;
        top: -20px;
        width: 140px;
        box-sizing: border-box;
    }

        #home_shop_wrapper > div > div:nth-of-type(3) > div > div {
            display: inline-block;
            font-size: 12px;
            line-height: 14px;
            position: relative;
        }*/

#home_services_wrapper > div > div > a, #home_services_wrapper > div > div > span {
    bottom: 20px;
    position: absolute;
}

.btn_jean_bob {
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px 25px 2px 10px;
    position: relative;
    text-decoration: none !important;
    white-space: nowrap;
}

#home_services_wrapper > div > div > ul > li > a {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    padding: 0 0 0 15px;
    position: relative;
}

#home_services_wrapper > div > div > p, #home_services_wrapper > div > div > ul > li > a {
    color: #333;
    line-height: 14px;
    font-size: 12px;
}


.home_info_wrapper > div > div:nth-of-type(2) > div {
    font-weight: bold;
    margin: 0 0 10px 0;
}




#home_link_wrapper > div:first-child > div.seo-bot a {
    text-decoration: underline;
    color: #CCC;
}

.r-grosbill {
    float: right;
}

    .r-grosbill a, .l-grosbill a {
        display: block;
    }

.global-menu .tout-prod-fixed {
    display: none;
}

.fixedTop .global-menu .tout-prod {
    display: none;
}

    .fixedTop .global-menu .tout-prod.tout-prod-fixed {
        display: block;
        border-radius: 0;
    }

.fixedTop .tout-prod {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: #333 url('') no-repeat 10% center;
    padding-left: 10%;
    padding-right: 0;
    color: white;
    line-height: 46px;
}







.menu-hori.hover {
    background: white url('') no-repeat 98% center;
    border-right: 0px solid #ccc;
}

.menu-hori .sous-menu-titre {
    vertical-align: middle;
    height: 45px;
    display: table-cell;
    color: #FFF;
    font-size: 11px;
}

.menu-hori legend {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}



.menu-hori:hover .sombre {
    display: block;
}

.menu-hori legend p {
    text-transform: uppercase;
    font-family: Nunito, Arial, sans-serif !important;
    font-size: 11px;
    color: white;
    font-weight: bold;
}

.menu-hori a {
    color: #888
}

.menu-hori ul {
    cursor: default;
    font-size: 0;
    padding: 10px 20px 10px !important;
    width: 19% !important;
}

.menu-hori.hover ul,
.menu-hori:hover ul {
    display: block;
    position: absolute;
    background: white;
    z-index: 1001;
    left: 0;
    text-align: left;
    padding: 0 9px 10px 8px;
    box-shadow: 0px 3px 10px #aaa;
}

.menu-hori ul li {
    text-align: left;
    margin-top: 10px;
}




.menu-hori:last-child ul {
    right: 0;
    left: initial;
}

[class^="nav-button"] {
    display: block;
    z-index: 1;
    height: 27px;
    background: url(../images/menu-mob.png) no-repeat;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding-left: 36px;
    line-height: 27px;
    text-transform: uppercase;
}

.menu-mobile {
    display: flex;
    width: 100%;
    background: #333;
}

.sidebar {
    width: 100%;
    background: #333;
}

.fixedTop .sidebar {
    background: #333;
    height: 0;
    border: none;
    /*display: none;*/
}

.hack_header {
    clear: both;
}

.menu-hori ul li {
    text-align: left;
    margin-top: 5px;
    position: relative;
    color: #888;
    display: block;
    line-height: 14px;
    padding: 0 0 0 10px;
    position: relative;
    font-weight: 600;
}

    .menu-hori ul li:hover {
        color: #EE2D24;
        text-decoration: underline;
    }

    .menu-hori ul li:first-child {
        text-align: left;
        margin-top: 0px;
        position: relative;
        line-height: 14px;
        padding: 0 0 0 0px;
    }


        .menu-hori ul li:first-child::before {
            display: none;
        }

    .menu-hori ul li a span:hover {
        color: #EE2D24;
    }
    /*
    .menu-hori ul li::before {
        content: "\25BA";
        font-size: 7px;
        left: 0;
        position: absolute;
        font-family: Arial, sans-serif;
    }
*/


    .menu-hori ul li::before {
        content: "";
        width: 5px;
        height: 5px;
        background: #AAA;
        font-size: 7px;
        left: 0;
        top: 5px;
        border-radius: 50px;
        position: absolute;
        font-family: Arial, sans-serif;
    }


.icone-menu {
    float: left;
    margin-right: 32px;
}

.question-mob {
    display: block;
    background: url(../images/question-mob.png) no-repeat 0 center;
}

    .question-mob:hover {
        display: block;
        background: url(../images/question-mob-hover.png) no-repeat 0 center;
    }

.magasin-mob {
    display: block;
    background: url(../images/magasin-mob.png) no-repeat 0 center;
}

    .magasin-mob:hover {
        display: block;
        background: url(../images/magasin-mob-hover.png) no-repeat 0 center;
    }

.compte-mob {
    display: block;
    background: url(../images/moncompte-mob.png) no-repeat 0 center;
}

    .compte-mob:hover {
        display: block;
        background: url(../images/moncompte-mob-hover.png) no-repeat 0 center;
    }

.services-mob {
    display: block;
    background: url(../images/rep-sous-mag-mob.png) no-repeat 0 center;
}

    .services-mob:hover {
        display: block;
        background: url(../images/rep-sous-mag-mob-hover.png) no-repeat 0 center;
    }

.icone-menu a {
    color: white;
    text-transform: uppercase;
    line-height: 35px;
    padding-left: 36px;
    height: 35px;
}


.icone-menu-mob .icone-menu:first-child {
    margin-top: -2px;
}

.icone-menu a:hover {
    color: #20a75f;
}

[class^="nav-button"]:hover {
    color: #20a75f;
}

.logo {
    margin-bottom: 25px;
}


.ajout-panier .lbl_panier_container img {
    width: 31px;
}

.icone-menu-mob {
    overflow: hidden;
    margin: 10px 0;
    clear: both;
}

.wrapper {
    transition: transform .2s;
}

.icone-menu-mob {
    display: none;
}

/* here's goes the push left effect */
#body:target .wrapper {
    transition: right 0.5s;
    z-index: 1;
}

#pimg {
    float: left;
    width: 230px;
    margin-top: 18px;
}

.nav-button-close,
#body:target .nav-button-open {
    display: none;
}

.nav-button-open,
#body:target .nav-button-close {
    display: block;
}

/* FIN MENU */


/* SLIDER */
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}

.callbacks_nav {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: url('') no-repeat left top;
    transform: translateY(-50%);
}

    .callbacks_nav:hover {
        background: url('') no-repeat left top;
    }

    .callbacks_nav.next:hover {
        left: auto;
        background-position: right top;
        right: 0;
    }

.callbacks_tabs {
    position: absolute;
    bottom: 2%;
    left: 50%;
    opacity: 1;
    z-index: 3;
    text-decoration: none;
    transform: translateX(-50%);
    width: auto;
}

.slide-mag {
    overflow: hidden;
    position: relative;
}

    .slide-mag img {
        vertical-align: middle;
        width: 100%;
    }

.callbacks_tabs li {
    background: #fff;
    float: left;
    margin: 0 15px;
    border-radius: 100%;
    position: relative;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    opacity: 0.7;
    margin-top: 3px;
}

.callbacks_tabs a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.callbacks_tabs .callbacks_here {
    width: 15px;
    height: 15px;
    opacity: 1;
    margin-top: 0;
}


/* FIN SLIDER */

/* BAR SECURITE */

.bar-assu {
    padding: 15px 0;
    overflow: hidden;
    background: black;
}

    .bar-assu li {
        float: left;
        margin-right: 96px;
    }

    .bar-assu a {
        line-height: 16px;
        color: white;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        vertical-align: middle;
    }

        .bar-assu a p {
            line-height: 16px;
            color: white;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
        }

        .bar-assu a span {
            display: block;
            color: #20a75f;
            text-transform: uppercase;
        }

    .bar-assu img {
        margin-right: 10px;
        display: inline-block;
        max-height: 32px;
        vertical-align: middle;
    }

    .bar-assu li:last-child {
        float: right;
        margin-right: 0px;
    }






/* FIN BAR SECURITE */


/* PRODUIT INDEX */

.carousel-produits {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 0;
    background: white;
}

.promo-titre {
    width: 300px;
    margin: 20px auto 0;
    background: #20a75f;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    position: relative;
    top: 1px;
    line-height: 35px;
    box-sizing: border-box;
}

    .promo-titre a {
        display: block;
        text-transform: uppercase;
    }


    .promo-titre:hover {
        background: #ffe266;
    }

    .promo-titre.bonne-aff {
        background: #20a75f;
    }

        .promo-titre.bonne-aff:hover {
            background: #ffe266;
        }

    .promo-titre.nouveau-index {
        background: #20a75f;
        background-size: 30px;
    }

        .promo-titre.nouveau-index:hover {
            background: #ffe266;
            background-size: 30px;
        }

    .promo-titre.vente-index {
        background: #20a75f;
        background-size: 30px;
    }

        .promo-titre.vente-index:hover {
            background: #ffe266;
            background-size: 30px;
        }

.carousel-produits li {
    display: inline-block;
    width: 255.6px;
    text-align: center;
    background-color: #fff;
    height: 280px;
    position: relative;
}

.carousel-produits img {
    width: 75%;
}

.descriptif .carousel-produits img {
    width: 62%;
    transition: all 0.5s;
}

.fiche-produit .carousel-produits .all_libelle .libelle:last-child {
    line-height: 12px;
}

.carousel-produits a {
    color: black;
    text-align: left;
}

.carousel-produits .all_libelle {
    height: 80px;
    overflow: hidden;
    position: relative;
    padding-top: 7px;
}

    .carousel-produits .all_libelle::before {
        border-bottom: 1px solid #333;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 25px;
    }

.carousel-produits .ui-li-aside {
    line-height: 30px;
}

.carousel-produits .libelle {
    font-size: 11px;
    color: #888;
    line-height: 15px;
}

    .carousel-produits .libelle b {
        text-transform: uppercase;
    }

.btn_css3_picto::after {
    background-position: -566px -746px;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 16px;
    z-index: 10;
}

.tdg_seo {
    color: #888;
    font-size: 10px;
    margin: 0 auto 5px auto !important;
    overflow: hidden;
    text-align: justify;
}

    .tdg_seo .intro-seo a span {
        color: #888 !important;
    }

    .tdg_seo a, .tdg_seo, .tdg_seo span {
        color: #888 !important;
        font-size: 12px;
        line-height: 16px;
    }

        .tdg_seo > h1 {
            padding: 5px 15px;
            background: #EE2D24;
            color: white;
            font-size: 14px;
            margin: 0 0 10px 0;
            font-weight: bold;
        }


.liste-message li p:last-child {
    width: 70%;
}

.reponse-rec p {
    text-align: right;
    width: 70%;
    float: right;
}

}

.btn_css3 {
    background: #20a75f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}

.carousel-produits .ui-li-aside span {
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
}

.carousel-produits .ui-li-aside .prix-barre-home {
    color: #cb192d;
}

.footer .contact-fat p::after {
    display: none;
}

.footer .contact-fat p {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
}

.footer .contact-fat {
    margin-top: 32px;
}

    .footer .contact-fat a {
        background: #20a75f;
        color: black;
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
        border-radius: 5px;
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

        .footer .contact-fat a:hover {
            background: #20a75f url('') no-repeat left center;
        }

.carousel-produits .ui-li-aside .barre {
    font-size: 15px;
    position: relative;
    margin-right: 10px;
    color: black;
    line-height: 20px;
}

.ombre-produit {
    display: none !important;
}

.carousel-produits .ui-li-aside .barre::after {
    width: 60px;
    display: block;
    transform: rotate(-15deg) translate(-50%);
    content: "";
    height: 2px;
    background: #cb192d;
    text-align: center;
    position: absolute;
    left: 50%;
}

.carousel-produits a div:first-child {
    min-height: 0px;
    font-weight: 600;
    color: black;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}

.ombre-produit {
    position: absolute;
    opacity: 0;
    background: rgba(101, 101, 101, 0.3);
    width: 256px;
    height: 255px;
}

    .ombre-produit:hover {
        opacity: 1;
    }

.carousel-produits .img-nouveaute .ombre-produit {
    display: none;
}

.carousel-produits .img-nouveaute {
    transform: scale(1);
    transition: all 0.5s;
}

    .carousel-produits .img-nouveaute:hover {
        transform: scale(1.05)
    }

    .carousel-produits .img-nouveaute img {
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
/*
.carousel-produits li:first-child {
    display: none;
}*/



rousel-produits li:hover .ombre-produit {
    opacity: 1;
}

.carousel-produits .ombre-produit p {
    background: rgba(36, 36, 36, 0.5);
    top: 40%;
    transform: translateY(-50%);
    padding: 10px 0;
    position: absolute;
    color: white;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
}

.carousel-produits .img-nouveaute .ombre-produit p {
    top: 50%;
}

.carousel-produits .ombre-produit p:hover {
    background: rgba(36, 36, 36, 1);
}

.bar-assu-mob {
    display: none;
}

.formulaire_login_c .ui-mini.crea-compte input {
    background-color: #333;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #333;
}

.formulaire_login_c .ui-mini.crea-compte:hover input {
    background-color: #fff;
    color: #333;
}



/* IMG INDEX*/

.img-index {
    padding: 15px;
    background: white;
    overflow: hidden;
    margin: 0 0 15px 0;
}


    .img-index .block-index-l {
        width: 535px;
        height: 347px;
    }

    .img-index .block-index-r {
        width: 729px;
        height: 167px;
    }

    .img-index a img {
        transform: scale(1.00);
        transition: all 0.5s;
    }

    .img-index a:hover img {
        transform: scale(0.98);
    }

.img-index-l {
    float: left;
}

.img-index-r {
    float: right;
    width: 729px;
}

.img-index .sep-hori {
    margin: 6px 0 5px;
}

/* FIN IMG INDEX */

/* CONTENT-index */

.woorank_txt_home {
    margin: 25px 0
}

    .woorank_txt_home h1, .woorank_txt_home h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .woorank_txt_home p {
        text-align: justify;
        font-size: 12px;
        line-height: 16px;
    }

        .woorank_txt_home p a {
            font-weight: 600;
        }

.encarts_bottom div {
    float: left;
    width: 312px;
    height: 253px;
    margin-right: 10px;
}

    .encarts_bottom div img {
        transform: scale(1.00);
        transition: all 0.5s;
    }


    .encarts_bottom div:hover img {
        transform: scale(0.98);
    }

    .encarts_bottom div:last-child {
        float: right;
        width: 312px;
        margin-right: 0px;
    }

.encarts_bottom {
    margin: 25px 0;
}

    .encarts_bottom div img {
        width: 100%;
        vertical-align: middle;
        border: 1px solid #ccc;
    }
/* Fin Content-index */

/* FOOTER */
footer {
}

.news_cont {
    background: white;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.news_left span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.news_left {
    display: inline-block;
    padding: 7px 0 5px 24px;
    line-height: 12px;
    color: #333;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
    width: 280px;
    background: url('') no-repeat left center;
    text-align: left;
}

.table_newsletter {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.mentions-newsletter a {
    font-size: 9px;
    color: #787878;
    text-decoration: none;
}

#_ctl0_tbx_email {
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #333;
    width: 180px;
    border: 1px #ccc solid;
    padding: 5px 20px 5px 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

button.button_newsletter {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: black url('') no-repeat -500px center;
    filter: none;
    overflow: hidden;
    padding: 10px 13px 9px;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    float: left;
    border-radius: 0;
    font-family: "Arial";
    height: 40px;
    color: white;
}

    button.button_newsletter:hover {
        background: black url('') no-repeat left center;
        color: white;
    }

.menu-mobile .warp .menu-hori.soldemenu {
    background: #298;
}

.copy-right {
    background: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-weight: 300;
    font-size: 13px;
}

.footer {
    background: black;
    overflow: hidden;
}

    .footer p {
        text-transform: uppercase;
        color: white;
        margin-bottom: 10px;
    }

        .footer p::after {
            display: block;
            margin-top: 10px;
            background: white;
            width: 162px;
            height: 1px;
            content: "";
        }

.foot {
    width: 280px;
    float: left;
    margin: 25px 40px 25px 0;
}

    .foot li {
        color: white;
        font-size: 14px;
        padding: 2px 0;
    }

    .foot a {
        color: white;
        font-size: 12px;
    }

.block_content {
    display: inline-block;
    margin-top: 10px;
}

button.subscribe {
    background: #333;
    border: 0 none;
    filter: none;
    overflow: hidden;
    padding: 8px 13px;
    cursor: pointer;
    font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
    color: #fff;
    float: left;
    border-radius: 0;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

    button.subscribe:hover {
        background: #f0f0f0;
        color: #333
    }

        button.subscribe:hover span {
            color: #333
        }

    button.subscribe span {
        color: #FFFFFF;
        font-size: 12px;
        letter-spacing: 1px;
    }

.copy-right {
    background: #333;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-weight: 300;
    font-size: 13px;
}

.style-leh3 {
    display: none;
}

.paiement-panier .style-leh3 {
    display: block;
}

.paiement-panier .copy-right {
    display: none;
}

.footer {
    background: white;
    overflow: hidden;
    clear: both;
    width: 100%;
}

    .footer p {
        text-transform: uppercase;
        color: white;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: left;
        font-size: 14px;
    }

        .footer p::after {
            display: block;
            margin-top: 10px;
            background: white;
            width: 162px;
            height: 1px;
            content: "";
        }

.foot {
    width: auto;
    float: left;
    margin: 25px 72px 25px 0;
}

    .foot li {
        color: white;
        font-size: 14px;
        padding: 2px 0;
    }

    .foot a, .foot span {
        color: white;
        font-size: 12px;
    }

#res_news {
    text-align: center;
    color: #20a75f;
    display: none;
}

.logo-f li {
    display: inline-block;
    height: 31px;
    width: 31px;
    margin-right: 15px;
    overflow: hidden;
}

.logo-f .face a {
    background: url('') no-repeat 0 0;
    display: block;
    height: 31px;
    width: 31px;
    transition: all 0.5s;
}

.logo-f .face:hover a {
    background: url('') no-repeat 0 -62px;
}

.logo-f .twit a {
    background: url('') no-repeat 0 -124px;
    display: block;
    height: 31px;
    width: 31px;
    transition: all 0.5s;
}

.logo-f .twit:hover a {
    background: url('') no-repeat 0 -186px;
}


/* FIN FOOTER*/

/* PAGE CATEGORIE */

#content_product .bar-assu {
    margin: 5px 0;
}

.fil-ariane {
    font-size: 12px;
    margin: 10px 0;
}

.fiche_link, .fiche_link p {
    color: #000;
    font-size: 12px;
}

.fil-ariane td {
    padding-right: 10px;
    color: #838383;
}

    .fil-ariane td:last-child a {
        color: #20a75f;
    }

    .fil-ariane td:last-child span {
        color: #a8a8a8;
        font-weight: 500;
        text-transform: uppercase;
    }

    .fil-ariane td:last-child p {
        color: #20a75f;
    }

.categorie-r {
    width: 980px;
    float: right;
}

.selection_top #dv_prix {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}

.filt-price {
    margin-bottom: 10px;
    border: 1px solid #c5c5c5;
    background: white;
    margin-top: 0px;
}

.categorie-filtre.lst_grid .avis-fiche .prod_txt_left {
    height: auto;
}

.selection_top .slc div {
    background: white;
}

    .selection_top .slc div tr {
        display: block;
        border-bottom: 1px solid #ccc;
    }

        .selection_top .slc div tr:last-child {
            border-bottom: none;
        }

.selection_top .slc table {
    width: 100%;
}

.selection_top .slc div label {
    margin-left: 5px;
    font-size: 12px;
}


.selection_top .slc {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    max-height: 500px;
    overflow-y: auto;
    background: white;
    box-shadow: -1px 2px 5px #888;
}

}

.selection_top .slc div tr:last-child {
    margin-bottom: 10px;
}


.cbk_cell_align_middle .height-txt-cat .descriptif-cat {
    color: #787878;
    font-size: 10px;
    text-transform: none;
    display: block;
    font-weight: normal;
    height: 24px;
    overflow: hidden;
    line-height: 12px;
}

.prod_background {
    width: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 6px;
    margin-bottom: 10px;
    background: white;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    height: 335px;
}

.categorie-filtre.lst_grid .prod_background:last-child {
    border-bottom: none;
}

.categorie-filtre .prod_background:nth-child(4n) {
    margin-right: 0;
}

.descriptif-cat {
    color: #888;
    text-align: left;
    font-size: 10px;
    display: block;
}



#_ctl0_ContentPlaceHolder1_panel_sous_critere select option {
    padding: 5px 0px 5px 20px;
}

#_ctl0_ContentPlaceHolder1_panel_sous_critere .titre-filtre {
    background: #333;
    padding: 5px 10px;
    margin-top: 0px;
    display: block;
    line-height: 20px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

#_ctl0_ContentPlaceHolder1_panel_sous_critere .slc .titre-filtre {
    cursor: pointer;
}

.paiement-panier .assu-panier {
    display: none;
}

.filtre-prix {
    background: white;
    border: 1px solid #c5c5c5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 15px;
}

.titre-cat .title_fiche_produit {
    background: #333;
    color: #20a75f;
    padding-left: 20px;
    line-height: 35px;
    font-size: 20px;
}

.filtre-prix .titre-filtre {
    margin-bottom: 35px;
}

.title_fiche_produit {
    margin-bottom: 10px;
}

.panier-all-1 .table-stripe {
    background: #FFF;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
    margin: 0 auto 20px auto !important;
    display: table;
    padding: 0;
}

.additional_pages_content table {
    margin: 0 auto 10px auto;
}

.additional_pages_content input {
    height: 40px;
}

.additional_pages_content input {
    background: #FFF;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: none;
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 14px;
    margin: 0 0 10px 0;
    margin-right: 0px;
    margin-bottom: 10px;
    outline: 0;
    padding: 5px 0px;
    transition: box-shadow .5s ease,border .5s ease;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 0;
}

.facebook_connect::before {
    background-position: -27px -357px;
}

.facebook_connect::before, .google_connect::before {
    border-right: 1px solid #FFF;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 10px 0 0;
    vertical-align: top;
    width: 30px;
}

.facebook_connect::before,
.google_connect::before {
    background-image: url('');
    background-repeat: no-repeat;
}


.facebook_connect {
    background: #3b5c9f;
}

.facebook_connect, .google_connect {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 900;
    height: 30px;
    line-height: 20px;
    margin: 0 auto;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
}

    .google_connect::before {
        background-position: -60px -357px;
    }

    .facebook_connect::before, .google_connect::before {
        border-right: 1px solid #FFF;
        content: "";
        display: inline-block;
        height: 20px;
        margin: 0 10px 0 0;
        vertical-align: top;
        width: 30px;
    }

.additional_pages_content input.input_radio[type="radio"]:checked + label::after {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.additional_pages_content input.input_radio[type="radio"]:checked + label::after, .additional_pages_content input.input_checkbox[type="checkbox"]:checked + label::after {
    background: #20a75f;
    content: "";
    height: 10px;
    left: -18px;
    position: absolute;
    top: 5px;
    width: 10px;
}

.additional_pages_content input.input_radio[type="radio"] + label::before {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.additional_pages_content input.input_checkbox[type="checkbox"] + label::before, .additional_pages_content input.input_radio[type="radio"] + label::before {
    background: #FFF;
    border: 1px solid #AAA;
    content: "";
    display: inline-block;
    height: 16px;
    left: -21px;
    position: absolute;
    top: 2px;
    border-radius: 8px;
    box-sizing: border-box;
    width: 16px;
}


.google_connect {
    background: #c73b22;
}

.additional_pages_content b {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.additional_pages_content span {
    display: inline-block;
    vertical-align: middle;
}

.additional_pages_content img {
    vertical-align: middle;
    width: 18px;
    display: inline-block;
    margin-right: 8px;
}

.table-stripe {
    border-collapse: collapse;
    border-spacing: 0;
    float: right;
    text-align: right;
    padding: 12px 10px;
    display: block;
    background: #ccc;
    box-sizing: border-box;
}

.additional_pages_content .box_09 img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}


#_ctl0_ContentPlaceHolder1_gd_liste_produit_btn_voir_dispo {
    /*display:none !important*/
}

.filte-assos {
    background: #333;
    padding: 10px 5px;
}

#_ctl0_ContentPlaceHolder1_dv_links {
}

.pagination-nombre {
    float: left;
}

.cbk_image_liste_produit {
    height: 200px;
    background: white;
    width: 100%;
}

.marque .cbk_image_liste_produit {
    text-align: center;
}

.cbk_image_liste_produit img {
    max-width: 200px;
    max-height: 200px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .height-txt-cat {
    height: auto;
}

.panier {
    display: inline-block;
    vertical-align: middle;
}

.categorie-r .cbk_cell_align_middle .prix-produit span {
    text-align: left;
}

.categorie-r .cbk_cell_align_middle .price_prod_resp {
    text-align: left;
    vertical-align: middle;
}

.nom-produit {
    padding: 0px 10px;
    font-weight: bold;
    text-align: center;
}

    .nom-produit a {
        color: black;
        font-size: 12px;
    }

.prix-produit {
}

.center-dispo span {
    text-align: left;
    font-size: 0;
}


.mob-panier {
    display: none;
}

.categorie-filtre {
}

.categorie-r .categorie-filtre div:nth-child(6n) {
}

.categorie-r .cbk_cell_align_middle div {
    text-align: center;
    font-size: 12px;
}

.categorie-r .cbk_cell_align_middle .prix-produit {
    color: #cb192d;
    font-size: 22px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.lst_grid .abso-pan {
    display: table-cell;
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
}

.abso-pan {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.categorie-r .cbk_cell_align_middle .center-dispo {
    position: absolute;
    bottom: 15px;
}

.categorie-r .cbk_cell_align_middle .prix-produit span {
    color: black;
    font-size: 22px;
}

.chiffre-prod {
    font-weight: 600;
    display: inline;
    font-size: 14px;
}

.categorie-block-r {
    margin-top: 8px;
}

.titre-marque.firstletter {
    padding: 15px 0;
}

.tri-stock {
    background: white url('') no-repeat 4px center;
    cursor: pointer;
    line-height: 26px;
    font-weight: 600;
    padding: 0 4px 0 26px;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    font-family: Nunito, Arial, sans-serif !important;
}

#_ctl0_ContentPlaceHolder1_gd_liste_produit_btn_voir_dispo {
    background: white url('') no-repeat 4px center;
}

.categorie-r .cbk_cell_align_middle .product_ref {
    display: none;
}


.basket_button.panier a::after {
    background-image: url(https://www.grosbill.com/images/icn_add-cart.svg);
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1%) hue-rotate(162deg) brightness(106%) contrast(100%);
    background-repeat: no-repeat;
    width: 100% !important;
    height: 100% !important;
    background-size: 70%;
    background-position: 8px 3px !important;
}

.basket_button.panier a::after {
    background-position: -566px -746px;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 16px;
    z-index: 10;
}

.basket_button.panier a {
    height: 34px;
    width: 34px;
}

.basket_button.panier a {
    background-color: #20a75f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
    vertical-align: middle;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}



    .basket_button.panier a.disable {
        background: gray;
    }

a.disable .grb__liste-produit__liste__produit__achat__bouton__content {
    background: gray;
}

.categorie-r .cbk_cell_align_middle .panier:hover {
}

.basket_button.panier:hover .basket_button a {
    text-transform: uppercase;
    color: #20a75f;
    background: white url('') no-repeat 35px center;
}

.basket_button.panier .basket_position {
    text-transform: uppercase;
    text-indent: -5000px;
}

.price_prod_resp span {
    font-weight: bold;
    color: #20a75f;
    font-size: 18px;
}

.basket_position {
    cursor: pointer;
}

.disable .basket_position {
    cursor: default !important;
}

.prod_background:hover .panier {
    background: #fff;
}

.txt-cat {
    clear: both;
    width: 100%;
    margin: 15px 0;
    font-size: 13px;
    line-height: 16px;
}

    .txt-cat span {
        font-family: Nunito, Arial, sans-serif !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

.woorank_txt a span u span {
    font-weight: bold !important;
    text-decoration: underline !important;
    color: black !important;
}

.txt-cat h2 {
    margin-bottom: 20px;
}

.txt-cat p {
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
}

.price_prod_resp {
}

.cbk_cell_align_middle .cbk_tag_bonplan {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #5cadd4;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.dv_nb_result {
    font-size: 12px;
}

.libelle_product_new {
    font-size: 0px;
}

.categorie-block-r .prodfiche_dispo {
    position: relative;
    top: 0;
    color: black;
    left: 0;
    transform: translateX(0%);
    display: block;
    font-weight: normal;
    margin-top: 10px;
    font-size: 10px;
    text-align: center;
}

.prodfiche_mag span {
    color: #ff6e04;
    display: inline-block;
    font-weight: bold;
    width: 100%;
    line-height: 10px;
    margin: 0 auto;
    font-size: 16px;
    text-transform: capitalize;
}

.prodfiche_mag {
}

.panier-all-1 .prodfiche_mag span {
    width: auto;
}

.prodfiche_nodispo span {
    color: #ff6e04;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    width: 100%;
    margin: 0 auto;
}

.categorie-block-r .prodfiche_nodispo {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    color: black;
    left: 0;
    transform: translateX(0%);
    width: auto;
    display: block;
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    margin-top: 10px;
    font-weight: normal;
    text-align: center;
}

.categorie-block-r .prodfiche_mag {
    position: relative;
    background: rgba(255, 255, 255, 0);
    top: 0;
    color: black;
    left: 0;
    transform: translateX(0%);
    width: auto;
    display: block;
    height: 20px;
    font-size: 10px;
    line-height: 12px;
    margin-top: 10px;
    font-weight: normal;
    border: none;
    text-align: center;
    display: inline-block;
    padding-top: 0;
    padding: 0;
    vertical-align: top;
}


.categorie-block-r .prodfiche_destoc {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #ff6e04;
    padding: 2px;
    width: 100px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.categorie-block-r .prodfiche_rupture {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #ff6e04;
    padding: 2px;
    width: 100px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.product_constructeur3 {
    margin-bottom: 10px;
}

.reference {
    display: block;
}

.cbk_cell_align_middle .ombre-produit {
    width: 250px;
    height: 292px;
}

.cbk_cell_align_middle:hover .ombre-produit {
    opacity: 1;
}

.cbk_cell_align_middle .ombre-produit p {
    background: rgba(36, 36, 36, 0.5);
    top: 40%;
    transform: translateY(-50%);
    padding: 10px 0;
    position: absolute;
    color: white;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

    .cbk_cell_align_middle .ombre-produit p:hover {
        background: rgba(36, 36, 36, 1);
    }

.categorie-r div .pagination {
    display: block;
    margin-left: 0px;
    padding: 8px 0;
}

.pagination-div {
    border-top: 1px solid #ccc;
    margin-bottom: 25px;
}

    .pagination-div.pagination-div-top {
        border: none;
        margin-bottom: 15px;
        float: left;
        width: 491px;
        background: #ccc;
        padding: 14px 10px;
        box-sizing: border-box;
    }

.categorie-r .pagination-div-top .pagination {
    padding: 0;
}

.pagination-div a {
    border: 1px solid black;
    display: inline-block;
    margin: 0 1px;
    background: white;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 21px;
    box-sizing: border-box;
    font-size: 12px;
    position: relative;
}


    .pagination-div a:before:hover {
    }

    .pagination-div a:hover p {
        color: black;
    }

    .pagination-div a:hover::before, .pagination-div a:hover::after {
        width: 100%;
        left: 0;
    }

    .pagination-div a:hover::after {
        left: 0%;
        bottom: 0;
    }

    .pagination-div a::before {
        left: 0%;
        top: 0;
    }


    .pagination-div a::after {
        left: 0;
    }
    /*
    .pagination-div a::before, .pagination-div a::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        background: black;
    }*/

    /*    .pagination-div a::before, .pagination-div a::after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        background: black;
    }*/

    .pagination-div a:hover p:before, .pagination-div a:hover p:after {
        height: 100%;
    }

    .pagination-div a:hover p::before, .pagination-div a:hover p::after {
        top: 0;
    }
/*
    .pagination-div a p::before, .pagination-div a p::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        background: black;
    }*/
.pagination-div a {
    border-radius: 9px 6px 9px 10px;
}

    .pagination-div a:hover {
        border: solid 1px;
        border-radius: 9px 6px 9px 10px;
    }

. {
}

    .pagination-div a p::after {
        right: 0;
        top: 50%;
    }

    .pagination-div a p::before {
        left: 0;
        top: 50%;
    }

html head + body .ui-btn.ui-btn-d p:after, html head + body .ui-btn.ui-btn-e p:after {
    display: none;
}

html head + body .ui-btn.ui-btn-d p:before, html head + body .ui-btn.ui-btn-e p:before {
    display: none;
}

html head + body .ui-btn.ui-btn-d:after, html head + body .ui-btn.ui-btn-e:after {
    display: none;
}

html head + body .ui-btn.ui-btn-d:before, html head + body .ui-btn.ui-btn-e:before {
    display: none;
}

html head + body .ui-btn.ui-btn-d, html head + body .ui-btn.ui-btn-e {
    background: #333333;
    color: white;
    border: 1px solid black;
    box-shadow: none;
    text-shadow: none;
}

    html head + body .ui-btn.ui-btn-d p, html head + body .ui-btn.ui-btn-e p {
        color: white;
        font-weight: bold;
    }

.categorie-filtre .cbk_image_liste_produit .prod_txt_left {
    vertical-align: middle;
    text-align: center;
}

.fancybox .color_unicode.product_masked {
    background: url('') no-repeat;
    width: 11px;
    height: 11px;
    display: inline-block;
}

.categorie-r div .pagination-div-top .pagination {
}


.mosa-list {
    display: inline-block;
    text-align: right;
    margin-right: 100px;
    vertical-align: middle;
}

    .mosa-list span {
        background: none !important;
        cursor: pointer;
        line-height: 26px;
        display: inline-block;
        border: none;
        box-sizing: border-box;
        font-size: 12px;
    }

        .mosa-list span:first-child {
            margin-right: 5px;
        }

    .mosa-list .activem {
        border: none !important;
    }



    .mosa-list .prod_mosa.activem {
        display: none;
    }

    .mosa-list .prod_grid.activem {
        display: none;
    }

.tarif-filtre {
    display: inline-block;
    line-height: 26px;
    background: white;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 5px;
}

.filtre-marq.tarif-filtre {
    display: none;
}

.tarif-filtre span {
    text-transform: uppercase;
}

.categorie-filtre.lst_grid .prod_background {
    width: 100%;
    height: 120px;
    background: white;
    font-size: 0;
    margin-bottom: 0px;
    box-sizing: border-box;
    margin-right: 0;
    border: none;
    border-bottom: 1px solid #c5c5c5;
}

.categorie-r .cbk_cell_align_middle .height-txt-cat h2 {
    text-align: left;
}




.categorie-filtre.lst_grid .prod_background div .complet-cat::before, .categorie-filtre.lst_grid .prod_background div .complet-cat::after {
    display: none;
}


.categorie-filtre.lst_grid .cbk_cell_align_middle .complet-cat {
    font-size: 0;
    display: table;
    width: 100%;
    height: 120px;
}

.categorie-filtre.lst_grid .sep-ver {
    display: none;
}

.categorie-filtre.lst_grid .ombre-produit {
    height: 100px;
    width: 100px;
}

.categorie-filtre.lst_grid .nom-produit a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    position: initial !important;
    display: block;
    height: initial;
    width: 100%;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle div {
    text-align: left;
    font-size: 14px;
}


.categorie-filtre.lst_grid .cbk_cell_align_middle span {
    color: #333;
    font-size: 14px;
}


    .categorie-filtre.lst_grid .cbk_cell_align_middle span.prodfiche_rupture {
        position: relative;
        top: 0;
        color: white !important;
        background: #ff6e04;
        transform: rotate(-0deg);
        padding: 0 2px;
        width: 80px;
        font-size: 10px;
        line-height: 15px;
        left: 0;
        display: inline-block;
        margin-right: 10px;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 2px;
    }

    .categorie-filtre.lst_grid .cbk_cell_align_middle span.prodfiche_destoc {
        font-size: 10px;
    }

    .categorie-filtre.lst_grid .cbk_cell_align_middle span.prodfiche_nouveaute {
        color: #333;
        font-size: 10px;
    }

    .categorie-filtre.lst_grid .cbk_cell_align_middle span.prodfiche_topvente {
        color: #333;
        font-size: 10px;
    }

.cbk_cell_align_middle .code-promo {
    border: 1px solid #cb192d;
    padding: 3px 10px;
    font-size: 10px;
    display: inline-block;
    margin: 3px 0px;
}

    .cbk_cell_align_middle .code-promo span {
        color: #cb192d;
        font-size: 10px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: #787878;
    font-size: 10px;
    text-transform: none;
    display: block;
    font-weight: normal;
    margin-top: 5px;
    height: 24px;
    overflow: hidden;
    line-height: 12px;
}

.prod_txt_left .prodfiche_dispo.detail-stock span {
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #093;
    line-height: 12px;
}

.lst_grid .prod_txt_left .prodfiche_dispo.detail-stock span {
    text-align: center;
    display: block;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_dispo {
    position: relative;
    top: 0px;
    left: 0px;
    transform: translateX(0%);
    width: 165px;
    display: block;
    font-size: 0px;
    font-weight: normal;
    text-align: center;
    padding: 0px;
    padding-left: 0px;
    margin-top: 0px;
    line-height: 0;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_tag_bonplan {
    position: relative;
    top: 0;
    color: white;
    background: #5cadd4;
    transform: rotate(-0deg);
    padding: 0 10px;
    font-size: 10px;
    line-height: 15px;
    left: 0;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px;
    text-align: center;
}
/** Probleme avec Antho magasin 41**/
.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_dispo.dispo-mag.detail-stock {
    font-size: 10px;
    line-height: 15px;
    margin-top: 5px;
    padding: 5px 0 0;
    border-top: 1px solid black;
    text-align: center;
    /*display: none;*/
}


.categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    display: table-cell;
    vertical-align: middle;
    height: initial;
    position: relative;
}

.categorie-filtre .cbk_cell_align_middle .avis-fiche {
    height: auto;
    display: block;
}

    .categorie-filtre .cbk_cell_align_middle .avis-fiche img {
        width: auto;
    }

    .categorie-filtre .cbk_cell_align_middle .avis-fiche p {
        display: none;
    }


    .categorie-filtre .cbk_cell_align_middle .avis-fiche span:nth-child(6) {
        display: inline-block;
        font-size: 10px;
        line-height: 16px;
        vertical-align: middle;
        font-weight: 500;
        margin-left: 3px;
    }

    .categorie-filtre .cbk_cell_align_middle .avis-fiche span span {
        display: inline-block;
        font-size: 10px;
        line-height: 16px;
        font-weight: 500;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .avis-fiche {
    height: auto;
    display: block;
    margin-top: 0px;
}

.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .avis-fiche {
    text-align: left;
}

.categorie-filtre .cbk_cell_align_middle .avis-fiche {
    height: auto;
    display: block;
    margin-top: 3px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .avis-fiche img {
    width: 12px;
}

.impression .avis-fiche img {
    width: 15px !important;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .code-promo span {
    color: #cb192d;
}

.avis-fiche img {
    width: 10px !important;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle div img {
    width: 115px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .center-dispo {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0px;
    height: auto;
    text-align: center;
    bottom: inherit;
}

.categorie-filtre.lst_grid .nom-produit {
    width: 650px;
    box-sizing: border-box;
}

.categorie-filtre.lst_grid .product_constructeur3 {
    height: 70px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .prix-produit {
    background: transparent;
    position: relative;
    top: 0px;
    right: 0;
    font-size: 22px;
    width: 160px;
    text-align: center;
    padding: 2px 5px;
    margin-left: 0;
    display: table-cell;
    vertical-align: middle;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp {
    text-align: center;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .product_constructeur3 {
    height: initial;
    margin-bottom: 0;
    width: 68%;
}

.categorie-r .cbk_cell_align_middle .height-txt-cat {
    overflow: hidden;
    height: 36px;
    position: relative;
    padding-top: 10px;
}

.marque .basket_button.panier {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

    .marque .basket_button.panier a {
        display: block;
    }

.cbk_cell_align_middle .prodfiche_nouveaute {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #1267b3;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.cbk_cell_align_middle .prodfiche_topvente {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #E53333;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.categorie-r .cbk_cell_align_middle .height-txt-cat::before {
    border-bottom: 1px solid #333;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 25px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .height-txt-cat::before {
    display: none;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .height-txt-cat {
    padding-top: 0;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    height: initial;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref {
    height: 10px;
    display: block;
    font-weight: 500;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref span {
        color: #787878;
        font-size: 9px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_image_liste_produit {
    height: 120px;
    width: 120px;
    margin-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .ombre-produit {
    height: 100px;
    display: none;
}



.categorie-block-r .prodfiche_nouveaute {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #20a75f;
    padding: 2px;
    width: 130px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.categorie-block-r .prodfiche_venteflash {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #cb192d;
    padding: 2px;
    width: 130px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.categorie-block-r .prodfiche_topvente {
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    background: #20a75f;
    padding: 2px;
    width: 130px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    border-radius: 10px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .panier .basket_position {
    width: 0;
    text-align: center;
    height: 0;
    text-indent: -5000px;
    line-height: 0;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_mag {
    position: relative;
    background: none;
    top: 0px;
    color: black;
    left: 0;
    transform: translateX(0);
    width: 165px;
    display: block;
    height: auto;
    font-weight: normal;
    text-align: center;
    border: none;
    padding: 0;
    margin-top: 0;
    padding-top: 0px;
    font-size: 0;
    line-height: 0;
    padding-bottom: 0;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_mag span {
        display: block;
        color: #ff6e04;
        font-weight: bold;
        text-align: center;
        line-height: 10px;
        font-size: 10px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .prix-produit span {
    color: black;
    font-size: 22px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .panier {
    width: 50px;
    text-align: center;
    height: 45px;
    position: initial;
    top: 0;
    left: 0;
    background: white;
    display: table-cell !important;
    vertical-align: middle;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .panier .basket_position {
        width: 45px;
        text-align: center;
        height: 45px;
        text-indent: -5000px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_nodispo {
    position: relative;
    background: none;
    top: 0px;
    color: black;
    left: 0%;
    transform: translateX(0);
    width: 165px;
    display: block;
    height: auto;
    font-size: 0px;
    line-height: 0px;
    font-weight: normal;
    text-align: center;
    margin-top: 0;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_nodispo span {
        display: block;
        color: #ff6e04;
        text-align: left;
        font-size: 12px;
        line-height: 10px;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
    }

.categorie-block-r .dispo-mag {
    display: none;
}

.categorie-block-r .lst_grid .dispo-mag {
    display: block;
}

.recherche .mosa-list, .top-ventes .mosa-list, .nouveautes .mosa-list, .bonnes-affaires .mosa-list, .meilleurs-prix .mosa-list {
    display: none;
}

.produit-top.carousel-produits img {
    max-width: 150px;
    max-height: 150px;
}

.carousel-produits.carousel-marques li img {
    width: 50%;
}

.carousel-produits.carousel-marques li {
    width: 50%;
    display: inline-block;
}

.carousel-marques {
    text-align: center;
}


.produit-top.carousel-produits .ui-li-aside span {
    font-size: 18px;
}

.produit-top.carousel-produits li {
    width: 254.6px;
    height: auto;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 10px;
}

.tdg_mask_vertical_product > div > div > div.product_description::before {
    border-bottom: 1px solid #333;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 25px;
}


.produit-top.carousel-produits li:first-child {
    display: inline-block;
}

.produit-top.carousel-produits li:last-child {
    border-right: none;
}

.carousel-produits.produit-top .all_libelle {
    padding-top: 10px
}

.produit-top {
    margin-bottom: 15px;
}

.carousel-produits.produit-top .ui-li-aside {
    line-height: 20px;
}

.top-text-cat {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    position: relative;
    top: 1px;
    line-height: 25px;
    box-sizing: border-box;
    background: #333;
    font-size: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    text-align: left;
    padding: 0 0 0 15px;
}


#_ctl0_ContentPlaceHolder1_cbx_constructeur a {
    font-size: 12px;
    padding: 5px 10px;
    display: flex;
    text-align: left;
    font-weight: 700;
}

    #_ctl0_ContentPlaceHolder1_cbx_constructeur a:hover {
        font-weight: bold;
    }

.selection_top .slc td {
    padding: 5px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
    font-size: 12px;
    line-height: 16px;
}



    .selection_top .slc td:last-child {
        border-bottom: none;
    }
/* FIN PAGE CATEGORIE */
/* PAGE FICHE PRODUIT */
.titre-fiche-produit .title_fiche {
    text-transform: uppercase;
    display: block;
    font-family: "Arial";
    font-weight: bold;
}

.titre-fiche-produit .designation_longue {
    font-size: 12px;
    color: #6a6a6a;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 2px;
}

.caracterisques_principales span {
    font-weight: 900;
    font-size: 14px;
    margin-right: 4px;
}

.caracterisques_principales .title-car {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}

.pop_add_panier .title_fiche {
    color: white;
    background: #333;
    line-height: 35px;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 18px;
    height: 35px;
}

.pop_add_panier .price_prod_resp {
    display: none;
}

.txt-ajout-panier {
    font-size: 18px;
    text-transform: uppercase;
    color: #093;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 10px;
}

.pop_add_panier .content-partage {
    padding: 10px 15px 0;
}

    .pop_add_panier .content-partage img {
        display: inline-block;
        width: 29%;
        vertical-align: middle;
    }

.frm_pop_add_panier {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .frm_pop_add_panier .txt-ajout {
        display: inline-block;
        vertical-align: middle;
        width: 70%;
    }

.pop_add_panier .price_prod_resp span {
    font-weight: bold;
    color: #20a75f;
    font-size: 22px;
    margin-top: 10px;
    display: inline-block;
}

.a_achats {
    background: black;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    line-height: 28px;
    border: 1px solid black;
    padding: 0 5px;
    font-size: 14px;
    float: left;
    margin: 10px 0px 0;
}

    .a_achats:hover {
        background: black url('') no-repeat left center;
    }

.a_panier:hover {
    background: #20a75f url('') no-repeat left center;
}

.achat-continu {
    overflow: hidden;
}

.pop_add_panier #titre_produit_associes ul li {
    width: 20%;
    float: left;
    margin: 10px 0;
    position: relative;
}

    .pop_add_panier #titre_produit_associes ul li .ombre-produit {
        width: 100%;
        height: 100%;
    }

    .pop_add_panier #titre_produit_associes ul li:hover .ombre-produit {
        opacity: 1;
    }

    .pop_add_panier #titre_produit_associes ul li .ombre-produit p {
        opacity: 1;
    }

.pop_add_panier .ombre-produit p:hover {
    background: rgba(36, 36, 36, 1);
}

.pop_add_panier .ombre-produit p {
    background: rgba(36, 36, 36, 0.5);
    top: 40%;
    transform: translateY(-50%);
    padding: 10px 0;
    position: absolute;
    color: white;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.pop_add_panier #titre_produit_associes ul li .ui-li-aside {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    background: #EE2D24;
    padding: 2px;
    font-weight: bold;
    border-radius: 20px 20px 20px 13px !important;
    padding: 6px 10px;
}

.pop_add_panier #titre_produit_associes ul li .all_libelle {
    background: white;
    text-align: center;
    font-size: 10px;
    color: black;
    height: 40px;
    line-height: 13px;
    overflow: hidden;
}

.pop_add_panier #titre_produit_associes ul li img {
    width: 100%;
    vertical-align: middle;
    background: white;
}

.compte-magasin #_ctl0_ContentPlaceHolder1_txt_mag_recherche {
    border: 1px solid black;
}



.pop_add_panier .titre-rubrique {
    margin: 10px 0;
    font-size: 16px;
    padding: 0 10px;
}

.pop_add_panier #dv_img {
    margin-top: 25px;
}

.pop_add_panier #titre_produit_associes {
    margin-top: 30px;
}

.pop_add_panier #dv_img img {
    width: 100%;
    margin-top: 10px;
}

.a_panier {
    background: #20a75f url('') no-repeat -500px center;
    border: 1px solid #20a75f;
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: white;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 600;
    line-height: 38px;
    float: right;
}

.mob-continu {
    display: none;
}

.fiche-produit-l {
    width: 65%;
    display: inline-block;
    vertical-align: top;
}

.titre-fiche-produit {
    width: 100%;
    padding-right: 15px;
    box-sizing: border-box;
}

.fiche-produit-l .firstletter {
    margin: 0px 0;
}

.fiche-produit-r {
    display: inline-block;
    width: 30%;
    /* background: #F6F6F6;*/
}

.descriptif {
    clear: both;
    margin-top: 0px;
}

.content-img-bloc img {
    width: 450px;
}

#product_buy .pgwSlider.listOnTheLeft .ps-current {
    float: right;
    height: 520px !important;
    box-sizing: border-box;
}

#product_buy .ps-current li a {
    width: 520px !important;
    height: 520px !important;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
}

#product_buy {
    max-width: 576px;
    float: left;
}

.image-centrer {
    display: table-cell;
    height: 445px;
    background: white;
    width: 445px;
    vertical-align: middle;
}

.menu_fiche_produit {
    text-align: center;
    float: right;
    padding: 10px 10px 0px !important;
    width: 100%;
    box-sizing: border-box;
    z-index: 20;
    position: relative;
    transition: top 0.6s ease-out;
    top: 0 !important;
    position: relative;
    border-bottom: solid 10px #eeeeee;
}

.New_texte sup {
    position: relative;
    top: -3px;
    font-size: 8px;
}

.menu_fiche_produit .prix-produit {
    font-weight: bold;
    background: transparent;
    display: block;
    margin: 0 20px;
    text-align: center;
}

    .menu_fiche_produit .prix-produit .fiche_product_price {
        font-size: 32px;
    }

.fiche_product_price {
    color: #757575;
    font-weight: bold;
    font-size: 50px;
}

    .fiche_product_price sup {
        font-size: 14px;
    }



#_ctl0_ContentPlaceHolder1_dv_code_promo {
    z-index: 3;
}

.troisxsans .fiche_product_price {
    color: black;
}

    .troisxsans .fiche_product_price span {
        font-size: 22px;
        text-align: left;
    }

.troisxsans {
    display: block;
    text-align: center;
    margin-top: 5px;
}



.block {
    display: block;
}

.menu_fiche_produit .prix-produit .fiche_product_price.fiche_product_price_barre {
    float: none !important;
    display: block;
}

.menu_fiche_produit .prix-duproduit .fiche_product_price .prodfiche_venteflash {
    color: white;
    display: inline-block;
    vertical-align: middle;
    background: #e53029;
    font-size: 16px;
    line-height: 36px;
    padding: 0 3px;
    margin-right: 5px;
    font-weight: bold;
    display: none;
}


#_ctl0_bloc_contact {
    display: none;
}


.prix-duproduit {
    margin: 10px;
    font-size: 0;
    text-align: center;
    background: white;
    padding: 6px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
}

.ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
    background: #20a75f;
    box-sizing: border-box;
    border-radius: 5px;
}

    .ajout-panier.ajout-fiche-produit.disable {
        float: none;
        margin: 0 auto 10px;
        width: 100%;
        background: gray;
        border: 1px solid gray !important;
        box-sizing: border-box;
    }

    .ajout-panier.ajout-fiche-produit a {
        border: none;
        color: white;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        line-height: 44px;
        cursor: pointer;
        font-size: 16px;
        transition: all 0.5s;
        box-sizing: border-box;
    }

    .ajout-panier.ajout-fiche-produit.disable a {
        cursor: default !important;
        background: gray url('') no-repeat 22px center !important;
    }

#_ctl0_ContentPlaceHolder1_dv_3fois {
    display: none;
}

.caract-menu {
    color: #147;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
    font-size: 12px;
    margin-top: 10px;
}

.ajouter-panier {
    display: inline-block;
}

.banner_account .ajouter-panier {
    text-align: left;
}

.titre-avis {
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    color: #666;
    display: inline-block;
    font-size: 14px;
    padding: 0 0 2px 0;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.banner_account .ajouter-panier::before {
    content: "";
    display: block;
    height: 30px;
    left: 50%;
    margin: 3px 0 0 -16px;
    position: absolute;
    top: -1px;
    width: 30px;
}

.banner_account .ajouter-panier::before {
    background-image: url('https://grosbill.com/images/svg/cart_empty.svg');
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(97%) contrast(104%);
}

.banner_account .ajouter-panier {
    position: relative;
    padding-top: 30px;
    padding-bottom: 3px;
    display: block;
    text-align: center;
}

.banner_account .ajout-panier span {
    font-size: 12px;
    display: block;
}


.fiche_top {
    margin: 10px 0;
    /*    border-bottom: 1px solid #CCC;*/
}

.menu_fiche_produit .sep-hori {
    margin-top: 10px;
}


.menu_fiche_produit .prodfiche_dispo {
    display: block;
    color: black;
    font-size: 12px;
    padding-top: 0px;
    line-height: 16px;
    padding-bottom: 10px;
}

.global-fiche .retrait-possible, .global-fiche .livraison-fiche {
    margin: 10px 10px 0;
}

.produit-mag .menu_fiche_produit .prodfiche_dispo {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    padding-bottom: 0;
}

.menu_fiche_produit .fiche-web .prodfiche_dispo {
    display: block;
}

.menu_fiche_produit .prodfiche_dispo span:nth-child(2) {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    height: auto;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
    color: #093;
    padding-top: 0;
}

.menu_fiche_produit .prodfiche_dispo span {
    color: #333;
    display: block;
}

.menu_fiche_produit .prodfiche_mag {
    background: #ff6e04 url('') no-repeat 32px center;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    padding-left: 66px;
    text-align: left;
}

    .menu_fiche_produit .prodfiche_mag .prodfiche_mag {
        background: none;
        height: 25px;
        display: block;
        line-height: 25px;
        margin-top: 15px;
        margin-bottom: 10px;
        color: white;
        font-size: 12px;
        padding-left: 0px;
        text-align: left;
    }

.icone-menu-mob .icone-menu:first-child {
    margin-top: 0px;
}

.menu_fiche_produit .prodfiche_nodispo {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    padding-left: 0;
    color: #ff6e04;
}

.menu_fiche_produit .div_dispo_date {
    background: #ff6e04 url('') no-repeat 31px center;
    margin-top: -8px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    text-align: left;
    padding-left: 66px;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 16px;
    display: none;
}

.popinfo_delais #content_product {
}

.menu_fiche_produit .prodfiche_nodispo .prodfiche_nodispo {
    background: none;
    height: 25px;
    display: inline;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    text-align: left;
    padding-left: 0;
}

.menu_fiche_produit .prodfiche_dispo span {
    background: none;
    text-align: left;
    padding-left: 0;
    text-align: center;
    line-height: 0;
    font-size: 0;
    /*color:#093;*/
}


.div_dispo_enligne .prodfiche_nodispo {
    display: inline;
}

.fonction-fiche-produit .dispo-mag {
    background: black url('') no-repeat 32px center;
    font-size: 12px;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
    color: white;
    padding-left: 66px;
    text-align: left;
    cursor: pointer;
}

#popupMenu {
    position: relative;
}

    #popupMenu ul {
        position: absolute;
        top: 25px;
        overflow-y: scroll;
        background: white;
        width: 100%;
        max-height: 0px;
        transition: max-height 0.5s;
        font-size: 12px;
    }

        #popupMenu ul li {
            margin: 10px 0
        }

    #popupMenu:hover ul {
        max-height: 150px;
        border: 1px solid #ccc;
    }

.mag_fiche {
    font-weight: bold;
    font-size: 10px;
    white-space: nowrap;
}

.stock-True {
    padding: 7px !important;
    line-height: 140% !important;
}

.fiche-tech-goto {
    background: white url('') no-repeat 32px center;
    font-size: 12px;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
    color: #333;
    padding-left: 66px;
    text-align: left;
    border: 1px solid #ccc;
    cursor: pointer;
}

.fiche-info-delais {
    background: #ff6e04 url('') no-repeat 32px center;
    font-size: 12px;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-bottom: 10px;
    color: white;
    padding-left: 66px;
    text-align: left;
    border: 1px solid #ff6e04;
    cursor: pointer;
}

.liv-offert {
    clear: both;
}

    .liv-offert p, .liv-offert span {
        display: none;
    }

#_ctl0_ContentPlaceHolder1_img_liv_offert {
    display: none;
}

.liv-offert span {
    color: #093;
    font-weight: bold;
    text-transform: uppercase;
}

.livraison-fiche {
    vertical-align: middle;
    display: block;
    text-align: left;
}

    .livraison-fiche .date-livraisonstandard {
        font-weight: 200;
    }

    .livraison-fiche p {
        font-size: 12px;
        color: #333;
        margin-bottom: 8px;
    }

        .livraison-fiche p span {
            color: #000;
            text-transform: capitalize;
            font-weight: 700;
        }

.liv-offert p {
    margin: 10px 0 0;
    text-transform: uppercase;
}

.select-lemag {
    border: 1px solid #ccc;
    border-radius: 10px;
    display: block;
    text-align: center;
    background: #fff url('') no-repeat 95% center;
    padding: 3px 10% 3px 0%;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}

.select-mag:hover .mag-list-fiche {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: absolute;
    background: #f0f0f0;
    width: 140%;
    text-align: center;
    padding: 0px;
    top: 20px;
    left: -84px;
    transform: translateX(-50%);
    max-height: 240px; /*
    overflow-y: scroll;*/
    overflow-x: hidden;
}

.select-mag .mag-list-fiche p {
    border-bottom: 1px dashed #ccc;
    line-height: 25px;
    cursor: pointer;
    transition: none;
}

.mag-list-fiche p {
    transition: all 0.5s;
}

    .mag-list-fiche p:hover {
        transform: scale(1.1);
    }

.select-mag .mag-list-fiche p:last-child {
    border-bottom: none;
}

.select-mag .mag-list-fiche p:hover {
    font-weight: bold;
}

.produit-mag .fiche-web {
    width: 100%;
    box-sizing: border-box;
}

.retrait-possible {
    text-align: center;
    background: url('') no-repeat center 0;
    padding-top: 20px;
}

    .retrait-possible p {
        font-size: 12px;
    }

.global-fiche {
    text-align: left;
    font-size: 0;
}

.ouvert-mag {
    font-size: 0px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 10px;
}

.fiche-web div:nth-child(2) {
    border-bottom: 1px solid #c5c5c5;
    display: none;
}

.fiche-web div, .fiche-mag div {
    margin: 0 10px;
}

.fiche-mag #_ctl0_ContentPlaceHolder1_fiche_mag_sel {
    margin: 0;
}

.ouvert-mag.fermeture {
}

.fiche-web div:first-child div {
    border: none;
}

.rupture-destck {
    display: block;
}

.produit-mag .rupture-destck {
    margin-bottom: 10px;
}

#_ctl0_ContentPlaceHolder1_lbl_dispo_liv {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 10px;
    clear: both;
}

.fiche-web .rupture-destck2 .rupture-fiche {
    height: auto;
    border: none;
    margin-bottom: 10px;
}


.rupture-fiche span {
    display: block;
    line-height: 16px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 800;
}

    .rupture-fiche span:nth-child(2) {
        color: #ff6e04;
        font-weight: bold;
        font-size: 14px;
        padding-left: 24px;
        position: relative;
    }

        .rupture-fiche span:nth-child(2):before {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            background-image: url("https://www.grosbill.com/images_produits/horloge.png");
            background-size: 14px;
            background-repeat: no-repeat;
            background-position: center;
            width: 16px;
            height: 16px;
        }

#_ctl0_ContentPlaceHolder1_div_dispo_mag {
    /*display:none;*/
}

#_ctl0_ContentPlaceHolder1_dv_info_delais {
    display: none;
}

.fiche-mag .choix-mag-fiche {
    display: block;
}

.autre-mag {
    line-height: 16px;
}

.dispo-mag-fiche {
    font-size: 12px;
}

.fiche-mag {
    display: none;
}

.produit-mag .fiche-mag {
    background: #fff;
    border: 1px solid #CCC;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    display: block;
    margin-top: 10px;
}

.fiche-produit-complet {
    /* border-bottom: 15px solid #EEE;*/
    margin: 0 auto 20px auto !important;
    padding: 0 0 20px 0;
    position: relative;
    display: table;
    width: 100%;
    font-size: 0;
}

.global-fiche {
    text-align: center;
}

    .global-fiche .fiche-mag .titre-enstock {
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        text-align: center;
        font-size: 14px;
        padding: 0 0 0 18px;
        display: inline-block;
    }

    .global-fiche .titre-enstock::before {
        background-position: -897px -232px;
    }

    .global-fiche .titre-enstock::before {
        content: "";
        display: inline-block;
        height: 15px;
        left: 0;
        position: absolute;
        top: -1px;
        width: 15px;
    }

    .global-fiche .titre-enstock::before {
        background-image: url('');
        background-repeat: no-repeat;
    }

.fiche-mag div div:nth-child(3) {
    border: none;
    padding-top: 20px;
    margin-bottom: 5px;
}

.fiche-mag div:nth-child(3) {
    border-top: 1px solid #c5c5c5;
    padding-top: 5px;
}

.mag-list-fiche .mag_fiche a {
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
}

.paiement-panier .recap-panier-tableur {
    float: left;
    width: 510px;
}

.fiche-mag .no-dispo-mag .prodfiche_dispo {
    color: #ff6e04;
}

.produit-mag .select-mag .prodfiche_dispo {
    height: auto;
    line-height: 14px;
    padding-top: 0;
    font-size: 10px;
    font-weight: 600;
    justify-content: center;
}

.fiche-mag .prodfiche_dispo {
    background: none;
    text-align: left;
    padding-left: 0;
    color: #093;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    height: auto;
}

.produit-mag .menu_fiche_produit .fiche-mag .prodfiche_dispo {
    height: auto;
    padding-top: 0;
}

.produit-sep-fiche {
    display: none;
}

.produit-mag .produit-sep-fiche {
    width: 1px;
    display: table-cell;
    background: #ccc;
}

.choix-mag-fiche {
    text-align: center;
    margin-top: 1px;
    margin-bottom: 6px;
}

.select-mag {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.choix-mag-fiche .select-mag p {
    display: block;
    margin-right: 0;
    pointer-events: none;
    padding: 10px 15px;
}

.choix-mag-fiche .mag-list-fiche {
    display: none;
}

.choix-mag-fiche p {
    font-size: 12px;
    font-weight: 600;
    display: block;
    text-align: left;
}

.choix-mag-fiche .livraison-gratuite {
    border-bottom: 0.5px solid #cbcbcb;
    padding-bottom: 6px;
}



.choix-mag-fiche .retrait-magasin {
    margin: 15px 0px 2px;
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
    font-size: 12px !important;
    color: #000000 !important;
    text-transform: none !important;
}

.txt-fiche-prod {
    /*
    float: left;
    max-width: 382px;
    */
    margin-bottom: 15px;
    /*
    margin-top: 15px;
    margin-left: 15px;
   */
}

#caracteristiques-principales {
    border-bottom: 1px solid #CCC;
    color: #666;
    display: inline-block;
    font-size: 14px;
    padding: 0 0 2px 0;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}


.news-r {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.troisxsans .fiche_product_price .block {
    font-weight: normal;
    color: #888;
}

.ou3x {
    display: inline-block;
    font-size: 12px;
    color: #888;
    vertical-align: middle;
    margin-right: 6px;
}

.blockinline {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.foot-reseau {
    width: 50%;
    float: left;
    text-align: center;
    padding: 13px 0;
}

footer .foot-reseau p {
    color: black;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0;
}

    footer .foot-reseau p:after {
        display: none;
    }

footer .foot-reseau img {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.home_info_wrapper > div > div > table {
    border-bottom: 1px solid #CCC;
    display: block;
    font-size: 0;
    margin: 0 0 10px 0;
    padding: 0 0 20px 0;
    position: relative;
}

.table_newsletter td {
    vertical-align: middle;
    width: 100%;
}

.content-img-bloc .ps-list img {
    width: 50px;
    vertical-align: middle;
}

.ps-list span {
    display: none;
}

.ps-list li {
    margin-bottom: 20px;
    width: 50px !important;
    height: 52px !important;
    opacity: 1 !important;
    display: inline-block;
    margin: 0 1px;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
}

.content-img-bloc .pgwSlider .ps-list a {
    width: 50px;
    height: 50px;
    /*cursor:pointer !important;*/
}

.content-img-bloc #mCSB_1_scrollbar_vertical {
    display: none !important;
}

.fiche-produit-l {
    margin-bottom: 15px;
}

.fiche-produit .cbk_list_nodots {
    text-align: center;
    font-size: 0;
    overflow: hidden;
    border: none;
    margin-top: 10px;
    background: white;
}

    .fiche-produit .cbk_list_nodots.carousel-produits li {
        display: inline-block;
        float: left;
        width: 256px;
        text-align: center;
        background-color: white;
        height: 240px;
        position: relative;
        border: 1px solid #ccc;
        border-right: none;
        padding: 10px;
    }



.prod-assos {
    width: 100%;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
}

.fiche-produit .ombre-produit {
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    background: rgba(101, 101, 101, 0.3);
    width: 150px;
    height: 210px
}



.prod-assos .titre-rubrique ::after {
    border-bottom: 1px solid #333;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 60px;
}


.prod-assos .titre-rubrique {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 18px;
}

.fiche-produit .cbk_list_nodots.carousel-produits li:last-child {
    margin-right: 0px;
    border-right: 1px solid #ccc;
}



.avis-fiche-all {
    padding: 0;
    border-bottom: 15px solid #EEE;
    margin: 30px auto 20px auto;
    padding-bottom: 20px;
    font-size: 12px;
    text-align: justify;
    line-height: 16px;
}

    .avis-fiche-all h2::after {
        border-bottom: 1px solid #333;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 60px;
    }

#_ctl0_ContentPlaceHolder1_lbl_code_ean, #_ctl0_ContentPlaceHolder1_lbl_num_produit, #_ctl0_ContentPlaceHolder1_lbl_ref_constructeur {
    font-size: 14px;
    margin-top: 6px;
}

#_ctl0_ContentPlaceHolder1_avis_list .initial_avis {
    margin-bottom: 15px;
}

.avis-fiche-all h2 {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 18px;
}

.avis-fiche-all .avis-list {
}

.sep-fiche-prod {
    width: 100%;
    overflow: hidden;
}

.sep-fiche-prod-l {
    width: 100%;
    font-size: 14px;
}

    .sep-fiche-prod-l .bloc-seo-config {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        flex-direction: column-reverse;
    }

    .sep-fiche-prod-l div,
    .sep-fiche-prod-l p {
        font-size: 12px;
        text-align: justify;
        line-height: 16px;
    }

    .sep-fiche-prod-l .global-desc {
        border-bottom: 15px solid #EEE;
        margin: 0 auto 20px auto;
        padding-bottom: 20px;
    }

.waranty-gros {
    border-bottom: 15px solid #EEE;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
}

    .waranty-gros .datasheet_navigation h2::after {
        border-bottom: 1px solid #333;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 60px;
    }

    .waranty-gros .datasheet_navigation h2 {
        color: black;
        text-transform: uppercase;
        font-weight: 600;
        text-align: left;
        position: relative;
        line-height: 30px;
        box-sizing: border-box;
        font-size: 18px;
    }

input.input_checkbox[type="checkbox"] + label.notext::before, input.input_radio[type="radio"] + label.notext::before {
    left: -18px;
}

input.input_checkbox[type="checkbox"] + label::before, input.input_radio[type="radio"] + label::before {
    background: #FFF;
    border: 1px solid #AAA;
    content: "";
    display: inline-block;
    height: 16px;
    left: -21px;
    position: absolute;
    top: 2px;
    width: 16px;
}

.gb_design > table > tbody > tr > td + td {
    padding: 10px 10px 10px 0;
    font-size: 12px;
}

.gb_design > table {
    width: 100%;
}

#datasheet_warranty + div + div > div > table > tbody > tr > td:first-child {
    width: 1px;
}

.gb_design > table > tbody > tr > td:first-child {
    padding: 10px;
}

.bg_even bg_even {
    font-size: 12px;
}

#datasheet_warranty + div + div > div > table > tbody > tr > td > span {
    cursor: pointer;
    position: relative;
    text-decoration: underline;
}

table td span:hover > a.shop_info, table td span:hover > span.shop_info {
    display: block;
}

#datasheet_warranty + div + div > div > table > tbody > tr + tr {
    border-top: 1px solid #CCC;
}

table td a > span.shop_info, table td span > span.shop_info {
    margin: 0;
    padding: 10px;
    left: 35px;
    top: 25px;
    background: #FFF;
    display: none;
    position: absolute;
    z-index: 100;
}

table .shop_info {
    color: #000;
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
}

.gb_design > table > tbody > tr > td.btn_price_wrapper {
    width: 80px;
}

.gb_design > table > tbody > tr > td + td {
    padding: 10px 10px 10px 0;
}

.btn_price_wrapper {
    text-align: right;
}

.btn_cta_small {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
}

.btn_cta_black {
    background: #000;
    color: #FFF;
}

.btn_cta {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

#datasheet_warranty + div + div > table > tbody > tr > td:first-child + td {
    text-align: right;
    width: 100%;
}

#datasheet_warranty + div + div > table > tbody > tr > td + td {
    padding: 0 10px 0 0;
    font-size: 12px;
}

input.input_radio[type="radio"]:hover:not(:checked) + label.notext::after, input.input_radio[type="radio"]:not(:checked) + label.notext:hover::after, input.input_checkbox[type="checkbox"]:hover:not(:checked) + label.notext::after, input.input_checkbox[type="checkbox"]:not(:checked) + label.notext:hover::after {
    left: -14px;
}



input.input_radio[type="radio"]:hover:not(:checked) + label::after, input.input_radio[type="radio"]:not(:checked) + label:hover::after, input.input_checkbox[type="checkbox"]:hover:not(:checked) + label::after, input.input_checkbox[type="checkbox"]:not(:checked) + label:hover::after {
    background: #20a75f;
    content: "";
    height: 10px;
    left: -18px;
    position: absolute;
    top: 6px;
    width: 10px;
}

.additional_pages_content input.input_radio[type="radio"]:hover:not(:checked) + label::after, .additional_pages_content input.input_radio[type="radio"]:not(:checked) + label:hover::after, .additional_pages_content input.input_checkbox[type="checkbox"]:hover:not(:checked) + label::after, .additional_pages_content input.input_checkbox[type="checkbox"]:not(:checked) + label:hover::after {
    top: 5px;
    border-radius: 8px;
}

#datasheet_warranty + div + div > div {
    margin: 0 0 10px 0;
}

input.input_checkbox[type="checkbox"]:hover:not(:checked) + label::after, input.input_checkbox[type="checkbox"]:not(:checked) + label:hover::after, input.input_radio[type="radio"]:hover:not(:checked) + label::after, input.input_radio[type="radio"]:not(:checked) + label:hover::after {
    background: #AAA;
}

input.input_checkbox[type="checkbox"], input.input_radio[type="radio"] {
    display: none;
}

input[type="radio"], input[type="checkbox"] {
    height: 12px;
    vertical-align: middle;
    width: 12px;
}

.btn_price_wrapper > b {
    color: #333;
    display: block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    font-weight: bold;
}

/*b {
    font-weight: bold;
}*/

.box_01, .box_02, .box_06, .box_09 {
    border: 1px solid #CCC;
}

.box_01, .box_02, .box_09 {
    margin: 0 0 10px 0;
}

.box_01 {
    background: #FFF;
    padding: 6px;
}

.container_separator {
    display: none;
}

.gb_design b {
    font-weight: bold;
}

input.input_checkbox[type="checkbox"] + label.notext, input.input_radio[type="radio"] + label.notext {
    margin: 0 0 0 18px;
}

input.input_checkbox[type="checkbox"] + label, input.input_radio[type="radio"] + label {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 10px 0 21px;
    position: relative;
}

.sep-fiche-prod-l .fiche_strong {
    padding: 0px;
    font-size: 13px;
    text-align: justify;
    line-height: 16px;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}

.global-desc img {
    vertical-align: middle;
    width: 250px;
}

.sep-fiche-prod-l .img-description {
    display: inline-block;
    width: 25%;
    padding-left: 4%;
    padding-right: 0;
    vertical-align: middle;
}


    .sep-fiche-prod-l .img-description img {
        width: 100%;
        display: block;
    }

.sep-fiche-prod-r {
    width: 100%;
    border-bottom: 15px solid #EEE;
    margin: 0 auto 20px auto;
    padding-bottom: 20px;
}


    .sep-fiche-prod-r .titre-rubrique::after {
        border-bottom: 1px solid #333;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 60px;
    }


    .sep-fiche-prod-r .titre-rubrique {
        color: black;
        text-transform: uppercase;
        font-weight: 600;
        text-align: left;
        position: relative;
        line-height: 30px;
        box-sizing: border-box;
        font-size: 18px;
    }

.allparams.odd td:last-child {
}

.allparams.even td:last-child {
}

.allparams.even, .allparams.odd {
    margin-bottom: 0;
    text-transform: none;
    background: none;
    display: table-row;
    font-weight: normal;
}

.allparams {
    background: #ccc;
}

    .allparams.even td:last-child, .allparams.odd td:last-child {
    }

    .allparams.even td:first-child, .allparams.odd td:first-child {
        width: 40%;
    }

    .allparams.even td div {
        font-size: 12px;
    }

    .allparams.even td, .allparams.odd td {
        padding-left: 10px;
    }

    .allparams td div {
        font-size: 12px;
    }

.allparams {
    line-height: 30px;
    font-weight: bold;
    margin-top: 15px;
}

    .allparams td h3 {
        font-size: 14px;
        text-transform: none;
    }

.fiche-produit .cbk_list_nodots.carousel-produits li:hover img {
    transform: scale(1.08);
}


.titre_desc {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.fiche-pc .sep-fiche-prod-l strong {
    font-size: 12px;
}

#_ctl0_ContentPlaceHolder1_titre_desc.titre_desc span {
    font-size: 16px !important;
}

.sep-fiche-prod-l .sep-hori {
    padding: 0;
}


.sep-fiche-prod-l .product_fiche_bold {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 18px;
}

    .sep-fiche-prod-l .product_fiche_bold::after {
        border-bottom: 1px solid #333;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 60px;
    }

.fiche_bold {
    font-weight: 800 !important;
    margin-top: 10px;
    font *size: 14px;
}

.sep-fiche-prod-l p {
    padding: 0px;
    text-align: justify;
}

.sep-fiche-prod-r b {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    margin-top: 15px;
}

.sep-fiche-prod-l b {
    font-weight: bold;
    font-size: 15px;
}

.error {
    color: #6a6a6a;
    font-size: 12px;
    text-align: center;
}

.productParameterGroupsFirst h3 {
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}


.impression {
    margin-top: 15px;
}


.modif-adress {
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px 10px 2px 10px;
    position: relative;
    text-decoration: none !important;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

}


.impression p {
    margin: 5px 0;
    overflow: hidden;
}

.impression a {
    display: block;
    float: left;
    background: white url('') no-repeat 6px 6px;
    font-size: 12px;
    padding: 5px 7px 5px 28px;
    color: black;
    border-radius: 0;
    box-sizing: border-box;
}

    .impression a:hover {
        background: white url('') no-repeat 6px 6px;
        color: #20a75f;
    }

    .impression a:last-child {
        float: right;
        background: white url('') no-repeat 6px 6px;
    }

.impression #_ctl0_ContentPlaceHolder1_hl_avis {
    display: block;
    margin-top: 10px;
    color: black;
    background: transparent;
    padding: 8px 10px;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    box-sizing: border-box;
    border: 1px solid black;
    margin-left: 10px;
}

    .impression #_ctl0_ContentPlaceHolder1_hl_avis:hover {
        background: none white !important;
        color: black;
        font-weight: bold;
    }

.content-img-bloc .ps-list {
    max-height: 445px;
    overflow: hidden !important;
    position: absolute !important;
    bottom: 15px;
    text-align: center;
    z-index: 110;
}

.content-img-bloc .mCSB_container {
    width: 100%;
}

.content-img-bloc {
    overflow: hidden;
    position: relative;
}

    .content-img-bloc .pgwSlider {
        overflow: hidden;
        max-width: 530px;
    }

.impression .avis-new {
    background: white !important;
    display: block;
    margin-top: 10px;
    color: black;
    background: #20a75f;
    transition: all 0.5s;
    padding: 4px 10px;
    width: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
}

.avis-fiche {
}

    .avis-fiche .content-partage {
        padding: 10px 15px 0;
    }

    .avis-fiche .img_partage_fiche_produit {
        float: left;
        width: 29% !important;
    }

    .avis-fiche .frm_partage_fiche {
        float: right;
        width: 69%;
    }



    .avis-fiche .glob-partage .ui-field-contain {
        width: 100px;
        float: left;
    }

    .avis-fiche #tbx_message {
        width: 100%;
        height: 85px;
    }

    .avis-fiche .star {
        background-position: left 3px;
        height: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .avis-fiche .btn_envoyer:hover {
        background: black url('') no-repeat left center;
    }

    .avis-fiche .btn_envoyer {
        background: black;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
        line-height: 28px;
        border: 1px solid black;
        padding: 0 5px;
        font-size: 14px;
        float: left;
        margin: 10px 0px 0;
    }

    .avis-fiche .title_fiche {
        color: white;
        background: black;
        line-height: 35px;
        padding-left: 15px;
        text-transform: uppercase;
        font-size: 18px;
        height: 35px;
    }

.impression a:last-child:hover {
    background: white url('') no-repeat 6px 6px;
}

.titre-fiche-produit h1 {
    margin-bottom: 0px;
}

.partage-fiche {
    background: #f0f0f0;
    height: 460px;
    overflow: hidden;
}

.fancybox-wrap .fancybox-skin {
    background: #f0f0f0;
    padding: 0px 0px 0px 0px !important;
}

.frm_partage_fiche p {
    font-weight: bold;
}

.glob-partage {
    overflow: hidden;
    clear: both;
}

    .glob-partage .ui-field-contain {
        width: 240px;
        float: left;
    }

    .glob-partage div:nth-child(2n) {
        float: right;
    }

.partage-fiche input {
    width: 190px;
    height: 25px;
    background: #fff;
    border: 1px solid #c8c8c4;
    line-height: 25px;
    padding: 0 5px;
    margin-top: 2px;
}

.partage-fiche label span {
    font-size: 13px;
}

.frm_partage_fiche .price_prod_resp span {
    color: #20a75f;
    font-size: 20px;
    line-height: 28px;
}

.avis-fiche .frm_partage_fiche .price_prod_resp span {
    color: #cb192d;
}

.frm_partage_fiche .message-falcu {
    font-weight: normal;
    font-size: 13px;
}

.star {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOFJREFUeNrsmEFoHFUYx9/MdHfTJRKzUhBaFiL1YghZCFQUIV6UQJuLWCgr8eKpIoiFSqsHQYrmYj14KHqxKAl6MbA5eCgKRVAMBhpCwIJQCETRQzTsNtnO7s74+17fbGc3M7OzZhUsHfjzdvd97/++973vff99Y/m+rwb5WL0Idz60h2nckTc8Nw2hncLmAnhtIB7i3VGan8VD8Dhebh+U8FOaX8Bh4EB48R8TQlai+QnkgMTxD/AYpFt9EULk0EyBD8Dn4BPT9TZ4CrwD6Wos4V+XrUdpXzQk4tUEkAFXwNUu+1fAWWO7anADLDLJTkCYpf0K3DQe3Ui5oUI6B8ShlyBstZfMMiXoX4MV8GZKQgnJcXA6nKPtGJoE/gZ8Cy6mIJPwnIJsL3ZTIB2h+U6WANZjyE6Aj8Cz3WT7TooJ7HUwneDdc+BaFFnc0SuCzQTCTWOT+iwfN6cjWJ6clo9NzOS5Bcb6IZTZj5pU+syEYNV8XzA2Y6lOCptyhGbDeDFPnJa6TlGZ5rxJ/nxkSRPCACR5EUyHf4sCNjOgENVn/ecVe+CEy8vLWgJmZ2fd1IRra2vxSbe5eYlmu1gsXo6zmZycTKcpkEn6vC61kM+FQYiUeDdvauP5Ay0ZjyIlgKVv9bVkiBwQVJRX2YwWkKLxrhxB+qYSPaxUKrESANHVrh2PlQAzqSbskAA6UkkA5B0SICvRSzb5ddrMWu4jh8umSLwckLVjSKClWJ6SwsrM76fwLpCAM4x1I9OGjhrN8+AkAyYSyGTDnhEHjCPxeYhBagmIIvtXJOBQkgSY5Z01/76umAy4lbpiG5IqzQuG6Alz9LLmf+IP5hh+AfmxnoSQdUgAg5a6JuuQgMiSFi7fJHkR9JQAbGbA/SoBi4uLWgLK5XIqCdBpkyQBZne3sTm4BGxsbLQlgM+DkYBsNjucyWQKaSXATvCuZFnWHIQqlxMVUOeMx/0RMsgBWgIgcyBVgqwwIwH0JUvAwsJChwQwuOQ4jrJtO/CsfQBc11We56lWqyXfOySALNgJdlmuWzNSB/P5vBKyyJnxMjxBs9mc2tvbEye+DN1l7uYhuaZvAXg1LaQyOOkRL3d3d8XLishHOEd1DMfHx7UEYLjCrCop2aXP2Mht4QxjoyWADi0BxGddZm80GjpWYSL5TfpkYnHAOBK/yxhoCZAl1et1PbharWrUajX9m/SJBESRJUlAr6fvW0CvZyyxOIQPN4kbnv1mlwQERGPhMbHli/Q5Yv5lSdDnSYelrlLWIQGRJS1cvjk1RdBTArCZAferBPT7IkjvcuP7t3pKADaxEpB5+r10FXv3x3kKqqUlgM+DkQB76OFhKzdycAnAo5KynTlraFTZQ4/gqH3ursd9EjLIAVoC7KGCAxFWNqSjWgLoS5aAfS+C7EzJcrLKOjSkrNwoFu0ToPz6n8pv3dFQXjPyRdA9CbDsk/ZDx5SQxWiAsg4X7vE361NedQsn/P0SELwIgmzaHiZMtpMcKK+pWlUuVF6j0v0iSMcw/+QFLQF+y13xbv/GpF4CWUt5tV+FTEsAY6MlgA4tASxlnaUo362yLGLlh2Lo1iCjj4nFAeNI/H9sDHbYxesEfcK//XvSoq9Fkf0/JCDqDWfV3I+TJGCLne19CzAvgtoS8OBF0APC6OdvAQYAj2xzC/IfXBsAAAAASUVORK5CYII=');
    background-position: left -2px;
    display: block;
    width: 20px;
    height: 16px;
    line-height: 16px;
    float: left;
    cursor: pointer;
    zoom: 1;
}

.rating_star {
    display: inline-block;
    width: 512px;
}

.stars {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    margin-top: -5px;
}

.fullStar {
    background-position: left -59px !important;
}

.stars {
    overflow: hidden;
}

.tmp_es {
    background-position: left -21px !important;
}

.tmp_fs {
    background-position: left -40px !important;
}

.avis-fiche .tmp_fs {
    background-position: left -35px !important;
}

.avis-fiche .tmp_es {
    background-position: left -16px !important;
}


.avis-fiche .fullStar {
    background-position: left -54px !important;
}

.testavis .fancybox-inner {
    height: 310px !important;
}

.ui-tooltip {
    font-size: 12px;
    font-family: Nunito, Arial, sans-serif !important;
}

.ui-tooltip-content {
    font-size: 12px;
    font-family: Nunito, Arial, sans-serif !important;
}


/* FIN PAGE FICHE PRODUIT */

/* PAGE PANIER */



a.baseline {
    color: #888;
    font-size: 10px;
    text-decoration: underline;
}

.recap-panier .title_fiche_left.firstletter {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    font-weight: normal;
    margin: 10px 0 20px 0;
    overflow: hidden;
    padding-bottom: 5px;
    text-transform: none;
}

    .recap-panier .title_fiche_left.firstletter span {
        color: #666;
        font-weight: bold;
        overflow: hidden;
    }


.panier-all-1 #sticker, .panier-all-1 .footer_wrapper {
    display: none;
}

.panier-all-1 .cbk_logo {
    margin-top: 0;
}

.cbk_breadcrumb {
    overflow: hidden;
    font-size: 0;
    width: 100%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}


.panier-all-1 .cbk_breadcrumb li:first-child span {
    background: #333;
    color: white;
    border-radius: 18px 22px 22px 12px;
}

.ui-disabled {
    border-radius: 18px 22px 22px 12px;
}

.livraison-panier {
}

.cbk_breadcrumb .ui-disabled span span {
    font-weight: bold;
}

.cbk_breadcrumb li span {
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    padding: 0px 10px;
    line-height: 35px;
    display: block;
    background: #ccc;
}

    .cbk_breadcrumb li span span {
        display: inline-block;
        font-weight: bold;
        font-size: 18px;
        padding: 0 5px 0 0;
    }


.cbk_breadcrumb .ui-disabled span {
    color: #333;
    font-weight: normal;
    border-radius: 18px 22px 22px 12px;
}

.cbk_breadcrumb li {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    vertical-align: middle;
}

.cbk_breadcrumb .ui-disabled {
}

.resume .cbk_breadcrumb #_ctl0_ContentPlaceHolder1_bc_resume {
}

#_ctl0_ContentPlaceHolder1_bc_mode_livraison {
}

.tableau-paiement thead tr th:first-child {
    border-left: 1px solid #CCC;
}

.panier-detail thead tr {
    height: 23px;
}


.tableau-paiement th {
    color: #666;
    font-weight: normal;
    padding: 4px 10px;
    border: 1px solid #CCC;
    vertical-align: middle;
    line-height: 23px;
    box-sizing: border-box;
    background: #CCC;
    text-align: center;
}

.tableau-paiement td {
    border: 1px solid #CCC;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-left: 1px solid #FFF;
    border-top: 0;
}

.tableau-paiement th {
    background: #EEE;
    border: 1px solid #CCC;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-left: 1px solid #FFF;
    white-space: nowrap;
}

.breadcrumb {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 1080px;
}

table .cbk_image {
    width: 66px;
    background: white;
}

    table .cbk_image img {
        width: 66px;
    }

.panier-all-1 div.cbk_logo {
    margin-top: 5px;
    float: none;
    vertical-align: middle;
    display: inline-block;
}

.panier-all-1 .head-panier {
    font-size: 0;
}

.panier-detail {
    float: none;
    clear: both;
    margin: 0;
}

    .panier-detail .nom-produit {
        background: white;
        padding: 0px 0 0 10px;
        text-align: left;
        max-width: 300px;
        box-sizing: border-box;
    }

.dispo_internet_panier .prodfiche_dispo {
    display: block;
    color: black;
    font-size: 0px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.dispo_internet_panier .prodfiche_nodispo {
    background: url('') no-repeat center 4px;
    display: block;
    color: black;
    font-size: 12px;
    padding-top: 20px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.dispo_internet_panier {
    display: block;
    max-width: 230px;
}

table .nom-produit a {
    color: #333;
    line-height: 16px;
    font-size: 12px;
    padding-left: 5px;
    display: block;
}

.linkproduit_panier {
    color: #7a7a7a;
    font-weight: normal;
    font-size: 12px;
}

.tableau-paiement {
    width: 948px;
}

.panier-detail td {
    vertical-align: middle;
    text-align: center;
}

.panier-detail tbody tr td:last-child {
}

.panier-detail tbody tr td:first-child {
    border-right: none;
    border-left: 1px solid #ccc;
}

.price-final .paiement3X_panier {
    display: none;
}

.div_remise_product_line p {
    color: #cb192d;
    font-weight: bold;
    font-size: 20px;
}

.panier-detail .dispo {
    padding: 5px 0;
}

.panier-detail tfoot tr {
    height: auto;
}

.panier-detail tfoot {
    height: 65px;
    background: #EEE;
}

    .panier-detail tfoot td:first-child {
        border-left: 1px solid #CCC;
        border-right: none;
    }

    .panier-detail tfoot div {
        border: 1px solid #CCC;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #FFF;
    }

    .panier-detail tfoot td {
        border: none;
        border-bottom: 1px solid #CCC;
    }




.dispo_internet_panier .prodfiche_dispo span {
    display: block;
    color: #093;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
}

.panier-detail tfoot tr td div {
    border: 1px solid #CCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #FFF;
    width: 50px;
    padding: 10px 0;
    margin: 0 auto !important;
}



.plusdedeuxans {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #c0c0c0;
    margin: 0 20px;
    line-height: 18px;
}

.lost-mdp #content_product {
    line-height: 18px;
}

.plusdedeuxans .creer_compte_f input {
    background: #333;
    text-align: center;
    color: white;
    line-height: 35px;
    margin-top: 15px;
    padding: 0px 10px;
    cursor: pointer;
}

.connexion-modif .btn_mpd {
    background: #333;
    color: white;
    text-align: center;
    float: none !important;
    width: 300px;
    padding-left: 0;
    display: block;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    margin-top: 20px;
    line-height: 35px;
}

.tableau-paiement th:last-child {
    width: 130px;
}

.panier-detail tfoot tr td .ttc-bloc {
    width: auto;
    padding: 5px 10px;
    min-height: 50px;
    box-sizing: border-box;
}

.panier-detail .price-ttx-panier {
    font-weight: 700;
    font-size: 20px;
    margin-top: 4px;
    color: black;
}

.dispo_internet_panier .prodfiche_nodispo {
    display: block;
}

.dispo_internet_panier .prodfiche_rupture {
    display: inline-block;
    color: #ff6e04;
}

.dispo-mag-panier {
    position: absolute;
    top: 16px;
    overflow-y: scroll;
    background: #fff;
    width: 100%;
    max-height: 0;
    transition: max-height .5s;
    font-size: 12px;
}

dispo_fiche:hover .dispo-mag-panier {
    animation: openstockmagpanier;
    animation-duration: 1s;
}


.dispo_internet_panier .mag_fiche .prodfiche_dispo {
    background: none;
    padding: 0;
    font-size: 0;
    border: none;
    line-height: 0;
}

    .dispo_internet_panier .mag_fiche .prodfiche_dispo span {
        font-size: 10px;
        line-height: 14px;
    }

.dispo-fiche-panier:hover ul {
    z-index: 1;
    border: 1px solid #ccc;
}

.dispo-fiche-panier ul li {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    padding-bottom: 5px;
}

.dispo-fiche-panier {
    position: relative;
}

.dispo {
    background: white;
    text-align: center;
}

.dispo_fiche {
    margin-top: 5px;
    text-decoration: underline;
    font-size: 12px;
}

.panier-detail .price_prod_resp {
    background: white;
    text-align: center;
    padding-bottom: 0;
}

.panier-detail .marque {
    text-transform: uppercase;
}

.panier-detail .product_constructeur {
    height: auto;
}

.panier-detail tr {
    border-bottom: 1px solid #ccc;
    height: 80px;
}

.panier-detail .tr-panier {
    display: block;
    width: 100%;
    height: 10px;
    border: none;
}

.erreur-stock-panier {
    clear: both;
    display: block;
    font-size: 12px;
    margin: 10px 0;
    color: #cb192d;
    text-align: center;
    line-height: 16px;
}

.quantite-produit {
    background: white;
}

.quantite-produit-gestion {
    background: white;
}

.panier-detail td {
}

.recapitulatif-panier-1 .panier-vide {
    text-align: center;
    margin: 50px 0;
}




.fin-commande .ui-block-a {
    float: left;
}

#_ctl0_ContentPlaceHolder1_div_code_promo_field .cbk_field_recherche input {
    border-radius: 13px 6px 20px 13px !important;
}

.btn_code_promo {
    border-radius: 50px;
}

.continuer-achat {
    margin-left: 0px !important;
    border-radius: 13px 6px 20px 13px !important;
}

    .continuer-achat:hover, .continuer-achat:hover * {
        background: #414446 !important;
        color: #d6d7d6 !important;
    }

    .continuer-achat::before {
        border-width: 20px 12px 20px 0 !important;
        margin: -20px 0 0 0;
        left: -12px;
    }

    .continuer-achat::before {
        /*border-color: transparent #777 transparent transparent;*/
    }

    .continuer-achat::before {
        /*        border-style: solid;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        top: 50%;
        width: 0;*/
    }


.continuer-achat {
    float: left;
}

.continuer-achat {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.continuer-achat {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
}

.continuer-achat {
    /*   background: #777;*/
    color: #FFF;
}

.continuer-achat {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 800;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    margin-left: 12px;
    background: #d6d7d6;
    color: #4a4a4a;
}

.foot-pan {
    background: #FFF;
    border: 0;
    color: #888;
    display: block;
    font-size: 10px;
    line-height: 15px;
    margin: 20px auto 20px auto;
    overflow: hidden;
    text-align: justify;
    width: 100%;
}

.continuer-achat input {
    background: #777;
    color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500 !important;
    padding: 0 20px;
    background: #d6d7d6 !important;
    color: #4a4a4a !important;
}

.compte.compte-modif input {
    background: black;
    border: 1px solid black;
    text-transform: uppercase;
    color: white;
    padding: 0px 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

.compte-modif input:hover {
    background: black url('') no-repeat left center;
}

.precedent {
    clear: both;
    background: black url('') no-repeat -500px center;
    border: 1px solid black;
    text-transform: uppercase;
    color: white;
    padding: 0px 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 38px;
    float: left;
    margin-bottom: 25px;
}

    .precedent:hover {
        background: black url('') no-repeat left center;
    }

.continuer {
    background: #20a75f url('') no-repeat -500px center;
    border: 1px solid #20a75f;
    text-transform: uppercase;
    color: #333;
    padding: 0px 40px;
    cursor: pointer;
    font-weight: 600;
    font-family: "Arial";
    line-height: 38px;
    float: right;
    margin-top: 0px;
    width: 254px;
    box-sizing: border-box;
}

.disabled.continuer {
    background: #ccc;
    border: 1px solid #ccc;
}


.block-acompte {
    background: #f0f0f0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 5px;
}


.recap-panier .nv-bt-continuer .continuer {
    margin-bottom: 0;
    background: #20a75f;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    width: auto;
}


.recap-panier .nv-bt-continuer {
    display: none;
}

.livraison-panier .recap-panier .nv-bt-continuer {
    display: block;
    float: none;
    clear: both;
}

.continuer:hover {
    background: #20a75f url('') no-repeat left center;
}

.continuer.disabled:hover {
    background: #ccc;
}

.adress-fac-livraison2 {
    margin-bottom: 50px;
}

.panier_libelle_bottom {
    display: none;
}



.prix-produit-total.price_prod_resp {
    color: #cb192d;
    font-weight: bold;
    font-size: 20px;
}

.price_prod_resp {
    font-weight: bold;
    font-size: 18px;
}

.conteneur-quantite input {
    border: none;
    cursor: pointer;
}


.conteneur-quantite .bt-l {
    background: #f0f0f0 url('') no-repeat;
    height: 20px;
    width: 20px;
}

.panier-detail .conteneur-quantite tr {
    border: none;
    height: auto;
}

.conteneur-quantite {
    border: 1px solid #ccc;
    margin: 0 auto;
}

    .conteneur-quantite td {
        background: #f0f0f0;
        display: inline-block;
        vertical-align: middle;
    }



        .conteneur-quantite td.center {
            line-height: 20px;
            width: 20px;
            background: white;
            border: none;
        }

.codepromo-panier {
    height: 60px;
}


.displaycode2 {
    display: none;
}


.paiement-panier .displaycode {
    display: none;
}

.paiement-panier .displaycode2 {
    display: table-cell;
}

.content-categorie-filtre a {
    border-top: 1px solid #ccc;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
}

.content-cat-landing {
    overflow: hidden;
    border-bottom: 15px solid #EEE;
    margin: 0 auto 20px auto !important;
}

.categorie-landing #_ctl0_ContentPlaceHolder1_intro_seo {
    overflow: hidden;
    /*border-bottom: 15px solid #EEE;*/
    margin: 0 auto 20px auto !important;
}

.content-categorie-filtre li:first-child a {
    border: none;
}

.categorie-landing .sep-fiche-prod-l h2 {
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.categorie-landing .categorie-r div {
    font-size: 0;
}

    .categorie-landing .categorie-r div h3 {
        font-size: 18px;
    }

.content-titre-cat {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
}

    .content-titre-cat p.titre-produit-cat {
        color: #000;
        display: block;
        font-weight: bold;
    }

.content-categorie-top li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

    .content-categorie-top li:last-child {
        border-bottom: 0;
    }

.content-categorie-filtre img {
    display: none;
}

.content-categorie-filtre li:first-child img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    height: 100px;
}

.number-top {
    vertical-align: middle;
    display: inline-block;
    color: white;
    background: #333;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    text-align: center;
    width: 15px;
}

#section-info-ticket p span {
    font-weight: bold;
}

#section-info-ticket p {
    font-size: 12px;
}

.content-top-filtre .content-titre-cat {
    display: inline-block;
    vertical-align: middle;
    width: 156px;
    padding: 10px;
    font-weight: normal;
    font-size: 10px;
}

.content-categorie-filtre .price-cat-top {
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    background: none;
    white-space: nowrap;
    font-weight: bold;
    width: 80px;
    text-align: right;
    vertical-align: middle;
}

.content-categorie-top li a {
    font-size: 12px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    width: 90%;
}



.price-cat-top {
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    font-weight: bold;
    width: 80px;
    text-align: right;
    vertical-align: middle;
}


.categorie-landing .sep-fiche-prod-l p, .categorie-landing .sep-fiche-prod-l span, .categorie-landing .sep-fiche-prod-l a, .categorie-landing .sep-fiche-prod-l b {
    color: #888;
    font-size: 12px;
    text-align: justify;
}

.content-categorie-top {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.content-titre-cat p {
    color: #888;
    font-size: 11px;
    line-height: 15px;
    height: auto;
    max-height: 45px;
    overflow: hidden;
}

.content-categorie-top img {
    vertical-align: middle;
    width: 75px;
    padding: 10px;
}

.categorie-landing .content-categorie-top:first-child {
    margin-right: 2%;
}

.categorie-landing .sep-fiche-prod-l h2 {
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}


.content-categorie-marg {
    margin-bottom: 10px;
}

.paiement-panier .codepromo-panier td:last-child {
    display: none;
}

.content-categorie-filtre p {
    background: #333;
    padding: 5px 10px;
    margin-top: 0px;
    display: block;
    line-height: 20px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.display {
    display: none;
}

.content-categorie-filtre, .content-categorie-marg {
    border-radius: 0px 0px 20px 13px !important;
}

.bt-valide-commande {
    border-radius: 13px 6px 20px 13px;
}

.panier-detail tfoot td:last-child {
    border-right: 1px solid #ccc;
}

.panier-detail tfoot {
    border-bottom: 1px solid #ccc;
}

.validation-panier {
    float: left;
    clear: left;
    width: 948px;
}



/*.bt-valide-commande::before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
}*/
.cbk__add-extension {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    line-height: 1;
}

.bt-valide-commande::before {
    border-width: 20px 0 20px 12px;
    margin: -20px 0 0 0;
    right: -11px;
}

.bt-valide-commande::before {
    border-color: transparent transparent transparent #20a75f;
}



.bt-valide-commande {
    float: right;
}

.bt-valide-commande {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.bt-valide-commande {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
}

.bt-valide-commande {
    background: #20a75f;
    color: #FFF;
}

    .bt-valide-commande input {
        background: #20a75f;
        color: #FFF;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 500 !important;
        padding: 0 30px;
    }

    .bt-valide-commande:hover * {
        background: #3dba7d !important;
    }

.bt-valide-commande {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 800;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    /*margin-right: 12px;*/
    border-radius: 13px 6px 20px 13px !important;
}

.panier-all-1 .bt-valide-commande {
    /*    line-height: 40px;*/
    /*   padding: 0 10px;*/
}

.bt-valide-commande:hover {
    background: #3dba7d !important
}

.mask span {
    color: #333;
}

.fin-commande {
    overflow: hidden;
    clear: both;
}

#productParametersList tr:first-child {
    width: 100%;
    background: #ccc;
}

.sep-fiche-prod-r .titre-rubrique {
    margin-bottom: 20px;
}

.sep-fiche-prod-r #productParametersList td {
    padding: 0 10px;
}

.mask {
    text-align: right;
    margin-bottom: 25px;
    font-size: 12px
}

.code_promo_text {
    font-weight: 500;
    font-size: 14px;
    background: #ccc;
}

.code-promo-libelle {
    text-transform: uppercase;
    line-height: 35px;
}

.cbk_field_recherche input {
    height: 35px;
    padding: 0 5px;
    width: 300px;
    margin-left: 25px;
}

.code-promo-cadre {
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0px;
/*    background: #dff0d8;
    border: 1px solid #d6e9c6;*/
    color: #3c763d;
    text-align: center;
    position: relative;
    margin-top: 15px;
}


.montage-compo {
    float: left;
    width: 235px;
    margin-bottom: 5px;
    margin-left: 0px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    margin-right: 30px;
    margin-top: 15px;
}

.popinfo_delais #l_resultat .label_pwdtxt {
    font-size: 18px;
    color: green;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}

.montage-compo .panier_libelle {
    background: #ccc;
    padding: 4px 10px 4px;
    color: black;
    line-height: 13px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.code-promo-cadre .cbk_field_recherche {
    float: none;
    position: relative;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

    .code-promo-cadre .cbk_field_recherche input {
        background: #FFF;
        border: 1px solid #CCC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
        box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
        color: #333;
        font-family: Arial,sans-serif;
        font-size: 14px;
        margin: 10px 0 10px 0;
        outline: 0;
        padding: 10px 16px;
        transition: box-shadow .5s ease,border .5s ease;
        width: 100%;
        box-sizing: border-box;
        width: 300px;
    }


.montage-compo .panier_libelle span {
    font-weight: 400;
    font-style: italic;
}

.montage-compo input {
    margin-right: 5px;
    float: left;
    line-height: 24px;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 24px;
}

    .montage-compo input[type=radio] {
        border-radius: 0 !important;
        box-shadow: none !important;
        border-image-slice: 0%;
    }

.montage-compo label {
    float: left;
    line-height: 24px;
}

.price-final-table {
    display: block;
    overflow: hidden;
    padding: 10px;
}

.price-recap-final {
    text-align: center;
    border: 1px solid #ccc;
    display: block;
    background: #f0f0f0;
    overflow: hidden;
}

.marque .descriptive_Text {
    display: none;
}

.panier-detail tbody tr td.quantite-produit-gestion:last-child {
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.panier-detail tbody tr .cbk_image:first-child {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ptc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.price-final-table tr:last-child .ptc {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.recap-price-panier {
    text-transform: uppercase;
    font-weight: 600;
    color: black;
    background: #ccc;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}


.price-final-table tbody {
    float: left;
    width: 100%;
}

.prix-produit-total.price_prod_resp.libelle-prix-total {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.assu-panier {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

    .assu-panier li {
        display: inline-block;
        vertical-align: middle;
    }

    .assu-panier ul {
        display: block;
        vertical-align: middle;
        width: 100%;
        text-align: center;
    }

    .assu-panier span {
        font-weight: bold;
    }

    .assu-panier li img {
        display: inline-block;
        vertical-align: middle;
        margin-left: 25px;
    }

    .assu-panier li p {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        text-align: left;
        font-size: 14px;
    }

    .assu-panier li:first-child img {
        margin-left: 0px;
    }

.error-code-promo {
    line-height: 20px;
    color: red;
    font-size: 13px;
    display: block;
    clear: both;
    display: block;
    float: none;
    font-weight: 600;
}

#_ctl0_ContentPlaceHolder1_divSubscribe a {
    background: black;
    color: white;
    padding: 5px 10px;
    margin-top: 15px;
    display: inline-block;
}

.livraison-panier .adresse-paiement {
    display: none;
}

.price-final-table tr {
    display: inline-block;
}

.price-final-table .prix-produit-total.price_prod_resp.libelle-prix-total.total-ttc {
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

.price-final-table .prix-produit-total.price_prod_resp.libelle-prix-total.code-promotionnel {
    font-size: 12px;
    color: #333;
    font-weight: normal;
}

.price-final-table .code-promotionnel, .price-final-table .total-ttc {
    font-size: 14px;
    color: #333;
}

.price-final-table .code-promotionnel {
    color: #cb192d;
}

.price-final-table .libelle-prix-total.total-commande {
}

.content-tableau-paiement {
    overflow: hidden;
}

.price-final-table .total-commande {
    font-size: 22px;
    width: 100%;
    display: block;
}

.price-final-table tr {
    width: 100%;
}

.price-final-table td {
    width: 100%;
    display: block;
}

.connexion-panier .banner_top_only, .connexion-panier .ajout-panier, .connexion-panier .cbx_tbx_recherche, .connexion-panier .sidebar, .connexion-panier .footer {
}

.head-panier {
    display: none;
}

.connexion-panier .head-panier, .panier-all-1 .head-panier {
    display: block;
}

.connexion-panier .copy-right {
    display: none;
}

.connexion-panier #cbk_menu_panel {
    height: auto;
}

.connexion-panier .price-final {
    display: none;
}

.connexion-panier .cbk_logo {
    text-align: center;
    float: none;
    margin-top: 0px;
    margin: 0 auto;
}

    .connexion-panier .cbk_logo img {
        margin-top: 20px;
    }

.panier-paiement .assu-panier {
    display: none;
}

.footer-panier {
    background: black;
    width: 100%;
    display: none;
}

.connexion-panier .footer-panier {
    display: block
}

.connexion-panier .cbk_breadcrumb li:first-child {
    background: url('') no-repeat center bottom;
}

.connexion-panier .cbk_breadcrumb li:nth-child(2) {
    background: url(/images/jack.png) no-repeat center bottom;
}

    .connexion-panier .cbk_breadcrumb li:nth-child(2) span {
        color: white;
        background: #333;
    }

.connexion-panier .continuer-achat {
    display: none;
}

.connexion-panier .bt-valide-commande {
    display: none;
}

.panier-all-1 #header_infos_bar, .panier-all-1 .block-search, .panier-all-1 .banner_top_only, .panier-all-1 .ajout-panier, .panier-all-1 .sidebar {
    display: none;
}

.connexion-panier .box_01 {
    display: none;
}

.assu-panier-foot {
    display: none;
}

.panier-all-1 #sticker {
    border: none;
}




.assu-panier-foot li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
    margin-top: 25px;
    margin-bottom: 25px;
}

    .assu-panier-foot li:first-child {
        margin-left: 0;
    }

.assu-panier-foot ul {
    display: table-cell;
    vertical-align: middle;
}

.assu-panier-foot span {
    font-weight: bold;
}

.assu-panier-foot li img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.assu-panier-foot li p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    color: white
}

.assu-panier-foot li:first-child img {
    margin-left: 0px;
}


.connexion-panier .form {
    min-height: 100%;
    position: relative;
}

.connexion-panier .footer-panier {
    position: relative;
    bottom: 0;
    margin-top: 30px;
}

.livraison-panier .assu-panier {
    display: none;
}

.creation-compte-panier {
    background: white;
    width: 430px;
    border: #ccc 1px solid;
    padding: 25px 50px;
    text-align: center;
}

.panier-connexion {
    background: #f0f0f0;
    width: 100%;
    border: #ccc 1px solid;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.connexion-panier .panier-connexion {
    background: white;
    width: 100%;
    border: #ccc 1px solid;
    padding: 10px 10px;
    text-align: center;
}

#_ctl0_ContentPlaceHolder1_panel_cdes {
    display: table-cell;
    padding-left: 20px;
    width: 100%;
    padding-bottom: 20px;
}

.compte-info .panier-connexion {
    background: white;
    width: 430px;
    float: left;
    padding: 25px 50px;
}

.adress-fac-livraison {
    display: none;
}

.livraison-panier .adress-fac-livraison {
    display: block;
    float: left;
    text-align: center;
    background: #f0f0f0;
    border: #ccc 1px solid;
    margin-top: 25px;
    width: 252px;
    padding-bottom: 10px;
    font-size: 12px;
}

.bloc-total {
}

.facture-paiement-panier {
    float: right;
    width: 280px;
}

.facture-final {
    float: right;
    clear: both;
    width: 280px;
}

.xfacture {
    float: right;
    clear: both;
}

.paiement-panier .prix-produit-total.price_prod_resp.libelle-prix-total {
    text-align: right;
    width: 160px;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    font-weight: 500;
    padding-bottom: 0;
}



.paiement-panier .prix-produit-total.price_prod_resp {
    color: black;
    font-weight: bold;
    font-size: 14px;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.paiement-panier .facture-final tr {
    line-height: 30px;
    position: relative;
}

    .paiement-panier .facture-final tr:before {
        content: "";
        display: block;
        background: #ccc;
        width: 300%;
        position: absolute;
        height: 1px;
        top: 0;
        left: -100%;
    }

.facture-paiement-panier {
    line-height: 30px;
}

.paiement-panier .facture-final tr:last-child .cbk_table_right {
    color: #cb192d;
    font-size: 20px;
}

.livraison-panier .adress-fac-livraison p {
    background: #333;
    color: white;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 10px;
    min-height: auto;
    padding-bottom: 0;
}

.livraison-panier .price-final {
    display: none;
}

.panier-connexion {
}

.creation-compte-panier {
    float: right;
    height: 346px;
}

.connexion-panier .recap-panier .firstletter {
    margin: 20px auto 0;
}

.connexion-panier .assu-panier {
    display: none;
}

.co-panier {
    color: #8c8c8c;
    font-size: 12px;
    text-align: center;
    margin: 25px 0;
}

.label_warning {
    margin: 25px 0;
    font-size: 12px;
    color: #9e0117;
}



.label_size_account_margin-1 input {
    border: 1px solid #ccc;
    background: #f0f0f0;
    padding: 0 10px;
    margin-bottom: 10px;
    width: 326px;
    cursor: pointer;
    line-height: 38px;
}

.compte {
    width: 950px;
    margin: 25px auto;
}

.connexion-panier .compte {
    margin: 40px auto;
    width: 100%;
}

.adresse-paiement {
    margin: 0px auto;
    overflow: hidden;
}

.paiement-panier .adresse-paiement {
    margin-top: 15px;
    width: 100%;
}

.label_size_account_margin-1 {
    width: 100%;
}

.txt-co-panier {
    text-align: left;
    margin: 25px 0 5px;
    font-weight: bold;
}

.txt-co-panier-mdp {
    margin: 10px 0 5px;
    text-align: left;
    font-weight: bold;
}

.compte input {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 10px;
}

.range-co2 {
    display: inline-block;
    vertical-align: middle;
    width: 38%;
    padding-left: 1%;
}

.connexion-bt input {
    background: #20a75f;
    border: 1px solid #20a75f;
    color: white;
    width: 100%;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 38px;
    font-weight: 600;
}


.montage-config-panier {
    margin-left: 10px;
}

.connexion-panier #_ctl0_ContentPlaceHolder1_Panel_Inscription {
    display: block;
    width: 100%;
    padding-left: 0;
}

.livraison-panier .cbk_breadcrumb li:nth-child(-n+3) span {
    color: #333;
    font-weight: normal;
    color: white;
    background: #333;
}

.connexion-panier #breadcrumb {
    display: none;
}

.connexion-panier .site_wrapper_2_col_1 {
    display: none;
}

.livraison-panier .banner_top_only, .livraison-panier .ajout-panier, .livraison-panier .cbx_tbx_recherche, .livraison-panier .sidebar {
    display: none;
}


.livraison-panier .copy-right, .livraison-panier .fin-commande {
    display: none;
}

.livraison-panier .box_01 {
    display: none;
}

    .livraison-panier .box_01.container_separator {
        display: block;
    }


.livraison-panier #cbk_menu_panel {
    height: auto;
    position: relative;
}

.livraison-panier .cbk_logo {
    text-align: center;
    float: none;
    margin: 0 auto;
    margin-top: 0px;
}

    .livraison-panier .cbk_logo img {
        margin-top: 20px;
    }

.livraison-panier .footer-panier {
    display: block
}





.livraison-panier .form {
    min-height: 100%;
    position: relative;
}

.livraison-panier .footer-panier {
    position: relative;
    bottom: 0;
}



.table-connexion {
    width: 100%;
}

.panel_adr_livraisons {
    border: 1px solid #ccc;
    background: white;
    padding: 15px;
    margin: 25px 0;
    overflow: hidden;
}

.cbk_list_nodots-livraison {
    background: #f0f0f0;
    border: 1px solid #ccc;
    height: 25px;
    font-style: italic;
    width: 100%;
    color: #333;
}



.panel_adr_livraisons p {
    float: left;
    line-height: 25px;
}

.panier-connexion .firstletter, .creation-compte-panier .firstletter {
    margin: 0px 0 5px;
    font-size: 15px;
    font-weight: 700;
    color: black;
}

.connexion-panier .panier-connexion .firstletter, .connexion-panier .creation-compte-panier .firstletter {
    font-size: 20px;
}

.paiement-panier .panier-detail tfoot {
    border-bottom: 1px solid #ccc;
    display: none;
}





.range-co {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    border-right: 1px solid #ccc;
    padding-right: 1%;
}


.connexion-panier .panier-connexion .firstletter {
    margin: 25px 0;
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
    text-align: left;
    font-weight: bold;
}

.connexion-panier .creation-compte-panier .firstletter {
    margin: 25px 0;
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
    text-align: left;
    font-weight: bold;
}

#cbk_page_container {
}

div_mode_livraison {
    overflow: hidden;
}

.table-connexion td {
    display: block;
}

.table-connexion tr {
    display: block;
    padding: 0 10px;
    border: 1px solid #ccc;
    /*background: #f0f0f0;*/
    box-sizing: border-box;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    margin-bottom: 15px;
}

.groupe-livraison img {
    float: left;
    padding: 15px 15px 0px 15px;
}

.table-connexion tr td {
    cursor: pointer;
}

.table-connexion tr label {
    cursor: pointer;
}

.table-connexion tr:last-child {
    margin-right: 0px;
}

.table-connexion tr input {
    /*-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;*/
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    /*position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;*/
}

    .table-connexion tr input:checked:before {
        background: #20a75f;
        height: 37px;
    }

/*.table-connexion tr input:checked:after {
            content: "VOTRE CHOIX";
            bottom: 2px;
            font-size:15px;
            color: white;
        }*/

.contact-content {
    display: table-cell;
    vertical-align: top;
    width: 1058px;
    padding-left: 20px;
}

.table-connexion tr:hover input:checked:before {
    height: 37px;
}

.table-connexion tr:hover input:checked:after {
    bottom: 2px;
}

div.modif-adress {
    background: black;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    width: auto;
    margin: 5px auto 0;
    line-height: 25px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.livraison-add {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
}

.table-connexion label .livraison-add p {
    background: #333;
    color: white;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    min-height: auto;
    padding-bottom: 0;
}

/*
    .table-connexion tr input:checked {
    display: block;
    position: absolute;
    width: 230px;
    height: 332px;
    border: 5px solid #20a75f;
    top: 0px;
    left: 0px;
}
*/
/*.table-connexion tr input:after {
    content: "CHOISIR";
    width: 80%;
    position: absolute;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size:15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
}*/

/*.table-connexion tr input::before {
    background: #333;
    content: "";
    height: 40px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
*/


.table-connexion tr input:hover:before {
}

.table-connexion tr input:hover:after {
}

/*.table-connexion tr:hover input:checked {
    display: block;
    position: absolute;
   box-sizing: border-box;
   border: 5px solid #20a75f; 
    top: 0;
    left: 0;
    z-index: 10;
}
*/

.table-connexion {
    display: block;
    margin-top: 0px;
    width: 948px;
}

.paiement3X_panier p {
    font-size: 10px;
}

.recap-panier .table-connexion {
    display: none;
}

.livraison-panier .recap-panier .table-connexion {
    display: block;
    width: 100%;
}

.livraison-panier .table-connexion tr {
    width: 100%;
}

#_ctl0_ContentPlaceHolder1_rbl_choix_livraison tbody {
    display: block;
    width: 100%
}

.paiement3X_panier span {
    font-size: 16px;
    color: #20a75f;
    font-weight: bold;
}

.table-connexion input {
    vertical-align: middle;
}

.table-connexion label {
    vertical-align: middle;
    display: inline-block;
    width: 96%;
}


.panier-vide {
    text-align: center;
    font-size: 30px;
    margin: 50px 0;
}

.table-connexion label img {
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
}

.table-connexion .groupe-livraison img {
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    padding: 10px;
    width: 130px;
    float: none;
}

.table-connexion .groupe-livraison p {
    display: inline-block;
}

.table-connexion label p {
    display: block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0px;
    padding: 15px;
    box-sizing: border-box;
}

.groupe-livraison {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#_ctl0_ContentPlaceHolder1_rbl_choix_livraison label > span {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 90px;
    text-align: center;
    border-left: 1px solid black;
    padding-left: 15px;
    color: #cb192d;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-50%, -50%);
}

#_ctl0_ContentPlaceHolder1_rbl_choix_livraison label {
    font-size: 0;
}

.groupe-livraison p:nth-of-type(1) {
    font-weight: 800;
    margin-left: 15px;
    width: 200px;
    border-left: 1px solid black;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid black;
}

.table-connexion label p:nth-of-type(1) strong {
    font-weight: 800;
}

.table-connexion label p:first-child strong {
    background: none;
    color: #20a75f;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 18px;
    font-size: 15px;
    padding-top: 5px;
}

.table-connexion label p:first-child {
    border: none;
    height: auto;
    padding: 0px;
    min-height: auto;
    margin-bottom: 5px;
}

.table-connexion label p {
    display: inline-block;
    width: 340px;
    font-size: 13px;
    border-top: none;
    text-align: left;
    padding: 0px;
}

    .table-connexion label p strong {
        font-weight: 600;
        text-transform: uppercase;
        display: inherit;
        line-height: 17px;
    }


.table-connexion span {
    display: block;
    text-align: left;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}




.table-connexion tr:hover td:before, .table-connexion tr:hover td:after {
    /*height: 100%;*/
}

.table-connexion tr:hover td::before, .table-connexion tr:hover td::after {
    top: 0;
}

.table-connexion tr td::before, .table-connexion tr td::after {
    content: "";
    width: 3px;
    height: 0;
    position: absolute;
    background: black;
}

.table-connexion tr td::after {
    right: 0;
    top: 50%;
}

.table-connexion tr td::before {
    left: 0;
    top: 50%;
}


.title_fiche_panier_livraison {
    margin: 10px 0;
    font-size: 12px;
}



.paiement-panier .tableau-paiement thead tr th:nth-of-type(2) {
    display: none;
}

.paiement-panier .tableau-paiement thead tr th:nth-of-type(3) {
    display: none;
}

.paiement-panier .tableau-paiement thead tr th:nth-of-type(6) {
    display: none;
}

.paiement-panier .tableau-paiement tbody tr td:nth-of-type(7) {
    display: none;
}

.livraison-panier .creation-compte-panier {
    height: auto;
}

.paiement-panier .banner_top_only, .paiement-panier .ajout-panier, .paiement-panier .cbx_tbx_recherche, .paiement-panier .sidebar {
    display: none;
}

.paiement-panier #cbk_menu_panel {
    height: auto;
}

.paiement-panier .price-final {
    display: none;
}

.paiement-panier .footer-panier {
    display: block;
    margin-top: 15px;
}

.paiement-panier .cbk_logo img {
    margin-top: 20px;
}

.paiement-panier .cbk_logo {
    text-align: center;
    float: none;
    margin-top: 0px;
    margin: 0 auto;
}

.paiement-panier .creation-compte-panier {
    height: auto;
}

.paiement-panier .cbk_breadcrumb li:nth-child(1) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.paiement-panier .cbk_breadcrumb li:nth-child(2) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.paiement-panier .cbk_breadcrumb li:nth-child(3) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

    .paiement-panier .cbk_breadcrumb li:nth-child(1) span, .paiement-panier .cbk_breadcrumb li:nth-child(2) span, .paiement-panier .cbk_breadcrumb li:nth-child(3) span, .paiement-panier .cbk_breadcrumb li:nth-child(4) span {
        font-weight: 600;
        background: #333;
        color: white;
        border-radius: 0;
    }

.secu-page-paiement {
    display: none;
    border: 1px solid #ccc;
    background: white;
    padding: 15px 25px;
    text-align: center;
    font-size: 12px;
    width: 100%;
    margin-top: 25px;
    clear: left;
    box-sizing: border-box;
}

.paiement-panier .content-tableau-paiement {
    width: 510px;
    margin-top: 20px;
    margin-bottom: 20px;
}



.paiement-panier .secu-page-paiement {
    display: block;
}

.secu-page-paiement span {
    font-weight: bold;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
}

.title_fiche_panier_identification_pos {
    font-size: 12px;
    color: #7a7a7a;
    margin-bottom: 25px;
    text-align: center;
    clear: both;
    margin-top: 10px;
}

.paiement-panier .quantite-produit-gestion {
    display: none;
}

.paiement-panier .conteneur-quantite {
    border: none;
}

.quantite-paiement {
    display: none;
}

.paiement-panier .quantite-paiement {
    display: block
}

.paiement-panier .conteneur-quantite td {
    font-size: 12px;
    padding-right: 10px;
}

.paiement-panier .tableau-paiement {
    width: 510px;
    display: block;
    padding: 0px;
    float: left;
}

.paiement-panier .panier-detail tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: none;
    border-right: none;
}

.paiement-panier .panier-detail .prix-produit-total.price_prod_resp {
    color: #333;
    font-weight: bold;
    text-align: right;
    font-size: 16px;
    background: none;
    padding-right: 10px;
}

.paiement-panier .panier-detail .tr-panier {
    display: none;
}

.paiement-panier .panier-detail .dispo {
    display: none;
}

.displaynone {
    /*display:none;*/
}

.moyen-paiement {
    display: none;
}

.paiement-panier .moyen-paiement {
    display: block;
}

.retour-paiement {
    display: none;
}

.paiement-panier .retour-paiement {
    display: block;
}

.paiement-panier .panier-detail .conteneur-quantite tr {
    border: none;
}

.paiement-panier table .cbk_image img {
    width: 60px;
    border: 1px solid #ccc;
    margin-left: 1px;
}

.paiement-panier table .cbk_image {
    width: 80px;
    background: none;
}

.paiement-panier table .no-mobile {
    display: none;
}

.paiement-panier .price-unitaire {
    display: none;
}

.paiement-panier .panier-detail .marque {
    font-size: 12px;
}

.paiement-panier table .nom-produit a {
    font-size: 10px;
}

.paiement-panier .panier-detail .nom-produit {
    background: none;
    padding: 0px 10px 0 10px;
    text-align: left;
    width: 250px;
}

.paiement-panier .tableau-paiement .firstletter {
    font-size: 20px;
    margin: 0
}


.paiement-panier .tableau-paiement {
    margin: 0px 0;
}

    .paiement-panier .tableau-paiement p {
        font-weight: bold;
        color: black;
        text-align: center;
        background: #fff;
        text-transform: uppercase;
        line-height: 30px;
    }

    .paiement-panier .tableau-paiement .page-paiement table, .paiement-panier .tableau-paiement .page-paiement tbody {
        display: block;
    }

    .paiement-panier .tableau-paiement .page-paiement tr {
        text-align: right;
        display: block;
    }

    .paiement-panier .tableau-paiement .page-paiement .facture-final tbody tr:last-child {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 10px;
    }

    .paiement-panier .tableau-paiement .page-paiement tbody tr td:last-child {
        text-align: right;
    }


.resume .dispo {
    display: none;
}

.resume .basket_button_correction {
    display: none;
}

.resume .conteneur-quantite {
    display: none;
}

.resume .panier-detail .price-unitaire {
    display: none;
}

.resume .panier-detail {
    width: 612px;
    display: block;
    background: white;
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 25px 0;
}

    .resume .panier-detail tr:first-child {
        border-top: none;
    }

    .resume .panier-detail tr {
        border-bottom: none;
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: none;
        display: block;
        width: 100%;
    }

    .resume .panier-detail tbody {
        display: block;
        width: 100%;
    }

.resume .prix-produit-total.price_prod_resp {
    text-align: right;
    width: 156px;
}

.resume-paiement {
    width: 612px;
    display: block;
    background: white;
    /*float: right;*/
    margin: 0 auto 30px;
}

    .resume-paiement table {
        width: 100%;
    }

        .resume-paiement table tr td:last-child {
            text-align: right;
            font-weight: bold;
            color: #20a75f;
            padding-bottom: 5px;
        }

.resume .resume-paiement {
    margin-top: 30px;
}

.resume .continuer-achat {
    float: none;
    text-align: center;
}

.continu-achat {
    display: none;
}

.resume .continu-achat {
    display: block;
}


.confimartion-panier {
    /*display:none;*/
}

.resume .confimartion-panier {
    clear: both;
    display: block;
    text-align: center;
    font-weight: bold;
    margin: 25px 0;
}

.resume .panier-detail .tr-panier {
    display: none;
}

.resume .resume-paiement {
    width: 100%;
}

.resume .tableau-paiement .firstletter {
    display: none;
}

.resume .panier-detail {
    margin-top: 25px;
}

.paiement-panier .tableau-paiement .page-paiement .facture-final tr:first-child td {
    color: #7a7a7a;
    font-size: 12px;
}

.paiement-panier .tableau-paiement .page-paiement td {
    display: inline-block;
}

.paiement-panier .tableau-paiement .page-paiement .title_fiche_panier_identification_right {
    font-size: 10px;
    text-align: right;
}

    .paiement-panier .tableau-paiement .page-paiement .title_fiche_panier_identification_right span {
        font-size: 16px;
        color: #20a75f;
        font-weight: bold;
    }

.connexion-panier .creation-compte-panier {
    width: 61%;
    float: none;
    padding: 10px;
    height: auto;
}


.paiement-panier .tableau-paiement .page-paiement .facture-paiement-panier td {
    color: #7a7a7a;
    font-size: 12px;
}

.paiement-panier .tableau-paiement .page-paiement .Frais.de.port td {
    color: #7a7a7a;
    font-size: 12px;
}

.paiement-panier .tableau-paiement .page-paiement .Total.facture td {
    color: #7a7a7a;
    font-size: 12px;
}

.paiement-panier .page-paiement {
    margin-top: 0px;
    overflow: hidden;
}

.paiement-panier .moyen-paiement {
    width: 690px;
    display: block;
    margin: 0 0 20px 0;
    float: right;
}

.paiement-panier.panier-all-1 .table-stripe {
    margin-bottom: 0 !important;
}

.paiement-panier .moyen-paiement .firstletter {
    font-weight: bold;
    color: white;
    text-align: center;
    background: #333;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 16px;
}

.paiement-panier .title_fiche_payment_logos {
    color: #7a7a7a;
    font-size: 12px;
}

.payer-enligne, .payer-enligne-disabled {
    display: block;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    border: 1px #ccc solid;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    position: relative;
}


    .payer-enligne label {
        margin-left: 25px;
        vertical-align: middle;
        cursor: pointer;
        width: 598px;
        display: inline-block;
        line-height: 50px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        position: relative;
        z-index: 3;
    }

        .payer-enligne label:after {
            content: "CHOISIR";
            width: 100px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: 30px;
            line-height: 30px;
            background: #20a75f;
            z-index: 2;
            color: black;
            text-align: center;
            right: 25px;
        }


    .payer-enligne:hover label:after {
    }

    .payer-enligne label:before {
        content: "";
        height: 50px;
        width: 150px;
        display: block;
        position: absolute;
        right: 0;
    }

    .payer-enligne input {
        display: inline;
        vertical-align: middle;
        position: relative;
        z-index: 3;
    }

.payer-enligne-disabled {
    cursor: none;
    opacity: 0.5;
}

.paiement-ligne div {
}

    .paiement-ligne div:hover {
    }

.paiement-ligne {
    text-align: center;
}

.resume .cbk_breadcrumb li:nth-child(1) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.resume .cbk_breadcrumb li:nth-child(2) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.resume .cbk_breadcrumb li:nth-child(3) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.resume .cbk_breadcrumb li:nth-child(4) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.resume .cbk_breadcrumb li {
    background: url('') no-repeat center bottom;
}

    .resume .cbk_breadcrumb li:nth-child(1) span, .resume .cbk_breadcrumb li:nth-child(2) span, .resume .cbk_breadcrumb li:nth-child(3) span, .resume .cbk_breadcrumb li:nth-child(4) span, .resume .cbk_breadcrumb li:nth-child(5) span {
        background: #333;
        color: white;
    }

.resume .price-final {
    display: none;
}

.continuee-paiement {
    overflow: hidden;
}

.annulation-commande {
    text-align: center;
    margin: 25px 0;
}

.retour-panier {
    text-align: center;
}

    .retour-panier input:hover {
        background: black url('') no-repeat left center
    }

    .retour-panier input {
        clear: both;
        background: black;
        border: 1px solid black;
        text-transform: uppercase;
        color: white;
        padding: 0px 20px;
        cursor: pointer;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 25px;
    }

.size-accep {
    text-align: center;
    font-size: 30px;
    margin: 50px 0;
    color: #093;
}

.resume .resume-paiement {
    /*display:none;*/
}

.resume .panier-detail {
    display: none;
}

.connexion-panier .icone-menu-mob, .livraison-panier .icone-menu-mob, .paiement-panier .icone-menu-mob {
    display: none !important;
}

.connexion-panier .block-search, .livraison-panier .block-search, .paiement-panier .block-search {
    display: none !important;
}

.connexion-panier .cbk_logo img, .livraison-panier .cbk_logo img, .paiement-panier .cbk_logo img {
    margin-top: 20px;
    margin-bottom: 20px;
}

tr.frais-port-offert .label-frais-port-offert tr,
tr.frais-port-offert .label-frais-port-offert td,
tr.frais-port-offert .label-frais-port-offert {
    float: left;
    width: 100%;
}

.label-frais-port-offert {
    font-size: 13px;
    color: #093;
    text-align: center;
    padding-top: 5px;
    display: none;
}

.assu-panier li:nth-child(3) {
    display: none;
}

.assu-panier-foot li:nth-child(3) {
    display: none;
}

.bt-livraison-sup {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .bt-livraison-sup input.continuer {
        margin-bottom: 0;
    }


.title_payment {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}

.radio_btnlist {
    width: 100%;
    margin-bottom: 15px;
}

    .radio_btnlist tbody, .radio_btnlist tr, .radio_btnlist td {
        width: 100%;
        display: block;
    }

    .radio_btnlist input {
        float: right;
        display: none;
    }

    .radio_btnlist td {
        line-height: 35px;
        cursor: pointer;
    }

        .radio_btnlist td div {
            cursor: pointer;
            background: url('') no-repeat right center;
        }

        .radio_btnlist td .select_account {
            cursor: default;
            background: url('') no-repeat right center;
        }

            .radio_btnlist td .select_account:hover {
                cursor: default;
                background: url('') no-repeat right center;
            }

        .radio_btnlist td div:hover {
            background: url('') no-repeat right center;
        }


.condition-vente {
    font-size: 13px;
    text-align: center;
}

.product_constructeur span {
    font-size: 14px;
    font-weight: 600;
}

/* FIN PANIER */

/* PAGE MAG */
.mag-slide {
    background: url(../images_assets/magasin-accueil-mob.jpg) no-repeat center center;
    position: relative;
    height: 329px;
    width: 100%;
    background-size: cover;
    overflow: hidden;
}

#contentlanding.magasins {
    margin: 0;
}

.mag-slide-content {
    position: absolute;
    right: 68px;
    width: 558px;
    top: 44%;
    transform: translateY(-50%);
}

.mag-slide a:hover {
    color: white;
}

.localisation a {
    color: #fff;
    text-transform: uppercase;
    padding: 8px 20px;
}

.geolocalisation {
    height: 40px;
}

.map {
    float: left;
}

.localisation {
    background: black;
    text-align: center;
}

    .localisation img {
        margin-right: 10px;
        position: relative;
        top: 6px;
    }

.switch-mag {
    margin: 10px 3%;
    color: white;
}

.cbtk-mag {
    width: 210px;
    float: left;
}

#_ctl0_ContentPlaceHolder1_txt_mag_recherche {
    width: 210px;
    border: 1px solid white;
    height: 39px;
    padding: 0 10px;
    background: white;
}



Règles
Calculé
Animations
Polices

button.ui-btn::-moz-focus-inner {
    border: 0;
}

#_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche::after {
    left: 50%;
    margin-left: -11px;
}

#_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche::after {
    top: 50%;
    margin-top: -11px;
}

#_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche::after {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
}

#_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche {
    float: left;
    height: 40px;
    width: 40px;
    background: #20a75f url(../images_assets/icone-search-mag.png) no-repeat center center;
    border: none;
    margin-top: 0px;
    cursor: pointer;
}

.cbtk-mag .ui-input-text {
    margin: 0;
    border: 0;
}

#contentlanding .titre-mag-accueil {
    font-size: 30px;
    color: white;
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}



.mag-content-accueil {
    overflow: hidden;
    text-align: center;
}

    .mag-content-accueil span {
        display: block;
        margin: 25px 0;
        font-size: 25px;
        color: #9e0117;
        text-transform: uppercase;
    }


.icon-Configurations, .icon-Conseils {
    width: 33px;
    height: 33px;
    background-image: url(icon-sprite.png);
}

.icon-Conseils {
    background-position: -400px -214px;
}

.icon-Livraison_Rapide {
    background-position: -328px -334px;
}

.icon-Collissimo {
    background-position: -264px -198px;
    width: 91px;
}

.icon-Carte_Bleue {
    background-position: -40px -334px;
}

.icon-Master_Card {
    background-image: url(icon-sprite.png);
    background-position: -92px -334px;
    width: 52px;
    height: 36px;
}

.icon-Carte_Visa {
    background-position: -144px -334px;
}


.icon-Configurations {
    background-position: -33px -384px;
}

.icon-Windows {
    background-image: url(icon-sprite.png);
    background-position: -361px -334px;
    width: 33px;
    height: 33px;
}

.icon-Reparations {
    background-image: url(icon-sprite.png);
    background-position: -202px -299px;
    width: 33px;
    height: 33px;
}

.icon-Retrait_Magasin, .icon-Retrait_Mini, .icon-Sans_Frais_Fiche {
    background-image: url(icon-sprite.png);
    width: 33px;
    height: 33px;
}

.icon-Retrait_Mini {
    background-position: -400px -313px;
}

.icon-Livraison_Rapide, .icon-Livraison_Rapide_Fiche {
    width: 33px;
    height: 33px;
    background-image: url(icon-sprite.png);
}


.icon-TNT {
    background-position: -168px -198px;
    width: 96px;
}

.icon-TNT, .icon-TNT_Icone {
    height: 35px;
    background-image: url(icon-sprite.png);
}

.icon-Collissimo {
    background-position: -264px -198px;
    width: 91px;
}


.magasins .firstletter span {
    text-transform: uppercase;
    font-size: 26px;
    color: #333;
}

.float-mag {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 3.5%;
    width: 18%;
    margin-bottom: 25px;
    font-size: 12px;
    text-align: justify;
    text-align-last: center;
}

.text_mag_encart {
    font-size: 12px;
    line-height: 20px;
}

.color-mag-all {
    overflow: hidden;
    font-size: 0;
}



.magasins .firstletter {
    margin: 25px 0;
    text-align: center;
}

#contentlanding .firstletter {
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    font-size: 24px;
}

#contentlanding .ouverture {
    text-transform: uppercase;
    color: #093;
    font-size: 12px;
    font-weight: 600;
}

#contentlanding .fermeture {
    color: #ff6e04;
    font-size: 12px;
    font-weight: 600;
}

.ferme {
    color: #cb192d;
    font-size: 12px;
    font-weight: 600;
}

.mag-proche-accueil ul {
    list-style: none;
}

    .mag-proche-accueil ul li {
        width: 300px;
        display: inline-block;
        text-align: center;
        border: 1px solid #333;
        margin-bottom: 10px;
        position: relative;
        margin-right: 10px;
        padding-bottom: 10px;
    }

        .mag-proche-accueil ul li:last-child {
            margin-right: 0px;
        }

.mag-proche-accueil li .horaire-mag-accueil {
    background: #333;
    text-align: center;
    color: white;
    padding: 10px 25px;
    text-transform: uppercase;
    border: 1px solid #333;
    transition: all 0.5s;
    line-height: 40px;
}

.mag-proche-accueil li img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s;
}

.clear {
    clear: both;
}

.mag-proche-accueil li:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

.color-mag .ui-block-a, .color-mag .ui-block-b, .color-mag .ui-block-c, .color-mag .ui-block-d {
    margin-bottom: 25px;
}

.mag-proche-accueil ul {
    margin: 25px 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.color-mag.color-mag-solo .ui-block-a {
    margin-top: 10px;
}

.mag-proche-accueil li .horaire-mag-accueil:hover {
    color: #333;
    background: white;
}

.mag-proche-accueil {
    overflow: hidden;
    background: white;
    border: 1px solid #ccc;
}

.img-mag-accueil {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

#contentlanding .txt-mag-accueil p {
    font-size: 12px;
    text-align: justify;
}

#contentlanding .txt-mag-accueil h1 {
    margin-top: 0px;
}

.all-seo-mag {
    margin-bottom: 30px;
}

/* MAG */


.pl_all {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}

    .pl_all a:hover {
        text-decoration: underline;
    }

.jqvmap-label {
    position: absolute;
    width: auto;
    color: #FFCF00;
    border-radius: 20px;
    padding: 8px;
    margin-left: 30px;
    margin-bottom: 10px;
    background-color: #1a377b;
}

.cbk_btn_recherche_mag {
    float: right;
    margin-left: 2px !important;
    height: 41px !important;
}

.adresse-mag-accueil {
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 14px;
}

.horaire-mag-accueil {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.text_mag_encart_bold {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-shadow: none;
    margin-bottom: 5px;
    text-align: center;
}

.color-mag.color-mag-solo .ui-block-a .text_mag_encart_bold {
    text-align: left;
}

.sep-marg {
    margin-bottom: 25px;
}
/* Fin Bloc Magasins */
/* ESPACE COMPTE */
.votre-compte .firstletter {
    margin: 15px 0;
    text-align: center;
}


.deconnexion-compte input {
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
}



.nom-compte {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: #888;
    font-size: 32px;
    margin-bottom: 20px;
}

.votre-compte .histo-etc .label_size_account_margin-1 input {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
    background: #000;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.bjr-nom {
    color: #888;
    font-size: 32px;
    border-bottom: 1px solid #CCC;
}

.accueil-compte {
    padding: 10px 20px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}


.votre-compte .label_size_account_margin-1:hover::before, .votre-compte .label_size_account_margin-1:hover::after {
    width: 100%;
    left: 0;
}

.votre-compte .label_size_account_margin-1:hover::after {
    left: 0%;
    bottom: 0;
}

.votre-compte .label_size_account_margin-1::before {
    left: 0%;
    top: 0;
}






.moncomptelien::after {
    right: 0;
    top: 50%;
}

.moncomptelien::before {
    left: 0;
    top: 50%;
}


.votre-compte .label_size_account_margin-1 img {
    vertical-align: middle;
    margin-right: 10px;
    width: 40px;
}

.votre-compte .label_size_account_margin-1 .sep-hori {
    display: none;
}

.votre-compte .ui-grid-b a.classlast div {
    float: right;
    margin-right: 0;
}


.votre-compte .label_size_account_margin-1 input {
    border: none;
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    width: auto;
    cursor: pointer;
    line-height: inherit;
    text-transform: initial;
    display: inline-block;
    vertical-align: middle;
    color: #333;
}

.votre-compte .label_size_account_margin-1 .sep-hori {
    margin: 10px 0;
}

.votre-compte .label_size_account_margin-1 p {
    border: none;
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    width: auto;
    cursor: pointer;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    vertical-align: middle;
}

.votre-compte .label_size_account_margin-1.last-icone-compte {
    margin-right: 0px;
    float: right;
}

.panel-compte {
    display: none;
}

#_ctl0_ContentPlaceHolder1_panel_edit_adresse {
    display: table-cell;
    width: 100%;
    padding-left: 20px;
}

.retour-boutique-compte {
    clear: both;
    background: #20a75f;
    line-height: 38px;
    text-align: center;
    width: 130px;
    border: 1px solid #20a75f;
    margin: 0 auto 15px;
    border-radius: 5px;
}

    .retour-boutique-compte a {
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        transition: all 0.5s;
    }


.tout-menu .global-menu.menu-bureautique.menu-bonplan.black-menu {
    float: none;
}

.bt-retour-compte input {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    clear: both;
    background: black url('') no-repeat -500px center;
    line-height: 35px;
    text-align: center;
    width: 120px;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 5px !important;
}

    .bt-retour-compte input:hover {
        background: black url('') no-repeat left center;
    }

.votre-compte .firstletter {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
    text-align: left;
}

.connexion-compte {
    overflow: hidden;
    border: 1px solid #CCC;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.votre-compte .firstletter span {
    font-weight: bold;
}

.votre-compte .firstletter span {
    text-transform: uppercase;
}

.votre-compte .sep-hori {
    background: black;
    height: 1px;
}

.bt-retour-compte {
    margin: 10px auto 25px;
    width: 120px;
    clear: both;
}

.statut-commande {
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    background: #1267B3;
    color: white;
    padding: 10px 0 10px 0px;
}

    .statut-commande label {
        margin-left: 10px;
        text-transform: uppercase;
    }

        .statut-commande label span {
            text-transform: uppercase;
        }

.historique-commande {
    margin-top: 25px;
}

.histo-commande {
    background: #20a75f;
    padding: 10px;
    overflow: hidden;
}

    .histo-commande span, .histo-commande a {
        color: #fff;
        font-weight: bold;
    }

    .histo-commande input {
        background: #333;
        color: white;
        border: none;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }

    .histo-commande p {
        color: #fff;
    }


    .histo-commande div {
        display: inline-block;
        vertical-align: middle;
        margin-left: 55px;
    }

.suivi-2 .label_size {
    width: 109px !important;
    overflow: hidden;
    display: block;
}

.detail-commande img {
    width: 100px;
}

.histo-commande div:first-child {
    margin-left: 0px;
}

.pagination-histo span span {
    background: #333;
    color: white;
    border: 1px solid #ccc;
    margin: 0 1px;
    padding: 3px 5px;
    display: inline-block;
}

.pagination-histo a {
    background: #fff;
    color: #333;
    transition: all 0.5s;
    padding: 3px 5px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 1px;
}

    .pagination-histo a:hover {
        background: #333;
        color: white;
        border: 1px solid #ccc;
    }

.pagination-histo {
    background: white;
    margin-top: 15px;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 8px 25px;
}

.suivi-histo {
    width: 125px;
}

.detail-histo input {
    background: #20a75f url('') no-repeat -500px center;
    color: #333;
    font-weight: normal;
    padding: 8px 25px;
    font-size: 14px;
    border: 1px solid #20a75f;
}


    .detail-histo input:hover {
        background: #20a75f url('') no-repeat left center;
    }

.contact-histo a {
    background: #20a75f url('') no-repeat -500px center;
    color: white;
    font-weight: normal;
    padding: 0px 25px;
    line-height: 32px;
    display: block;
    text-transform: uppercase;
    border: 1px solid white;
    font-size: 14px;
}


    .contact-histo a:hover {
        background: #20a75f url('') no-repeat left center;
    }

.contact_cyber_rail .firstletter {
    text-align: center;
    margin: 25px 0;
}

.contact_cyber_rail .sep-hori {
    margin-bottom: 25px;
}

.contact_cyber_rail table {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.contact_cyber_rail thead {
    background: #333;
    color: white;
    line-height: 40px;
    text-transform: uppercase;
}

    .contact_cyber_rail thead th span {
        text-transform: uppercase;
    }

.contact_cyber_rail tbody {
    background: white;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.contact_cyber_rail tr {
    border-bottom: 1px solid #ccc;
}

    .contact_cyber_rail tr td:last-child {
        color: #1267B3;
        font-weight: bold;
        font-size: 18px;
    }

.sup_basket {
    display: none;
}

.contact_cyber_rail tbody tr:last-child {
    border: none;
}

.contact_cyber_rail td {
    vertical-align: middle;
}

#popupConfirm {
    display: none;
}

.charger-detail {
    float: right;
}

    .charger-detail input {
        background: #1267B3;
        color: white;
        border: 1px solid #1267B3;
        line-height: 38px;
        padding: 0 25px;
        transition: all 0.5s;
        text-transform: uppercase;
    }


        .charger-detail input:hover {
            background: #fff;
            color: #1267B3;
            padding: 0 25px;
        }

.contact_cyber_rail .bt-retour-compte {
    float: left;
}

.votre-compte .table-devis {
    width: 100%;
    background: white;
    text-align: center;
    margin: 25px 0;
}

.table-devis thead {
    background: #20a75f;
    color: white;
    line-height: 40px;
}

    .table-devis thead span {
        line-height: 35px;
        font-size: 13px;
        text-transform: uppercase;
    }

.table-devis tr {
    height: 40px;
    border-bottom: 1px solid #ccc;
}

.table-devis tbody {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .table-devis tbody tr:last-child {
        border-bottom: none;
    }

    .table-devis tbody tr button.del-devis,
    .table-devis tbody tr input {
        background: black url('') no-repeat -500px center;
        border: 1px solid black;
        line-height: 30px;
        padding: 0 15px;
        color: white;
        font-size: 12px;
        border-radius: 5px !important;
    }

        .table-devis tbody tr button.del-devis:hover,
        .table-devis tbody tr input:hover {
            background: black url('') no-repeat left center;
        }

    .table-devis tbody tr td {
        vertical-align: middle;
        font-size: 14px;
    }

.madame-mr {
    margin-top: 25px;
    margin-bottom: 0px;
}

    .madame-mr table {
        display: block;
    }


    .madame-mr tr {
        display: block;
        height: 30px;
    }

.votre-compte .compte .madame-mr td {
    display: inline-block;
    margin-right: 15px;
}

.votre-compte .compte .madame-mr input {
    width: 15px;
    margin-right: 2px;
}

.votre-compte .compte .madame-mr label {
    display: inline-block;
}

.votre-compte .compte label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.votre-compte .compte input {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 328px;
    padding: 0 10px;
}

.votre-compte .compte select {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    height: 30px;
    width: 100%;
    padding: 0 10px;
}

.adresse-mail-compte {
    margin-top: 48px;
}

.compte-info .creation-compte-panier {
    height: 600px;
}

.compte .label_warning {
    margin: 0 0 10px;
}

.votre-compte .warp-inscri .required_field {
    color: #9e0117;
    font-size: 10px;
    padding-left: 2px;
}

.votre-compte .sauvergarde-compte {
    clear: both;
    text-align: center;
}

    .votre-compte .sauvergarde-compte input {
        background: #20a75f url('') no-repeat -500px center;
        border: 1px solid #20a75f;
        text-transform: uppercase;
        color: #fff;
        padding: 0px 40px;
        cursor: pointer;
        font-family: Nunito, Arial, sans-serif !important;
        line-height: 38px;
        margin-top: 25px;
        width: 200px;
        text-align: center;
        font-size: 14px;
        border-radius: 5px !important;
    }




        .votre-compte .sauvergarde-compte input:hover {
            background: #20a75f url('') no-repeat left center;
        }

.votre-compte label.retractation, .votre-compte .retractation {
    font-size: 12px;
    color: #7a7a7a;
    text-align: center;
    display: block;
    clear: both;
    margin-top: 25px;
}

.votre-compte .compte .inscription-news input {
    width: 20px;
    display: inline-block;
    text-align: left;
}

.votre-compte .compte .inscription-news label {
    display: inline-block;
}

.votre-compte .compte .inscription-news {
    text-align: left;
}

.txt-assu-compte {
    color: #7a7a7a;
    font-size: 12px;
    display: block;
    margin-top: 15px;
}

.bold {
    text-transform: uppercase;
    font-size: 13px;
}

.inscription-compte {
    background: white;
    width: 100%;
    border: 1px solid #ccc;
    margin: 15px auto;
    overflow: hidden;
}

.votre-compte .inscription-compte {
    border: none;
}

.title_password span {
    font-size: 10px;
    color: #cb192d;
}

.warp-inscri {
    width: 100%;
    margin: 0 auto;
}

.left-inscri div, .inscri-right div {
    width: 300px;
    margin: 15px auto 0;
}

.left-inscri {
    width: 50%;
    float: left;
}

.inscri-right {
    width: 50%;
    float: right;
}

.votre-compte .inscription-compte label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.votre-compte .inscription-compte input {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto 10px;
}



.votre-compte .inscription-compte select {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    height: 30px;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 10px;
}

.votre-compte .inscription-compte .madame-mr input {
    width: 15px;
    margin-right: 2px;
    display: inline-block;
    float: none;
}

.votre-compte .inscription-compte .madame-mr label {
    display: inline-block;
}

.votre-compte .inscription-compte .madame-mr td {
    display: inline-block;
    margin-right: 15px;
}

.warp-inscri {
    margin-bottom: 25px;
}

.votre-compte .inscription-compte .inscription-news input {
    width: 20px;
    display: inline-block;
    text-align: left;
}

.votre-compte .inscription-compte .inscription-news label {
    display: inline-block;
}

.votre-compte .inscription-compte .inscription-news {
    text-align: left;
}

.votre-compte .inscription-compte .retractation {
    margin-top: 0px;
    margin-bottom: 10px;
}

.retractation1 {
    margin-bottom: 25px;
}

.modification-adresse {
    width: 950px;
    margin: 25px auto 0;
    overflow: hidden;
}

.modif-adresse {
    background: white;
    width: 430px;
    border: #ccc 1px solid;
    padding: 25px 50px;
    text-align: center;
    display: inline-block;
    margin-right: 45px;
    font-size: 0px;
    margin-bottom: 25px;
    vertical-align: top;
}

.modification-adresse div:nth-child(2n) {
    margin-right: 0px;
}

#_ctl0_ContentPlaceHolder1_panel_new_adresse {
    padding-left: 20px;
    width: 100%;
    display: table-cell;
}

.votre-compte .delivery_width input {
    background: #20a75f;
    border: 1px solid #20a75f;
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: white;
    padding: 0px 40px;
    cursor: pointer;
    font-weight: 600;
    font-family: Nunito, Arial, sans-serif !important;
    line-height: 38px;
    text-align: center;
    margin-bottom: 25px;
}

.votre-compte .delivery_width {
    text-align: center;
}

.modif-adresse .cbk_label_adresse {
    margin: 10px 0;
    font-size: 16px;
}

.modification-adresse .firstletter {
    margin-top: 0px;
    font-size: 20px;
}

.modif-livraison:hover {
    background: black url('') no-repeat left center;
}

.modif-livraison {
    background: black url('') no-repeat -500px center;
    border: 1px solid black;
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: white;
    padding: 0px 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

.correction_theme-g {
    text-align: center;
    background: white;
    border: 1px solid #ccc;
    margin: 25px auto 0;
    width: 950px;
    padding: 15px 0;
}

    .correction_theme-g .label_size_account_correction {
        background: #f0f0f0;
        border: 1px solid #ccc;
        width: auto;
        padding: 5px 10px;
        line-height: 20px;
    }

.inscri-2 .madame-mr {
    margin-top: 0px;
}

.facultatif-compte {
    margin-top: 25px;
}

.bouton-bottom {
    margin: 25px 0;
    overflow: hidden;
}

.bouton-bottom-l {
    float: left;
}

    .bouton-bottom-l input:hover {
        background: white;
        color: #333;
    }

    .bouton-bottom-l input {
        clear: both;
        background: black url('') no-repeat -500px center;
        border: 1px solid black;
        text-transform: uppercase;
        color: white;
        padding: 0px 20px;
        cursor: pointer;
        font-size: 14px;
        line-height: 38px;
    }

.bouton-bottom-r input:hover {
    background: black url('') no-repeat left center;
}

.bouton-bottom-r input {
    background: #20a75f;
    border: 1px solid #20a75f;
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: white;
    padding: 0px 40px;
    cursor: pointer;
    font-family: Nunito, Arial, sans-serif !important;
    line-height: 38px;
    width: 300px;
}

.bouton-bottom-r {
    float: right;
}

.login-fail {
    text-align: center;
    color: #9e0117;
    display: block;
}

.connexion-reseau {
    display: inline-block;
    vertical-align: middle;
    width: 39%;
    margin-left: 1%;
}

.connect-toi {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 1%;
    border-right: 1px solid #ccc;
}

#_ctl0_ContentPlaceHolder1_Panel_Inscription {
    display: table-cell;
    width: 1058px;
    vertical-align: top;
    padding-left: 20px;
    margin-bottom: 20px;
}

.contact-form1 span {
    text-align: left;
    margin: 0px 0 5px;
    font-weight: bold;
    display: block;
}

.contact-form1 .creer_compte_j input {
    background: #20a75f;
    color: white;
    width: 100%;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 38px;
    border: none;
}



.contact-form1 .creer_compte_f input {
    background: #333;
    color: white;
    width: 100%;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: none;
    line-height: 38px;
    border: none;
}

    .contact-form1 .creer_compte_f input:hover {
        background: #404040;
    }

.contact-form1 .creer_compte_r input {
    background: none;
    cursor: pointer;
    border: none;
    text-align: center;
    margin-bottom: 0px;
}

.contact_form input {
    background: #FFF;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 14px;
    margin: 0 0 10px 0;
    outline: 0;
    padding: 10px 16px;
    transition: box-shadow .5s ease,border .5s ease;
    width: 100%;
}

.bt-retour-compte-top {
    margin-top: 15px;
    margin-bottom: 0px;
}

/* FIN ESPACE COMPTE*/


/*UNIVERS GAMER*/
.univers-gamer .ui-mini {
    font-size: 16px
}

.univers-gamer .description {
    float: left;
    width: 100%
}

.univers-gamer h2.ui-mini {
    font-size: 14px !important
}

.univers-gamer .liste-categ div.theCateg.showSousCateg {
    float: left;
    width: 100%;
    text-align: center
}

    .univers-gamer .liste-categ div.theCateg.showSousCateg .categ {
        width: 100%;
        border: none
    }

    .univers-gamer .liste-categ div.theCateg.showSousCateg div.categ {
        float: none;
        margin: 0 auto 25px
    }

    .univers-gamer .liste-categ div.theCateg.showSousCateg label {
        width: 95%;
        margin: 15px 1% 0;
        padding: 10px 0;
        background-color: #232323;
        color: #fff
    }

.univers-gamer .liste-categ div.categ {
    float: left;
    width: 18%;
    margin: 0 1% 25px;
    border: none
}

.univers-gamer .liste-categ .sousCateg4 div.categ.first {
    margin-left: 24%
}

.univers-gamer .liste-categ .sousCateg4 div.categ.last {
    margin-right: 24%
}

.univers-gamer .liste-categ div.theCateg .categ, .univers-gamer .liste-categ div.theCateg .categ label {
    cursor: pointer
}

.univers-gamer .liste-categ .listeSousCateg, .univers-gamer .liste-categ div.theCateg.showSousCateg img {
    display: none
}

.univers-gamer .liste-categ .listeSousCateg, .univers-gamer .liste-categ .sousCateg div {
    position: relative;
    float: left
}

.univers-gamer .liste-categ div label {
    text-align: center;
    margin-top: 5px;
    text-transform: uppercase
}

.univers-gamer .liste-categ div img {
    width: 100%
}

.univers-gamer .title_fiche_produit {
    margin: 25px 0;
    text-align: center
}


.gaming_txt {
    width: 100%;
    font-family: Nunito,Arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: .8em;
    text-transform: uppercase;
    text-align: center;
    background-color: #1f2a30;
    color: #FFF;
    margin: 0;
    padding: 3px 0;
}

.gaming_txt2 {
    padding: 10px 3px;
    font-size: 1em;
}
/*FIN UNIVERS GAMER*/
/*UNIVERS PC MULTIMEDIA */
.pc_multimedia .center {
    text-align: center;
}

.pc_multimedia .ui-block-a, .pc_multimedia .ui-block-b, .pc_multimedia .ui-block-c, .pc_multimedia .ui-block-d, .pc_multimedia .ui-block-e {
    margin-top: 15px;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pc_multimedia .ui-block-a {
    clear: left
}

.pc_multimedia .ui-grid-a > .ui-block-a, .pc_multimedia .ui-grid-a > .ui-block-b {
    width: 50%
}

.pc_multimedia .configs_title {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: none;
}

.pc_multimedia .config_color {
    color: #cb192d;
}

.pc_multimedia .configs_descriptif {
    text-align: left;
    font-size: 1em;
    text-shadow: none;
}
/*FIN UNIVERS PC MULTIMEDIA*/
/*WOORANK TXT*/
.woorank_txt, .woorank_txt_big {
    margin-top: 5px;
    color: #232323;
    text-align: justify;
    font-weight: 400;
    text-shadow: none
}

.woorank_txt {
    font-size: 13px
}

.woorank_txt_big {
    font-size: .8em
}

.woorank_txt_home_bottom {
    margin: .2em
}

.univers-gamer h2.ui-mini {
    font-size: 16px;
    margin-top: 15px;
    font-weight: bold
}

.univers-gamer .description {
    margin-bottom: 25px;
}

.woorank-marg {
    margin: 25px 0px;
}
/*FIN WOORANK TXT*/
/*LISTE PC*/

.liste-pc section article {
    float: left;
    width: 30%;
    height: 405px;
    margin: 0px 0 15px;
    text-align: center;
    cursor: default;
}

    .liste-pc section article:nth-child(3n+2) {
        margin-left: 5%;
        margin-right: 5%;
    }

    .liste-pc section article h2 {
        font-size: 1.0em;
        text-shadow: none;
    }

    .liste-pc section article p {
        font-size: 12px;
        color: grey;
    }

    .liste-pc section article img {
        max-height: 300px;
        width: 58%;
        height: auto;
    }

    .liste-pc section article a {
        display: block;
        height: 142px;
    }

    .liste-pc section article div a {
        display: initial;
        height: auto;
    }

    .liste-pc section article div.btn {
        float: left;
        width: 100%;
    }

        .liste-pc section article div.btn .link {
            position: relative;
            width: 30%;
            height: 50px;
            margin: -70px 10% 0;
        }

            .liste-pc section article div.btn .link.link-fiche {
                margin: 5px 5px 5px 5px;
                float: left;
                padding-top: 0px;
                /*background-color: #1f2a30;
    border: 2px solid #1f2a30;
    color: #fff;*/
                color: white;
                background: #333;
                text-decoration: none;
                cursor: pointer;
                font-size: 0.9em;
                font-weight: normal;
                text-transform: uppercase;
                text-shadow: none;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
                line-height: 30px;
                border: 1px solid #333;
                height: 30px;
            }

                .liste-pc section article div.btn .link.link-fiche:hover {
                    color: #333;
                    background: white;
                }

                .liste-pc section article div.btn .link.link-fiche:hover {
                    /*border: 2px solid #32424b;
    background-color: #32424b;
    color: #fff;*/
                    text-decoration: none;
                    -webkit-transition: all .55s ease;
                    -moz-transition: all .55s ease;
                    -ms-transition: all .55s ease;
                    -o-transition: all .55s ease;
                    transition: all .55s ease;
                }

            .liste-pc section article div.btn .link.link-panier {
                margin: 5px 5px 5px 5px;
                float: right;
                max-height: 30px;
                /*background-color: #1f2a30;
    border: 2px solid #1f2a30;*/
                background: #20a75f url('') no-repeat -500px center;
                text-decoration: none;
                cursor: pointer;
                font-size: 0.9em;
                font-weight: normal;
                text-transform: uppercase;
                color: #333;
                text-shadow: none;
                -webkit-transition: all .55s ease;
                -moz-transition: all .55s ease;
                -ms-transition: all .55s ease;
                -o-transition: all .55s ease;
                transition: all .55s ease;
                line-height: 30px;
                border: 1px solid #20a75f;
            }

                .liste-pc section article div.btn .link.link-panier:hover {
                    background: #20a75f url('') no-repeat left center;
                }

    .liste-pc section article .prix {
        font-size: 18px;
        font-weight: bold;
    }
/*FIN LISTE PC*/
/*FICHE PC*/
.fiche-pc div#table_responsive {
    max-width: initial;
}

.fiche-pc article li {
    padding-bottom: 12px;
    font-size: 12px;
}

.fiche-pc .img-bloc {
    margin-top: 25px;
    text-align: center;
}

.fiche-pc .txt-fiche-prod ul {
    margin-top: 10px;
}

/*FIN FICHE PC*/
/* MARQUE */

.toute-marque .carousel-main img {
    width: 100%;
}

.toute-marque .firstletter {
    text-align: center;
    margin: 15px 0;
}

.img-demarque {
    text-align: center;
    font-size: 0px;
    margin: 25px 0;
}

    .img-demarque div {
        display: inline-block;
        font-size: 16px;
        margin-right: 100px;
    }

.toute-marque .cbk_left {
    float: left;
    margin-right: 20px;
    width: 305px;
    font-size: 0px;
    margin-bottom: 20px;
}

.bbblock {
    margin-top: 25px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: white;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.toute-marque .cbk_left p {
    font-size: 16px;
    text-align: center;
    background: #333;
    color: #20a75f;
    margin-bottom: 5px;
    padding: 5px 0;
    font-weight: 600;
}

.toute-marque .cbk_left a {
    margin-left: 10px;
}

    .toute-marque .cbk_left a:hover {
        font-weight: 600;
    }

.toute-marque .cbk_left p:first-child {
    margin-top: 0;
}

.toute-marque .cbk_left {
}

    .toute-marque .cbk_left a {
        font-size: 12px;
        display: block;
        margin-bottom: 5px;
    }



    .toute-marque .cbk_left.last-cbk-left {
        margin-right: 0px;
    }

.marque div div img {
    width: 100%;
}

.marque .firstletter {
    text-align: center;
    margin: 25px 0;
}

.descriptive_Text {
    font-size: 12px;
    margin-bottom: 25px;
    clear: both;
    line-height: 18px;
}

.marque .solo_brand_descriptive {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
}


.marque .product_constructeur1 input:hover {
    background: black url('') no-repeat left center;
}

.marque .product_constructeur1 input {
    background: black;
    border: 1px solid black;
    text-transform: uppercase;
    color: white;
    padding: 0px 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 38px;
}

.marque .product_constructeur1 {
    float: left;
    margin-bottom: 25px;
}

.overflow {
    overflow: hidden !important;
}

.plus-de-produit {
    text-align: center;
    font-size: 30px;
    margin: 50px 0;
}

.marque .liste-produits {
    overflow: hidden;
}

.marque .product_constructeur1.last_product_constructeur {
    float: right;
}

.marque .categorie-marque div {
    font-size: 0px;
}

.img-demarque div:last-child {
    margin-right: 0;
}

.marque .categorie-marque div div {
    display: inline-block;
    text-align: center;
    margin: 5px 1.4%;
    width: 17%;
    border: 1px solid black;
}

    .marque .categorie-marque div div a:hover {
        background: white;
        color: black;
    }

    .marque .categorie-marque div div a {
        font-size: 12px;
        padding: 8px 0;
        display: block;
        font-weight: 600;
        background: black;
        color: white;
        transition: all 0.5s;
    }
/* FIN MARQUE*/

/* PAGE CODE PROMO */
.code-promo .carousel-main img {
    width: 100%;
}

.code-promo .firstletter {
    margin: 25px 0;
    text-align: center;
}

.code-promo .contentlandingjustify div div {
    float: left;
    width: 236px;
    background: white;
    position: relative;
    margin: 0 10px 25px;
}

.code-promo .ctnanormalblack {
    padding-top: 0;
    font-size: 15px;
}

.code-promo .contentlandingjustify div .solde_titre {
    margin-left: 0;
    margin-right: 0;
    height: 39px;
    overflow: hidden;
}

.code-promo .basket_button.panier span {
    display: block;
    font-size: 12px;
    text-indent: initial;
    font-weight: 100;
    color: white;
    text-indent: 33px;
    margin-top: -4px;
}

.code-promo .basket_button.panier {
    background: #20a75f url(/images/panier-cat.png) no-repeat center;
    width: 136px;
    text-align: center;
    margin-left: 20%;
    display: flex;
}

.code-promo .contentlandingjustify {
    margin: 25px 0 0;
    overflow: hidden;
}

    .code-promo .contentlandingjustify div div:nth-child(5n) {
    }

.code-promo .woorank_txt {
    clear: both;
    margin: 25px 0;
}

.code-promo img {
    width: 100%;
    background-color: white;
}

.code-promo .img-code-promo img {
    vertical-align: middle;
}


.code-promo .img-code-promo {
    height: 228px;
    background-color: white;
    vertical-align: middle;
    width: 90%;
    margin: auto;
    position: relative;
}

.code-promo .bfnanormalblack {
    font-size: 15px;
}

.ctnanormalblack, .bfnanormalblack {
    text-align: center;
    font-size: 12px;
}

.ctnanormalblack {
    padding: 10px 15px 2px;
    font-weight: 600;
}

.bfnanormalblack {
    padding: 0px 15px 10px;
    min-height: 25px;
}

.code-promo.black-friday .bfnanormalblack {
    padding: 0px 15px 10px;
    min-height: 25px;
    overflow: hidden;
    height: 25px;
    margin-bottom: 10px;
}

.bqprice {
    font-weight: bold;
    color: black;
    font-size: 18px;
    text-align: center;
    padding: 0px 5px 10px;
}

    .bqprice s {
        margin-left: 10px;
        text-decoration: line-through;
        color: white;
        font-size: 14px;
        font-weight: normal;
    }

.strikediag {
    display: inline-block;
    position: relative;
    color: red;
}

    .strikediag::before {
        content: '';
        position: absolute;
        left: -0.1em;
        right: -0.1em;
        top: 0.38em;
        bottom: 0.38em;
        height: 12px;
        background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);
        pointer-events: none;
    }

.bqprice2 {
}

.black-friday .bqprice2 {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0px 10px;
}

.black-friday .bqprice {
    display: inline-block;
    vertical-align: middle;
}

.bqprice2 s {
    background-color: #333;
    font-weight: bold;
    color: #20a75f;
    font-size: 18px;
}

.code-promo .nv-button-products a {
    display: block;
    border: 1px solid #20a75f;
    background: #20a75f;
    text-align: center;
}

    .code-promo .nv-button-products a:hover {
        background: #333 url('') no-repeat 68px center;
        color: white;
    }

    .code-promo .nv-button-products a span {
        text-transform: uppercase;
        font-size: 14px;
    }

.code-promo .nv-button-products a {
    text-transform: uppercase;
    color: #333;
    transition: all 0.5s;
    cursor: pointer;
    line-height: 35px;
    padding-left: 45px;
    background: #20a75f url('') no-repeat 68px center;
}


/* FIN PAGE CODE PROMO*/

/* RECHERCHE */

.recherche .categorie-r, .nouveautes .categorie-r, .top-ventes .categorie-r, .meilleurs-prix .categorie-r {
    width: 100%;
    float: none;
}

.recherche .categorie-filtre.lst_grid .prod_background, .nouveautes .categorie-filtre.lst_grid .prod_background, .top-ventes .categorie-filtre.lst_grid .prod_background, .meilleurs-prix .categorie-filtre.lst_grid .prod_background {
    width: 100%;
    float: none;
}

.recherche .searsh {
    display: none;
}

.recherche .pagination-div {
    border-top: 1px solid #ccc;
}

    .recherche .pagination-div.pagination-div-top {
        background: none;
        border: none;
        margin-bottom: 0px;
        display: inline-block;
    }

.recherche .categorie-r .pagination {
    display: block !important;
}


.recherche .categorie-filtre .prod_background {
    margin-right: 20px;
}

    .recherche .categorie-filtre .prod_background:nth-child(5n) {
        margin-right: 0px;
    }

.recherche .categorie-filtre.lst_grid .prod_background {
    margin-right: 0px;
}

/*.recherche .titre-cat div:first-child {
display:none;
}*/

.recherche .sep-ver {
    display: none;
}

.recherche .categorie-block-r .prodfiche_dispo {
    font-weight: bold;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #093;
}

.recherche .categorie-r .cbk_cell_align_middle .price_prod_resp {
    text-align: left;
}

.recherche .categorie-r .cbk_cell_align_middle div {
    text-align: left;
    height: initial;
}


.categorie-filtre.lst_grid .cbk_cell_align_middle .code-promo {
    border: 1px solid #cb192d;
    padding: 3px 10px;
    font-size: 12px;
    display: inline-block;
    margin: 3px 0px;
}

.recherche .categorie-r .cbk_cell_align_middle div button {
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

.recherche .categorie-r .cbk_cell_align_middle:hover div button {
    color: white;
    text-transform: uppercase;
}


.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: #787878;
    font-size: 10px;
    text-transform: none;
    display: block;
    font-weight: normal;
    height: 12px;
    overflow: hidden;
    line-height: 12px;
}



.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    width: 100%;
}

.recherche .pagination-div {
    margin-bottom: 0;
}

.recherche .categorie-filtre.lst_grid .prod_background {
    width: 1278px;
    position: relative;
}

.recherche .categorie-filtre.lst_grid .sep-ver {
    display: none;
}

.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
}

.recherche .mobile_filtre, .meilleurs-prix .mobile_filtre, .nouveautes .mobile_filtre, .top-ventes .mobile_filtre {
    display: none;
}

.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit, .top-ventes .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit, .meilleurs-prix .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit, .nouveautes .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    margin-left: 50px;
    width: 925px;
}


.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .ombre-produit {
    display: none;
}

.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref {
    height: initial;
}

.recherche .categorie-filtre.lst_grid .nom-produit a {
    text-align: left;
}

.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .center-dispo, .top-ventes .categorie-filtre.lst_grid .cbk_cell_align_middle .center-dispo, .meilleurs-prix .categorie-filtre.lst_grid .cbk_cell_align_middle .center-dispo, .nouveautes .categorie-filtre.lst_grid .cbk_cell_align_middle .center-dispo {
    left: 675px;
}

.univers-gamer .liste-categ a .categ {
    transition: all 0.5s;
    background: rgba(101, 101, 101, 0);
}

    .univers-gamer .liste-categ a .categ:hover {
        background: white;
    }

.univers-gamer .categ .gaming_txt {
    transition: all 0.5s;
}

.univers-gamer .categ:hover .gaming_txt {
    background: #20a75f;
}


.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .panier {
    width: 45px;
    text-align: center;
    height: 45px;
}

/* FIN RECHERCHE */

/* Meilleur prix */

.meilleurs-prix .categorie-r {
    width: 100%;
    float: none;
}


/* FIN Meilleur prix */

/* bonnes-affaires */

.bonnes-affaires .categorie-r {
    width: 100%;
    float: none;
}

.bonnes-affaires .searsh {
    display: none;
}

.bonnes-affaires .pagination-div {
    border-top: 1px solid #ccc;
}

    .bonnes-affaires .pagination-div.pagination-div-top {
        border: none;
    }

.bonnes-affaires .categorie-r .pagination {
    display: block !important;
}

.bonnes-affaires .categorie-r div:nth-child(6n) {
    display: block;
}


.bonnes-affaires .categorie-filtre.lst_grid .prod_background {
    width: 236px;
    float: left;
    position: relative;
    height: 320px;
    overflow: hidden;
    margin-bottom: 15px;
    border: none;
    margin-right: 25px;
}

    .bonnes-affaires .categorie-filtre.lst_grid .prod_background:nth-child(5n) {
        margin-right: 0px;
    }

.cbk_cell_align_middle .price_prod_resp .barre {
    font-size: 16px;
    text-decoration: line-through;
    color: #838383;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_image_liste_produit {
    height: auto;
    background: white;
    width: 100%;
    margin-left: 0;
}

.bonnes-affaires .categorie-filtre.lst_grid .sep-ver {
    display: block;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .panier .basket_position {
    width: auto;
    text-align: center;
    height: 36px;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .prix-produit {
    font-size: 22px;
    padding: 0px;
    width: auto;
    height: auto;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp {
    display: block;
    text-align: left;
    font-size: 12px;
    height: auto;
    padding: 0;
    width: auto;
    margin-left: 10px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .prix-produit span {
    padding: 2px;
    display: inline-block;
}

.bonnes-affaires .titre-cat div:first-child {
    display: none;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .panier {
    background: #20a75f;
    text-align: center;
    position: absolute;
    bottom: 4px;
    right: 20px;
    width: 35px;
    height: 35px;
    top: initial;
    left: initial;
}

.bonnes-affaires .sep-ver {
    margin: 20px 45px;
}

.bonnes-affaires .categorie-r .cbk_cell_align_middle div {
    display: block;
    text-align: center;
    color: black;
    font-weight: 600;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle div img {
    width: 100%;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .marque {
    font-weight: 600;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    padding: 10px;
    text-align: center;
    height: auto;
    width: auto;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle span {
    color: black;
    text-align: center;
    margin-top: 5px;
    font-weight: normal;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp span {
    font-weight: bold;
    color: #cb192d;
    vertical-align: middle;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: #787878;
    text-align: center;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp .barre {
    display: inline-block;
    font-size: 15px;
    text-decoration: line-through;
    color: black;
    vertical-align: middle;
    margin-right: 5px;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_tag_bonplan {
    position: absolute;
    top: 0px;
    color: white;
    background: #20a75f;
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 80px;
    font-size: 10px;
    line-height: 15px;
    left: 10px;
    display: block;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_dispo {
    position: absolute;
    background-color: #093;
    top: 231px;
    color: #fff;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.bonnes-affaires .categorie-filtre.lst_grid .nom-produit a {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    position: initial;
    display: block;
    height: auto;
    width: auto;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .product_constructeur3 {
    height: 50px;
    overflow: hidden;
}

.bonnes-affaires .pagination-div {
    margin-bottom: 0;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .ombre-produit {
    height: 315px;
    width: 250px;
    display: block;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref {
    display: none;
}


/* nouveautes */

.nouveautes .categorie-r {
    width: 100%;
    float: none;
}



/* FIN nouveautes */
/* top-ventes */

.top-ventes .categorie-r {
    width: 100%;
    float: none;
}





/* top-ventes */

/*PARTAGE FICHE MAIL*/
.partage-fiche .title_fiche {
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: white;
    background: #333;
    padding: 15px 20px;
}

.partage-fiche .img_partage_fiche_produit {
    float: left;
    margin-top: 10px;
}

.partage-fiche .frm_partage_fiche {
    width: 504px;
    float: right;
}

.partage-fiche .btn_envoyer {
    clear: both;
    background: #20a75f;
    line-height: 38px;
    text-align: center;
    width: 160px;
    transition: all 0.5s;
    border: 1px solid #20a75f;
    margin: 0 auto 25px;
    color: white;
    text-transform: uppercase;
    transition: all 0.5s;
    height: 38px;
}

.validation {
    text-align: right;
}

.content-partage {
    padding: 0 15px 15px;
}

.partage-fiche .btn_envoyer:hover {
    background: white;
    color: #20a75f;
}

.partage-fiche .ui-field-contain {
    margin-top: 8px;
}

.partage-fiche .price_prod_resp {
    font-weight: bold;
    font-size: 18px;
}
/*FIN PARTAGE FICHE MAIL*/
/*MOT DE PASSE PERDU*/
.lost-mdp {
    background: #f0f0f0;
    height: 460px;
    overflow: hidden;
    overflow-y: auto;
}

    .lost-mdp .title_fiche {
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        color: white;
        background: black;
        padding: 15px 20px;
    }

    .lost-mdp .btn_envoyer {
        clear: both;
        background: #20a75f;
        line-height: 38px;
        text-align: center;
        width: 160px;
        transition: all 0.5s;
        border: 1px solid #20a75f;
        margin: 0 auto 25px;
        color: white
    }

    .lost-mdp .ui-field-contain {
        margin-top: 8px;
    }

    .lost-mdp .btn_envoyer:hover {
        background: white;
        color: #20a75f;
        cursor: pointer;
    }

.btn_mpd {
    font: bold 11px Nunito, Arial, sans-serif;
    text-decoration: none;
    padding-left: 40px;
    padding-bottom: 2px;
    padding-top: 2px;
}
/*FIN MOT DE PASSE PERDU*/

.popinfo_delais {
    background: #f0f0f0;
    overflow: hidden;
}

    .popinfo_delais .label_pwdtxt b {
        text-transform: uppercase;
        font-weight: bold;
    }

    .popinfo_delais input {
        line-height: 30px;
        border: 1px solid #ccc;
        padding-left: 10px;
        padding-right: 10px;
    }

    .popinfo_delais .title_fiche {
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        color: white;
        background: black;
        padding: 15px 20px;
    }

    .popinfo_delais .btn_envoyer {
        clear: both;
        background: #20a75f;
        line-height: 38px;
        text-align: center;
        width: 160px;
        transition: all 0.5s;
        border: 1px solid #20a75f;
        margin: 0 auto 25px;
        color: white
    }

    .popinfo_delais .ui-field-contain {
        margin-top: 8px;
    }

    .popinfo_delais .btn_envoyer:hover {
        background: white;
        color: #20a75f;
        cursor: pointer;
    }
/*Livraison Points Relais*/
.cbk_map_height {
    height: 50vh;
    margin-top: .5em;
    margin-left: .3em;
    margin-right: .3em;
    width: 98%;
}
/*FIN Livraison Points Relais*/

/* condition */

.conditions .firstletter {
    margin: 25px 0;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}


.conditions .sep-hori {
    margin-bottom: 25px;
}

.conditions h2 {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
    text-decoration: underline;
}

.conditions {
    margin-bottom: 25px;
}

    .conditions p {
        text-align: justify;
        font-size: 13px;
        line-height: 20px;
    }
/* Fin de condition */

/* Contact */
.tit-mag.firstletter {
    margin: 15px 0;
    text-align: center;
}

.txt-center {
    text-align: center;
}

.question-compte {
    margin: 25px 0;
    clear: both;
}

.envoyer-contact input:hover {
    background: white;
    color: #20a75f;
}

.envoyer-contact {
    text-align: center;
}

.block-contact12 .envoyer-contact input {
    background: #20a75f;
    border: 1px solid #20a75f;
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: black;
    padding: 0px 40px;
    cursor: pointer;
    font-family: Nunito, Arial, sans-serif !important;
    line-height: 38px;
    width: 300px;
    text-align: center;
}

    .block-contact12 .envoyer-contact input:hover {
        transform: scale(1.05);
    }

.block-contact12 {
    overflow: hidden;
    position: relative;
}

.block-contact12 {
    padding: 10px 20px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}

.sep-hori2 {
    margin-bottom: 25px;
}

.block-contact .label_warning {
    margin: 0px;
}

.block-contact-left {
    float: left;
    width: 350px;
}

.block-contact label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.block-contact input {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 328px;
    padding: 0 10px;
}

.block-contact-right select {
    background: #f0f0f0;
    border: 1px solid #ccc;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 328px;
    padding: 0 10px;
    height: 32px;
}

.block-contact-right textarea {
    width: 600px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    height: 145px;
}

.block-contact-right {
    width: 600px;
    float: right;
}

/* Fin Contact*/

/* Qui nous sommes */
.img-100 img {
    width: 100%;
}

.histoire .sep-hori {
    margin-bottom: 25px;
}

.histoire .firstletter {
    margin: 15px 0;
    text-align: center;
    font-weight: bold;
    color: black;
}

.histoire h3, .histoire h4 {
    font-weight: bold;
    margin-top: 10px;
}

.histoire.boutoncooki div:nth-of-type(2) {
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}

.histoire.boutoncooki h1 {
    font-weight: bold;
    margin-top: 10px;
}

.histoire .column_01_02, .histoire .column_02_02 {
    padding: 10px;
}


.brand_index > div {
    border: 0;
    display: block;
    font-size: 0;
    overflow: hidden;
    padding: 10px 0 0 0;
    text-align: center;
}

    .brand_index > div > a {
        height: 125px;
        width: 180px;
        margin: 0 5px 10px 5px;
        padding: 5px;
        vertical-align: top;
        overflow: hidden;
        display: inline-block;
    }

        .brand_index > div > a > img {
            margin: 0 0 10px 0;
            vertical-align: top;
        }

        .brand_index > div > a > span {
            height: 25px;
            color: #147;
            font-size: 12px;
            text-align: right;
            text-decoration: underline;
            padding: 5px 10px;
            display: block;
            overflow: hidden;
        }

.boutoncookie input {
    cursor: pointer;
}

.histoire table {
    margin: 10px 0;
    border: 1px solid black;
}

.histoire .gb_design > table > tbody > tr > td + td {
    padding: 10px;
}

.histoire table tr {
    border: 1px solid black;
}

.histoire table th {
    border: 1px solid black;
    font-weight: bold;
    padding: 10px;
    background: #ccc;
}

#toggledonotrack {
    border: none;
    appearance: none;
}

.histoire li {
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}

.histoire table td {
    border: 1px solid black;
}

.contentinfo {
    margin: 25px 0;
    overflow: hidden;
}

    .contentinfo div {
        width: 16%;
        box-sizing: border-box;
        margin-right: 5%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        .contentinfo div img {
            width: 100%;
        }

.contentinfo {
    font-size: 0;
}

    .contentinfo div:last-child {
        margin-right: 0;
    }

.histoire p {
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}

/* FIN Qui nous sommes */

/* 404 */
.notfound {
    margin: 25px 0;
    text-align: center;
}

    .notfound .sep-hori {
        margin: 25px 0;
    }

.notfoundvignette {
    text-align: center;
    margin: 25px 0;
}

    .notfoundvignette li {
        display: inline-block;
        margin: 0 10px;
    }
/* FIN 404 */

/* 3 Fois Sans frais*/

.xsansfrais .img-100 umg {
    margin: 0;
}

.xsansfrais .firstletter {
    margin: 15px 0;
    text-align: center;
    font-weight: 500;
    color: #333;
}

.xsansfrais .sep-hori {
    margin-bottom: 25px;
}

.xsansfrais p {
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
}

    .xsansfrais p span {
        font-weight: bold;
    }

.srv3dsecure {
    margin-top: 25px;
    display: block;
}

.center-img1 {
    text-align: center;
    margin-bottom: 25px;
}

.services_images img {
    width: 50px;
}

.block-service {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.services_images {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.partenaires .cbk_center {
    float: left;
    margin-bottom: 25px;
    margin-right: 270px;
}

.partenaires .ui-responsive .cbk_center:last-child {
    float: right;
    margin-right: 0;
}

.partenaires .ui-responsive {
    clear: both;
}

.presse .cbk_center-img {
    text-align: center;
    margin-bottom: 10px;
}

.presse h2 {
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: 20px;
    text-transform: uppercase;
}

.presse a {
    font-weight: 600;
}

.presse-padding {
    padding-top: 60px;
}

.logo-dll {
    overflow: hidden;
    text-align: center;
}

    .logo-dll div {
        display: inline-block;
        margin: 10px 50px;
    }

.destock {
    overflow: hidden;
    margin-bottom: 25px;
}

    .destock div {
        margin-right: 20px;
        width: 305px;
        float: left;
    }

        .destock div:nth-child(4n) {
            margin-right: 0px;
            float: right;
        }

        .destock div p {
            font-size: 16px;
            text-align: center;
            background: black;
            color: #20a75f;
            margin-top: 25px;
            margin-bottom: 5px;
            padding: 5px 0;
            font-weight: bold;
        }

        .destock div a {
            font-size: 12px;
            display: block;
            margin-bottom: 5px;
        }

.config-assem {
    margin-bottom: 25px;
}


/* FIn 3 Fois sans frais*/

.mobile_filtre {
    display: none;
}

.conso .sombre ul:nth-child(6) {
    clear: both;
}

.warp .menu-hori.conso.hover .sombre ul,
.warp .menu-hori.conso:hover .sombre ul {
    height: auto;
}

.nvidia-1080 {
    background: black;
}

    .nvidia-1080 img {
        width: 100%;
    }

/* PAGE NVIDIA 1080ti */
@font-face {
    font-family: "DINPro";
    src: url("../fonts/DINPro.woff");
}

@font-face {
    font-family: "DINPro-Bold";
    src: url("../fonts/DINPro-Bold_0.woff");
}

@font-face {
    font-family: "Geforce-bold";
    src: url("../fonts/geforce_bold-webfont_0.woff");
}

.nvidia-1080 .DINPRO-med {
    font-family: "DINPro";
    color: #eeeeee;
}

.nvidia-1080 .DINPRO-bold {
    font-family: "DINPro-Bold";
}

.nvidia-1080 .geforce-font {
    font-family: Geforce-bold;
    color: #76b900;
    font-size: 46px;
    margin-top: 92px;
    margin-bottom: 20px;
}

.nvidia-1080 {
    background: #000;
    overflow: hidden;
}

.warp-nvidia {
    width: 885px;
    margin: 0 auto;
    overflow: hidden;
}

.nvidia-1080 .img-100 {
    width: 100%;
}

.nvidia-1080 .text-1 {
    font-size: 30px;
    line-height: 37px;
    text-align: center;
}

.nvidia-1080 .nvidia-video {
    color: #76b900;
    font-size: 22px;
    background: url(../Landing-Pages/images/nvidia-1080ti/lecteur.png) no-repeat left center;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0 20px 80px;
}

    .nvidia-1080 .nvidia-video:hover {
        color: #76b900;
    }


.nvidia-1080 .center-nvidia {
    text-align: center;
}

.regarder-nvidia {
    margin: 50px 0;
}


.content-mass_effect {
    position: relative;
}

.absolute-nvidia {
    position: absolute;
    top: 0;
}

.content-mass_effect p {
    width: 558px;
    font-size: 24px;
    margin: 0px;
}

    .content-mass_effect p span {
        color: #999999;
        font-size: 17px;
    }

.content-techno {
    position: relative;
}

.right-nvidia {
    right: 20px;
    position: absolute;
    top: 0;
}

.content-techno p {
    width: 500px;
    font-size: 24px;
    margin: 0px;
}

.content-jeu {
    position: relative;
}

    .content-jeu p {
        width: 500px;
        font-size: 24px;
        margin: 0px;
    }

.content-produit-1800ti {
    text-align: center;
}

    .content-produit-1800ti p {
        font-size: 24px;
        margin: 0px;
    }

    .content-produit-1800ti img {
        margin-top: 50px;
    }

.content-produit-1800ti-vr .cbk_center_landing img {
    width: 100%;
}

.content-produit-1800ti .cbk_center_landing p {
    font-size: 14px;
}

@media screen and (min-width: 580px) and (max-width: 885px) {
    .warp-nvidia {
        width: 580px;
        margin: 0 auto;
        overflow: hidden;
    }

    .img-100-2 {
        width: 100%;
    }

    .content-mass_effect p {
        font-size: 16px;
    }

    .nvidia-1080 .geforce-font {
        margin-top: 30px;
    }

    .content-jeu p {
        font-size: 16px;
    }

    .content-techno p {
        font-size: 16px;
    }
}

@media screen and (min-width: 480px) and (max-width: 580px) {
    .warp-nvidia {
        width: 480px;
        margin: 0 auto;
        overflow: hidden;
    }

    .img-100-2 {
        width: 100%;
    }

    .content-mass_effect p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        margin-top: 30px;
    }

    .content-jeu p {
        font-size: 16px;
        width: 480px;
    }

    .content-techno p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        font-size: 25px;
    }

    .nvidia-1080 .text-1 {
        font-size: 16px;
    }

    .right-nvidia {
        left: 0px;
        position: absolute;
        top: 0;
    }

    .content-produit-1800ti p {
        font-size: 16px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .warp-nvidia {
        width: 320px;
        margin: 0 auto;
        overflow: hidden;
    }

    .img-100-2 {
        width: 100%;
    }

    .content-mass_effect p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        margin-top: 30px;
    }

    .content-jeu p {
        font-size: 16px;
        width: 480px;
    }

    .content-techno p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        font-size: 25px;
    }

    .nvidia-1080 .text-1 {
        font-size: 16px;
    }

    .absolute-nvidia {
        position: initial;
        margin: 20px 0;
    }

    .right-nvidia {
        position: initial;
        margin: 20px 0;
    }

    .content-produit-1800ti p {
        font-size: 16px;
    }

    .nvidia-1080 .DINPRO-med {
        width: 320px;
    }
}

.nvidianormalgreen {
    margin: 0px 0px 5px;
    font-size: 13px;
    line-height: 18px;
    color: #76B900;
    text-shadow: none;
    font-weight: bold;
}

.nvidianormalgreen {
    color: #76B900;
    font-weight: 700;
    height: 35px;
}

.nv-custom-button:hover {
    border: 2px solid #76b900;
    background-color: #76b900;
    text-decoration: none;
    color: #fff;
}

.nv-custom-button:hover {
    background-color: #76b900;
}

.nv-custom-button, .nv-custom-button:hover {
    border: 2px solid #76b900;
    text-decoration: none;
    color: #fff;
}

.nv-custom-button {
    background-color: #262626;
    border: 2px solid #76b900;
    text-decoration: none;
    padding: 15px 35px;
    margin-top: 15px;
    cursor: pointer;
    font-family: DINPro,Nunito,Arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: none;
    display: block;
    width: 100px;
    margin: 0 auto;
}


/* FIN PAGE NVIDIA 1080ti */

.daw3 {
    background: black;
    overflow: hidden;
}

    .daw3 .img-100p {
        width: 100%;
    }

    .daw3 .cbk_center_landing {
        width: 250px;
        float: left;
        text-align: center;
        height: 350px;
    }

.nvidiaprice {
    line-height: 35px;
    color: white;
}

.daw3 .nvidiatheme {
    clear: both;
    width: 100%;
}

.corsair {
    background: black;
    overflow: hidden;
}

    .corsair .img-100p {
        width: 100%;
    }

    .corsair .cbk_center_landing {
        width: 250px;
        float: left;
        text-align: center;
        height: 350px;
    }

.nvidiaprice {
    line-height: 35px;
    color: white;
}

.corsair .nvidiatheme {
    clear: both;
    width: 100%;
}


.concours input[type="submit"],
.concours select,
.concours .textbox_concours {
    margin-top: 15px;
}

.concours input[type="submit"] {
    background: #20a75f;
    border: 1px solid #20a75f;
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: #333;
    padding: 0 40px;
    cursor: pointer;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
}

    .concours input[type="submit"]:hover {
        background: #333;
        color: #20a75f;
    }

.newsletter {
    padding: 20px 0;
}

.slide-mag ul li {
    width: 100%;
}

.slide-mag .callbacks_tabs li {
    width: 10px;
}

.slide-mag .callbacks_tabs .callbacks_here {
    width: 15px;
}

.code-promo .img-code-promo .bloc-reduc .reduc {
    float: right;
    max-width: 80px;
    color: #fff;
    font-weight: bold;
    background: #cb192d;
    top: 0;
    right: 0;
    padding: 0px 0;
    text-align: center;
}



    .code-promo .img-code-promo .bloc-reduc .reduc span {
        float: left;
        width: 100%;
        font-size: 25px;
    }

    .code-promo .img-code-promo .bloc-reduc .reduc .eco {
        float: left;
        width: 100%;
        font-weight: normal;
        margin-bottom: 2px;
        font-size: 12px;
    }

.code-promo .img-code-promo img {
    float: left;
}

.code-promo .img-code-promo .bloc-code,
.code-promo .img-code-promo .bloc-reduc {
    float: left;
}

.code-promo .img-code-promo .bloc-code {
    margin-top: -50px;
    padding-bottom: 20px;
    text-align: center;
    opacity: 0.9;
    width: 230px;
    margin: auto;
}

.strikediag span {
    color: red !important;
}

.code-promo .img-code-promo .bloc-code .code {
    float: none;
    padding: 10px;
    background-color: #20a75f;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}


.code-promo .titre-filtres {
    width: 100%;
    text-align: center;
    margin: 15px 0 15px;
    font-size: 22px;
}

.code-promo .filtres {
    width: 100%;
    text-align: center;
}

    .code-promo .filtres label,
    .code-promo .filtres .filtre input {
        cursor: pointer;
    }

    .code-promo .filtres .filtre {
        padding: 0 20px;
    }

        .code-promo .filtres .filtre input {
            margin-left: 10px;
        }

.code-promo .sep-filtre {
    margin-top: 15px;
}

.code-promo .basket_button.panier a {
    text-transform: uppercase;
    color: black;
    cursor: pointer;
    line-height: 35px;
    background: #20a75f url(/images/panier-cat.png) no-repeat center;
    display: block;
    background-size: 20px;
    text-transform: uppercase;
    text-indent: -5000px;
    width: 35px;
}

.code-promo .panier {
    right: 5px;
}

.code-promo .bqprice {
    font-size: 22px;
}

.basket_button_correction a {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    width: 12px;
    height: 16px;
    background: #fff url('') no-repeat;
    cursor: pointer;
}

.options-panier ul {
    padding: 15px 0 15px 15px;
    font-size: 15px;
}

    .options-panier ul li {
        padding-bottom: 5px;
    }

    .options-panier ul .prix-produit-total {
        text-align: right;
        padding-right: 15px;
    }

.option-config {
    width: 940px;
}

.changer-compo {
    margin-bottom: 25px;
}

.option {
    display: none;
}

.choix-option-config {
    float: left;
    width: 205px;
    margin-right: 10px;
}

.option-composant {
    overflow: hidden;
    margin: 25px 0;
}

.nom-option-config {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #20a75f;
    background: #333;
    line-height: 35px;
    border: 2px solid;
    font-size: 12px;
    letter-spacing: 3px;
}

.choix-option-config img {
    width: 100%;
}

.price-config-compo {
    color: #20a75f;
}

    .price-config-compo span {
        font-weight: 700;
        color: #20a75f;
        font-size: 22px;
    }

.choisir-option-config {
    text-align: center;
    color: #333;
    text-transform: uppercase;
    background: #20a75f;
    line-height: 35px;
    transition: 0.5s;
    border: 1px #20a75f solid;
    font-weight: 700;
    transition: 0.5s;
    cursor: pointer;
}

    .choisir-option-config div {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
    }

.name-config {
    height: 50px;
    overflow: hidden;
}

.choisir-option-config:hover {
    background: #333;
    color: #20a75f;
}

.select-option-default,
.panier-paiement .basket_button_correction input {
    display: none;
}

.optionReduc .label {
    color: #333;
}

.choix-option-config .list {
    width: 940px;
    background: #333;
    overflow: hidden;
}

    .choix-option-config .list .list-option {
        width: 446px;
        float: left;
        margin: 10px;
        line-height: 16px;
        border: 1px solid #20a75f;
        font-size: 0;
    }

        .choix-option-config .list .list-option img {
            width: 150px;
            vertical-align: middle;
            display: inline-block;
            border-left: 20px #20a75f solid;
        }

.list .nom-produit {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 256px;
}

.list .choisir-option-config {
    vertical-align: middle;
}


    .list .choisir-option-config div {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 3px;
        vertical-align: middle;
    }

.choix-option-config .list .list-option:nth-child(2n) {
    float: right;
}

.option-composant .choix-option-config:nth-child(2) .list {
    margin-left: -215px;
}

.option-composant .choix-option-config:nth-child(3) .list {
    margin-left: -430px;
}

.warp.marque div div img {
    width: auto;
}

.marque #_ctl0_ContentPlaceHolder1_content_logo {
    text-align: center;
}

.marque .product_constructeur {
    height: 76px;
}

.marque .price_prod_resp {
    text-align: center;
}

    .marque .price_prod_resp span {
        font-weight: 700;
        font-size: 22px;
    }

.marque .overflow {
    overflow: hidden;
    clear: both;
}

.marque .prod_background {
    width: 250px;
    float: left;
    position: relative;
    height: 424px;
    overflow: hidden;
}

.marque .prod_background {
    margin-right: 6px;
}

.del-option,
.option {
    display: none;
}


.marque .categorie-marque div .img-marque-cat {
    height: 150px;
    width: 150px;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 40px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 40px 3px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 40px 3px rgba(0,0,0,0.75);
}

.marque .categorie-marque div .descriptive-look-text {
    display: block;
}

.categorie-marque .categorie-59 .img-marque-cat {
    background: url('') no-repeat center top;
}

.categorie-marque .categorie-65 .img-marque-cat {
    background: url('') no-repeat center top;
}

.categorie-marque .categorie-80 .img-marque-cat {
    background: url('') no-repeat center top;
}

.categorie-marque .categorie-8 .img-marque-cat {
    background: url('') no-repeat center top;
}


.categorie-marque .categorie-51 .img-marque-cat {
    background: url('') no-repeat center top;
}


/* BLACK FRIDAY */

.menu-hori.menu-black-friday legend p {
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.menu-hori.menu-black-friday {
    background: black;
    transform: scale(1);
    transition: all 0.2s;
}





    .menu-hori.menu-black-friday legend .friday-menu {
        color: #cb192d;
        padding-top: 5px;
    }

    .menu-hori.menu-black-friday:hover {
        background: black !important;
        transform: scale(1.2);
    }

.carousel-produits.bck-friday-promo li {
    background: white;
}

.carousel-produits.bck-friday-promo .all_libelle {
    background: black;
}

.carousel-produits.bck-friday-promo .ui-li-aside {
    background: black;
}

    .carousel-produits.bck-friday-promo .ui-li-aside span {
        color: #de190d;
    }


    .carousel-produits.bck-friday-promo .ui-li-aside .barre {
        color: white;
    }


.carousel-produits.bck-friday-promo a div:first-child {
    color: white;
}

.carousel-produits.bck-friday-promo .libelle {
    padding: 0 10px;
    font-size: 10px;
    color: white;
    line-height: 14px;
}

.promo-titre.vente-index.s-bck-friday {
    background: black;
}

    .promo-titre.vente-index.s-bck-friday a {
        color: red;
        font-weight: 800;
    }

.black-menu .menu-same a {
    color: red;
}

/* FIN BLACK FRIDAY */

.caracterisques_principales {
    line-height: 20px;
    font-size: 13px;
    color: #333333;
    width: 50%;
}

/* NOEL */
.warp-noel {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}

.bck-noel {
    overflow: hidden;
    background: #f0f0f0;
}

.carousel-produits.noel-promo .ui-li-aside .barre::after {
    background: #d6190d;
}

.carousel-produits.noel-promo .all_libelle {
    background: #262430;
}

.carousel-produits.noel-promo .ui-li-aside {
    background: #262430;
}


.carousel-produits.noel-promo a {
    color: white;
}

.carousel-produits.noel-promo .ui-li-aside .barre {
    color: white;
}

.carousel-produits.noel-promo .ui-li-aside span {
    color: #cb192d;
}
/*FIN NOEL */

/* INDEX CONTENU SUPP*/

.img-affich-promo {
    padding-bottom: 2px;
    position: relative;
    padding-top: 2px;
    overflow: hidden;
}

    .img-affich-promo .warp-noel {
        background: none transparent;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .img-affich-promo .warp {
        position: relative;
    }

    .img-affich-promo ul {
        width: 100%;
    }

    .img-affich-promo li {
        float: left;
        transition: all 0.5s;
        margin: 0 103px 0 0;
        text-align: left;
        width: auto;
        box-sizing: border-box;
        position: relative;
        display: block;
    }

.border-class {
    display: block;
    padding: 10px 10px 10px 50px;
    box-sizing: border-box;
}


li:hover .border-class::before, li:hover .border-class::after {
    top: 0;
}

li:hover .border-class::before, li:hover .border-class::after {
    height: 100%;
}

.border-class::after {
    right: 0;
    top: 50%;
    transition-duration: 0.4s;
}

.border-class::before, .border-class::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #ccc;
}

.border-class::before {
    left: 0;
    top: 50%;
    transition-duration: 0.4s;
}


.img-affich-promo li p {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.img-affich-promo li span {
    font-size: 12px;
    color: #787878;
    text-align: left;
    display: block;
}

.meilleur-index {
    background: #f0f0f0 url('') no-repeat 5px center;
}

.affaire-index {
    background: #f0f0f0 url('') no-repeat 5px center;
}

.new-index {
    background: #f0f0f0 url('') no-repeat 5px center;
}

.top-index {
    background: #f0f0f0 url('') no-repeat 5px center;
}

.code-index {
    background: #f0f0f0 url('') no-repeat 5px center;
}

.footer .p-footer {
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 5px;
}

    .footer .p-footer:after {
        display: none;
    }

.footer .mag-choisi {
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #20a75f;
}

.footer .mag-voir-foot {
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    background: #20a75f;
    margin-top: 10px;
    line-height: 20px;
    padding: 5px 0px;
    border-radius: 5px;
}

.footer .foot.foot-mag {
    text-align: center;
    margin-right: 0;
}


.img-affich-promo li p {
    font-weight: bold;
}

.img-affich-promo li:last-child {
    float: right;
    margin-right: 0px;
}

.img-affich-promo li img {
    vertical-align: middle;
    width: 32px;
}

.img-affich-promo li:hover {
}

.rubrique-float {
    margin-top: 10px;
    background: none;
    overflow: hidden;
    padding: 15px 15px;
    margin-bottom: 10px;
}

    .rubrique-float li {
        overflow: hidden;
        box-sizing: border-box;
    }



        .rubrique-float li img {
            vertical-align: middle;
            width: 100%;
        }

        .rubrique-float li:last-child {
            float: right;
            margin-right: 0;
        }

.menu-rubrique-float {
    line-height: 22px;
}

    .menu-rubrique-float p {
        padding: 0 0px;
        font-size: 13px;
        color: white;
        font-weight: 500;
        text-align: left;
    }

        .menu-rubrique-float p:hover {
            font-weight: 600;
        }

        .menu-rubrique-float p a {
            color: #333;
        }

.rubrique-float li .alienrub img {
    transform: scale(1);
    transition: all 0.5s;
    width: 100%;
}

.rubrique-float li .alienrub:hover img {
}

.menu-rubrique-float .menu-gras-rubrique {
    text-transform: uppercase;
    text-align: left;
    position: relative;
    color: white;
    line-height: 35px;
    padding: 0;
    font-size: 16px;
    position: relative;
    font-weight: 800 !important;
}

    .menu-rubrique-float .menu-gras-rubrique::after {
        content: "";
        height: 1px;
        background: #333;
        width: 70%;
        position: absolute;
        bottom: 5px;
        left: 0;
        display: block;
        z-index: 10;
    }

/* FIN INDEX CONTENU SUPP*/
/* TOGGLE FICHE PRODUIT & HOME PAGE */
.txt-toggle-home {
    max-height: 160px;
    overflow-y: hidden;
}

.txt-toggle-cat {
    overflow-y: hidden;
}

.intro-seo {
    margin: 0 0 10px;
}

    .intro-seo .txt-toggle-cat {
        font-size: 10px;
        height: auto;
    }


.txt-toggle-cat.showToggle {
    height: auto;
}

.fiche-produit .sep-fiche-prod-l .button-toggle {
    display: none;
}

.button-toggle-home,
.fiche-produit .sep-fiche-prod-l .button-toggle {
    background-color: #fff;
    text-align: center;
    padding-top: 10px;
    text-indent: -5000px;
    background: url('') no-repeat center;
    height: 35px;
    width: 35px;
    cursor: pointer;
    margin: -2px auto 0;
    position: relative;
}

    .button-toggle-home.hide,
    .fiche-produit .sep-fiche-prod-l .button-toggle.hide {
        transform: rotate(180deg);
        margin: 0 auto;
    }



.txt-toggle-home.showToggle,
.fiche-produit .sep-fiche-prod-l .fiche_strong.showToggle {
    max-height: none;
    overflow-y: initial;
}

.button-toggle-home.hide,
.fiche-produit .sep-fiche-prod-l .button-toggle.hide {
    display: none;
}


.menu-retour {
    display: none;
    background: #333;
    width: 100%;
    color: white;
    margin-left: 0px;
    line-height: 35px;
    text-align: left;
}

    .menu-retour p {
        width: 100%;
        float: none;
        color: white;
        display: block;
        padding-left: 40px;
        /*background: #333 url('') no-repeat 10px center;*/
        cursor: pointer;
        box-sizing: border-box;
    }

.img-affich-promo ul {
    font-size: 0;
    text-align: center;
}
/* FIN TOGGLE FICHE PRODUIT & HOME PAGE */
.gotop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    display: none;
}

.marque .cbk_cell_align_middle .prix-produit {
    position: absolute;
    bottom: 5px;
    left: 20px;
}

.marque .price_prod_resp span {
    color: #cb192d;
}

.marque .prodfiche_dispo {
    position: absolute;
    text-align: center;
    top: 255px;
    color: #093;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    display: block;
    height: 20px;
    line-height: 20px;
}

.marque .liste-produits .prod_background {
    width: 250px;
    float: left;
    position: relative;
    height: 325px;
    overflow: hidden;
}

.marque .product_constructeur .prodfiche_nodispo {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    top: 255px;
    color: #9e0117;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
}

.marque .product_constructeur .reference {
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    margin-top: 10px;
}

.marque .product_constructeur span {
    font-weight: bold;
    font-size: 12px;
}

.marque .produits .product_constructeur {
    height: 53px;
    overflow: hidden;
}

.warp.marque div #_ctl0_ContentPlaceHolder1_content_logo img {
    width: auto;
    max-width: 100%;
}

.bouton-config-annule {
    background: #333 url('') no-repeat 42px center;
    color: white;
    margin: 10px 0;
    background-size: 14px;
    line-height: 30px;
}

.impression .bouton-config-annule a.ancre-options {
    color: white;
    line-height: 20px;
    transition: none;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    width: auto;
    padding: 2px 0 2px 87px;
}

    .impression .bouton-config-annule a.ancre-options:hover {
        color: white;
    }

.tri-desc {
    text-align: center;
    width: 300px;
    background: #20a75f;
    color: white;
    line-height: 35px;
    margin: 0 auto 15px;
}

    .tri-desc a {
        color: white;
        background: url('') no-repeat left center;
        background-size: auto auto;
        padding-left: 22px;
        background-size: 12px;
    }


.tri-asc {
    text-align: center;
    width: 300px;
    background: #20a75f;
    color: white;
    line-height: 35px;
    margin: 0 auto 15px;
}

    .tri-asc a {
        color: white;
        background: url('') no-repeat left center;
        background-size: auto auto;
        padding-left: 22px;
        background-size: 12px;
    }

.pagination-div .fleche_mob {
    display: none;
}

.imprimer-le-panier {
    background: white;
    color: black;
    border-radius: 10px;
    font-size: 12px;
    display: block;
    cursor: pointer;
    margin-left: 30px;
    box-sizing: border-box;
    height: 20px;
    position: relative;
    float: right;
    width: 200px;
}

.frais-port-offert {
    display: none;
}

.imprimer-le-panier a {
    color: black;
    display: block;
    padding-left: 20px;
    background: url('') no-repeat 8% center;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.fleft {
    clear: both;
}

.imprimer-le-panier:hover {
    font-weight: 600;
}

.liste-pr {
    width: 25%;
    float: left;
    max-height: 466px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0 5px;
}

.input-cp_relais {
    border: 1px solid #ccc;
    background: white;
    margin-top: 10px;
    box-sizing: border-box;
}

    .input-cp_relais label {
        text-align: center;
        background: #333;
        color: white;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        line-height: 30px;
    }


    .input-cp_relais input {
        font-size: 12px;
        border: 1px solid #ccc;
        margin: 10px 2%;
        width: 96%;
        line-height: 25px;
        padding-left: 10px;
        box-sizing: border-box;
        display: block;
    }

.selection-carte {
    padding: 5px;
    background-color: #20a75f;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    color: black;
    font-weight: 600;
}

    .selection-carte:hover {
        background-color: #ffe266;
    }

.input-cp_relais input:last-child {
    background: #20a75f;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
}

.input-cp_relais input:hover:last-child {
    background-color: #ffe266;
}

.carte {
    width: 75%;
    float: right;
}

.selection-relais div {
    font-size: 12px;
}

    .selection-relais div:first-child {
        font-weight: 600;
    }


.selection-relais {
    border: 1px solid #ccc;
    background: white;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 5px;
}

.mentions-compte.mentions-newsletter {
    text-align: center;
    padding: 15px 0 0;
}

.mentions-newsletter {
    font-size: 11px;
}

.avis-fiche {
}

.impression .texte_avis {
    display: none;
}

.avis-fiche span img {
    width: 18px;
}

.impression .avis-fiche p {
    margin: 5px 0;
    font-size: 12px;
}

.initial_avis {
    font-weight: bold;
}

.avis-list span img {
    width: 20px;
}

.sep-fiche-prod-l .avis-list p {
    padding: 0;
}

.sep-fiche-prod-l .avis-list .initial_avis {
    margin-bottom: 18px;
    border-bottom: #ccc 1px solid;
    padding-bottom: 15px;
}

.impression .avis-goto {
    display: block;
}

    .impression .avis-goto:hover {
        background: none white;
        color: black;
        font-weight: bold;
    }

    .impression .avis-goto:last-child {
    }

.impression .avis-fiche .texte_avis .suite,
.impression .avis-fiche .texte_avis a {
    background: none !important;
    color: black;
    text-decoration: underline;
    float: none;
    display: block;
    padding: 0 0 2px;
    cursor: pointer;
    font-size: 12px;
}

.impression .initial_avis {
    display: none;
}


.avis-fiche span {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

    .avis-fiche span:nth-child(6) {
        margin-left: 15px;
    }

/*.pourcent {
    background: #cb192d;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 18px;
    color: white;
}*/

.sep-fiche-prod-l .fiche_strong span {
    font-size: 12px !important;
}

.cbk_fac_titre {
    font-weight: bold;
}

.gaming-page #_ctl0_ContentPlaceHolder1_l_descriptif li {
    color: white
}

    .gaming-page #_ctl0_ContentPlaceHolder1_l_descriptif li strong {
        color: white
    }

.menu-hori.configurateur {
    background: #20a75f;
}

    .menu-hori.configurateur p {
        padding-top: 7px;
        color: white;
        font-weight: bold;
    }



.votre-compte .compte-configu {
    margin-right: 0px;
    float: right;
}

.options-panier li {
    font-size: 12px;
    padding: 2px 0;
    list-style: none;
}

.load {
    background: #20a75f url('') no-repeat -500px center;
    color: #333;
    font-weight: normal;
    padding: 2px 25px;
    font-size: 14px;
    border: 1px solid #20a75f;
    font-weight: bold;
    text-transform: uppercase;
}

    .load:hover {
        background: #20a75f url('') no-repeat left center;
    }

.ouvrir-filtre {
    background: white;
    text-transform: uppercase;
    line-height: 25px;
    width: 300px;
    margin: 0 auto;
    font-size: 14px;
    color: white;
    background: #20a75f url(../landing-pages/images/configurateur/filte-fleche-w.png) no-repeat 95% center;
}

.code-promo .filtres {
    position: relative;
    width: 300px;
    margin: 0 auto;
}

    .code-promo .filtres .open-filtre {
        display: none;
        background: white;
        border: 1px solid #ccc;
        padding: 5px 10px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
    }

.black-friday .filtres:hover .open-filtre {
    display: block;
}

.black-friday .filtres .filtre {
    display: block;
}

.black-friday .filtres {
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 300px;
}

    .black-friday .filtres .open-filtre {
        display: none;
        background: white;
        border: 1px solid #ccc;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        max-height: 300px;
        overflow-y: scroll;
    }


    .black-friday .filtres:hover .open-filtre {
        display: block;
    }

    .black-friday .filtres .filtre {
        display: flex;
        justify-content: space-between;
        margin: 10px;
    }

        .black-friday .filtres .filtre:hover label {
            font-weight: bold;
            color: #EE2D24;
        }

.code-promo .filtres .filtre input {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}


.code-promo .filtres .filtre label {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
}

.code-promo .filtres .filtre {
    border-bottom: 1px dashed #ccc;
    display: block;
}


    .code-promo .filtres .filtre:last-child {
        border-bottom: none;
    }

.menu-black-friday.menu-hori legend {
    cursor: pointer;
    padding: 4px 0;
}

/* COMPTE */

.votre-compte .inscription-compte .madame-mr td {
    display: inline-block;
    margin-right: 15px;
    width: auto;
}

.sep-left-compte {
    float: left;
    width: 350px;
}

.sep-left-right {
    float: right;
    width: 350px;
    margin-top: 20px;
}

.abo-bot {
    clear: both;
}

.votre-compte .warp-inscri span {
    font-size: 14px;
}

.votre-compte .warp-inscri .title_tel {
    font-size: 10px;
}

.votre-compte .warp-inscri .radio_btnlist {
    width: 100%;
    margin-bottom: 11px;
}

.commande-cours {
    background: #f0f0f0;
    height: 46px;
    display: table-cell;
    width: 24%;
    vertical-align: middle;
}

    .commande-cours ul {
        font-size: 0;
        text-align: left;
        padding: 7px 0;
    }

    .commande-cours li {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        text-align: left;
        color: black;
        margin: 0 0 10px 28px;
        max-width: 154px;
        min-width: 48px;
        position: relative;
        box-sizing: border-box;
        z-index: 10;
    }

    .commande-cours sup {
        font-size: 10px;
        vertical-align: top;
        position: relative;
        top: -2px;
    }

    .commande-cours li span {
        font-weight: bold;
        display: block;
        color: black;
        white-space: nowrap;
        max-width: 140px;
        overflow: hidden;
    }

    .commande-cours .bt-compte a {
        color: white;
    }

.adress-client {
    display: none;
}

.facture-float {
    display: block;
}

.commande-cours .facture-float span {
    display: inline-block;
}

.commande-cours .facture-float img {
    display: inline-block;
    margin-left: 5px;
}

.commande-cours .bt-compte {
    background: #20a75f;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    font-size: 10px;
    color: white;
    font-weight: bold;
    border-radius: 13px 6px 20px 13px !important;
    width: 100%;
}

    .commande-cours .bt-compte.pb-livre {
        z-index: 11;
    }


    .commande-cours .bt-compte.last-bt-compte {
        line-height: 21px;
    }

.commande-cours .facture-print {
    background: white;
    height: 32px;
    color: black;
    padding: 2px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.commande-cours .suivre-colis {
    background: white;
    height: 32px;
    color: black;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 5px;
}

    .commande-cours .suivre-colis:hover {
        transform: scale(1.1);
    }

.commande-cours .facture-print:hover {
    transform: scale(1.1);
}

.commande-cours .suivre-colis span {
    color: black;
}

.commande-cours .facture-print span {
    color: black;
}

.commande-cours li:hover .adress-client {
    display: block;
    background: white;
    position: absolute;
    width: 200px;
    z-index: 5;
    left: 140px;
    padding: 5px 10px;
    top: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .commande-cours li:hover .adress-client p {
        color: black;
    }

.commande1 li:nth-child(1) p {
    color: #20a75f;
}

.commande2 li:nth-child(2) p {
    color: #20a75f;
}

.commande3 li:nth-child(3) p {
    color: #20a75f;
}

.commande4 li:nth-child(4) p {
    color: #20a75f;
}

.commande3 li:nth-child(3) p span a {
    color: #20a75f;
}

.commande5 li:nth-child(4) p {
    color: #cb192d;
}

    .commande5 li:nth-child(4) p span {
        color: #cb192d;
    }

.commande-cours li:nth-child(3) {
    z-index: 12;
}

#_ctl0_ContentPlaceHolder1_panel_main {
    padding-left: 20px;
    width: 100%;
    display: table-cell;
}

.commande-timing li {
    font-size: 0;
}

.commande-timing .bt-compte.pb-livre {
    font-size: 11px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    color: white;
    width: 120px;
}

    .commande-timing .bt-compte.pb-livre::marker {
        display: none;
        font-size: 0;
        content: "";
    }

.tous-les-boutons .bouton-ticket {
    display: flex;
    cursor: pointer;
    background-color: #20a75f;
    padding: 10px;
    width: 100%;
    justify-content: center;
    height: 30%;
    align-items: center;
    text-align: center;
    transition: 300ms all ease-in-out;
    margin-bottom: 10px;
}

.container-choix-ticket .bouton-retour a {
    border-radius: 5px;
    padding: 0 10px;
    display: block;
    width: 100%;
    line-height: 38px;
    margin-top: 50px;
}

.commande-timing li img {
    width: 25%;
    max-height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.commande-timing li p {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
}

.commande-timing {
    background: white;
    border: 1px solid #000;
    position: relative;
    font-size: 0;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}

    .commande-timing li {
    }

    .commande-timing .commande1 li:nth-child(4), .commande-timing .commande1 li:nth-child(2), .commande-timing .commande1 li:nth-child(3) {
        display: none;
    }

    .commande-timing .commande2 li:nth-child(1), .commande-timing .commande2 li:nth-child(4), .commande-timing .commande2 li:nth-child(3) {
        display: none;
    }

    .commande-timing .commande3 li:nth-child(1), .commande-timing .commande3 li:nth-child(2), .commande-timing .commande3 li:nth-child(4) {
        display: none;
    }

    .commande-timing .commande4 li:nth-child(1), .commande-timing .commande4 li:nth-child(2), .commande-timing .commande4 li:nth-child(3) {
        display: none;
    }

    /* .commande-timing li:nth-child(1) {
left:0;
}

.commande-timing li:nth-child(1) p {
width:150px;
}

.commande-timing li:nth-child(2) p {
    width: 150px;
}

.commande-timing li:nth-child(2) {
left:28%;
}

.commande-timing li:nth-child(3) {
left: 60.0%;
}

.commande-timing li:nth-child(4) {
right:0;
}
    */

    .commande-timing ul {
        width: 30%;
        position: relative;
        margin: 15px 0;
        padding: 0 15px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #ccc;
    }

.produits-commande {
    width: 70%;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

/* .commande-timing ul:after {
background:#ccc;
border-radius:10px;
height:6px;
width:100%;
position:absolute;
content:"";
display:block;
bottom:10px;
}


    .commande-timing ul:before {
border-radius:10px;
height:6px;
width:0%;
position:absolute;
content:"";
display:block;
z-index:1;
bottom:10px;
}

.commande-timing ul.commande1:before{
background:black;
width:0%;
}

.commande-timing ul.commande2:before {
background: black;
width: 30.0%;
}

.commande-timing ul.commande3:before {
background:black;
width: 61.66%;
}


.commande-timing ul.commande4:before {
background:black;
width:100%;
}
*/

.commande-timing li img {
    display: inline-block;
    vertical-align: middle;
}

.commande-timing li p {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    padding: 0 0 0 5px;
}

    .commande-timing li p span {
        display: block;
        font-weight: 700;
    }

/*.commande-timing li::after {
content:"";
display:block;
background:black;
border-radius:100%;
position:absolute;
top: 39px;
height:6px;
width:6px;
left:18px;
}
*/

.commande-timing li:first-child:after {
    left: 0;
}

.commande-timing li:last-child:after {
    left: inherit;
    right: 0;
}

/*.commande-timing ul.commande2 li:nth-child(1):after, .commande-timing ul.commande2 li:nth-child(2):after {
  background:white;
  border:1px solid black;  
  width: 4px;
height: 4px;
}
*/

.commande-timing ul.commande3 li:nth-child(1):after, .commande-timing ul.commande3 li:nth-child(2):after, .commande-timing ul.commande3 li:nth-child(3):after {
    background: white;
    border: 1px solid black;
    width: 4px;
    height: 4px;
}

/*.commande-timing ul.commande4 li:nth-child(1):after, .commande-timing ul.commande4 li:nth-child(2):after, .commande-timing ul.commande4 li:nth-child(3):after, .commande-timing ul.commande4 li:nth-child(4):after {
  background:white;
  width: 4px;
height: 4px;
  border:1px solid black;  
}
*/

.img-commande {
    display: inline-block;
    margin: 0 0px;
    vertical-align: middle;
    width: 80px;
}

.img-commande img {
    width: 100%;
    height: 100%;
}


.titre-commande {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 53%;
    max-width: 220px;
}

.commande-timing .bt-compte.pb-livre .prob-commande {
    left: 50%;
    top: 30px;
    transform: translateX(-50%) scale(0.9);
}

    .commande-timing .bt-compte.pb-livre .prob-commande p {
        width: 98%;
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        font-size: 10px;
        line-height: 22px;
    }

.option-commande {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

    .option-commande .op-com {
        background: black;
        text-align: center;
        text-transform: uppercase;
        padding: 6px 10px;
        height: 32px;
        border-radius: 5px;
        cursor: pointer;
        color: white;
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 10px;
        position: relative;
        box-sizing: border-box;
        transition: transform 0.5s;
    }

        .option-commande .op-com:hover {
            transform: scale(1.06);
            z-index: 12;
        }

.produit-commande::before {
    content: "";
    display: block;
    width: 95%;
    margin: 15px auto;
    background: #ccc;
    height: 1px;
}

.commande-timing div:nth-child(1):before {
    display: none;
}

.titre-commande .titre-commande-pris {
    font-size: 14px;
    font-weight: bold;
}

.titre-commande .libel-commande {
    font-size: 12px;
}

.titre-commande .ref-commande {
    font-size: 12px;
}


.titre-commande .price-commande {
    color: #cb192d;
    font-size: 22px;
    margin-top: 15px;
    font-weight: bold;
}

.prob-commande {
    max-height: 0em;
    overflow: hidden;
    position: absolute;
    z-index: 12;
    left: 100px;
    width: 300px;
    transform: scale(0.90);
    top: -10px;
    background-color: #FFF;
    border-radius: 5px;
    transition: max-height 1s, padding 1s;
    padding: 0;
    text-align: left;
}

.prob-liv {
    max-height: 0em;
    overflow: hidden;
    position: absolute;
    z-index: 12;
    left: -12px;
    width: 258px;
    transform: scale(0.90);
    top: 28px;
    background-image: linear-gradient(#fff,#ddd);
    border-radius: 5px;
    transition: max-height 1s, padding 1s;
    padding: 0;
    text-align: left;
}

.op-com .prob-commande {
    transform: scale(0.94);
}

.bt-compte:hover .prob-commande {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #ccc;
}

.facture-print div {
    display: inline;
}

.prob-commande p {
    text-transform: uppercase;
    line-height: 25px;
    padding: 3px 8px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 10px;
    border: 1px solid transparent;
}

.prob-liv p {
    text-transform: uppercase;
    line-height: 15px;
    padding: 2px 8px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 11px !important;
    color: #333 !important;
    border: 1px solid transparent;
}

.prob-commande p:hover {
    background-image: linear-gradient(#ddd,#fff);
    border: 1px solid #ccc;
}

.bt-compte:hover .prob-commande {
    max-height: 300px;
    padding: 5px 0px;
    border: 1px solid #ccc;
}

.op-com:hover .prob-commande {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #ccc;
    z-index: 30;
}

.op-liv:hover .prob-liv {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #ccc;
    z-index: 30;
}

.pop-up-cde-client {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    width: 80% !important;
    height: 40vh !important;
    overflow: hidden !important;
}

#btnUpload {
    color: white;
    margin-left: 45%;
    cursor: pointer;
}

#container-piece-jointe {
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.input-envoie-message {
    margin: 10px 0 0px 0px;
    width: 100%;
    height: 100%;
    resize: none;
}

.piece-jointe-message {
    display: flex;
    width: 100%;
    flex-direction: row;
}

#section-conversation-message {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    background-color: #FFFFFF;
    color: #252422;
    border: 0 none;
    align-items: center;
    margin: 10px;
}

#section-piece-jointe {
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    background-color: #FFFFFF;
    color: #252422;
    border: 0 none;
    margin: 10px;
    position: relative;
    min-height: 200px;
}

#section-demandes-liees {
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    background-color: #FFFFFF;
    color: #252422;
    border: 0 none;
    margin: 10px;
    min-height: 200px;
}

.liste-message {
    width: 90%;
    height: 100%;
    max-height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #f4f4f4;
    padding: 3%;
}

.piece-jointe li {
    display: flex;
    text-align: left;
    justify-content: space-around;
    margin-left: 0;
    margin-top: 5%;
    padding: 2%;
    height: 70px;
}

.liste-piece-jointe {
    min-height: 250px;
    overflow-x: hidden;
    width: 100%;
    max-height: 250px;
}

.piece-jointe li p {
    width: 200px;
    overflow-y: hidden;
    height: 100%;
}

#section-bouton-pop-up {
    width: 100%;
    height: 10%;
    padding: 10px;
}

#section-info-ticket {
    margin: 10px;
}

.pop-up {
    background-color: #F4F4F4;
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 80vh;
    overflow: hidden;
    overflow-y: scroll;
    top: 0;
    left: 0;
    box-shadow: 0px 0px 25px #000;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    padding: 0 0 20px 0;
}

.shadow-bck {
    background-color: rgb(255, 255, 255);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 70%;
    overflow: hidden;
}

.shadow-bck-right {
    float: right;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    width: 200px;
    z-index: 10000;
    overflow: hidden;
}

.bt-popup-compte {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

.messageDemande {
    width: 100%;
    box-sizing: border-box;
    height: 180px;
    padding: 5px 10px;
}

.form-pop {
    margin: 0 10px 10px;
    overflow: hidden;
}

.titre-pop {
    background: black;
    padding: 10px;
    border-radius: 5px;
    color: white;
    margin-bottom: 10px;
}

.bt-popup-compte .bt-envoyer {
    float: right;
    background: #20a75f;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.bt-popup-compte .bt-retour {
    float: left;
    background: black;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
}

.erreur-livraison {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    position: absolute;
    top: 110%;
    padding: 10px;
    font-size: 12px;
    z-index: 1000;
}


.config-commande {
    width: 300px;
    margin: 0 auto;
    display: block;
}

    .config-commande .op-com {
        line-height: 14px;
        padding: 2px 10px;
    }


.form-pop-validation {
    padding: 10px;
    text-align: center;
    height: 100px;
}


    .form-pop-validation .bt-retour {
        margin: 0 auto;
        background: black;
        color: white;
        text-transform: uppercase;
        font-size: 13px;
        padding: 5px 10px;
        cursor: pointer;
        margin-top: 30px;
        width: 120px;
        line-height: 23px;
    }


.commande-timing li:nth-child(3) a {
    width: 150px;
    overflow: hidden;
}

.produits-commande .produit-commande {
    display: none;
}

    .produits-commande .produit-commande:first-child {
        display: block;
    }

.produits-commande.show-all-produits .produit-commande {
    display: block;
}

.commande-fait {
    clear: both;
    margin-top: 20px;
    display: table;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 20px 20px 20px 13px;
    overflow: hidden;
}

.option-masque.option-commande .op-com {
    border-radius: 0;
    background: #20a75f;
    color: white;
    font-size: 10px;
    height: 25px;
    line-height: 12px;
}

.option-commande.option-masque {
    float: right;
    margin: 0 0 0px;
}




    .option-commande.option-masque .op-com:hover {
        transform: scale(1);
        z-index: 12;
    }


.msg-compte-from-contact {
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
}

.choix-contact .choix-contacte {
    width: 22%;
    display: inline-block;
    background: #20a75f;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 10px 0;
    line-height: 35px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
    font-size: 14px;
}

    .choix-contact .choix-contacte:hover {
        background: #20a75f url('') no-repeat left center;
    }

.choix-contact {
    font-size: 0;
    text-align: left;
}

.qui-contact {
    text-transform: uppercase;
    text-align: left;
}

.quel-mag {
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 5px;
}

.retour-choix-contact {
    background: url('') no-repeat;
    background-size: auto;
    position: absolute;
    background-size: 25px;
    bottom: 5px;
    left: 5px;
    height: 25px;
    cursor: pointer;
    width: 25px;
    z-index: 3;
    text-indent: -5000px;
}


.block-contact .cbk_list_nodots-livraison {
    float: none;
    margin-left: 0;
    text-align: center;
    margin: 20px auto 0;
    height: 35px;
    line-height: 35px;
    display: block;
    background: #20a75f url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    color: black;
    text-transform: uppercase;
    padding-right: 15px;
    text-align-last: center;
}

    .block-contact .cbk_list_nodots-livraison option {
        background: white;
        font-size: 12px;
        font-style: normal;
        margin: 0 10px;
        cursor: pointer;
        color: black;
        border-bottom: 1px dashed #ccc;
    }

.choix-contact div {
    font-size: 14px;
}


.choix-contacter:hover {
    transform: scale(1.01);
}

.choix-contacter {
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 30px;
    margin-top: 10px;
    transition: transform 0.5s;
    cursor: pointer;
    position: relative;
}

    .choix-contacter a {
        text-transform: uppercase;
        display: block;
        line-height: 30px;
    }

    .choix-contacter::before {
        content: "\25BA";
        font-size: 10px;
        left: 0;
        position: absolute;
        font-family: Arial, sans-serif;
    }

.contact-form .block-contact12 {
    border: none;
}


.block-contact12 input {
    background: #f0f0f0;
    border: 1px solid #c8c8c3;
    line-height: 30px;
    text-align: left;
    margin-bottom: 10px;
    width: 328px;
    padding: 0 10px;
}

.sujet-form {
    font-size: 14px;
}

.validation-form {
    text-transform: uppercase;
    margin-top: 20px;
}

.validation-form-erreur {
    text-transform: uppercase;
    margin-top: 20px;
}

.num-cde-market,
.sujet-id-form {
    display: none;
}


.num-tel.block-contact p:first-child {
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
}

.num-tel.block-contact p:nth-child(2) {
    width: 20%;
    background: #20a75f;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    margin: 0;
    display: block;
    font-size: 14px;
}

.num-tel.block-contact p:nth-child(3) {
    text-align: left;
    margin-top: 5px;
    font-size: 10px;
}

.tittle-contact {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
}

.tittle-contact2 {
}



.choix-contact div span {
    font-size: 10px;
    display: block;
    line-height: 10px;
}

.votre-compte .label_size_account_margin-1.last-child-compte {
    margin-right: 0;
}

.compte-magasin .mag-slide {
    background: none;
    float: left;
    width: 72%;
}

#contentlanding.compte-magasin .titre-mag-accueil {
    color: black;
}

.compte-magasin .mag-slide-content {
    position: absolute;
    left: 355px;
    width: 558px;
    top: 44%;
    transform: translateY(-50%);
}

.compte-magasin .mag-content-accueil {
    overflow: inherit;
}

.compte-magasin .mag-proche-accueil {
    overflow: inherit;
}


#_ctl0_ContentPlaceHolder1_mon_mag_detail {
    display: block;
}

.compte-magasin .switch-mag {
    color: black;
}

.select-mag .mag-list-fiche .stock-False,
.select-mag .mag-list-fiche .stock-0 {
    display: none;
}


.compte-magasin .supp-mag {
    position: absolute;
    top: 0px;
    right: 0;
    width: 36px;
    height: 36px;
    background-image: url(fancybox_sprite.png);
    text-indent: -4000px;
    cursor: pointer;
    z-index: 3;
    display: block;
}

    .compte-magasin .supp-mag a {
        display: block;
        width: 36px;
        height: 36px;
    }

.compte-magasin .nosservice {
    clear: both;
}

.recap-panier .prod-assos {
    width: 100%;
    margin-top: 15px;
}

.recap-panier .carousel-produits li:first-child {
    display: inline-block;
}


.recap-panier .prod-assos .carousel-produits li {
    margin: 0px;
}

.recap-panier .carousel-produits {
    margin-bottom: 15px;
}


.descriptif .sep-fiche-prod-l p {
    font-family: "Arial" !important;
}

.descriptif .sep-fiche-prod-l span {
    font-family: "Arial" !important;
}

.descriptif .sep-fiche-prod-l a {
    font-family: "Arial" !important;
    color: black !important;
    font-weight: 600 !important;
}

    .descriptif .sep-fiche-prod-l a u {
        font-family: "Arial" !important;
        color: black !important;
        font-weight: 600 !important;
    }

.libelle_product_new select {
    border: 1px solid #20a75f;
    font-family: "Arial";
    margin-top: 0;
    background: #20a75f url('') no-repeat right center;
    width: 160px;
    height: 26px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

    .libelle_product_new select option {
        background: white;
        font-family: "Arial";
    }

    .libelle_product_new select::after {
        display: none;
    }

.libelle_product_new select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#signin-button {
    width: 100%;
    background: #4267b2;
    color: white;
    font-size: 16px;
    line-height: 36px;
    box-shadow: none;
    border: none;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
}

    #signin-button:hover {
        background: #527fda;
    }

    #signin-button.google-co {
        background: #dd4b39;
    }

        #signin-button.google-co:hover {
            background: #fa5c49;
        }


.fb-login-button {
    display: none !important;
}

.menu-hori.concept,
.menu-hori.pc-assembles,
.menu-hori.configurateur {
    display: none;
}

.cbx_zone_recherche.fixedTop .menu-bureautique.global-menu {
    display: none;
}

#cbk_menu_panel .global-menu:hover .tout-menu.tout-menu2,
#cbk_menu_panel .global-menu:hover .tout-menu.tout-menu2 .warp {
    width: 250px;
}

.global-menu .tout-menu.tout-menu2 a {
}

.global-menu:hover .tout-menu.tout-menu2 .menu-hori ul {
    display: block;
}

.global-menu.menu-bureautique .tout-menu.tout-menu2 li:nth-child(1) span:hover,
.global-menu.menu-bureautique .tout-menu.tout-menu2 li:nth-child(1) span {
    font-weight: bold;
    color: black;
    padding: 0;
}

.global-menu.menu-bureautique.menu-bonplan .tout-menu.tout-menu2 li:nth-child(1) span:hover, .global-menu.menu-bureautique.menu-bonplan .tout-menu.tout-menu2 li:nth-child(1) span {
    color: #333;
    padding: 0 10px;
    text-align: left;
    background: none;
    line-height: 35px;
    text-transform: none;
}

    .global-menu.menu-bureautique.menu-bonplan .tout-menu.tout-menu2 li:nth-child(1) span:hover {
        color: #20a75f;
    }

.global-menu.menu-bureautique .tout-menu.tout-menu2 span:hover {
    color: #20a75f;
}

.global-menu.menu-bureautique .tout-menu.tout-menu2 span {
    font-size: 12px;
    color: #333;
    padding: 0 10px;
    font-weight: normal;
    text-transform: initial;
    font-family: Nunito, Arial, sans-serif !important;
}

body .gotop {
    bottom: 90px;
    z-index: 9999;
    border-radius: 12px 9px 16px 12px !important;
    -webkit-clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%) !important;
    clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%) !important;
}

.avis-newsletter .question {
    font-weight: bold;
}

.avis-newsletter .woorank_txt {
    margin-bottom: 20px;
}


.phone-mail,
.laisser-message {
}

.mail-message p {
    text-indent: -10000px;
}


/* HISTORIQUE */

.histo-1, .histo-2, .histo-3 {
    width: 33.33%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}

.histo-3 {
    float: right;
    padding-right: 0px;
}

    .histo-1 img, .histo-2 img, .histo-3 img {
        width: 100%;
    }

.histo-1 h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 15px;
    font-size: 20px;
}

.histo-2 h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
}

.histo-1 li {
    padding-left: 20px;
    background: url('') no-repeat left top;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .histo-1 li a {
        color: black;
        font-weight: 600;
    }

.histo-1 ul {
    margin-top: 15px;
}

.histo-1 li span {
    color: black;
    font-weight: 600;
}

.histo-2 p, .histo-3 p {
    margin-bottom: 10px;
}

.histo-2 img, .histo-3 img {
    margin-bottom: 15px;
}

/* PRESSE */

.somaire-presse {
    width: 50%;
    margin: 0 auto;
}

    .somaire-presse img {
        vertical-align: middle;
        display: inline-block;
        width: 49%;
    }

    .somaire-presse ul {
        vertical-align: middle;
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        padding-left: 20px;
    }

        .somaire-presse ul a {
            font-weight: 600;
            color: black;
            line-height: 24px;
        }

.presse-padding h2 {
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
}

.presse-padding p {
    margin-bottom: 10px;
}

.presse-padding li {
    padding-left: 20px;
    background: url('') no-repeat left top;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .presse-padding li a {
        font-weight: 600;
        color: black;
    }


#presselogo img {
    width: 300px;
}

#presselogo a {
    display: inline-block;
    margin-right: 50px;
    text-align: center;
}

#presselogo img {
    display: block;
    margin-bottom: 5px;
}

#presselogo a:last-child {
    margin-right: 0px;
}

.select-filtre {
    font-weight: bold;
    text-decoration: underline;
}

.selection_top .slc .select-filtre label {
    font-size: 13px;
}

.btn_valider_filtre.btn_valider_afficher {
    display: block;
}


.xfacture #_ctl0_ContentPlaceHolder1_paiement3X_paiement span {
    color: #20a75f;
    font-weight: bold;
    font-size: 16px;
}

.xfacture #_ctl0_ContentPlaceHolder1_paiement3X_paiement {
    font-size: 12px;
    padding-right: 10px;
    font-weight: 500;
    margin-bottom: 10px;
}

.mag-fiche-98 {
    display: none;
}



.slide-mag .slick-prev, .slide-mag .slick-next {
    z-index: 10;
}

.slide-mag .slick-prev {
    left: 0;
}

.slide-mag .slick-next {
    right: 0;
}

.slick-prev::before, .slick-next::before {
    color: black;
}

.slide-mag .carousel-produits.carousel-marques li img {
    width: 50%;
    margin: 0 auto;
    padding-top: 5px;
}

.slide-mag .carousel-produits.carousel-marques li a div {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 5px;
}



/* Popup relais colis */
.hover_bkgr_fricc_colisweb,
.hover_bkgr_fricc_cronoprecise,
.hover_bkgr_fricc_relais,
.hover_bkgr_fricc {
    background: rgba(0,0,0,.4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
}

    .hover_bkgr_fricc_colisweb .helper,
    .hover_bkgr_fricc_cronoprecise .helper,
    .hover_bkgr_fricc_relais .helper,
    .hover_bkgr_fricc .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .hover_bkgr_fricc_colisweb > div,
    .hover_bkgr_fricc_cronoprecise > div,
    .hover_bkgr_fricc_relais > div,
    .hover_bkgr_fricc > div {
        background-color: #fff;
        box-shadow: 10px 10px 60px #555;
        display: inline-block;
        height: auto;
        vertical-align: middle;
        width: 60%;
        position: relative;
        border-radius: 8px;
    }

.popupCloseButtonColisweb, .popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 35px;
    height: 35px;
    text-align: center;
}

    .popupCloseButtonColisweb, .popupCloseButton:hover {
        background-color: #ccc;
    }

.trigger_popup_fricc_relais,
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup relais colis */


#_ctl0_ContentPlaceHolder1_Div3 {
    display: none;
}

#product-parameters {
    width: 100%;
}

    #product-parameters .title {
        width: 100%;
        display: block;
        background: #ccc;
        padding-left: 10px;
    }

    #product-parameters .label {
        width: 40%;
        float: left;
    }

#product-parameters {
    font-size: 0;
}

    #product-parameters td {
        font-size: 12px;
    }

    #product-parameters .checkbox, #product-parameters .no-checkbox {
        width: 60%;
        float: right;
    }

    #product-parameters .title h2 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        width: 100%;
        margin-top: 15px;
    }


    #product-parameters tr {
        line-height: 30px;
    }

#product-parameters {
}

    #product-parameters .checkbox, #product-parameters .label, #product-parameters .no-checkbox {
        padding-left: 10px;
        box-sizing: border-box;
    }

    #product-parameters .label {
    }

    #product-parameters .checkbox, #product-parameters .no-checkbox {
        font-weight: bold;
    }

    #product-parameters tr {
    }

    #product-parameters .feature {
        border: none;
    }

    #product-parameters tr:first-child {
        border-top: none;
    }

    #product-parameters tr:last-child {
    }

    #product-parameters .feature .label {
    }

    #product-parameters .feature .checkbox, #product-parameters .feature .no-checkbox {
    }

.paiement-panier .basket_button_correction input {
    display: none;
}

.recap-panier .tableau-paiement {
    width: 100%;
}

.paiement-panier .recap-panier .content-tableau-paiement {
    margin-top: 0px;
}

.recap-panier .content-tableau-paiement {
    margin-top: 20px;
}

.intro-seo a span {
    font-weight: bold !important;
    color: black !important;
}

.recap-panier .prod-assos .carousel-produits img {
    width: 40%;
}

.recap-panier .carousel-produits li {
    height: 190px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .avis-fiche span {
    margin-top: 0;
}

#_ctl0_ContentPlaceHolder1_btn_reinit_filters.crits-sel {
    background: #EE2D24 url('') no-repeat -500px center;
    color: white;
}

    #_ctl0_ContentPlaceHolder1_btn_reinit_filters.crits-sel:hover {
        background: #20a75f url('') no-repeat 0px center;
    }

.contact_form #_ctl0_ContentPlaceHolder1_btn_valider {
    display: block;
    width: 300px;
    background: #20a75f;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #20a75f;
    margin: 0 auto 10px;
    text-align: center;
    cursor: pointer;
}

    .contact_form #_ctl0_ContentPlaceHolder1_btn_valider:hover {
        background: #ffe266;
    }


.selection_top .slc tr input, .selection_top .slc tr label {
    cursor: pointer;
}


.noUi-target {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #333;
    box-shadow: none;
    width: 80%;
    margin: 0 auto;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}


/*.noUi-origin {
    position: absolute;
    left:0;
    height: 0;
    width: 0;
}*/
.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 20px;
    left: -11px;
    top: -2px;
}

.noUi-handle {
    border: 1px solid #333;
    border-radius: 3px;
    background: #333;
    cursor: default;
    box-shadow: none;
}

.noUi-connect {
    background: #ccc;
    border-radius: 4px;
    box-shadow: none;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-handle-lower .noUi-tooltip {
    bottom: -26px;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 8px;
    width: 1px;
    background: #fff;
    left: 8px;
    top: 5px;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    white-space: nowrap;
}

.noUi-handle:after {
    left: 15px;
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 8px;
    width: 1px;
    background: #fff;
    left: 8px;
    top: 5px;
}

.slide-home .slick-slider {
    margin-bottom: 0;
}

.slide-home .slider-nav {
    position: absolute;
    z-index: 999;
    bottom: -100px;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    transition: bottom 0.5s;
}


.slide-home:hover .slider-nav {
    bottom: 5px;
}

.slide-home .slider-nav .slick-slide {
    display: inline-block;
    width: 120px !important;
    margin: 0 1%;
    border: 1px solid white;
    float: none;
    cursor: pointer;
    background: black;
    box-sizing: border-box;
}

    .slide-home .slider-nav .slick-slide img {
        opacity: 0.4;
        transition: all 0.5s;
        image-rendering: -webkit-optimize-contrast;
    }

    .slide-home .slider-nav .slick-slide:hover img {
        opacity: 1;
    }


.slide-home .slider-nav .slick-track {
    margin: 0 auto;
    left: 0 !important;
    width: 100% !important;
    display: flex;
}


.slide-home .slider-nav .slick-slide.slide-min-active img {
    opacity: 1;
}


.slide-home .slick-cloned {
    display: none !important;
}

.slick-arrow {
    display: none !important;
}

.fiche-produit .link-univers {
    padding: 20px;
}

.code-promo.black-friday .cbk_tag_bonplan {
    position: absolute;
    left: 0;
    font-size: 10px;
    background: #20a75f;
    line-height: 16px;
    padding: 0 5px;
    color: white;
    text-transform: uppercase;
}


.gaming-page .xsansfrais p.meilleur-vente-gaming-titre {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: black;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
}

.gaming-page .xsansfrais p {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
}

.config-assem .lien-gaming p:nth-child(2)::after {
    position: absolute;
    content: "";
    display: block;
    left: -48%;
    background: black;
    width: 100%;
    height: 26px;
    transform: rotate(-80deg);
    z-index: 1;
}

.config-assem .lien-gaming p:nth-child(2) {
    color: white;
    background: black;
}

.config-assem .lien-gaming p {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    width: 50%;
    position: relative;
    transition: all 0.5s;
    vertical-align: middle;
    line-height: 35px;
    height: 35px;
    margin-bottom: 0;
}

    .config-assem .lien-gaming p:hover span {
        padding-left: 0;
    }


.config-assem .content-prog .block-pc-gaming {
    width: 40%;
    float: none;
    display: inline-block;
    text-align: center;
}

.config-assem .all-title {
    overflow: hidden;
    height: 54px;
    margin-bottom: 10px;
}

.config-assem .content-prog {
    text-align: center;
}

.gaming-page .xsansfrais #contentlandingcybertek {
    margin-bottom: 30px;
}

.gaming-page .xsansfrais .gaming-news-txt p {
    color: black;
    text-align: left;
}

.gaming-page .xsansfrais .gaming-news-img img {
    width: 60%;
}

.gaming-page .xsansfrais .gaming-news-txt {
    width: 58%
}

.fiche-produit .link-univers {
    display: flex;
}

.link-univers a {
    font-size: 21px;
    color: #333;
    font-weight: 300;
    text-align: center;
    margin: auto;
    justify-content: center;
}

    .link-univers a:after {
        content: "";
        background-image: url("https://www.grosbill.com/Images/red-fleche-link.svg");
        width: 30px;
        height: 30px;
    }

.categorie-landing .sep-fiche-prod-l .global-desc {
    margin-bottom: 15px;
}


.config-assem .lien-gaming p span {
    font-size: 16px;
}

.config-assem .meilleur-vente-gaming img {
    width: 75%;
}

.config-assem .meilleur-vente-gaming {
    text-align: center;
}


.sep-fiche-prod-l p span {
    font-size: 12px !important;
    font-family: "Arial" !important;
}

.bck-friday-promo.carousel-produits a div:first-child {
    color: white;
}

.bck-friday-promo.carousel-produits .libelle {
    color: #f0f0f0;
}


/* PC MULTIMEDIA */

.fiche-pc-multi.univers-gamer .title_fiche_produit {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
    text-align: left;
}



.fiche-pc-multi .pc-bureautique ul {
    text-align: center;
}


.fiche-pc-multi .pc-bureautique .carac-gaming-courte {
    text-align: left;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}



.fiche-pc-multi .pc-bureautique li {
    width: 31%;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin: 0 1% 25px;
    text-align: left;
}

    .fiche-pc-multi .pc-bureautique li img {
        transition: all 0.5s;
        max-height: 187px;
        max-width: 187px;
    }

.fiche-pc-multi .pc-bureautique h2 p {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 5px;
}


.fiche-pc-multi .pc-bureautique h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
    width: 100%;
}

    .fiche-pc-multi .pc-bureautique h2 span {
        font-size: 25px;
        text-transform: uppercase;
        color: #0A0A0A;
    }

.fiche-pc-multi .pc-bureautique > ul > li {
    border-left: 10px solid #EE2D24;
    padding-left: 10px;
    box-shadow: 0px 3px 6px #BDBDBD;
    g transition: all 0.5s;
}

    .fiche-pc-multi .pc-bureautique > ul > li:hover {
        box-shadow: 2px 6px 8px #D8D8D8;
    }


.global-pcbureau {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 10px;
}

    .global-pcbureau .stock-gaming {
        display: table-cell;
        vertical-align: middle;
        color: #20a75f;
        font-size: 22px;
    }

.fiche-pc-multi .carac-gaming {
    float: none;
    width: 60%;
    position: relative;
    display: table-cell;
    vertical-align: top;
    top: 0;
    padding-top: 10px;
    height: 205px;
}

    .fiche-pc-multi .carac-gaming .pc-gamer-titre {
        font-weight: normal;
        font-size: 12px;
    }

.fiche-pc-multi .pc-bureautique .carac-gaming-courte li {
    width: auto;
    margin-right: 4px;
    margin-bottom: 0;
    font-size: 13px;
    height: auto;
    text-align: right;
    background: none;
    text-align: left;
    color: #707070;
    padding-bottom: 3px;
    padding-left: 6px !important;
}

.fiche-pc-multi .all-spec {
    position: relative;
    clear: both;
    padding: 0px 0;
    width: 100%;
    margin-top: 0;
    height: auto;
    float: none;
}

.img-bureau {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.pc-bureautique .carac-gaming .prix.prixBarre {
    font-size: 18px;
    color: #3a3a3a;
}

    .pc-bureautique .carac-gaming .prix.prixBarre::after {
    }

.img-bureau img {
    vertical-align: middle;
}

.fiche-pc-multi .price-gaming {
    float: none;
    text-align: left;
    border-top: none;
    padding-top: 0;
    margin: 0;
    width: 100%;
}

.global-pcbureau .price-gaming .prix {
    display: inline-block;
    position: relative;
    font-weight: bold;
    font-size: 32px;
    color: black;
}


.global-pcbureau .prix.prixBarre {
    font-weight: normal;
    font-size: 14px;
}


    .global-pcbureau .prix.prixBarre::after {
        width: 100%;
        display: block;
        transform: rotate(-8deg) translate(-50%);
        content: "";
        height: 2px;
        background: #e53029;
        text-align: center;
        position: absolute;
        top: 2px;
        left: 50%;
    }

.fiche-pc-multi .carac-gaming .prix.prixBarre {
    text-align: right;
}

.fiche-pc-multi .carac-gaming .stock-gaming {
    text-align: left;
    font-size: 14px;
}

.fiche-pc-multi .pc-bureautique li:hover img {
    transform: scale(0.9);
}

.fiche-pc-multi .fil-ariane a {
    color: #838383;
}

    .fiche-pc-multi .fil-ariane a:hover {
        color: black;
    }

.fiche-pc-multi .fil-ariane td {
    color: #838383;
}

.fiche-pc-multi .titre-fiche-produit .title_fiche {
    text-transform: uppercase;
    display: block;
    font-family: "Arial";
    font-size: 40px;
    font-weight: bold;
    color: black;
}

.fiche-pc-multi.fiche-pc .img-bloc {
    margin-top: 0px;
}

.fiche-pc-multi .lesplusgaming {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.fiche-pc-multi .txt-intro-gaming a, .fiche-pc-multi .txt-intro-gaming p, .fiche-pc-multi .txt-intro-gaming span {
    color: black !important;
    width: 100% !important;
    font-size: 13px !important;
    margin-bottom: 15px !important;
    line-height: 18px !important;
    font-family: Arial !important;
}

.fiche-pc-multi .menu_fiche_produit {
    width: 100%;
    top: 0 !important;
    margin-top: 0;
    box-sizing: border-box;
    padding: 0;
    float: none;
    font-size: 0;
}

.fiche-pc-multi .impression p {
    border-top: 1px solid black;
    padding: 5px 0;
    border-bottom: 1px solid black;
}

.fiche-pc-multi .impression .path_position {
    background: url('') no-repeat 6px 6px;
    color: black;
}

.fiche-pc-multi .div_dispo_enligne {
    background: none;
    height: auto;
    display: block;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 0;
    color: #107300;
    padding-left: 0;
    text-align: left;
    width: auto;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

    .fiche-pc-multi .div_dispo_enligne span {
        text-transform: uppercase;
        text-transform: uppercase;
        font-weight: 600;
    }

.fiche-pc-multi .impression a {
    cursor: pointer;
}

.fiche-pc-multi .impression .path_position:last-child {
    background: url('') no-repeat 6px 6px;
}

.fiche-pc-multi .impression a:last-child {
    float: left;
    margin-left: 20px;
}

.fiche-pc-multi .impression .fancyboxg {
    width: auto;
}

.fiche-pc-multi .titre-fiche-produit {
    padding-bottom: 10px;
}


.fiche-pc-multi .impression {
    display: none;
}

.fiche-pc-multi.fiche-pc article .txt-fiche-prod li {
    color: #838383;
    display: inline-block;
    margin: 15px 0 15px 15px;
    width: 110px;
    text-align: center;
    padding-top: 57px;
    background-size: 55px;
    line-height: 15px;
    box-sizing: border-box;
    vertical-align: top;
    padding-bottom: 0;
}

.fiche-pc-multi .fiche-pc article li {
    padding-bottom: 0px;
    font-size: 12px;
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod ul {
    font-size: 0;
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod li span {
    color: black;
    font-weight: 600;
    display: block;
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod {
    margin: 10px auto 0px;
    width: 250px;
    display: flex;
    flex-wrap: wrap;
}

.fiche-pc-multi.fiche-pc article .txt-fiche-prod .cp-jeux {
    padding-top: 0;
    background: none;
}

.fiche-pc-multi.fiche-pc article .txt-fiche-prod .plus-gaming {
    font-weight: 400;
    color: black;
    font-size: 80px;
    padding-top: 28px;
    vertical-align: middle;
}

.fiche-pc-multi.fiche-pc article .txt-fiche-prod li:nth-child(6n) {
    margin-right: 0;
}

.fiche-pc-multi.fiche-pc .logo-gaming li {
    display: inline-block;
    text-align: center;
    width: 24%;
    vertical-align: middle;
    margin-right: 1%;
    padding: 2px 5px;
    background: white;
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
}

    .fiche-pc-multi.fiche-pc .logo-gaming li img {
        max-width: 100%;
        max-height: 40px;
        vertical-align: middle;
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod-l p {
    color: black !important;
    font-size: 12px !important;
    padding: 0;
}

    .fiche-pc-multi.fiche-pc .sep-fiche-prod-l p span {
        color: black !important;
        font-family: "Arial" !important;
        font-size: 12px !important;
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod {
    width: 100%;
    margin-bottom: 20px;
}

.fiche-pc-multi.fiche-pc .sep-fiche-prod-r .titre-rubrique {
    width: 100%;
    background: none;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    top: 0px;
    box-sizing: border-box;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: black;
    line-height: initial;
}

.fiche-pc-multi.fiche-pc .sep-fiche-prod-l .product_fiche_bold {
    width: 100%;
    background: none;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
    top: 0px;
    box-sizing: border-box;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: black;
    line-height: initial;
}

.fiche-pc-multi.fiche-pc #_ctl0_ContentPlaceHolder1_l_descriptif li:nth-child(2n) {
    background: white;
}

.fiche-pc-multi.fiche-pc #_ctl0_ContentPlaceHolder1_l_descriptif li {
    color: black;
    line-height: 36px;
    padding-left: 20px;
    font-size: 12px;
    padding-bottom: 0;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit .price-gaming-page .fiche_product_price.fiche_product_price_barre {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: auto;
    font-size: 18px;
    position: relative;
}

.fiche-pc-multi.fiche-pc #_ctl0_ContentPlaceHolder1_dv_liv_offert {
    display: none;
}

.fiche-pc-multi.fiche-pc .warp-50 {
    display: inline-block;
    text-align: center;
    font-size: 0;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-bottom: 8px;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit .fiche_product_price.fiche_product_price_red {
    font-size: 26px;
}

.fiche-pc-multi.fiche-pc .fiche_top.centered-container {
    display: block;
    margin: 0;
    width: 100%;
    font-size: 0;
    vertical-align: middle;
}

.fiche-pc-multi.fiche-pc .fiche_product_price.fiche_product_price_barre > span {
    color: #838383;
    position: relative;
    font-size: 22px;
    margin: 0 10px;
}

.fiche-pc-multi.fiche-pc .prix-produit .fiche_product_price.fiche_product_price_barre span::after {
    width: 100%;
    display: block;
    transform: rotate(-8deg) translate(-50%,-50%);
    content: "";
    height: 2px;
    background: #e53029;
    text-align: center;
    position: absolute;
    top: 36%;
    left: 50%;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit .fiche_product_price.fiche_product_price_barre {
    text-decoration: none;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit .fiche_product_price {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit #_ctl0_ContentPlaceHolder1_l_prix_3x.fiche_product_price {
    font-size: 14px;
    color: black;
}

    .fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit #_ctl0_ContentPlaceHolder1_l_prix_3x.fiche_product_price span span {
        font-size: 10px;
        color: #838383;
        font-weight: normal;
    }

.fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 10px auto 10px;
    width: 95%;
    background: #20a75f url('') no-repeat -500px center;
    border: 1px solid #20a75f;
    box-sizing: border-box;
    height: 40px;
}

    .fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit:hover {
        background: #20a75f url('') no-repeat 0px center;
    }

    .fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit input {
        line-height: 40px;
        font-weight: 600;
        color: white;
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod-r {
    margin-top: 15px;
}

/* FIN PC MULTIMEDIA */


.black-bas img {
    width: 100%;
}

.black-bas {
    margin-top: 10px;
}




.bck-noel .warp-noel {
}

#_ctl0_ContentPlaceHolder1_dv_liv_offert p {
    background: url('') no-repeat 24% center;
    background-size: 28px;
}

.gaming-news-txt a {
    font-weight: bold;
    text-decoration: underline;
    color: black;
}

.global-desc a {
    font-weight: bold !important;
    text-decoration: underline !important;
    color: black !important;
}


.woorank_txt a {
    font-weight: bold !important;
    text-decoration: underline !important;
    color: black !important;
}


/* MAG */

.mag-head {
    overflow: hidden;
    margin-bottom: 25px;
    display: table;
    width: 100%;
}

.mag-loc {
    width: 35%;
    display: table-cell;
    vertical-align: middle;
    background: white;
    text-align: center;
    padding: 0 30px;
}

.mag-map {
    width: 65%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#contentlanding.magasins .titre-mag-accueil {
    font-size: 24px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mag-map img {
    vertical-align: middle;
}

.mag-loc .geolocalisation {
    height: auto;
}

.mag-loc .localisation {
    float: none;
    display: inline-block;
    margin-right: 15px;
    background: none;
    vertical-align: middle;
}

.mag-loc .recherche-mag {
    float: none;
    display: inline-block;
    background: none;
    vertical-align: middle;
}

.mag-loc #_ctl0_ContentPlaceHolder1_txt_mag_recherche {
    background: #f0f0f0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 40px;
}

.mag-loc #_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche.cbk_btn_recherche_mag {
    float: right;
    margin-left: 0px !important;
    height: 40px !important;
    background: black url(../images_assets/icone-search-mag.png) no-repeat center center;
}

.mag-go {
    text-align: left;
    border-top: 1px solid #ccc;
    margin-top: 30px;
    min-height: 250px;
}

.mag-content-accueil {
    display: none;
}

.mag-go li {
    margin: 10px 0px;
    padding: 10px;
}

    .mag-go li:nth-child(2) {
        background: #f0f0f0;
    }

.nom-mag {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.address-mag {
    font-size: 12px;
    margin: 5px 0 2px;
}

.ouvert-magasin {
    color: #239f01;
    font-size: 12px;
    font-weight: 600;
}

.mag-li {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

.mag-info {
    display: inline-block;
    vertical-align: middle;
    color: white;
    height: 25px;
    line-height: 25px;
    width: 120px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}


#contentlanding.magasins .firstletter {
    font-size: 24px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 0px;
}

.seo-mag {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    background: white;
    border: 1px solid #ccc;
    padding: 15px;
}

    .seo-mag a {
        font-weight: bold;
        text-decoration: underline;
    }

.mag-seo-r, .mag-seo-l {
    display: inline-block;
    vertical-align: middle;
    width: 74%;
}

.seo-mag .text_mag_encart_bold {
    text-align: left;
}

.pl_all a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 25%;
    line-height: 35px;
    text-align: left;
    padding-left: 5%;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
}

.service-mag {
    overflow: hidden;
    background: white;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 10px;
    box-sizing: border-box;
}

    .service-mag img {
        margin-bottom: 10px;
    }


.livraison-diff {
    display: none;
}

.livraison-panier .livraison-diff {
    display: block;
}

s
.table-connexion label p:first-child #Livraison-Express:target {
    background: #ff6a00;
}

.vider-panier {
    color: black;
    font-size: 12px;
    display: flex;
    cursor: pointer;
    box-sizing: border-box;
    height: 30px;
    position: relative;
    padding: 0 !important;
    width: 90% !important;
}

    .vider-panier a {
        margin: auto;
    }
/* FICHE PRODUIT */
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}


    .tg .tg-0thz {
        border-color: inherit;
        font-weight: bold;
        text-align: left;
        vertical-align: middle
    }

    .tg .tg-za14 {
        border-color: inherit;
        text-align: left;
        vertical-align: middle
    }

.glob-carac .tg .tg-0thz {
    border: none;
    display: block;
}

.glob-carac .tg .tg-0thz {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
}


.glob-carac .tg tr th:nth-child(2), .glob-carac .tg tr .tg-0thz:nth-child(2), .glob-carac .tg .tg-j6zm:nth-child(2) {
    display: none;
}

.tg td {
    border-right: none;
    border-bottom: none;
    font-size: 14px;
    padding-left: 10px;
}

.tg tr {
    display: block;
    width: 100%;
    font-size: 0;
    text-align: left;
}

    .tg tr td:first-child {
        width: 40%;
    }

    .tg tr td:last-child {
        width: 60%;
        background: #F6F6F6;
    }

.tg, .tg thead, .tg tbody {
    display: block;
    width: 100%;
}

    .tg tr .tg-0pky:first-child {
        width: 40%;
    }

    .tg tr .tg-0pky {
        display: inline-block;
        vertical-align: middle !important;
        box-sizing: border-box;
        padding: 10px 0 10px 10px;
    }






    .tg tr td {
        display: inline-block;
        vertical-align: middle !important;
        box-sizing: border-box;
        line-height: 1.3;
    }





    .tg thead tr:last-child {
        border-bottom: none !important;
    }

    .tg thead tr:first-child {
        border-top: none !important;
    }

.glob-carac .tg .tg-g7sd {
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    display: block;
}

.glob-carac .tg .tg-g7sd {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
}

.glob-carac .tg .tg-j6zm {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
    border-left: none;
}

/*
    .glob-carac .tg .tg-1wig:last-child {
        display: none;
    }


    .glob-carac .tg .tg-fymr:last-child {
        display: none;
    }*/



/* FIN FICHE PRODUIT */


.partage-fiche label span {
    text-transform: uppercase;
}

    .partage-fiche label span:first-child {
        display: block;
        font-weight: bold;
    }

.partage-fiche label .bold {
    font-weight: bold;
}

#tbx_message {
    width: 100%;
}

.partage-fiche .ui-field-contain {
    text-align: left;
}

.partage-fiche .btn_envoyer {
    clear: both;
    background: #1267b3;
    line-height: 38px;
    text-align: center;
    width: 160px;
    transition: all 0.5s;
    border: 1px solid #1267b3;
    margin: 0 auto 25px;
    color: white;
    text-transform: uppercase;
    transition: all 0.5s;
    height: 38px;
}

    .partage-fiche .btn_envoyer:hover {
        background: white;
        color: #1267b3;
    }

.message-falcu {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}






#_ctl0_ContentPlaceHolder1_divResultOkMag p:nth-child(6) {
    text-align: center;
    margin-bottom: 15px;
}

#_ctl0_ContentPlaceHolder1_divResultOkMag {
    text-align: center;
}







.fixedTop .header-noel .menu-mobile {
    overflow: initial;
}

.fixedTop .header-noel.warp {
    height: 60px;
}


.tout-menu .soldemenu {
    display: none;
}


#header_infos_bar {
    background: #333;
}


#landing {
    background: #FFF;
    display: block;
    margin: 0 auto !important;
    overflow: hidden;
    width: 990px !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    padding: 0;
    font-weight: 400;
    text-align: justify;
    font-size: 12px;
    line-height: 14px;
}

    #landing h2 {
        text-align: center;
        font-size: 33px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 70px 0 13px 0;
        line-height: 40px;
    }

#etape4 h2 {
    padding: 70px 0 22px 0;
}

#header {
    width: 990px;
    height: 316px;
    position: relative;
}

#header {
    background-image: url('');
    background-repeat: no-repeat;
}

    #header a.link_01 {
        left: 190px;
        top: 0px;
        width: 183px;
        height: 41px;
    }

    #header a {
        display: block;
        position: absolute;
        text-align: center;
        font-size: 18px;
        margin-top: 9px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 20px;
        color: black
    }

        #header a.link_02 {
            left: 401px;
            top: 0px;
            width: 164px;
            height: 41px;
        }

        #header a.link_03 {
            left: 598px;
            top: 0px;
            width: 118px;
            height: 41px;
        }

#etape1 h2 {
    text-align: center;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 40px 0 13px 0;
    line-height: 40px
}

#etape1, #etape2, #etape3, #etape4 {
    padding: 0 0 20px 0;
}

#etape1 {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: #FFF;
}

.bloc:first-child {
    margin: 0;
}

.bloc {
    display: inline-block;
    width: 246px;
    margin: 0 0 0 26px;
    vertical-align: top;
}

.bloc_centre {
    margin: 0 auto;
    width: 798px;
}

.chapeau {
    margin: 0px 96px 20px 96px;
    text-align: center;
    width: 798px;
    font-size: 16px;
    line-height: 20px;
}

#etape1 h3 {
    padding-top: 10px;
    margin: 0 0 10px 0;
    text-align: center;
    width: 246px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}

#etape2 {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: #269067;
    color: #FFF;
}

#etape4 .bloc {
    width: 603px;
}

.img_critere {
    margin: 0 auto;
    display: block;
}

#landing h3 {
    margin: 0 0 10 0;
    text-align: center;
    width: 246px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    padding-bottom: 12px;
}

.bloc p {
    text-align: justify;
}

#etape2 p {
    color: #FFF;
}

.partiesup {
    margin-top: 30px;
}

.bloc2 {
    margin: 0 30px 0 96px;
    width: 400px;
    float: left;
}

    .bloc2 h3 {
        width: 400px;
    }

#etape3 {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: #FFF;
}

    #etape3 .bloc {
        vertical-align: bottom;
        margin: 0 0 58px 22px;
    }

#etape4 {
    background-image: url('');
    background-repeat: no-repeat;
    background-color: #FFF;
    position: relative;
    color: #FFF;
    height: auto;
}

.bloc2 h3 {
    width: 400px !important;
}

#etape4 .bloc {
    width: 603px;
}

#etape4 h2 {
    padding: 70px 0 22px 0;
}

#etape4 img {
    margin: 0 0 25px 25px;
}

#etape4 .texte {
    color: white;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#breadcrumb {
    background: #FFF;
    line-height: 16px;
    margin: 0px auto 20px !important;
    font-size: 12px;
    visibility: hidden;
}



.site_wrapper_2_col_1 {
    border-right: 1px solid #CCC;
    padding: 0 0 0 10px;
    min-width: 215px;
}

.site_wrapper_2_col_1, .site_wrapper_2_col_2, .site_wrapper_3_col_2, .site_wrapper_3_col_3 {
    display: table-cell;
    vertical-align: top;
}

.additional_pages_content {
    background: #FFF;
    overflow: hidden;
    position: relative;
}

.site_wrapper_3_col_2 {
    padding: 0 10px;
}

.site_wrapper_3_col_3 {
    padding: 0 0px 0 0;
    width: 175px;
    display: table-cell;
}

.site_wrapper_2_col_2 {
    padding: 0 10px;
    width: 860px;
}

#navigation_column > div > h2 {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    font-weight: bold;
    text-transform: none;
}

#navigation_column > div > ul {
    display: none;
    margin: 5px 10px 0 10px;
}

.gb_design > ul > li > a::before, .gb_design > ul > li > span::before {
    content: "\25BA";
    font-size: 10px;
    left: 0;
    position: absolute;
    font-family: Arial, sans-serif;
}

.gb_design > ul > li > a, .gb_design > ul > li > span {
    display: block;
    padding: 2px 0 2px 15px;
    position: relative;
    font-size: 12px;
}

#navigation_column > div {
    margin: 0 0 10px 0;
}

.quantite-produit-gestion div {
    height: 20px;
    border: none;
    box-shadow: none;
}

.quantite-produit-gestion div {
    height: 20px;
    border: none;
    box-shadow: none;
}

#informations_column > div > a, #informations_column > div > span {
    background-image: url('');
    background-repeat: no-repeat;
    display: block;
    height: 55px;
    width: 175px;
}

#informations_column > div {
    margin: 0 auto 10px auto;
    padding: 0;
}

    #informations_column > div > .informations_column_retrait {
        background-position: 0 -55px;
    }

    #informations_column > div > .informations_column_paiement {
        background-position: 0 -110px;
    }

    #informations_column > div > .informations_column_satisfait {
        background-position: 0 -165px;
    }

    #informations_column > div > .informations_column_sav {
        background-position: 0 -220px;
    }

    #informations_column > div > .informations_column_paypal {
        background-position: 0 -330px;
    }

.additional_pages_content h2 > span {
    color: #666;
    font-weight: bold;
    overflow: hidden;
}

.additional_pages_content h2 {
    border-bottom: 1px solid #CCC;
    color: #888;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-transform: none;
}

.additional_pages_content p, .additional_pages_content center {
    margin: 0 0 10px 0;
    line-height: 16px;
    font-size: 12px;
}

.additional_pages_content.box_01, .additional_pages_content div.box_01 {
    padding: 10px 20px;
}

.additional_pages_content ul {
    list-style: disc;
    margin: 0 0 10px 20px;
    line-height: 16px;
}

    .additional_pages_content ul li {
        font-size: 12px;
    }



input::placeholder, textarea::placeholder {
    color: #999;
    opacity: 1;
}

.btn_ok_01 {
    background: #000;
    color: #999;
    cursor: pointer;
    height: 25px;
    width: 25px;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    line-height: 25px;
}

textarea {
    resize: none;
}


.gb_design > ul {
    list-style: none !important;
}

.btn_cta_small {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px;
}

.btn_cta_grey {
    background: #d6d7d6;
    color: #4a4a4a;
}

.btn_cta {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}


.btn_ok_01 {
    background: #000;
    color: #999;
    cursor: pointer;
    height: 25px;
    width: 25px;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    line-height: 25px;
    margin-left: 10px;
    vertical-align: middle;
}

.additional_pages_spacer {
    background: #CCC;
    height: 1px;
    margin: 0 0 10px 0;
}

.additional_pages_content h3 {
    color: #000;
    font-size: 14px;
    margin: 0 0 10px 0;
    font-weight: bold;
    overflow: hidden;
}

.additional_pages_content u {
    font-size: 10px;
    text-decoration: underline;
}

.btn_cta_medium.btn_cta_arrow_right::before {
    border-width: 20px 0 20px 12px;
    margin: -20px 0 0 0;
    right: -12px;
}

.btn_cta_black.btn_cta_arrow_right::before {
    border-color: transparent transparent transparent #000;
}

.btn_cta_arrow_right::before, .btn_cta_arrow_left::before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
}

.submit_bar_oposite > a.btn_cta_black, .submit_bar_oposite > span.btn_cta_black, .submit_bar_oposite > a.btn_cta_green, .submit_bar_oposite > span.btn_cta_green {
    float: right;
}

.btn_cta_arrow_right {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.btn_cta_medium {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
}

.btn_cta_black {
    background: #000;
    color: #FFF;
}

.btn_cta {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    letter-spacing: -.5px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.additional_pages_content p, .additional_pages_content center {
    margin: 0 0 10px 0;
}

.baseline, a.baseline, .baseline a {
    color: #888;
    font-size: 10px;
}

.submit_bar_oposite {
    margin: 10px 0;
    padding: 0 20px;
    overflow: hidden;
}

.site_wrapper_3_col_2 table tr td.column_01_02 {
    width: 253px;
    padding: 2px 10px 2px 0;
    border-right: 1px solid #CCC;
}

.site_wrapper_3_col_2 table tr td.column_02_02 {
    width: 254px;
    padding: 2px 0 2px 10px;
}


#_ctl0_ContentPlaceHolder1_panel_menu {
    display: table-cell;
    padding-left: 20px;
    width: 100%;
}


/*Cookie*/

.shadow-bck-cookies {
    background: #EAEAEA;
    border: 1px solid black;
    box-sizing: border-box;
    display: flex;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
}

.container-info-cookies {
    padding: 15px 0px 15px 25px;
    width: 60%;
}

    .container-info-cookies .titre-pop-cookies {
        font-size: 40px;
    }

    .container-info-cookies p {
        color: black;
    }

#text-info-cookies {
    font-size: 17px;
    width: 60%;
    padding-top: 10px;
    line-height: 20px;
}

.container-cta-cookies {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.panier-livraison-display {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 30%;
}

.panier-livraison-mode {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    width: 68%;
    margin-left: 2%;
}

.panier-livraison-display, .panier-livraison-mode {
    display: none;
}


.price-recap-final {
    display: none;
}

.livraison-panier .panier-livraison-display, .livraison-panier .panier-livraison-mode {
    display: inline-block;
}

#_ctl0_contentplaceholder1_btnupload {
    background: #20a75f !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    vertical-align: middle;
}

.liste-message li p:first-child {
    color: #ccc;
    font-style: italic;
    font-size: 12px;
    margin-bottom: 5px;
}

#bandeau-numero-ticket {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.liste-message li {
    margin-left: 0;
    margin-top: 1.5%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5%;
    clear: both;
    overflow: hidden;
}

#piece-jointe li {
    line-height: 40px;
}

    #piece-jointe li a:last-child {
        background: black;
        color: white;
        padding: 0 5px;
        border-radius: 5px;
    }

.bouton-file {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    margin-left: 10px;
    padding: 4px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.livraison-panier .panier-bck {
    font-size: 0;
}

.paiement-panier .code-promo-cadre, .paiement-panier .box_01, .paiement-panier #_ctl0_ContentPlaceHolder1_dv_additional_connect, .paiement-panier .fin-commande {
    display: none;
}

.envoie-message div {
    width: 30%;
    background: #20a75f;
    color: white;
    align-items: center;
    padding: 2%;
    cursor: pointer;
    height: 50px;
    margin: 10px 0 0 0;
    justify-content: center;
    display: flex;
    border-radius: 5px;
    border: 1px solid #20a75f;
}

.envoie-message textarea {
    max-width: 100%;
    height: 50px;
    padding: 10px;
    resize: none;
    border: none;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    line-height: 2;
}

.envoie-message {
    display: flex;
    width: 90%;
    height: 7%;
    min-height: 7%;
    margin: 10px 0;
}

.resume .box_01 {
    display: none;
}

#section-bouton-pop-up .bt-retour {
    float: right;
    padding: 15px;
    background: black;
    color: white;
    text-align: center;
    cursor: pointer;
}

.container-bouton {
    display: flex;
    width: 100%;
    height: 100%;
}

    .container-bouton a {
        display: flex;
        padding: 10px 0;
        margin: 0 10px 0 0;
    }

.nom-piece-jointe {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
}

.resume .fin-commande {
    display: none;
}

.gaming-page .txt-cat {
    display: none;
}

.section-errorpage {
    margin-top: 10%;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    height: auto;
    padding-bottom: 10%;
    display: flex;
}

    .section-errorpage div {
        width: 50%;
    }

    .section-errorpage .error-left {
        margin-left: 10%;
        margin-right: 10%;
    }

    .section-errorpage .error-right {
    }

    .section-errorpage div img {
        width: 600px;
        margin: auto;
        margin-left: 10%;
        justify-content: center;
    }

.errortitle {
    font-family: 'Poppins Bold', sans-serif;
    font-size: 12em;
    letter-spacing: 2px;
    text-align: left;
    margin: 0;
}

    .errortitle span {
        font-family: 'Poppins Bold', sans-serif;
        color: #626262;
        transition: ease all 0.1s;
        text-shadow: 5px 5px 5px #9b9b9b;
        cursor: pointer;
    }

        .errortitle span:hover {
            color: #e41613;
            transition: ease all 0.2s;
            text-shadow: 0px 0px 0px;
        }

.errortext {
    text-align: left;
    color: #626262;
    margin-top: 1%;
    font-size: 30px;
    line-height: 40px;
    font-family: "Poppins Bold";
    padding-bottom: 3%;
}

    .errortext span {
        color: #e41613;
    }

.section-errorpage div a {
    border-radius: 25px;
    border: solid 2px #626262;
    text-decoration: none;
    color: #626262;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 0px;
    transition: all 0.1s;
    background: transparent;
    font-family: "Poppins Light";
    width: 300px;
    display: block;
    text-align: center;
}

    .section-errorpage div a:hover {
        transition: all 0.3s;
        color: #fefefe;
        background: #626262;
    }

.pop-up-ticket {
    background-color: #F0F0F0;
    width: 80%;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    justify-content: center;
    height: 40%;
    align-items: center;
    box-shadow: 0 0 10px #999;
}

.flex {
    display: flex;
}

.bouton-ticket {
    display: flex;
    cursor: pointer;
    background-color: #20a75f;
    padding: 10px;
    width: 20%;
    justify-content: center;
    height: 30%;
    align-items: center;
    text-align: center;
    transition: 300ms all ease-in-out;
}




    .bouton-ticket p {
        color: #FFF;
    }

#btn-ticket-commande a {
    color: #20a75f;
}

.bouton-retour {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 30px;
    margin: 10px 0;
}

    .bouton-retour a, .bouton-creation-ticket a {
        display: flex;
        width: 20%;
        justify-content: center;
        background-color: #000;
        color: #FFF;
        height: 100%;
        align-items: center;
        cursor: pointer;
    }

.bouton-creation-ticket {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 3vh;
    margin: 10px 0;
}


.ticket {
    display: block;
    width: 100%;
    margin: 15px 0;
}

    .ticket a {
        height: 100%;
    }

.info-ticket {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px 0;
    background-color: #Fff;
    height: 40%;
    align-items: center;
    background: #ccc;
}

    .info-ticket > p:nth-child(2n + 1) {
        background: #20a75f;
        line-height: 25px;
        padding: 0 10px;
        border-radius: 5px;
        color: white;
    }

.contenu-ticket {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px 0;
    height: 60%;
    align-items: center;
    border: 1px solid #CCC;
}

    .contenu-ticket p {
        color: #000;
    }

#section-ticket-ouvert {
    margin-bottom: 20px;
}

#section-ticket-ferme {
}

    #section-ticket-ouvert h3, #section-ticket-ferme h3 {
        font-size: 1.5rem;
        text-align: center;
    }





.btn-ticket-produit {
    background: #20a75f;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    color: black;
    font-weight: bold;
}


.fiche-produit.fiche-pc article {
    font-size: 0;
}

#_ctl0_ContentPlaceHolder1_l_descriptif p {
    font-size: 0;
}

#_ctl0_ContentPlaceHolder1_l_descriptif .fiche_bold {
    width: 100%;
    display: block;
    background: #ccc;
    padding-left: 10px;
    line-height: 30px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    color: black;
    margin-top: 15px;
}

#_ctl0_ContentPlaceHolder1_l_descriptif .fseur_libelle {
    padding-left: 10px;
    box-sizing: border-box;
    width: 40%;
    vertical-align: middle;
    line-height: 30px;
    display: inline-block;
    font-size: 12px;
}

#_ctl0_ContentPlaceHolder1_l_descriptif .fseur_valeur {
    padding-left: 10px;
    box-sizing: border-box;
    width: 60%;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}

.fiche-produit.fiche-pc article {
    font-size: 0;
}

/**  Modification Page master Famille Grosbill **/

.content-cat-landing .selection_top table {
    width: 100%;
    margin: 0;
    background: #EE2D24;
}

    .content-cat-landing .selection_top table tbody tr td {
        width: 100%;
        margin: 0;
        text-align: center;
    }

        .content-cat-landing .selection_top table tbody tr td h1 {
            font-size: 20px;
            color: #ffffff;
            text-align: center;
            line-height: 24px;
            width: 100%;
            padding: 5px;
        }

.categorie-r .container-features {
    width: 100%;
}

    .categorie-r .container-features img {
        width: 100%;
        height: 300px;
        border-bottom: 1px solid grey;
        margin-bottom: 30px;
    }

    .categorie-r .container-features .container-cat-button {
        width: 100%;
        padding: 10px;
    }

.container-features ul li a {
    border-radius: 13px 6px 20px 13px !important;
}


.categorie-r .container-features .container-cat-button ul {
    display: flex;
    flex-wrap: wrap;
}

.categorie-r .container-features .container-cat-button a {
    width: calc(50% - 20px);
    margin: 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.categorie-r .container-features .container-cat-button ul li {
    width: calc(50% - 20px) !important;
    margin: 10px;
    background: #20a75f;
    border-radius: 5px;
    height: 35px;
}

.categorie-r .container-features .container-cat-button a p {
    color: #ffffff;
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}


.categorie-r .container-features .container-cat-button ul li a {
    color: #ffffff;
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.categorie-r div .ajout-top {
    width: 100%;
    min-height: 250px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.categorie-r .ajout-top .title {
    background: #333;
    padding: 5px 10px;
    margin-top: 0px;
    display: block;
    width: 100%;
}

    .categorie-r .ajout-top .title p {
        line-height: 20px;
        color: white;
        font-size: 12px;
        font-weight: 600;
    }

.categorie-r .ajout-top .content {
    display: flex;
}

    .categorie-r .ajout-top .content .container {
        width: 25%;
        padding: 15px;
        border: 1px solid #ccc;
        min-height: 265px;
    }

        .categorie-r .ajout-top .content .container img {
            margin: auto;
            height: 150px;
            width: 150px;
            object-fit: contain;
   
        }

        .categorie-r .ajout-top .content .container p {
            text-align: center;
            padding-top: 15px;
            font-weight: normal;
            font-size: 12px;
            line-height: 16px;
        }

        .categorie-r .ajout-top .content .container p {
            font-size: 10px;
            text-align: center;
            line-height: 12px;
            padding-top: 5px;
        }

        .categorie-r .ajout-top .content .container div {
            width: 100%;
            padding: 2px;
        }


            .categorie-r .ajout-top .content .container div a .prix {
            }

            .categorie-r .ajout-top .content .container div .prix {
                width: 80%;
                text-align: left;
                color: #333;
                display: inline-block;
                font-size: 16px;
                line-height: 16px;
                background: none;
                white-space: nowrap;
                font-weight: bold;
            }


.categorie-r .ajout-top .prix span {
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    background: none;
    white-space: nowrap;
    font-weight: bold;
}

.categorie-r .ajout-top .content .container div a .prix sup {
    font-size: 12px;
    vertical-align: top;
}

.categorie-r .ajout-top .content .container div .classement {
    width: auto;
    display: flex;
    padding: 0;
}

    .categorie-r .ajout-top .content .container div .classement p {
        vertical-align: middle;
        color: white;
        background: #333;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        height: 30px;
        width: 30px;
        background: #EE2D24;
        color: #fff;
        margin: auto;
        padding: 0;
    }

.content-flex {
    display: block;
}

.categorie-r .ajout-top .content .container div .prix sup {
    font-size: 12px;
    vertical-align: top;
}

.categorie-r .ajout-top .content .container div .classement {
    width: auto;
    display: flex;
    padding: 0;
}

    .categorie-r .ajout-top .content .container div .classement p {
        vertical-align: middle;
        color: white;
        background: #333;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        height: 30px;
        width: 30px;
        background: #EE2D24;
        color: #fff;
        margin: auto;
        padding: 0;
    }


@media screen and (max-width: 1300px) {
    .categorie-r .container-features img {
        height: 250px;
    }
}

@media screen and (max-width: 960px) {
    .categorie-r .container-features img {
        height: 200px;
    }
}

@media screen and (max-width: 480px) {
    .categorie-r .container-features img {
        height: 125px;
    }
}

.tg-1wig {
    width: 100%;
    display: block;
    background: #E0E0E0;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    color: #333333;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #B1B1B1;
}

.tg-0lax {
    border: 0;
    background: transparent;
}

.tg tr {
    border: 0 !important;
}





/*-----
    Modification modal ticket
        -----*/



.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        cursor: pointer;
    }

.modal-header {
    display: flex;
    background-color: #FFFFFF;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    margin: 10px;
    border-radius: 12px;
}

.modal-container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.modal-title {
    display: flex;
    width: 50%;
    text-align: center;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0;
    justify-content: space-between;
    line-height: 1.5;
}

.modal-body {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

button.close {
    background-color: transparent;
    border: 0;
}

.ml-auto {
    margin-left: auto !important;
}

.section-info-ticket {
    display: flex;
    width: 100%;
}

.infos {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    background-color: #FFFFFF;
    color: #252422;
    align-items: center;
    border: 0 none;
    margin: 10px;
}

.text-align {
    text-align: center;
    margin: 10px 0px;
}

.btn-pj {
}

.info-text {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.text-center {
    text-align: center !important;
}

.table-ticket {
    font-size: 12px;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

    .table table {
        border-collapse: collapse;
    }

.thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 7px;
    vertical-align: middle;
}

.badge {
    color: #FFF;
    padding: 5px 10px;
    vertical-align: middle;
    margin-top: -0.3em;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .badge.badge-info {
        border-color: #51bcda;
        background-color: #51bcda;
    }

    .badge.badge-success {
        border-color: #6bd098;
        background-color: #6bd098;
    }

    .badge.badge-warning {
        border-color: #fbc658;
        background-color: #fbc658;
    }

    .badge.badge-danger {
        border-color: #ef8157;
        background-color: #ef8157;
    }

    .badge.badge-neutral {
        border-color: #FFFFFF;
        background-color: #FFFFFF;
        color: inherit;
    }

.table > thead > tr > th {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
}

.table tr td:nth-child(1) {
    max-width: 200px;
    overflow: hidden;
}

.table .telechargementpj {
    color: #0097af;
    font-weight: bold;
}

#bouton-piece-jointe {
    display: flex;
    width: 80%;
    margin: 10px 0;
    height: 100%;
}

#container-bouton-piece-jointe {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    height: 25%;
}

.no-margin {
    margin: 0;
}

.section-messagerie {
    display: flex;
    margin-bottom: 20px;
}

.container-info-ticket {
    display: flex;
    flex-direction: column;
    width: 40%;
    border-top: 1px solid #CCC;
    align-items: center;
}


.info {
    margin: 10px 0px;
}

.majuscule {
    text-transform: uppercase;
}

.gras {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.texte-petit {
    font-size: 12px;
}

.texte-aucun-resultat {
    width: 100%;
    flex-direction: column;
    text-align: center;
}

.justify-content-start {
    width: 75%;
    margin-left: 25%;
}

.justify-content-end {
    width: 75%;
    margin-right: 25%;
}

.message {
    margin-bottom: 1.5rem;
}

.message-recu-contenu {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    border-radius: 15px;
    background-color: #82ccdd69;
    padding: 10px;
    position: relative;
}

.message-recu-date {
    left: 10px;
    bottom: -20px;
    font-size: 11px;
    margin-left: 15px;
    font-style: italic;
}

.message-envoye-contenu {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 15px;
    background-color: #78e08f69;
    padding: 10px;
    position: relative;
}

.message-envoye-date {
    right: 10px;
    font-size: 11px;
    float: right;
    font-style: italic;
    margin: 5px 15px;
}

.message-envoye-destinataire {
    position: absolute;
    right: 10px;
    bottom: -20px;
    font-size: 11px;
    font-style: italic;
}

.message-recu-utilisateur {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e9ecef;
    position: relative;
    font-weight: bold;
}

.message-envoye-utilisateur {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: #84d0c5;
    position: relative;
    font-weight: bold;
}

    .message-envoye-utilisateur span {
        position: absolute;
        top: 15px;
        -ms-transform: translateY(-45%);
        transform: translateX(-45%);
    }

.message-recu-utilisateur span {
    position: absolute;
    top: 15px;
    -ms-transform: translateY(-45%);
    transform: translateX(-45%);
}

.message-envoye-contenu p {
    margin: 0px;
}

.messages {
    position: relative;
    list-style: none;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    max-height: 500px;
    overflow-y: scroll;
    border-top: 2px solid #F4F4F4;
}

    .messages .message {
        clear: both;
        overflow: hidden;
        margin-bottom: 20px;
        transition: all 0.5s linear;
        opacity: 0;
    }

        .messages .message.left .text_wrapper {
            background-color: #e9ecef;
        }

            .messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before {
                right: 100%;
                border-right-color: #e9ecef;
            }

        .messages .message.right .text_wrapper {
            background-color: #84d0c5;
            text-align: right;
        }

            .messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
                left: 100%;
                border-left-color: #84d0c5;
            }

        .messages .message.appeared {
            opacity: 1;
        }

        .messages .message .text_wrapper {
            padding: 20px;
            border-radius: 6px;
            min-width: 100px;
            position: relative;
        }

            .messages .message .text_wrapper::after, .messages .message .text_wrapper:before {
                top: 18px;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .messages .message .text_wrapper::after {
                border-width: 13px;
                margin-top: 0px;
            }

            .messages .message .text_wrapper::before {
                border-width: 15px;
                margin-top: -2px;
            }

            .messages .message .text_wrapper .text {
                font-size: 15px;
                white-space: pre-line;
            }

.container-liste-messages {
    width: 100%;
}


@media (max-width: 1200px) {
    .piece-jointe-message {
        flex-direction: column;
    }

    #section-demandes-liees {
        width: 100%;
    }

    #section-piece-jointe {
        width: 100%;
    }

    #pop-up-messages {
        width: 80%;
    }

    .modal-title {
        width: 100%;
        flex-direction: column;
    }
}

.bandeau-footer-grosbill-to-pro {
    display: flex;
    width: 100%;
    background: #fdfdfd;
}

    .bandeau-footer-grosbill-to-pro img {
        margin: auto;
    }

.commande-cours .bt-annulation {
    background: #EE2D24;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    font-size: 10px;
    color: white;
    font-weight: bold;
    line-height: 21px;
}

.commandes-annulees {
    margin-top: 40px;
}

    .commandes-annulees h3 {
        font-size: 1.5rem;
        text-align: center;
    }

.commande100 p {
    color: #EE2D24;
}

/** Bug CSS **/

.fiche-pc-multi .carac-gaming {
    height: 230px;
}

.bloc-prix-pc-gamer {
    width: 100%;
    position: relative;
}

.title-desc-pc-gamer {
    font-size: 40px !important;
}

.bloc-seo-config .bloc-r {
    width: 32%;
}

/*AMD Bunlde Halo*/

.amd-bundle-xbox .slider {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
}

    .amd-bundle-xbox .slider .right.image {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
    }

.amd-bundle-xbox img {
    max-width: 100%;
    vertical-align: middle;
}

.amd-bundle-xbox p {
    margin-top: 0px;
    margin-bottom: 10px;
}

.amd-bundle-xbox h1 {
    text-transform: uppercase;
}

.amd-bundle-xbox .underlined {
    border-bottom: 1px solid white;
    text-transform: capitalize;
    font-size: 26px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #ffffff;
}

.amd-bundle-xbox .heading-1 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -1px;
}

.amd-bundle-xbox .hero-text-box {
    width: 1070px;
    margin-bottom: 40px;
    padding: 15px 20px 10px 20px;
    background-color: #fff;
}

    .amd-bundle-xbox .hero-text-box.mobile-hero-text-box {
        display: none;
    }

.amd-bundle-xbox .hero {
    width: 100%;
    background: #000;
    background-position: center;
    height: auto;
    position: relative;
    height: auto;
    border-bottom: 1px solid #333;
}

    .amd-bundle-xbox .hero .mobile-img {
        width: 100%;
        height: auto;
    }

.amd-bundle-xbox .hero-mobile-img {
    display: none;
}

.amd-bundle-xbox .hero .call-out {
    padding: 32px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+30,0.8+51,0.66+69,0.71+90,0.5+100 */
    background: linear-gradient(45deg, rgba(255,255,255,1) 16%, rgba(255,255,255,.70) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: flex; /* so can put copy and image in same row */
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.2;
    margin-bottom: 95px; /* must match height of amd arrow */
}

    .amd-bundle-xbox .hero .call-out .copy {
        flex: 0 1 100%;
        align-self: center;
    }

        .amd-bundle-xbox .hero .call-out .copy p {
            margin-top: 10px;
            margin-bottom: 0px;
            font-size: 28px;
        }

    .amd-bundle-xbox .hero .call-out .logo {
        /*  flex: 0 1 30%;*/
        align-self: left;
        padding-right: 0;
    }

        .amd-bundle-xbox .hero .call-out .logo img {
            padding-top: 0px;
            vertical-align: baseline;
            padding-top: 40px;
        }

.amd-bundle-xbox .hero .call-out-box {
    position: absolute;
    bottom: 20%;
    left: 5%;
    transform: translate(5%, 20%);
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    align-items: flex-end;
    width: 43%; /* includes arrow width */
    max-width: 500px;
}

.hero .call-out-box img.amd-arrow {
    flex-shrink: 0;
    width: 95px; /* controls size of amd arrow */
}

.amd-bundle-xbox .mobile-img, .amd-bundle-xbox .fnatic-mobile-img, .amd-bundle-xbox .products-RyzenRadeon-mobile-img, .amd-bundle-xbox .Ryzen-Processors-mobile-img, .amd-bundle-xbox .intro-Halo-mobile-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.amd-bundle-xbox .fnatic-mobile-img, .amd-bundle-xbox .products-RyzenRadeon-mobile-img, .amd-bundle-xbox .Ryzen-Processors-mobile-img, .amd-bundle-xbox .intro-Halo-mobile-img {
    display: none;
}

@media (max-width: 2400px) {
}

@media (max-width: 2200px) {
}

@media (max-width: 1920px) {
}

@media (max-width: 1700px) {
    .amd-bundle-xbox .hero .call-out-box {
        bottom: 20%;
        left: 3%;
    }
}

@media (max-width: 1500px) {

    .amd-bundle-xbox .hero .call-out-box img.amd-arrow {
        width: 70px; /* controls size of amd arrow */
    }

    .amd-bundle-xbox .hero .call-out {
        margin-bottom: 70px; /* must match height of amd arrow */
    }

    .amd-bundle-xbox .hero .call-out-box {
        bottom: 18%;
        left: 3%;
        width: 30%; /* includes arrow width */
    }
}

@media (max-width: 1300px) {
    .amd-bundle-xbox .hero .call-out {
        padding: 24px;
    }

    .amd-bundle-xbox .heading-1 {
        font-size: 40px;
        line-height: 40px;
    }

    .amd-bundle-xbox .hero .call-out .copy p {
        font-size: 22px;
    }

    .amd-bundle-xbox .hero .call-out-box {
        bottom: 20%;
        left: 3%;
    }

    .amd-bundle-xbox .hero .call-out .logo img {
        width: 70%;
        height: auto;
    }
}

@media (max-width: 1150px) {
}

@media (max-width: 991px) {
    .amd-bundle-xbox .hero .call-out-box img.amd-arrow {
        width: 10%; /* controls size of amd arrow */
    }

    .amd-bundle-xbox .hero .call-out {
        margin-bottom: 10%; /* must match height of amd arrow */
    }

    .amd-bundle-xbox .hero .call-out {
        background: #ffffff;
    }

    .amd-bundle-xbox .hero {
        height: auto;
        background: #000;
    }

    .amd-bundle-xbox .hero-mobile-img {
        display: block;
    }

    .amd-bundle-xbox .hero .mobile-img {
        display: none;
    }

    .amd-bundle-xbox .hero .call-out-box {
        transform: none;
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        justify-content: center;
        width: 80%;
        min-width: inherit;
        margin-top: -60px;
        margin-bottom: 40px;
        max-width: 600px;
    }




    .amd-bundle-xbox br.hide-break {
        display: none;
    }
}

@media (max-width: 767px) {

    .amd-bundle-xbox br.hide-break {
        display: none;
    }
}

@media (max-width: 479px) {
}

.amd-bundle-xbox .hero-info {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 310px; /* move box down below faces */
}

.amd-bundle-xbox .hero-wrapper {
    width: 100%;
    max-width: 1100px;
}

.amd-bundle-xbox .section-content.intro {
    display: flex;
    display: -ms-flexbox;
    padding: 40px 50px;
    flex-direction: column;
    align-items: center;
    background-image: url(../images_produits/cybertek/images-landing/amd/halo/intro-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: none;
    min-height: 420px;
    border-bottom: 1px solid #333;
}

.amd-bundle-xbox .intro {
    text-align: left;
}

.amd-bundle-xbox .intro-logos {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.amd-bundle-xbox .intro .heading-2-center {
    margin-top: 20px;
}

.amd-bundle-xbox .paragraph-intro {
    margin-bottom: 0px;
    color: #fff;
    font-size: 28px;
    line-height: 42px;
    font-weight: 500;
    text-align: left;
    width: 60%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: auto;
}

.amd-bundle-xbox .paragraph-DIRT {
    margin-bottom: 0px;
    color: #fff;
    font-size: 25px;
    line-height: 34px;
    font-weight: 500;
    text-align: left;
    width: 62%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.amd-bundle-xbox .project-sku-row {
    margin-top: 50px;
}

.amd-bundle-xbox .section-wrapper {
    display: flex;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    .amd-bundle-xbox .section-wrapper.align-right {
        align-items: flex-end;
    }

    .amd-bundle-xbox .section-wrapper.align-center {
        flex-wrap: nowrap;
        align-items: center;
        flex: 0 auto;
    }

.amd-bundle-xbox .heading-2 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #000;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: -0.25px;
}

    .amd-bundle-xbox .heading-2.white {
        color: #fff;
    }

.amd-bundle-xbox sup {
    font-size: 60%;
}

.amd-bundle-xbox .t1 {
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    padding-bottom: 10px;
}

.amd-bundle-xbox .section-content {
    display: flex;
    min-height: 420px;
    padding: 40px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #333;
    background-color: #000;
}

    .amd-bundle-xbox .section-content.xbox-gamepass {
        background-image: url('../images_produits/cybertek/images-landing/amd/halo/gamepass-bg.jpg');
        background-position: 50% 50%;
        background-size: cover;
    }

    .amd-bundle-xbox .section-content.rx-graphics {
        background-image: url('../images_produits/cybertek/images-landing/amd/halo/radeon-side-bg.jpg');
        background-position: 50% 0%;
        background-size: cover;
    }

    .amd-bundle-xbox .section-content.rx5700 .project-sku-row.first {
        padding-top: 60px;
    }

    .amd-bundle-xbox .section-content.rx-graphics .project-sku-row.first {
        padding-top: 60px;
    }

    .amd-bundle-xbox .section-content.rx5700 {
        background-image: url('../images_produits/cybertek/images-landing/amd/halo/Dirt5-monitor-bg.jpg');
        background-position: 54% 50%;
        background-size: contain;
        background-repeat: no-repeat;
    }

        .amd-bundle-xbox .section-content.rx5700 .heading-2 {
            margin-top: 40px;
        }

@media (max-width: 1900px) {
    .amd-bundle-xbox .amd-bundle-xbox .section-content.rx5700 {
        background-size: cover;
    }
}

.amd-bundle-xbox .section-content.fnatic {
    background-image: url('../images_produits/cybertek/images-landing/amd/halo/DiRT5_bg.jpg');
    background-position: 60% 50%;
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
}

    .amd-bundle-xbox .section-content.fnatic .content-box {
        font-size: 24px;
        max-width: 68%;
    }

    .amd-bundle-xbox .section-content.fnatic .fnatic-name {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        display: table; /* makes border same width as name */
    }

        .amd-bundle-xbox .section-content.fnatic .fnatic-name p {
            margin-top: 10px; /* space between rule and name */
        }

    .amd-bundle-xbox .section-content.fnatic .fnatic-rule {
        border-top: 1px solid #535353;
    }

.amd-bundle-xbox .section-content.qualifying {
    background-color: #000;
}

    .amd-bundle-xbox .section-content.qualifying:first-of-type {
        border-bottom: none;
    }

    .amd-bundle-xbox .section-content.qualifying h1 {
        text-align: center;
        padding-bottom: 30px;
    }

    .amd-bundle-xbox .section-content.qualifying .section-wrapper {
        align-items: center;
    }

.amd-bundle-xbox .section-content.fidelity, .amd-bundle-xbox .section-content.sharpening, .amd-bundle-xbox .section-content.freesync {
    background-color: #000;
    border-bottom: 0;
    padding-bottom: 20px;
    min-height: unset;
}

.amd-bundle-xbox .section-content.sharpening, .amd-bundle-xbox .section-content.freesync {
    padding-top: 0px;
}

.amd-bundle-xbox .section-content.sharpening {
    padding-bottom: 50px;
}

.amd-bundle-xbox .section-content.fidelity h1, .amd-bundle-xbox .section-content.freesync h1 {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.amd-bundle-xbox .section-content.fidelity .t1, .amd-bundle-xbox .section-content.freesync .t1 {
    text-align: center;
    margin: 0 auto;
    max-width: 90%;
}

.amd-bundle-xbox .section-content.freesync {
    border-top: 1px solid #535353;
    padding-top: 40px;
}

.amd-bundle-xbox .intro-Halo .section-wrapper .content-box {
    max-width: 510px;
    padding: 50px 0 50px 0;
}

.amd-bundle-xbox .intro-Halo-footer {
    text-align: right;
    right: 10px;
    bottom: 10px;
    margin-left: auto;
}

.amd-bundle-xbox .Ryzen-footer {
    text-align: right;
    color: #ffffff;
    font-size: 10px;
    right: 10px;
    bottom: 0px;
    margin-left: auto;
}

.amd-bundle-xbox .Ryzen-Processors .section-wrapper, .amd-bundle-xbox .products-RyzenRadeon .section-wrapper {
    max-width: 1400px;
}

    .amd-bundle-xbox .Ryzen-Processors .section-wrapper .content-box {
        max-width: 510px;
        padding: 75px 0 50px 0;
    }

    .amd-bundle-xbox .products-RyzenRadeon .section-wrapper .content-box {
        max-width: 510px;
        padding: 100px 0 0px 0;
    }

.amd-bundle-xbox .section-content.Ryzen-Processors {
    background-image: url('../images_produits/grosbill/images-landing/amd/halo/Radeon-bg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.section-content.intro-Halo {
    background-image: url('../images_produits/grosbill/images-landing/amd/halo/intro-Halo.jpg');
    background-position: 50% 50%;
    background-size: cover;
    min-height: 600px; /* actual height */
}

.amd-bundle-xbox .section-content.products-RyzenRadeon {
    background-image: url('../images_produits/grosbill/images-landing/amd/halo/SmartAccessMemory-bg.jpg');
    background-position: 50% 50%;
    background-size: cover;
    min-height: 600px; /* actual height */
}

.amd-bundle-xbox .section-content.FidelityFX .section-wrapper .content-box {
    max-width: 100%;
    padding-top: 40px;
}

.amd-bundle-xbox .section-content.FidelityFX h1, .amd-bundle-xbox .section-content.fidelity h1, .amd-bundle-xbox .section-content.freesync h1 {
    text-transform: none;
    text-align: center;
    padding-bottom: 10px;
    line-height: 34px;
}

.amd-bundle-xbox .section-content.FidelityFX p, .amd-bundle-xbox .section-content.fidelity p, .amd-bundle-xbox .section-content.freesync p {
    padding-bottom: 40px;
}

.amd-bundle-xbox .section-content.FidelityFX video {
    max-width: 1045px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.amd-bundle-xbox .section-content.fidelity, .amd-bundle-xbox .section-content.freesync {
    padding-bottom: 50px;
    padding-top: 50px;
}

.amd-bundle-xbox .section-content.fidelity {
    background-color: #1f2221;
}




@media (max-width: 991px) {

    .amd-bundle-xbox .section-content.products-RyzenRadeon {
        background: #000;
        padding-top: 0px;
        padding-bottom: 40px;
        min-height: 30px;
        max-width: 100%;
    }

        .amd-bundle-xbox .section-content.products-RyzenRadeon .content-box {
            max-width: 100%;
            margin: 0;
            padding: 0;
        }

        .amd-bundle-xbox .section-content.products-RyzenRadeon img.mobile-img, .amd-bundle-xbox .products-RyzenRadeon-mobile-img {
            margin: 0 auto;
            display: block;
        }

    .amd-bundle-xbox .section-content.Ryzen-Processors {
        background: #000;
        padding-top: 0px;
        padding-bottom: 40px;
        min-height: 30px;
        max-width: 100%;
    }

        .amd-bundle-xbox .section-content.Ryzen-Processors .content-box {
            max-width: 100%;
            margin: 0;
            padding-bottom: 0;
            padding-top: 10px;
        }

        .amd-bundle-xbox .section-content.Ryzen-Processors img.mobile-img, .amd-bundle-xbox .Ryzen-Processors-mobile-img {
            margin: 0 auto;
            display: block;
        }

    .amd-bundle-xbox .section-content.intro-Halo {
        background: #000;
        padding-top: 0px;
        padding-bottom: 40px;
        min-height: 30px;
        max-width: 100%;
    }

        .amd-bundle-xbox .section-content.intro-Halo .content-box {
            max-width: 100%;
            margin: 0;
            padding-bottom: 0;
            padding-top: 10px;
        }

        .amd-bundle-xbox .section-content.intro-Halo img.mobile-img, .amd-bundle-xbox .intro-Halo-mobile-img {
            margin: 0 auto;
            display: block;
        }

    .amd-bundle-xbox .section-content.fnatic {
        background: #000;
        padding-top: 0px;
        padding-bottom: 40px;
        min-height: 30px;
        max-width: 100%;
    }

        .amd-bundle-xbox .section-content.fnatic .content-box {
            max-width: 100%;
            margin: 0;
        }

            .amd-bundle-xbox .section-content.fnatic .content-box .paragraph-DIRT {
                width: 100%;
            }

        .amd-bundle-xbox .section-content.fnatic img.mobile-img, .amd-bundle-xbox .fnatic-mobile-img {
            margin: 0 auto;
            display: block;
        }

    .amd-bundle-xbox .paragraph-intro {
        width: 55%;
    }
}

.amd-bundle-xbox .section-content.immersive-gaming {
    background-image: url('../images_produits/cybertek/images-landing/amd/halo/ghost-recon-monitor.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.amd-bundle-xbox .section-product.immersive-gaming {
    background-image: url('../images_produits/cybertek/images-landing/amd/halo/ghost-recon-monitor.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

@media (max-width: 767px) {
    .amd-bundle-xbox .section-content.immersive-gaming {
        background-image: linear-gradient(315deg, rgba(0, 0, 0, 0.5), #000), url('../images_produits/cybertek/images-landing/amd/halo/ghost-recon-monitor.jpg');
        background-position: 0px 0px, 60% 50%;
        background-size: auto, cover;
    }

    .amd-bundle-xbox .Ryzen-Processors .section-wrapper .content-box {
        max-width: 100%;
    }

    .amd-bundle-xbox .intro-Halo .section-wrapper .content-box {
        max-width: 100%;
    }

    .amd-bundle-xbox .products-RyzenRadeon .section-wrapper .content-box {
        max-width: 100%;
    }
}

.amd-bundle-xbox .section-product {
    display: flex;
    min-height: 420px;
    padding: 40px 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)), url('../images_produits/cybertek/images-landing/amd/halo/section_9_bg.jpg');
    background-image: linear-gradient(180deg, transparent, #000), url('../images_produits/cybertek/images-landing/amd/halo/section_9_bg.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
}

.amd-bundle-xbox .line {
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.amd-bundle-xbox .heading-3 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.25px;
}

    .amd-bundle-xbox .heading-3.white {
        color: #fff;
    }

@media (max-width: 767px) {
    .amd-bundle-xbox .section-product {
        padding-right: 30px;
        padding-left: 30px;
    }

    .amd-bundle-xbox br.line-break {
        display: none;
    }

    .amd-bundle-xbox .section-footer {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.amd-bundle-xbox .content-box {
    max-width: 490px;
    align-self: auto;
}

.amd-bundle-xbox .section-content.product-skus-footer {
    background-image: url('../images_produits/cybertek/images-landing/amd/halo/product-skus-footer-bg.jpg');
    background-size: cover;
    border-bottom: none;
    padding-top: 30px;
    border-top: 1px solid #333;
}

@media (max-width: 1150px) {
    .amd-bundle-xbox .section-content.intro-Halo {
        background-position: 45% 50% !important;
    }

    .amd-bundle-xbox .section-content.Ryzen-Processors {
        background-position: 45% 50% !important;
    }

    .amd-bundle-xbox .section-content.products-RyzenRadeon {
        background-position: 45% 50% !important;
    }
}

@media (max-width: 1300px) {

    .amd-bundle-xbox .section-content.intro {
        background-position: 35% 50% !important;
    }
}

@media (max-width: 1500px) {
    .amd-bundle-xbox .section-content.intro-Halo {
    }

    .amd-bundle-xbox .section-content.Ryzen-Processors {
    }

    .amd-bundle-xbox .section-content.products-RyzenRadeon {
    }
}

@media (max-width: 1700px) {
    .amd-bundle-xbox .section-content.intro-Halo {
        background-position: 100% 50% !important;
    }
}

@media (max-width: 1900px) {
    .amd-bundle-xbox .section-content.product-skus-footer {
        background-size: cover;
    }
}

.amd-bundle-xbox .section-content.product-skus-footer .section-title {
    border-bottom: 1px solid #4a4b4c;
    /*opacity: 0.8;*/
    opacity: 1.0;
    width: 100%;
}

    .amd-bundle-xbox .section-content.product-skus-footer .section-title h1 {
        text-align: center;
    }

.amd-bundle-xbox .section-content.product-skus-footer .section-wrapper.first {
    padding-top: 15px;
    border-bottom: 1px solid #4a4b4c;
    /*opacity: 0.8;*/
    opacity: 1.0;
    width: 100%;
}

.amd-bundle-xbox .section-content.product-skus-footer .section-wrapper {
    padding-top: 40px;
}

    .amd-bundle-xbox .section-content.product-skus-footer .section-wrapper img {
        display: block;
        margin: 0 auto;
        padding-bottom: 30px;
    }

.amd-bundle-xbox .section-content.product-skus-footer .grid .product span, .amd-bundle-xbox .product span {
    color: #fff;
    text-align: center;
}

    .amd-bundle-xbox .section-content.product-skus-footer .grid .product span.title, .amd-bundle-xbox .product span.title {
        color: #fff;
        font-weight: 700;
    }

.amd-bundle-xbox .grid {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.amd-bundle-xbox .product {
    display: flex;
    max-width: 271px;
    flex-direction: column;
    align-items: center;
}

.amd-bundle-xbox .product-img {
    margin-bottom: 20px;
}

.amd-bundle-xbox .image-7 {
    margin-bottom: 20px;
}

.amd-bundle-xbox .product .button {
    margin-top: 15px;
    padding: 7px 15px 5px 15px;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

    .amd-bundle-xbox .product .button:hover {
        background-color: #fff;
        color: #000;
    }

.amd-bundle-xbox .footnotes, .amd-bundle-xbox li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}

    .amd-bundle-xbox .footnotes a, .amd-bundle-xbox .chart-footnotes a, .amd-bundle-xbox li, .amd-bundle-xbox li a {
        color: #fff;
        text-decoration: none;
    }

.amd-bundle-xbox ol {
    padding-left: 10px;
    margin: 0;
}

.amd-bundle-xbox li {
}

.amd-bundle-xbox .heading-2-center {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #000;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: -0.25px;
}

    .amd-bundle-xbox .heading-2-center.white {
        display: block;
        width: auto;
        max-width: 700px;
        margin-right: auto;
        margin-bottom: 15px;
        margin-left: auto;
        float: none;
        clear: none;
        color: #fff;
        text-align: center;
    }

.amd-bundle-xbox .content-box-center {
    max-width: none;
}

.amd-bundle-xbox .grid-3 {
    position: static;
    overflow: visible;
    width: 80%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}

.amd-bundle-xbox .column {
    padding-left: 10px;
}

.amd-bundle-xbox .column-2 {
    padding-left: 10px;
}

.amd-bundle-xbox .qualify-heading {
    margin-top: 20px;
    padding-right: 10px;
    color: #fff;
    font-size: 20px;
}

.amd-bundle-xbox .image-8 {
    margin-bottom: 30px;
}

.amd-bundle-xbox .game-pass-container {
    position: static;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: 490px;
    clear: none;
    align-self: flex-start;
}

.amd-bundle-xbox table.chart {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

    .amd-bundle-xbox table.chart td {
        color: #ffffff;
        padding: 10px;
        border-left: 3px solid #000;
        border-right: 3px solid #000;
        width: 25%;
    }

        .amd-bundle-xbox table.chart td:first-child {
            border-left: none;
        }

        .amd-bundle-xbox table.chart td:last-child {
            border-right: none;
        }

    .amd-bundle-xbox table.chart .header-row {
        font-weight: 700;
        text-align: center;
        font-size: 25px;
        line-height: 28px;
        background-color: #212121;
    }

        .amd-bundle-xbox table.chart .header-row td {
            padding-top: 35px;
            padding-bottom: 10px;
        }

    .amd-bundle-xbox table.chart .chart-check {
        vertical-align: top;
    }

    .amd-bundle-xbox table.chart .chart-body, .amd-bundle-xbox table.chart .chart-check {
        text-align: center;
        vertical-align: middle;
    }

    .amd-bundle-xbox table.chart .chart-body {
        font-size: 16px;
        line-height: 20px;
    }

    .amd-bundle-xbox table.chart p.chart-footnotes {
        text-align: left;
        font-size: 10px;
        line-height: 12px;
        margin-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .amd-bundle-xbox table.chart .label-row {
        border-bottom: 1px solid #333;
    }

    .amd-bundle-xbox table.chart .dark-row {
        background-color: #141414;
    }

    .amd-bundle-xbox table.chart .light-row {
        background-color: #212121;
    }

.amd-bundle-xbox .chart-title {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    vertical-align: top;
}

.amd-bundle-xbox td > div {
    position: relative;
    padding: 0px;
}

.amd-bundle-xbox .chart-addition {
    position: absolute;
    top: 50%;
    right: -34px;
    padding: 0px;
}

.amd-bundle-xbox table.chart .title-row td {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 25px;
    border-bottom: 1px solid #333;
}

.amd-bundle-xbox .grid-4 {
    display: grid;
    align-self: stretch;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
}

.amd-bundle-xbox .grid-5 {
    margin-top: 23px;
    align-self: stretch;
    grid-template-rows: auto;
}

.amd-bundle-xbox .div-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.amd-bundle-xbox .div-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
}

.amd-bundle-xbox .div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 380px;
    flex-direction: column;
}

.amd-bundle-xbox .test {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1100px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    .amd-bundle-xbox .test.align-right {
        align-items: flex-end;
    }

    .amd-bundle-xbox .test.align-center {
        max-width: none;
        flex-wrap: nowrap;
        align-items: center;
        flex: 0 auto;
    }

.amd-bundle-xbox .image-10 {
    margin-bottom: 13px;
}

.amd-bundle-xbox .div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.amd-bundle-xbox .grid-6 {
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.amd-bundle-xbox .line {
    display: flex;
    min-width: 380px;
    flex-direction: column;
}

.amd-bundle-xbox .div-block-5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: stretch;
}

.amd-bundle-xbox .div-block-6 {
    width: 1px;
    margin-right: 56px;
    margin-left: 56px;
    background-image: repeating-linear-gradient(180deg, #000, #4e4e4e 50%, #000);
}

.amd-bundle-xbox .dev-logos {
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 991px) {
    .amd-bundle-xbox .hero-info {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .amd-bundle-xbox .content-box {
        max-width: 390px;
    }

    .amd-bundle-xbox .content-box-center {
        max-width: 390px;
    }

    .amd-bundle-xbox .grid-4 {
        width: 100%;
        justify-items: stretch;
    }

    .amd-bundle-xbox .section-content.intro {
        background-position: 29% 50% !important;
    }
}

@media (max-width: 767px) {

    .amd-bundle-xbox .hero-text-box.mobile-hero-text-box {
        display: block;
        max-width: 575px;
        margin-bottom: 0px;
    }

    .amd-bundle-xbox .hero-info {
        display: none;
    }

    .amd-bundle-xbox .section-content.intro {
        padding-right: 30px;
        padding-left: 30px;
    }

    .amd-bundle-xbox .paragraph-intro {
        font-size: 20px;
        line-height: 29px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 40%;
    }

    .amd-bundle-xbox .section-content.intro {
        background-position: 23% 50% !important;
    }

    .amd-bundle-xbox .section-wrapper.align-right {
        align-items: center;
    }

    .amd-bundle-xbox .heading-2 {
        font-size: 25px;
        line-height: 29px;
    }

    .amd-bundle-xbox .section-content {
        padding-right: 30px;
        padding-left: 30px;
    }

    .amd-bundle-xbox .content-box {
        max-width: none;
    }

    .amd-bundle-xbox .grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        margin-bottom: 20px;
    }

    .amd-bundle-xbox .heading-2-center {
        font-size: 25px;
        line-height: 29px;
    }

    .amd-bundle-xbox .content-box-center {
        max-width: none;
    }

    .amd-bundle-xbox .game-pass-container {
        width: 100%;
    }

    .amd-bundle-xbox .grid-4 {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .amd-bundle-xbox .hero .call-out {
        padding: 20px !important;
    }

        .amd-bundle-xbox .hero .call-out .logo {
            align-self: auto !important;
        }

            .amd-bundle-xbox .hero .call-out .logo img {
                padding-left: 0px;
                max-width: 426px;
            }
}

@media (max-width: 479px) {
    .amd-bundle-xbox .hero-text-box.mobile-hero-text-box {
        margin-bottom: 0px;
    }

    .amd-bundle-xbox .paragraph-intro {
        font-size: 20px;
        line-height: 29px;
        margin-top: -350px;
        margin-bottom: 0px;
        width: 100%;
    }

    .amd-bundle-xbox .section-content.intro {
        background-position: 18% 100% !important;
        min-height: 620px;
    }

    .amd-bundle-xbox .t1 {
        overflow: visible;
        width: 100%;
        float: none;
    }

    .amd-bundle-xbox .section-content {
        padding: 40px 30px;
    }
}

/** Livraison Date Fiche Produit **/
.date-livraisonrelaiscolis {
    display: none !important;
}

/** Avis vérifié **/

.section-avis-verifie {
    display: block;
    width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .section-avis-verifie .container-avis-verifie {
        display: flex;
        width: 90%;
        margin: auto;
    }

.section-avis-verifie-mobile {
    display: none;
    width: 100%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .section-avis-verifie-mobile .container-avis-verifie-mobile {
        margin: auto;
    }

@media screen and (max-width: 770px) {

    .section-avis-verifie-mobile {
        display: flex;
    }

    .section-avis-verifie {
        display: none;
    }
}
/* début offre 4 noel 2021 */
.landing_noel_2021_offre4_display--desktop {
    display: block !important;
}



.landing_noel_2021_offre4_display--mobile {
    display: none !important;
}



@media screen and (max-width:900px) {



    .landing_noel_2021_offre4_display--desktop {
        display: none !important;
    }



    .landing_noel_2021_offre4_display--mobile {
        display: block !important;
    }
}
/* fin début offre 4 noel 2021 */


/**Style pop up annulation de commande **/
.avis__entete__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 5px;
}

.tous_avis__moyenne {
    font-size: 0.6rem;
    color: #717171;
    margin: 0px 10px 0px 20px;
    padding-top: 4px;
    display: none;
}

.avis_description__etoiles {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 72%;
    max-width: 390px;
}

    .avis_description__etoiles img {
        margin-right: 2px;
    }

.avis-goto {
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    vertical-align: middle;
    color: #909090;
    text-decoration: underline;
    margin-left: 30px;
}

.tous_avis__total_avis {
    font-size: 0.8rem;
    font-weight: 500;
    padding-top: 4px;
}

.button__avis {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.button_donner__etoile {
    filter: brightness(0);
    width: 0.9rem;
    margin-right: 5px;
}

.button_avis--donner {
    font-size: 12px;
    padding: 5px 25px 5px 25px;
    background: white;
}

    .button_avis--donner:hover {
        color: #558ea8;
        padding: 4px 24px;
        border: solid 1px #c9c9c9;
    }

        .button_avis--donner:hover .button_donner__etoile {
            filter: hue-rotate(184deg);
            -webkit-filter: hue-rotate(184deg);
            filter: hue-rotate(352deg);
            -webkit-filter: hue-rotate(352deg);
        }

.titre_avis_client_grosbill {
    font-size: 15px;
}

.tous_avis__moyenne, .tous_avis__total_avis {
    display: none;
}

.livraison_noel {
}

    .livraison_noel p {
        font-size: 11px;
        color: #20a75f;
        text-align: center;
        padding: 15px 10px 5px;
    }

.prodfiche_dispo {
    position: relative !important;
}

.stock-True a {
    position: relative;
    display: block;
}

.pc_gamer__avis_verifies__avis_commentaires {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}

.avis_commentaires__content {
    max-height: 700px;
    border: solid 1px #c2c2c2;
}

    .avis_commentaires__content::-webkit-scrollbar {
        width: 12px; /* width of the entire scrollbar */
    }

    .avis_commentaires__content::-webkit-scrollbar-track {
        background: #dfdfdf;
    }

    .avis_commentaires__content::-webkit-scrollbar-thumb {
        background-color: #f3f3f3;
        border: 1px solid #dfdfdf;
    }

.avis_commentaires__content, .un_avis__etoiles, .un_avis__commentaire, .un_avis__nom {
    width: 100%;
}

.avis_commentaires__title {
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 0px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 18px;
    display: flex;
}

.avis_commentaires__un_avis {
    padding: 12px 24px;
    display: flex;
    flex-wrap: wrap;
}

    .avis_commentaires__un_avis:nth-child(even) {
        background: #f3f3f3;
    }

    .avis_commentaires__un_avis:nth-child(odd) {
        background: #fff;
    }

.un_avis__etoiles {
    display: flex;
    align-content: center;
}

.un_avis__note {
    font-size: 0.8rem;
    font-weight: 500;
    margin-left: 5px;
}

.un_avis__commentaire {
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.3;
}

.un_avis__nom {
    margin-top: 10px;
}

.nbr_avis_titre {
    font-size: 0.8rem;
    font-weight: 300;
    margin-left: 10px;
    line-height: 2;
}

.pop-up__gb {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100vh;
    width: 100%;
    box-shadow: 0px 0px 20px #dfdfdf;
    border-radius: 0.5rem;
    transition: all 0.3s;
    display: flex;
}

.shadow-bck__gb {
    background: #ffffff;
    z-index: 10000;
    width: 800px;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    padding: 40px 50px 40px 50px;
    margin: auto;
    position: relative;
}

.titre-pop__gb {
    padding: 10px;
    color: #EE2D24000;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

    .titre-pop__gb span {
        color: #333;
        display: block;
    }

.form-pop__gb {
    overflow: hidden;
}

    .form-pop__gb select {
        border: 0;
        color: #000;
        font-weight: 600;
        padding: 10px 15px 10px 15px;
        border-radius: 5px !important;
        margin-top: 15px;
        width: 100%;
        border: 2px solid #ededed;
    }

        .form-pop__gb select:focus {
            border: #EE2D24000 2px solid;
        }

    .form-pop__gb p {
        font-size: 16px;
        line-height: 1.3;
        width: 60%;
        margin: auto;
        font-weight: 600;
        color: #333;
    }

.bt-popup-compte__gb {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 50px;
    justify-content: center;
}

    .bt-popup-compte__gb .bt-envoyer__gb {
        text-transform: uppercase;
        font-size: 13px;
        padding: 10px 0;
        cursor: pointer;
        text-align: center;
        font-weight: 600;
        width: 60%;
        margin: auto;
        transition: all 0.3s;
    }

        .bt-popup-compte__gb .bt-envoyer__gb:hover {
            background: #05de68;
        }

    .bt-popup-compte__gb .bt-retour__gb {
        position: absolute;
        right: 0;
        top: 0;
        margin: 20px;
        cursor: pointer;
        transition: all 0.2s;
    }

        .bt-popup-compte__gb .bt-retour__gb:hover {
            opacity: 0.8;
        }

        .bt-popup-compte__gb .bt-retour__gb img {
            width: 30px;
        }

    .bt-popup-compte__gb .bt-envoyer__gb {
        background: #20a75f;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 5px;
        color: #fff;
        text-transform: uppercase;
    }

@media screen and (max-width: 1024px) {
    .shadow-bck__gb {
        width: 70%;
        padding: 40px 50px 40px 50px;
    }


    .fiche_product_code_promo {
        padding: 15px 15px 15px 15px;
        font-size: 14px;
    }

    .table-connexion tr {
        padding: 0 0 0 3px;
    }

    #_ctl0_ContentPlaceHolder1_rbl_choix_livraison label > span {
        padding-left: 5px;
        transform: translate(4%, -50%);
    }
}

.box_09 {
    padding: 20px;
}

@media screen and (max-width: 770px) {
    .form-pop__gb p, .bt-popup-compte__gb .bt-envoyer__gb {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .shadow-bck__gb {
        padding: 40px 25px 40px 25px;
        width: 90%;
    }

    .titre-pop__gb {
        font-size: 22px;
        margin-top: 20px;
    }

    .form-pop__gb p {
        font-size: 14px;
    }

    .form-pop__gb select {
        font-size: 11px;
    }

    .bt-popup-compte__gb .bt-retour__gb img {
        width: 34px;
    }

    #_ctl0_ContentPlaceHolder1_dv_code_promo {
        margin-top: 8px;
        margin-left: 10%;
        margin-right: 10%;
        position: initial;
    }

    .fiche_product_code_promo {
        padding: 15px 15px 15px 15px;
    }
}

/**** Ajout MEP ****/

.pop-up-cde-client, .pop-up-garantie-constructeur {
    display: none;
    width: 90% !important;
    height: 80vh !important;
    overflow: hidden !important;
}


.message-coordonnees h1 {
    line-height: 20px;
}

.garantie-constructeur-info {
    display: none;
}

.containter-coordonnees {
    margin-top: 20px;
}

.info-coordonnees p {
    padding: 10px 0 0 0;
}


.message-garantie {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .message-garantie p {
        line-height: 20px;
    }

.message-garantie-header {
    display: block;
    width: 100%;
}

.message-garantie-content {
    display: flex;
    width: 100%;
    height: 100%;
}

.message-garantie .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.message-garantie .bouton-creer-ticket {
    display: flex;
    color: white;
    justify-content: center;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #000;
    line-height: 35px;
    text-align: center;
    width: 200px;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 5px !important;
}

.garantie-constructeur-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.message-coordonnees {
    padding: 10px;
}


@media screen and (max-width: 480px) {
    .cbk_field_recherche {
        float: none;
        display: flex;
    }

    .cbx_tbx_recherche {
        display: flex;
        width: 100%;
    }

    #_ctl0_tbx_recherche {
        width: 87%;
    }

    #_ctl0_btn_recherche {
        width: 12%;
    }
}
/*
.fancybox-inner {
    height: 600px !important;
}*/


/***** Page Famille ******/

.grb__famille__container {
    display: flex;
}

    .grb__famille__container .fiche_strong {
        font-size: 11px !important;
        line-height: 1.4;
        color: #333;
    }

    .grb__famille__container .selection_top {
        width: 25%;
    }

    .grb__famille__container .categorie-r {
        width: 70%;
        margin-left: 5%;
    }

.selection_top .fil-ariane {
    background: #EE2D24;
    width: 100%;
}

    .selection_top .fil-ariane tbody tr td .fiche_link {
        color: #fff;
        padding: 10px;
        font-size: 20px;
        background: #EE2D24;
    }

@media screen and (max-width: 768px) {
    .grb__famille__container {
        flex-direction: column;
    }

        .grb__famille__container .selection_top {
        }

        .grb__famille__container .categorie-r {
            margin: 0;
            width: 100%;
        }

    .categorie-r .container-features .container-cat-button ul li {
        width: 100% !important;
    }

    .ajout-top .content {
        flex-wrap: wrap;
    }

        .ajout-top .content li {
            width: 100%;
        }
}


.ajout-top .container {
    max-width: 176px;
}
/********** Modif Panier ***********/



.basket_button_correction input {
    height: auto;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #fff url(https://www.grosbill.com/images/corbeille.png) no-repeat;
    width: 20px;
    cursor: pointer;
    height: 20px;
}

.conteneur-quantite .bt-r {
    background: #f0f0f0 url(https://www.grosbill.com/images/moins-panier.png) no-repeat;
    height: 20px;
    width: 20px;
}



.conteneur-quantite .bt-l {
    background: #f0f0f0 url(https://www.grosbill.com/images/plus-panier.png) no-repeat;
    height: 20px;
    width: 20px;
}

.btn_code_promo {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url(https://www.grosbill.com/images/code-promo-plus.png);
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

width: 120px;
padding: 4px 5px 4px 25px;
height: auto;
background: #fff url(https://www.grosbill.com/images/corbeille.png) no-repeat 4px center;
}



.price-final {
    width: 100%;
    margin-bottom: 20px;
}


/* liste au survol panier "voir en stock" */

.dispo-fiche-panier:hover {
    cursor: default;
}

.dispo-fiche-panier .dispo-mag-panier {
    overflow: hidden;
    max-height: 0px;
    margin-top: -4px;
    border-radius: 0px 0px 10px 10px;
}

.dispo-fiche-panier:hover .dispo-mag-panier {
    max-height: fit-content;
}

/******* Version Desktop ******/
.diapo_desktop--img {
    display: block !important;
}

.diapo_tablette--img {
    display: none !important;
}

.diapo_mobile--img {
    display: none !important;
}

.diapo_miniature--img {
    display: block !important;
}


/******* Version Tablette ******/
@media screen and (max-width: 1000px) {
    .diapo_desktop--img {
        display: none !important;
    }

    .diapo_tablette--img {
        display: block !important;
    }

    .diapo_mobile--img {
        display: none !important;
    }

    .diapo_miniature--img {
        display: block !important;
    }
}
/******* Version Mobile ******/
@media screen and (max-width: 500px) {
    .diapo_desktop--img {
        display: none !important;
    }

    .diapo_tablette--img {
        display: none !important;
    }

    .diapo_mobile--img {
        display: block !important;
    }

    .diapo_miniature--img {
        display: none !important;
    }
}

/******* Bons Achats ******/

.titre-reglement-bon-achat {
    text-align: center;
    margin: 0px 0 5px;
    font-size: 15px;
    font-weight: 700;
    color: black;
    font-family: Nunito, Arial, sans-serif !important;
    text-transform: uppercase;
}

.btn-reglement-bon-achat-ajout {
    min-width: 100px;
    height: 30px;
    background: #20a75f;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

.btn-reglement-bon-achat-valid {
    min-width: 100px;
    margin-top: 10px;
    height: 30px;
    background: #20a75f;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    cursor: pointer;
}

.div-reglement-bon-achat-valid {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.div-reglement-bon-achat-liste {
    margin-top: 200px;
    text-align: center;
}

.btn-reglement-bon-achat-supp {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url(https://www.grosbill.com/images/corbeille.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.liste-reglement-bon-achat {
    min-width: 100px;
    height: 30px;
    color: #6a6a6a;
    border: 1px solid #bababa;
    padding: 5px;
}

/******* Fin Bons Achats ******/

.dispo_internet_panier .prodfiche_mag span {
    font-size: 12px !important;
    line-height: 1.4;
}

.dispo_internet_panier {
    margin: auto;
}

/** Extension de garantie ****/

/**** Panier extension de garantie ******/

.panier__extension-garantie {
    display: block;
    width: fit-content;
    margin: 10px 0;
}

.panier__extension-garantie__presentation {
    margin: 10px 0;
}

    .panier__extension-garantie__presentation p {
        margin: 0;
        font-weight: 600;
        color: #888;
        font-size: 20px;
    }

.panier__extension-garantie__container {
    display: flex;
    margin-left: 0;
}

.panier__extension-garantie__container__button {
    display: block;
    transition: 0.1s all;
}

    .panier__extension-garantie__container__button:hover {
        opacity: 0.8;
        transition: 0.2s all;
    }

.panier__extension-garantie__container__content {
    display: flex;
    position: relative;
    background: #229988;
    padding: 5px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 53% 85%, 50% 100%, 47% 85%, 0 85%);
}

.panier__extension-garantie__container__content__inside {
    background: #229988;
    display: flex;
}

.panier__container__extension-garantie__button__text {
    font-weight: bold;
    padding: 10px 20px;
    padding-bottom: 15px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    margin: auto;
    font-weight: 800;
}


@media screen and (max-width: 768px) {
    .panier__container__extension-garantie__button__text {
        font-size: 10px;
    }
}

@media screen and (max-width: 480px) {
    .panier__container__extension-garantie__button__text {
        text-align: center;
        line-height: 1.4;
        font-size: 12px;
    }

    .panier__extension-garantie {
        margin: 30px 0;
    }
}




/****** pop up panier extension de garantie ******/

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin {
    width: 50%;
    display: flex;
}

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
    width: 20%;
    display: flex;
}

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiecta {
    width: 30%;
}

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin {
    width: 30%;
    display: flex;
}

    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin .grb_fch-prod__pop-up__partiemagasin__localisationcontainer {
        width: 40%;
        margin: auto;
        display: flex;
    }

        #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin .grb_fch-prod__pop-up__partiemagasin__localisationcontainer img {
            width: 100%;
            margin: auto;
        }

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
    width: 70%;
}

    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
        font-size: 14px;
        line-height: 1.3;
        font-weight: 600;
        margin: auto 0;
        color: #000;
        text-align: left;
    }

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
    font-size: 20px;
    color: #EE2D24;
    font-weight: 700;
    text-align: center;
    margin: auto;
}

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiecta__changemagasin {
    font-size: 14px;
}

#PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiecta__flex a {
    margin: 10px;
    transition: 0.1s all;
}

    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiecta__flex a:hover {
        filter: contrast(150%);
        transition: 0.3s all;
    }



@media screen and (max-width: 768px) {
    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiecta {
        width: 100%;
    }

    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
        width: 100%;
    }

        #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
            font-size: 22px;
        }

    #PanelDetailsExtensionGarantie .grb_fch-prod__pop-up__magasin__flex__partiemagasin {
        width: 100%;
        justify-content: center;
    }
}


.grb_fch-prod__pop-up--ext__content__logo {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .grb_fch-prod__pop-up--ext__content__logo img {
        margin: auto;
        width: 20%;
    }

.grb_fch-prod__pop-up--ext__content__presentation {
    margin: 0 5%;
}

    .grb_fch-prod__pop-up--ext__content__presentation h2 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 6px;
        color: #229988;
        text-align: center;
    }

    .grb_fch-prod__pop-up--ext__content__presentation p {
        font-size: 14px;
        color: #868686;
        line-height: 1.3;
        text-align: center;
    }

.grb_fch-prod__pop-up--ext__explication {
    display: flex;
    width: 90%;
    justify-content: space-between;
    margin: 5% auto;
}

.grb_fch-prod__pop-up--ext__explication__confort, .grb_fch-prod__pop-up--ext__explication__serenite, .grb_fch-prod__pop-up--ext__explication__excellence {
    width: 32%;
    z-index: 1;
    text-align: center;
}

.grb_fch-prod__pop-up--ext__explication div h3 {
    background: #229988;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    position: relative;
}

    .grb_fch-prod__pop-up--ext__explication div h3:after {
        content: "";
        position: absolute;
        transform: translate(-50%, -50%) rotate(45deg);
        height: 14px;
        width: 14px;
        z-index: 0;
        display: block;
        bottom: -12px;
        left: 50%;
        background: #229988;
    }

.grb_fch-prod__pop-up--ext__explication div p {
    font-size: 16px;
    line-height: 1.2;
    padding: 20px;
    font-weight: 600;
    color: #707070;
}

.grb_fch-prod__pop-up--ext__explication span {
    color: #8d8d8d;
    font-size: 12px;
    font-weight: 400;
}

@media screen and (max-width: 770px) {
    .grb_fch-prod__pop-up--ext__explication {
        flex-direction: column;
    }

    .grb_fch-prod__pop-up--ext__explication {
        width: 50%;
    }

    .grb_fch-prod__pop-up--ext__explication__confort, .grb_fch-prod__pop-up--ext__explication__serenite, .grb_fch-prod__pop-up--ext__explication__excellence {
        width: 100%;
    }
}

@media screen and (max-width: 534px) {
    .grb_fch-prod__pop-up--ext__explication {
        width: 90%;
    }
}

.gb_fch-prod__pop-up-extension__lien {
    width: 100%;
    padding: 20px;
    display: flex;
}

    .gb_fch-prod__pop-up-extension__lien a {
        text-decoration: underline;
        font-size: 12px;
        text-align: center;
        margin: auto;
    }

/* CHRONO PRECISE & COLISWEB */
.block-colisweb div:nth-child(2), .block-cronoprecise div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.planning-colisweb, .planning-cronoprecise {
    width: 50%;
    margin: auto;
    margin-left: 5%;
}

.livraison_express_titre {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 600;
}

.planning-colisweb .p-hours, .planning-cronoprecise .p-hours {
    padding: 10px 30px;
    text-align: center;
    margin: 10px auto;
    border: solid 2px #e3e3e3;
    border-radius: 50px;
    width: 250px;
}

    .planning-coliweb .p-hours:hover, .planning-cronoprecise .p-hours:hover {
        background: #efefef;
        border: solid 2px #e3e3e3;
    }

.planning-colisweb .p-hours--selected, .planning-cronoprecise .p-hours--selected {
    background: #efefef;
    border: solid 2px #20a75f !important;
}

.planning-colisweb .selection-horaire, .planning-cronoprecise .selection-horaire {
    width: fit-content;
    background: red;
    max-width: 730px;
    margin: 20px auto;
    padding: 10px 70px;
    border-radius: 4px;
    background: #20a75f;
    color: white;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: -.5px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
}

    .planning-colisweb .selection-horaire:hover, .planning-cronoprecise .selection-horaire:hover {
        width: fit-content;
        background: red;
        background: #0ed367;
    }

.block-colisweb .liste-pr, .block-cronoprecise .liste-pr {
    overflow-y: visible;
    padding: 20px 20px;
    width: 35%;
}

.block-colisweb .selection-colisweb, .block-cronoprecise .selection-relais {
    padding: 8px;
    border: solid 2px #e3e3e3;
    display: block !important;
}

    .block-colisweb .selection-colisweb:hover, .block-cronoprecise .selection-relais:hover {
        background: #efefef;
        border: solid 2px #e3e3e3;
    }

.block-colisweb .selection-colisweb--selected, .block-cronoprecise .selection-relais--selected {
    background: #efefef;
    border: solid 2px #20a75f !important;
}

.block-colisweb, .block-cronoprecise {
    min-height: 540px;
}

.planning-colisweb, .planning-cronoprecise {
    width: 400px;
}

.block-colisweb, .block-cronoprecise {
    max-width: 850px;
}

[for~="_ctl0_ContentPlaceHolder1_rbl_choix_livraison_2"] {
    padding: 10px;
}


input[value="livraison_rendez_vous"] ~ label .groupe-livraison .p-rdv {
    border: solid 1px #20a75f;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 5px;
}

    input[value="livraison_rendez_vous"] ~ label .groupe-livraison .p-rdv:hover {
        background: #20a75f;
        color: #FFFFFF;
    }



label[for="_ctl0_ContentPlaceHolder1_rbl_choix_livraison_4"] .groupe-livraison p:nth-child(3) {
    border: solid 1px #20a75f;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 5px;
    max-width: 140px;
    margin-top: 10px;
    margin-bottom: 20px;
}

    label[for="_ctl0_ContentPlaceHolder1_rbl_choix_livraison_4"] .groupe-livraison p:nth-child(3):hover {
        background: #20a75f;
        color: #FFFFFF;
    }

@media screen and (max-width: 1300px) {
    input[value="livraison_rendez_vous"] ~ label .groupe-livraison .p-rdv {
        width: 140px;
    }
}

@media screen and (max-width: 1130px) {
    .planning-colisweb, .planning-cronoprecise {
        width: min-content;
    }
}



@media screen and (max-width: 960px) {
    .block-colisweb, .block-cronoprecise {
        width: 90% !important;
        min-width: 90% !important;
    }

    .planning-colisweb, .planning-cronoprecise {
        width: min-content;
        max-width: 35%;
    }

    .block-colisweb .liste-pr, .block-cronoprecise .liste-pr {
        min-width: 190px;
        padding: 20px 0 20px 20px !important;
    }

    .planning-colisweb .p-hours, .planning-cronoprecise .p-hours {
        min-width: 105px;
        padding: 10px 0px !important;
    }
}

@media screen and (max-width: 800px) {
    .planning-colisweb, .planning-cronoprecise {
        width: min-content;
        max-width: 35%;
    }

        .planning-colisweb .selection-horaire, .planning-cronoprecise .selection-horaire {
            max-width: 100%;
            text-align: center;
            padding: 10px !important;
            width: 100%;
        }

    .block-colisweb, .block-cronoprecise {
        width: 90%;
    }

    #_ctl0_ContentPlaceHolder1_rbl_choix_livraison label > span {
        position: relative !important;
        width: fit-content !important;
        text-align: center !important;
        margin: auto !important;
        /*left: 30px !important;*/
    }

    .selection-horaire {
        position: absolute;
        bottom: -20px;
        width: 100% !important;
        left: 0;
        border-radius: 0;
    }

    .planning-colisweb, .planning-cronoprecise {
        padding: 20px 0 25px !important;
    }

    .block-colisweb, .block-cronoprecise {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        position: absolute !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        top: 0;
        left: 0;
    }

    .popupCloseButtonColisweb, .popupCloseButton {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}



.groupe-livraison span {
    padding-top: 30PX;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');


.menu-hori ul li a span {
    cursor: pointer;
    font-size: 13px !important;
}



.menu-hori {
    border-radius: 50px;
}

    .menu-hori:hover {
        background: #20a75f !important;
    }

.grb_menu-princ {
}

#_ctl0_ContentPlaceHolder1_texte_intro_categorie p, #_ctl0_ContentPlaceHolder1_texte_intro_categorie p span {
    font-family: Nunito, Arial,sans-serif !important;
    color: black;
    background: white;
}

.cbx_zone_recherche.fixedTop .menu-hori {
    border-radius: 0px !important;
}

    .cbx_zone_recherche.fixedTop .menu-hori:nth-child(1) {
        border-radius: 10px 0px 0px 10px !important;
    }

    .cbx_zone_recherche.fixedTop .menu-hori:last-child {
        border-radius: 0px 10px 10px 0px !important;
    }

@media screen and (max-width: 960px) {

    .menu-hori {
        border-radius: 13px 6px 20px 13px !important;
        margin: 10px 0px !important;
    }

    .sombre ul {
        width: 100% !important;
    }

    .menu-retour {
        border-radius: 13px 6px 20px 13px !important;
    }
}


#_ctl0_ContentPlaceHolder1_a_2 {
    border-radius: 18px 22px 22px 12px !important;
}

#_ctl0_ContentPlaceHolder1_dv_cadre_promo {
    border-radius: 20px 20px 20px 10px;
}

.grb_panier__recap {
    border-radius: 20px 20px 20px 10px;
}


.grb_choixextension {
    border-radius: 13px 6px 20px 13px !important;
}

#_ctl0_ContentPlaceHolder1_tbx_email {
    border-radius: 10px 0 0 10px;
    padding: 10px;
}

#_ctl0_ContentPlaceHolder1_Button2 {
    border-radius: 0 10px 10px 0;
}

.rubrique-float,
.section-avis-verifie,
#_ctl0_ContentPlaceHolder1_blocpub2,
.l-grosbill img,
.r-grosbill img {
    border-radius: 20px 20px 20px 10px !important;
}

.slide-min.slick-slide {
    border: none !important;
    border-radius: 13px 6px 20px 13px !important;
}

.sombre {
    border-radius: 0px 0px 20px 20px !important;
}

.number-top {
    vertical-align: middle;
    display: inline-block;
    color: white;
    background: #333;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    line-height: 15px;
    text-align: center;
    width: 25px;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-cat-button li {
    border-radius: 13px 6px 20px 13px !important;
}

    .container-cat-button li:hover {
        background: #3dba7d !important;
    }

.gb_famille__titre {
    font-size: 24px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #333;
}

.txt-cat.intro-seo p, .txt-cat.intro-seo div, .txt-cat.intro-seo span {
    font-size: 14px !important;
}

.categorie-r .ajout-top .content {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    gap: 4px;
}

.ajout-top .title p {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.ajout-top .title, .content-categorie-marg p {
    background: none !important;
    padding: 0 0 15px !important;
}

.content-categorie-marg p {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding: 10px !important;
}

.content-titre-cat p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    height: 44px !important;
}

.ajout-top .container {
    border-radius: 13px 6px 20px 13px !important;
}

.categorie-r .ajout-top .content .container {
    padding: 10px !important;
}

.categorie-r .ajout-top .prix span {
    font-size: 30px !important;
    margin-top: 5px;
}

.categorie-r .ajout-top .prix sup {
    vertical-align: revert !important;
    font-size: 15px;
}

.content-categorie-filtre, .content-categorie-marg {
    border-radius: 20px 20px 20px 13px !important;
}

.content-top-filtre .content-titre-cat {
    font-size: 14px !important;
    line-height: 1.5;
}

.content-categorie-marg {
    position: relative;
}

    .content-categorie-marg .number-top {
        position: absolute;
        left: 6px;
        margin-top: 6px;
        background: #20a75f;
        font-size: 14px;
    }

.content-categorie-filtre a {
    padding: 5px 9px 5px 31px;
}

.content-categorie-marg p:nth-child(1) {
    border-radius: 20px 20px 0 0 !important;
    background: #333333 !important;
    color: white !important;
    padding-left: 16px !important;
}

.selection_top .content-categorie-marg p:nth-child(1) {
    background: #333333 !important;
}

.content-categorie-filtre p {
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 10px 10px 10px 16px !important;
    border-radius: 20px 20px 0 0 !important;
}

@media screen and (max-width: 770px) {
    .grb__famille__container .selection_top {
        width: 100%;
    }
}

.gb_grosbulle-bulle {
    background: #67b0d7;
    padding: 20px 40px;
    border-radius: 20px 20px 20px 13px !important;
    text-align: center;
    width: 230px;
    top: 70px;
    left: -100px;
    position: relative;
    font-size: 15px;
    line-height: 1.3;
}

.gb_footer--magcontent {
}

.gb__footer-unmag {
    color: #CCC;
    display: inline-block;
    font-size: 14px !important;
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 20px !important;
    width: 30% !important;
    line-height: 1.2;
}

.gb_footer--magcontent-div {
    width: 100% !important;
    height: auto !important;
    padding: 0;
}

.gb_mag__container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
}

.gb_footer-listemag {
    width: 100% !important;
    max-width: 900px;
}

.gb_footer--titre-listemag {
    margin-bottom: 20px !important;
}

.gb_footer-listemag {
    padding: 20px 0 0 0;
}

@media screen and (max-width: 1300px) {

    .gb_grosbulle {
        position: absolute;
        vertical-align: top;
        width: 200px;
        right: -140px !important;
        bottom: 0;
    }
}

@media screen and (max-width: 1170px) {

    .gb_grosbulle {
        position: absolute;
        vertical-align: top;
        width: 200px;
        right: -140px !important;
        bottom: 0;
    }

        .gb_grosbulle:after {
            display: none !important;
        }
}

@media screen and (max-width: 1024px) {
    .gb_mag__container, .gb_footer-listemag {
        width: calc(100vw - 60px) !important;
        max-width: 100% !important;
    }

    .gb_grosbulle {
        display: none !important;
    }
}

@media screen and (max-width: 960px) {
    .gb_mag__container, .gb_footer-listemag {
        width: calc(100vw - 180px) !important;
        max-width: 100% !important;
    }

    .gb__footer-unmag {
        width: 40% !important;
    }
}

@media screen and (max-width: 768px) {
    .gb_mag__container, .gb_footer-listemag {
        width: calc(100vw - 80px) !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 580px) {
    .gb__footer-unmag {
        width: 100% !important;
    }
}

.gb_img_border {
    border-radius: 20px 20px 20px 13px !important;
}

.gb_btn--ns {
    border-radius: 13px 6px 20px 13px !important;
}

.gb_info--ns {
    border-radius: 20px 20px 20px 13px !important;
}

.seo-landing-pc-gamer {
    margin-bottom: 50px !important;
}


.a_panier {
    border-radius: 20px 20px 20px 13px !important;
}

.cbk_fullwidth_brands.table-connexion.ui-bar-r.gb_btn--ns tr {
    border-radius: 13px 6px 20px 13px !important;
}

.gb_text-blanc {
    color: white !important;
    background: #20a75f !important;
}

.nv-bt-continuer .continuer {
    border-radius: 13px 6px 20px 13px !important;
    padding: 10px 20px !important;
}

.modif-adress.nv-bt-continuer {
    border-radius: 13px 6px 20px 13px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

.facture-print {
    border-radius: 13px 6px 20px 13px !important;
}

.panier-connexion,
.creation-compte-panier,
.ui-group-theme-g.correction_theme-g,
.panier-connexion input,
.panier-connexion select,
.creation-compte-panier input,
.creation-compte-panier select,
#_ctl0_ContentPlaceHolder1_btn_edit_adresse_validation,
#_ctl0_ContentPlaceHolder1_tbx_libelle_adresse_edit,
.label_size_account_correction input,
.btn-ticket-produit,
.bouton-retour a,
.op-com,
#_ctl0_ContentPlaceHolder1_ib_login,
#_ctl0_ContentPlaceHolder1_tbx_mail_log,
#_ctl0_ContentPlaceHolder1_tbx_pwd_log,
#signin-button,
#_ctl0_ContentPlaceHolder1_btn_creer_compte,
#btn_valider,
#tbx_email,
.grb__liste-produit__container-filtre-mobile__boutton {
    border-radius: 20px 20px 20px 13px !important;
}

.commande-timing,
.accueil-compte,
.bt-compte,
.cbk_list_nodots.carousel-produits.ui-bar-h.cbk_black_arrows,
.grb_panier__article--mobile {
    border-radius: 20px 20px 20px 13px !important;
}

    .cbk_list_nodots.carousel-produits.ui-bar-h.cbk_black_arrows li {
        width: 100%;
        max-width: 240px;
    }

.cbk_list_nodots.carousel-produits.ui-bar-h.cbk_black_arrows {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .cbk_list_nodots.carousel-produits.ui-bar-h.cbk_black_arrows .ui-li-aside {
        margin-top: -20px;
    }

.cbx_zone_recherche.fixedTop .cbk_logo {
    margin-top: 1px !important;
}

@media screen and (max-width: 960px) {
    .cbx_zone_recherche.fixedTop .cbk_logo {
        margin-top: -2px !important;
    }
}

@media screen and (max-width: 768px) {
    .cbx_zone_recherche.fixedTop .cbk_logo {
        margin-top: -2px !important;
    }
}

@media screen and (max-width: 480px) {
    .cbk_logo {
        margin-top: -2px !important;
    }

    .cbx_zone_recherche.fixedTop .cbk_logo {
        margin-top: -2px !important;
    }
}

#_ctl0_ContentPlaceHolder1_btn_retour {
    background: none !important;
}

.seo-landing.sous-titre-landing {
    font-size: 14px;
    line-height: 1.4;
}

.prod_background.listing_dispo {
    border-radius: 20px 20px 20px 13px !important;
}

.grb_title-liste img {
    padding-top: 5px;
    padding-bottom: 0px;
    transition: 0.3s;
}

.grb_title-liste:hover img {
    padding-top: 0px;
    padding-bottom: 5px;
}

.grb-liste-home-link {
    font-size: 14px;
}

    .grb-liste-home-link:hover {
        font-size: 14px !important;
        text-decoration: underline;
    }

.content-categorie-marg li {
    position: relative;
}

.price-cat-top {
    position: absolute;
    top: 5px;
    right: 7px;
}

.filt-price li a {
    font-size: 14px !important;
    width: 100%;
}

.filt-price li {
    width: 100%;
    display: flex;
    align-items: center;
}

.filt-price a {
    padding: 0 !important;
    padding: 10px !important;
    display: block;
}

.content-categorie-filtre li a {
    padding-left: 30px !important;
}

.younited_footer {
    width: 120px;
}

.alma_footer {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 90px;
    height: 25px;
}

.pc-bureautique li {
    border-radius: 20px 20px 20px 13px !important;
}

.diapo-prod__un-produit--content,
.lppcg__container__titre,
#diapo-prod__container,
.global-fiche-game,
.prixPromo {
    border-radius: 20px 20px 20px 13px !important;
}

.diapo-prod__un-produit--cta,
.fiche-produit-dispo.ajout-panier.ajout-fiche-produit,
.fiche-produit-dispo.ajout-panier.ajout-fiche-produit input {
    border: solid 0 !important;
    border-radius: 13px 6px 20px 13px !important;
}

.gaming-page .firstletter {
    font-size: 20px;
    position: relative;
    padding-left: 25px !important;
}

    .gaming-page .firstletter:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 100%;
        background: red;
        border-radius: 50px;
    }

.link-univers a {
    border-radius: 20px 20px 20px 13px !important;
    padding: 10px 20px !important;
}

.tableau_1 tr, .grb_vos-demandes__return-btn {
    border-radius: 12px 9px 16px 12px !important;
}

.voir-detail-option {
    border-radius: 13px 6px 20px 13px !important;
}

.grb_vos-demandes__return-link,
.grb_vos-demandes__create-ticket-btn {
    border-radius: 12px 9px 16px 12px !important;
}

.info-ticket.grb_vos-demandes__ticket-title {
    border-radius: 12px 9px 0 0 !important;
}

.contenu-ticket {
    border-radius: 0 0 16px 12px !important;
}

.bouton-ticket,
.a_achats {
    border-radius: 12px 9px 16px 12px !important;
    padding: 5px 15px;
    margin: auto;
}

.grb_vos-demandes__create-ticket-btn,
.grb_vos-demandes__return-btn {
    cursor: pointer;
}

.glob-carac * {
    border-radius: 12px 9px 16px 12px !important;
}

.glob-carac td {
    border-radius: 0px !important;
}

.fiche_strong ul li {
    border-radius: 12px 9px 16px 12px !important;
    margin: 0px 0px 10px;
    border-left: 4px solid #EE2D24;
    border-right: 4px solid #EE2D24;
    padding: 8px 9px;
    color: black;
    box-shadow: 0px 0px 5px #cecece;
}

.choix-contacte {
    border-radius: 13px 6px 20px 13px !important;
}

.num-tel.block-contact * {
    border-radius: 12px 9px 16px 12px !important;
}

.cbk_list_nodots-livraison.ui-mini {
    border-radius: 13px 6px 20px 13px !important;
}

.grb_mag-home__map-container,
.grb_mag-home__introduction,
.grb_mag-home__detail-content__img-container__img,
.grb_mag-home__map {
    border-radius: 12px 9px 16px 12px !important;
}

.mag-info {
    border-radius: 13px 6px 20px 13px !important;
}

.cbtk-mag input {
    border-radius: 13px 0 0 13px !important;
}

#_ctl0_ContentPlaceHolder1__ctl0_btn_r_mag_recherche {
    border-radius: 0 6px 20px 0 !important;
}

.ajout-top .container img {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    transition: 0.3s;
}

.ajout-top .container:hover img {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.ajout-top .container .prix span {
    transition: 0.3s;
}

.ajout-top .container:hover .prix span {
    color: red;
}


.content-categorie-filtre.filt-price li {
    background: white;
    transition: 0.3s;
}

    .content-categorie-filtre.filt-price li:hover {
        background: #ededed;
    }

    .content-categorie-filtre.filt-price li a {
        transition: 0.3s;
    }

    .content-categorie-filtre.filt-price li:hover a {
        padding-left: 20px !important;
    }

.content-categorie-marg .number-top {
    background: #20a75f;
    transition: 0.3s;
}

.content-categorie-marg li:hover .number-top {
    background: white;
    transition: 0.3s;
    color: #20a75f;
    border: 1px solid #20a75f;
}


.content-categorie-marg .number-top a {
    padding-left: 30px !important;
    transition: 0.3s !important;
}

.content-categorie-marg li:hover a {
    padding-left: 35px !important;
}


.grb_choixextension {
    background: #333;
    transition: 0.3s;
}

    .grb_choixextension:hover {
        background: #555;
        transition: 0.3s;
    }

.grb_home_cat {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.rubrique-float li {
    padding: 15px;
    border-radius: 20px 20px 20px 10px !important;
    transition: 0.3s;
}

    .rubrique-float li:hover {
        background: #ffffff96;
    }




.lppcg__container__list__img-pc__background {
    background-image: url(https://www.grosbill.com/images_produits/grosbill/images-landing/grosbill/landing-pc-gamer/grb-pc-gamer-background.jpg) !important;
    /*background: #e1e1e1 !important;*/
    filter: contrast(0.80) invert(1);
    border: solid 1px #282828 !important;
    border-bottom: 0px !important;
    transition: 0.5S;
}

#lst-configs article:hover .lppcg__container__list__img-pc__background {
    opacity: 0.2;
}

.lppcg__container__list__info__container {
    border-radius: 0 0px 30px 20px;
    border: solid 1px #e1e1e1 !important;
    border-top: 0 !important;
}

.menu-mobile.sidebar {
    position: relative;
}

.fixedTop .menu-mobile.sidebar:before {
    content: "";
    width: 100%;
    height: 47px;
    position: absolute;
    background: white;
}

.top-banner a::before,
.banner_account .ajouter-panier::before {
    transition: 0.3s;
}

.top-banner:hover a::before,
.banner_account:hover .ajouter-panier::before {
    filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(679%) hue-rotate(202deg) brightness(91%) contrast(91%);
}

.cbx_tbx_recherche #_ctl0_btn_recherche {
    transition: 0.3s;
}

.cbx_tbx_recherche:hover #_ctl0_btn_recherche {
    background-color: #48b372;
}

.grb_rsfoot {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    transition: 0.3s;
}

    .grb_rsfoot:hover {
        opacity: 0.6;
    }

@media screen and (max-width: 1024px) {
    .rubrique-float li {
        padding: 5px !important;
    }
}

@media screen and (max-width: 770px) {
    .composants-pc {
        display: none;
    }

    .grb_home_cat li {
        width: 45% !important;
    }

    .grb_home_cat {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 480px) {

    .grb_home_cat li {
        width: 80% !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 960px) {
    #_ctl0_btn_recherche {
        height: 38px;
        width: 38px;
        background-position: 9px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 769px) {
    #_ctl0_btn_recherche {
        height: 40px;
        width: 40px;
        background-position: 9px !important;
    }
}

@media screen and (min-width: 319px) and (max-width: 480px) {
    #_ctl0_btn_recherche {
        height: 35px;
        width: 40px;
        background-position: 9px !important;
    }
}

#home_reinsurance_wrapper div div:nth-child(2) {
    background: url(https://grosbill.com/images/svg/cadenas.svg) no-repeat left center;
    filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(6%) hue-rotate(319deg) brightness(100%) contrast(91%);
}

#home_reinsurance_wrapper div div:nth-child(3) {
    background: url(https://grosbill.com/images/svg/char.svg) no-repeat left center;
    filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(6%) hue-rotate(319deg) brightness(100%) contrast(91%);
}

#home_reinsurance_wrapper div div:nth-child(4) {
    background: url(https://grosbill.com/images/svg/phone.svg) no-repeat left center;
    filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(6%) hue-rotate(319deg) brightness(100%) contrast(91%);
    background-size: 30px;
}

.grb__liste-produit__filtre__checkbox td input:checked + label::after {
    border: solid 0px;
}

.cbk_breadcrumb.cbk_center.ui-mini li,
.cbk_breadcrumb.cbk_center.ui-mini li span {
    border-radius: 18px 22px 22px 12px !important;
}

.payer-enligne label:after {
    border-radius: 13px 6px 11px 13px;
    color: white !important;
    transition: 0.3s;
}

.payer-enligne:hover label:after {
    background: #3dba7d;
}

.grb__liste-produit__liste__produit__achat__bouton__content:hover {
    background: #3dba7d;
}

.grb__liste-produit__liste__produit.listing_dispo .grb__liste-produit__liste__produit__image img {
    transition: 0.3s;
    position: relative;
    top: 5px;
}

.grb__liste-produit__liste__produit.listing_dispo:hover .grb__liste-produit__liste__produit__image img {
    opacity: 0.8;
    top: 0px;
}

.grb_fch-prod__fiche-web .prodfiche_dispo,
.grb__fch-prod__block-disponibilite__container__title-etat-stock,
.grb__fch-prod__block-disponibilite__container__nbmag-etat-stock.grb__fch-prod__block-disponibilite__p {
    font-size: 14px !important;
}

#a_retrait_magasin_p {
    font-size: 13px !important;
}

.livraison-fiche p,
.livraison-fiche span {
    font-size: 13px !important;
}

#_ctl0_ContentPlaceHolder1_div_formulaire_eligibilite_colisweb,
#_ctl0_ContentPlaceHolder1_tbx_colisweb_codepostal,
#_ctl0_ContentPlaceHolder1_button_verifier_eligibilite_colisweb {
    border-radius: 13px 6px 20px 13px !important;
}

#_ctl0_ContentPlaceHolder1_button_verifier_eligibilite_colisweb {
    border-radius: 0px 4px 18px 0px !important;
}

.grb-footer__point-fort__texte {
    text-align: center;
    color: #fefefe;
    font-weight: 600;
    font-size: 14px;
    height: 58px;
}

.grb-footer__point-fort__img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(0%) hue-rotate(340deg) brightness(106%) contrast(101%);
}

.payer-enligne,
.moyen-paiement .title_fiche_payment_end.firstletter {
    border-radius: 20px 20px 20px 13px !important;
}


#_ctl0_ContentPlaceHolder1_rbl_choix_livraison td {
    display: flex;
    align-items: center;
    min-height: 54px;
}

.grb_panier__article-item {
    min-width: 90px;
}

.secu-page-paiement {
    border-radius: 20px 20px 20px 13px !important;
}

.selection-carte {
    border-radius: 13px 6px 20px 13px !important;
    color: white;
}

    .selection-carte:hover,
    #_ctl0_ContentPlaceHolder1_btn_show_prepa_paiement2:hover {
        background: #3dba7d !important;
        color: white;
    }

#_ctl0_ContentPlaceHolder1_bt_choix_magasin:hover {
    background: #333 !important;
}

#_ctl0_ContentPlaceHolder1_bt_adr_livraison_modifier:hover {
    background: #FBFBFB !important;
    border: solid 1px #CCC;
}

@media screen and (max-width : 1300px) {
    .grb_panier__article-item.grb_panier__article-image-image,
    .grb_panier__header-item.grb_panier__header-item--image,
    .sep-codepromo {
        display: none;
    }

    .grb_panier__article--mobile {
        margin: 10px auto;
    }

    .grb_panier__show-quantity {
        position: relative;
    }

    .grb_panier__article-item.grb_panier__article-description-texte {
        padding: 0px;
    }
}

@media screen and (min-width: 769px) and (max-width: 960px) {
    .paiement-panier .moyen-paiement {
        min-width: 320px;
        display: block;
        width: 50%;
    }
}

@media screen and (max-width : 768px) {
    .grb_panier__show-quantity:before {
        content: "x";
        margin-right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .payer-enligne label::after {
        content: "CHOISIR";
        width: 58px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 30px;
        line-height: 30px;
        background: #20a75f;
        z-index: 2;
        color: black;
        text-align: center;
        right: 0;
        position: relative !important;
        display: block !important;
        width: calc(100% - 10px) !important;
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 319px) and (max-width: 480px) {
    .paiement-panier .recap-panier-tableur {
        width: 100%;
    }
}

label[for="_ctl0_ContentPlaceHolder1_rbl_choix_livraison_4"] .groupe-livraison p:nth-child(3) {
    border: solid 1px #20a75f;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 5px;
    max-width: 190px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#ttc-price {
    width: 140px;
    margin: auto 7px 5px 0;
}

#_ctl0_ContentPlaceHolder1_btn_appliquer_bon_achat {
    border-radius: 13px 6px 20px 13px !important;
    color: white;
}

#_ctl0_ContentPlaceHolder1_btn_appliquer_bon_achat {
    border-radius: 13px 6px 20px 13px !important;
    color: white;
}

.brand_index .box_01,
.grb_fch-prod__pop-up__magasin__flex__partiecta__changemagasin {
    border-radius: 13px 6px 20px 13px !important;
}

..grb_fch-prod--content-top {
    background: none !important;
}

.grb_fch-prod--content-top {
    display: inline-block !important;
    width: 30% !important;
    background: none !important;
    padding: 0px !important;
}

    .grb_fch-prod--content-top .grb_fch-prod--content-top__container-block__disponibilite {
        margin-top: 20px !important;
    }

.content-categorie-filtre.filt-price {
    border-radius: 20px 20px 20px 13px !important;
}

    .content-categorie-filtre.filt-price li:last-child {
        border-radius: 0 0 20px 13px !important;
    }

.liste_produits__etoile_avis {
    height: 16px;
}

@media screen and (max-width: 960px) {
    .grb__liste-produit__filtre__cadre {
        margin: 10px auto 0;
        background: #e3e3e3;
        color: white !important;
    }

    .grb__liste-produit__filtre__container {
        display: block;
        border: solid 1px #dddddd;
        background: white !important;
        border-top: none;
    }

    #_ctl0_ContentPlaceHolder1_ddl_mags {
        border-radius: 0 0 12px 12px;
        border-top: none;
    }
}

.inscription-compte input,
.inscription-compte select,
#_ctl0_ContentPlaceHolder1_btn_valider_nouveau_client {
    border-radius: 13px 6px 20px 13px !important;
}

    #_ctl0_ContentPlaceHolder1_btn_valider_nouveau_client:hover {
        background: #3dba7d;
    }

.top-banner .banner-top-lien,
#_ctl0_txt_compte,
.ajouter-panier p {
    margin-top: 5px;
}

#titre_produit_associes .ui-li-aside {
    border-radius: 20px 20px 20px 13px !important;
    padding: 6px 10px;
}

.ui-field-contain.achat-continu.mob-continu {
    padding-top: 20px;
}

@media screen and (min-width: 319px) and (max-width: 480px) {
    .paiement-panier .recap-panier-tableur {
        width: 100% !important;
    }
}


#_ctl0_ContentPlaceHolder1_btn_show_all,
#_ctl0_ContentPlaceHolder1_btn_retour_marques {
    border-radius: 13px 6px 20px 13px !important;
}

.cbk_cell_align_middle.prod_background {
    border-radius: 20px 20px 20px 13px !important;
}

.ui-field-contain achat-continu mob-continu {
    display: none;
}

.diapo_miniature--img {
    border-radius: 13px 6px 20px 13px !important;
}

.title-rub.avis_commentaires__title {
    border-radius: 10px 10px 0 0;
}

.ajout-top .container {
    height: 320px;
}

#_ctl0_ContentPlaceHolder1_caract_liste_all {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}
.caracterisques_principales__all{
    width: 50%;
}

.gb_bandeau_dev {
    display: block !important;
    background: #000;
    width: 100%;
}

    .gb_bandeau_dev p {
        text-align: center;
        padding: 4px;
        color: red;
        font-weight: 600;
        line-height: 3;
    }