/* 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)
*/

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: 'Outfit', sans-serif;
}
/* 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: var(--noir);
}

strong {
    font-weight: var(--semibold);
}

input, select {
    border-radius: 0 !important;
    box-shadow: none !important;
}


input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
}

.displaynone {
    display: none;
}

/* FIN RESET CSS */

/* BODY */

* {
}

html, body {
    height: 100%;
}

body {
    background: var(--blanc);
    overflow-x: hidden;
}

.only-mobile {
    display: none;
}

.warp {
    width: 1280px;
    margin: 0 auto;
}

.sep-hori {
    height: 2px;
    width: 100%;
    background: url(/images/sep-horizontal.png)
}

.firstletter {
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: var(--medium);
    font-size: var(--size_h3);
    color: var(--gris_200);
}

.titre-index {
    margin: var(--marg_15_0);
}

#contenthome .titre-index {
    margin: 0;
}

.firstletter::first-letter {
}

.clear {
    clear: both;
}

.sep-ver {
    background: url(/images/sep-ver.png);
    width: 2px;
    float: left;
    height: 255px;
    margin: 20px 46px;
}

#_ctl0_ContentPlaceHolder1_btn_show_filters {
    width: 100%;
    background: var(--gris_200);
    text-align: center;
    color: var(--blanc);
    border: 1px solid var(--gris_200);
    margin-bottom: var(--val_10);
    height: var(--val_30);
    text-transform: uppercase;
    letter-spacing: 2px;
    cursor: pointer;
}



#_ctl0_ContentPlaceHolder1_btn_reinit_filters, #_ctl0_ContentPlaceHolder1_btn_reinit_filters_2 {
    width: 100%;
    text-align: center;
    height: var(--val_40);
    cursor: pointer;
    background: var(--jaune);
    margin-bottom: var(--val_10);
}

/*.btn_valider_filtre {
    width: 100%;
    background-color: #e9e9e9;
    text-align: center;
    color: var(--gris_200);
    height: var(--val_30);
    cursor: pointer;
    margin: 0 auto;
    display: block;
    font-weight: var(--semibold);
    font-size: var(--size_p);
}*/

.filt-price .btn_valider_filtre {
    margin-bottom: var(--val_10);
}

#_ctl0_ContentPlaceHolder1_btn_show_filters:hover {
    background: var(--blanc);
    color: var(--gris_200);
}

#_ctl0_ContentPlaceHolder1_btn_reinit_filters:hover, #_ctl0_ContentPlaceHolder1_btn_reinit_filters_2:hover {
    background: var(--gris_200) url(/images/hover-bouton.png) no-repeat left center;
}

/*.btn_valider_filtre:hover {
    background: url(/images/hover-bouton.png) no-repeat left center !important;
    background-color: #ffcf00 !important;
    color: var(--gris_200) !important;
}*/

option:checked, option:hover {
    color: var(--blanc);
    background: var(--gris_200) repeat url(/images/select-back.gif);
}


.price_prod_resp sup {
    font-size: var(--size_p);
    vertical-align: top;
}

.carousel-produits sup {
    font-size: var(--size_p);
    vertical-align: top;
}

sup {
    font-size: var(--size_p);
    vertical-align: top;
}


.sep-hori.sep-hori-fiche {
    margin-bottom: var(--val_10);
}

/* FIN BODY */


/* HEADER */
.banner_top_only {
    float: left;
    margin-top: 16px;
    margin-left: var(--val_30);
}

.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: var(--size_h6);
}

#cbk_menu_panel.fixedTop .menu-hori.logo-menu-hori:hover {
    background: url(/images/sep-menu-hover.png) no-repeat right center !important;
}

.top-banner .banner-top-lien {
    float: left;
    color: var(--blanc);
    text-transform: uppercase;
    font-size: var(--size_p);
    letter-spacing: 0;
    padding: 0px 0 0px 38px;
    line-height: 48px;
    transition: color 0.5s;
    font-weight: var(--semibold);
}

.moncompte {
    float: right;
    position: relative;
    width: 200px;
    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 {
    background: url(../images/icone-mag.png) no-repeat left center;
    background-size: 31px;
    margin-right: var(--val_25);
}

    .banner_top_only .magasin-top:hover {
        background: url(../images/icone-mag-hover.png) no-repeat left center;
        background-size: 31px;
    }

.banner_top_only .banner_account {
    background: url(../images/icone-compte.png) no-repeat left center;
    float: left;
    position: relative;
    margin-right: 0;
    background-size: 31px;
}

    .banner_top_only .banner_account:hover {
        background: url(../images/icone-compte-hover.png) no-repeat left center;
        color: var(--bleu);
        background-size: 31px;
    }

.moncompte span {
    float: left;
    color: var(--blanc);
    text-transform: uppercase;
    font-size: var(--size_p);
    letter-spacing: 0;
    padding: 0px 0 0px 38px;
    line-height: 48px;
    transition: color 0.5s;
    font-weight: var(--semibold);
    cursor: pointer;
}



.cbx_zone_recherche {
    background-color: var(--noir);
}


.formulaire_login_c {
    display: none;
    background-color: var(--blanc);
    position: absolute;
    top: 48px;
    right: 0px;
    width: 200px;
    height: auto;
    box-shadow: 0 5px 10px #7a7a7a;
    z-index: 1000;
}

.moncompte:hover .formulaire_login_c {
    display: block;
}

.formulaire_login_c input {
    width: 182px;
    margin: 5px var(--marg_10_0);
    padding: var(--val_5);
    border: 1px solid var(--noir);
}

.formulaire_login_c #_ctl0_tbx_pwd {
    width: 170px;
}

.formulaire_login_c #_ctl0_tbx_login {
    width: 170px;
    margin-top: var(--val_15);
}

.formulaire_login_c #_ctl0_btn_mdp_perdu {
    margin-bottom: var(--val_5);
}

.formulaire_login_c .ui-mini input {
    background-color: var(--bleu);
    color: var(--blanc);
    text-transform: uppercase;
    cursor: pointer;
    font-size: var(--size_p);
    border: 1px solid var(--bleu);
}

.formulaire_login_c #_ctl0_btn_deconnexion {
    margin-bottom: var(--val_10);
}

.formulaire_login_c .ui-mini:hover input {
    background-color: var(--blanc);
    color: var(--bleu);
}

.formulaire_login_c .ui-mini #_ctl0_ib_login {
    background-color: var(--bleu);
    border-color: var(--bleu);
    color: var(--blanc);
    margin-top: var(--val_15);
}

.formulaire_login_c .ui-mini:last-child input {
    background-color: var(--gris_200);
    color: var(--blanc);
    border: 1px solid var(--gris_200);
}

    .formulaire_login_c .ui-mini:last-child input:hover {
        background-color: var(--blanc);
        color: var(--gris_200);
    }

.formulaire_login_c .ui-mini:hover #_ctl0_ib_login {
    background-color: var(--blanc);
    border-color: var(--bleu);
    color: var(--bleu);
}

.formulaire_login_c .ui-mini:hover #_ctl0_ib_login {
    background-color: var(--blanc);
    border-color: var(--bleu);
    color: var(--bleu);
}

.formulaire_login_c .ui-mini #_ctl0_btn_mdp_perdu {
    background-color: var(--blanc);
    border: none;
    color: var(--gris_200);
}

.sep-compte {
    height: 1px;
    margin: var(--val_10);
    width: 182px;
    background-color: #c8c8c3;
}

.cbk_logo {
    float: left;
    margin-top: 9px;
    width: 200px;
    transition: all 0.5s;
}

.block-search {
    float: left;
    margin-top: 16px;
    margin-left: 0px;
    transition: all 0.5s;
}

.cbk_field_recherche {
    float: left;
}


.ajout-panier {
    float: right;
    background: var(--jaune);
    width: 210px;
    margin-top: 16px;
    height: 44px;
    border: 1px solid var(--jaune);
    text-align: center;
    transition: all 0.5s;
}

    .ajout-panier.ajout-panier-0 {
        background: transparent;
        border: 1px solid var(--blanc);
    }

        .ajout-panier.ajout-panier-0:hover {
            background: transparent;
        }

            .ajout-panier.ajout-panier-0:hover span, .ajout-panier.ajout-panier-0:hover p {
                color: var(--blanc);
            }

        .ajout-panier.ajout-panier-0 p {
            color: var(--blanc);
        }

        .ajout-panier.ajout-panier-0 span {
            color: var(--blanc);
            text-align: left;
            font-size: var(--size_p);
            display: block;
        }



        .ajout-panier.ajout-panier-0 .lbl_panier_container img {
            width: 23px;
            vertical-align: middle;
        }

        .ajout-panier.ajout-panier-0 .lbl_panier_container {
            background: var(--blanc);
            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;
    margin-top: 0px;
}

.ajouter-panier p {
    color: var(--noir);
    display: block;
    font-weight: var(--semibold);
}

.ajout-panier-1 a {
    padding: var(--marg_5_0);
    display: block;
}

.ajout-panier span {
    color: var(--noir);
    display: inline-block;
    font-size: var(--size_p);
    position: relative;
}

.ajout-panier:hover {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

    .ajout-panier:hover span, .ajout-panier:hover p {
        color: var(--noir);
    }

.lbl_panier_container {
    position: relative;
}

.ajout-panier .cbk_panier_badge {
    position: absolute;
    top: 0px;
    background: var(--bleu);
    border-radius: 100%;
    color: var(--blanc);
    width: var(--val_15);
    height: var(--val_15);
    line-height: 13px;
    left: 22px;
    font-size: var(--size_p);
}

.ajout-panier:hover .cbk_panier_badge {
    position: absolute;
    border-radius: 100%;
    color: var(--blanc);
    width: var(--val_15);
    height: var(--val_15);
    line-height: 13px;
    left: 22px;
    font-size: var(--size_p);
}

.ajout-panier .cbk_panier_badge {
    position: absolute;
    top: -4px;
    background: var(--gris_200);
    border-radius: 100%;
    color: var(--blanc);
    width: var(--val_15);
    height: var(--val_15);
    line-height: 13px;
    left: 22px;
    font-size: var(--size_p);
}

.ajout-panier:hover .cbk_panier_badge {
    color: var(--blanc);
}

/* FIN HEADER*/

/* MENU */
.wrapper {
    position: relative;
}

#cbk_menu_panel {
    position: sticky;
    z-index: 9998;
    height: 109px;
    transition: all 0.5s;
    width: 100%;
    top: 0;
}


    #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 .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 #c8c8c3;
    box-sizing: border-box;
    position: relative;
    background: var(--blanc);
}

.tout-prod {
    text-align: center;
    font-size: var(--size_p);
    background: white url(/images/fleche-menu.png) no-repeat 90% center;
    box-sizing: border-box;
    padding-right: 10%;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-weight: var(--semibold);
}


#cbk_menu_panel .menu-concept {
    margin-right: 0;
}

.global-menu {
    width: 19.6%;
    float: none;
    line-height: var(--val_35);
    margin-right: 0.5%;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

.portables .sombre ul {
    width: 23%;
}

.menu-gaming.global-menu {
    background: var(--jaune);
}

    .menu-gaming.global-menu:hover {
        background: #ffe266;
    }



    .menu-gaming.global-menu a {
        background: url(/images/ico-game.png) no-repeat 22% center;
        padding-left: 16%;
    }

#cbk_menu_panel .global-menu:hover .tout-menu {
    display: block;
}

.menu-gaming.global-menu a {
    color: var(--noir);
    font-weight: var(--semibold);
}

.menu-mobile .warp {
    font-size: 0;
    height: 0;
}

.global-menu.menu-bureautique {
    color: var(--blanc);
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_p);
    background: var(--bleu) url(/images/ico-bureau.png) no-repeat 5% center;
    padding-left: 3%;
    cursor: pointer;
}

    .global-menu.menu-bureautique.menu-bonplan {
        margin-right: 0;
        padding-left: 2%;
        background: var(--bleu) url(/images/percentage.png) no-repeat 10% center;
    }

        .global-menu.menu-bureautique.menu-bonplan.soldemenu {
            background: #7164a2 url(/images/percentage.png) no-repeat 10% center;
        }

    .global-menu.menu-bureautique span {
        color: var(--blanc);
        text-transform: uppercase;
        font-size: var(--size_p);
    }


    .global-menu.menu-bureautique .menu-same {
        color: var(--blanc);
        text-transform: uppercase;
        font-weight: var(--semibold);
        font-size: var(--size_p);
    }

.global-menu a {
    color: var(--blanc);
    font-weight: var(--semibold);
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: var(--size_p);
}

.menu-hori ul li a span {
    font-weight: normal;
}

.sombre li span {
    font-size: var(--size_p);
    font-family: 'Outfit', sans-serif;
    text-align: left;
    display: block;
}

#cbk_menu_panel .menu-bureautique.global-menu:hover {
    position: relative;
}

#cbk_menu_panel .menu-bureautique.global-menu ul {
    padding: var(--val_10);
}

.sombre li:first-child span {
    font-weight: var(--semibold);
    text-transform: uppercase;
    color: var(--blanc);
    background: var(--bleu);
    text-align: center;
    padding: 0px 0px;
}

.global-menu.menu-bureautique .tout-menu.tout-menu2 li:nth-child(1) span {
    line-height: var(--val_20);
    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: var(--blanc);
}

.menu-config {
    background: var(--bleu);
}

    .menu-config:hover {
        background: #416d81;
    }

    .menu-config a {
        /*        background: url(/images/ico-config.png) no-repeat 21% center;
        padding-left: 14%;*/
    }

.menu-concept {
    background: var(--noir);
}

    .menu-concept a {
    }

#sticker {
    clear: both;
    border-bottom: 1px solid #c8c8c3;
}

.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:first-child {
    display: none;
}

.menu-hori.pc-bureau ul li img {
    display: block;
}

.menu-hori.pc-bureau ul li a {
    background: var(--bleu);
    display: block;
    color: var(--blanc);
    line-height: var(--val_20);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    font-family: 'Outfit', sans-serif;
}

    .menu-hori.pc-bureau ul li a:hover {
        background: #416d81;
    }

.menu-hori.pc-bureau ul li {
    float: left;
    margin-bottom: var(--val_10);
    margin-right: 16px;
}

    .menu-hori.pc-bureau ul li:last-child {
        margin-right: 0;
    }

    .menu-hori.pc-bureau ul li:nth-child(5) {
        margin-right: 0;
    }

.content-menu .menu-hori.pc-bureau.hover .sombre {
    width: 80.48%;
}

.content-menu .menu-hori.hover .sombre {
    width: 80.48%;
}

.menu-hori.univ-g ul li {
    float: left;
    margin-bottom: var(--val_10);
    margin-left: var(--val_10);
}

    .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: var(--gris_200);
        display: block;
        color: var(--jaune);
        line-height: var(--val_20);
        font-size: var(--size_p);
        font-weight: var(--semibold);
        font-family: 'Outfit', sans-serif;
    }

    .menu-hori.univ-g ul li:hover a {
        background: var(--jaune);
        color: var(--gris_200);
    }

.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.pc-bureau legend {
    background: url(/images/ico-bureau-n.png) no-repeat 6px center;
}


.menu-hori.univ-g legend {
    background: url(/images/ico-gaming-n.png) no-repeat 6px center;
}

.menu-hori.portables legend {
    background: url(/images/laptop.png) no-repeat 6px center;
}

.menu-hori.composants ul {
}

.menu-hori.composants legend {
    background: url(/images/graphics-card.png) no-repeat 6px center;
}

.menu-hori.imprimantes ul {
}

.menu-hori.imprimantes legend {
    background: url(/images/printer.png) no-repeat 5px center;
}

.menu-hori.peripheriques ul {
}

.menu-hori.peripheriques legend {
    background: url(/images/mouse.png) no-repeat 6px center;
}

.menu-hori.tablettes .sombre ul {
    width: 23%;
}

.menu-hori.tablettes legend {
    background: url(/images/smartphone.png) no-repeat 4px center;
}

.menu-hori.logiciels ul {
    width: 23%;
}

.menu-hori.logiciels legend {
    background: url(/images/logiciel.png) no-repeat 6px center;
}

.menu-hori.stockage ul {
    width: 23%;
}

.menu-hori.stockage legend {
    background: url(/images/flash-drive.png) no-repeat 4px center;
}

.menu-hori.tv ul {
    width: 23%;
}

.menu-hori.tv legend {
    background: url(/images/monitor.png) no-repeat 4px center;
}

.menu-hori.conso ul {
    width: 23%;
}

.menu-hori.conso legend {
    background: url(/images/ink.png) no-repeat 5px center;
}

.menu-hori {
    font-size: var(--size_p);
    background: var(--gris_50);
    box-sizing: border-box;
    cursor: pointer;
    width: 19.6%;
    border-bottom: 1px solid #c8c8c3;
    border-right: 1px solid #c8c8c3;
}

    .menu-hori:last-child {
        border-bottom: none;
    }

.fixedTop {
    position: fixed;
    top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#cbk_menu_panel.fixedTop .tout-menu-sombre {
    width: 9000%;
    left: -500%;
    top: 54px;
}

#cbk_menu_panel.fixedTop {
    margin-top: 0;
    height: 60px;
    z-index: 9999;
    position: fixed;
}

    #cbk_menu_panel.fixedTop .tout-menu {
        left: -150px;
        top: 54px;
    }

.fixedTop .cbk_logo {
    float: left;
    margin-top: 8px;
    width: 130px;
}
/*
.fixedTop .menu-gaming {
    display: none;
}
*/
/*.fixedTop .menu-same {
    display: none;
}*/

.fixedTop .banner_top_only {
    float: left;
    margin-top: var(--val_5);
    margin-left: 50px;
}

.fixedTop .ajout-panier {
    margin-top: 6px;
}

.fixedTop .block-search {
    float: left;
    margin-top: 6px;
    margin-left: 0px;
}

.fixedTop .top-banner .banner-top-lien {
    text-indent: -5000px;
}

.fixedTop .moncompte {
    width: auto;
}

    .fixedTop .moncompte span {
        text-indent: -5000px;
        width: 0;
    }


.fixedTop #cbk_menu_panel .tout-menu-sombre {
    width: 1000%;
    left: -200%;
}

.fixedTop .global-menu {
    position: relative;
    top: -57px;
    left: 150px;
    width: 10%;
    border-radius: 0;
    padding-bottom: var(--val_10);
}

.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 {
    background: var(--bleu) url(/images/menu-fixed.png) no-repeat 10% center;
    padding-left: 10%;
    padding-right: 0;
    color: var(--blanc);
    border: 0;
    line-height: 46px;
}


#cbk_menu_panel.fixedTop .menu-hori.hover legend p,
#cbk_menu_panel.fixedTop .menu-hori:hover legend p {
    color: var(--gris_200);
}

#cbk_menu_panel.fixedTop .menu-hori.gamer:hover legend p {
    color: var(--blanc);
}

#cbk_menu_panel.fixedTop .menu-hori.gamer:hover {
    background: var(--bleu) url(/images/sep-menu-hover.png) no-repeat right center !important;
}

.menu-hori.hover {
    background: white url(/images/fleche-menu-r.png) no-repeat 98% center;
    border-right: 0px solid #c8c8c3;
}

.menu-hori .sous-menu-titre {
    vertical-align: middle;
    height: var(--val_40);
    display: table-cell;
}

.menu-hori legend {
    line-height: 14px;
    width: 100%;
    padding: 10px 0 10px 38px;
    box-sizing: border-box;
}

    .menu-hori legend p {
        display: inline-block;
        text-transform: uppercase;
        font-family: 'Outfit', sans-serif;
        font-size: var(--size_p);
        font-weight: var(--medium);
    }

.menu-hori a {
    color: var(--gris_200)
}

.menu-hori ul {
    display: none;
    cursor: default;
    font-size: 0;
}

.menu-hori.hover ul,
.menu-hori:hover ul {
    display: block;
    position: absolute;
    background: var(--blanc);
    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: var(--val_10);
}

    .menu-hori ul li:first-child:hover span {
        background: #416d81;
        color: var(--blanc);
    }

    .menu-hori ul li:hover span {
        color: var(--bleu);
    }

.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: block;
    margin-top: var(--val_10);
}

.hack_header {
    clear: both;
}

.menu-hori ul li {
    text-align: left;
    margin-top: var(--val_5);
    line-height: var(--val_20);
}

.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: var(--blanc);
    text-transform: uppercase;
    line-height: var(--val_35);
    padding-left: 36px;
    height: var(--val_35);
}


.icone-menu-mob .icone-menu:first-child {
    margin-top: -2px;
}

.icone-menu a:hover {
    color: var(--bleu);
}

[class^="nav-button"]:hover {
    background-size: 31px;
    background: url(../images/menu-mob-hover.png) no-repeat;
    color: var(--bleu);
}

.logo {
    margin-bottom: var(--val_25);
}


.ajout-panier .lbl_panier_container img {
    width: 31px;
}

.icone-menu-mob {
    overflow: hidden;
    margin: var(--marg_10_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: transparent url("/images/themes.gif") no-repeat left top;
    transform: translateY(-50%);
}

    .callbacks_nav:hover {
        background: transparent url("/images/themes-over.gif") 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: var(--blanc);
    float: left;
    margin: 0 15px;
    border-radius: 100%;
    position: relative;
    width: var(--val_10);
    height: var(--val_10);
    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: var(--val_15);
    height: var(--val_15);
    opacity: 1;
    margin-top: 0;
}


/* FIN SLIDER */

/* BAR SECURITE */

.bar-assu {
    padding: var(--marg_15_0);
    overflow: hidden;
    background: var(--noir);
}

    .bar-assu li {
        float: left;
        margin-right: 96px;
    }

    .bar-assu a {
        line-height: 16px;
        color: var(--blanc);
        font-size: var(--size_p);
        font-weight: var(--semibold);
        text-transform: uppercase;
        vertical-align: middle;
    }

        .bar-assu a p {
            line-height: 16px;
            color: var(--blanc);
            font-size: var(--size_p);
            font-weight: var(--semibold);
            text-transform: uppercase;
            vertical-align: middle;
            display: inline-block;
        }

        .bar-assu a span {
            display: block;
            color: var(--jaune);
            text-transform: uppercase;
        }

    .bar-assu img {
        margin-right: var(--val_10);
        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 #c2c2c2;
    box-sizing: border-box;
    font-size: 0;
    background: var(--blanc);
}

.promo-titre {
    width: 300px;
    margin: 20px auto 0;
    background: var(--jaune);
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 1px;
    line-height: var(--val_35);
    box-sizing: border-box;
}

    .promo-titre a {
        display: block;
        text-transform: uppercase;
    }


    .promo-titre:hover {
        background: #ffe266;
    }

    .promo-titre.bonne-aff {
        background: var(--jaune);
    }

        .promo-titre.bonne-aff:hover {
            background: #ffe266;
        }

    .promo-titre.nouveau-index {
        background: var(--jaune);
        background-size: var(--val_30);
    }

        .promo-titre.nouveau-index:hover {
            background: #ffe266;
            background-size: var(--val_30);
        }

    .promo-titre.vente-index {
        background: var(--jaune);
        background-size: var(--val_30);
    }

        .promo-titre.vente-index:hover {
            background: #ffe266;
            background-size: var(--val_30);
        }

.carousel-produits li {
    display: inline-block;
    width: 20%;
    text-align: center;
    background-color: var(--blanc);
    height: 280px;
    position: relative;
}

.carousel-produits img {
    width: 75%;
}

.descriptif .carousel-produits img {
    width: 90%;
    transition: all 0.5s;
}

.fiche-produit .carousel-produits .all_libelle .libelle:last-child {
    line-height: 12px;
}

.carousel-produits a {
    color: var(--noir);
}

.carousel-produits .all_libelle {
    height: 50px;
    overflow: hidden;
    padding-top: 8px;
}

.carousel-produits .ui-li-aside {
    line-height: var(--val_30);
}

.carousel-produits .libelle {
    padding: 0 10px;
    font-size: var(--size_p);
    color: var(--gris_200);
    line-height: 14px;
}

    .carousel-produits .libelle b {
        text-transform: uppercase;
    }

.carousel-produits .ui-li-aside span {
    font-weight: var(--semibold);
    font-size: var(--size_h4);
    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: var(--size_h6);
    font-weight: normal;
    text-transform: none;
}

.footer .contact-fat {
    margin-top: 32px;
}

    .footer .contact-fat a {
        background: var(--jaune);
        color: var(--noir);
        font-weight: var(--semibold);
        font-size: 16px;
        line-height: var(--val_30);
        /*border-radius: 0;*/
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

        .footer .contact-fat a:hover {
            background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
        }

.carousel-produits .ui-li-aside .barre {
    font-size: var(--size_p);
    position: relative;
    margin-right: var(--val_10);
    color: var(--noir);
    line-height: var(--val_20);
}

.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;
    top: 0;
    left: 50%;
}

.carousel-produits a div:first-child {
    min-height: 0px;
    font-weight: var(--semibold);
    color: var(--noir);
    font-size: var(--size_p);
    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: var(--marg_10_0);
    position: absolute;
    color: var(--blanc);
    text-transform: uppercase;
    width: 100%;
    font-size: var(--size_p);
}

.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: var(--gris_200);
    color: var(--blanc);
    text-transform: uppercase;
    cursor: pointer;
    font-size: var(--size_p);
    border: 1px solid var(--gris_200);
}

.formulaire_login_c .ui-mini.crea-compte:hover input {
    background-color: var(--blanc);
    color: var(--gris_200);
}



/* IMG INDEX*/

.img-index {
    vertical-align: middle;
    margin: var(--marg_25_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;
        border: 1px solid #c2c2c2;
    }

    .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: var(--val_20);
    }

    .woorank_txt_home p {
        text-align: justify;
        font-size: var(--size_p);
        line-height: 16px;
    }

        .woorank_txt_home p a {
            font-weight: var(--semibold);
        }

.encarts_bottom div {
    float: left;
    width: 312px;
    height: 253px;
    margin-right: var(--val_10);
}

    .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: var(--marg_25_0);
}

    .encarts_bottom div img {
        width: 100%;
        vertical-align: middle;
        border: 1px solid #c2c2c2;
    }
/* Fin Content-index */

/* FOOTER */
footer {
}

.news_cont {
    background: var(--blanc);
    overflow: hidden;
    text-align: center;
    padding-top: var(--val_10);
    padding-bottom: var(--val_10);
}

.news_left span {
    text-transform: uppercase;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.news_left {
    display: inline-block;
    padding: 7px 0 5px 24px;
    line-height: 12px;
    color: var(--noir);
    position: relative;
    margin-right: var(--val_10);
    vertical-align: middle;
    width: 280px;
    /*background: url(/images_produits/cybertek/site/news-foot.png) no-repeat left center;*/
    text-align: left;
}

.table_newsletter {
    display: inline-block;
    vertical-align: middle;
}

.mentions-newsletter a {
    font-size: var(--size_p);
    color: var(--gris_200);
    text-decoration: none;
}

#_ctl0_tbx_email {
    height: var(--val_25);
    line-height: var(--val_25);
    background: var(--blanc);
    color: var(--gris_200);
    width: 180px;
    border: 1px #c8c8c3 solid;
    padding: 5px 20px 5px 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: var(--size_p);
}

button.button_newsletter {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 0 none;
    filter: none;
    overflow: hidden;
    padding: 10px 13px 9px;
    cursor: pointer;
    font-weight: normal;
    font-size: var(--size_p);
    text-transform: capitalize;
    color: var(--noir);
    font-weight: var(--semibold);
    float: left;
    border-radius: 0;
    font-family: "Montserrat";
    height: 37px;
}

    button.button_newsletter:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.copy-right {
    background: var(--gris_200);
    color: var(--blanc);
    text-align: center;
    padding: var(--marg_10_0);
    font-weight: 300;
    font-size: var(--size_p);
}

.footer {
    background: var(--noir);
    overflow: hidden;
}

    .footer p {
        text-transform: uppercase;
        color: var(--blanc);
        margin-bottom: var(--val_10);
    }

        .footer p::after {
            display: block;
            margin-top: var(--val_10);
            background: var(--blanc);
            width: 162px;
            height: 1px;
            content: "";
        }

.foot {
    width: 280px;
    float: left;
    margin: 25px 40px var(--marg_25_0);
}

    .foot li {
        color: var(--blanc);
        font-size: var(--size_p);
        padding: 2px 0;
    }

    .foot a {
        color: var(--blanc);
        font-size: var(--size_p);
    }

.block_content {
    display: inline-block;
    margin-top: var(--val_10);
}

button.subscribe {
    background: var(--gris_200);
    border: 0 none;
    filter: none;
    overflow: hidden;
    padding: 8px 13px;
    cursor: pointer;
    font-weight: normal;
    font-size: var(--size_p);
    text-transform: capitalize;
    color: var(--blanc);
    float: left;
    border-radius: 0;
    border-right: 1px solid var(--gris_200);
    border-top: 1px solid var(--gris_200);
    border-bottom: 1px solid var(--gris_200);
}

    button.subscribe:hover {
        background: var(--gris_50);
        color: var(--gris_200)
    }

        button.subscribe:hover span {
            color: var(--gris_200)
        }

    button.subscribe span {
        color: #FFFFFF;
        font-size: var(--size_p);
        letter-spacing: 1px;
    }

.copy-right {
    background: var(--gris_200);
    color: var(--blanc);
    text-align: center;
    padding: var(--marg_10_0);
    font-weight: 300;
    font-size: var(--size_p);
}

.footer {
    background: var(--noir);
    overflow: hidden;
    clear: both;
    width: 100%;
}

    .footer p {
        text-transform: uppercase;
        color: var(--blanc);
        margin-bottom: var(--val_10);
        font-weight: var(--semibold);
        text-align: left;
        font-size: var(--size_p);
    }

        .footer p::after {
            display: block;
            margin-top: var(--val_10);
            background: var(--blanc);
            width: 162px;
            height: 1px;
            content: "";
        }

.foot {
    width: auto;
    float: left;
    margin: 25px 72px var(--marg_25_0);
}

    .foot li {
        color: var(--blanc);
        font-size: var(--size_p);
        padding: 2px 0;
    }

    .foot a, .foot span {
        color: var(--blanc);
        font-size: var(--size_p);
    }

#res_news {
    text-align: center;
    color: var(--bleu);
    display: none;
}

.logo-f li {
    display: inline-block;
    height: 31px;
    width: 31px;
    margin-right: var(--val_15);
    overflow: hidden;
}

.logo-f .face a {
    background: url(/images/sprite-logo.png) no-repeat 0 0;
    display: block;
    height: 31px;
    width: 31px;
    transition: all 0.5s;
}

.logo-f .face:hover a {
    background: url(/images/sprite-logo.png) no-repeat 0 -62px;
}

.logo-f .twit a {
    background: url(/images/sprite-logo.png) no-repeat 0 -124px;
    display: block;
    height: 31px;
    width: 31px;
    transition: all 0.5s;
}

.logo-f .twit:hover a {
    background: url(/images/sprite-logo.png) no-repeat 0 -186px;
}


/* FIN FOOTER*/

/* PAGE CATEGORIE */

#content_product .bar-assu {
    margin: var(--marg_5_0);
}

.fil-ariane {
    font-size: var(--size_p);
    margin: var(--marg_10_0);
}

.fiche_link, .fiche_link p {
    text-transform: uppercase;
    color: : var(--noir);
    text-decoration: underline;
}

.fil-ariane td {
    padding-right: var(--val_10);
    color: #838383;
    padding: 10px;
}

    .fil-ariane td:last-child a {
        color: var(--bleu);
    }

    .fil-ariane td:last-child span {
        color: var(--noir);
        font-weight: var(--medium);
        text-transform: uppercase;
    }

    .fil-ariane td:last-child p {
        color: var(--bleu);
    }

.selection_top #dv_prix {
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
    margin-bottom: var(--val_10);
    margin-top: 0;
}

.filt-price {
    margin-bottom: var(--val_10);
    border: 1px solid #c5c5c5;
    background: var(--blanc);
    margin-top: 0px;
}

.categorie-filtre.lst_grid .avis-fiche .prod_txt_left {
    height: auto;
}

.selection_top .slc div {
    background: var(--blanc);
    padding: 10px 15px;
    position: relative;
}

    .selection_top .slc div tr {
        margin-bottom: var(--val_5);
        display: block;
    }

    .selection_top .slc div label {
        margin-left: var(--val_5);
        font-size: var(--size_p);
    }


.selection_top .slc {
    overflow-y: auto;
    margin-bottom: var(--val_10);
    border: 1px solid #c5c5c5;
    max-height: 500px;
    overflow-y: auto;
}

    .selection_top .slc div tr:last-child {
        margin-bottom: var(--val_10);
    }


.descriptif-cat {
    display: none;
}

.prod_background {
    width: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 6px;
    margin-bottom: var(--val_10);
    background: var(--blanc);
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
}

.categorie-filtre .prod_background:nth-child(4n) {
    margin-right: 0;
}

#_ctl0_ContentPlaceHolder1_panel_sous_critere select {
    width: 280px;
    height: auto;
    margin-top: 0;
    padding-top: var(--val_10);
    box-shadow: none;
    border: 1px solid #c8c8c3;
    padding-bottom: var(--val_10);
    margin-bottom: var(--val_5);
}

    #_ctl0_ContentPlaceHolder1_panel_sous_critere select option {
        padding: 5px 0px 5px 20px;
    }

/*#_ctl0_ContentPlaceHolder1_panel_sous_critere .titre-filtre {
    background: var(--blanc);
    padding: 12px 16px;
    margin-top: 0px;
    display: block;
    color: var(--noir);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    cursor: pointer;
    border-bottom: black 1px solid;
    background: #dcdcdc;
    padding: var(--marg_10_20);
}*/

#_ctl0_ContentPlaceHolder1_panel_sous_critere .slc .titre-filtre {
    cursor: pointer;
}

.paiement-panier .assu-panier {
    display: none;
}

.filtre-prix {
    background: var(--blanc);
    border: 1px solid #c5c5c5;
    margin-bottom: var(--val_10);
    margin-top: var(--val_10);
    padding-bottom: var(--val_15);
}

.titre-cat .title_fiche_produit {
    background: var(--gris_200);
    color: var(--jaune);
    padding-left: var(--val_20);
    line-height: var(--val_35);
    font-size: var(--val_20);
}

.filtre-prix .titre-filtre {
    margin-bottom: var(--val_35);
}

.title_fiche_produit {
    margin-bottom: var(--val_10);
}

.table-stripe {
    border-collapse: collapse;
    border-spacing: 0;
    float: right;
    width: 100%;
    margin-top: -38px;
    text-align: right;
}

.pagination-nombre {
    float: left;
}

.cbk_image_liste_produit {
    height: 200px;
    background: var(--blanc);
    width: 100%;
    display: flex;
}

    .cbk_image_liste_produit a {
        margin: auto;
        width: 100%;
        display: flex;
    }

    .cbk_image_liste_produit img {
        max-width: 200px;
        max-height: 200px;
        margin: auto;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .height-txt-cat {
    height: auto;
}

.panier {
    background: var(--jaune);
    text-align: center;
    position: absolute;
    bottom: 4px;
    right: var(--val_20);
    width: var(--val_35);
    height: var(--val_35);
}

.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: 2px 10px;
    font-weight: var(--semibold);
    text-align: center;
}

    .nom-produit a {
        color: var(--noir);
        font-size: var(--size_p);
    }

.prix-produit {
}

.cbk_cell_align_middle span {
    text-transform: uppercase;
    text-align: left;
    color: var(--noir);
}

.categorie-filtre {
}

.categorie-r .categorie-filtre div:nth-child(6n) {
}

.categorie-r .cbk_cell_align_middle div {
    text-align: center;
    font-size: var(--size_p);
}

.categorie-r .cbk_cell_align_middle .prix-produit {
    color: #cb192d;
    font-size: var(--size_h4);
    margin-left: var(--val_20);
    height: 43px;
    display: table;
}

.categorie-r .cbk_cell_align_middle .center-dispo {
    height: var(--val_30);
}

.categorie-r .cbk_cell_align_middle .prix-produit span {
    color: var(--noir);
    font-size: var(--size_h4);
}

.chiffre-prod {
    font-weight: var(--semibold);
    display: inline;
    font-size: var(--size_p);
}

/*.categorie-block-r {
    margin-top: 8px;
}*/

.titre-marque.firstletter {
    padding: var(--marg_15_0);
}

.tri-stock {
    background: #ffcf00 url(/images_produits/cybertek/site/valid-dispo.png) no-repeat 4px center;
    cursor: pointer;
    line-height: 26px;
    font-weight: var(--semibold);
    padding: 0 4px 0 26px;
    text-transform: uppercase;
    font-size: var(--size_p);
    font-family: 'Outfit', sans-serif;
}

#_ctl0_ContentPlaceHolder1_gd_liste_produit_btn_voir_dispo {
    background: #ffcf00 url(/images_produits/cybertek/site/valid-dispo-h.png) no-repeat 4px center;
}

.categorie-r .cbk_cell_align_middle .product_ref {
    display: none;
}

.basket_button.panier a {
    text-transform: uppercase;
    color: var(--noir);
    cursor: pointer;
    line-height: 45px;
    background: #ffcf00 url(/images/panier-cat.png) no-repeat center;
    display: block;
    text-transform: uppercase;
    width: 45px;
    margin: 0 auto;
}

    .basket_button.panier a:hover {
        background: #ffe266 url(/images/panier-cat.png) no-repeat center;
        color: var(--gris_200);
    }

    .basket_button.panier a.disable {
        background: gray url(/images/panier-cat.png) no-repeat center !important;
    }

.categorie-r .cbk_cell_align_middle .panier:hover {
}

.basket_button.panier:hover .basket_button a {
    text-transform: uppercase;
    color: var(--bleu);
    background: white url(/images/panier-cat.png) no-repeat 35px center;
}

.basket_button.panier .basket_position {
    text-transform: uppercase;
    text-indent: -5000px;
}

.price_prod_resp span {
    font-weight: var(--semibold);
    color: var(--bleu);
    font-size: var(--size_h4);
}

.basket_position {
    height: var(--val_35);
    line-height: var(--val_35);
    cursor: pointer;
}

.disable .basket_position {
    cursor: default !important;
}

.prod_background:hover .panier {
    background: var(--blanc);
}

.txt-cat {
    clear: both;
    width: 100%;
    margin: var(--marg_15_0);
    font-size: var(--size_p);
    line-height: 16px;
}

    .txt-cat span {
        font-family: 'Outfit', sans-serif !important;
        font-size: var(--size_p) !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: var(--val_20);
}

.txt-cat p {
    margin-bottom: var(--val_10);
    text-align: left;
    font-size: var(--size_p);
    line-height: 16px;
}

.price_prod_resp {
    padding-bottom: var(--val_5);
}

.cbk_cell_align_middle .cbk_tag_bonplan {
    position: absolute;
    left: var(--val_10);
    top: var(--val_10);
    color: var(--blanc);
    background: var(--bleu);
    padding: 2px;
    width: 100px;
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--semibold);
    line-height: 16px;
    border-radius: var(--val_10);
}

.dv_nb_result {
    font-size: var(--size_p);
}

.libelle_product_new {
    font-size: var(--size_p);
}

.categorie-block-r .prodfiche_dispo {
    position: relative;
    top: 0;
    color: var(--noir);
    left: 0;
    transform: translateX(0%);
    display: block;
    font-weight: normal;
    margin-top: var(--val_10);
    font-size: var(--size_p);
    text-align: center;
}

.prodfiche_mag span {
    color: #ff6e04;
    display: inline-block;
    font-weight: var(--semibold);
    font-size: var(--size_h6);
}

.prodfiche_nodispo span {
    color: #ff6e04;
    display: inline-block;
}

.categorie-block-r .prodfiche_nodispo {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0;
    color: var(--noir);
    left: 0;
    transform: translateX(0%);
    width: auto;
    display: block;
    height: 12px;
    font-size: var(--size_p);
    line-height: 12px;
    margin-top: var(--val_10);
    font-weight: normal;
    text-align: center;
}

.categorie-block-r .prodfiche_mag {
    position: relative;
    background: rgba(255, 255, 255, 0);
    top: 0;
    color: var(--noir);
    left: 0;
    transform: translateX(0%);
    width: auto;
    display: block;
    height: var(--val_20);
    font-size: var(--size_p);
    line-height: 12px;
    margin-top: var(--val_10);
    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: var(--val_10);
    top: var(--val_10);
    color: var(--blanc);
    background: #ff6e04;
    padding: 2px;
    width: 100px;
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--semibold);
    line-height: 16px;
    border-radius: var(--val_10);
}

.categorie-block-r .prodfiche_rupture {
    position: absolute;
    left: var(--val_10);
    top: var(--val_10);
    color: var(--blanc);
    background: #ff6e04;
    padding: 2px;
    width: 100px;
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--semibold);
    line-height: 16px;
    border-radius: var(--val_10);
}*/

.product_constructeur3 {
    height: 105px;
    margin-bottom: var(--val_10);
}

.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: var(--marg_10_0);
    position: absolute;
    color: var(--blanc);
    text-transform: uppercase;
    width: 100%;
    font-size: var(--size_p);
    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;
}


.categorie-r .pagination-div-top .pagination {
    padding: 0;
}

.pagination-div a {
    border: 1px solid var(--noir);
    display: inline-block;
    margin: 0 1px;
    background: #7d7d7d;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 21px;
    box-sizing: border-box;
    font-size: var(--size_p);
    position: relative;
}


    .pagination-div a:before:hover {
    }

    .pagination-div a:hover p {
        color: var(--noir);
    }

    .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: var(--noir);
    }

    .pagination-div a::before, .pagination-div a::after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        background: var(--noir);
    }

    .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: var(--noir);
    }

    .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: var(--jaune);
    color: var(--noir);
    border: 1px solid var(--jaune);
    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: var(--noir);
        font-weight: var(--semibold);
    }

.categorie-filtre .cbk_image_liste_produit .prod_txt_left {
    vertical-align: middle;
    text-align: center;
}

#p_show_filters {
    width: 100%;
    text-align: center;
    color: var(--blanc);
    padding: 13px;
    cursor: pointer;
    background: var(--noir);
    margin-bottom: 8px;
    font-size: var(--size_p);
    margin-top: 8px;
}

    #p_show_filters:hover {
        opacity: 0.9;
    }

.fancybox .color_unicode.product_masked {
    background: url(/images/filtre-mob.png) 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: 150px;
    vertical-align: middle;
}

    .mosa-list span {
        text-indent: 5000px;
        width: 26px;
        cursor: pointer;
        height: 26px;
        display: inline-block;
        border: 1px solid var(--noir);
        box-sizing: border-box;
    }

    .mosa-list .activem {
        border: none !important;
    }

    .mosa-list span:hover {
        border: 2px solid var(--noir);
    }

    .mosa-list .prod_mosa {
        background: white url(/images/mode-mosa.png) no-repeat center;
        margin-right: var(--val_10);
    }

    .mosa-list .prod_grid {
        background: white url(/images/mode-list.png) no-repeat center;
    }

    .mosa-list .prod_mosa:hover {
        background: white url(/images/mode-mosa.png) no-repeat center;
    }

    .mosa-list .prod_grid:hover {
        background: white url(/images/mode-list.png) no-repeat center;
    }

    .mosa-list .prod_mosa.activem {
        background: #ffcf00 url(/images/mode-mosa.png) no-repeat center;
    }

    .mosa-list .prod_grid.activem {
        background: #ffcf00 url(/images/mode-list.png) no-repeat center;
    }

.tarif-filtre {
    display: inline-block;
    line-height: 26px;
    background: var(--jaune);
    padding: 0 10px;
    font-size: var(--size_p);
    font-weight: var(--semibold);
    text-transform: uppercase;
}

.filtre-marq.tarif-filtre {
    display: none;
}

.tarif-filtre span {
    text-transform: uppercase;
}

.categorie-filtre.lst_grid .prod_background {
    width: 980px;
    height: 120px;
    background: var(--blanc);
    border: 1px solid #c2c2c2;
    font-size: 0;
    margin-bottom: var(--val_5);
    box-sizing: border-box;
    margin-right: 0;
}

    .categorie-filtre.lst_grid .prod_background:hover {
        border: 1px solid #c2c2c2;
    }


        .categorie-filtre.lst_grid .prod_background:hover::before, .categorie-filtre.lst_grid .prod_background:hover::after {
            width: 100%;
            left: 0;
        }

        .categorie-filtre.lst_grid .prod_background:hover::after {
            left: 0%;
            bottom: 0;
        }

    .categorie-filtre.lst_grid .prod_background::before {
        left: 0%;
        top: 0;
    }


    .categorie-filtre.lst_grid .prod_background::after {
        left: 0;
    }

    .categorie-filtre.lst_grid .prod_background::before, .categorie-filtre.lst_grid .prod_background::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        background: #c2c2c2;
    }

    .categorie-filtre.lst_grid .prod_background::before, .categorie-filtre.lst_grid .prod_background::after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        z-index: 10;
        background: #c2c2c2;
    }

    .categorie-filtre.lst_grid .prod_background:hover .complet-cat:before, .categorie-filtre.lst_grid .prod_background:hover .complet-cat:after {
        height: 100%;
    }

    .categorie-filtre.lst_grid .prod_background:hover .complet-cat::before, .categorie-filtre.lst_grid .prod_background:hover .complet-cat::after {
        top: 0;
    }

    .categorie-filtre.lst_grid .prod_background .complet-cat::before, .categorie-filtre.lst_grid .prod_background .complet-cat::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        background: #c2c2c2;
    }

    .categorie-filtre.lst_grid .prod_background .complet-cat::after {
        right: 0;
        top: 50%;
    }

    .categorie-filtre.lst_grid .prod_background .complet-cat::before {
        left: 0;
        top: 50%;
    }

    .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: var(--gris_200);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    position: initial !important;
    display: block;
    height: initial;
    width: 100%;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle div {
    text-align: left;
    font-size: var(--size_p);
}


.categorie-filtre.lst_grid .cbk_cell_align_middle span {
    color: var(--gris_200);
}

.cbk_cell_align_middle .code-promo {
    border: 1px solid #cb192d;
    padding: 3px 10px;
    font-size: var(--size_p);
    display: inline-block;
    margin: 3px 0px;
}

    .cbk_cell_align_middle .code-promo span {
        color: #cb192d;
        font-size: var(--size_p);
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: var(--gris_200);
    font-size: var(--size_p);
    text-transform: none;
    display: block;
    font-weight: normal;
    margin-top: var(--val_5);
    height: 24px;
    overflow: hidden;
    line-height: 12px;
}

.prod_txt_left .prodfiche_dispo.detail-stock span {
    font-weight: var(--semibold);
    display: inline-block;
    font-size: var(--size_p);
    text-align: center;
    color: #107200;
}

.lst_grid .prod_txt_left .prodfiche_dispo.detail-stock span {
    text-align: left;
    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: var(--size_p);
    font-weight: normal;
    text-align: left;
    padding: 0px;
    padding-left: 0px;
    padding-left: 0px;
    background: url(/images/enstock-v.png) no-repeat 3px center;
    padding-left: var(--val_25);
    margin-top: 0px;
    line-height: 14px;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_tag_bonplan {
    position: relative;
    top: 0;
    color: var(--blanc);
    background: var(--bleu);
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 80px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: 0;
    display: inline-block;
    margin-right: var(--val_10);
    border-radius: var(--val_10);
    text-align: center;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_dispo.dispo-mag.detail-stock {
    left: 0px;
    padding-left: var(--val_25);
    margin-top: var(--val_10);
    background: url(/images/maison-n.png) no-repeat left center;
}


.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: var(--size_p);
        line-height: 16px;
        vertical-align: middle;
        font-weight: var(--medium);
        margin-left: 3px;
    }

    .categorie-filtre .cbk_cell_align_middle .avis-fiche span span {
        display: inline-block;
        font-size: var(--size_p);
        line-height: 16px;
        font-weight: var(--medium);
    }

.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;
}

.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: var(--size_h4);
    width: 100px;
    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 {
    height: 24px;
    overflow: hidden;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    height: initial;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref {
    height: var(--val_10);
    display: block;
    font-weight: var(--medium);
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .product_ref span {
        color: var(--gris_200);
        font-size: 9px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_image_liste_produit {
    height: 120px;
    width: 120px;
    margin-left: var(--val_10);
    display: table-cell;
    vertical-align: middle;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .ombre-produit {
    height: 100px;
    display: none;
}
/*.categorie-filtre.lst_grid .prodfiche_destoc {
    background: #ff6e04;
    position: relative;
    top: 0;
    color: white !important;
    background: #ff6e04;
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 80px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: 0;
    display: inline-block;
    margin-right: var(--val_10);
    border-radius: var(--val_10);
    text-align: center;
    margin-bottom: 2px;
}*/


/*.categorie-filtre.lst_grid .prodfiche_venteflash {
    position: relative;
    top: 0;
    color: white !important;
    background: #cb192d;
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 110px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: 0;
    display: inline-block;
    margin-right: var(--val_10);
    border-radius: var(--val_10);
    text-align: center;
    margin-bottom: 2px;
}*/

/*.categorie-filtre.lst_grid .prodfiche_nouveaute {
    position: relative;
    top: 0;
    color: white !important;
    background: #1267b3;
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 110px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: 0;
    display: inline-block;
    margin-right: var(--val_10);
    border-radius: var(--val_10);
    text-align: center;
    margin-bottom: 2px;
}*/

/*.categorie-block-r .prodfiche_nouveaute {
    position: absolute;
    left: var(--val_10);
    top: var(--val_10);
    color: var(--blanc);
    background: #1267b3;
    padding: 2px;
    width: 130px;
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--semibold);
    line-height: 16px;
    border-radius: var(--val_10);
}*/

/*.categorie-block-r .prodfiche_venteflash {
    position: absolute;
    left: var(--val_10);
    top: var(--val_10);
    color: var(--blanc);
    background: #cb192d;
    padding: 2px;
    width: 130px;
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--semibold);
    line-height: 16px;
    border-radius: var(--val_10);
}

.categorie-filtre.lst_grid .prodfiche_rupture {
    position: relative;
    top: 0;
    color: white !important;
    background: #ff6e04;
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 80px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: 0;
    display: block;
    border-radius: var(--val_10);
    text-align: center;
    margin-bottom: 0px;
    height: var(--val_15);
    margin-top: -15px;
}*/
.categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_mag {
    position: relative;
    background: url(/images/unique-en-mag-o.png) no-repeat 7px center;
    background-color: rgba(0, 0, 0, 0);
    padding-left: var(--val_25);
    background-color: rgba(255, 255, 255, 0.8);
    top: 0px;
    color: var(--noir);
    left: 0;
    transform: translateX(0);
    width: 165px;
    display: block;
    height: auto;
    line-height: var(--val_10);
    font-size: var(--size_p);
    font-weight: normal;
    text-align: left;
    border: none;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_mag span {
        display: block;
        color: #ff6e04;
        font-weight: var(--semibold);
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .prix-produit span {
    color: var(--noir);
    font-size: var(--size_h4);
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .panier {
    width: 95px;
    text-align: center;
    height: 45px;
    position: initial;
    top: 0;
    left: 0;
    background: var(--blanc);
    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: url(/images/clock-o.png) no-repeat 4px center;
    background-color: rgba(255, 255, 255, 0.8);
    top: 0px;
    color: var(--noir);
    left: 0%;
    transform: translateX(0);
    width: 165px;
    display: block;
    height: auto;
    font-size: var(--size_p);
    line-height: var(--val_10);
    padding-left: var(--val_25);
    font-weight: normal;
    text-align: left;
    margin-top: 0;
}

    .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_nodispo span {
        display: block;
        color: #ff6e04;
        text-align: left;
        font-weight: var(--semibold);
    }

.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 {
    width: 28%;
}

.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: var(--size_h4);
}

.produit-top.carousel-produits li {
    width: 244px;
    height: auto;
}

.carousel-produits.produit-top .all_libelle {
    padding-top: 0;
}

.produit-top {
    margin-bottom: var(--val_15);
}

.carousel-produits.produit-top .ui-li-aside {
    line-height: var(--val_20);
}

.top-text-cat {
    width: 250px;
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 1px;
    line-height: var(--val_25);
    box-sizing: border-box;
    background: #dcdcdc;
    font-size: var(--size_p);
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    box-sizing: border-box;
}

#_ctl0_ContentPlaceHolder1_cbx_constructeur a {
    font-size: var(--size_p);
}

    #_ctl0_ContentPlaceHolder1_cbx_constructeur a:hover {
        font-weight: var(--semibold);
    }


/* FIN PAGE CATEGORIE */

/* PAGE FICHE PRODUIT */
.titre-fiche-produit .title_fiche {
    text-transform: uppercase;
    display: block;
    font-family: "Montserrat";
    font-weight: var(--medium);
}

.titre-fiche-produit .designation_longue {
    font-size: var(--size_p);
    color: #6a6a6a;
    display: block;
    margin-bottom: var(--val_5);
    margin-top: var(--val_5);
    margin-left: 2px;
}

.pop_add_panier .title_fiche {
    color: var(--blanc);
    background: var(--gris_200);
    line-height: var(--val_35);
    padding-left: var(--val_15);
    text-transform: uppercase;
    font-size: var(--size_h4);
    height: var(--val_35);
}

.pop_add_panier .price_prod_resp {
    display: none;
}

.txt-ajout-panier {
    font-size: var(--size_h4);
    text-transform: uppercase;
    color: #107200;
    font-weight: var(--semibold);
    margin-bottom: var(--val_15);
    margin-top: var(--val_10);
}

.pop_add_panier .content-partage {
    padding: 10px var(--marg_15_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: 70%;
}

.pop_add_panier .price_prod_resp span {
    font-weight: var(--semibold);
    color: var(--bleu);
    font-size: var(--size_h4);
    margin-top: var(--val_10);
    display: inline-block;
}

.a_achats {
    background: var(--noir);
    text-transform: uppercase;
    color: var(--blanc);
    cursor: pointer;
    line-height: 28px;
    border: 1px solid var(--noir);
    padding: 0 5px;
    font-size: var(--size_p);
    float: left;
    margin: 10px 0px 0;
}

    .a_achats:hover {
        background: black url(/images/hover-bouton.png) no-repeat left center;
    }

.a_panier:hover {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.achat-continu {
    margin-top: 10%;
    overflow: hidden;
}

.pop_add_panier #titre_produit_associes ul li {
    width: 20%;
    float: left;
    margin: var(--marg_10_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: var(--marg_10_0);
    position: absolute;
    color: var(--blanc);
    text-transform: uppercase;
    width: 100%;
    font-size: var(--size_p);
    text-align: center;
}

.pop_add_panier #titre_produit_associes ul li .ui-li-aside {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--blanc);
    background: #cb192d;
    padding: 2px;
    font-weight: var(--semibold);
}

.pop_add_panier #titre_produit_associes ul li .all_libelle {
    background: var(--blanc);
    text-align: center;
    font-size: var(--size_p);
    color: var(--noir);
    height: var(--val_40);
    line-height: 13px;
    overflow: hidden;
}

.pop_add_panier #titre_produit_associes ul li img {
    width: 100%;
    vertical-align: middle;
    background: var(--blanc);
}

.compte-magasin #_ctl0_ContentPlaceHolder1_txt_mag_recherche {
    border: 1px solid var(--noir);
}



.pop_add_panier .titre-rubrique {
    margin: var(--marg_10_0);
    font-size: 16px;
    padding: 0 10px;
}

.pop_add_panier #dv_img {
    margin-top: var(--val_25);
}

.pop_add_panier #titre_produit_associes {
    margin-top: var(--val_30);
}

.pop_add_panier #dv_img img {
    width: 100%;
    margin-top: var(--val_10);
}

.a_panier {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: var(--gris_200);
    padding: var(--marg_0_20);
    cursor: pointer;
    font-weight: var(--semibold);
    line-height: 38px;
    float: right;
}

.mob-continu {
    display: none;
}

.fiche-produit-l {
    width: 450px;
    float: left;
}

.titre-fiche-produit {
    float: right;
    width: 800px;
    border-bottom: 1px solid #c5c5c5;
}

.fiche-produit-l .firstletter {
    margin: var(--marg_25_0);
}

.fiche-produit-r {
    float: right;
    width: 800px;
}

.descriptif {
    clear: both;
    margin-top: 0px;
}

.content-img-bloc img {
    width: 450px;
}

#product_buy .pgwSlider.listOnTheLeft .ps-current {
    float: right;
    height: 450px !important;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
}

#product_buy .ps-current li a {
    width: 450px;
    height: 450px;
    background: var(--blanc);
    display: table-cell;
    vertical-align: middle;
}

.image-centrer {
    display: table-cell;
    height: 445px;
    background: var(--blanc);
    width: 445px;
    vertical-align: middle;
}

.menu_fiche_produit {
    text-align: center;
    float: right;
    background: var(--blanc);
    padding: var(--val_10);
    width: 380px;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    z-index: 1;
    margin-top: var(--val_15);
    position: relative;
    transition: top 0.6s ease-out;
}

.New_texte sup {
    position: relative;
    top: -3px;
    font-size: 8px;
}

.menu_fiche_produit .prix-produit {
    font-weight: var(--semibold);
    background: transparent;
    color: var(--bleu);
    display: inline-block;
    margin: var(--marg_0_20);
    vertical-align: middle;
}

    .menu_fiche_produit .prix-produit .fiche_product_price {
        font-size: var(--size_h2);
    }

.fiche_product_price {
    /*color: #cb192d;*/
    color: var(--noir);
    font-weight: var(--semibold);
    font-size: 16px;
}

.fiche_product_code_promo {
    color: #cb192d;
    font-weight: var(--semibold);
    font-size: 16px;
    border: 1px solid;
    padding: 5px 10px;
    margin-top: var(--val_10);
    display: block;
}

.troisxsans .fiche_product_price {
    color: var(--bleu);
}

    .troisxsans .fiche_product_price span {
        font-size: var(--size_h4);
    }

.troisxsans {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

    .troisxsans::after {
        background: url("/images_produits/cybertek/site/troisfrois.png") no-repeat;
        width: 60px;
        height: 60px;
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        display: block;
    }

.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: var(--blanc);
    display: inline-block;
    vertical-align: middle;
    background: #b60e20;
    font-size: 16px;
    line-height: 36px;
    padding: 0 3px;
    margin-right: var(--val_5);
    font-weight: var(--semibold);
}



.prix-duproduit {
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}

.ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
    background: var(--jaune);
    border: 1px solid var(--jaune);
}

.ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    box-sizing: border-box;
}

    .ajout-panier.ajout-fiche-produit.disable {
        float: none;
        margin: 0 auto 10px;
        width: 100%;
        background: gray url(/images/hover-bouton.png) no-repeat -500px center !important;
        border: 1px solid gray !important;
        box-sizing: border-box;
    }

    .ajout-panier.ajout-fiche-produit:hover {
        background: #ffe266;
    }

    .ajout-panier.ajout-fiche-produit a {
        border: none;
        color: var(--gris_200);
        display: block;
        text-transform: uppercase;
        width: 100%;
        line-height: 44px;
        cursor: pointer;
        font-size: 16px;
        padding-left: 24px;
        background: url(/images/cart.png) no-repeat 22px center;
        transition: all 0.5s;
        box-sizing: border-box;
    }

/*    .ajout-panier.ajout-fiche-produit.disable a {
        cursor: default !important;
        background: gray url(/images/cart.png) no-repeat 22px center !important;
    }*/

#_ctl0_ContentPlaceHolder1_dv_3fois {
    display: none;
}

.caract-menu {
    display: block;
    margin-top: var(--val_10);
    color: var(--blanc);
    background: var(--noir);
    transition: all 0.5s;
    padding: 8px 10px;
    width: 268px;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_p);
    cursor: pointer;
}

    .caract-menu:hover {
        background: #282828;
    }

.ajouter-panier {
    display: inline-block;
}

.banner_account .ajouter-panier {
    text-align: left;
    margin-left: 6px;
}

.banner_account .ajout-panier span {
    font-size: var(--size_p);
    display: block;
}


.fiche_top {
    margin: var(--marg_10_0);
}

.menu_fiche_produit .sep-hori {
    margin-top: var(--val_10);
}

.div_dispo_enligne {
    background: #107200 url(/images/enstock.png) no-repeat 32px center;
    height: var(--val_25);
    display: block;
    line-height: var(--val_25);
    margin-top: var(--val_15);
    margin-bottom: var(--val_10);
    color: var(--blanc);
    font-size: var(--size_p);
    padding-left: 66px;
    text-align: left;
}


.menu_fiche_produit .prodfiche_dispo {
    background: url(/images/enstock-v.png) no-repeat center 3px;
    display: block;
    color: var(--noir);
    font-size: var(--size_p);
    padding-top: var(--val_20);
    line-height: 16px;
    padding-bottom: var(--val_10);
}

.global-fiche .retrait-possible, .global-fiche .livraison-fiche {
    margin: 10px var(--marg_10_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: var(--semibold);
    height: auto;
    font-size: var(--size_p);
    margin-bottom: 0;
    color: #107200;
    padding-top: 0;
}

.menu_fiche_produit .prodfiche_dispo span {
    color: var(--gris_200);
    display: block;
}

.menu_fiche_produit .prodfiche_mag {
    background: #ff6e04 url(/images/unique-en-mag.png) no-repeat 32px center;
    height: var(--val_25);
    display: block;
    line-height: var(--val_25);
    margin-top: var(--val_15);
    margin-bottom: var(--val_10);
    color: var(--blanc);
    font-size: var(--size_p);
    padding-left: 66px;
    text-align: left;
}

    .menu_fiche_produit .prodfiche_mag .prodfiche_mag {
        background: none;
        height: var(--val_25);
        display: block;
        line-height: var(--val_25);
        margin-top: var(--val_15);
        margin-bottom: var(--val_10);
        color: var(--blanc);
        font-size: var(--size_p);
        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: var(--size_p);
    text-align: left;
    padding-left: 0;
    color: #ff6e04;
}

.menu_fiche_produit .div_dispo_date {
    background: #ff6e04 url(/images/clock.png) no-repeat 31px center;
    margin-top: -8px;
    margin-bottom: var(--val_10);
    color: var(--blanc);
    font-size: var(--size_p);
    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: var(--val_25);
    display: inline;
    line-height: var(--val_25);
    margin-top: var(--val_15);
    margin-bottom: var(--val_10);
    color: var(--blanc);
    font-size: var(--size_p);
    text-align: left;
    padding-left: 0;
}

.menu_fiche_produit .prodfiche_dispo span {
    background: none;
    text-align: left;
    padding-left: 0;
    text-align: center;
    font-size: var(--size_h6);
    /*color:#107200;*/
}


.div_dispo_enligne .prodfiche_nodispo {
    display: inline;
}

.fonction-fiche-produit .dispo-mag {
    background: black url(/images/mag-fiche-prod.png) no-repeat 32px center;
    font-size: var(--size_p);
    height: var(--val_25);
    display: block;
    line-height: var(--val_25);
    margin-bottom: var(--val_10);
    color: var(--blanc);
    padding-left: 66px;
    text-align: left;
    cursor: pointer;
}

#popupMenu {
    position: relative;
}

    #popupMenu ul {
        position: absolute;
        top: var(--val_25);
        overflow-y: scroll;
        background: var(--blanc);
        width: 100%;
        max-height: 0px;
        transition: max-height 0.5s;
        font-size: var(--size_p);
    }

        #popupMenu ul li {
            margin: 10px 0
        }

    #popupMenu:hover ul {
        max-height: 150px;
        border: 1px solid #c8c8c3;
    }

/*.mag_fiche {
    font-weight: var(--semibold);
    font-size: var(--size_p);
    white-space: nowrap;
}
*/
/*    .mag_fiche .prodfiche_dispo {
        display: inline;
        color: #107200;
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        text-transform: uppercase;
        font-size: var(--size_p) !important;
        font-weight: normal;
        height: auto;
        line-height: 17px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        text-align: center;
    }*/
.fiche-tech-goto {
    background: white url(/images/fiche-tech.png) no-repeat 32px center;
    font-size: var(--size_p);
    height: var(--val_25);
    display: block;
    line-height: var(--val_25);
    margin-bottom: var(--val_10);
    color: var(--gris_200);
    padding-left: 66px;
    text-align: left;
    border: 1px solid #c8c8c3;
    cursor: pointer;
}

.fiche-info-delais {
    background: #ff6e04 url(/images/calendar-info-delais.png) no-repeat 32px center;
    font-size: var(--size_p);
    height: var(--val_25);
    display: block;
    line-height: var(--val_25);
    margin-bottom: var(--val_10);
    color: var(--blanc);
    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: #107200;
    font-weight: var(--semibold);
    text-transform: uppercase;
}

.livraison-fiche {
    background: url(/images/car-v.png) no-repeat center 4px;
    padding-top: var(--val_20);
    height: auto;
    vertical-align: middle;
    display: block;
    text-align: center;
}

    .livraison-fiche p {
        font-size: var(--size_p);
    }

        .livraison-fiche p span {
            font-weight: var(--semibold);
            color: #107200;
            font-size: var(--size_p);
        }

.liv-offert p {
    margin: 10px 0 0;
    text-transform: uppercase;
}

.mag-list-fiche .stock-True {
    padding: 4px 0;
}

.select-lemag {
    border: 1px solid #c8c8c3;
    /*border-radius: var(--val_10);*/
    display: block;
    text-align: center;
    background: #fff url(/images/fleche-bas.png) no-repeat 95% center;
    padding: 3px 10% 3px 0%;
    width: 120px;
    cursor: pointer;
    box-sizing: border-box;
}

/*.select-mag:hover .mag-list-fiche {
    display: inline-block;
    border: 1px solid #c8c8c3;
    border-radius: var(--val_10);
    position: absolute;
    background: var(--gris_50);
    width: 250px;
    text-align: center;
    padding: 3px 10px;
    top: var(--val_20);
    left: 50%;
    transform: translateX(-50%);
    max-height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

/*.select-mag .mag-list-fiche p {
    line-height: var(--val_25);
    cursor: pointer;
    transition: none;
    border-bottom: 1px dashed #c8c8c3;
}*/

.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: var(--semibold);
}*/
.produit-mag .fiche-web {
    float: left;
    vertical-align: top;
    background: var(--gris_50);
    border: 1px solid #c5c5c5;
    width: 175px;
    box-sizing: border-box;
    padding: 0px 0px var(--marg_5_0);
}

.retrait-possible {
    text-align: center;
    background: url(/images/pieton-v.png) no-repeat center 0;
    padding-top: var(--val_20);
}

    .retrait-possible p {
        font-size: var(--size_p);
        padding-bottom: 6px;
    }

        .retrait-possible p span {
            font-weight: var(--semibold);
            color: #107200;
            font-size: var(--size_p);
        }

.global-fiche {
    text-align: left;
    font-size: 0;
}

.ouvert-mag {
    font-size: 0px;
    margin-bottom: var(--val_10);
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: var(--val_10);
}

.fiche-web div:nth-child(2) {
    border-bottom: 1px solid #c5c5c5;
}

.fiche-web div, .fiche-mag div {
    margin: 0 10px;
}

.fiche-mag #_ctl0_ContentPlaceHolder1_fiche_mag_sel {
    margin: 0;
}
/*.rupture-fiche {
    background: url(/images/clock-o.png) no-repeat center 0;
    padding-top: var(--val_20);
    vertical-align: middle;
    font-size: var(--size_h6);
    text-align: center;
    margin-bottom: var(--val_10);
}*/
.ouvert-mag.fermeture {
}

.fiche-web div:first-child div {
    border: none;
}

.rupture-destck {
    display: block;
}

.produit-mag .rupture-destck {
    margin-bottom: var(--val_10);
}

#_ctl0_ContentPlaceHolder1_choisi_mag_nom {
    font-size: var(--size_h6);
    line-height: 16px;
    text-decoration: underline;
}

#_ctl0_ContentPlaceHolder1_lbl_dispo_liv {
    font-size: 16px;
    font-weight: var(--semibold);
    position: relative;
    top: var(--val_10);
    clear: both;
}

.fiche-web .rupture-destck2 .rupture-fiche {
    height: auto;
    border: none;
    margin-bottom: var(--val_10);
}

.select-mag {
    position: relative;
}

.mag-list-fiche .stock-True:hover {
    background: var(--gris_25);
    /*border-radius: var(--val_20);*/
    cursor: pointer;
}

.mag-list-fiche .mag_fiche {
    font-weight: var(--medium);
    line-height: 1.2;
}

    .mag-list-fiche .mag_fiche .dispo-last {
        color: #00bb55;
        font-weight: var(--semibold);
        margin-left: 4px;
    }

.rupture-fiche span {
    line-height: 16px;
}

    .rupture-fiche span:nth-child(2) {
        color: #ff6e04;
        font-weight: var(--semibold);
        font-size: var(--size_p);
    }

#_ctl0_ContentPlaceHolder1_div_dispo_mag {
    /*display:none;*/
}

#_ctl0_ContentPlaceHolder1_dv_info_delais {
    display: none;
}

.ouvert-mag span {
    font-weight: var(--semibold);
    color: #107200;
    text-transform: uppercase;
}


.fiche-mag .choix-mag-fiche {
    display: block;
}

.autre-mag {
    line-height: 16px;
}

.dispo-mag-fiche {
    font-size: var(--size_p);
}

.fiche-mag {
    display: none;
}

.produit-mag .fiche-mag {
    float: right;
    vertical-align: top;
    background: var(--gris_50);
    border: 1px solid #c5c5c5;
    width: 175px;
    padding: 0px 0px var(--marg_5_0);
    box-sizing: border-box;
    display: block;
}

.fiche-mag div div:nth-child(3) {
    border: none;
    padding-top: var(--val_20);
    margin-bottom: var(--val_5);
}

.fiche-mag div:nth-child(3) {
    border-top: 1px solid #c5c5c5;
    padding-top: var(--val_5);
}
/*
.mag-list-fiche .mag_fiche a {
    font-size: var(--size_p);
    line-height: var(--val_10);
    display: inline-block;
}*/

.dispo-mag-fiche {
    background: url(/images/mag-fiche.png) no-repeat center 0;
    padding-top: var(--val_20);
    height: auto;
    vertical-align: middle;
    display: block;
    vertical-align: middle;
    text-align: center;
    font-size: var(--size_h6);
}

    .dispo-mag-fiche.no-dispo-mag {
        background: url(/images/mag-fiche-o.png) no-repeat center 0;
    }

.fiche-mag .no-dispo-mag .prodfiche_dispo {
    color: #ff6e04;
}

.produit-mag .select-mag .prodfiche_dispo {
    height: auto;
    line-height: 14px;
    display: inline-block;
    padding-top: 0;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.fiche-mag .prodfiche_dispo {
    background: none;
    text-align: left;
    padding-left: 0;
    color: #107200;
    text-transform: uppercase;
    font-weight: var(--semibold);
    margin: 0;
    font-size: var(--size_p);
    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: #c8c8c3;
}

.choix-mag-fiche {
    text-align: center;
    margin-top: var(--val_20);
}

    /*.select-mag {
    display: inline-block;
    position: relative;
    padding-bottom: var(--val_5);
    margin-top: 5px !important;
}*/

    .choix-mag-fiche .select-mag p {
        display: block;
        margin-right: 0;
    }

    .choix-mag-fiche p {
        display: inline-block;
    }

    .choix-mag-fiche .mag-list-fiche {
        display: none;
    }

    .choix-mag-fiche p {
        font-size: var(--size_p);
    }

#product_buy {
    float: left;
    width: 450px;
}

.txt-fiche-prod {
    float: left;
    width: 390px;
    margin-bottom: var(--val_15);
    margin-top: var(--val_15);
}

#caracteristiques-principales {
    text-transform: uppercase;
    font-weight: var(--medium);
    border-bottom: 1px solid var(--noir);
}


.news-r {
    float: right;
    width: 50%;
    margin-top: var(--val_10);
}

.carac_liste {
    margin-top: var(--val_15);
}

.troisxsans .fiche_product_price .block {
    font-weight: normal;
    color: var(--noir);
}

.ou3x {
    display: inline-block;
    font-size: var(--size_p);
    margin-right: var(--val_15);
    vertical-align: middle;
}

.blockinline {
    display: inline-block;
    vertical-align: middle;
}

.foot-reseau {
    text-align: center;
}

footer .foot-reseau p {
    color: var(--noir);
    display: inline-block;
    font-weight: var(--semibold);
    text-transform: uppercase;
    font-size: var(--size_p);
    vertical-align: middle;
    margin-bottom: 0;
}

    footer .foot-reseau p:after {
        display: none;
    }

footer .foot-reseau img {
    display: inline-block;
    /*margin-left: var(--val_10);*/
    vertical-align: middle;
}

.table_newsletter td {
    vertical-align: middle;
}

.content-img-bloc .ps-list img {
    width: 50px;
    vertical-align: middle;
}

.ps-list span {
    display: none;
}

.ps-list li {
    margin-bottom: var(--val_20);
    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: var(--val_15);
}

.fiche-produit .cbk_list_nodots {
    text-align: center;
    font-size: 0;
    overflow: hidden;
    background: var(--blanc);
}

    .fiche-produit .cbk_list_nodots.carousel-produits li {
        display: inline-block;
        float: left;
        width: 174px;
        text-align: center;
        background-color: var(--blanc);
        height: 240px;
        position: relative;
    }

.prod-assos {
    width: 872px;
    margin-bottom: var(--val_15);
}

.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 {
    margin: 0 auto;
    width: 250px;
    background: var(--bleu);
    color: var(--blanc);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 0px;
    line-height: var(--val_30);
    box-sizing: border-box;
    font-size: var(--size_p);
}

.fiche-produit .cbk_list_nodots.carousel-produits li:last-child {
    margin-right: 0px;
}

.fiche-produit .carousel-produits .all_libelle {
    height: var(--val_40);
    overflow: hidden;
    min-height: var(--val_40);
}

.sep-fiche-prod-l .avis-fiche-all {
    margin-top: var(--val_30);
    padding: 0;
}

.avis-fiche-all h2 {
    margin: 0 auto;
    width: 250px;
    background: var(--bleu);
    color: var(--blanc);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 0px;
    line-height: var(--val_30);
    box-sizing: border-box;
    font-size: var(--size_p);
}

.avis-fiche-all .avis-list {
    border: 1px solid #c2c2c2;
    background: var(--blanc);
    padding: var(--marg_10_20);
}

.sep-fiche-prod {
    width: 872px;
    overflow: hidden;
    margin-top: var(--val_25);
}

.sep-fiche-prod-l {
    width: 100%;
    font-size: var(--size_p);
}

    .sep-fiche-prod-l div,
    .sep-fiche-prod-l p {
        font-size: var(--size_p);
        text-align: justify;
        line-height: 16px;
    }

    .sep-fiche-prod-l .fiche_strong {
        padding: 0px;
        font-size: var(--size_p);
        text-align: justify;
        line-height: 16px;
        display: inline-block;
        width: 70%;
        vertical-align: middle;
    }

.global-desc img {
    vertical-align: middle;
}

.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%;
    font-size: var(--size_p);
    line-height: var(--val_20);
    z-index: 0;
    margin-top: var(--val_30);
    position: relative;
}

.glob-carac {
    border: 1px solid #c2c2c2;
    background: var(--blanc);
    margin-bottom: var(--val_15);
    padding: var(--marg_10_20);
}

.allparams.odd td:last-child {
    background: var(--gris_50);
}

.allparams.even td:last-child {
    background: var(--gris_50);
}

.allparams.even, .allparams.odd {
    margin-bottom: 0;
    text-transform: none;
    display: table-row;
    font-weight: normal;
    border: 1px solid #c8c8c3;
}

    .allparams.even td:last-child, .allparams.odd td:last-child {
        font-weight: var(--semibold);
    }

    .allparams.even td:first-child, .allparams.odd td:first-child {
        border-right: 1px solid #c8c8c3;
        width: 40%;
    }

    .allparams.even td, .allparams.odd td {
        padding-left: var(--val_10);
    }

.allparams {
    line-height: var(--val_30);
    font-weight: var(--semibold);
    margin-top: var(--val_15);
    display: block;
}

    .allparams td h3 {
        font-size: var(--size_p);
        text-transform: uppercase;
    }

.fiche-produit .cbk_list_nodots.carousel-produits li:hover img {
    transform: scale(1.08);
}

.sep-fiche-prod-r .titre-rubrique {
    margin: 0 auto;
    width: 250px;
    background: var(--jaune);
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 0px;
    line-height: var(--val_30);
    box-sizing: border-box;
    font-size: var(--size_p);
}

.titre_desc {
    margin-top: var(--val_5);
    font-size: 16px;
    font-weight: var(--semibold);
    margin-bottom: var(--val_5);
}

.fiche-pc .sep-fiche-prod-l strong {
    font-size: var(--size_p);
}

#_ctl0_ContentPlaceHolder1_titre_desc.titre_desc span {
    font-size: 16px !important;
}

.sep-fiche-prod-l .sep-hori {
    padding: 0;
}

.sep-fiche-prod-l .global-desc {
    border: 1px solid #c2c2c2;
    background: var(--blanc);
    padding: var(--marg_10_20);
}

.sep-fiche-prod-l .product_fiche_bold {
    margin: 0 auto;
    width: 250px;
    background: var(--jaune);
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 0px;
    line-height: var(--val_30);
    box-sizing: border-box;
    font-size: var(--size_p);
}

#descriptif-technique {
    text-transform: uppercase;
}

.fiche_bold {
    font-weight: var(--semibold);
    margin-top: var(--val_10);
}

.sep-fiche-prod-l p {
    padding: 0px;
    text-align: justify;
}

.sep-fiche-prod-r b {
    font-weight: var(--semibold);
    font-size: var(--size_p);
    margin-bottom: var(--val_5);
    display: block;
    margin-top: var(--val_15);
}

.sep-fiche-prod-l b {
    font-weight: var(--semibold);
    font-size: var(--size_p);
}

.error {
    color: #6a6a6a;
    font-size: 9px;
    text-align: center;
}

.productParameterGroupsFirst h3 {
    font-weight: var(--semibold);
    width: 100%;
    text-transform: uppercase;
}


.impression {
    margin-top: var(--val_15);
}

.modif-adress {
    background: var(--noir);
    padding: 0 10px;
    color: var(--blanc);
    margin-top: var(--val_5);
    text-transform: uppercase;
    font-weight: var(--semibold);
    cursor: pointer;
    line-height: var(--val_25);
}

    .modif-adress:hover {
    }

.impression p {
    margin: var(--marg_5_0);
    overflow: hidden;
}

.impression a {
    display: block;
    float: left;
    background: white url(/images/imprimante-fiche-hover.png) no-repeat 6px 6px;
    font-size: var(--size_p);
    padding: 5px 7px 5px 28px;
    color: var(--noir);
    border-radius: 0;
    box-sizing: border-box;
}

    .impression a:hover {
        background: white url(/images/imprimante-fiche.png) no-repeat 6px 6px;
        color: var(--bleu);
    }

    .impression a:last-child {
        float: right;
        background: white url(/images/partage-produit-hover.png) no-repeat 6px 6px;
    }

.impression #_ctl0_ContentPlaceHolder1_hl_avis {
    display: block;
    margin-top: var(--val_10);
    color: var(--noir);
    background: transparent;
    padding: 8px 10px;
    width: 160px;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_p);
    float: left;
    box-sizing: border-box;
    border: 1px solid var(--noir);
    margin-left: var(--val_10);
}

    .impression #_ctl0_ContentPlaceHolder1_hl_avis:hover {
        background: none white !important;
        color: var(--noir);
        font-weight: var(--semibold);
    }

.content-img-bloc .ps-list {
    max-height: 445px;
    overflow: hidden !important;
    position: absolute !important;
    bottom: var(--val_15);
    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;
    }

.impression .avis-new {
    background: white !important;
    display: block;
    margin-top: var(--val_10);
    color: var(--noir);
    background: var(--bleu);
    transition: all 0.5s;
    padding: 4px 10px;
    width: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_h6);
    cursor: pointer;
}

.avis-fiche {
}

    .avis-fiche .content-partage {
        padding: 10px var(--marg_15_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: var(--val_20);
        line-height: var(--val_20);
        margin-bottom: var(--val_10);
    }

    .avis-fiche .btn_envoyer:hover {
        background: black url(/images/hover-bouton.png) no-repeat left center;
    }

    .avis-fiche .btn_envoyer {
        background: var(--noir);
        text-transform: uppercase;
        color: var(--blanc);
        cursor: pointer;
        line-height: 28px;
        border: 1px solid var(--noir);
        padding: 0 5px;
        font-size: var(--size_p);
        float: left;
        margin: 10px 0px 0;
    }

    .avis-fiche .title_fiche {
        color: var(--blanc);
        background: var(--noir);
        line-height: var(--val_35);
        padding-left: var(--val_15);
        text-transform: uppercase;
        font-size: var(--size_h4);
        height: var(--val_35);
    }

.impression a:last-child:hover {
    background: white url(/images/partage-produit.png) no-repeat 6px 6px;
}

.titre-fiche-produit h1 {
    margin-bottom: 0px;
}

.partage-fiche {
    background: var(--gris_50);
    height: 460px;
    overflow: hidden;
}

.fancybox-wrap .fancybox-skin {
    background: var(--gris_50);
    padding: 0px 0px 0px 0px !important;
}

.frm_partage_fiche p {
    font-weight: var(--semibold);
}

.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: var(--val_25);
    background: var(--blanc);
    border: 1px solid #c8c8c4;
    line-height: var(--val_25);
    padding: 0 5px;
    margin-top: 2px;
}

.partage-fiche label span {
    font-size: var(--size_p);
}

.frm_partage_fiche .price_prod_resp span {
    color: var(--bleu);
    font-size: var(--val_20);
    line-height: 28px;
}

.avis-fiche .frm_partage_fiche .price_prod_resp span {
    color: #cb192d;
}

.frm_partage_fiche .message-falcu {
    font-weight: normal;
    font-size: var(--size_p);
}

.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: var(--val_20);
    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: var(--size_p);
    font-family: 'Outfit', sans-serif;
}

.ui-tooltip-content {
    font-size: var(--size_p);
    font-family: 'Outfit', sans-serif;
}


/* FIN PAGE FICHE PRODUIT */

/* PAGE PANIER */


.panier-bck {
    width: 100%;
    background: var(--blanc);
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    padding: 10px 25px;
    overflow: hidden;
}

.recap-panier .title_fiche_left.firstletter {
    margin: 15px auto 0;
    width: 300px;
    background: var(--jaune);
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
    position: relative;
    top: 0px;
    line-height: var(--val_30);
    box-sizing: border-box;
    font-size: var(--size_h4);
}

.cbk_breadcrumb {
    overflow: hidden;
    margin: 0 0 var(--marg_15_0);
    font-size: 0;
    text-align: center;
}

    .cbk_breadcrumb li span {
        text-transform: uppercase;
        color: var(--noir);
        font-size: var(--size_p);
        background: var(--jaune);
        padding: 2px 10px;
        line-height: 22px;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

    .cbk_breadcrumb .ui-disabled span {
        color: var(--gris_200);
        background: none;
        font-weight: normal;
    }

    .cbk_breadcrumb li {
        display: inline-block;
        text-align: center;
        width: 294px;
        background: url(/images/jack-2.png) no-repeat center bottom;
        padding-bottom: var(--val_20);
    }

    .cbk_breadcrumb .ui-disabled {
        background: url(/images/prise.png) no-repeat center bottom;
    }

.resume .cbk_breadcrumb #_ctl0_ContentPlaceHolder1_bc_resume {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

#_ctl0_ContentPlaceHolder1_bc_mode_livraison {
    display: none;
}

.breadcrumb {
    overflow: hidden;
    border-bottom: 1px solid #c8c8c3;
    padding-bottom: var(--val_10);
}

table .cbk_image {
    width: 66px;
    background: var(--blanc);
}

    table .cbk_image img {
        width: 66px;
    }

.panier-detail {
    float: none;
    clear: both;
    margin: 0;
}

    .panier-detail .nom-produit {
        background: var(--blanc);
        padding: 0px 0 0 10px;
        text-align: left;
        max-width: 300px;
        box-sizing: border-box;
    }

.dispo_internet_panier .prodfiche_dispo {
    background: url(/images/enstock-v.png) no-repeat center 6px;
    display: block;
    color: var(--noir);
    font-size: var(--size_p);
    padding-top: var(--val_20);
    line-height: 16px;
    background-color: var(--gris_50);
    border: 1px solid #c5c5c5;
    padding-left: var(--val_10);
    padding-right: var(--val_10);
    padding-bottom: var(--val_5);
}

.dispo_internet_panier .prodfiche_nodispo {
    background: url(/images/clock-o.png) no-repeat center 4px;
    display: block;
    color: var(--noir);
    font-size: var(--size_p);
    padding-top: var(--val_20);
    line-height: 16px;
    background-color: var(--gris_50);
    border: 1px solid #c5c5c5;
    padding-left: var(--val_10);
    padding-right: var(--val_10);
    padding-bottom: var(--val_5);
}

.dispo_internet_panier {
    display: block;
    max-width: 172px;
}

table .nom-produit a {
    color: var(--gris_200);
    line-height: 16px;
    font-size: var(--size_p);
    padding-left: var(--val_5);
    display: block;
}

.linkproduit_panier {
    color: #7a7a7a;
    font-weight: normal;
    font-size: var(--size_p);
}

.tableau-paiement {
    width: 948px;
    float: left;
}

.panier-detail td {
    vertical-align: middle;
    text-align: center;
}

.panier-detail .dispo {
    padding: var(--val_5);
}

.dispo_internet_panier .prodfiche_dispo span {
    display: block;
    color: #107200;
}

.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: var(--blanc);
    width: 100%;
    max-height: 0px;
    transition: max-height 0.5s;
    font-size: var(--size_p);
}
/*
.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: var(--size_p);
        line-height: 14px;
    }
*/
.dispo-fiche-panier:hover ul {
    max-height: 150px;
    z-index: 1;
    border: 1px solid #c8c8c3;
}

.dispo-fiche-panier ul li {
    margin: var(--marg_10_0);
    border-bottom: 1px solid #c8c8c3;
    padding-bottom: var(--val_5);
}

.dispo-fiche-panier {
    position: relative;
}

.dispo {
    background: var(--blanc);
    text-align: center;
}

.dispo_fiche {
    margin-top: var(--val_5);
    text-decoration: underline;
    font-size: var(--size_p);
}

.panier-detail .price_prod_resp {
    background: var(--blanc);
    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 #c8c8c3;
    height: 80px;
}

.panier-detail .tr-panier {
    display: block;
    width: 100%;
    height: var(--val_10);
    border: none;
}

.erreur-stock-panier {
    clear: both;
    display: block;
    font-size: var(--size_p);
    margin: var(--marg_10_0);
    color: #cb192d;
    text-align: center;
    line-height: 16px;
}

.quantite-produit {
    background: var(--blanc);
}

.quantite-produit-gestion {
    background: var(--blanc);
}

.panier-detail td {
}

.recapitulatif-panier-1 .panier-vide {
    text-align: center;
    margin: 50px 0;
}

.continuer-achat {
    display: none;
}

    .continuer-achat input {
        background: var(--noir);
        border: 1px solid var(--noir);
        text-transform: uppercase;
        color: var(--blanc);
        padding: var(--marg_0_20);
        cursor: pointer;
        font-size: var(--size_p);
        line-height: 38px;
    }

.compte.compte-modif input {
    background: var(--noir);
    border: 1px solid var(--noir);
    text-transform: uppercase;
    color: var(--blanc);
    padding: var(--marg_0_20);
    cursor: pointer;
    font-size: var(--size_p);
    line-height: 38px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

.compte-modif input:hover {
    background: black url(/images/hover-bouton.png) no-repeat left center;
}

.precedent {
    clear: both;
    background: black url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--noir);
    text-transform: uppercase;
    color: var(--blanc);
    padding: var(--marg_0_20);
    cursor: pointer;
    font-size: var(--size_p);
    line-height: 38px;
    float: left;
    margin-bottom: var(--val_25);
}

    .precedent:hover {
        background: black url(/images/hover-bouton.png) no-repeat left center;
    }

.continuer {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    text-transform: uppercase;
    color: var(--gris_200);
    padding: 0px 40px;
    cursor: pointer;
    font-weight: var(--semibold);
    font-family: "Montserrat";
    line-height: 38px;
    float: right;
    margin-top: 0px;
    width: 254px;
    box-sizing: border-box;
}

.disabled.continuer {
    background: #c8c8c3;
    border: 1px solid #c8c8c3;
}


.block-acompte {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    box-sizing: border-box;
    padding: var(--val_5);
}


.recap-panier .nv-bt-continuer .continuer {
    margin-bottom: 0;
}


.recap-panier .nv-bt-continuer {
    display: none;
}

.livraison-panier .recap-panier .nv-bt-continuer {
    display: block;
}

.continuer:hover {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.continuer.disabled:hover {
    background: #c8c8c3;
}

.adress-fac-livraison2 {
    /*margin-bottom: 50px;*/
}

.panier_libelle_bottom {
    display: none;
}

.continuer-achat input:hover {
    background: black url(/images/hover-bouton.png) no-repeat left center;
}

.prix-produit-total.price_prod_resp {
    color: #cb192d;
    font-weight: var(--semibold);
    font-size: var(--val_20);
}

.price_prod_resp {
    font-weight: var(--semibold);
    font-size: var(--size_h4);
}

.conteneur-quantite input {
    border: none;
    cursor: pointer;
}

.conteneur-quantite .bt-r {
    background: #f0f0f0 url(/images/moins-panier.png) no-repeat;
    height: var(--val_20);
    width: var(--val_20);
}

.conteneur-quantite .bt-l {
    background: #f0f0f0 url(/images/plus-panier.png) no-repeat;
    height: var(--val_20);
    width: var(--val_20);
}

.panier-detail .conteneur-quantite tr {
    border: none;
    height: auto;
}

.conteneur-quantite {
    border: 1px solid #c8c8c3;
}

    .conteneur-quantite td {
        background: var(--gris_50);
        display: block;
    }

        .conteneur-quantite td.center {
            line-height: 22px;
        }

.basket_button_correction input, .basket_button_correction_all {
    background: #fff url(/images/corbeille.png) no-repeat;
    height: auto;
    border: none;
    width: 22px;
    cursor: pointer;
    height: 22px;
}

.display {
    display: none;
}

.bt-valide-commande {
}

.validation-panier {
    float: left;
    clear: left;
    width: 948px;
}

.bt-valide-commande input {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    text-transform: uppercase;
    color: var(--noir);
    cursor: pointer;
    font-weight: var(--semibold);
    line-height: var(--val_40);
    font-size: var(--size_p);
    width: 100%;
}

    .bt-valide-commande input:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.mask span {
    color: var(--gris_200);
}

.fin-commande {
    overflow: hidden;
    clear: both;
}

.mask {
    text-align: right;
    margin-bottom: var(--val_25);
    font-size: 12px
}

.code_promo_text {
    font-weight: var(--medium);
    font-size: var(--size_p);
    background: #c8c8c3;
}

.code-promo-cadre .ui-block-b {
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding: 0 10px;
    gap: 10px;
}

.btn_code_promo {
        border: none;
        cursor: pointer;
        padding: 0;
    }

.code-promo-libelle {
    text-transform: uppercase;
    line-height: var(--val_35);
}


.cbk_field_recherche input {
    height: var(--val_35);
    padding: 0 5px;
    width: 300px;
    margin-left: var(--val_25);
}

.code-promo-cadre {
    float: left;
    margin-bottom: var(--val_5);
    margin-left: 0px;
    border: 1px solid #c8c8c3;
    background: var(--gris_50);
    text-align: center;
    height: 108px;
    position: relative;
}

.price-final {
    float: right;
    width: 252px;
}

.montage-compo {
    float: left;
    width: 235px;
    margin-bottom: var(--val_5);
    margin-left: 0px;
    border: 1px solid #c8c8c3;
    background: var(--gris_50);
    margin-right: var(--val_30);
    margin-top: var(--val_15);
}

.popinfo_delais #l_resultat .label_pwdtxt {
    font-size: var(--size_h4);
    color: green;
    text-transform: uppercase;
    font-weight: var(--semibold);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}

.montage-compo .panier_libelle {
    background: #c8c8c3;
    padding: 4px 10px 4px;
    color: var(--noir);
    line-height: 13px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    font-size: var(--size_p);
    font-weight: var(--medium);
    text-transform: uppercase;
}

.code-promo-cadre .cbk_field_recherche {
    float: none;
    position: relative;
}

    .code-promo-cadre .cbk_field_recherche input {
        height: var(--val_35);
        padding: 0 5px;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        border: 1px solid #c8c8c3;
    }

.montage-compo .panier_libelle span {
    font-weight: 400;
    font-style: italic;
}

.montage-compo input {
    margin-right: var(--val_5);
    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: var(--val_10);
}

.price-recap-final {
    text-align: center;
    border: 1px solid #c8c8c3;
    display: block;
    background: var(--gris_50);
    overflow: hidden;
}

.ptc {
    border-bottom: 1px solid #c8c8c3;
    padding-bottom: var(--val_10);
    margin-bottom: var(--val_10);
}

.price-final-table tr:last-child .ptc {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.recap-price-panier {
    text-transform: uppercase;
    font-weight: var(--semibold);
    color: var(--noir);
    background: #c8c8c3;
    text-align: center;
    line-height: var(--val_30);
    font-size: var(--size_p);
}


.price-final-table tbody {
    float: left;
    width: 100%;
}

.prix-produit-total.price_prod_resp.libelle-prix-total {
    color: var(--gris_200);
    font-size: var(--size_p);
    font-weight: normal;
    text-transform: uppercase;
    font-weight: var(--medium);
    text-align: center;
}

.assu-panier {
    margin-top: var(--val_15);
    margin-bottom: var(--val_15);
    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: var(--semibold);
    }

    .assu-panier li img {
        display: inline-block;
        vertical-align: middle;
        margin-left: var(--val_25);
    }

    .assu-panier li p {
        display: inline-block;
        vertical-align: middle;
        margin-left: var(--val_10);
        text-align: left;
        font-size: var(--size_p);
    }

    .assu-panier li:first-child img {
        margin-left: 0px;
    }

.error-code-promo {
    line-height: var(--val_20);
    color: var(--rouge);
    font-size: var(--size_p);
    display: none;
    float: left;
    clear: both;
    padding: 20px 0px;
    font-weight: var(--medium);
}

.btn_code_promo_container {
    display: flex;
    align-items: center;
}

.view_promo_error {
    display: block !important;
}

.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: var(--size_p);
    color: var(--gris_200);
    font-weight: normal;
}

.price-final-table .prix-produit-total.price_prod_resp.libelle-prix-total.code-promotionnel {
    font-size: var(--size_p);
    color: var(--gris_200);
    font-weight: normal;
}

.price-final-table .code-promotionnel, .price-final-table .total-ttc {
    font-size: var(--size_p);
    color: var(--gris_200);
}

.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: var(--size_h4);
    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 {
    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: var(--val_20);
    }

.panier-paiement .assu-panier {
    display: none;
}

.footer-panier {
    background: var(--noir);
    width: 100%;
    display: none;
}

.connexion-panier .footer-panier {
    display: block
}

.connexion-panier .cbk_breadcrumb li:first-child {
    background: url(/images/jack.png) 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: var(--bleu);
    }

.assu-panier-foot li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
    margin-top: var(--val_25);
    margin-bottom: var(--val_25);
}

    .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: var(--semibold);
}

.assu-panier-foot li img {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--val_25);
}

.assu-panier-foot li p {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--val_10);
    font-size: var(--size_p);
    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: var(--val_30);
}

.livraison-panier .assu-panier {
    display: none;
}

.creation-compte-panier, .panier-connexion {
    background: var(--blanc);
    border: #c8c8c3 1px solid;
    padding: 25px 50px;
    text-align: center;
}

.adress-fac-livraison {
    display: none;
}


.livraison-panier .adress-fac-livraison {
    display: block;
    float: right;
    text-align: center;
    background: var(--gris_50);
    border: #c8c8c3 1px solid;
    margin-top: var(--val_25);
    width: 252px;
    padding-bottom: var(--val_10);
    font-size: var(--size_p);
}

.adress-fac-chrono {
    float: left !important;
}

.adress-fac-chrono2 {
    float: left !important;
}

.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: 120px;
    font-size: var(--size_p);
    font-weight: normal;
    text-transform: none;
    font-weight: var(--medium);
    padding-bottom: 0;
}



.paiement-panier .prix-produit-total.price_prod_resp {
    color: var(--noir);
    font-weight: var(--semibold);
    font-size: var(--size_p);
    width: 130px;
    text-align: right;
    padding-right: var(--val_10);
}

.paiement-panier .facture-final tr {
    line-height: var(--val_30);
    position: relative;
}

    .paiement-panier .facture-final tr:before {
        content: "";
        display: block;
        background: #c8c8c3;
        width: 300%;
        position: absolute;
        height: 1px;
        top: 0;
        left: -100%;
    }

.facture-paiement-panier {
    line-height: var(--val_30);
}

.paiement-panier .facture-final tr:last-child .cbk_table_right {
    color: #cb192d;
    font-size: var(--val_20);
}

.livraison-panier .adress-fac-livraison p {
    background: var(--gris_200);
    color: var(--blanc);
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: var(--semibold);
    line-height: 26px;
    font-size: var(--size_p);
    margin-bottom: var(--val_10);
    min-height: auto;
    padding-bottom: 0;
}

.livraison-panier .price-final {
    display: none;
}

.panier-connexion {
    float: left;
}

.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: var(--size_p);
    text-align: center;
    margin: var(--marg_25_0);
}

.label_warning {
    margin: var(--marg_25_0);
    font-size: var(--size_p);
    color: #9e0117;
}



.label_size_account_margin-1 input {
    border: 1px solid #c8c8c3;
    background: var(--gris_50);
    padding: 0 10px;
    margin-bottom: var(--val_10);
    width: 326px;
    cursor: pointer;
    line-height: 38px;
}

.compte {
    width: 950px;
    margin: 25px auto;
}

.connexion-panier .compte {
    margin: 40px auto;
}

.adresse-paiement {
    width: 950px;
    margin: 0px auto;
    overflow: hidden;
}

.paiement-panier .adresse-paiement {
    margin-top: var(--val_15);
}

.label_size_account_margin-1 {
    width: 100%;
}

.txt-co-panier {
    text-align: left;
    margin: 25px 0 5px;
    font-weight: var(--semibold);
}

.txt-co-panier-mdp {
    margin: 10px 0 5px;
    text-align: left;
    font-weight: var(--semibold);
}

.compte input {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 100%;
    padding: 0 10px;
}

.connexion-bt input {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    color: var(--noir);
    width: 100%;
    text-transform: uppercase;
    padding: 0 10px;
    text-align: center;
    margin-bottom: var(--val_10);
    cursor: pointer;
    line-height: 38px;
    font-weight: var(--semibold);
}

    .connexion-bt input:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.montage-config-panier {
    margin-left: var(--val_10);
}

.livraison-panier .banner_top_only, .livraison-panier .ajout-panier, .livraison-panier .cbx_tbx_recherche, .livraison-panier .sidebar, .livraison-panier .footer {
    display: none;
}

.livraison-panier .recap-panier .title_fiche_left.firstletter {
    line-height: 16px;
    width: 320px;
    padding: var(--marg_5_0);
}


.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: var(--val_20);
    }

.livraison-panier .footer-panier {
    display: block
}

.livraison-panier .cbk_breadcrumb li:first-child {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.livraison-panier .cbk_breadcrumb li:nth-child(2) {
    background: url(/images/prise-jack-b.png) no-repeat center bottom;
}

.livraison-panier .cbk_breadcrumb li:nth-child(3) {
    background: url(/images/jack-2.png) no-repeat center bottom;
}

    .livraison-panier .cbk_breadcrumb li:nth-child(1) span, .livraison-panier .cbk_breadcrumb li:nth-child(2) span, .livraison-panier .cbk_breadcrumb li:nth-child(3) span {
        text-transform: uppercase;
        color: var(--noir);
        font-size: var(--size_p);
        background: var(--jaune);
        padding: 2px 10px;
        line-height: 22px;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

.livraison-panier .form {
    min-height: 100%;
    position: relative;
}

.livraison-panier .footer-panier {
    position: relative;
    bottom: 0;
}

.connexion-panier .firstletter {
    margin: var(--marg_25_0);
}

.table-connexion {
    width: 100%;
}

.panel_adr_livraisons {
    border: 1px solid #c8c8c3;
    background: var(--blanc);
    padding: var(--val_15);
    margin: var(--marg_25_0);
    overflow: hidden;
}

.cbk_list_nodots-livraison {
    float: left;
    margin-left: var(--val_10);
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    height: var(--val_25);
    font-style: italic;
    width: 300px;
    color: var(--gris_200);
}

.panel_adr_livraisons p {
    float: left;
    line-height: var(--val_25);
}

.panier-connexion .firstletter, .creation-compte-panier .firstletter {
    margin: 0px 0 25px;
    font-size: var(--val_20);
}

#cbk_page_container, div_mode_livraison {
    overflow: hidden;
}

.table-connexion td {
    display: block;
}

.table-connexion tr {
    display: inline-block;
    border: 1px solid #c8c8c3;
    width: 16%;
    margin-right: 6px;
    background: var(--gris_50);
    box-sizing: border-box;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    height: 332px;
}



    .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;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

        .table-connexion tr input:checked:before {
            background: var(--jaune);
            height: 37px;
        }

        .table-connexion tr input:checked:after {
            content: "VOTRE CHOIX";
            bottom: 2px;
            color: var(--noir);
        }

    .table-connexion tr:hover input:checked:before {
        height: 37px;
    }

    .table-connexion tr:hover input:checked:after {
        bottom: 2px;
    }

div.modif-adress {
    background: var(--noir);
    color: var(--blanc);
    cursor: pointer;
    text-transform: uppercase;
    font-weight: var(--medium);
    width: auto;
    margin: 5px auto 0;
    line-height: var(--val_25);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    display: inline-block;
}

.livraison-add {
    font-size: var(--size_p);
    text-align: center;
    padding-bottom: var(--val_10);
}

.table-connexion label .livraison-add p {
    background: var(--gris_200);
    color: var(--blanc);
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-weight: var(--semibold);
    line-height: var(--val_20);
    font-size: var(--size_p);
    border-radius: var(--val_10);
    margin-bottom: var(--val_10);
    min-height: auto;
    padding-bottom: 0;
}

.table-connexion tr input:checked {
    display: block;
    position: absolute;
    width: 100%;
    height: 332px;
    border: 5px solid var(--jaune);
    top: 0px;
    left: 0px;
}

.table-connexion tr input:after {
    content: "CHOISIR";
    width: 80%;
    position: absolute;
    height: var(--val_30);
    line-height: var(--val_30);
    z-index: 2;
    color: var(--blanc);
    font-weight: var(--semibold);
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--val_5);
}

.table-connexion tr input::before {
    background: var(--gris_200);
    content: "";
    height: var(--val_40);
    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;
    width: 230px;
    height: 332px;
    border: 5px solid var(--jaune);
    top: 0;
    left: 0;
    z-index: 10;
}

.table-connexion {
    display: block;
    margin-top: var(--val_25);
    width: 948px;
    margin-bottom: 15px;
}

.paiement3X_panier p {
    font-size: var(--size_p);
}

.recap-panier .table-connexion {
    display: none;
}

.livraison-panier .recap-panier .table-connexion {
    display: block;
    float: left;
}

.table-chrono {
    display: block;
    float: left;
    width: 100%;
}

.paiement3X_panier span {
    font-size: 16px;
    color: var(--bleu);
    font-weight: var(--semibold);
}

.table-connexion input {
    vertical-align: middle;
}

.table-connexion label {
    vertical-align: middle;
    display: block;
    width: 100%;
}


.panier-vide {
    text-align: center;
    font-size: var(--val_30);
    margin: 50px 0;
}

.table-connexion label img {
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

.table-connexion label p {
    display: block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #c8c8c3;
    margin-bottom: var(--val_10);
    min-height: 80px;
    padding: 15px 10px 10px 10px;
    box-sizing: border-box;
}


    .table-connexion label p:first-child strong {
        background: var(--jaune);
        width: 100%;
        display: block;
        text-transform: uppercase;
        font-weight: var(--semibold);
        line-height: var(--val_35);
        font-size: var(--size_p);
    }

    .table-connexion label p:first-child {
        border: none;
        height: auto;
        padding: 0px;
        min-height: auto;
        margin-bottom: var(--val_25);
    }

.table-connexion label p {
    font-size: var(--size_p);
    border-top: 1px solid #c8c8c3;
    padding-top: var(--val_15);
}

    .table-connexion label p strong {
        font-weight: var(--semibold);
        text-transform: uppercase;
    }



.table-connexion span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #cb192d;
    font-weight: var(--semibold);
    margin-bottom: var(--val_10);
    padding-bottom: var(--val_10);
    border-bottom: 1px solid #c8c8c3;
}


.table-connexion tr:hover::before, .table-connexion tr:hover::after {
    width: 100%;
    left: 0;
}

.table-connexion tr:hover::after {
    left: 0%;
    bottom: 0;
}

.table-connexion tr::before {
    left: 0%;
    top: 0;
}


.table-connexion tr::after {
    left: 0;
}

.table-connexion tr::before, .table-connexion tr::after {
    content: "";
    width: 3px;
    height: 0;
    position: absolute;
    background: var(--noir);
}

.table-connexion tr::before, .table-connexion tr::after {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    background: var(--noir);
}

.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: var(--noir);
}

.table-connexion tr td::after {
    right: 0;
    top: 50%;
}

.table-connexion tr td::before {
    left: 0;
    top: 50%;
}


.title_fiche_panier_livraison {
    margin: var(--marg_10_0);
}

.livraison-panier .creation-compte-panier {
    height: auto;
}

.paiement-panier .banner_top_only, .paiement-panier .ajout-panier, .paiement-panier .cbx_tbx_recherche, .paiement-panier .sidebar, .paiement-panier .footer {
    display: none;
}

.paiement-panier #cbk_menu_panel {
    height: auto;
}

.paiement-panier .price-final {
    display: none;
}

.paiement-panier .footer-panier {
    display: block;
    margin-top: var(--val_15);
}

.paiement-panier .cbk_logo img {
    margin-top: var(--val_20);
}

.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 {
        text-transform: uppercase;
        color: var(--noir);
        font-size: var(--size_p);
        background: var(--jaune);
        padding: 2px 10px;
        line-height: 22px;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

.secu-page-paiement {
    display: none;
    border: 1px solid #c8c8c3;
    background: var(--blanc);
    padding: 15px 25px;
    text-align: center;
    font-size: var(--size_p);
    width: 510px;
    float: left;
    margin-bottom: var(--val_25);
    clear: left;
    box-sizing: border-box;
}

.paiement-panier .content-tableau-paiement {
    width: 510px;
    float: left;
    margin-top: var(--val_20);
    margin-bottom: var(--val_20);
    background: var(--gris_50);
    border: #c8c8c3 1px solid;
}

.paiement-panier .secu-page-paiement {
    display: block;
}

.secu-page-paiement span {
    font-weight: var(--semibold);
    font-size: 16px;
    display: block;
    text-transform: uppercase;
}

.title_fiche_panier_identification_pos {
    font-size: var(--size_p);
    color: #7a7a7a;
    margin-bottom: var(--val_25);
    text-align: center;
    clear: both;
    margin-top: var(--val_10);
}

.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: var(--size_p);
    padding-right: var(--val_10);
}

.paiement-panier .tableau-paiement {
    width: 510px;
    display: block;
    padding: 0px;
    float: left;
}

.paiement-panier .panier-detail tr {
    border-bottom: 1px solid #c8c8c3;
    border-top: 1px solid #c8c8c3;
    border-left: none;
    border-right: none;
}

.paiement-panier .panier-detail .prix-produit-total.price_prod_resp {
    color: var(--gris_200);
    font-weight: var(--semibold);
    text-align: right;
    font-size: 16px;
    background: none;
    padding-right: var(--val_10);
}

.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 #c8c8c3;
    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: var(--size_p);
}

.paiement-panier table .nom-produit a {
    font-size: var(--size_p);
}

.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: var(--val_20);
    margin: 0
}


.paiement-panier .tableau-paiement {
    margin: 0px 0;
}

    .paiement-panier .tableau-paiement p {
        font-weight: var(--semibold);
        color: var(--blanc);
        text-align: center;
        background: var(--gris_200);
        text-transform: uppercase;
        line-height: var(--val_30);
    }

    .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 #c8c8c3;
        margin-top: var(--val_10);
        padding-top: var(--val_10);
    }

    .paiement-panier .tableau-paiement .page-paiement tbody tr td:last-child {
        text-align: right;
    }


.resume .dispo {
    display: none;
}

.resume .basket_button_correction, .paiement-panier .content-tableau-paiement .codepromo-panier {
    display: none;
}

.resume .conteneur-quantite {
    display: none;
}

.resume .panier-detail .price-unitaire {
    display: none;
}

.resume .panier-detail {
    width: 612px;
    display: block;
    background: var(--blanc);
    border: 1px solid #c8c8c3;
    float: left;
    margin: 0 0 var(--marg_25_0);
}

    .resume .panier-detail tr:first-child {
        border-top: none;
    }

    .resume .panier-detail tr {
        border-bottom: none;
        border-top: 1px solid #c8c8c3;
        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: var(--blanc);
    /*float: right;*/
    margin: 0 auto 30px;
}

    .resume-paiement table {
        width: 100%;
    }

        .resume-paiement table tr td:last-child {
            text-align: right;
            font-weight: var(--semibold);
            color: var(--bleu);
            padding-bottom: var(--val_5);
        }

.resume .resume-paiement {
    margin-top: var(--val_30);
}

.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: var(--semibold);
    margin: var(--marg_25_0);
}

.resume .panier-detail .tr-panier {
    display: none;
}

.resume .resume-paiement {
    width: 100%;
}

.resume .tableau-paiement .firstletter {
    display: none;
}

.resume .panier-detail {
    margin-top: var(--val_25);
}

.paiement-panier .tableau-paiement .page-paiement .facture-final tr:first-child td {
    color: #7a7a7a;
    font-size: var(--size_p);
}

.paiement-panier .tableau-paiement .page-paiement td {
    display: inline-block;
}

.paiement-panier .tableau-paiement .page-paiement .title_fiche_panier_identification_right {
    font-size: var(--size_p);
    text-align: right;
}

    .paiement-panier .tableau-paiement .page-paiement .title_fiche_panier_identification_right span {
        font-size: 16px;
        color: var(--bleu);
        font-weight: var(--semibold);
    }

.connexion-panier .creation-compte-panier {
    /*height: 350px;*/
}


.paiement-panier .tableau-paiement .page-paiement .facture-paiement-panier td {
    color: #7a7a7a;
    font-size: var(--size_p);
}

.paiement-panier .tableau-paiement .page-paiement .Frais.de.port td {
    color: #7a7a7a;
    font-size: var(--size_p);
}

.paiement-panier .tableau-paiement .page-paiement .Total.facture td {
    color: #7a7a7a;
    font-size: var(--size_p);
}

.paiement-panier .page-paiement {
    margin-top: var(--val_10);
}

.paiement-panier .moyen-paiement {
    width: 690px;
    display: block;
    margin: var(--marg_20_0);
    float: right;
}

    .paiement-panier .moyen-paiement .firstletter {
        font-weight: var(--semibold);
        color: var(--blanc);
        text-align: center;
        background: var(--gris_200);
        text-transform: uppercase;
        line-height: var(--val_30);
        font-size: 16px;
    }

.paiement-panier .title_fiche_payment_logos {
    color: #7a7a7a;
    font-size: var(--size_p);
}

.payer-enligne, .payer-enligne-disabled {
    display: block;
    padding-left: var(--val_10);
    text-align: left;
    vertical-align: middle;
    width: 100%;
    outline: 1px #c8c8c3 solid;
    margin-bottom: var(--val_10);
    box-sizing: border-box;
    background-color: var(--gris_50);
    position: relative;
}

    .payer-enligne label {
        vertical-align: middle;
        cursor: pointer;
        width: 598px;
        max-height: 50px;
        display: inline-block;
        line-height: 50px;
        font-weight: var(--semibold);
        text-transform: uppercase;
        font-size: var(--size_p);
        position: relative;
        z-index: 3;
    }

        .payer-enligne label:after {
            content: "CHOISIR";
            width: 100px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: var(--val_30);
            line-height: var(--val_30);
            background: var(--jaune);
            z-index: 2;
            color: var(--noir);
            text-align: center;
            right: var(--val_25);
        }


    .payer-enligne:hover label:after {
        background: #ffe266;
    }

    .payer-enligne label:before {
        background: var(--gris_200);
        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(/images/jack-fin.png) 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 {
        text-transform: uppercase;
        color: var(--noir);
        font-size: var(--size_p);
        background: var(--jaune);
        padding: 2px 10px;
        line-height: 22px;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

.resume .price-final {
    display: none;
}

.continuee-paiement {
    overflow: hidden;
}

.annulation-commande {
    text-align: center;
    margin: var(--marg_25_0);
}

.retour-panier {
    text-align: center;
}

    .retour-panier input:hover {
        background: black url(/images/hover-bouton.png) no-repeat left center
    }

    .retour-panier input {
        clear: both;
        background: var(--noir);
        border: 1px solid var(--noir);
        text-transform: uppercase;
        color: var(--blanc);
        padding: var(--marg_0_20);
        cursor: pointer;
        font-size: var(--size_p);
        line-height: 38px;
        text-align: center;
        margin-bottom: var(--val_25);
    }

.size-accep {
    text-align: center;
    font-size: var(--val_30);
    margin: 50px 0;
    color: #107200;
}

.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: var(--val_20);
    margin-bottom: var(--val_20);
}

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: var(--size_p);
    color: #107200;
    text-align: center;
    padding-top: var(--val_5);
    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: var(--val_10);
}

    .bt-livraison-sup input.continuer {
        margin-bottom: 0;
    }


.title_payment {
    font-weight: var(--semibold);
    text-transform: uppercase;
    margin-top: var(--val_15);
    margin-bottom: var(--val_10);
}

.radio_btnlist {
    width: 100%;
    margin-bottom: var(--val_15);
}

    .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: var(--val_35);
        cursor: pointer;
    }

        .radio_btnlist td div {
            cursor: pointer;
            background: url(/images/choisir-paiement.png) no-repeat right center;
        }

        .radio_btnlist td .select_account {
            cursor: default;
            background: url(/images/choisir-paiement-select.png) no-repeat right center;
        }

            .radio_btnlist td .select_account:hover {
                cursor: default;
                background: url(/images/choisir-paiement-select.png) no-repeat right center;
            }

        .radio_btnlist td div:hover {
            background: url(/images/choisir-paiement-h.png) no-repeat right center;
        }


.condition-vente {
    font-size: var(--size_p);
    text-align: center;
}

.product_constructeur span {
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

/* 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: var(--blanc);
}

.localisation a {
    color: var(--blanc);
    text-transform: uppercase;
    padding: 8px 20px;
}

.geolocalisation {
    height: var(--val_40);
}

.map {
    float: left;
}

.localisation {
    background: var(--noir);
    text-align: center;
}

    .localisation img {
        margin-right: var(--val_10);
        position: relative;
        top: 6px;
    }

.switch-mag {
    margin: 10px 3%;
    color: var(--blanc);
}

.cbtk-mag {
    width: 210px;
    float: left;
}

#_ctl0_ContentPlaceHolder1_txt_mag_recherche {
    width: 210px;
    border: 1px solid var(--blanc);
    height: 39px;
    padding: 0 10px;
    background: var(--blanc);
}



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: var(--val_40);
    width: var(--val_40);
    background: var(--bleu) 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: var(--val_30);
    color: var(--blanc);
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center;
    margin-top: var(--val_30);
    margin-bottom: var(--val_30);
}

.sep-hori {
    height: 2px;
    width: 100%;
    background: url(../images_assets/sep-horizontal.png);
}

.mag-content-accueil {
    overflow: hidden;
    text-align: center;
}

    .mag-content-accueil span {
        display: block;
        margin: var(--marg_25_0);
        font-size: var(--size_h3);
        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: var(--val_35);
    background-image: url(icon-sprite.png);
}

.icon-Collissimo {
    background-position: -264px -198px;
    width: 91px;
}


.magasins .firstletter span {
    text-transform: uppercase;
    font-size: var(--size_h3);
    color: var(--gris_200);
}

.float-mag {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 3.5%;
    width: 18%;
    margin-bottom: var(--val_25);
    font-size: var(--size_p);
    text-align: justify;
    text-align-last: center;
}

.text_mag_encart {
    font-size: var(--size_p);
    line-height: var(--val_20);
}

.color-mag-all {
    overflow: hidden;
    font-size: 0;
}



.magasins .firstletter {
    margin: var(--marg_25_0);
    text-align: center;
}

#contentlanding .firstletter {
    font-weight: var(--semibold);
    color: var(--noir);
    text-transform: uppercase;
    font-size: var(--size_h3);
}

#contentlanding .ouverture {
    text-transform: uppercase;
    color: #107200;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

#contentlanding .fermeture {
    color: #ff6e04;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.ferme {
    color: #cb192d;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.mag-proche-accueil ul {
    list-style: none;
}

    .mag-proche-accueil ul li {
        width: 300px;
        display: inline-block;
        text-align: center;
        border: 1px solid var(--gris_200);
        margin-bottom: var(--val_10);
        position: relative;
        margin-right: var(--val_10);
        padding-bottom: var(--val_10);
    }

        .mag-proche-accueil ul li:last-child {
            margin-right: 0px;
        }

.mag-proche-accueil li .horaire-mag-accueil {
    background: var(--gris_200);
    text-align: center;
    color: var(--blanc);
    padding: 10px 25px;
    text-transform: uppercase;
    border: 1px solid var(--gris_200);
    transition: all 0.5s;
    line-height: var(--val_40);
}

.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: var(--val_25);
}

.mag-proche-accueil ul {
    margin: var(--marg_25_0);
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.color-mag.color-mag-solo .ui-block-a {
    margin-top: var(--val_10);
}

.mag-proche-accueil li .horaire-mag-accueil:hover {
    color: var(--gris_200);
    background: var(--blanc);
}

.mag-proche-accueil {
    overflow: hidden;
    background: var(--blanc);
    border: 1px solid #c2c2c2;
}

.img-mag-accueil {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

#contentlanding .txt-mag-accueil p {
    font-size: var(--size_p);
    text-align: justify;
}

#contentlanding .txt-mag-accueil h1 {
    margin-top: 0px;
}

.all-seo-mag {
    margin-bottom: var(--val_30);
}

/* MAG */


.pl_all {
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
    font-size: var(--size_p);
    line-height: var(--val_20);
}

    .pl_all a:hover {
        text-decoration: underline;
    }

.jqvmap-label {
    position: absolute;
    width: auto;
    color: var(--jaune);
    border-radius: var(--val_20);
    padding: 8px;
    margin-left: var(--val_30);
    margin-bottom: var(--val_10);
    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: var(--size_p);
}

.horaire-mag-accueil {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.text_mag_encart_bold {
    color: var(--noir);
    font-weight: var(--semibold);
    font-size: var(--size_p);
    text-shadow: none;
    margin-bottom: var(--val_5);
    text-align: center;
}

.color-mag.color-mag-solo .ui-block-a .text_mag_encart_bold {
    text-align: left;
}

.sep-marg {
    margin-bottom: var(--val_25);
}
/* Fin Bloc Magasins */
/* ESPACE COMPTE */
.votre-compte .firstletter {
    margin: var(--marg_15_0);
    text-align: center;
}

.votre-compte {
    position: relative;
}

.deconnexion-compte {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 132px;
}

    .deconnexion-compte input {
        color: var(--blanc);
        width: 132px;
        font-size: var(--size_p);
        background: black url(/images/power-button-outline-w.png) no-repeat 5px center;
        text-transform: uppercase;
        border: 1px solid var(--noir);
        padding: 0 10px 0 25px;
        cursor: pointer;
        line-height: var(--val_25);
        border-radius: 5px !important;
        font-size: var(--size_p);
        background-size: 14px;
    }

        .deconnexion-compte input:hover {
            background: #333333 url(/images/power-button-outline-w.png) no-repeat 5px center;
            background-size: 14px;
        }

.nom-compte {
    text-align: center;
    margin-top: var(--val_25);
    margin-bottom: var(--val_25);
    font-weight: var(--semibold);
}

.votre-compte .label_size_account_margin-1 {
    width: 356px;
    text-align: center;
    float: left;
    padding: 10px 25px;
    background: var(--blanc);
    border: 1px solid #c8c8c3;
    margin-right: 28px;
    margin-bottom: var(--val_25);
    transform: scale(1.00);
    overflow: hidden;
    transition: transform 0.5s;
    font-weight: var(--semibold);
}

    .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;
    }


    .votre-compte .label_size_account_margin-1::after {
        left: 0;
    }

    .votre-compte .label_size_account_margin-1::before, .votre-compte .label_size_account_margin-1::after {
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        background: var(--noir);
    }

    .votre-compte .label_size_account_margin-1::before, .votre-compte .label_size_account_margin-1::after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        background: var(--noir);
    }

    .votre-compte .label_size_account_margin-1:hover .moncomptelien::before, .votre-compte .label_size_account_margin-1:hover .moncomptelien::after {
        height: 100%;
    }

    .votre-compte .label_size_account_margin-1:hover .moncomptelien::before, .votre-compte .label_size_account_margin-1:hover .moncomptelien:after {
        top: 0;
    }

.moncomptelien::before, .moncomptelien::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    background: var(--noir);
}

.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: var(--val_10);
    width: var(--val_40);
}

.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: var(--val_20);
    font-size: var(--size_p);
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.votre-compte .label_size_account_margin-1 .sep-hori {
    margin: var(--marg_10_0);
}

.votre-compte .label_size_account_margin-1 p {
    border: none;
    background: none;
    padding: 0px;
    margin-bottom: 0px;
    width: auto;
    cursor: pointer;
    line-height: var(--val_20);
    text-transform: uppercase;
    font-size: var(--size_p);
    display: inline-block;
    font-weight: var(--semibold);
    vertical-align: middle;
}

.votre-compte .label_size_account_margin-1.last-icone-compte {
    margin-right: 0px;
    float: right;
}

.panel-compte {
    display: none;
}

.retour-boutique-compte {
    clear: both;
    background: var(--bleu);
    line-height: 38px;
    text-align: center;
    width: 130px;
    transition: all 0.5s;
    border: 1px solid var(--bleu);
    margin: 0 auto 15px;
    border-radius: 0;
}

    .retour-boutique-compte a {
        color: var(--blanc);
        font-size: var(--size_p);
        text-transform: uppercase;
        transition: all 0.5s;
    }

    .retour-boutique-compte:hover {
        background: #416d81;
    }

.tout-menu .global-menu.menu-bureautique.menu-bonplan.black-menu {
    float: none;
}

.bt-retour-compte input {
    color: var(--blanc);
    font-size: var(--size_p);
    text-transform: uppercase;
    clear: both;
    background: black url(/images/hover-bouton.png) no-repeat -500px center;
    line-height: var(--val_35);
    text-align: center;
    width: 120px;
    border: 1px solid var(--noir);
    cursor: pointer;
    border-radius: 5px !important;
}

    .bt-retour-compte input:hover {
        background: black url(/images/hover-bouton.png) no-repeat left center;
    }

.votre-compte .firstletter {
    margin: var(--marg_15_0);
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
}

    .votre-compte .firstletter span {
        text-transform: uppercase;
    }

.votre-compte .sep-hori {
    background: var(--noir);
    height: 1px;
}

.bt-retour-compte {
    margin: 10px auto 25px;
    width: 120px;
    clear: both;
}

.statut-commande {
    width: 100%;
    font-weight: var(--semibold);
    text-transform: uppercase;
    background: #1267B3;
    color: var(--blanc);
    padding: 10px 0 10px 0px;
}

    .statut-commande label {
        margin-left: var(--val_10);
        text-transform: uppercase;
    }

        .statut-commande label span {
            text-transform: uppercase;
        }

.historique-commande {
    margin-top: var(--val_25);
}

.histo-commande {
    background: #132643;
    padding: var(--val_10);
    overflow: hidden;
}

    .histo-commande span, .histo-commande a {
        color: var(--blanc);
        font-weight: var(--semibold);
    }

    .histo-commande input {
        background: var(--gris_200);
        color: var(--blanc);
        border: none;
        text-transform: uppercase;
        font-weight: var(--semibold);
        cursor: pointer;
    }

    .histo-commande p {
        color: var(--blanc);
    }


    .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: var(--gris_200);
    color: var(--blanc);
    border: 1px solid #c8c8c3;
    margin: 0 1px;
    padding: 3px 5px;
    display: inline-block;
}

.pagination-histo a {
    background: var(--blanc);
    color: var(--gris_200);
    transition: all 0.5s;
    padding: 3px 5px;
    border: 1px solid #c8c8c3;
    display: inline-block;
    margin: 0 1px;
}

    .pagination-histo a:hover {
        background: var(--gris_200);
        color: var(--blanc);
        border: 1px solid #c8c8c3;
    }

.pagination-histo {
    background: var(--blanc);
    margin-top: var(--val_15);
    border: 1px solid #c8c8c3;
    margin-bottom: var(--val_25);
    padding: 8px 25px;
}

.suivi-histo {
    width: 125px;
}

.detail-histo input {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    color: var(--gris_200);
    font-weight: normal;
    padding: 8px 25px;
    font-size: var(--size_p);
    border: 1px solid var(--jaune);
}


    .detail-histo input:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.contact-histo a {
    background: #132643 url(/images/hover-bouton.png) no-repeat -500px center;
    color: var(--blanc);
    font-weight: normal;
    padding: 0px 25px;
    line-height: 32px;
    display: block;
    text-transform: uppercase;
    border: 1px solid var(--blanc);
    font-size: var(--size_p);
}


    .contact-histo a:hover {
        background: #132643 url(/images/hover-bouton.png) no-repeat left center;
    }

.contact_cyber_rail .firstletter {
    text-align: center;
    margin: var(--marg_25_0);
}

.contact_cyber_rail .sep-hori {
    margin-bottom: var(--val_25);
}

.contact_cyber_rail table {
    width: 100%;
    text-align: center;
    margin-bottom: var(--val_25);
}

.contact_cyber_rail thead {
    background: var(--gris_200);
    color: var(--blanc);
    line-height: var(--val_40);
    text-transform: uppercase;
}

    .contact_cyber_rail thead th span {
        text-transform: uppercase;
    }

.contact_cyber_rail tbody {
    background: var(--blanc);
    border-left: 1px solid #c8c8c3;
    border-right: 1px solid #c8c8c3;
    border-bottom: 1px solid #c8c8c3;
}

.contact_cyber_rail tr {
    border-bottom: 1px solid #c8c8c3;
}

    .contact_cyber_rail tr td:last-child {
        color: #1267B3;
        font-weight: var(--semibold);
        font-size: var(--size_h4);
    }

.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: var(--blanc);
        border: 1px solid #1267B3;
        line-height: 38px;
        padding: 0 25px;
        transition: all 0.5s;
        text-transform: uppercase;
    }


        .charger-detail input:hover {
            background: var(--blanc);
            color: #1267B3;
            padding: 0 25px;
        }

.contact_cyber_rail .bt-retour-compte {
    float: left;
}

.votre-compte .table-devis {
    width: 100%;
    background: var(--blanc);
    text-align: center;
    margin: var(--marg_25_0);
}

.table-devis thead {
    background: #132643;
    color: var(--blanc);
    line-height: var(--val_40);
}

    .table-devis thead span {
        line-height: var(--val_35);
        font-size: var(--size_p);
        text-transform: uppercase;
    }

.table-devis tr {
    height: var(--val_40);
    border-bottom: 1px solid #c8c8c3;
}

.table-devis tbody {
    border-bottom: 1px solid #c8c8c3;
    border-left: 1px solid #c8c8c3;
    border-right: 1px solid #c8c8c3;
}

    .table-devis tbody tr:last-child {
        border-bottom: none;
    }

    .table-devis tbody tr button.del-devis,
    .table-devis tbody tr input {
        background: black url(/images/hover-bouton.png) no-repeat -500px center;
        border: 1px solid var(--noir);
        line-height: var(--val_30);
        padding: 0 15px;
        color: var(--blanc);
        font-size: var(--size_p);
        border-radius: 5px !important;
    }

        .table-devis tbody tr button.del-devis:hover,
        .table-devis tbody tr input:hover {
            background: black url(/images/hover-bouton.png) no-repeat left center;
        }

    .table-devis tbody tr td {
        vertical-align: middle;
        font-size: var(--size_p);
    }

.madame-mr {
    margin-top: var(--val_25);
    margin-bottom: 0px;
}

    .madame-mr table {
        display: block;
    }


    .madame-mr tr {
        display: block;
        height: var(--val_30);
    }

.votre-compte .compte .madame-mr td {
    display: inline-block;
    margin-right: var(--val_15);
}

.votre-compte .compte .madame-mr input {
    width: var(--val_15);
    margin-right: 2px;
}

.votre-compte .compte .madame-mr label {
    display: inline-block;
}

.votre-compte .compte label {
    display: block;
    text-align: left;
    margin-bottom: var(--val_5);
}

.votre-compte .compte input {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 100%;
    padding: 0 10px;
}

.votre-compte .compte select {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    height: var(--val_30);
    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: var(--size_p);
    padding-left: 2px;
}

.votre-compte .sauvergarde-compte {
    clear: both;
    text-align: center;
}

    .votre-compte .sauvergarde-compte input {
        background: #132643 url(/images/hover-bouton.png) no-repeat -500px center;
        border: 1px solid #132643;
        text-transform: uppercase;
        color: var(--noir) !important;
        padding: 0px 40px;
        cursor: pointer;
        font-family: 'Outfit', sans-serif;
        line-height: 38px;
        margin-top: var(--val_25);
        width: 200px;
        text-align: center;
        font-size: var(--size_p);
        font-weight: var(--semibold);
        /*  border-radius: 5px !important;*/
    }




        .votre-compte .sauvergarde-compte input:hover {
            background: #132643 url(/images/hover-bouton.png) no-repeat left center;
        }

.votre-compte label.retractation, .votre-compte .retractation {
    font-size: var(--size_p);
    color: #7a7a7a;
    text-align: center;
    display: block;
    clear: both;
    margin-top: var(--val_25);
}

.votre-compte .compte .inscription-news input {
    width: var(--val_20);
    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: var(--size_p);
    display: block;
    margin-top: var(--val_15);
}

.bold {
    text-transform: uppercase;
    font-size: var(--size_p);
}

.inscription-compte {
    background: var(--blanc);
    width: 70%;
    border: 1px solid #c8c8c3;
    margin: 15px auto;
    overflow: hidden;
}

.title_password span {
    font-size: var(--size_p);
    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: var(--val_5);
}

.votre-compte .inscription-compte input {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 300px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto 10px;
}

.votre-compte .inscription-compte select {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    height: var(--val_30);
    width: 100%;
    padding: 0 10px;
    margin-bottom: var(--val_10);
}

.votre-compte .inscription-compte .madame-mr input {
    width: var(--val_15);
    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: var(--val_15);
}

.warp-inscri {
    margin-bottom: var(--val_25);
}

.votre-compte .inscription-compte .inscription-news input {
    width: var(--val_20);
    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: var(--val_10);
}

.retractation1 {
    margin-bottom: var(--val_25);
}

.modification-adresse {
    width: 950px;
    margin: 25px auto 0;
    overflow: hidden;
}

.modif-adresse {
    background: var(--blanc);
    width: 348px;
    border: #c8c8c3 1px solid;
    padding: 25px 50px;
    text-align: center;
    display: inline-block;
    margin-right: 45px;
    font-size: 0px;
    margin-bottom: var(--val_25);
}

.modification-adresse div:nth-child(2n) {
    margin-right: 0px;
}

.votre-compte .delivery_width input:hover {
    background: var(--blanc);
    color: #1267B3;
}

.votre-compte .delivery_width input {
    background: #1267B3;
    border: 1px solid #1267B3;
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: var(--blanc);
    padding: 0px 40px;
    cursor: pointer;
    font-weight: var(--semibold);
    font-family: 'Outfit', sans-serif;
    line-height: 38px;
    text-align: center;
    margin-bottom: var(--val_25);
}

.votre-compte .delivery_width {
    text-align: center;
}

.modif-adresse .cbk_label_adresse {
    margin: var(--marg_10_0);
    font-size: 16px;
}

.modification-adresse .firstletter {
    margin-top: 0px;
    font-size: var(--val_20);
}

.modif-livraison:hover {
    background: black url(/images/hover-bouton.png) no-repeat left center;
}

.modif-livraison {
    background: black url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--noir);
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: var(--blanc);
    padding: var(--marg_0_20);
    cursor: pointer;
    font-size: var(--size_p);
    line-height: 38px;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

.correction_theme-g {
    text-align: center;
    background: var(--blanc);
    border: 1px solid #c8c8c3;
    margin: 25px auto 0;
    width: 950px;
    padding: var(--marg_15_0);
}

    .correction_theme-g .label_size_account_correction {
        background: var(--gris_50);
        border: 1px solid #c8c8c3;
        width: auto;
        padding: 5px 10px;
        line-height: var(--val_20);
    }

.inscri-2 .madame-mr {
    margin-top: 0px;
}

.facultatif-compte {
    margin-top: var(--val_25);
}

.bouton-bottom {
    margin: var(--marg_25_0);
    overflow: hidden;
}

.bouton-bottom-l {
    float: left;
}

    .bouton-bottom-l input:hover {
        background: var(--blanc);
        color: var(--gris_200);
    }

    .bouton-bottom-l input {
        clear: both;
        background: black url(/images/hover-bouton.png) no-repeat -500px center;
        border: 1px solid var(--noir);
        text-transform: uppercase;
        color: var(--blanc);
        padding: var(--marg_0_20);
        cursor: pointer;
        font-size: var(--size_p);
        line-height: 38px;
    }

.bouton-bottom-r input:hover {
    background: black url(/images/hover-bouton.png) no-repeat left center;
}

.bouton-bottom-r input {
    background: var(--bleu);
    border: 1px solid var(--bleu);
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: var(--blanc);
    padding: 0px 40px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    line-height: 38px;
    width: 300px;
}

.bouton-bottom-r {
    float: right;
}

.login-fail {
    text-align: center;
    color: #9e0117;
    display: block;
}

.contact-form1 {
    background: var(--blanc);
    width: 50%;
    border: #c8c8c3 1px solid;
    padding: 25px 50px;
    margin: 0 auto 25px;
}

    .contact-form1 span {
        text-align: left;
        margin: 0px 0 5px;
        font-weight: var(--semibold);
        display: block;
    }

    .contact-form1 .creer_compte_j input {
        background: var(--jaune);
        color: var(--noir);
        width: 100%;
        text-transform: uppercase;
        padding: 0 10px;
        text-align: center;
        margin-bottom: var(--val_10);
        cursor: pointer;
        line-height: 38px;
        border: none;
    }


        .contact-form1 .creer_compte_j input:hover {
            background: #ffe266;
        }

    .contact-form1 .creer_compte_f input {
        background: var(--gris_200);
        color: var(--blanc);
        width: 100%;
        text-transform: uppercase;
        padding: 0 10px;
        text-align: center;
        margin-bottom: var(--val_10);
        cursor: pointer;
        line-height: 38px;
    }

        .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: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 100%;
    padding: 0 10px;
}

.bt-retour-compte-top {
    margin-top: var(--val_15);
    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: var(--marg_10_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: var(--val_5);
    text-transform: uppercase
}

.univers-gamer .liste-categ div img {
    width: 100%
}

.univers-gamer .title_fiche_produit {
    margin: var(--marg_25_0);
    text-align: center
}


.gaming_txt {
    width: 100%;
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: .8em;
    text-transform: uppercase;
    text-align: center;
    background-color: #1f2a30;
    color: var(--blanc);
    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: var(--val_15);
    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: var(--semibold);
    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: var(--val_5);
    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: var(--val_15);
    font-weight: bold
}

.univers-gamer .description {
    margin-bottom: var(--val_25);
}

.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: var(--size_p);
        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: var(--blanc);*/
                color: var(--blanc);
                background: var(--gris_200);
                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: var(--val_30);
                border: 1px solid var(--gris_200);
                height: var(--val_30);
            }

                .liste-pc section article div.btn .link.link-fiche:hover {
                    color: var(--gris_200);
                    background: var(--blanc);
                }

                .liste-pc section article div.btn .link.link-fiche:hover {
                    /*border: 2px solid #32424b;
    background-color: #32424b;
    color: var(--blanc);*/
                    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: var(--val_30);
                /*background-color: #1f2a30;
    border: 2px solid #1f2a30;*/
                background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
                text-decoration: none;
                cursor: pointer;
                font-size: 0.9em;
                font-weight: normal;
                text-transform: uppercase;
                color: var(--gris_200);
                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: var(--val_30);
                border: 1px solid var(--jaune);
            }

                .liste-pc section article div.btn .link.link-panier:hover {
                    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
                }

    .liste-pc section article .prix {
        font-size: var(--size_h4);
        font-weight: var(--semibold);
    }
/*FIN LISTE PC*/
/*FICHE PC*/
.fiche-pc div#table_responsive {
    max-width: initial;
}

.fiche-pc article li {
    padding-bottom: 12px;
    font-size: var(--size_p);
}

.fiche-pc .img-bloc {
    margin-top: var(--val_25);
    text-align: center;
}

.fiche-pc .txt-fiche-prod ul {
    margin-top: var(--val_10);
}

/*FIN FICHE PC*/
/* MARQUE */

.toute-marque .carousel-main img {
    width: 100%;
}

.toute-marque .firstletter {
    text-align: center;
    margin: var(--marg_15_0);
}

.img-demarque {
    text-align: center;
    font-size: 0px;
    margin: var(--marg_25_0);
}

    .img-demarque div {
        display: inline-block;
        font-size: 16px;
        margin-right: 100px;
    }

.toute-marque .cbk_left {
    float: left;
    margin-right: var(--val_20);
    width: 305px;
    font-size: 0px;
    margin-bottom: var(--val_20);
}

.bbblock {
    margin-top: var(--val_25);
    border: 1px solid #c2c2c2;
    overflow: hidden;
    background: var(--blanc);
    box-sizing: border-box;
    padding-bottom: var(--val_15);
}

.toute-marque .cbk_left p {
    font-size: 16px;
    text-align: center;
    background: var(--gris_200);
    color: var(--jaune);
    margin-bottom: var(--val_5);
    padding: var(--marg_5_0);
    font-weight: var(--semibold);
}

.toute-marque .cbk_left a {
    margin-left: var(--val_10);
}

    .toute-marque .cbk_left a:hover {
        font-weight: var(--semibold);
    }

.toute-marque .cbk_left p:first-child {
    margin-top: 0;
}

.toute-marque .cbk_left {
}

    .toute-marque .cbk_left a {
        font-size: var(--size_p);
        display: block;
        margin-bottom: var(--val_5);
    }



    .toute-marque .cbk_left.last-cbk-left {
        margin-right: 0px;
    }

.marque div div img {
    width: 100%;
}

.marque .firstletter {
    text-align: center;
    margin: var(--marg_25_0);
}

.descriptive_Text {
    font-size: var(--size_p);
    margin-bottom: var(--val_25);
    clear: both;
    line-height: 18px;
}

.marque .solo_brand_descriptive {
    text-align: center;
    margin-top: var(--val_25);
    margin-bottom: var(--val_15);
    font-weight: var(--semibold);
    text-transform: uppercase;
}


.marque .product_constructeur1 input:hover {
    background: black url(/images/hover-bouton.png) no-repeat left center;
}

.marque .product_constructeur1 input {
    background: var(--noir);
    border: 1px solid var(--noir);
    text-transform: uppercase;
    color: var(--blanc);
    padding: var(--marg_0_20);
    cursor: pointer;
    font-size: var(--size_p);
    line-height: 38px;
}

.marque .product_constructeur1 {
    float: left;
    margin-bottom: var(--val_25);
}

.overflow {
    overflow: hidden;
}

.plus-de-produit {
    text-align: center;
    font-size: var(--val_30);
    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 var(--noir);
}

    .marque .categorie-marque div div a:hover {
        background: var(--blanc);
        color: var(--noir);
    }

    .marque .categorie-marque div div a {
        font-size: var(--size_p);
        padding: 8px 0;
        display: block;
        font-weight: var(--semibold);
        background: var(--noir);
        color: var(--blanc);
        transition: all 0.5s;
        min-height: var(--val_40);
        display: flex;
        justify-content: center;
        align-items: center;
    }
/* FIN MARQUE*/

/* PAGE CODE PROMO */
.code-promo .carousel-main img {
    width: 100%;
}

.code-promo .firstletter {
    margin: var(--marg_25_0);
    text-align: center;
}

.code-promo .contentlandingjustify div div {
    float: left;
    width: 236px;
    background: var(--blanc);
    position: relative;
    margin: 0 10px 25px;
}

.code-promo .ctnanormalblack {
    padding-top: 0;
}

.code-promo .contentlandingjustify div .solde_titre {
    margin-left: 0;
    margin-right: 0;
    height: 39px;
    overflow: hidden;
}

.code-promo .basket_button.panier span {
    text-indent: -5000px;
    display: block;
}

.code-promo .basket_button.panier {
    background: #ffcf00 url(/images/panier-cat.png) no-repeat center;
}

.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 25px;
}

.code-promo img {
    width: 100%;
    background-color: var(--blanc);
}

.code-promo .img-code-promo img {
    vertical-align: middle;
}


.code-promo .img-code-promo {
    height: 228px;
    background-color: var(--blanc);
    display: table-cell;
    vertical-align: middle;
    width: 305px;
    position: relative;
}

.ctnanormalblack, .bfnanormalblack {
    text-align: center;
    font-size: var(--size_p);
}

.ctnanormalblack {
    padding: 10px 15px 2px;
    font-weight: var(--semibold);
}

.bfnanormalblack {
    padding: 0px 15px 10px;
    min-height: var(--val_25);
}

.code-promo.black-friday .bfnanormalblack {
    padding: 0px 15px 10px;
    min-height: var(--val_25);
    overflow: hidden;
    height: auto;
    margin-bottom: var(--val_10);
}

.bqprice {
    font-weight: var(--semibold);
    color: var(--noir);
    font-size: var(--size_h4);
    text-align: left;
    padding: 0px 5px 10px;
}

    .bqprice s {
        margin-left: var(--val_10);
        text-decoration: line-through;
        color: var(--blanc);
        font-size: var(--size_p);
        font-weight: normal;
    }

.strikediag {
    display: inline-block;
    position: relative;
    color: var(--rouge);
}

    .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: var(--gris_200);
    font-weight: var(--semibold);
    color: var(--jaune);
    font-size: var(--size_h4);
}

.code-promo .nv-button-products a {
    display: block;
    border: 1px solid var(--jaune);
    background: var(--jaune);
    text-align: center;
}

    .code-promo .nv-button-products a:hover {
        background: var(--gris_200) url(/images/panier-cat-j-hover.png) no-repeat 68px center;
        color: var(--blanc);
    }

    .code-promo .nv-button-products a span {
        text-transform: uppercase;
        font-size: var(--size_p);
    }

.code-promo .nv-button-products a {
    text-transform: uppercase;
    color: var(--gris_200);
    transition: all 0.5s;
    cursor: pointer;
    line-height: var(--val_35);
    padding-left: 45px;
    background: #ffcf00 url(/images/panier-cat-j.png) 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 #c8c8c3;
}

    .recherche .pagination-div.pagination-div-top {
        background: none;
        border: none;
        margin-bottom: 0px;
        display: flex;
    }

.recherche .categorie-r .pagination {
    display: block !important;
}


.recherche .categorie-filtre .prod_background {
    margin-right: var(--val_20);
}

    .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: var(--semibold);
    display: block;
    font-size: var(--size_p);
    text-align: center;
    color: #107200;
}

.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: var(--size_p);
    display: inline-block;
    margin: 3px 0px;
}

.recherche .categorie-r .cbk_cell_align_middle div button {
    color: var(--blanc);
    text-transform: uppercase;
    cursor: pointer;
}

.recherche .categorie-r .cbk_cell_align_middle:hover div button {
    color: var(--blanc);
    text-transform: uppercase;
}


.recherche .categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: var(--gris_200);
    font-size: var(--size_p);
    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;
}

/*.prodfiche_venteflash {
    background: #cb192d;
    color: var(--blanc);
    padding: 5px 10px;
}*/

.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: var(--blanc);
    }

.univers-gamer .categ .gaming_txt {
    transition: all 0.5s;
}

.univers-gamer .categ:hover .gaming_txt {
    background: var(--bleu);
}


.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 #c8c8c3;
}

    .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: var(--val_15);
    border: none;
    margin-right: var(--val_25);
}

    .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: var(--blanc);
    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: var(--size_h4);
    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: var(--size_p);
    height: auto;
    padding: 0;
    width: auto;
    margin-left: var(--val_10);
}

.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: var(--jaune);
    text-align: center;
    position: absolute;
    bottom: 4px;
    right: var(--val_20);
    width: var(--val_35);
    height: var(--val_35);
    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: var(--noir);
    font-weight: var(--semibold);
}

.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: var(--semibold);
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .nom-produit {
    padding: var(--val_10);
    text-align: center;
    height: auto;
    width: auto;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle span {
    color: var(--noir);
    text-align: center;
    margin-top: var(--val_5);
    font-weight: normal;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp span {
    font-weight: var(--semibold);
    color: #cb192d;
    vertical-align: middle;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .descriptif-cat {
    color: var(--gris_200);
    text-align: center;
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .price_prod_resp .barre {
    display: inline-block;
    font-size: var(--size_p);
    text-decoration: line-through;
    color: var(--noir);
    vertical-align: middle;
    margin-right: var(--val_5);
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .cbk_tag_bonplan {
    position: absolute;
    top: 0px;
    color: var(--blanc);
    background: var(--bleu);
    transform: rotate(-0deg);
    padding: 0 2px;
    width: 80px;
    font-size: var(--size_p);
    line-height: var(--val_15);
    left: var(--val_10);
    display: block;
    border-radius: var(--val_10);
    text-align: center;
    margin-bottom: var(--val_5);
    font-weight: var(--semibold);
}

.bonnes-affaires .categorie-filtre.lst_grid .cbk_cell_align_middle .prodfiche_dispo {
    position: absolute;
    background-color: #107200;
    top: 231px;
    color: var(--blanc);
    font-weight: var(--semibold);
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    display: block;
    height: var(--val_20);
    line-height: var(--val_20);
    text-align: center;
}

.bonnes-affaires .categorie-filtre.lst_grid .nom-produit a {
    color: var(--blanc);
    font-size: var(--size_p);
    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: var(--val_10);
    color: var(--blanc);
    background: var(--gris_200);
    padding: 15px 20px;
}

.partage-fiche .img_partage_fiche_produit {
    float: left;
    margin-top: var(--val_10);
}

.partage-fiche .frm_partage_fiche {
    width: 504px;
    float: right;
}

.partage-fiche .btn_envoyer {
    clear: both;
    background: var(--bleu);
    line-height: 38px;
    text-align: center;
    width: 160px;
    transition: all 0.5s;
    border: 1px solid var(--bleu);
    margin: 0 auto 25px;
    color: var(--blanc);
    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: var(--blanc);
    color: var(--bleu);
}

.partage-fiche .ui-field-contain {
    margin-top: 8px;
}

.partage-fiche .price_prod_resp {
    font-weight: var(--semibold);
    font-size: var(--size_h4);
}
/*FIN PARTAGE FICHE MAIL*/
/*MOT DE PASSE PERDU*/
.lost-mdp {
    background: var(--gris_50);
    height: 460px;
    overflow: hidden;
}

    .lost-mdp .title_fiche {
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin-bottom: var(--val_10);
        color: var(--blanc);
        background: var(--noir);
        padding: 15px 20px;
    }

    .lost-mdp .btn_envoyer {
        clear: both;
        background: var(--bleu);
        line-height: 38px;
        text-align: center;
        width: 160px;
        transition: all 0.5s;
        border: 1px solid var(--bleu);
        margin: 0 auto 25px;
        color: white
    }

    .lost-mdp .ui-field-contain {
        margin-top: 8px;
    }

    .lost-mdp .btn_envoyer:hover {
        background: var(--blanc);
        color: var(--bleu);
        cursor: pointer;
    }

.btn_mpd {
    font: bold 11px 'Montserrat', sans-serif;
    text-decoration: none;
    padding-left: var(--val_40);
    padding-bottom: 2px;
    padding-top: 2px;
}
/*FIN MOT DE PASSE PERDU*/

.popinfo_delais {
    background: var(--gris_50);
    overflow: hidden;
}

    .popinfo_delais .label_pwdtxt b {
        text-transform: uppercase;
        font-weight: var(--semibold);
    }

    .popinfo_delais input {
        line-height: var(--val_30);
        border: 1px solid #c8c8c3;
        padding-left: var(--val_10);
        padding-right: var(--val_10);
    }

    .popinfo_delais .title_fiche {
        text-transform: uppercase;
        display: block;
        text-align: center;
        margin-bottom: var(--val_10);
        color: var(--blanc);
        background: var(--noir);
        padding: 15px 20px;
    }

    .popinfo_delais .btn_envoyer {
        clear: both;
        background: var(--bleu);
        line-height: 38px;
        text-align: center;
        width: 160px;
        transition: all 0.5s;
        border: 1px solid var(--bleu);
        margin: 0 auto 25px;
        color: white
    }

    .popinfo_delais .ui-field-contain {
        margin-top: 8px;
    }

    .popinfo_delais .btn_envoyer:hover {
        background: var(--blanc);
        color: var(--bleu);
        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: var(--marg_25_0);
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}


.conditions .sep-hori {
    margin-bottom: var(--val_25);
}

.conditions h2 {
    font-weight: var(--semibold);
    margin-top: var(--val_15);
    margin-bottom: var(--val_5);
    text-decoration: underline;
}

.conditions {
    margin-bottom: var(--val_25);
}

    .conditions p {
        text-align: justify;
        font-size: var(--size_p);
        line-height: var(--val_20);
    }
/* Fin de condition */

/* Contact */
.tit-mag.firstletter {
    margin: var(--marg_15_0);
    text-align: center;
}

.txt-center {
    text-align: center;
}

.question-compte {
    margin: var(--marg_25_0);
}

.envoyer-contact input:hover {
    background: var(--blanc);
    color: var(--bleu);
}

.envoyer-contact {
    text-align: center;
}

.block-contact .envoyer-contact input {
    background: var(--jaune);
    border: 1px solid var(--jaune);
    transition: background 0.5s, color 0.5s;
    text-transform: uppercase;
    color: var(--noir);
    padding: 0px 40px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    line-height: 38px;
    width: 300px;
    text-align: center;
}

    .block-contact .envoyer-contact input:hover {
        transform: scale(1.05);
    }

.block-contact {
    background: var(--blanc);
    border: 1px solid #c8c8c3;
    margin: 10px 0 25px;
    padding: var(--val_25);
    overflow: hidden;
    position: relative;
}

.sep-hori2 {
    margin-bottom: var(--val_25);
}

.block-contact .label_warning {
    margin: 0px;
}

.block-contact-left {
    float: left;
    width: 350px;
}

.block-contact label {
    display: block;
    text-align: left;
    margin-bottom: var(--val_5);
}

.block-contact input {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 328px;
    padding: 0 10px;
}

.block-contact-right select {
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    line-height: var(--val_30);
    text-align: left;
    margin-bottom: var(--val_10);
    width: 328px;
    padding: 0 10px;
    height: 32px;
}

.block-contact-right textarea {
    width: 800px;
    background: var(--gris_50);
    border: 1px solid #c8c8c3;
    height: 145px;
}

.block-contact-right {
    width: 800px;
    float: right;
}

/* Fin Contact*/

/* Qui nous sommes */
.img-100 img {
    width: 100%;
}

.histoire .sep-hori {
    margin-bottom: var(--val_25);
}

.histoire .firstletter {
    margin: var(--marg_15_0);
    text-align: center;
    font-weight: var(--semibold);
    color: var(--bleu);
}

.contentinfo {
    margin: var(--marg_25_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: var(--size_p);
    line-height: var(--val_20);
    text-align: justify;
}

/* FIN Qui nous sommes */

/* 404 */
.notfound {
    margin: var(--marg_25_0);
    text-align: center;
}

    .notfound .sep-hori {
        margin: var(--marg_25_0);
    }

.notfoundvignette {
    text-align: center;
    margin: var(--marg_25_0);
}

    .notfoundvignette li {
        display: inline-block;
        margin: 0 10px;
    }
/* FIN 404 */

/* 3 Fois Sans frais*/

.xsansfrais .img-100 umg {
    margin: 0;
}

.xsansfrais .firstletter {
    margin: var(--marg_15_0);
    text-align: center;
    font-weight: var(--medium);
    color: var(--gris_200);
}

.xsansfrais .sep-hori {
    margin-bottom: var(--val_25);
}

.xsansfrais p {
    text-align: justify;
    font-size: var(--size_p);
    line-height: var(--val_20);
}

    .xsansfrais p span {
        font-weight: var(--semibold);
    }

.srv3dsecure {
    margin-top: var(--val_25);
    display: block;
}

.center-img1 {
    text-align: center;
    margin-bottom: var(--val_25);
}

.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: var(--val_10);
}

.partenaires .cbk_center {
    float: left;
    margin-bottom: var(--val_25);
    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: var(--val_10);
}

.presse h2 {
    margin-bottom: var(--val_5);
    font-weight: var(--medium);
    margin-top: var(--val_20);
    text-transform: uppercase;
}

.presse a {
    font-weight: var(--semibold);
}

.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: var(--val_25);
}

    .destock div {
        margin-right: var(--val_20);
        width: 305px;
        float: left;
    }

        .destock div:nth-child(4n) {
            margin-right: 0px;
            float: right;
        }

        .destock div p {
            font-size: 16px;
            text-align: center;
            background: var(--noir);
            color: var(--jaune);
            margin-top: var(--val_25);
            margin-bottom: var(--val_5);
            padding: var(--marg_5_0);
            font-weight: var(--semibold);
        }

        .destock div a {
            font-size: var(--size_p);
            display: block;
            margin-bottom: var(--val_5);
        }

.config-assem {
    margin-bottom: var(--val_25);
}


/* 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: var(--noir);
}

    .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: var(--val_20);
}

.nvidia-1080 {
    background: var(--noir);
    overflow: hidden;
}

.warp-nvidia {
    width: 885px;
    margin: 0 auto;
    overflow: hidden;
}

.nvidia-1080 .img-100 {
    width: 100%;
}

.nvidia-1080 .text-1 {
    font-size: var(--val_30);
    line-height: 37px;
    text-align: center;
}

.nvidia-1080 .nvidia-video {
    color: #76b900;
    font-size: var(--size_h4);
    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: var(--size_h3);
    margin: 0px;
}

    .content-mass_effect p span {
        color: #999999;
        font-size: var(--size_h4);
    }

.content-techno {
    position: relative;
}

.right-nvidia {
    right: var(--val_20);
    position: absolute;
    top: 0;
}

.content-techno p {
    width: 500px;
    font-size: var(--size_h3);
    margin: 0px;
}

.content-jeu {
    position: relative;
}

    .content-jeu p {
        width: 500px;
        font-size: var(--size_h3);
        margin: 0px;
    }

.content-produit-1800ti {
    text-align: center;
}

    .content-produit-1800ti p {
        font-size: var(--size_h3);
        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: var(--size_p);
}

@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: var(--val_30);
    }

    .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: var(--val_30);
    }

    .content-jeu p {
        font-size: 16px;
        width: 480px;
    }

    .content-techno p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        font-size: var(--size_h3);
    }

    .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: var(--val_30);
    }

    .content-jeu p {
        font-size: 16px;
        width: 480px;
    }

    .content-techno p {
        font-size: 16px;
        width: 480px;
    }

    .nvidia-1080 .geforce-font {
        font-size: var(--size_h3);
    }

    .nvidia-1080 .text-1 {
        font-size: 16px;
    }

    .absolute-nvidia {
        position: initial;
        margin: var(--marg_20_0);
    }

    .right-nvidia {
        position: initial;
        margin: var(--marg_20_0);
    }

    .content-produit-1800ti p {
        font-size: 16px;
    }

    .nvidia-1080 .DINPRO-med {
        width: 320px;
    }
}

.nvidianormalgreen {
    margin: 0px 0px 5px;
    font-size: var(--size_p);
    line-height: 18px;
    color: #76B900;
    text-shadow: none;
    font-weight: var(--semibold);
}

.nvidianormalgreen {
    color: #76B900;
    font-weight: var(--semibold);
    height: var(--val_35);
}

.nv-custom-button:hover {
    border: 2px solid #76b900;
    background-color: #76b900;
    text-decoration: none;
    color: var(--blanc);
}

.nv-custom-button:hover {
    background-color: #76b900;
}

.nv-custom-button, .nv-custom-button:hover {
    border: 2px solid #76b900;
    text-decoration: none;
    color: var(--blanc);
}

.nv-custom-button {
    background-color: #262626;
    border: 2px solid #76b900;
    text-decoration: none;
    padding: 15px 35px;
    margin-top: var(--val_15);
    cursor: pointer;
    font-family: DINPro, verdana,arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: var(--semibold);
    text-transform: uppercase;
    color: var(--blanc);
    text-shadow: none;
    display: block;
    width: 100px;
    margin: 0 auto;
}


/* FIN PAGE NVIDIA 1080ti */

.daw3 {
    background: var(--noir);
    overflow: hidden;
}

    .daw3 .img-100p {
        width: 100%;
    }

    .daw3 .cbk_center_landing {
        width: 250px;
        float: left;
        text-align: center;
        height: 350px;
    }

.nvidiaprice {
    line-height: var(--val_35);
    color: var(--blanc);
}

.daw3 .nvidiatheme {
    clear: both;
    width: 100%;
}

.corsair {
    background: var(--noir);
    overflow: hidden;
}

    .corsair .img-100p {
        width: 100%;
    }

    .corsair .cbk_center_landing {
        width: 250px;
        float: left;
        text-align: center;
        height: 350px;
    }

.nvidiaprice {
    line-height: var(--val_35);
    color: var(--blanc);
}

.corsair .nvidiatheme {
    clear: both;
    width: 100%;
}


.concours input[type="submit"],
.concours select,
.concours .textbox_concours {
    margin-top: var(--val_15);
}

.concours input[type="submit"] {
    background: var(--jaune);
    border: 1px solid var(--jaune);
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: var(--gris_200);
    padding: 0 40px;
    cursor: pointer;
    font-weight: var(--semibold);
    line-height: 38px;
    text-align: center;
}

    .concours input[type="submit"]:hover {
        background: var(--gris_200);
        color: var(--jaune);
    }

.newsletter {
    padding: var(--marg_20_0);
}

.slide-mag ul li {
    width: 100%;
}

.slide-mag .callbacks_tabs li {
    width: var(--val_10);
}

.slide-mag .callbacks_tabs .callbacks_here {
    width: var(--val_15);
}

.code-promo .img-code-promo .bloc-reduc .reduc {
    float: right;
    width: 120px;
    color: var(--blanc);
    font-weight: var(--semibold);
    background: #cb192d;
    top: 0;
    right: 0;
    padding: var(--marg_10_0);
    text-align: center;
}



    .code-promo .img-code-promo .bloc-reduc .reduc span {
        float: left;
        width: 100%;
        font-size: var(--size_h3);
    }

    .code-promo .img-code-promo .bloc-reduc .reduc .eco {
        float: left;
        width: 100%;
        font-weight: normal;
        margin-bottom: 2px;
        font-size: var(--size_p);
    }

.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: var(--val_20);
    text-align: center;
    opacity: 0.9;
}

.strikediag span {
    color: red !important;
}

.code-promo .img-code-promo .bloc-code .code {
    float: none;
    padding: var(--val_10);
    background-color: var(--bleu);
    color: var(--blanc);
    font-size: var(--val_20);
    font-weight: var(--semibold);
}


.code-promo .titre-filtres {
    width: 100%;
    text-align: center;
    margin: 15px 0 15px;
    font-size: var(--size_h4);
}

.code-promo .filtres {
    width: 100%;
    text-align: center;
}

    .code-promo .filtres label,
    .code-promo .filtres .filtre input {
        cursor: pointer;
    }

    .code-promo .filtres .filtre {
        padding: var(--marg_0_20);
    }

        .code-promo .filtres .filtre input {
            margin-left: var(--val_10);
        }

.code-promo .sep-filtre {
    margin-top: var(--val_15);
}

.code-promo .basket_button.panier a {
    text-transform: uppercase;
    color: var(--noir);
    cursor: pointer;
    line-height: var(--val_35);
    background: #ffcf00 url(/images/panier-cat.png) no-repeat center;
    display: block;
    background-size: var(--val_20);
    text-transform: uppercase;
    text-indent: -5000px;
    width: var(--val_35);
}

.code-promo .panier {
    right: var(--val_5);
}

.code-promo .bqprice {
    font-size: var(--size_h4);
}

.basket_button_correction a {
    float: left;
    width: 12px;
    height: 16px;
    background: url(/images/corbeille.png) no-repeat var(--blanc);
    border: none;
    cursor: pointer;
}

.options-panier ul {
    padding: 15px 0 15px 15px;
    font-size: var(--size_p);
}

    .options-panier ul li {
        padding-bottom: var(--val_5);
    }

    .options-panier ul .prix-produit-total {
        text-align: right;
        padding-right: var(--val_15);
    }

.option-config {
    width: 940px;
}

.changer-compo {
    margin-bottom: var(--val_25);
}

.option {
    display: none;
}

.choix-option-config {
    float: left;
    width: 205px;
    margin-right: var(--val_10);
}

.option-composant {
    overflow: hidden;
    margin: var(--marg_25_0);
}

.nom-option-config {
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--semibold);
    color: var(--jaune);
    background: var(--gris_200);
    line-height: var(--val_35);
    border: 2px solid;
    font-size: var(--size_p);
    letter-spacing: 3px;
}

.choix-option-config img {
    width: 100%;
}

.price-config-compo {
    color: var(--jaune);
}

    .price-config-compo span {
        font-weight: var(--semibold);
        color: var(--jaune);
        font-size: var(--size_h4);
    }

.choisir-option-config {
    text-align: center;
    color: var(--gris_200);
    text-transform: uppercase;
    background: var(--jaune);
    line-height: var(--val_35);
    transition: 0.5s;
    border: 1px #ffcf00 solid;
    font-weight: var(--semibold);
    transition: 0.5s;
    cursor: pointer;
}

    .choisir-option-config div {
        text-transform: uppercase;
        font-size: var(--size_p);
        letter-spacing: 3px;
    }

.name-config {
    height: 50px;
    overflow: hidden;
}

.choisir-option-config:hover {
    background: var(--gris_200);
    color: var(--jaune);
}

.select-option-default,
.panier-paiement .basket_button_correction input {
    display: none;
}

.optionReduc .label {
    color: var(--gris_200);
}

.choix-option-config .list {
    width: 940px;
    background: var(--gris_200);
    overflow: hidden;
}

    .choix-option-config .list .list-option {
        width: 446px;
        float: left;
        margin: var(--val_10);
        line-height: 16px;
        border: 1px solid var(--jaune);
        font-size: 0;
    }

        .choix-option-config .list .list-option img {
            width: 150px;
            vertical-align: middle;
            display: inline-block;
            border-left: 20px #ffcf00 solid;
        }

.list .nom-produit {
    padding: var(--val_10);
    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: var(--size_p);
        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: var(--semibold);
        font-size: var(--size_h4);
    }

.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(/images/accessoire-boitier.jpg) no-repeat center top;
}

.categorie-marque .categorie-65 .img-marque-cat {
    background: url(/images/accessoire-portable.jpg) no-repeat center top;
}

.categorie-marque .categorie-80 .img-marque-cat {
    background: url(/images/accessoire-tel.jpg) no-repeat center top;
}

.categorie-marque .categorie-8 .img-marque-cat {
    background: url(/images/accessoire-aio.jpg) no-repeat center top;
}


.categorie-marque .categorie-51 .img-marque-cat {
    background: url(/images/barbone.jpg) no-repeat center top;
}


/* BLACK FRIDAY */

.menu-hori.menu-black-friday legend p {
    font-weight: var(--semibold);
    text-transform: uppercase;
    color: var(--blanc);
}

.menu-hori.menu-black-friday {
    background: var(--noir);
    transform: scale(1);
    transition: all 0.2s;
}





    .menu-hori.menu-black-friday legend .friday-menu {
        color: #cb192d;
        padding-top: var(--val_5);
    }

    .menu-hori.menu-black-friday:hover {
        background: black !important;
        transform: scale(1.2);
    }

.carousel-produits.bck-friday-promo li {
    background: var(--blanc);
}

.carousel-produits.bck-friday-promo .all_libelle {
    background: var(--noir);
}

.carousel-produits.bck-friday-promo .ui-li-aside {
    background: var(--noir);
}

    .carousel-produits.bck-friday-promo .ui-li-aside span {
        color: #de190d;
    }


    .carousel-produits.bck-friday-promo .ui-li-aside .barre {
        color: var(--blanc);
    }


.carousel-produits.bck-friday-promo a div:first-child {
    color: var(--blanc);
}

.carousel-produits.bck-friday-promo .libelle {
    padding: 0 10px;
    font-size: var(--size_p);
    color: var(--blanc);
    line-height: 14px;
}

.promo-titre.vente-index.s-bck-friday {
    background: var(--noir);
}

    .promo-titre.vente-index.s-bck-friday a {
        color: var(--rouge);
        font-weight: 800;
    }

.black-menu .menu-same a {
    color: var(--rouge);
}

/* FIN BLACK FRIDAY */

.caracterisques_principales {
    line-height: 14px;
    font-size: var(--size_p);
}

/* NOEL */
.warp-noel {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}

.bck-noel {
    overflow: hidden;
}

.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: var(--blanc);
}

.carousel-produits.noel-promo .ui-li-aside .barre {
    color: var(--blanc);
}

.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;
    background: var(--blanc);
}

    .img-affich-promo .warp-noel {
        background: none transparent;
        padding-bottom: var(--val_5);
        padding-top: var(--val_5);
    }

    .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: #c2c2c2;
}

.border-class::before {
    left: 0;
    top: 50%;
    transition-duration: 0.4s;
}


.img-affich-promo li p {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--val_10);
}

.img-affich-promo li span {
    font-size: var(--size_p);
    color: var(--gris_200);
    text-align: left;
    display: block;
}

.meilleur-index {
    background: #f0f0f0 url("/images_produits/cybertek/site/meilleur.png") no-repeat 5px center;
}

.affaire-index {
    background: #f0f0f0 url("/images_produits/cybertek/site/bonne.png") no-repeat 5px center;
}

.new-index {
    background: #f0f0f0 url("/images_produits/cybertek/site/nouveaute.png") no-repeat 5px center;
}

.top-index {
    background: #f0f0f0 url("/images_produits/cybertek/site/top.png") no-repeat 5px center;
}

.code-index {
    background: #f0f0f0 url("/images_produits/cybertek/site/code.png") no-repeat 5px center;
}

.footer .p-footer {
    text-align: center;
    color: var(--blanc);
    font-size: var(--size_p);
    font-weight: var(--medium);
    text-transform: none;
    margin-bottom: var(--val_5);
}

    .footer .p-footer:after {
        display: none;
    }

.footer .mag-choisi {
    text-align: center;
    font-weight: var(--semibold);
    display: block;
    font-size: var(--size_p);
    text-transform: uppercase;
    color: var(--bleu);
}

.footer .mag-voir-foot {
    text-align: center;
    font-weight: var(--semibold);
    display: block;
    font-size: var(--size_p);
    text-transform: uppercase;
    color: var(--blanc);
    background: var(--bleu);
    margin-top: var(--val_10);
    line-height: var(--val_20);
    padding: 5px 0px;
    /*border-radius: 0;*/
}

.footer .foot.foot-mag {
    text-align: center;
    margin-right: 0;
}


.img-affich-promo li p {
    font-weight: var(--semibold);
}

.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: var(--val_10);
    margin-bottom: var(--val_10);
}

    .rubrique-float li {
        float: left;
        margin-right: 0.83%;
        border: 1px solid #c2c2c2;
        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;
    background: var(--blanc);
    padding-bottom: var(--val_10);
}

    .menu-rubrique-float p {
        padding: 0 10px;
        font-size: var(--size_p);
        font-weight: var(--medium);
        text-align: center;
    }

        .menu-rubrique-float p:hover {
            font-weight: var(--semibold);
        }

            .menu-rubrique-float p:hover a {
                color: var(--bleu);
            }

.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;
    font-weight: var(--semibold);
    margin-top: -35px;
    text-align: center;
    background: rgba(0,0,0,0.8);
    position: relative;
    color: var(--blanc);
    line-height: var(--val_35);
    padding: 0;
    font-size: 16px;
    color: var(--jaune);
}
/* FIN INDEX CONTENU SUPP*/

/* TOGGLE FICHE PRODUIT & HOME PAGE */
.txt-toggle-home {
    max-height: 160px;
    overflow-y: hidden;
}

.txt-toggle-cat {
    height: 156px;
    overflow-y: hidden;
}

.intro-seo {
    margin: 0 0 10px;
}

    .intro-seo .txt-toggle-cat {
        font-size: var(--size_p);
        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: var(--blanc);
    text-align: center;
    padding-top: var(--val_10);
    text-indent: -5000px;
    background: url(/images/arrow-toogle.png) no-repeat center;
    height: var(--val_35);
    width: var(--val_35);
    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;
    }

    .button-toggle-home:hover,
    .fiche-produit .sep-fiche-prod-l .button-toggle:hover {
        background: url(/images/arrow-toogle-h.png) no-repeat center;
    }

.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: var(--gris_200);
    width: 100%;
    color: var(--blanc);
    margin-left: 0px;
    line-height: var(--val_35);
    text-align: left;
}

    .menu-retour p {
        width: 100%;
        float: none;
        color: var(--blanc);
        display: block;
        padding-left: var(--val_40);
        background: var(--gris_200) url(/images/retour-menu.png) 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: var(--val_10);
    bottom: var(--val_10);
    cursor: pointer;
    display: none;
}

.marque .cbk_cell_align_middle .prix-produit {
    position: absolute;
    bottom: var(--val_5);
    left: var(--val_20);
}

.marque .price_prod_resp span {
    color: #cb192d;
}

.marque .prodfiche_dispo {
    position: absolute;
    text-align: center;
    top: 255px;
    color: #107200;
    font-weight: var(--semibold);
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    display: block;
    height: var(--val_20);
    line-height: var(--val_20);
}

.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: var(--val_20);
    line-height: var(--val_20);
    font-weight: normal;
    text-align: center;
}

.marque .product_constructeur .reference {
    text-align: center;
    font-weight: normal;
    font-size: var(--size_p);
    margin-top: var(--val_10);
}

.marque .product_constructeur span {
    font-weight: var(--semibold);
    font-size: var(--size_p);
}

.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: var(--gris_200) url(/images/annul.png) no-repeat 42px center;
    color: var(--blanc);
    margin: var(--marg_10_0);
    background-size: 14px;
    line-height: var(--val_30);
}

.impression .bouton-config-annule a.ancre-options {
    color: var(--blanc);
    line-height: var(--val_20);
    transition: none;
    font-size: var(--size_p);
    font-weight: normal;
    text-align: left;
    width: auto;
    padding: 2px 0 2px 87px;
}

    .impression .bouton-config-annule a.ancre-options:hover {
        color: var(--blanc);
    }

.tri-desc {
    text-align: center;
    width: 300px;
    background: var(--bleu);
    color: var(--blanc);
    line-height: var(--val_35);
    margin: 0 auto 15px;
}

    .tri-desc a {
        color: var(--blanc);
        background: url(/images/fleche-decroissant.png) no-repeat left center;
        background-size: auto auto;
        padding-left: 22px;
        background-size: 12px;
    }


.tri-asc {
    text-align: center;
    width: 300px;
    background: var(--bleu);
    color: var(--blanc);
    line-height: var(--val_35);
    margin: 0 auto 15px;
}

    .tri-asc a {
        color: var(--blanc);
        background: url(/images/fleche-croissant.png) no-repeat left center;
        background-size: auto auto;
        padding-left: 22px;
        background-size: 12px;
    }

.pagination-div .fleche_mob {
    display: none;
}

.imprimer-le-panier {
    color: var(--noir);
    font-size: var(--size_p);
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 12px;
}

.frais-port-offert {
    display: none;
}

.imprimer-le-panier a {
    color: var(--noir);
}

.imprimer-le-panier img {
    overflow: visible !important;
}


.fleft {
    clear: both;
}

.imprimer-le-panier:hover {
    font-weight: var(--semibold);
}

.liste-pr {
    width: 25%;
    float: left;
    max-height: 466px;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 0 5px 10px 5px;
}

.input-cp_relais {
    border: 1px solid #c8c8c3;
    background: var(--blanc);
    margin-top: var(--val_10);
    box-sizing: border-box;
}

    .input-cp_relais label {
        text-align: center;
        background: var(--gris_200);
        color: var(--blanc);
        font-weight: var(--semibold);
        text-transform: uppercase;
        display: block;
        line-height: var(--val_30);
    }


    .input-cp_relais input {
        font-size: var(--size_p);
        border: 1px solid #c8c8c3;
        margin: 10px 2%;
        width: 96%;
        line-height: var(--val_25);
        padding-left: var(--val_10);
        box-sizing: border-box;
        display: block;
    }

.selection-carte {
    padding: var(--val_5);
    background-color: var(--jaune);
    color: var(--blanc);
    margin-top: var(--val_10);
    text-transform: uppercase;
    text-align: center;
    color: var(--noir);
    font-weight: var(--semibold);
}

    .selection-carte:hover {
        background-color: #ffe266;
    }

.input-cp_relais input:last-child {
    background: var(--jaune);
    font-weight: var(--semibold);
    text-transform: uppercase;
    color: var(--noir);
    border: none;
    margin-top: 0;
    margin-bottom: var(--val_5);
}

.input-cp_relais input:hover:last-child {
    background-color: #ffe266;
}

.carte {
    width: 75%;
    float: right;
}

.selection-relais div {
    font-size: var(--size_p);
}

    .selection-relais div:first-child {
        font-weight: var(--semibold);
    }


.selection-relais {
    border: 1px solid #c8c8c3;
    background: var(--blanc);
    margin-top: var(--val_10);
    box-sizing: border-box;
    padding: var(--val_5);
}

.mentions-compte.mentions-newsletter {
    text-align: center;
    padding: 15px 0 0;
}

.mentions-newsletter {
    font-size: var(--size_h6);
}

.avis-fiche {
    margin-top: var(--val_10);
}

    .avis-fiche span img {
        width: 18px;
    }

.impression .avis-fiche p {
    margin: var(--marg_5_0);
    font-size: var(--size_p);
}

.initial_avis {
    font-weight: var(--semibold);
}

.avis-list span img {
    width: var(--val_20);
}

.sep-fiche-prod-l .avis-list p {
    padding: 0;
}

.sep-fiche-prod-l .avis-list .initial_avis {
    margin-bottom: 18px;
    border-bottom: #c8c8c3 1px solid;
    padding-bottom: var(--val_15);
}

.impression .avis-goto {
    display: block;
    margin-top: var(--val_10);
    color: var(--noir);
    background: var(--blanc);
    padding: 8px 10px;
    width: 152px;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_p);
    float: left;
    box-sizing: border-box;
    border: 1px solid var(--noir);
    cursor: pointer;
}

    .impression .avis-goto:hover {
        background: none var(--blanc);
        color: var(--noir);
        font-weight: var(--semibold);
    }

    .impression .avis-goto:last-child {
        background: var(--blanc);
        float: none;
        color: var(--bleu);
    }

    .impression .avis-goto:hover:last-child {
        background: var(--bleu);
        color: var(--blanc);
    }


.impression .avis-fiche .texte_avis .suite,
.impression .avis-fiche .texte_avis a {
    background: none !important;
    color: var(--noir);
    text-decoration: underline;
    float: none;
    display: block;
    padding: 0 0 2px;
    cursor: pointer;
    font-size: var(--size_p);
}


.avis-fiche span {
    font-size: var(--size_p);
    font-weight: var(--semibold);
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

    .avis-fiche span:nth-child(6) {
        margin-left: var(--val_15);
    }

.pourcent {
    background: #cb192d;
    position: absolute;
    right: var(--val_10);
    top: var(--val_10);
    padding: 2px 10px;
    font-weight: var(--semibold);
    font-size: var(--size_h4);
    color: var(--blanc);
}

.sep-fiche-prod-l .fiche_strong span {
    font-size: var(--size_p) !important;
}

.cbk_fac_titre {
    font-weight: var(--semibold);
}

.gaming-page #_ctl0_ContentPlaceHolder1_l_descriptif li {
    color: white
}

    .gaming-page #_ctl0_ContentPlaceHolder1_l_descriptif li strong {
        color: white
    }

.menu-hori.configurateur {
    background: var(--bleu);
}

    .menu-hori.configurateur p {
        padding-top: 7px;
        color: var(--blanc);
        font-weight: var(--semibold);
    }



.votre-compte .compte-configu {
    margin-right: 0px;
    float: right;
}

.options-panier li {
    font-size: var(--size_p);
    padding: 2px 0;
    list-style: none;
}

.load {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    color: var(--gris_200);
    font-weight: normal;
    padding: 2px 25px;
    font-size: var(--size_p);
    border: 1px solid var(--jaune);
    font-weight: var(--semibold);
    text-transform: uppercase;
}

    .load:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.ouvrir-filtre {
    background: var(--blanc);
    text-transform: uppercase;
    line-height: var(--val_25);
    width: 300px;
    margin: 0 auto;
    font-size: var(--size_p);
    color: var(--blanc);
    background: var(--bleu) 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: var(--blanc);
        border: 1px solid #c8c8c3;
        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: var(--val_25);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 300px;
}

    .black-friday .filtres .open-filtre {
        display: none;
        background: var(--blanc);
        border: 1px solid #c8c8c3;
        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: block;
    }

.code-promo .filtres .filtre input {
    margin-left: var(--val_10);
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
}


.code-promo .filtres .filtre label {
    line-height: var(--val_20);
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: var(--size_p);
}

.code-promo .filtres .filtre {
    border-bottom: 1px dashed #c8c8c3;
    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: var(--val_15);
    width: auto;
}

.sep-left-compte {
    float: left;
    width: 350px;
}

.sep-left-right {
    float: right;
    width: 350px;
    margin-top: var(--val_20);
}

.abo-bot {
    clear: both;
}

.votre-compte .warp-inscri span {
    font-size: var(--size_p);
}

.votre-compte .warp-inscri .title_tel {
    font-size: var(--size_p);
}

.votre-compte .warp-inscri .radio_btnlist {
    width: 100%;
    margin-bottom: 11px;
}

.commande-cours {
    background: var(--noir);
    height: 46px;
}

    .commande-cours ul {
        font-size: 0;
        text-align: left;
        padding: 7px 0;
    }

    .commande-cours li {
        display: inline-block;
        vertical-align: middle;
        font-size: var(--size_p);
        text-align: left;
        color: var(--blanc);
        margin: 0 28px;
        max-width: 154px;
        min-width: 48px;
        position: relative;
        box-sizing: border-box;
    }

    .commande-cours sup {
        font-size: var(--size_p);
        vertical-align: top;
        position: relative;
        top: -2px;
    }

    .commande-cours li span {
        font-weight: var(--semibold);
        display: block;
        color: var(--blanc);
        white-space: nowrap;
        max-width: 140px;
        overflow: hidden;
    }

.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: var(--val_5);
}

.commande-cours .bt-compte {
    background: var(--jaune);
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    z-index: 10;
    font-size: var(--size_p);
    color: var(--noir);
    font-weight: var(--semibold);
}

    .commande-cours .bt-compte.last-bt-compte {
        line-height: 21px;
    }

.commande-cours .facture-print {
    background: var(--blanc);
    height: 32px;
    color: var(--noir);
    padding: 2px 10px;
    border-radius: 0;
    cursor: pointer;
}

.commande-cours .suivre-colis {
    background: var(--blanc);
    height: 32px;
    color: var(--noir);
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 0;
}

    .commande-cours .suivre-colis:hover {
        transform: scale(1.1);
    }

.commande-cours .bt-compte:hover {
    transform: scale(1.1);
}

.commande-cours .facture-print:hover {
    transform: scale(1.1);
}

.commande-cours .suivre-colis span {
    color: var(--noir);
}

.commande-cours .facture-print span {
    color: var(--noir);
}

.commande-cours li:hover .adress-client {
    display: block;
    background: var(--noir);
    position: absolute;
    width: 200px;
    z-index: 5;
    left: -10px;
    padding: 5px 10px;
}

    .commande-cours li:hover .adress-client p {
        color: var(--blanc);
    }

.commande1 li:nth-child(1) p {
    color: #107200;
}

.commande2 li:nth-child(2) p {
    color: #107200;
}

.commande3 li:nth-child(3) p {
    color: #107200;
}

.commande4 li:nth-child(4) p {
    color: #107200;
}

.commande3 li:nth-child(3) p span a {
    color: #107200;
}

.commande5 li:nth-child(4) p {
    color: #cb192d;
}

    .commande5 li:nth-child(4) p span {
        color: #cb192d;
    }

.commande-cours li:nth-child(3) {
}

.commande-timing li {
    font-size: 0;
}

    .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: var(--blanc);
    border: 1px solid #c8c8c3;
    position: relative;
    font-size: 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: var(--marg_15_0);
        padding: 0 15px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #c2c2c2;
    }

.produits-commande {
    width: 70%;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

/* .commande-timing ul:after {
background:#c8c8c3;
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:var(--noir);
width:0%;
}

.commande-timing ul.commande2:before {
background: var(--noir);
width: 30.0%;
}

.commande-timing ul.commande3:before {
background:var(--noir);
width: 61.66%;
}


.commande-timing ul.commande4:before {
background:var(--noir);
width:100%;
}
*/

.commande-timing li img {
    display: inline-block;
    vertical-align: middle;
}

.commande-timing li p {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--size_p);
    font-weight: var(--medium);
    text-align: center;
    box-sizing: border-box;
    padding: 0 0 0 5px;
}

    .commande-timing li p span {
        display: block;
        font-weight: var(--semibold);
    }

/*.commande-timing li::after {
content:"";
display:block;
background:var(--noir);
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:var(--blanc);
  border:1px solid var(--noir);  
  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: var(--blanc);
    border: 1px solid var(--noir);
    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:var(--blanc);
  width: 4px;
height: 4px;
  border:1px solid var(--noir);  
}
*/

.img-commande {
    display: inline-block;
    margin: 0 0px;
    vertical-align: middle;
}

    .img-commande img {
        width: 80px;
    }


.titre-commande {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 65%;
}

.option-commande {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    text-align: center;
}

    .option-commande .op-com {
        background: var(--noir);
        text-align: center;
        text-transform: uppercase;
        padding: 6px 10px;
        height: 32px;
        border-radius: 0;
        cursor: pointer;
        color: var(--blanc);
        font-size: var(--size_p);
        line-height: 21px;
        margin-bottom: var(--val_10);
        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: #c8c8c3;
    height: 1px;
}

.commande-timing div:nth-child(1):before {
    display: none;
}

.titre-commande .titre-commande-pris {
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.titre-commande .libel-commande {
    font-size: var(--size_p);
}

.titre-commande .ref-commande {
    font-size: var(--size_p);
}


.titre-commande .price-commande {
    color: #cb192d;
    font-size: var(--size_h4);
    margin-top: var(--val_15);
    font-weight: var(--semibold);
}

.prob-commande {
    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: 0;
    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: 0;
    transition: max-height 1s, padding 1s;
    padding: 0;
    text-align: left;
}


.commande-timing .bt-compte.pb-livre .prob-commande {
    left: 50%;
    top: var(--val_30);
    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: var(--size_p);
        line-height: 22px;
    }

.op-com .prob-commande {
    transform: scale(0.94);
}

.bt-compte:hover .prob-commande {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #c8c8c3;
}

.facture-print div {
    display: inline;
}

.prob-commande p {
    text-transform: uppercase;
    line-height: var(--val_25);
    padding: 2px 8px;
    margin: 0 5px;
    border-radius: 0;
    font-size: var(--size_p);
    border: 1px solid transparent;
}

.prob-liv p {
    text-transform: uppercase;
    line-height: var(--val_15);
    padding: 2px 8px;
    margin: 0 5px;
    border-radius: 0;
    font-size: 11px !important;
    color: var(--gris_200) !important;
    border: 1px solid transparent;
}

.prob-commande p:hover {
    background-image: linear-gradient(#ddd,#fff);
    border: 1px solid #c8c8c3;
}

.bt-compte:hover .prob-commande {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #c8c8c3;
}

.op-com:hover .prob-commande {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #c8c8c3;
    z-index: 30;
}

.op-liv:hover .prob-liv {
    max-height: 200px;
    padding: 5px 0px;
    border: 1px solid #c8c8c3;
    z-index: 30;
}

.pop-up-cde-client {
    display: none;
    width: 80% !important;
    height: 30vh !important;
    overflow: hidden !important;
}

.shadow-bck-cookies {
    background: #EAEAEA;
    border: 1px solid var(--noir);
    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: var(--size_h1);
    }

    .container-info-cookies p {
        color: var(--noir);
        font-size: var(--val_20);
        line-height: 24px;
    }

#text-info-cookies {
    font-size: var(--size_h4);
    width: 60%;
    padding-top: var(--val_10);
    line-height: var(--val_20);
}

.messageDemande {
    width: 100%;
    box-sizing: border-box;
    height: 180px;
    padding: 5px 10px;
}



.titre-pop-cookies {
    width: 70%;
    font-weight: var(--medium);
    background: none;
    padding: var(--val_10);
    color: var(--noir);
    font-size: 1.5rem;
}

.erreur-livraison {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    position: absolute;
    top: 110%;
    padding: var(--val_10);
    font-size: var(--size_p);
    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, form-pop-validation-sav {
    padding: var(--val_10);
    text-align: center;
    height: 100px;
}


    .form-pop-validation .bt-retour {
        margin: 0 auto;
        background: var(--noir);
        color: var(--blanc);
        text-transform: uppercase;
        font-size: var(--size_p);
        padding: 5px 10px;
        cursor: pointer;
        margin-top: var(--val_30);
        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: var(--val_20);
}

.option-masque.option-commande .op-com {
    border-radius: 0;
    background: var(--jaune);
    color: var(--noir);
    font-size: var(--size_p);
    height: var(--val_25);
    line-height: 12px;
}

.option-commande.option-masque {
    float: left;
    margin: 0 0 0px;
}




    .option-commande.option-masque .op-com:hover {
        transform: scale(1);
        z-index: 12;
    }


.msg-compte-from-contact {
    padding-top: var(--val_15);
    font-size: var(--size_h4);
    text-align: center;
}

.choix-contact .choix-contacte {
    width: 20%;
    display: inline-block;
    background: var(--jaune);
    color: var(--noir);
    text-transform: uppercase;
    text-align: center;
    margin: 20px var(--marg_30_0);
    line-height: var(--val_35);
    cursor: pointer;
    font-weight: var(--semibold);
    vertical-align: middle;
    font-size: var(--size_p);
}

    .choix-contact .choix-contacte:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.choix-contact {
    font-size: 0;
}

.qui-contact {
    text-transform: uppercase;
    text-align: center;
}

.quel-mag {
    text-transform: uppercase;
    text-align: center;
}

.retour-choix-contact {
    background: url(../landing-pages/images/configurateur/croix-ferme.png) no-repeat;
    position: absolute;
    background-size: var(--val_25);
    top: var(--val_5);
    left: var(--val_5);
    height: var(--val_25);
    cursor: pointer;
    width: var(--val_25);
    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: var(--val_35);
    line-height: var(--val_35);
    display: block;
    background: #ffcf00 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: var(--noir);
    text-transform: uppercase;
    padding-right: var(--val_15);
    text-align-last: center;
}

    .block-contact .cbk_list_nodots-livraison option {
        background: var(--blanc);
        font-size: var(--size_p);
        font-style: normal;
        margin: 0 10px;
        cursor: pointer;
        color: var(--noir);
        border-bottom: 1px dashed #c8c8c3;
    }

.choix-contact div {
    font-size: var(--size_p);
}

.choix-contacter {
    border: 1px solid var(--noir);
    text-transform: uppercase;
    padding: 0 10px;
    line-height: var(--val_30);
    margin-top: var(--val_10);
    transition: transform 0.5s;
    cursor: pointer;
}

    .choix-contacter a {
        text-transform: uppercase;
        display: block;
        line-height: var(--val_30);
    }

    .choix-contacter:hover {
        transform: scale(1.01);
    }

.sujet-form {
    font-size: var(--size_p);
}

.validation-form {
    text-transform: uppercase;
    margin-top: var(--val_20);
}

.validation-form-erreur {
    text-transform: uppercase;
    margin-top: var(--val_20);
}

.num-cde-market,
.sujet-id-form {
    display: none;
}


.num-tel.block-contact p:first-child {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: var(--val_20);
}

.num-tel.block-contact p:nth-child(2) {
    width: 20%;
    background: var(--bleu);
    color: var(--blanc);
    text-transform: uppercase;
    text-align: center;
    line-height: var(--val_35);
    font-weight: var(--semibold);
    margin: 0 auto;
    display: block;
    font-size: var(--size_p);
}

.num-tel.block-contact p:nth-child(3) {
    text-align: center;
    margin-top: var(--val_5);
    font-size: var(--size_p);
}

.tittle-contact {
    font-weight: var(--semibold);
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size_h4);
    margin-top: var(--val_20);
}

.tittle-contact2 {
    margin-top: var(--val_40);
}


.choix-contact div span {
    font-size: var(--size_p);
    display: block;
    line-height: var(--val_10);
}

.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: var(--noir);
}

.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: var(--noir);
}

.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 {
    clear: both;
}

.recap-panier .prod-assos {
    width: 100%;
    margin-top: var(--val_15);
}

.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: var(--val_15);
}


.descriptif .sep-fiche-prod-l p {
    font-family: "Montserrat" !important;
}

.descriptif .sep-fiche-prod-l span {
    font-family: "Montserrat" !important;
}

.descriptif .sep-fiche-prod-l a {
    font-family: "Montserrat" !important;
    color: black !important;
    font-weight: 600 !important;
}

    .descriptif .sep-fiche-prod-l a u {
        font-family: "Montserrat" !important;
        color: black !important;
        font-weight: 600 !important;
    }

.libelle_product_new select {
    border: 1px solid var(--jaune);
    font-family: "Montserrat";
    margin-top: 0;
    background: #ffcf00 url(/images/fleche-select.png) no-repeat right center;
    width: 160px;
    height: 26px;
    box-sizing: border-box;
    font-size: var(--size_p);
    font-weight: var(--semibold);
    text-transform: uppercase;
    padding-left: var(--val_10);
}

    .libelle_product_new select option {
        background: var(--blanc);
        font-family: "Montserrat";
    }

    .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: var(--blanc);
    font-size: 16px;
    line-height: 36px;
    box-shadow: none;
    border: none;
    margin-bottom: var(--val_10);
    cursor: pointer;
    text-transform: uppercase;
}

    #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 {
    color: var(--blanc);
    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: var(--gris_200);
    padding: 0 10px;
    text-align: left;
    background: none;
    line-height: var(--val_35);
    text-transform: none;
}

    .global-menu.menu-bureautique.menu-bonplan .tout-menu.tout-menu2 li:nth-child(1) span:hover {
        color: var(--bleu);
    }

.global-menu.menu-bureautique .tout-menu.tout-menu2 span:hover {
    color: var(--bleu);
}

.global-menu.menu-bureautique .tout-menu.tout-menu2 span {
    font-size: var(--size_p);
    color: var(--gris_200);
    padding: 0 10px;
    font-weight: normal;
    text-transform: initial;
    font-family: 'Outfit', sans-serif;
}

body .gotop {
    top: 90px;
    z-index: 9999;
}

.avis-newsletter .question {
    font-weight: var(--semibold);
}

.avis-newsletter .woorank_txt {
    margin-bottom: var(--val_20);
}

.phone-mail {
    right: 24px !important;
    bottom: 90px !important;
}

.phone-mail,
.laisser-message {
}

.mail-message p {
    text-indent: -10000px;
}


/* HISTORIQUE */

.histo-1, .histo-2, .histo-3 {
    width: 33.33%;
    float: left;
    padding-right: var(--val_30);
    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: var(--val_15);
    font-weight: var(--semibold);
    margin-top: var(--val_15);
    font-size: var(--val_20);
}

.histo-2 h2 {
    text-transform: uppercase;
    margin-bottom: var(--val_15);
    font-weight: var(--semibold);
    font-size: var(--val_20);
}

.histo-1 li {
    padding-left: var(--val_20);
    background: url(/images_produits/cybertek/site/li-histo.png) no-repeat left top;
    font-size: var(--size_p);
    line-height: var(--val_20);
    margin-bottom: var(--val_10);
}

    .histo-1 li a {
        color: var(--noir);
        font-weight: var(--semibold);
    }

.histo-1 ul {
    margin-top: var(--val_15);
}

.histo-1 li span {
    color: var(--noir);
    font-weight: var(--semibold);
}

.histo-2 p, .histo-3 p {
    margin-bottom: var(--val_10);
}

.histo-2 img, .histo-3 img {
    margin-bottom: var(--val_15);
}

/* 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: var(--val_20);
    }

        .somaire-presse ul a {
            font-weight: var(--semibold);
            color: var(--noir);
            line-height: 24px;
        }

.presse-padding h2 {
    font-weight: var(--semibold);
    color: var(--noir);
    margin-bottom: var(--val_10);
}

.presse-padding p {
    margin-bottom: var(--val_10);
}

.presse-padding li {
    padding-left: var(--val_20);
    background: url(/images_produits/cybertek/site/li-histo.png) no-repeat left top;
    font-size: var(--size_p);
    line-height: var(--val_20);
    margin-bottom: var(--val_10);
}

    .presse-padding li a {
        font-weight: var(--semibold);
        color: var(--noir);
    }


#presselogo img {
    width: 300px;
}

#presselogo a {
    display: inline-block;
    margin-right: 50px;
    text-align: center;
}

#presselogo img {
    display: block;
    margin-bottom: var(--val_5);
}

#presselogo a:last-child {
    margin-right: 0px;
}

.select-filtre {
    font-weight: var(--semibold);
    text-decoration: underline;
}

.selection_top .slc .select-filtre label {
    font-size: var(--size_p);
}

.btn_valider_filtre.btn_valider_afficher {
    display: block;
}

.global-fiche .titre-enstock {
    font-size: var(--size_p);
    text-align: center;
    font-weight: var(--medium);
    background: var(--gris_200);
    text-transform: uppercase;
    color: var(--blanc);
    line-height: var(--val_20);
    margin: 0 0 var(--marg_5_0);
}


.xfacture #_ctl0_ContentPlaceHolder1_paiement3X_paiement span {
    color: var(--bleu);
    font-weight: var(--semibold);
    font-size: 16px;
}

.xfacture #_ctl0_ContentPlaceHolder1_paiement3X_paiement {
    font-size: var(--size_p);
    padding-right: var(--val_10);
    font-weight: var(--medium);
    margin-bottom: var(--val_10);
}

.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: var(--noir);
}

.slide-mag .carousel-produits.carousel-marques li img {
    width: 50%;
    margin: 0 auto;
    padding-top: var(--val_5);
}

.slide-mag .carousel-produits.carousel-marques li a div {
    font-size: var(--size_p);
    font-weight: var(--semibold);
    padding-bottom: var(--val_10);
    padding-top: var(--val_5);
}



/* 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: 9999999999;
    overflow-y: scroll;
}

    .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: var(--blanc);
        box-shadow: 10px 10px 60px #555;
        display: inline-block;
        height: auto;
        vertical-align: middle;
        width: 60%;
        position: relative;
        border-radius: 8px;
        min-height: 650px;
    }

.popupCloseButtonColisweb, .popupCloseButton {
    background-color: var(--blanc);
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: var(--semibold);
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: var(--size_h3);
    line-height: var(--val_30);
    width: var(--val_35);
    height: var(--val_35);
    text-align: center;
    transform: rotate(45deg);
}

    .popupCloseButtonColisweb, .popupCloseButton:hover {
        background-color: #ccc;
    }

.trigger_popup_fricc_relais,
.trigger_popup_fricc {
    cursor: pointer;
    font-size: var(--val_20);
    margin: var(--val_20);
    display: inline-block;
    font-weight: var(--semibold);
}
/* Popup relais colis */


#_ctl0_ContentPlaceHolder1_Div3 {
    display: none;
}

#product-parameters {
    width: 100%;
}

    #product-parameters .title {
        width: 100%;
        display: block;
    }

    #product-parameters .label {
        width: 40%;
        float: left;
    }

#product-parameters {
    font-size: 0;
}

    #product-parameters td {
        font-size: var(--size_p);
    }

    #product-parameters .checkbox, #product-parameters .no-checkbox {
        width: 60%;
        float: right;
    }

    #product-parameters .title h2 {
        font-size: var(--size_p);
        text-transform: uppercase;
        font-weight: var(--semibold);
        width: 100%;
        margin-top: var(--val_15);
    }


    #product-parameters tr {
        line-height: var(--val_30);
    }

#product-parameters {
}

    #product-parameters .checkbox, #product-parameters .label, #product-parameters .no-checkbox {
        padding-left: var(--val_10);
        box-sizing: border-box;
    }

    #product-parameters .label {
        border-left: 1px solid #c8c8c3;
    }

    #product-parameters .checkbox, #product-parameters .no-checkbox {
        border-left: 1px solid #c8c8c3;
        font-weight: var(--semibold);
        background: var(--gris_50);
        border-right: 1px solid #c8c8c3;
    }

    #product-parameters tr {
        border-top: 1px solid #c8c8c3;
    }

    #product-parameters .feature {
        border: none;
        border-top: 1px solid #c8c8c3;
    }

    #product-parameters tr:first-child {
        border-top: none;
    }

    #product-parameters tr:last-child {
        border-bottom: 1px solid #c8c8c3;
    }

    #product-parameters .feature .label {
        border-top: 1px solid #c8c8c3;
        border-left: 1px solid #c8c8c3;
    }

    #product-parameters .feature .checkbox, #product-parameters .feature .no-checkbox {
        border-top: 1px solid #c8c8c3;
        border-right: 1px solid #c8c8c3;
    }

.paiement-panier .basket_button_correction input {
    display: none;
}

.recap-panier .tableau-paiement {
    width: 100%;
}


.recap-panier .content-tableau-paiement {
    margin-top: var(--val_20);
}

.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, #_ctl0_ContentPlaceHolder1_btn_reinit_filters_2.crits-sel {
    font-size: var(--size_p);
    background: var(--jaune);
    color: var(--noir);
    font-weight: var(--semibold);
    margin-bottom: var(--val_10);
}*/

#_ctl0_ContentPlaceHolder1_btn_reinit_filters.crits-sel:hover, #_ctl0_ContentPlaceHolder1_btn_reinit_filters_2.crits-sel:hover {
    opacity: 0.9;
}

.contact_form #_ctl0_ContentPlaceHolder1_btn_valider {
    display: block;
    width: 300px;
    background: var(--jaune);
    font-weight: var(--medium);
    text-transform: uppercase;
    border: 1px solid var(--jaune);
    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: var(--blanc);
    border-radius: 4px;
    border: 1px solid var(--gris_200);
    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: var(--val_25);
    height: var(--val_20);
    left: -11px;
    top: -2px;
}

.noUi-handle {
    border: 1px solid var(--gris_200);
    border-radius: 3px;
    background: var(--gris_200);
    cursor: default;
    box-shadow: none;
}

.noUi-connect {
    background: #c8c8c3;
    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: var(--blanc);
    color: var(--noir);
    padding: var(--val_5);
    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: var(--blanc);
    left: 8px;
    top: var(--val_5);
}

.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: var(--blanc);
    color: var(--noir);
    padding: var(--val_5);
    text-align: center;
    font-size: var(--size_h6);
    white-space: nowrap;
}

.noUi-handle:after {
    left: var(--val_15);
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 8px;
    width: 1px;
    background: var(--blanc);
    left: 8px;
    top: var(--val_5);
}

.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: var(--val_5);
}

.slide-home .slider-nav .slick-slide {
    display: inline-block;
    width: 120px !important;
    margin: 0 1%;
    border: 1px solid var(--blanc);
    float: none;
    cursor: pointer;
    background: var(--noir);
    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: var(--val_20);
}

.code-promo.black-friday .cbk_tag_bonplan {
    position: absolute;
    left: 0;
    font-size: var(--size_p);
    background: var(--bleu);
    line-height: 16px;
    padding: 0 5px;
    color: var(--blanc);
    text-transform: uppercase;
}


.gaming-page .xsansfrais p.meilleur-vente-gaming-titre {
    text-align: center;
    text-transform: uppercase;
    font-size: var(--val_30);
    color: var(--noir);
    font-weight: var(--semibold);
    text-align: center;
    line-height: 38px;
}

.gaming-page .xsansfrais p {
    font-size: var(--size_p);
    margin-bottom: var(--val_10);
    text-align: center;
    line-height: 16px;
}

.config-assem .lien-gaming p:nth-child(2)::after {
    position: absolute;
    content: "";
    display: block;
    left: -48%;
    background: var(--noir);
    width: 100%;
    height: 26px;
    transform: rotate(-80deg);
    z-index: 1;
}

.config-assem .lien-gaming p:nth-child(2) {
    color: var(--blanc);
    background: var(--noir);
}

.config-assem .lien-gaming p {
    display: inline-block;
    font-size: var(--size_p);
    font-weight: var(--semibold);
    text-transform: uppercase;
    width: 50%;
    position: relative;
    transition: all 0.5s;
    vertical-align: middle;
    line-height: var(--val_35);
    height: var(--val_35);
    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: 100px;
    margin-bottom: var(--val_10);
}

.config-assem .content-prog {
    text-align: center;
}

.gaming-page .xsansfrais #contentlandingcybertek {
    margin-bottom: var(--val_30);
}

.gaming-page .xsansfrais .gaming-news-txt p {
    color: var(--noir);
    text-align: left;
}

.gaming-page .xsansfrais .gaming-news-img img {
    width: 60%;
}

.gaming-page .xsansfrais .gaming-news-txt {
    width: 58%
}

.link-univers a {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    line-height: var(--val_30);
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    margin-bottom: var(--val_10);
}


.categorie-landing .sep-fiche-prod-l .global-desc {
    margin-bottom: var(--val_15);
}


.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: var(--size_p) !important;
    font-family: "montserrat" !important;
}

.bck-friday-promo.carousel-produits a div:first-child {
    color: var(--blanc);
}

.bck-friday-promo.carousel-produits .libelle {
    color: var(--gris_50);
}


/* PC MULTIMEDIA */

.fiche-pc-multi.univers-gamer .title_fiche_produit {
    font-size: var(--size_h1);
    font-weight: 900;
    text-transform: uppercase;
}

.fiche-pc-multi .pc-bureautique ul {
    text-align: center;
}

.fiche-pc-multi .pc-bureautique li {
    width: 31%;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    height: 326px;
    margin: 0 1% 15px;
    text-align: left;
}

    .fiche-pc-multi .pc-bureautique li img {
        transition: all 0.5s;
        max-height: 300px;
        max-width: 300px;
    }

.fiche-pc-multi .carac-gaming:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: 25%;
    z-index: -1;
    background: rgba(255,255,255,0.8);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    border-left: #4affff solid 4px;
}

.fiche-pc-multi .pc-bureautique h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: var(--val_20);
    text-align: right;
    width: 175px;
    float: right;
    height: 64px;
}

    .fiche-pc-multi .pc-bureautique h2 span {
        text-transform: uppercase;
    }

.fiche-pc-multi .carac-gaming {
    padding-right: var(--val_10);
    box-sizing: border-box;
    float: right;
    width: 70%;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}

    .fiche-pc-multi .carac-gaming .pc-gamer-titre {
        font-weight: normal;
        font-size: var(--size_p);
    }

.fiche-pc-multi .pc-bureautique .carac-gaming-courte li {
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: var(--size_h6);
    height: auto;
    text-align: right;
}

.fiche-pc-multi .all-spec {
    position: relative;
    clear: both;
    height: 171px;
    padding: 0px 0;
    margin-top: 0;
    width: 52%;
    float: right;
}

.img-bureau {
    position: relative;
    height: 320px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

    .img-bureau img {
        vertical-align: middle;
    }

.fiche-pc-multi .price-gaming {
    margin-top: 3%;
    clear: both;
    width: 60%;
    float: right;
    text-align: right;
    border-top: 1px solid var(--noir);
    padding-top: var(--val_10);
}

.fiche-pc-multi .carac-gaming .prix.prixBarre {
    text-align: right;
}

.fiche-pc-multi .carac-gaming .stock-gaming {
    text-align: right;
    font-size: var(--size_p);
}

.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: var(--noir);
    }

.fiche-pc-multi .fil-ariane td {
    color: #838383;
}

.fiche-pc-multi .titre-fiche-produit .title_fiche {
    text-transform: uppercase;
    display: block;
    font-family: "Montserrat";
    font-size: var(--size_h1);
    font-weight: var(--semibold);
    color: var(--noir);
}

.fiche-pc-multi.fiche-pc .img-bloc {
    margin-top: 0px;
}

.fiche-pc-multi .lesplusgaming {
    margin-top: var(--val_10);
    margin-bottom: var(--val_10);
}

.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: Montserrat !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 var(--noir);
    padding: var(--marg_5_0);
    border-bottom: 1px solid var(--noir);
}

.fiche-pc-multi .impression .path_position {
    background: url(/images/imprimante-fiche-hover.png) no-repeat 6px 6px;
    color: var(--noir);
}

.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: var(--medium);
    text-transform: uppercase;
}

    .fiche-pc-multi .div_dispo_enligne span {
        text-transform: uppercase;
        text-transform: uppercase;
        font-weight: var(--semibold);
    }

.fiche-pc-multi .impression a {
    cursor: pointer;
}

.fiche-pc-multi .impression .path_position:last-child {
    background: url(/images/partage-produit-hover.png) no-repeat 6px 6px;
}

.fiche-pc-multi .impression a:last-child {
    float: left;
    margin-left: var(--val_20);
}

.fiche-pc-multi .impression .fancyboxg {
    width: auto;
}

.fiche-pc-multi .titre-fiche-produit {
    border-bottom: 1px solid var(--noir);
    padding-bottom: var(--val_10);
}

.fiche-pc-multi.fiche-pc article .txt-fiche-prod li {
    color: #838383;
    display: inline-block;
    margin-right: 2%;
    width: 15%;
    text-align: center;
    padding-top: 44px;
    background-size: var(--val_40);
    line-height: var(--val_15);
    box-sizing: border-box;
    vertical-align: top;
    margin-bottom: var(--val_10);
    padding-bottom: 0;
}

.fiche-pc-multi .fiche-pc article li {
    padding-bottom: 0px;
    font-size: var(--size_p);
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod ul {
    font-size: 0;
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod li span {
    color: var(--noir);
    font-weight: var(--semibold);
    display: block;
}

.fiche-pc-multi.fiche-pc .txt-fiche-prod {
    float: none;
    margin-top: 0px;
    width: 100%;
}

.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: var(--noir);
    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: var(--blanc);
    border: 1px solid #c5c5c5;
    box-sizing: border-box;
}

    .fiche-pc-multi.fiche-pc .logo-gaming li img {
        max-width: 100%;
        max-height: var(--val_40);
        vertical-align: middle;
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod-l p {
    color: black !important;
    font-size: var(--size_p) !important;
    padding: 0;
}

    .fiche-pc-multi.fiche-pc .sep-fiche-prod-l p span {
        color: black !important;
        font-family: "Montserrat" !important;
        font-size: var(--size_p) !important;
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod {
    width: 100%;
    margin-bottom: var(--val_20);
}

.fiche-pc-multi.fiche-pc .sep-fiche-prod-r .titre-rubrique {
    width: 100%;
    background: none;
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: left;
    position: relative;
    top: 0px;
    box-sizing: border-box;
    font-size: var(--size_h1);
    font-weight: var(--semibold);
    text-transform: uppercase;
    margin-bottom: 0px;
    color: var(--noir);
    line-height: initial;
}

.fiche-pc-multi.fiche-pc .sep-fiche-prod-l .product_fiche_bold {
    width: 100%;
    background: none;
    color: var(--noir);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: left;
    position: relative;
    top: 0px;
    box-sizing: border-box;
    font-size: var(--size_h1);
    font-weight: var(--semibold);
    text-transform: uppercase;
    margin-bottom: 0px;
    color: var(--noir);
    line-height: initial;
}

.fiche-pc-multi.fiche-pc #_ctl0_ContentPlaceHolder1_l_descriptif li:nth-child(2n) {
    background: var(--blanc);
}

.fiche-pc-multi.fiche-pc #_ctl0_ContentPlaceHolder1_l_descriptif li {
    color: var(--noir);
    line-height: 36px;
    padding-left: var(--val_20);
    font-size: var(--size_p);
    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: var(--val_10);
    vertical-align: middle;
    width: auto;
    font-size: var(--size_h4);
    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: 50%;
    box-sizing: border-box;
    vertical-align: middle;
}

.fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit .fiche_product_price.fiche_product_price_red {
    font-size: var(--size_h3);
}

.fiche-pc-multi.fiche-pc .fiche_top.centered-container {
    display: inline-block;
    margin: 0;
    width: 50%;
    font-size: 0;
    vertical-align: middle;
}

.fiche-pc-multi.fiche-pc .fiche_product_price.fiche_product_price_barre span {
    color: #838383;
}

.fiche-pc-multi.fiche-pc .prix-produit .fiche_product_price.fiche_product_price_barre::after {
    width: 100%;
    display: block;
    transform: rotate(-8deg) translate(-50%,-50%);
    content: "";
    height: 2px;
    background: #b60e20;
    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: var(--size_p);
    color: var(--noir);
}

    .fiche-pc-multi.fiche-pc .menu_fiche_produit .prix-produit #_ctl0_ContentPlaceHolder1_l_prix_3x.fiche_product_price span span {
        font-size: var(--size_p);
        color: #838383;
        font-weight: normal;
    }

.fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit {
    float: none;
    margin: 0 auto 0px;
    width: 100%;
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid var(--jaune);
    box-sizing: border-box;
    height: 67px;
}

    .fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat 0px center;
    }

    .fiche-pc-multi.fiche-pc .ajout-panier.ajout-fiche-produit input {
        line-height: 67px;
        font-weight: var(--semibold);
    }

.fiche-pc-multi.fiche-pc .sep-fiche-prod-r {
    margin-top: var(--val_15);
}

/* FIN PC MULTIMEDIA */


.black-bas img {
    width: 100%;
}

.black-bas {
    margin-top: var(--val_10);
}




.bck-noel .warp-noel {
    background: var(--gris_50);
}

#_ctl0_ContentPlaceHolder1_dv_liv_offert p {
    background: url(/images_produits/cybertek/site/liv-free.png) no-repeat 24% center;
    padding: 8px 0 8px 38px;
    background-size: 28px;
}

.gaming-news-txt a {
    font-weight: var(--semibold);
    text-decoration: underline;
    color: var(--noir);
}

.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;
    border-left: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
}

.mag-loc {
    width: 35%;
    display: table-cell;
    vertical-align: middle;
    background: var(--blanc);
    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: var(--size_h3);
    color: var(--noir);
    font-weight: var(--semibold);
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0px;
    margin-bottom: var(--val_20);
}

.mag-map img {
    vertical-align: middle;
}

.mag-loc .geolocalisation {
    height: auto;
}

.mag-loc .localisation {
    float: none;
    display: inline-block;
    margin-right: var(--val_15);
    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: var(--gris_50);
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    height: var(--val_40);
}

.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 #c2c2c2;
    margin-top: var(--val_30);
    min-height: 250px;
}

.mag-content-accueil {
    display: none;
}

.mag-go li {
    margin: 10px 0px;
    padding: var(--val_10);
}

    .mag-go li:nth-child(2) {
        background: var(--gris_50);
    }

.nom-mag {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
}

.address-mag {
    font-size: var(--size_p);
    margin: 5px 0 2px;
}

.ouvert-magasin {
    color: #239f01;
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

.mag-li {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

.mag-info {
    display: inline-block;
    vertical-align: middle;
    color: var(--blanc);
    background: var(--noir);
    height: var(--val_25);
    line-height: var(--val_25);
    width: 120px;
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    text-align: center;
}

    .mag-info:hover {
        background: #282828;
    }

#contentlanding.magasins .firstletter {
    font-size: var(--size_h3);
    color: var(--noir);
    font-weight: var(--semibold);
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    margin-top: var(--val_40);
    margin-bottom: 0px;
}

.seo-mag {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    background: var(--blanc);
    border: 1px solid #c2c2c2;
    padding: var(--val_15);
}

    .seo-mag a {
        font-weight: var(--semibold);
        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: var(--val_35);
    text-align: left;
    padding-left: 5%;
    box-sizing: border-box;
    font-size: var(--size_p);
    font-weight: var(--medium);
}

.service-mag {
    overflow: hidden;
    background: var(--blanc);
    border: 1px solid #c2c2c2;
    margin-bottom: var(--val_30);
    padding: var(--val_10);
    box-sizing: border-box;
}

    .service-mag img {
        margin-bottom: var(--val_10);
    }


.livraison-diff {
    display: none;
}

.livraison-panier .livraison-diff {
    display: block;
}

s
.table-connexion label p:first-child #Livraison-Express:target {
    background: #ff6a00;
}
.panier_btn_container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 20px;
}

@media (min-width: 1025px) and (max-width: 1300px) {
    .panier_btn_container {
        padding-right: 250px;
    }
}

@media (max-width: 1024px) {
    .panier_btn_container {
        flex-direction: column;
    }
    .code-promo-cadre {
        flex: none;
    }
    .btn_code_promo_container {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .btn_code_promo_container {
        flex-direction: column;
    }
}

@media (min-width: 1921px) {
    .validation-panier {
        width: 1291px;
    }
}


.vider-panier {
    color: var(--noir);
    border-radius: var(--val_10);
    font-size: var(--size_p);
    cursor: pointer;
    box-sizing: border-box;
    height: var(--val_20);
    position: relative;
    float: right;
    line-height: var(--val_20);
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.vider-panier img {
    height: 12px;
}

.vider-panier:hover {
    font-weight: 600;
}

/* FICHE PRODUIT */
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}


    .tg .tg-0thz {
        border-color: inherit;
        font-weight: var(--semibold);
        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: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    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;
    border-left: 1px solid #c8c8c3;
    font-size: var(--size_p);
    padding-left: var(--val_10);
}

.tg tr {
    border-top: 1px solid #c8c8c3 !important;
}

    .tg tr .tg-wa1i {
        border-left: none !important;
        font-size: var(--size_p);
        text-transform: uppercase;
        font-weight: var(--semibold);
        width: 100%;
        margin-top: var(--val_15);
    }



    .tg tr td:first-child {
        width: 40%;
        border-left: 1px solid #c8c8c3;
    }

    .tg tr td:nth-child(n+2) {
        border-left: 1px solid #c8c8c3;
        font-weight: var(--semibold);
        background: var(--gris_50);
        border-right: 1px solid #c8c8c3;
        width: 60%;
    }

.tg tr {
    display: block;
    width: 100%;
    font-size: 0;
    text-align: left;
}

.tg, .tg thead, .tg tbody {
    display: block;
    width: 100%;
}

    .tg tr .tg-0pky:first-child {
        width: 40%;
        border-left: 1px solid #c8c8c3;
    }

    .tg tr .tg-0pky {
        display: inline-block;
        vertical-align: middle !important;
        box-sizing: border-box;
        padding: 10px 0 10px 10px;
    }



    .tg thead .tg-0pky {
        border-right: none;
        border-bottom: none;
        border-left: 1px solid #c8c8c3;
        font-size: var(--size_p);
        padding-left: var(--val_10);
        border-top: 1px solid #c8c8c3;
    }

.glob-carac .tg tr .tg-0pky:nth-child(n+2) {
    border-left: 1px solid #c8c8c3;
    font-weight: var(--semibold);
    background: var(--gris_50);
    border-right: 1px solid #c8c8c3;
    width: 60%;
    display: inline-block;
}



.tg tr td {
    display: inline-block;
    vertical-align: middle !important;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
}



.tg tr:last-child {
    border-bottom: 1px solid #c8c8c3 !important;
}


.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: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    width: 100%;
}

.glob-carac .tg .tg-j6zm {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    width: 100%;
    border-left: none;
}

.glob-carac .tg .tg-1wig {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    width: 100%;
    border-left: none;
}

.glob-carac .tg .tg-uzvj {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    padding-bottom: var(--val_10);
    width: 100%;
    border-left: none;
}

.glob-carac .tg .tg-1wig:last-child {
    display: none;
}

.glob-carac .tg .tg-fymr {
    font-size: var(--size_p);
    text-transform: uppercase;
    font-weight: var(--semibold);
    padding-left: 0;
    padding-top: var(--val_15);
    width: 100%;
    border-left: 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: var(--semibold);
    }

.partage-fiche label .bold {
    font-weight: var(--semibold);
}

#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: var(--blanc);
    text-transform: uppercase;
    transition: all 0.5s;
    height: 38px;
}

    .partage-fiche .btn_envoyer:hover {
        background: var(--blanc);
        color: #1267b3;
    }

.message-falcu {
    font-weight: var(--semibold);
    font-size: var(--size_p);
    text-transform: uppercase;
}






#_ctl0_ContentPlaceHolder1_divResultOkMag p:nth-child(6) {
    text-align: center;
    margin-bottom: var(--val_15);
}

#_ctl0_ContentPlaceHolder1_divResultOkMag {
    text-align: center;
}

.header-noel.warp {
    background: var(--noir);
}





.fixedTop .header-noel .menu-mobile {
    overflow: initial;
    height: 0;
}

.fixedTop .header-noel.warp {
    height: 60px;
}


.tout-menu .soldemenu {
    display: none;
}

.categorie-filtre.lst_grid .cbk_cell_align_middle .proc-intel-11Gen span {
    font-size: var(--size_p);
    background: #0071C5;
    padding: 0px 5px;
    color: var(--blanc);
    margin-top: var(--val_5);
    display: inline-block;
    line-height: 18px;
}

.fiche-produit-r .proc-intel-11Gen {
    font-size: var(--size_p);
    border: 2px solid #0071C5;
    padding: 2px 5px;
    color: #0071C5;
    margin-top: var(--val_5);
    display: inline-block;
    line-height: 18px;
    font-weight: var(--semibold);
}

    .fiche-produit-r .proc-intel-11Gen sup {
        font-size: var(--size_p);
        position: relative;
        top: -2px;
    }

.categorie-filtre.lst_grid .cbk_cell_align_middle .proc-intel-11Gen sup {
    font-size: var(--size_p);
    position: relative;
    top: -2px;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container-cta-cookies {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


/*** Correctif responsive Banniere ***/

@media screen and (min-width: 1921px) {
    .slide-home {
        max-width: 100% !important;
        margin: auto !important;
    }

    .img-affich-promo li {
        float: none !important;
        display: inline-block !important;
    }

    .img-affich-promo ul {
        display: inline-block !important;
        margin: 0 10.4% 0 0 !important;
    }
}

.pointer-css {
    cursor: pointer;
}

/*
    Ticket
*/

.pop-up {
    background-color: #F4F4F4;
    position: fixed;
    z-index: 999999;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 80vh;
    overflow: hidden;
    overflow-y: scroll;
    top: 50%;
    left: 50%;
    box-shadow: 0px 0px 25px var(--noir);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}

.input-envoie-message {
    margin: 10px 0 0px 0px;
    width: 100%;
    height: 100%;
    resize: none;
    min-height: var(--val_30);
}

#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: var(--val_10);
    position: relative;
    min-height: 200px;
}

#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: var(--val_10);
    padding: var(--marg_10_0);
}

#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: var(--val_10);
    min-height: 200px;
}

.envoie-message div {
    width: 30%;
    background: #efc200 !important;
    color: var(--noir);
    align-items: center;
    padding: 2%;
    cursor: pointer;
    height: 100%;
    margin: 10px 0 0 0;
    justify-content: center;
    display: flex;
    border: 1px solid #efc200 !important;
}

.envoie-message input {
    border: 1px solid #ccc;
    padding: 2%;
    width: 100%;
    height: 100%;
}

.envoie-message {
    display: flex;
    width: 90%;
    height: 60px;
    margin: var(--marg_10_0);
}

.section-suivi-rma {
    display: flex;
    margin-bottom: var(--val_20);
    width: 100%;
    align-items: center;
    text-align: center;
}

    .section-suivi-rma > div {
        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;
        margin: var(--val_10);
        position: sticky;
        min-height: 200px;
    }

#container-piece-jointe {
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.piece-jointe-message {
    display: flex;
    width: 100%;
    flex-direction: row;
}

.pop-up-ticket {
    background-color: var(--gris_50);
    width: 80%;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    justify-content: center;
    height: 30%;
    align-items: center;
    box-shadow: 0 0 10px #999;
}

.flex {
    display: flex !important;
}

.tous-les-boutons {
    display: flex;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1%;
    width: 100%;
    height: 50px;
    justify-content: space-between;
    align-items: center;
}

    .tous-les-boutons .bouton-ticket {
        cursor: pointer;
        width: 20%;
        justify-content: center;
        background: var(--jaune);
        text-align: center;
        line-height: var(--val_25);
        padding: 0 10px;
        border-radius: 0;
        color: var(--noir);
        margin: var(--val_10);
        padding: 0 10px;
    }

.container-choix-ticket .bouton-retour a {
    padding: 0 10px;
    margin-top: var(--val_40);
    width: 20%;
}

.bouton-ticket p {
    color: var(--noir);
}

#btn-ticket-commande a {
    color: var(--jaune);
}

.bouton-retour, .bouton-creation-ticket {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 3vh;
    margin: var(--marg_10_0);
}

    .bouton-retour a, .bouton-creation-ticket a {
        display: flex;
        width: 20%;
        justify-content: center;
        background-color: var(--noir);
        color: var(--blanc);
        height: 100%;
        align-items: center;
        cursor: pointer;
    }

#btn-ticket-commande {
    text-align: center;
}

.container-choix-ticket {
    width: 80%;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#fond-popup {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #0e0e0e8f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

.titre-mes-demandes {
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: var(--size_h3);
    color: var(--gris_200);
    margin: var(--marg_15_0);
    text-align: center;
}

.vos-demandes .sep-hori {
    background: var(--noir);
    height: 1px;
}

.container-tickets {
    display: flex;
    width: 100%;
    flex-direction: column;
    min-height: 60vh;
    margin: 40px 0px;
}

.section-ticket-ouvert, .section-ticket-ferme {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    min-height: 20vh;
    margin-top: var(--val_20);
}

    .section-ticket-ouvert h3, .section-ticket-ferme h3 {
        font-weight: var(--semibold);
    }

.ticket {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    background-color: var(--blanc);
    margin: var(--marg_10_0);
    border: 1px solid #00000040;
}

    .ticket a {
        width: 100%;
        height: 100%;
    }

.info-ticket, .contenu-ticket {
    display: flex;
    padding: var(--marg_10_0);
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.info-ticket {
    background-color: var(--noir);
}

    .info-ticket p {
        color: var(--blanc);
    }

    .info-ticket > p:nth-child(2n + 1) {
        background: var(--jaune);
        line-height: var(--val_25);
        padding: 0 10px;
        border-radius: 0;
        color: var(--noir);
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: var(--semibold);
    line-height: 1;
    color: var(--noir);
    text-shadow: 0 1px 0 var(--blanc);
    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: var(--val_10);
    border-radius: 12px;
}

.modal-container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-right: var(--val_15);
    padding-left: var(--val_15);
    margin-right: auto;
    margin-left: auto;
}

.modal-title {
    display: flex;
    width: 50%;
    justify-content: space-between;
    text-align: center;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0;
    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: var(--val_10);
}

.text-align {
    text-align: center;
    margin: 10px 0px;
}

.btn-pj {
}

.info-text {
    text-align: center;
    text-transform: uppercase;
    font-size: var(--val_20);
    font-weight: var(--semibold);
}

.text-center {
    text-align: center !important;
}

.table-ticket {
    font-size: var(--size_p);
}

.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: var(--blanc);
    padding: 5px 10px;
    vertical-align: middle;
    margin-top: -0.3em;
    display: inline-block;
    font-size: 100%;
    font-weight: var(--semibold);
    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: var(--size_p);
    font-weight: var(--semibold);
    text-transform: uppercase;
    border: 0;
}

.table tr td:nth-child(1) {
    max-width: 200px;
    overflow: hidden;
}

.table .telechargementpj {
    color: var(--bleu);
    font-weight: var(--semibold);
}

#bouton-piece-jointe {
    display: flex;
    width: 80%;
    margin: var(--marg_10_0);
    height: 100%;
}

    #bouton-piece-jointe #_ctl0_ContentPlaceHolder1_btnUpload {
        width: 20%;
        background: #efc200 !important;
        color: var(--noir);
        align-items: center;
        cursor: pointer;
        justify-content: center;
        display: flex;
        border: 1px solid #efc200 !important;
    }

#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: var(--val_20);
}

.container-info-ticket {
    display: flex;
    flex-direction: column;
    width: 40%;
    border-top: 1px solid #CCC;
    align-items: center;
    text-align: center;
}


.info {
    margin: 10px 0px;
}

.majuscule {
    text-transform: uppercase;
}

.gras {
    font-weight: var(--semibold);
}

.italic {
    font-style: italic;
}

.texte-petit {
    font-size: var(--size_p);
}

.texte-aucun-resultat {
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: var(--val_10);
}

.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: var(--val_10);
    border-radius: var(--val_15);
    background-color: #82ccdd69;
    padding: var(--val_10);
    position: relative;
}

.message-recu-date {
    left: var(--val_10);
    bottom: -20px;
    font-size: var(--size_h6);
    margin-left: var(--val_15);
    font-style: italic;
}

.message-envoye-contenu {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: var(--val_10);
    border-radius: var(--val_15);
    background-color: #78e08f69;
    padding: var(--val_10);
    position: relative;
}

.message-envoye-date {
    right: var(--val_10);
    font-size: var(--size_h6);
    float: right;
    font-style: italic;
    margin: 5px 15px;
}

.message-envoye-destinataire {
    position: absolute;
    right: var(--val_10);
    bottom: -20px;
    font-size: var(--size_h6);
    font-style: italic;
}

.message-recu-utilisateur {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e9ecef;
    position: relative;
    font-weight: var(--semibold);
}

.message-envoye-utilisateur {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: #84d0c5;
    position: relative;
    font-weight: var(--semibold);
}

    .message-envoye-utilisateur span {
        position: absolute;
        top: var(--val_15);
        -ms-transform: translateY(-45%);
        transform: translateX(-45%);
    }

.message-recu-utilisateur span {
    position: absolute;
    top: var(--val_15);
    -ms-transform: translateY(-45%);
    transform: translateX(-45%);
}

.message-envoye-contenu p {
    margin: 0px;
}

.messages {
    position: relative;
    list-style: none;
    padding: var(--val_20);
    margin-top: 0;
    margin-bottom: var(--val_20);
    max-height: 500px;
    overflow-y: scroll;
    border-top: 2px solid #F4F4F4;
}

    .messages .message {
        clear: both;
        overflow: hidden;
        margin-bottom: var(--val_20);
        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: var(--bleu);
            text-align: right;
        }

            .messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
                left: 100%;
                border-left-color: var(--bleu);
            }

        .messages .message.appeared {
            opacity: 1;
        }

        .messages .message .text_wrapper {
            padding: var(--val_20);
            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: var(--val_15);
                margin-top: -2px;
            }

            .messages .message .text_wrapper .text {
                font-size: var(--size_p);
                white-space: pre-line;
            }

.btn-default {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3vh;
    margin: var(--marg_10_0);
    background-color: var(--noir);
    color: var(--blanc);
}

.bouton-file {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    line-height: var(--val_30);
    margin-left: var(--val_10);
    padding: var(--val_10);
    /* width: 100%; */
}

.container-liste-messages {
    width: 100%;
}

.hidden {
    overflow: hidden !important;
}

.btn-ticket-produit {
    background: var(--jaune);
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 0;
    min-width: 156px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    color: var(--noir);
    font-weight: var(--semibold);
}

.commande-timing .bt-compte.pb-livre {
    font-size: var(--size_h6);
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    color: var(--noir);
    width: 120px;
}

@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;
    }
}

.carac-gaming .price-gaming p {
    background: #0078d4;
    color: purple;
    padding: 14px;
    height: 200px;
    width: 200px;
}

.france-relance {
    display: inline-block;
    vertical-align: middle;
}

    .france-relance img {
        width: 50%;
    }

.commande-cours .bt-annulation {
    background: #E00;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 10px;
    height: 32px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    z-index: 10;
    font-size: var(--size_p);
    color: var(--blanc);
    font-weight: var(--semibold);
    line-height: 21px;
}

.commandes-annulees {
    margin-top: var(--val_40);
}

    .commandes-annulees h3 {
        font-size: 1.5rem;
        text-align: center;
    }

.commande100 p {
    color: #E00;
}

/** Avis vÃ©rifiÃ© **/

.section-avis-verifie {
    display: block;
    width: 100%;
    margin: auto;
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
    background: var(--blanc);
    margin-top: var(--val_20);
}

    .section-avis-verifie .container-avis-verifie {
        display: flex;
        width: 90%;
        margin: auto;
    }

.section-avis-verifie-mobile {
    display: none;
    width: 100%;
    margin: auto;
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
}

    .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;
    }
}

/** Livraison Fiche Produit **/

.date-livraisonstandard {
    margin-top: var(--val_10);
    padding-top: var(--val_10);
    padding-bottom: 6px;
    margin: 0 !important;
}

    .date-livraisonstandard p {
        font-weight: 300;
        width: 100%;
    }

    .date-livraisonstandard span {
        font-size: var(--size_p) !important;
    }

    .date-livraisonstandard:after {
        width: 100%;
        height: 1px;
        background: grey;
    }

.date-livraisonexpress {
    margin: 0 !important;
}

    .date-livraisonexpress p {
        width: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 300;
    }

    .date-livraisonexpress span {
        font-size: var(--size_p) !important;
    }

.date-livraisonrelaiscolis {
    display: none;
}

/** Footer F.A.Q **/

#button-faq-footer {
    background: var(--blanc);
    color: var(--gris_200);
    margin-top: 14px;
}

.mail-message img {
    width: 70%;
    margin: auto;
}

#button-absolute-faq {
    height: 36px;
    width: 36px;
    background: #1a1a1a;
    border-radius: 50px;
    display: flex;
    margin-top: 16px;
    transition: 0.1s;
}

    #button-absolute-faq img {
        width: 16px;
        margin: auto;
        padding-top: 4px;
    }

.mail-message {
    display: flex;
    transition: 0.1s;
}

    .mail-message:hover, #button-absolute-faq:hover {
        background: var(--jaune);
        transition: 0.2s;
    }

    .mail-message img {
        width: 18px;
    }

/** Footer F.A.Q **/

#button-faq-footer {
    background: var(--blanc);
    color: var(--gris_200);
    margin-top: 14px;
}

.mail-message img {
    width: 70%;
    margin: auto;
}

#button-absolute-faq {
    height: 36px;
    width: 36px;
    background: #1a1a1a;
    border-radius: 50px;
    display: flex;
    margin-top: 16px;
    transition: 0.1s;
}

    #button-absolute-faq img {
        width: 16px;
        margin: auto;
        padding-top: 4px;
    }

.mail-message {
    display: flex;
    transition: 0.1s;
}

    .mail-message:hover, #button-absolute-faq:hover {
        background: var(--jaune);
        transition: 0.2s;
    }

    .mail-message img {
        width: 18px;
    }

/** Avis vÃ©rifiÃ© **/

.section-avis-verifie {
    display: block;
    width: 100%;
    margin: auto;
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
    background: var(--blanc);
    margin-top: var(--val_20);
}

    .section-avis-verifie .container-avis-verifie {
        display: flex;
        width: 90%;
        margin: auto;
    }

.section-avis-verifie-mobile {
    display: none;
    width: 100%;
    margin: auto;
    padding-top: var(--val_20);
    padding-bottom: var(--val_20);
}

    .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;
    }
}

/** Livraison Fiche Produit **/

.date-livraisonstandard {
    margin-top: var(--val_10);
    padding-top: var(--val_10);
    padding-bottom: 6px;
    margin: 0 !important;
}

    .date-livraisonstandard p {
        font-weight: 300;
        width: 100%;
    }

    .date-livraisonstandard span {
        font-size: var(--size_p) !important;
    }

    .date-livraisonstandard:after {
        width: 100%;
        height: 1px;
        background: grey;
    }

.date-livraisonexpress {
    margin: 0 !important;
}

    .date-livraisonexpress p {
        width: 100%;
        padding-top: 6px;
        padding-bottom: 6px;
        font-weight: 300;
    }

    .date-livraisonexpress span {
        font-size: var(--size_p) !important;
    }

.date-livraisonrelaiscolis {
    display: none;
}

/** Footer F.A.Q **/

#button-faq-footer {
    background: var(--blanc);
    color: var(--gris_200);
    margin-top: 14px;
}

.mail-message img {
    width: 70%;
    margin: auto;
}

#button-absolute-faq {
    height: 60px;
    width: 60px;
    background: : var(--noir);
    border-radius: 50px;
    display: flex;
    margin-top: 16px;
    transition: 0.1s;
    display: none;
}

    #button-absolute-faq img {
        width: 16px;
        margin: auto;
        padding-top: 4px;
    }

.mail-message {
    display: flex;
    transition: 0.1s;
}

    .mail-message:hover, #button-absolute-faq:hover {
        background: var(--jaune);
        transition: 0.2s;
    }

    .mail-message img {
        width: 18px;
    }

/** Avis Fiche **/

.title-avis-fiche {
    margin-top: 12px;
    margin-bottom: 6px;
}

    .title-avis-fiche span {
        text-transform: uppercase;
        font-weight: var(--medium);
        color: var(--gris_200);
        width: auto;
        border-bottom: 1px solid var(--noir);
    }

.impression .avis-fiche .texte_avis {
    margin-top: var(--val_10);
}

@media screen and (max-width: 1300px) {
    .title-avis-fiche span {
        font-size: var(--size_p);
    }

    .impression .avis-fiche img {
        width: 16px !important;
    }

    .grb__liste-produit__disponibilite .dispo-last {
        justify-content: flex-start !important;
    }

    .impression .avis-goto, .impression #_ctl0_ContentPlaceHolder1_hl_avis {
        display: block;
        width: 100% !important;
        margin: 0;
        font-size: var(--size_p) !important;
        padding: 8px 10px !important;
        margin-top: 8px;
        margin-bottom: 4px;
    }

    .grb__liste-produit__liste__produit__information__libelle {
        max-width: 90%;
    }
}

@media screen and (max-width: 960px) {
    .title-avis-fiche span {
        font-size: var(--size_p);
    }
}

/* bandeau noir en bas de page Ã  afficher uniquement sur la home */
.home_topbar_margin {
    display: none;
}

.home_bandeau_black {
    display: block;
}
/*  ---  */


/*region code defs label page famille.aspx */
.categorie-landing #_ctl0_ContentPlaceHolder1_intro_seo {
    overflow: hidden;
    /*border-bottom: 15px solid #EEE;*/
    margin: 0 auto 20px auto !important;
}

.categorie-landing .sep-fiche-prod-l h2 {
    margin-bottom: 0px;
    color: var(--noir);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    margin: 0 0 var(--marg_10_0);
}

.categorie-landing .categorie-r div {
    font-size: 0;
}

    .categorie-landing .categorie-r div h3 {
        font-size: var(--size_h4);
    }

.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: var(--size_p);
    text-align: justify;
}

.categorie-landing .content-categorie-top:first-child {
    margin-right: 2%;
}

.categorie-landing .sep-fiche-prod-l h2 {
    margin-bottom: 0px;
    color: var(--noir);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    margin: 0 0 var(--marg_10_0);
}

.categorie-landing .sep-fiche-prod-l .global-desc {
    margin-bottom: var(--val_15);
}

.content-cat-landing {
    overflow: hidden;
    border-bottom: 15px solid #EEE;
    margin: 0 auto 20px auto !important;
}

    .content-cat-landing .selection_top table tbody tr td h1 {
        font-size: var(--val_20);
        color: var(--jaune);
        font-weight: var(--semibold);
        text-align: center;
        line-height: 24px;
        width: 100%;
        padding: var(--val_10);
    }

    .content-cat-landing .selection_top table tbody tr td {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .content-cat-landing .selection_top table {
        width: 100%;
        margin: 0;
        background: : var(--noir);
    }

.content-categorie-filtre a {
    border-top: 1px solid #ccc;
    display: block;
    font-weight: var(--semibold);
    padding: 5px 10px;
    font-size: var(--size_p);
}

.content-categorie-filtre li:first-child a {
    border: none;
}

.content-categorie-filtre img {
    display: none;
}

.content-categorie-filtre li:first-child img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    height: 100px;
}

.content-categorie-filtre .price-cat-top {
    color: var(--gris_200);
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    background: none;
    white-space: nowrap;
    font-weight: var(--semibold);
    width: 80px;
    text-align: right;
    vertical-align: middle;
}

.content-categorie-filtre p {
    background: var(--gris_200);
    padding: 5px 10px;
    margin-top: 0px;
    display: block;
    line-height: var(--val_20);
    color: var(--blanc);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    cursor: pointer;
}

.content-categorie-marg {
    margin-bottom: var(--val_10);
}

.content-titre-cat {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
}

    .content-titre-cat p.titre-produit-cat {
        color: var(--noir);
        display: block;
        font-weight: var(--semibold);
    }

.content-top-filtre .content-titre-cat {
    display: inline-block;
    vertical-align: middle;
    width: 156px;
    padding: var(--val_10);
    font-weight: normal;
    font-size: var(--size_p);
}

.content-titre-cat p {
    color: #888;
    font-size: var(--size_h6);
    line-height: var(--val_15);
    height: auto;
    max-height: 45px;
    overflow: hidden;
}

.price-cat-top {
    color: var(--gris_200);
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    font-weight: var(--semibold);
    width: 80px;
    text-align: right;
    vertical-align: middle;
}

.categorie-r .container-features {
    width: 100%;
}

    .categorie-r .container-features img {
        width: 100%;
        height: 300px;
        border-bottom: 1px solid grey;
        margin-bottom: var(--val_30);
    }

    .categorie-r .container-features .container-cat-button {
        width: 100%;
        padding: var(--val_10);
    }

        .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: var(--val_10);
            text-align: center;
            display: flex;
            flex-wrap: wrap;
        }

        .categorie-r .container-features .container-cat-button ul li {
            width: calc(50% - 20px) !important;
            margin: var(--val_10);
            background: #0B5;
            border-radius: 0;
            height: var(--val_35);
        }

        .categorie-r .container-features .container-cat-button a p {
            color: #ffffff;
            margin: auto;
            font-size: var(--size_p);
            font-weight: var(--semibold);
            text-transform: uppercase;
        }

        .categorie-r .container-features .container-cat-button ul li a {
            color: #ffffff;
            margin: auto;
            font-size: var(--size_p);
            font-weight: var(--semibold);
            text-transform: uppercase;
            text-align: center;
            width: 100%;
            display: block;
            background: var(--bleu);
            border-radius: 0;
            padding-top: var(--val_10);
            padding-bottom: var(--val_10);
        }

@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;
    }
}

.categorie-r div .ajout-top {
    width: 100%;
    min-height: 250px;
    margin-bottom: var(--val_20);
    margin-top: var(--val_20);
    margin-bottom: 50px;
    margin-top: 50px;
}

.categorie-r .ajout-top .title {
    background: var(--gris_200);
    padding: 5px 10px;
    margin-top: 0px;
    display: block;
    width: 100%;
}

    .categorie-r .ajout-top .title p {
        line-height: var(--val_20);
        color: var(--blanc);
        font-size: var(--size_p);
        font-weight: var(--semibold);
    }

.categorie-r .ajout-top .content {
    display: flex;
}

    .categorie-r .ajout-top .content .container {
        width: 25%;
        padding: var(--val_15);
        border: 1px solid #ccc;
    }

        .categorie-r .ajout-top .content .container img {
            background: #ccc;
            margin: auto;
        }

        .categorie-r .ajout-top .content .container p:first-child {
        }

        .categorie-r .ajout-top .content .container p {
            text-align: center;
            padding-top: var(--val_15);
            font-weight: normal;
            font-size: var(--size_p);
            line-height: 16px;
        }

        .categorie-r .ajout-top .content .container p {
            font-size: var(--size_p);
            text-align: center;
            line-height: 12px;
            padding-top: var(--val_5);
        }

        .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: var(--gris_200);
                display: inline-block;
                font-size: 16px;
                line-height: 16px;
                background: none;
                white-space: nowrap;
                font-weight: var(--semibold);
            }

.categorie-r .ajout-top .prix span {
    color: var(--gris_200);
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    background: none;
    white-space: nowrap;
    font-weight: var(--semibold);
}

.categorie-r .ajout-top .content .container div a .prix sup {
    font-size: var(--size_p);
    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: var(--blanc);
        background: var(--gris_200);
        color: var(--blanc);
        font-size: var(--size_p);
        font-weight: var(--semibold);
        line-height: var(--val_30);
        text-align: center;
        height: var(--val_30);
        width: var(--val_30);
        background: #e00;
        color: var(--blanc);
        margin: auto;
        padding: 0;
    }

.content-categorie-top li {
    border-bottom: 1px solid #ccc;
    padding: var(--marg_10_0);
}

    .content-categorie-top li:last-child {
        border-bottom: 0;
    }

    .content-categorie-top li a {
        font-size: var(--size_p);
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
        width: 90%;
    }

.content-categorie-top {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

    .content-categorie-top img {
        vertical-align: middle;
        width: 75px;
        padding: var(--val_10);
    }

.number-top {
    vertical-align: middle;
    display: inline-block;
    color: var(--blanc);
    background: var(--gris_200);
    color: var(--blanc);
    font-size: var(--size_p);
    font-weight: var(--semibold);
    height: var(--val_15);
    line-height: var(--val_15);
    text-align: center;
    width: var(--val_15);
}
/*fin region code defs label page famille.aspx */

/** Correction menu **/
.menu-hori.hover ul, .menu-hori:hover ul {
    display: flex;
    flex-wrap: wrap;
}

.menu-hori.pc-bureau ul li {
    width: 28%;
    margin-right: var(--val_15);
}

    .menu-hori.pc-bureau ul li img {
        width: 100%;
    }

    .menu-hori.pc-bureau ul li:nth-child(5) {
        margin-right: var(--val_15);
    }

/**Style pop up annulation de commande **/


.shadow-bck {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10000;
    transform: translate(-50%,-50%);
    width: 600px;
    overflow: hidden;
    background: var(--blanc);
    border-radius: var(--val_15);
    padding: 40px 50px 40px 50px;
}

.titre-pop {
    padding: var(--val_10);
    color: var(--noir);
    margin-bottom: var(--val_30);
    font-size: var(--val_30);
    font-weight: var(--semibold);
    line-height: 1.3;
}

.form-pop {
    overflow: hidden;
}

    .form-pop select {
        border: 0;
        background: #ededed;
        color: var(--noir);
        font-weight: var(--semibold);
        padding: 10px 15px 10px 15px;
        border-radius: 5px !important;
        margin-top: var(--val_15);
    }

    .form-pop p {
        font-size: 16px;
        line-height: 1.3;
        width: 360px;
    }

.bt-popup-compte {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 50px;
    justify-content: flex-end;
}

    .bt-popup-compte .bt-envoyer, .bt-popup-compte .bt-retour {
        text-transform: uppercase;
        font-size: var(--size_p);
        padding: var(--marg_10_0);
        cursor: pointer;
        text-align: center;
        font-weight: var(--semibold);
        width: auto;
    }

    .bt-popup-compte .bt-retour {
        margin-right: var(--val_30);
        text-decoration: underline;
        font-weight: 300;
        background: transparent;
        text-transform: initial;
    }

    .bt-popup-compte .bt-envoyer {
        background: var(--jaune);
        padding-left: var(--val_30);
        padding-right: var(--val_30);
        padding-top: var(--val_15);
        padding-bottom: var(--val_15);
        border-radius: 0;
        color: #151515;
    }

    .bt-popup-compte .bt-retour {
        color: #5a5a5a;
    }

@media screen and (max-width: 1250px) {
    .shadow-bck {
        width: 80%;
        margin: auto;
    }

    .form-pop p {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .form-pop select {
        width: 100%;
    }

    .bt-popup-compte {
        flex-direction: column;
    }

        .bt-popup-compte .bt-retour {
            margin-top: var(--val_20);
            margin-right: 0;
        }

    .titre-pop {
        font-size: 130%;
    }

    .pop-up {
        width: 90%;
    }

    .shadow-bck {
        width: 90%;
        padding: 40px 20px var(--marg_40_20);
    }
}

@media screen and (max-width: 450px) {
    .shadow-bck {
        width: 100%;
    }
}


.pop-up-cde-client, .pop-up-garantie-constructeur {
    display: none;
    width: 80% !important;
    height: 30vh !important;
    overflow: hidden !important;
}


.message-coordonnees h1 {
    line-height: var(--val_20);
}

.garantie-constructeur-info {
    display: none;
}

.containter-coordonnees {
    margin-top: var(--val_20);
}

.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: var(--val_20);
    }

.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: var(--blanc);
    justify-content: center;
    font-size: var(--size_p);
    text-transform: uppercase;
    background-color: var(--noir);
    line-height: var(--val_35);
    text-align: center;
    width: 200px;
    border: 1px solid var(--noir);
    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: var(--val_10);
}


/****** Ajout code promo *******/
.cyb__panier__codepromo {
    display: flex;
}

.codepromo-panier {
    display: flex;
    justify-content: flex-start;
}

.cyb__panier__code-promo-container p {
    font-size: var(--size_p);
    border: 1px solid #cb192d;
    padding: 3px 10px;
    margin: 3px 0;
    width: auto;
    color: #cb192d;
    font-weight: var(--semibold);
}

.cyb__panier__code-promo-suppr {
    display: flex;
    margin-left: var(--val_20);
}

    .cyb__panier__code-promo-suppr input {
        margin: auto;
        height: auto;
    }

.cyb__panier__codepromo__delete {
    margin-left: var(--val_15);
    display: none;
}

    .cyb__panier__codepromo__delete input {
        margin: auto;
        height: auto;
    }

.codepromo-panier ~ .cyb__panier__codepromo__delete {
    display: flex;
}

@media screen and (max-width: 960px) {
    .cyb__panier__codepromo {
        width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .cyb__panier__codepromo {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .cyb__panier__codepromo {
        width: 100%;
    }
}


/******** Module Etat PC ********/

width: 100%;
margin: auto;
margin-bottom: var(--val_40);
}

.module__fiche-produit__container {
    width: 100%;
}

.module__fiche-produit__container__bloc-exp {
    background: var(--bleu);
    width: 100%;
    padding: 20px 0px 20px 0px;
    border-radius: var(--val_10);
}

.module__fiche-produit__container__bloc__padding__title {
    font-weight: var(--semibold);
    margin: 0;
    color: var(--blanc);
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.module__fiche-produit__container__bloc__padding__text {
    margin: 0;
    padding-top: var(--size_p) !important;
    color: var(--blanc);
    line-height: 1.4;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.module__fiche-produit__container__bloc-liste {
    width: 100%;
    margin-top: 24px;
}

    .module__fiche-produit__container__bloc-liste div {
        padding: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        font-size: 16px;
        padding: 14px 20px;
    }

        .module__fiche-produit__container__bloc-liste div strong {
            margin-right: 24px;
        }

        .module__fiche-produit__container__bloc-liste div p {
            margin: 0;
        }

        .module__fiche-produit__container__bloc-liste div:nth-child(even) {
            background: #f3f3f3;
        }






/* Corrections menu et footer ================================================= */

.ajout-panier.ajout-panier-0 .banner_account {
    padding: 4px 0;
}

.container-avis-verifie-mobile, .container-avis-verifie-mobile iframe {
    width: 100% !important;
}

#_ctl0_tbx_email {
    height: 37px;
    width: 230px;
}


.rubrique-float ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rubrique-float li {
    width: 24%;
}

.news_left {
    width: 300px;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1300px) {
    .carousel-produits .all_libelle {
        height: 49px !important;
        max-height: 49px;
    }



    #_ctl0_tbx_email {
        height: 37px;
        width: 250px;
    }

    .france-relance img {
        width: 70% !important;
        margin-top: -40px;
    }

    .home_bandeau_black ul {
        display: flex;
        justify-content: space-between;
    }

    .home_bandeau_black li {
        margin-right: 10px !important;
        display: contents;
        width: 20%;
    }

        .home_bandeau_black li img {
            display: none;
        }
}

@media screen and (max-width: 960px) {
    .rubrique-float li {
        width: 48%;
        margin: 0;
    }

    .ajout-panier.ajout-panier-0 .banner_account {
        padding: 0;
    }

    .france-relance img {
        width: 100% !important;
    }

    .widget-body {
        height: 100% !important;
    }

    .mentions-newsletter::before {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {


    .france-relance {
        display: block;
        vertical-align: initial;
        width: 100% !important;
        position: relative;
    }

        .france-relance img {
            /*width: 15% !important;*/
            position: absolute;
            /*left: 15.5%;*/
            top: var(--val_5);
        }

    .foot li {
        color: var(--blanc);
        font-size: var(--size_p);
        padding: 2px 0;
        text-align: left;
    }

    .foot-reseau p {
        text-align: left !important;
        margin-bottom: 5px !important;
        text-align: center !important;
    }

    .footer p::after {
        width: 133px;
        display: block;
        height: 1px;
        content: "";
        text-align: left !important;
        margin: 0 !important;
    }

    .cybertek-footer {
        margin-top: 33px;
    }

    .foot-reseau p {
        display: block !important;
    }

    #_ctl0_news_cont .warp {
        height: 180px;
    }

    #_ctl0_news_cont .news-r {
        margin-top: -2px !important;
    }

    #_ctl0_tbx_email {
        height: 37px;
        width: 183px;
    }

    .ui-grid-solo.news_left {
        text-align: left;
        width: 100%;
    }

    .mentions-newsletter {
        text-align: left !important;
    }
}

@media screen and (max-width: 480px) {

    .france-relance {
        display: flex;
    }

        .france-relance img {
            margin: auto;
            position: unset !important;
            left: unset;
            top: unset;
        }

    .foot-reseau {
        vertical-align: top !important;
        width: 100% !important;
    }

    #_ctl0_news_cont .warp {
        width: 320px;
    }

    .foot-reseau p {
        width: 100%;
    }

    .foot-reseau a {
        text-align: left !important;
    }

    .news-r {
        width: 100% !important;
        margin-top: 7px !important;
        display: inline-block;
        float: none;
    }

    .mentions-newsletter {
        float: left !important;
        margin-left: 22px !important;
    }

    .ui-grid-solo.news_left {
        text-align: center;
        width: 100%;
        margin-top: 10px !important;
    }

    .france-relance img {
        width: 23% !important;
        position: relative;
        margin-top: 0px !important;
        margin: auto;
    }

    #_ctl0_news_cont {
        height: 300px !important;
    }

    #_ctl0_tbx_email {
        height: 37px !important;
        width: 275px !important;
    }

    #_ctl0_news_cont ~ .footer {
        padding-top: 20px !important;
    }

    #_ctl0_news_cont .warp {
        height: 250px;
        height: 180px;
    }
}


.hack_header {
    clear: both;
    /*    padding-top: 108px;*/
}

@media screen and (max-width: 768px) {
    .footer p {
        text-align: left !important;
    }

        .footer p::after {
            width: 200px !important;
            display: block;
            height: 1px;
            content: "";
            text-align: center;
            margin: 10px auto 0;
        }

    #_ctl0_mag_choisi_lien a {
        padding: var(--val_20);
    }
}

@media screen and (max-width: 480px) {
    .footer p::after {
        width: 130px !important;
    }
}
/*
@media screen and (max-width: 960px) {
    .hack_header {
        padding-top: 97px;
    }
    .widget-body {
        -webkit-box-shadow: inset 0px -50px 30px -30px var(--noir) !important;
        box-shadow: inset 0px -50px 30px -30px var(--noir) !important;
    }
    .review-content {
        z-index: -5 !important;
    }
}*/
/* Fin footer */

@media screen and (max-width: 450px) {
    .shadow-bck {
        width: 100%;
    }
}
/******* 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;
    }
}


@media screen and (min-width: 1919px) {
    .france-relance img {
        width: 70px !important;
        margin-top: 0px;
    }
}




/* ---------------------------------- A PLACER DANS MAIN.CSS ---------------------------------- */

.gotopCybertek {
    position: fixed;
    bottom: 100px;
    right: 24px;
    width: 60px;
    height: 60px;
    opacity: 0;
    transition: opacity 0.5s;
    cursor: initial;
    z-index: 1000;
    background: : var(--noir);
    border-radius: 50px;
}

    .gotopCybertek:hover {
        background: var(--jaune);
        transition: 0.2s;
    }

.gotopCybertek--content {
    width: var(--val_30);
    top: var(--val_20);
    left: 14px;
    position: absolute;
}

.gotopCybertek_active {
    opacity: 1;
    cursor: pointer;
    background: black;
}
/*
.select-mag:hover .mag-list-fiche {
    display: inline-block;
    border: 1px solid #c8c8c3;
    border-radius: var(--val_10);
    position: absolute;
    background: var(--gris_50);
    width: 200px;
    text-align: center;
    padding: 3px 10px;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    max-height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
}*/
/*
.mag_fiche .dispo-last, .mag_fiche .prodfiche_dispo {
    color: #00bb55;
    font-weight: var(--semibold);
    text-transform: capitalize;
}*/
.mail-message {
    display: none;
}



/****** pop up panier extension de garantie ******/

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin {
    width: 50%;
}

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
    width: 20%;
    display: flex;
}

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiecta {
    width: 30%;
}

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin {
    width: 30%;
    display: flex;
}

    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin .cyb_fch-prod__pop-up__partiemagasin__localisationcontainer {
        width: 40%;
        margin: auto;
        display: flex;
    }

        #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__nommagasin .cyb_fch-prod__pop-up__partiemagasin__localisationcontainer img {
            width: 100%;
            margin: auto;
        }

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
    width: 70%;
}

    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
        font-size: var(--size_p);
        line-height: 1.3;
        font-weight: var(--semibold);
        margin: auto 0;
        color: var(--noir);
        text-align: left;
    }

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
    font-size: var(--val_20);
    color: var(--bleu);
    font-weight: var(--semibold);
    text-align: center;
    margin: auto;
}

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiecta__changemagasin {
    font-size: var(--size_p);
}

#PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiecta__flex a {
    margin: var(--val_10);
    transition: 0.1s all;
}

    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiecta__flex a:hover {
        filter: contrast(150%);
        transition: 0.3s all;
    }

@media screen and (max-width: 768px) {
    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiecta {
        width: 100%;
    }

    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information {
        width: 100%;
    }

        #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin__information p {
            font-size: var(--size_h4);
        }

    #PanelDetailsExtensionGarantie .cyb_fch-prod__pop-up__magasin__flex__partiemagasin {
        width: 100%;
        justify-content: center;
    }
}

.cyb_fch-prod__pop-up-extension__presentation {
    width: 90%;
    margin: auto;
    margin: 20px auto;
}

    .cyb_fch-prod__pop-up-extension__presentation h3 {
        font-size: var(--val_20);
        font-weight: var(--semibold);
        margin-bottom: 16px;
        color: var(--bleu);
    }

    .cyb_fch-prod__pop-up-extension__presentation p {
        font-size: var(--size_p);
        line-height: 1.4;
        margin: 0;
    }

.cyb_fch-prod__pop-up-extension__explication {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}

    .cyb_fch-prod__pop-up-extension__explication div {
        width: 32%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

        .cyb_fch-prod__pop-up-extension__explication div img {
            width: 30%;
            margin: auto;
            margin-bottom: var(--val_10);
        }

        .cyb_fch-prod__pop-up-extension__explication div h3 {
            font-weight: var(--semibold);
            font-size: var(--size_p);
            text-align: center;
            color: var(--bleu);
            margin-bottom: 8px;
        }

        .cyb_fch-prod__pop-up-extension__explication div h4 {
            font-weight: var(--semibold);
            font-size: var(--size_p);
            text-align: center;
            color: var(--noir);
            margin-bottom: 8px;
        }

        .cyb_fch-prod__pop-up-extension__explication div p {
            text-align: center;
            line-height: 1.3;
            font-size: var(--size_p);
            min-height: 60px;
        }

            .cyb_fch-prod__pop-up-extension__explication div p span {
                color: #888888;
            }

@media screen and (max-width: 768px) {
    .cyb_fch-prod__pop-up-extension__explication div img {
        width: 40%;
    }

    .cyb_fch-prod__pop-up-extension__explication div h3 {
        max-width: 80%;
        margin: auto;
        margin-bottom: var(--val_10);
    }

    .cyb_fch-prod__pop-up-extension__explication div h4 {
        max-width: 80%;
        margin: auto;
        margin-bottom: var(--val_10);
    }

    .cyb_fch-prod__pop-up-extension__explication div {
        width: 30%;
    }

        .cyb_fch-prod__pop-up-extension__explication div img {
            width: 50%;
        }

        .cyb_fch-prod__pop-up-extension__explication div h3 {
            min-height: 50px;
        }

        .cyb_fch-prod__pop-up-extension__explication div h3 {
            max-width: 100%;
        }

        .cyb_fch-prod__pop-up-extension__explication div h4 {
            max-width: 100%;
        }

        .cyb_fch-prod__pop-up-extension__explication div p {
            min-height: 90px;
        }
}

@media screen and (max-width: 533px) {
    .cyb_fch-prod__pop-up-extension__explication {
        flex-direction: column;
    }

    .cyb_fch-prod__pop-up-extension__explication__container {
        flex-direction: row !important;
    }

    .cyb_fch-prod__pop-up-extension__explication div {
        width: 100%;
        gap: var(--val_20);
        margin-bottom: var(--val_10);
    }

        .cyb_fch-prod__pop-up-extension__explication div img {
            width: 15%;
        }

        .cyb_fch-prod__pop-up-extension__explication div h3, .cyb_fch-prod__pop-up-extension__explication div p {
            min-height: auto;
            margin: auto;
            text-align: left;
        }

        .cyb_fch-prod__pop-up-extension__explication div h3 {
            width: 30%;
        }

        .cyb_fch-prod__pop-up-extension__explication div h4 {
            width: 30%;
        }

        .cyb_fch-prod__pop-up-extension__explication div p {
            width: 55%;
        }
}

#idselect-mag:hover .mag-list-fiche {
    display: block !important;
    width: 250%;
    margin: 0 !important;
    padding: 0;
    background: var(--blanc);
    left: -50%;
    right: 0;
    position: absolute;
    z-index: 99999;
    border: 1px solid var(--noir);
}

    #idselect-mag:hover .mag-list-fiche .stock-True {
        padding: 10px 30px;
        z-index: 100000;
    }

#idselect .mag-list-fiche {
    width: 100%;
    display: none;
    margin: 0 !important;
    padding: 0;
    background: var(--blanc);
    left: 0;
    right: 0;
    position: absolute;
    z-index: 99999;
}

.stock-True .mag_fiche span {
    color: #00bb55;
    font-weight: var(--semibold);
}





.cyb_fch-prod__pop-up-extension__lien {
    width: 100%;
    padding: var(--val_20);
    display: flex;
}

    .cyb_fch-prod__pop-up-extension__lien a {
        text-decoration: underline;
        font-size: var(--size_p);
        text-align: center;
        margin: auto;
    }

/*** Bouton Panier Serigraphie ***/

.panier__bouton--faire-une-gravure, .panier__bouton--retour-serigraphie {
    padding: 4px 34px;
    border: none;
    background: var(--bleu);
    font-weight: var(--semibold);
    transition: 0.1s;
}

    .panier__bouton--faire-une-gravure a, .panier__bouton--retour-serigraphie a {
        color: #fff !important;
        text-transform: uppercase;
    }

    .panier__bouton--retour-serigraphie:hover, .panier__bouton--faire-une-gravure:hover {
        transition: 0.3s;
        background: #416d81;
    }



#uneurodeplus {
    background-color: var(--noir);
    padding: var(--val_10);
    color: #ffcf00 !important;
    font-weight: var(--semibold);
    margin-top: var(--val_20);
}

    #uneurodeplus a {
        color: #ffcf00 !important;
        text-decoration: underline !important;
    }

#codeuneuro {
    color: var(--noir) !important;
    background-color: #FFFFFF !important;
    padding: 0 5px;
    font-weight: 800;
    font-size: 14px !important;
}


@media screen and (max-width: 1040px) {
    .panier__bouton--retour-serigraphie, .panier__bouton--faire-une-gravure {
        display: none;
    }
}

/* CHRONO PRECISE & COLISWEB */
.block-colisweb div:nth-child(2), .block-cronoprecise div:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    padding: var(--val_10);
    width: 100%;
}

.planning-colisweb, .planning-cronoprecise {
    width: 50% !important;
    margin: auto;
    margin-left: 5%;
}

.popupCloseButtonColisweb > div, .popupCloseButton > div {
    width: 100%;
}

.planning-colisweb .p-hours, .planning-cronoprecise .p-hours {
    padding: 10px 30px;
    text-align: center;
    margin: 8px 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 #00bb55 !important;
}

.planning-colisweb .selection-horaire, .planning-cronoprecise .selection-horaire {
    background: var(--rouge);
    max-width: 730px;
    margin: 20px auto;
    padding: 10px 70px;
    border-radius: 4px;
    background: #0B5;
    color: var(--blanc);
    cursor: pointer;
    font-weight: 900;
    letter-spacing: -.5px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: var(--size_p);
    line-height: var(--val_20);
    width: 100%;
    bottom: 0;
    position: relative;
}

    .planning-colisweb .selection-horaire:hover, .planning-cronoprecise .selection-horaire:hover {
        /*width: fit-content;*/
        background: var(--rouge);
        background: #0ed367;
    }

.block-colisweb .liste-pr, .block-cronoprecise .liste-pr {
    overflow-y: visible;
    padding: var(--marg_0_20);
    width: 35%;
    min-width: 130px;
    height: fit-content;
    max-height: 100%;
    padding-bottom: 50px;
}

.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 #00bb55 !important;
}

.block-colisweb, .block-cronoprecise {
    min-height: 540px;
}

.planning-colisweb, .planning-cronoprecise {
    width: 400px;
}

.block-colisweb, .block-cronoprecise {
    max-width: 850px;
}


@media screen and (max-width: 1130px) {
    .planning-colisweb, .planning-cronoprecise {
        width: min-content;
    }
}

@media screen and (max-width: 800px) {
    .planning-colisweb, .planning-cronoprecise {
        width: min-content;
        max-width: 60%;
    }

    .selection-horaire {
        max-width: 100%;
        text-align: center;
        padding: 10px !important;
        width: 100%;
    }

    .block-colisweb, .block-cronoprecise {
        width: 90%;
    }
}

.livraison_express_titre {
    margin: 20px 0 10px;
    font-size: var(--val_20);
    font-weight: var(--semibold);
}


@media screen and (max-width: 968px) {
    .hover_bkgr_fricc_colisweb > div, .hover_bkgr_fricc_cronoprecise > div, .hover_bkgr_fricc_relais > div, .hover_bkgr_fricc > div {
        background-color: var(--blanc);
        box-shadow: 10px 10px 60px #555;
        display: inline-block;
        height: auto;
        vertical-align: middle;
        width: 100% !important;
        position: absolute;
        border-radius: 8px;
        top: 0;
        left: 0;
        max-width: 100% !important;
    }

    .popupCloseButtonColisweb, .popupCloseButton {
        background-color: var(--blanc);
        border: 3px solid #999;
        border-radius: 50px;
        cursor: pointer;
        display: inline-block;
        font-family: arial;
        font-weight: var(--semibold);
        position: absolute;
        top: 0;
        right: 0;
        font-size: var(--size_h3);
        line-height: var(--val_30);
        width: 36px;
        height: 36px;
        text-align: center;
    }

    .selection-colisweb, .selection-relais {
        min-width: 120px;
    }

    .planning-colisweb, .planning-cronoprecise {
        margin-left: 0;
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 800px) {
    .planning-cronoprecise .selection-horaire {
        position: fixed;
        bottom: -20px;
        width: 100% !important;
        max-width: 100%;
        left: 0;
        border-radius: 0;
    }

    .selection-relais {
        min-width: 110px;
        max-height: 110px;
    }

    .recap-panier .nv-bt-continuer .continuer {
        margin-top: 50px;
    }

    .livraison-panier .adress-fac-livraison {
        width: 100%;
        margin: 0 !important;
    }
}

#_ctl0_ContentPlaceHolder1_listepromos {
    display: flex;
    flex-wrap: wrap;
}

.cbk_slider_prix {
    font-size: var(--size_h4);
    font-weight: var(--semibold);
    display: block;
}

.cbk_list_nodots.carousel-produits.ui-bar-h.cbk_black_arrows {
    display: flex;
    justify-content: space-around;
}


#_ctl0_ContentPlaceHolder1_ul_mags ul {
    max-height: 370px;
    overflow-y: scroll;
}

/*#alma-widget {
    display: none !important;
}
*/

















.mc__ajouter-adresse {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#_ctl0_ContentPlaceHolder1_btn_ajout_adr_livraison {
    background: var(--jaune);
    color: var(--noir);
    font-weight: var(--medium);
    line-height: var(--val_30);
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 10px;
    cursor: pointer;
}

    #_ctl0_ContentPlaceHolder1_btn_ajout_adr_livraison:hover {
        background: var(--noir);
        color: var(--jaune);
    }

.mc__creation-compte-panier, .mc__panier-connexion {
    background: var(--blanc);
    border: #c8c8c3 1px solid;
    padding: 25px 50px;
    text-align: center;
    width: calc(50% - 20px);
}

.mc__content-adrersse {
}

.ui-grid-a.ui-responsive.ui-group-theme-g.mc__content-adrersse {
    margin-top: var(--val_20);
}

.mc__panier-save {
    margin: auto;
    margin-top: var(--val_20);
}

.mc__devis-save--details {
    margin-left: var(--val_40);
}

.cyb_votre-compte__panel-block {
    display: flex;
    justify-content: flex-start !important;
}

.commande-cours {
    height: fit-content !important;
}

.option-masque.option-commande .op-com {
    font-weight: var(--semibold);
    height: fit-content;
}

.commandes-annulees {
    margin-top: 0px;
}

.cyb_votre-compte__return-account-btn, .cyb_votre-compte__return-account-btn-container {
    margin-top: var(--val_40);
}

.ui-grid-solo {
    padding: var(--val_20);
    width: fit-content;
}

#_ctl0_ContentPlaceHolder1_ddl_titre_edit {
}

.label_size_account_margin {
    text-align: left;
}

#_ctl0_ContentPlaceHolder1_btn_edit_adresse_validation {
    width: fit-content;
    margin: auto;
    background: var(--jaune);
    font-weight: var(--medium);
    cursor: pointer;
    display: block;
}

.mc__maj {
    width: 100%;
    margin: var(--marg_30_0);
}

.mc__panier-connexion {
}

.creation-compte-panier, .panier-connexion.mc__panier-connexion {
    float: none;
}

.compte.compte-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--val_30);
}

.mc__panier-connexion label {
    min-width: 200px;
}

.label_size_account_margin {
    display: flex;
    gap: var(--val_10);
}

.compte {
    width: 100%;
    max-width: 1280px;
    margin: 25px auto;
}


.mc__add-liv {
    padding: var(--val_20);
}

.mc_inscription .ui-group-theme-g {
    display: flex;
    justify-content: space-between;
}

.mc_inscription input {
    border: solid 1px #c8c8c3;
    padding: var(--val_5);
    border-radius: 2px !important;
    width100 %
}

.mc__liste {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
    margin-top: 6px !important;
}

.mc_lminuiskzej {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: var(--val_30);
}


.mc__mr, .mc__mrs {
    margin-right: var(--val_15);
}

.inscription-compte {
    width: 100%;
    max-width: 360px;
}

.retour-boutique-compte {
    background: var(--noir);
    border: none !important;
    margin-bottom: 30px !important;
    border-radius: 0px !important;
    cursor: pointer;
}

.cyb_votre-compte__return-account-btn {
    display: none;
}

.mc_inscriptiondd {
    max-width: 360px;
}

.ui-grid-solo {
    margin: auto;
}

.mc__email {
    min-width: 150px;
}

.inscription-compte {
    width: 100%;
    max-width: 700px !important;
}

.left-inscri, .inscri-right {
    width: 100%;
    float: none;
}

.inscription-compte label, .inscription-compte input {
    width: 100%;
}

.label_size_account_margin {
    display: flex;
    gap: var(--val_10);
    flex-wrap: wrap;
}

.mc_champs {
    /*width: calc(100% - 20px) !important;*/
}

.mc_champs {
}

.votre-compte .inscription-compte input {
    width: 100% !important;
}

.title_fiche_account.firstletter {
    width: fit-content;
    text-align: center;
    margin: 20px auto;
}

.label_size_account_margin.mc_champs, .cbk_fullwidth.ui-bar-x.label_size_account_margin_mini.madame-mr.mc_champs {
    max-width: 300px;
}

.radio_btnlist.ui-mini td {
}

.mc__titre-page {
    width: fit-content !important;
    margin: 10px auto !important;
}

.mc_euio {
    margin-top: var(--val_10);
}

.mc_freist {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 10px auto;
    max-width: 400px !important;
}

#_ctl0_ContentPlaceHolder1_ddl_title td {
    display: inline-flex;
}

.label_size_account_margin_mini.madame-mr {
}

.mc_feert {
    flex-wrap: nowrap;
    max-width: 400px !important;
}

.mc__titre-page {
}

#_ctl0_ContentPlaceHolder1_lbl_client, .cyb_votre-compte__client-designation {
    padding: 0;
}

#_ctl0_ContentPlaceHolder1_lbl_client {
    margin: auto;
}

.cyb_votre-compte__block-text input {
    color: var(--noir);
}



.container-info-ticket {
    width: 100% !important;
}

.info-ticket, .contenu-ticket {
    display: flex;
    padding: var(--marg_10_0);
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--val_15);
}

.bouton-retour a, .bouton-creation-ticket a {
    display: flex;
    width: fit-content;
    justify-content: center;
    background-color: var(--noir);
    color: var(--blanc);
    height: 100%;
    align-items: center;
    cursor: pointer;
    padding: 10px 15px;
}

@media screen and (max-width: 960px) {
    .panier-connexion.mc__panier-connexion, .creation-compte-panier.mc__creation-compte-panier {
        width: 100%;
    }


    #_ctl0_ContentPlaceHolder1_ddl_titre_edit_0, #_ctl0_ContentPlaceHolder1_ddl_titre_edit_1 {
        width: fit-content;
        margin-right: var(--val_10);
    }


        #_ctl0_ContentPlaceHolder1_ddl_titre_edit_0 ~ label .ListItem_panier,
        #_ctl0_ContentPlaceHolder1_ddl_titre_edit_1 ~ label .ListItem_panier {
            width: fit-content;
            margin-right: var(--val_20);
        }

    .label_size_account_margin {
        display: flex;
        gap: var(--val_10);
        justify-content: space-between;
    }

    .mc__abonnement-nl {
        justify-content: flex-start;
    }

    #_ctl0_ContentPlaceHolder1_cbx_newsletter_edit {
        width: var(--val_20);
    }

    .warp-inscri {
    }

    .titre-commande {
        width: 100% !important;
    }

    #pop-up-messages {
        width: 95%;
    }
}


@media screen and (max-width: 768px) {
    .label_size_account_margin {
        display: flex;
        gap: var(--val_10);
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mc__abonnement-nl {
        justify-content: flex-start;
    }

    .mc_inscription {
        width: 100% !important;
    }

    .mc__liste {
        max-width: 100%;
    }

    .contact-form1 {
        background: var(--blanc);
        width: 100% !important;
        border: #c8c8c3 1px solid;
        padding: 25px 25px;
        margin: 0 auto 25px;
    }

    #_ctl0_ContentPlaceHolder1_tbx_mail_log {
        width: 100%;
    }

    #_ctl0_ContentPlaceHolder1_tbx_pwd_log {
        width: 100%;
    }

    .inscription-compte {
        width: 100% !important;
        max-width: 700px !important;
    }

    .warp-inscri {
        padding: 0 !important;
    }

    .cyb_votre-compte__panel-block {
        width: 100%;
    }

    #section-demandes-liees {
        width: calc(100% - 18px);
    }
}


.cyb_fch-prod__pop-up-extension__explication {
    align-items: flex-start;
    margin-top: var(--val_5);
}


.footlogo--instagram {
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(18%) hue-rotate(217deg) brightness(106%) contrast(100%);
    padding: 4px;
}

.footer-div-logo--instagram {
    background: rgb(240,175,75);
    background: linear-gradient(42deg, rgba(240,175,75,1) 0%, rgba(231,118,80,1) 17%, rgba(221,60,86,1) 65%, rgba(116,58,172,1) 100%);
}

.footerlogo--a {
    display: block;
    width: var(--val_40);
    height: var(--val_40);
}

.footer-div-logo {
    display: flex;
    width: var(--val_40);
    height: var(--val_40);
}

/*.footlogo--twitter {
    padding: 4px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(76%) saturate(1713%) hue-rotate(179deg) brightness(125%) contrast(103%);
}*/

/*.footer-div-logo--twitter {
    background: #1d9bf0;
}*/

.footer-container--logo {
    display: flex !important;
    gap: var(--val_10);
}

.foot-reseau {
    width: fit-content;
    display: flex;
    align-items: flex-end;
    gap: var(--val_10);
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footerlogo--a {
    transform: translateY(0);
    opacity: 1;
    transition: 0.3s;
}

    .footerlogo--a:hover {
        transform: translateY(-2px);
        opacity: 0.8;
    }

.footer-logo--nl-request {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.footer-contete--nl {
    padding: 0;
    margin: 0;
    width: fit-content;
    margin-bottom: 10px;
}

.footer-logo__france-relance {
    width: 90px !important;
    max-width: fit-content !important;
    padding-left: var(--val_20);
}

#foot-reseau--nl {
    position: relative;
}

.foot-reseau--nl {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 660px !important;
    padding: 10px var(--marg_0_20);
}

@media screen and (max-width: 1300px) {
    .foot-reseau {
        width: 100%;
    }

    .france-relance img {
        width: 100px !important;
        margin: 0px !important;
    }

    .news-r {
        width: 100% !important;
    }

    .mentions-newsletter {
        width: 100% !important;
    }

    .foot-reseau--nl {
        width: 660px !important;
    }
}

@media screen and (max-width: 768px) {
    .footer-logo--nl-request {
        width: 290px !important;
        margin-top: 15px !important;
    }

    .footer-contete--nl, .foot-reseau {
        border: none !important;
        width: 100% !important;
    }

    #foot-reseau--nl {
        height: auto !important;
        flex-wrap: wrap;
    }

    .foot-reseau {
        width: 290px !important;
    }

    #foot-reseau--nl {
        height: auto !important;
        flex-wrap: wrap;
        width: 320px !important;
    }

    #_ctl0_tbx_email {
        width: 243px !important;
    }

    .footer-logo__france-relance {
        display: block;
        margin: 0 !important;
    }

    .france-relance {
    }

    .cyb_footer__newletter {
        position: relative;
    }

    .france-relance {
        position: absolute;
        right: 0px !important;
        margin: 0px !important;
        top: 0px;
        display: block;
    }

    .footer-logo__france-relance {
        position: absolute;
        right: 0px !important;
        margin: 0px !important;
        top: 0px;
        display: block;
    }
}

@media screen and (max-width: 480px) {

    .france-relance, .france-relance img {
        position: absolute !important;
        right: 0px !important;
        margin: 0px !important;
        top: 2px;
        display: block;
    }

    foot-reseau--nl {
        margin-top: var(--val_10);
    }

    .ui-grid-solo.news_left, .mentions-newsletter {
        text-align: left !important;
        margin: 0px !important;
    }

    #_ctl0_news_cont .news-r {
        margin-top: 10px !important;
    }

    #_ctl0_news_cont {
        height: auto !important;
    }
}

#_ctl0_ContentPlaceHolder1_content_categories .ui-grid-b.ui-responsive {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px;
}

#_ctl0_ContentPlaceHolder1_content_top_ventes .ui-responsive.table_product_left.produits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#_ctl0_ContentPlaceHolder1_divSubscribe {
    display: block;
}

.cbk_return-home {
    background: var(--jaune);
    color: var(--noir);
    font-weight: var(--semibold);
    font-size: 16px;
    line-height: var(--val_30);
    /* border-radius: 0; */
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    padding: var(--marg_0_20);
    margin-top: var(--val_20);
}

.nl_confirm_subscribe {
    min-height: 500px;
}

.warp.newsletter {
    background: var(--blanc);
    padding: var(--val_20);
    margin: 20px auto;
}

.sub_span {
    margin-top: var(--val_20);
}

.email_sub {
    font-size: var(--size_p);
    font-weight: var(--semibold);
}

@media screen and (max-width: 768px) {
    .nl_confirm_subscribe {
        min-height: 200px;
    }
}

.cyb__list_config_gamer__cta__devis a {
    border-radius: 0px !important;
}

.diapo-prod__un-produit--noel, .diapo-prod__un-produit--cta {
    border-radius: 0px !important;
}

.panier_facturation-livraison {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}


.p_icture {
    height: 60px;
    width: 135px;
}

.config-choix .recap-conf-li:nth-child(2n) .pose {
    min-width: 100px;
}

.compte.compte-info .ui-grid-a.ui-mini {
    width: 100% !important;
}

/* .menu-hori.pc-bureau ul li { */
/* width: 28%; */
/* margin-right: var(--val_15); */
/* max-width: 290px !important; */
/* }.menu-hori.univ-g ul li { */
/* float: left; */
/* margin-bottom: var(--val_10); */
/* margin-left: var(--val_10); */
/* max-width: 180px; */
/* } */

/* width */
::-webkit-scrollbar {
    width: var(--val_10);
    background:#00000022;
}
/* Track */
::-webkit-scrollbar-track {
    background: #FFEFFF00;
    background: #FFFFFFFF;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--jaune);
    /*border-left: 1px solid #00000022;*/
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #FFE266;
}
.p_bandeau_dev--header {
    position: relative;
    background: var(--noir);
}
.h1_bandeau_dev {
    width: fit-content;
    margin: auto;
    background: #000000;
    z-index: 10;
    position: relative;
    padding: 10px 20px;
}