﻿@media screen and (min-width: 1921px) {
    .config-mid, .config-all .config-mid {
        height: 400px;
    }

    .head-config {
        margin-top: 0;
    }

    .config-content {
        width: 75%;
    }

    .avance-choix {
        width: 1600px;
    }
}


@media screen and (min-width: 1300px) {
    .filtre-conf .filtre-conf {
        float: left;
    }

    .filtre-conf .liste-filtres-2 {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .head-config h1 {
        background-size: 56%;
    }

    .choix-bureau-game li {
        width: 318px;
    }


    .mode-liste .prod-all-conf {
        width: 88%;
    }

    .mode-liste .titre-conf-inte {
        width: 64%;
    }

    .mode-list-conf li {
        height: 350px;
        margin-bottom: var(--val_10);
    }


    .choix-bureau-game .mode-list.anim-fadein {
        width: 676px;
    }

    .foot-config-rr {
        float: right;
        width: 26%;
        margin-right: 3%;
    }

    .text-ref {
        float: left;
        width: 67%;
    }

    @keyframes anim6 {
        from {
        }

        to {
            left: 29%;
        }
    }

    .config-mid {
        background-size: cover;
    }

    .configurateur .gaming-page section article {
        width: 30%;
        margin: 0 2% 0;
        margin-left: 2%;
    }

        .configurateur .gaming-page section article:nth-child(3n) {
            margin-right: 1%;
        }

        .configurateur .gaming-page section article:nth-child(3n+1) {
            margin-left: 1%;
        }

    .configurateur .image-config-gamer-pc .link-fiche .option-m {
        font-size: 0.8vw;
    }

    .configurateur .gaming-page section article:nth-child(2n+1) {
        clear: none;
    }

    .configurateur .carac-gaming-courte li {
        font-size: 1vw;
    }

    .foot-config-r .titre-text-config {
        font-size: var(--size_h4);
    }

    .foot-config-r p {
        line-height: 14px;
    }

    .foot-config-r a {
        margin-top: var(--val_20);
    }

    .config-all .head-config {
        height: auto;
    }

    .config-avance-bureau .fil-ariane-config ul::before {
        right: 735px;
    }






    .detail-recap {
        background: var(--gris_200) url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 145px center;
    }

    .sauvergade-config {
        font-size: var(--size_h6);
    }

    .recap-conf {
        width: 342px;
    }

    .liblle-recap {
        width: 175px;
    }

    .config-content {
        width: 658px;
    }

    .novice .prix-conf-recap {
        width: 55px;
    }

    .novice .liblle-recap {
        width: 105px;
    }

    .valider-config.valider-config2.anim-repeat {
        width: 150px;
        height: 173px;
        background-size: 150px 173px;
        top: 64%;
        left: 85%;
        padding-top: 42px;
    }



    .img-fil-config {
        line-height: 36px;
    }

    .txt-fil-config {
        padding-right: 0;
        font-size: var(--size_h6);
    }


    .config-all .config-mid {
        background: var(--noir);
        height: 600px;
    }


    .choix-bureau .bureau-conf.active-conf .content-choix {
        background-size: 150px !important;
    }

    .choix-bureau .absolute-content {
        height: 183px;
    }

        .choix-bureau .absolute-content img {
            width: 100px;
            max-width: 100px;
            max-height: 100px;
        }

            .choix-bureau .absolute-content img.img-choix-default {
                width: 100px;
                max-width: 100px;
                max-height: 100px;
            }

    .choix-bureau .pc-center .absolute-content img {
        max-width: 100px;
        top: 60%;
    }

    .titre-conf {
        top: 52px;
        font-size: var(--size_p);
        width: 102px;
    }

    .hddssd .titre-conf {
        line-height: 12px;
        font-size: var(--size_p);
    }


    .avance-choix {
        width: 1004px;
    }

    .global-conf {
        width: 1004px;
    }

    .mode-mosa li {
        margin-right: -56px;
    }

    .chiffre-fil {
        line-height: 33px;
        font-size: 28px;
    }

    .sauvegarde-recap {
        position: absolute;
        bottom: 0;
        right: -26px;
    }

    .mode-list1 li {
        width: 772px;
        background-size: 100% 42px;
    }

    .place-img-conf {
        width: 60px;
    }

    .prix-conf-recap {
        width: 70px;
    }

    .recap-produit-conf .assemble {
        font-size: var(--size_p);
    }

    .recap-produit-conf .jassemble {
        font-size: var(--size_p);
    }

    .ram-capa {
        left: 22px;
        top: 135px;
    }

    .ram-nb {
        right: 22px;
        top: 135px;
    }

    .mode-liste .ram-nb {
        left: 605px;
        top: 50%;
        text-align: center;
        width: 68px;
        transform: translateY(-50%);
    }

    .mode-liste .ram-capa {
        left: 550px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 68px;
        overflow: hidden;
        width: 456px;
        white-space: nowrap;
    }

    .mode-list1 .price-conf-inte {
        left: 87%;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        font-size: 9px;
    }

    .configurateur .product_masked {
        font-size: var(--size_p);
    }

    .filtre-conf ul {
    }

    .filtre-conf li {
        margin-right: var(--val_5);
        margin-bottom: var(--val_5);
    }

    .filtre-conf .tri-mos {
        margin-left: 0;
        margin-right: 0;
    }

    .mode-list-conf li img {
        max-width: 100%;
    }

    .filtre-conf .filtre-conf.filtre_on {
        display: inline-block;
    }

    .configurateur .tarif-filtre {
        margin-left: 18px;
    }

    .fadeIn .relative-bureau {
        height: 460px;
    }

    .configurateur .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 60px;
    }

    .mode-list1 {
        clear: both;
        margin-top: var(--val_30);
        height: 330px;
        margin-bottom: var(--val_30);
    }

        .mode-list1 .couleur-stock {
            right: 104px;
        }

        .mode-list1 .pop-up-detail {
            right: 122px;
        }

        .mode-list1 .produit_sel::after {
            left: 72%;
        }

        .mode-list1 img {
            max-height: 26px;
            max-width: 50px;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            left: 50%;
        }

        .mode-list1 .ram-nb {
            right: 34%;
            top: 49%;
            z-index: 2;
            background: #132643;
            transform: translate(50%,-50%);
            text-align: center;
        }

        .mode-list1 .ram-capa {
            position: absolute;
            left: 58%;
            font-weight: var(--semibold);
            top: 49%;
            font-size: var(--size_h4);
            background: #132643;
            padding: 2px 5px;
            color: var(--blanc);
            line-height: 24px;
            z-index: 2;
            transform: translate(-50%,-50%);
            width: 46px;
            text-align: center;
        }

        .mode-list1 .bt-en-voir-plus div {
            background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 19px top;
        }

    .filtre-conf .liste-filtres-2 {
        display: inline-block !important;
    }

    .absolute-content .price-conf-inte {
        color: #b60e20;
        font-size: var(--size_h4);
        font-weight: var(--semibold);
        width: 100px;
        margin: -23px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 23%;
        transform: translateX(-50%);
    }

    .options .absolute-content .price-conf-inte {
        color: #b60e20;
        font-size: var(--size_h4);
        font-weight: var(--semibold);
        width: 100px;
        margin: -23px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 17%;
        transform: translateX(-50%);
    }

    /* option */

    .option-11 {
        left: var(--val_10);
    }


    .option-12 {
        top: 0;
        left: 177px;
    }

    .option-13 {
        top: 0;
        left: 342px;
    }

    .option-14 {
        top: 0;
        left: 507px;
    }

    .option-15 {
        top: 0;
        left: 672px;
    }

    .option-16 {
        top: 0;
        left: 838px;
    }

    .option-17 {
        left: var(--val_10);
    }


    .option-18 {
        left: 177px;
    }

    .option-19 {
        left: 342px;
    }

    .option-20 {
        left: 507px;
    }

    .option-21 {
        left: 672px;
    }

    .option-22 {
        left: 838px;
    }

    ul .posi-option.pc-center.sauve-valide.passer-option {
        left: 83%;
        background: url(../landing-pages/images/configurateur/pc-center-option-v-f.png) no-repeat center;
        transition: all 0.5s;
    }

    ul .posi-option.pc-center.sauve-valide.valider-options {
        left: 83%;
    }



    .options .choix-bureau .absolute-content {
        width: inherit;
    }

    .options.config-avance-bureau .fil-ariane-config ul::before {
        right: 459px;
    }


    /* RECAP */

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        right: 0;
    }

    .recap-configurateur .config-choix {
        width: 780px;
        float: left;
        margin-bottom: var(--val_20);
    }

    .recap-configurateur .champ-recap {
        width: 720px;
    }

    .recap-configurateur .place-img-conf {
        width: 53px;
    }

    .recap-conf-li {
        box-sizing: border-box;
    }

    .recap-configurateur .champ-recap img {
        max-height: 26px;
        max-width: 45px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .champ-recap .titre-conf-inte {
        font-size: var(--size_p);
        padding: 0;
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 58px;
        overflow: hidden;
        width: 362px;
        white-space: normal;
    }

    .champ-recap .price-conf-inte {
        margin: 0;
        background: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 83%;
        height: 22px;
    }

    .champ-recap .titre-conf-inte span {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        display: block;
    }

    .relative-panier .appli-recap div:last-child {
        float: none;
    }

    .relative-panier .appli-recap div {
        float: none;
        margin: 2px 0;
    }

    /* NOVICE */
    .novice .valider-config {
        left: 82.9%;
    }

    .util-logi {
        display: none;
    }

    .choix-bureau .jeux-gamer .absolute-content img {
        top: 60%;
    }

    .recomnd-jeux div {
        margin-right: var(--val_10);
        font-size: var(--size_p);
        line-height: 14px;
    }

    .recomnd-jeux .budg {
        font-size: var(--size_p);
    }

    .relative-panier {
        width: 215px;
    }

        .relative-panier .panier-config {
            width: 215px;
        }
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
    .head-config h1 {
        background-size: 56%;
    }

    .foot-config-rr {
        float: right;
        width: 26%;
        margin-right: 3%;
    }

    .text-ref {
        float: left;
        width: 67%;
    }

    .choix-bureau-game li {
        width: 303px;
    }

        .choix-bureau-game li:nth-child(2) {
            margin: 50px 15px;
        }

    .choix-bureau-game .mode-list.anim-fadein {
        width: 602px;
    }



    .config-mid {
        background-size: cover;
    }

    .configurateur .gaming-page section article {
        width: 30%;
        margin: 0 2% 0;
        margin-left: 2%;
    }

        .configurateur .gaming-page section article:nth-child(3n) {
            margin-right: 1%;
        }

        .configurateur .gaming-page section article:nth-child(3n+1) {
            margin-left: 1%;
        }

    .configurateur .image-config-gamer-pc .link-fiche .option-m {
        font-size: 0.8vw;
    }

    .configurateur .gaming-page section article:nth-child(2n+1) {
        clear: none;
    }

    .configurateur .carac-gaming-courte li {
        font-size: 1vw;
    }

    .foot-config-r .titre-text-config {
        font-size: var(--size_h4);
        margin-bottom: var(--val_10);
    }

    .foot-config-r p {
        line-height: 14px;
    }

    .foot-config-r a {
        margin-top: var(--val_20);
    }

    .choix-bureau-game .sep2 {
        left: 66.9%;
    }

    .choix-bureau-game .sep1 {
        left: 31.4%;
    }

    @keyframes anim6 {
        from {
        }

        to {
            left: 32%;
        }
    }

    .position-choix {
        left: 110px;
        width: 80%;
    }

    .titre-list-choix {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .foot-config-r {
        width: 66%;
    }

    .foot-config-r {
        width: 66%;
        margin-bottom: var(--val_40);
    }

    .referencement-config {
        border-top: 1px dashed #d6d6d6;
        padding-top: var(--val_40);
    }

    .config-all .head-config {
        height: 90px;
    }

    .config-avance-bureau .fil-ariane-config ul::before {
        right: 690px;
    }

    .fil-ariane-config li {
    }

    .content-fil-config {
    }

    .config-content {
        width: 620px;
        float: left;
    }

    .img-fil-config {
        line-height: 32px;
        font-size: var(--size_p);
    }

    .txt-fil-config {
        padding-right: 0;
        font-size: var(--size_p);
    }

    .valider-config.valider-config2.anim-repeat {
        width: 150px;
        height: 173px;
        background-size: 150px 173px;
        top: 64%;
        left: 85%;
        padding-top: 42px;
    }

    .detail-recap {
        background: var(--gris_200) url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;
    }


    .novice .liblle-recap {
        width: 98px;
    }

    .liblle-recap {
        font-size: var(--size_p);
        float: left;
        width: 130px;
        white-space: nowrap;
        overflow: hidden;
    }

    .chiffre-fil {
        font-family: "DINPro-Bold";
        color: var(--jaune);
        float: left;
        font-size: 28px;
        margin-top: 0;
        line-height: 29px;
        margin-left: var(--val_10);
    }

    .config-all .config-mid {
        background-size: cover;
    }

    .choix-bureau .bureau-conf {
    }

    .choix-bureau .absolute-content img.img-choix-default {
        max-width: 90%
    }

    .choix-bureau .bureau-conf.active-conf .content-choix {
        max-width: 90%
    }

    .recap-conf {
        width: 305px;
        float: right;
    }

    .sauvergade-config {
        color: var(--noir);
        text-transform: uppercase;
        font-size: var(--size_p);
        text-align: center;
        line-height: var(--val_20);
        margin: 4px 5px;
        background: white url(../landing-pages/images/configurateur/save-1.png) no-repeat left center;
        width: auto;
        float: left;
        padding: 0 5px 0 35px;
        box-sizing: border-box;
        border: 1px solid var(--noir);
        line-height: 26px;
        cursor: pointer;
        float: none;
        overflow: hidden;
        display: block;
    }

    .recap-conf.masquer-recap .content-fil-config {
        background: black url(../landing-pages/images/configurateur/filte-fleche-w.png) no-repeat 80% center;
    }

    .appli-recap div:last-child {
        float: none;
    }

    .choix-bureau .absolute-content {
        height: 200px;
    }

        .choix-bureau .absolute-content img {
            max-width: 90%;
            top: 60%;
        }

    .titre-conf {
        top: 52px;
        font-size: var(--size_p);
        width: 102px;
    }

    .hddssd .titre-conf {
        line-height: 12px;
        font-size: var(--size_p);
    }


    .avance-choix {
        width: 940px;
    }

    .mode-list-conf li img {
        width: 90%;
    }

    .mode-list-conf li {
        height: 325px;
    }

    .ram-capa {
        left: 18px;
        top: 122px;
    }

    .ram-nb {
        right: 18px;
        top: 122px;
    }

    .recap-produit-conf .assemble {
        font-size: var(--size_p);
        float: left;
        line-height: var(--val_15);
        width: 130px;
    }

    .recap-produit-conf .jassemble {
        font-size: var(--size_p);
        float: left;
        line-height: var(--val_15);
        width: 130px;
    }

    .detail-produit .menu_fiche_produit {
        box-shadow: none;
        margin-top: var(--val_15);
    }

    .filtre-conf .filtre-conf.filtre_on {
        display: inline-block;
        margin-right: var(--val_5);
    }

    .global-conf {
        width: 740px;
    }

    .mode-mosa li {
        margin-right: -52px;
        background-size: 227px !important;
    }

    .img-fil-config img {
        max-height: 24px;
        max-width: var(--val_20);
    }

    .mode-mosa li .titre-conf-inte {
        width: 138px;
    }

    .sauvegarde-recap {
        position: absolute;
        bottom: 0;
        right: -28px;
    }

    .fil-ariane-config .recap-conf .content-fil-config {
        width: 192px;
    }

    .fil-ariane-config .recap-conf {
        width: 192px;
    }

    .fil-ariane-config .recap-produit-conf li {
        width: 192px;
    }

    .choix-bureau .proc {
        left: 20.3%;
        top: 0;
    }

    .choix-bureau .carte-mere {
        left: 41.6%;
        top: 0;
    }

    .choix-bureau .memoire {
        left: 62.9%;
        top: 0;
    }

    .choix-bureau .carte-graph {
        left: 84%;
        top: 0;
    }

    .choix-bureau .ssd {
        left: 0;
        top: 54%;
    }

    .choix-bureau .hdd {
        left: 20.3%;
        top: 54%;
    }

    .choix-bureau .alim {
        left: 41.6%;
        top: 54%;
    }

    .choix-bureau .venti {
        left: 62.9%;
        top: 54%;
    }

    .choix-bureau .hddssd {
        left: 84%;
        top: 54%;
    }

    .choix-bureau .sep-home-li {
        right: -20%;
    }

    .txt-option-config {
        width: 100%;
    }

    .mode-list1 li {
        width: 715px;
        background-size: 100% 32px;
    }

    .place-img-conf {
        width: 60px;
    }

    .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 68px;
        overflow: hidden;
        width: 456px;
        white-space: nowrap;
    }

    .mode-list1 .price-conf-inte {
        left: 87%;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        font-size: 9px;
    }

    .configurateur .product_masked {
        font-size: var(--size_p);
    }

    .filtre-conf ul {
    }

    .filtre-conf .tri-mos {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2px;
    }

    .mode-liste .prod-all-conf {
        width: 88%;
    }

    .mode-liste .titre-conf-inte {
        width: 63%;
    }

    .mode-liste .ram-nb {
        left: 540px;
        top: 50%;
        text-align: center;
        width: 68px;
        transform: translateY(-50%);
    }

    .mode-liste .ram-capa {
        left: 480px;
        top: 50%;
        transform: translateY(-50%);
    }

    .filtre-conf .tri-mos {
        margin-left: 14px;
        margin-right: var(--val_15);
    }

    .configurateur .tarif-filtre {
        margin-left: 18px;
    }

    .fadeIn .relative-bureau {
        height: 460px;
    }

    .configurateur .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 60px;
    }

    .mode-list1 {
        clear: both;
        margin-top: var(--val_30);
        height: 330px;
        margin-bottom: var(--val_30);
    }

        .mode-list1 .couleur-stock {
            right: 104px;
        }

        .mode-list1 .pop-up-detail {
            right: 122px;
        }

        .mode-list1 .produit_sel::after {
            left: 70%;
        }

        .mode-list1 img {
            max-height: 26px;
            max-width: 50px;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            left: 50%;
        }

        .mode-list1 .ram-nb {
            right: 36%;
            top: 49%;
            z-index: 2;
            background: #132643;
            transform: translate(50%,-50%);
            text-align: center;
        }

    .mode-mosa li {
        width: 227px;
        height: 198px;
    }

        .mode-mosa li:nth-child(2n) {
            margin-top: 98px;
        }

    .mode-list1 .ram-capa {
        position: absolute;
        left: 55%;
        font-weight: var(--semibold);
        top: 49%;
        font-size: var(--size_h4);
        background: #132643;
        padding: 2px 5px;
        color: var(--blanc);
        line-height: 24px;
        z-index: 2;
        transform: translate(-50%,-50%);
        width: 46px;
        text-align: center;
    }

    .mode-list1 .bt-en-voir-plus div {
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 19px top;
    }

    .filtre-conf .liste-filtres-2 {
        display: inline-block !important;
    }

    .supprim-option {
        position: absolute;
        top: var(--val_10);
        left: 12px;
        z-index: 3;
        display: none;
    }

    .mode-listmosa li:nth-child(2n) .produit-selected-del .supprim-option {
        top: 165px;
        left: 194px;
    }

    .absolute-content .price-conf-inte {
        color: #b60e20;
        font-size: var(--size_h4);
        font-weight: var(--semibold);
        width: 100px;
        margin: -23px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 23%;
        transform: translateX(-50%);
    }

    /* option */

    .option-11 {
        left: 59px;
    }


    .option-12 {
        left: 198px;
    }

    .option-13 {
        left: 337px;
    }

    .option-14 {
        left: 477px;
    }

    .option-15 {
        left: 616px;
    }

    .option-16 {
        left: 754px;
    }

    .option-17 {
        left: 59px;
        top: 281px;
    }


    .option-18 {
        left: 198px;
        top: 281px;
    }

    .option-19 {
        left: 337px;
        top: 281px;
    }

    .option-20 {
        left: 477px;
        top: 281px;
    }

    .option-21 {
        left: 616px;
        top: 281px;
    }

    .option-22 {
        left: 754px;
        top: 281px;
    }


    ul .posi-option.pc-center.sauve-valide a {
        height: 144px;
        padding: 40px 0;
    }


    .options .choix-bureau .absolute-content {
        width: 125px;
        height: 144px;
    }

    .options.config-avance-bureau .fil-ariane-config ul::before {
        right: 442px;
    }


    .posi-option .pose {
        width: 125px;
        height: 144px;
        background-size: 125px !important;
    }


    .choix-bureau-option .choix-bureau {
        margin-top: var(--val_25);
        position: relative;
        width: 100%;
    }

    .choix-bureau-option .choix-bureau {
    }

    .options .titre-conf {
        top: 34px;
        font-family: 'Outfit', sans-serif;
        width: 100px;
    }

    .option-11::after {
        top: 128px;
        left: 62px;
    }

    .option-12::after {
        left: 62px;
        top: 133px;
    }

    .option-13::after {
        left: 62px;
        top: 143px;
    }

    .option-14::after {
        left: 56px;
        top: 143px;
    }



    .option-15::after {
        left: -101px;
        top: 133px;
    }

    .option-16::after {
        left: -267px;
        top: 128px;
    }

    .option-17::after {
        left: 62px;
    }

    .option-18::after {
        left: 62px;
        top: -31px;
    }

    .option-19::after {
        left: 62px;
    }

    .option-20::after {
        left: 56px;
    }



    .option-21::after {
        left: -101px;
        top: -31px;
    }

    .option-22::after {
        left: -267px;
    }

    .options .choix-bureau li:first-child .absolute-content img {
        max-width: 100px;
        top: 58%;
    }

    /* RECAP */

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        right: 0;
    }

    .recap-configurateur .config-choix {
        width: 722px;
        float: left;
        margin-bottom: var(--val_20);
    }

    .recap-configurateur .champ-recap {
        width: 650px;
    }

    .recap-configurateur .place-img-conf {
        width: 48px;
    }


    .recap-conf-li {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: var(--val_5);
        box-sizing: border-box;
    }

    .relative-panier .appli-recap div {
        float: none;
        margin: 2px 0;
    }

        .relative-panier .appli-recap div:last-child {
            float: none;
        }

    .recap-configurateur .champ-recap img {
        max-height: 26px;
        max-width: 45px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .champ-recap .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 58px;
        overflow: hidden;
        width: 362px;
        white-space: normal;
    }

    .champ-recap .price-conf-inte {
        margin: 0;
        background: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 83%;
        height: 22px;
    }

    .champ-recap .titre-conf-inte span {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        display: block;
    }


    /* NOVICE */
    .novice .valider-config {
        left: 82.9%;
    }

    .util-logi {
        display: none;
    }

    .choix-bureau .jeux-gamer .absolute-content img {
        top: 60%;
    }

    .novice .choix-prix-configu .mode-mosa li img {
        max-height: 125px !important;
        max-width: 125px !important;
    }

    .recomnd-jeux div {
        margin-right: var(--val_10);
        font-size: var(--size_p);
        line-height: 14px;
    }

    .recomnd-jeux .budg {
        font-size: var(--size_p);
    }

    .novice .mode-mosa li img {
        max-width: 125px !important;
    }

    .novice.config-all .mode-mosa ul li {
        background-size: 227px !important
    }

    .budg span {
        display: none;
    }

    .relative-panier {
        width: 215px;
    }

        .relative-panier .panier-config {
            width: 215px;
        }
}

@media screen and (max-width: 768px) {
    .mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
    .mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {


    .foot-config-rr {
        display: none;
    }

    .choix-bureau-game li {
        width: 242px;
    }

        .choix-bureau-game li:nth-child(2) {
            margin: 50px 10px;
        }

    .choix-du-config1 .global-bt a:last-child {
        font-size: var(--size_h3);
    }

    .choix-du-config1 .global-bt a:first-child {
        font-size: var(--size_h3);
    }

    .hexagon-home .contenu h2 {
        font-size: var(--size_h3);
    }

    .choix-bureau-game .mode-list.anim-fadein {
        width: 490px;
    }

    .img-princ-conf .img-bureautique {
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        width: 162px;
        height: 61px;
        top: 1px;
        left: 1px;
        transition: background 0.5s;
    }

    .config-mid {
        background-size: cover;
    }

    .configurateur .gaming-page section article {
        width: 30%;
        margin: 0 2% 0;
        margin-left: 2%;
    }

        .configurateur .gaming-page section article:nth-child(3n) {
            margin-right: 1%;
        }

        .configurateur .gaming-page section article:nth-child(3n+1) {
            margin-left: 1%;
        }

    .configurateur .image-config-gamer-pc .link-fiche .option-m {
        font-size: 0.8vw;
    }

    .configurateur .gaming-page section article:nth-child(2n+1) {
        clear: none;
    }

    .configurateur .carac-gaming-courte li {
        font-size: 1vw;
    }

    .foot-config-r .titre-text-config {
        font-size: 16px;
        margin-bottom: var(--val_10);
    }

    .foot-config-r p {
        line-height: 14px;
    }

    .foot-config-r a {
        margin-top: var(--val_20);
    }

    .choix-bureau-game .sep2 {
        left: 66.9%;
    }

    .choix-bureau-game .sep1 {
        left: 32.3%;
    }

    @keyframes anim6 {
        from {
        }

        to {
            left: 32%;
        }
    }

    .position-choix {
        left: 110px;
        width: 80%;
    }

    .titre-list-choix {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .foot-config-r {
        width: 66%;
    }

    .foot-config-r {
        width: 66%;
        margin-bottom: var(--val_40);
    }

    .referencement-config {
        border-top: 1px dashed #d6d6d6;
        padding-top: var(--val_40);
    }

    .txt-option-config {
        width: 100%;
    }

    .head-config h1 {
        font-size: 36px;
    }

    .txt-option-config .head-config p {
        font-size: 16.3px;
    }

    .config-choix {
        clear: both;
    }

    .img-princ-conf img {
        width: 100%;
    }

    .img-princ-conf {
        position: relative;
        width: 164px;
        height: 56px;
        margin: 0 auto;
    }



    .choix-bureau-game .sep-home {
        display: block;
        height: var(--val_10);
        width: var(--val_10);
        background: var(--gris_200);
        position: absolute;
        top: 50%;
        transform: rotate(-45deg);
    }

    .choix-bureau-game .sep-home-li {
        width: var(--val_15);
        cursor: default;
        display: none;
    }

    .choix-bureau-game .global-list .choix-configu {
        background-size: 100% 70%;
        margin-bottom: var(--val_20);
    }

    .foot-config-l img {
        margin-top: 42px;
    }

    .hexagon-home .contenu p {
        text-align: center;
        text-align-last: center;
        font-size: var(--size_p);
        margin: 10px 15px;
    }

    .config-all .head-config {
        height: auto;
    }

    .filtre-conf {
        margin-bottom: 2px;
    }

    .config-avance-bureau .fil-ariane-config ul::before {
        right: 544px;
    }


    .config-all .recap-conf .chiffre-fil {
        display: block;
    }

    .config-content {
        width: 495px;
    }

    .content-fil-config {
    }

    .img-fil-config {
        line-height: 32px;
        font-size: var(--size_p);
    }

    .txt-fil-config {
        padding-right: 0;
        font-size: 9px;
    }

    .chiffre-fil {
        font-family: "DINPro-Bold";
        color: var(--jaune);
        float: left;
        font-size: 28px;
        margin-top: 0;
        line-height: 29px;
        margin-left: var(--val_10);
    }

    .config-all .config-mid {
        background-size: cover;
    }

    .choix-bureau .bureau-conf {
        width: 25%;
    }

        .choix-bureau .bureau-conf.active-conf .content-choix {
            background-size: 130px !important;
        }

    .choix-bureau .absolute-content {
        height: 196px;
    }

    .recap-conf {
        width: 245px;
    }

        .recap-conf.masquer-recap .content-fil-config {
            background: black url(../landing-pages/images/configurateur/filte-fleche-w.png) no-repeat 85% center;
        }

    .choix-bureau .absolute-content img {
        max-width: 90%;
    }

        .choix-bureau .absolute-content img.img-choix-default {
            max-width: 90%;
            max-height: 90%;
            width: 90%;
        }



    .options .absolute-content .price-conf-inte {
        color: #b60e20;
        font-size: var(--size_h4);
        font-weight: var(--semibold);
        width: 75px;
        margin: -23px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 17%;
        transform: translateX(-50%);
    }

    .titre-conf {
        top: 16px;
        font-size: var(--size_p);
        width: 102px;
    }

    .hddssd .titre-conf {
        line-height: 12px;
        font-size: var(--size_p);
    }

    .choix-bureau .relative-bureau {
    }

    .avance-choix {
        width: 748px;
    }

    .global-conf {
        width: 748px;
    }

    .mode-list-conf li img {
        max-width: 90%;
    }

    .mode-mosa li {
        margin-right: -45px;
        background-size: 198px !important;
    }

    .mode-list-conf li {
        width: 24%;
        height: 325px;
        margin-bottom: var(--val_10);
    }

    .sauvergade-config {
        width: auto;
        float: none;
        margin: 2px 5px;
    }

    .img-recap-conf {
        display: none;
    }

    .appli-recap div:last-child {
        float: none;
    }

    .mode-list-conf li:nth-child(5n) {
        margin-right: 1.25%;
    }


    .mode-list-conf li:nth-child(4n) {
        margin-right: 0;
    }

    .mode-list1 .titre-conf-inte span {
        font-size: var(--size_p);
    }

    .img-fil-config img {
        max-height: 24px;
        max-width: var(--val_20);
    }

    .mode-mosa li .titre-conf-inte {
        width: 120px;
        margin: 5px auto 0;
    }

    .sauvegarde-recap {
        position: absolute;
        bottom: 0;
        right: -28px;
    }

    .valider-config {
        left: 27%;
    }

    .mode-mosa li img {
        max-width: 85px !important;
        margin-top: 6px;
        max-height: 85px !important;
    }

    .produit_sel::after {
    }

    .fil-ariane-config .recap-conf .content-fil-config {
        width: 192px;
    }

    .fil-ariane-config .recap-conf {
        width: 192px;
        margin-bottom: var(--val_20);
    }

    .mode-liste .prod-all-conf {
        vertical-align: middle;
        display: inline-block;
        width: 85%;
    }

    .mode-liste .titre-conf-inte {
        width: 57%;
    }

    .fil-ariane-config .recap-produit-conf li {
        width: 192px;
    }

    .choix-bureau .proc {
        left: 20.3%;
        top: 0;
    }

    .choix-bureau .carte-mere {
        left: 41.6%;
        top: 0;
    }

    .choix-bureau .memoire {
        left: 62.9%;
        top: 0;
    }

    .choix-bureau .carte-graph {
        left: 83.1%;
        top: 0;
    }

    .choix-bureau .ssd {
        left: 0;
        top: 54%;
    }

    .choix-bureau .hdd {
        left: 20.3%;
        top: 54%;
    }

    .choix-bureau .alim {
        left: 41.6%;
        top: 54%;
    }

    .choix-bureau .venti {
        left: 62.9%;
        top: 54%;
    }

    .choix-bureau .hddssd {
        left: 83.1%;
        top: 54%;
    }

    .choix-bureau .sep-home-li {
        display: none;
    }

    .txt-option-config {
        width: 100%;
        margin-bottom: var(--val_20);
    }

    .choix-bureau-game .txt-option-config .titre-config {
        font-size: var(--size_p);
    }

    .liste-filtres-close {
        display: none;
    }

    .mode-list1 li {
        height: 32px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,189,191,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbdbf',GradientType=0 );
        border-radius: var(--marg_20_0);
        width: 580px;
    }

    .place-img-conf {
        display: none;
    }

    .mode-mosa .pop-up-detail {
        bottom: 3px;
    }

    .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_10);
        overflow: hidden;
        width: 374px;
        white-space: nowrap;
        line-height: 13px;
    }

    .mode-list1 .price-conf-inte {
        left: 87%;
        font-size: var(--val_20);
        width: 76px;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        font-size: 9px;
    }

    .configurateur .product_masked {
        font-size: var(--size_p);
    }


    .filtre-conf #dv_prix {
        display: none;
    }

    .filtre-conf li {
        margin-right: var(--val_5);
        margin-bottom: 0px;
    }

    .filtre-conf .tri-mos {
        margin: 2px 0;
    }

    .configurateur .tarif-filtre {
        margin-left: 18px;
    }

    .fadeIn .relative-bureau {
        height: 460px;
    }

    .configurateur .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 0px;
    }

    .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 250px;
    }

        .mode-list1 .titre-conf-inte p {
            font-size: var(--size_p);
        }

    .filtre-conf {
        font-size: 0;
    }

    .filtre-conf-2 {
        height: 58px;
    }

    .filtre-conf .filtre-conf {
        float: left;
    }





    .mode-list1 .couleur-stock {
        right: 85px;
    }

    .mode-list1 .pop-up-detail {
        cursor: pointer;
        background: var(--bleu);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        color: var(--blanc);
        padding: 0 4px;
        line-height: var(--val_30);
        right: 105px;
        font-weight: var(--semibold);
    }

    .mode-list1 .produit_sel::after {
        left: 70%;
    }

    .mode-list1 img {
        max-height: 26px;
        max-width: 50px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .mode-list1 .ram-nb {
        right: 39%;
        top: 49%;
        z-index: 2;
        background: #132643;
        transform: translate(50%,-50%);
        text-align: center;
    }

    .mode-mosa li {
        width: 198px;
        height: 172px;
    }

        .mode-mosa li:nth-child(2n) {
            margin-top: 85px;
        }

    .mode-list1 .ram-capa {
        position: absolute;
        left: 50%;
        font-weight: var(--semibold);
        top: 49%;
        font-size: var(--size_h4);
        background: #132643;
        padding: 2px 5px;
        color: var(--blanc);
        line-height: 24px;
        z-index: 2;
        transform: translate(-50%,-50%);
        width: 46px;
        text-align: center;
    }

    .mode-list1 .bt-en-voir-plus div {
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 19px top;
    }

    .config-all .chiffre-fil {
        display: none;
    }

    .ram-nb {
        right: var(--val_30);
        top: 120px;
    }

    .mode-liste .ram-capa {
        left: 350px;
    }

    .mode-liste .ram-nb {
        left: 405px;
    }

    .detail-produit-bck {
        width: 90%;
    }

    .ram-capa {
        left: var(--val_30);
        top: 120px;
    }

    .mode-listmosa li:nth-child(2n) .produit-selected-del .supprim-option {
        top: 138px;
        left: 173px;
    }

    .supprim-option {
        display: none;
    }

    .absolute-content .price-conf-inte {
        color: #b60e20;
        font-size: var(--size_h4);
        font-weight: var(--semibold);
        width: 75px;
        margin: -23px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 42%;
        transform: translateX(-50%);
    }

    .valider-config.sauvergade-config {
        font-size: 16px;
    }

    /* option */

    .option-11 {
        left: 0px;
    }


    .option-12 {
        left: 124px;
    }

    .option-13 {
        left: 248px;
    }

    .option-14 {
        left: 372px;
    }

    .option-15 {
        left: 496px;
    }

    .option-16 {
        left: 620px;
    }

    .option-17 {
        left: 0px;
        top: 281px;
    }


    .option-18 {
        left: 124px;
        top: 281px;
    }

    .option-19 {
        left: 248px;
        top: 281px;
    }

    .option-20 {
        left: 372px;
        top: 281px;
    }

    .option-21 {
        left: 496px;
        top: 281px;
    }

    .option-22 {
        left: 620px;
        top: 281px;
    }





    ul .posi-option.pc-center {
        top: 49.5%;
        left: 49.5%;
    }





    .options.config-avance-bureau .fil-ariane-config ul::before {
        right: 390px;
        width: 46%;
    }




    ul .posi-option {
    }

    .choix-bureau-option .choix-bureau {
        margin-top: var(--val_25);
        position: relative;
        width: 100%;
    }

    .choix-bureau-option .choix-bureau {
    }

    .options .titre-conf {
        top: 34px;
        font-family: 'Outfit', sans-serif;
        width: 100px;
    }

    .option-11::after {
        top: 128px;
        left: 59px;
    }

    .option-12::after {
        left: 59px;
        top: 133px;
    }

    .option-13::after {
        left: 58px;
        top: 136px;
    }

    .option-14::after {
        left: 53px;
        top: 136px;
    }



    .option-15::after {
        left: -104px;
        top: 133px;
    }

    .option-16::after {
        left: -270px;
        top: 128px;
    }

    .option-17::after {
        left: 59px;
    }

    .option-18::after {
        left: 59px;
        top: -31px;
    }

    .option-19::after {
        left: 59px;
    }

    .option-20::after {
        left: 53px;
    }



    .option-21::after {
        left: -104px;
        top: -31px;
    }

    .option-22::after {
        left: -270px;
    }

    .options .choix-bureau li:first-child .absolute-content img {
        max-width: 100px;
        top: 58%;
    }



    .no-compatible:nth-child(2n) .no-compatible::after {
        top: 142px;
        left: 32px;
        transform: rotate(45deg);
        height: var(--val_10);
    }


    /* RECAP */

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        right: 0;
    }

    .recap-configurateur .config-choix {
        width: 535px;
        float: left;
        margin-bottom: var(--val_20);
    }

    .recap-configurateur .champ-recap {
        width: 484px;
    }

    .recap-configurateur .place-img-conf {
        width: 48px;
    }

    .recap-configurateur .champ-recap img {
        max-height: 26px;
        max-width: 45px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .champ-recap .titre-conf-inte {
        font-size: var(--size_p);
        padding: 0;
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_5);
        overflow: hidden;
        width: 218px;
        white-space: normal;
    }

    .champ-recap .price-conf-inte {
        margin: 0;
        background: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 74%;
        height: 22px;
    }

    .champ-recap .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        color: var(--blanc);
        padding: 0 5px;
        line-height: var(--val_30);
        right: 138px;
    }

    .panier-config .titre-recap {
        line-height: var(--val_20);
    }


    .relative-panier .appli-recap div {
        float: none;
        margin: 2px 0;
    }

        .relative-panier .appli-recap div:last-child {
            float: none;
            line-height: 13px;
        }

    .champ-recap .titre-conf-inte span {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        display: block;
    }

    /* NOVICE */


    .util-logi {
        display: none;
    }

    .choix-bureau .jeux-gamer .absolute-content img {
        top: 40%;
    }

    .novice .choix-prix-configu .mode-mosa li img {
        max-height: 125px !important;
        max-width: 125px !important;
    }


    .novice .valider-config div {
        position: absolute;
        top: 50%;
        color: var(--noir);
        text-align: center;
        text-transform: uppercase;
        font-weight: var(--semibold);
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
        font-size: 16px;
        width: 100%;
    }

    .novice .choix-bureau .jeux-gamer {
        left: 20.3%;
        top: 0;
    }

    .novice .choix-bureau .boitier {
        left: 41.6%;
        top: 0;
    }

    .novice .choix-bureau .proc {
        left: 62.9%;
        top: 0;
    }

    .novice .choix-bureau .memoire {
        left: 83.1%;
        top: 0;
    }

    .novice .choix-bureau .carte-graph {
        left: 0;
        top: 54%;
    }

    .novice .choix-bureau .ssd {
        left: 20.3%;
        top: 54%;
    }

    .novice .choix-bureau .hdd {
        left: 41.6%;
        top: 54%;
    }

    .novice .choix-bureau .hddssd {
        left: 62.9%;
        top: 54%;
    }

    .recomnd-jeux div {
        margin-right: var(--val_5);
        font-size: var(--size_p);
        line-height: 14px;
    }

    .recomnd-jeux .budg {
        font-size: var(--size_p);
    }

    .novice .mode-mosa li img {
        max-width: 117px !important;
        margin-top: 8px !important;
    }

    .novice.config-all .mode-mosa ul li {
        background-size: 198px !important
    }

    .budg span {
        display: none;
    }

    .novice .global-conf {
        width: 600px;
    }

    .novice .choix-bureau .relative-bureau {
    }

    .recomnd-jeux p {
        font-size: var(--size_p);
    }

    .minimal {
        margin-bottom: var(--val_10);
        width: 88%;
    }

    .novice .mode-list-conf li {
        height: 238px;
    }

    .novice #Section3 .mode-list-conf li {
        height: 270px;
    }

    .novice .appli-recap div:first-child {
        float: none;
    }

    .choix-jeux-termine {
        font-size: var(--size_h4);
        padding: 0 10px;
    }

    .novice .liblle-recap {
        width: 74px;
    }

    .liblle-recap {
        font-size: var(--size_p);
        float: left;
        width: 95px;
        margin-left: var(--val_5);
        white-space: nowrap;
        overflow: hidden;
    }

    .recap-produit-conf .assemble {
        font-size: var(--size_p);
        float: left;
        line-height: var(--val_15);
        width: 105px;
        margin-left: var(--val_5);
    }

    .total-conf-recap {
        line-height: inherit;
    }

    .prix-conf-recap {
        margin-right: var(--val_5);
    }

    .valider-config.valider-config2.anim-repeat {
        width: 110px;
        height: 127px;
        background-size: 110px 127px;
        top: 64%;
        left: 85%;
        padding-top: 32px;
        font-size: var(--size_h4);
        line-height: 22px;
    }

    .detail-recap {
        background: var(--gris_200) url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;
    }

    .relative-panier {
        width: 200px;
    }

        .relative-panier .panier-config {
            width: 200px;
        }
}

@media screen and (min-width: 480px) and (max-width: 768px) {

    .foot-config-rr {
        display: none;
    }

    .text-ref {
        float: none;
        width: 100%;
    }


    .choix-du-config1 {
        position: relative;
    }

    .choix-bureau-game li {
        margin: var(--marg_10_0);
    }

    .choix-bureau-game img {
        width: 30%;
    }


    .choix-bureau-game .mode-list.anim-fadein {
        width: 250px;
    }

    .img-princ-conf .img-bureautique {
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        width: 153px;
        height: 58px;
        top: 1px;
        left: 1px;
        transition: background 0.5s;
    }

    .config-mid {
        background-size: cover;
    }

    .configurateur .gaming-page section article {
        width: 30%;
        margin: 0 2% 0;
        margin-left: 2%;
    }

        .configurateur .gaming-page section article:nth-child(3n) {
            margin-right: 1%;
        }

        .configurateur .gaming-page section article:nth-child(3n+1) {
            margin-left: 1%;
        }

    .configurateur .image-config-gamer-pc .link-fiche .option-m {
        font-size: 1.7vw;
        padding-bottom: 3%;
    }

    .configurateur .gaming-page section article:nth-child(2n+1) {
        clear: none;
    }

    .configurateur .carac-gaming-courte li {
        font-size: 1vw;
    }

    .foot-config-r .titre-text-config {
        font-size: 16px;
        margin-bottom: var(--val_10);
        border: none;
    }

    .foot-config-r p {
        line-height: 14px;
    }

    .foot-config-r a {
        margin-top: var(--val_20);
    }

    .choix-bureau-game .sep2 {
        left: 66.9%;
    }

    .choix-bureau-game .sep1 {
        left: 32.3%;
    }

    @keyframes anim6 {
        from {
        }

        to {
            left: 32%;
        }
    }

    .position-choix {
        left: 14px;
        width: 93%;
        top: 50%;
    }

    .txt-list-choix {
        font-size: var(--size_h6);
        line-height: 11px;
    }

    .titre-list-choix {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .foot-config-r {
        width: 66%;
    }

    .foot-config-r {
        width: 100%;
        margin-bottom: var(--val_40);
        float: none;
    }

    .referencement-config {
        border-top: 1px dashed #d6d6d6;
        padding-top: var(--val_40);
    }

    .txt-option-config {
        width: 100%;
    }

    .head-config h1 {
        background-size: 78%;
    }

    .config-choix {
        clear: both;
    }

    .img-princ-conf img {
        width: 100%;
    }

    .img-princ-conf {
        position: relative;
        width: 155px;
        height: 56px;
        margin: 0 auto;
    }

    .choix-bureau-game .sep-home {
        display: block;
        height: var(--val_10);
        width: var(--val_10);
        background: var(--gris_200);
        position: absolute;
        top: 50%;
        transform: rotate(-45deg);
    }

    .choix-bureau-game .sep-home-li {
        width: var(--val_15);
        cursor: default;
        display: none;
    }

    .choix-bureau-game .global-list .choix-configu {
        background-size: 100% 70%;
    }

    .foot-config-l img {
        margin-top: var(--val_20);
    }

    .foot-config-l {
        float: left;
        width: 30%;
        margin-right: 18px;
    }

    .configurateur .contenu-marg .carac-gaming-courte {
        clear: both;
        display: none;
    }

    .configurateur .contenu-marg .exlu-internet {
        text-align: center;
        display: none;
    }

    .configurateur .gaming-page .link-fiche h2 {
        font-size: 1.6vw;
    }

    .config-mid .titre-mid {
        font-size: var(--size_p);
    }

    .image-config-gamer-pc img {
        width: 80%;
    }

    .configurateur .carac-gaming {
        float: none;
        width: 100%;
    }

    .configurateur .image-config-gamer-pc {
        width: 100%;
    }

    .head-config h1 {
        text-transform: uppercase;
        font-size: var(--size_h4);
    }

    .txt-option-config p {
        font-size: var(--size_p);
        line-height: 12px;
        text-align: center;
    }

    .hexagon-home .contenu {
        padding-top: var(--val_40);
        margin-top: -40px;
    }

    .choix-bureau-game li:nth-child(2) {
        margin: var(--marg_10_0);
    }

    .txt-option-config .head-config p {
        text-align: center;
        text-align-last: center;
        font-size: var(--size_p);
    }

    .txt-option-config .titre-config {
        font-size: var(--size_h3);
        margin-bottom: var(--val_5);
    }

    .choix-bureau-game .txt-option-config .titre-config {
        font-size: var(--size_p);
    }

    .choix-bureau-game .global-list .choix-configu {
        height: 60px;
        background: url(../landing-pages/images/configurateur/responsive-choix-config.png) no-repeat center;
    }

    .choix-du-config2, .choix-du-config, .choix-du-config3 {
        height: 260px;
    }

    @keyframes anim5 {
        from {
        }

        to {
            left: 0;
            top: 0;
        }
    }

    .txt-list-choix input {
        height: 34px;
    }

    .config-all .head-config {
        height: auto;
        background-size: cover;
        background-position: 0 -58px;
    }

    .recap-conf {
        width: 100%;
        float: right;
        position: relative;
    }

    .config-avance-bureau .fil-ariane-config ul::before {
        right: 315px;
    }

    .config-avance-bureau .fil-ariane-config ul::after {
        left: var(--val_35);
    }

    .recap-conf.masquer-recap:hover .recap-produit-conf {
        display: block;
        position: absolute;
    }



    .config-all .recap-conf .chiffre-fil {
        display: block;
    }

    .config-content {
        width: 100%;
        clear: both;
        float: none;
    }

    .img-fil-config {
        line-height: 32px;
        margin: 0 5px 0 0px;
        font-size: var(--size_p);
    }

    .champ-recap .couleur-stock {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        background: green;
        display: block;
        border-radius: 100%;
        right: 18px;
    }

    .txt-fil-config {
        padding-right: 0;
        font-size: 0px;
        height: var(--val_25);
    }

        .txt-fil-config span {
            font-size: var(--size_p);
        }

    .chiffre-fil {
        font-family: "DINPro-Bold";
        color: var(--jaune);
        float: left;
        font-size: 28px;
        margin-top: 0;
        line-height: 29px;
        margin-left: var(--val_10);
    }

    .config-all .config-mid {
        background-size: cover;
    }

    .choix-bureau .bureau-conf {
        width: 50%;
    }






    .choix-bureau .relative-bureau-2 .absolute-content img {
    }

    .choix-bureau .absolute-content img {
    }

    @keyframes anim-repeat {
        from {
            transform: scale(1.0);
        }

        50% {
            transform: scale(1.03);
        }

        to {
            transform: scale(1.0);
        }
    }

    .choix-bureau .absolute-content {
        height: 212px;
    }

    .relative-bureau-2 .titre-conf {
        top: 34px;
    }

    .titre-conf {
        top: 0px;
        font-size: var(--size_h6);
        width: 90px;
        font-family: 'Outfit', sans-serif;
        line-height: 28px;
        height: 28px;
    }

    .hddssd .titre-conf {
        line-height: 13px;
        font-size: var(--size_h6);
    }



    .choix-bureau .relative-bureau {
    }

        .choix-bureau .relative-bureau.relative-bureau-2 {
            width: 100%;
        }

    .mode-list-conf li img {
        max-width: 90%;
    }

    .avance-choix {
        width: 100%;
        top: 4px;
        transform: inherit;
    }

    .global-conf {
        width: 100%;
        bottom: 0;
    }

    .mode-list-conf li {
        width: 32%;
        margin-right: 1.5%;
        height: 295px;
        margin-bottom: var(--val_10);
    }

        .mode-list-conf li:nth-child(5n) {
            margin-right: 1.5%;
        }

        .mode-list-conf li:nth-child(3n) {
            margin-right: 0;
        }

    .info-pc-puis {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

    .novice #Section2 .mode-list-conf li {
        height: 182px;
    }


    .novice .mode-list-conf li {
        height: 205px;
    }


    .mode-mosa li {
        margin-right: -45px;
        background-size: 198px !important;
    }

    .configurateur .gotop {
        display: none !important;
    }


    .choix-bureau .anim8 .absolute-content {
        width: 156px;
        height: 180px;
        transform: translate(-50%);
        left: 50%;
    }

    .choix-bureau .bureau-conf.anim8 {
    }

    @keyframes anim8 {
        from {
        }

        to {
            top: 0;
            transform: translateX(-50%);
            left: 50%;
        }
    }

    .detail-produit-bck .image img {
        width: 100%;
        max-height: 306px;
    }

    .alerte-modif-produit .detail-produit-bck .image {
        width: 24%;
        float: left;
        margin-left: 13px;
    }

        .alerte-modif-produit .detail-produit-bck .image img {
            width: 100%;
            max-height: 150px;
            clear: both;
            display: block;
            margin: 0 auto 8px;
        }

        .alerte-modif-produit .detail-produit-bck .image::after {
            position: absolute;
            content: "";
            display: block;
            background: url(../landing-pages/images/configurateur/recycling.png) no-repeat;
            background-size: var(--val_30);
            width: var(--val_30);
            height: var(--val_30);
            top: 40%;
            left: 11%;
        }

    .partage-config .choix-bureau .bureau-conf {
        background: none;
    }

    .alerte-modif-produit .detail-produit-bck .ajouter-config:last-child {
        background: #132643;
        border: 1px solid #132643;
        transition: background .5s,color .5s;
        text-transform: uppercase;
        color: var(--gris_200);
        padding: 0 10px;
        cursor: pointer;
        font-weight: var(--semibold);
        line-height: 38px;
        width: 70px;
        text-align: center;
        position: absolute;
        bottom: -60px;
        transition: all 0s;
        left: 150px;
        color: var(--blanc);
    }

    .partage-config .spec {
        width: 70%;
    }

    .partage-config .detail-produit-bck .right-conf {
        width: 66%;
        float: right;
        margin-top: var(--val_10);
    }

    .alerte-modif-produit .detail-produit-bck .ajouter-config {
        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: 0 10px;
        cursor: pointer;
        font-weight: var(--semibold);
        line-height: 38px;
        width: 70px;
        text-align: center;
        position: absolute;
        bottom: -60px;
        transition: all 0s;
        left: 0;
    }

    .detail-produit-bck .close {
    }






    .img-fin-compo {
        width: 20%;
        float: left;
        margin-left: 2%;
        margin-top: 78px;
    }



    .fin-compo {
        width: 76%;
        float: right;
        margin-top: var(--val_10);
        margin-right: 2%;
    }




    .txt-fin-compo span {
        display: block;
        font-size: var(--size_h6);
        font-weight: normal;
    }

    .prix-deconfig {
        color: #b60e20;
        font-weight: var(--semibold);
        font-size: var(--val_20);
        float: right;
        clear: both;
        width: 100%;
        text-align: right;
        margin-bottom: var(--val_10);
    }

    .phrase-montage .garanti-montage {
        font-size: var(--size_p);
        font-weight: normal;
    }

    .prix-recap.frais.verif-conf p {
        width: 195px;
        text-align: right;
    }



    .detail-produit-bck .prix {
        color: #b60e20;
        font-weight: var(--semibold);
        font-size: var(--val_30);
        position: inherit;
        right: 130px;
        top: 50%;
        transform: none;
        margin-top: var(--val_10);
        clear: both;
    }


    .valider-config {
        top: 9px;
        width: 460px;
        left: 0;
    }

    .avoir-plus-dinfo a {
        margin-right: var(--val_20);
        font-size: var(--size_p);
    }

    .slot {
        font-size: 12px
    }


    .mode-listmosa li:nth-child(2n) .produit-selected-del .supprim-option {
        top: 138px;
        left: 173px;
    }

    .supprim-option {
        position: absolute;
        top: 17px !important;
        left: 55px !important;
        z-index: 3;
        display: none;
    }

    .detail-produit-bck {
        background: var(--blanc);
        width: 95%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 0;
        min-height: 280px;
    }

    .mode-liste .pop-up-detail {
        line-height: 14px;
        width: 68px;
    }

    .detail-produit-bck .ajouter-config {
        line-height: 16px;
        height: auto;
    }

        .detail-produit-bck .ajouter-config.slot-3 {
            height: auto;
            line-height: 16px;
        }

    .mode-list1 .titre-conf-inte span {
        font-size: var(--size_p);
        line-height: var(--val_10);
    }

    .mode-liste .mode-list-conf li img {
        max-width: 65px;
    }

    .mode-liste .prod-all-conf {
        width: 83%;
    }

    .mode-liste .couleur-stock {
        width: 46px;
    }

    .mode-liste .titre-conf-inte {
        width: 42%;
    }

    .img-fil-config img {
        max-height: 24px;
        max-width: var(--val_20);
    }

    .mode-mosa li .titre-conf-inte {
        width: 120px;
        margin: 5px auto 0;
    }

    .sauvegarde-recap {
        position: absolute;
        bottom: 0;
        right: -28px;
    }

    .fil-ariane-config {
        margin-top: 8px;
    }

    .mode-mosa li img {
        max-width: 85px !important;
        margin-top: 6px;
        max-height: 85px !important;
    }



    .fil-ariane-config .recap-conf .content-fil-config {
        width: 192px;
    }

    .fil-ariane-config .recap-conf {
        width: 192px;
        margin-bottom: var(--val_20);
        margin-left: auto;
        float: none;
        margin-right: auto;
        clear: both;
        height: 56px;
    }

    .fil-ariane-config .recap-produit-conf li {
        width: 192px;
    }

    .choix-bureau .proc {
        left: 20.2%;
        top: 0;
    }

    .choix-bureau .carte-mere {
        left: 40.2%;
        top: 0;
    }

    .choix-bureau .memoire {
        left: 60%;
        top: 0;
    }

    .choix-bureau .carte-graph {
        left: 80.1%;
        top: 0;
    }

    .choix-bureau .ssd {
        left: 0;
        top: 54%;
    }

    .choix-bureau .hdd.anim-validation {
        left: 20.2%;
        top: 54%;
    }

    .choix-bureau .alim.anim-validation {
        left: 40.2%;
        top: 54%;
    }

    .choix-bureau .venti.anim-validation {
        left: 60%;
        top: 54%;
    }

    .choix-bureau .hddssd.anim-validation {
        left: 80.1%;
        top: 54%;
    }

    .choix-bureau .hdd {
        left: 20.2%;
        top: 54%;
    }

    .choix-bureau .alim {
        left: 40.2%;
        top: 54%;
    }

    .choix-bureau .venti {
        left: 60%;
        top: 54%;
    }

    .choix-bureau .hddssd {
        left: 80.1%;
        top: 54%;
    }

    .choix-bureau .sep-home-li {
        display: none;
    }

    .txt-option-config {
        width: 100%;
        margin-bottom: var(--val_15);
    }

    .liste-filtres-close {
        display: inline-block;
        color: var(--blanc);
        background: url(../landing-pages/images/configurateur/croix-ferme-2.png) no-repeat center center;
        background-size: var(--val_25);
        width: var(--val_25);
        height: var(--val_30);
        text-indent: -5000px;
        padding: 0;
    }

    .filtre-conf ul li:last-child {
        margin-right: 0;
    }

    .configurateur .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0 0px;
    }

    .mode-list1 li {
        height: 50px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,189,191,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbdbf',GradientType=0 );
        border-radius: var(--marg_20_0);
        width: 440px;
    }

    .place-img-conf {
        display: none;
    }

    .mode-mosa .pop-up-detail {
        bottom: 3px;
    }

    .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_10);
        overflow: hidden;
        width: 250px;
        white-space: initial;
        line-height: 13px;
        overflow: hidden;
    }

    .mode-list1 .price-conf-inte {
        left: 84%;
        font-size: var(--size_h4);
        width: 76px;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        font-size: 9px;
    }

    .configurateur .product_masked {
        font-size: var(--size_p);
    }

    .filtre-conf .liste-filtres-2 {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 38px;
        display: none;
        z-index: 9999;
    }

    .filtre-conf #dv_prix {
        position: absolute;
        top: -35px;
        left: 300px;
        display: none;
    }

    .filtre-conf li {
        margin-right: 2px;
        margin-bottom: var(--val_5);
    }

    .filtre-conf .tri-mos {
        margin-left: 0px;
        margin-right: 0px;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        padding-left: 2px;
    }

    .configurateur .tarif-filtre {
        margin-left: 18px;
        display: inline-block;
        margin-top: 0;
    }

    .configurateur .snap-scrolling-example {
        min-width: 100% !important;
    }

    .fadeIn .relative-bureau {
        height: 460px;
    }

    .configurateur .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 0px;
    }

    .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 250px;
    }

        .mode-list1 .titre-conf-inte p {
            font-size: var(--size_p);
            white-space: inherit;
            line-height: 8px;
        }

    .filtre-conf {
        font-size: 0;
    }

    .filtre-conf-2 {
        height: 58px;
        position: relative;
    }

    .filtre-conf .filtre-conf {
        float: left;
    }


    .compatible:nth-child(2n) .compatible::after {
        top: 134px;
        left: 26px;
        z-index: -1;
        transform: rotate(45deg);
        height: var(--val_10);
    }

    .compatible .compatible::after {
        background: var(--noir);
        content: "";
        display: block;
        transform: rotate(-45deg);
        position: absolute;
        top: var(--val_35);
        left: 22px;
        width: 2px;
        height: var(--val_10);
        z-index: -1;
    }

    .no-compatible:nth-child(2n) .no-compatible::after {
        top: 134px;
        left: 26px;
        z-index: -1;
        transform: rotate(45deg);
        height: var(--val_10);
    }

    .no-compatible .no-compatible::after {
        background: var(--noir);
        content: "";
        display: block;
        transform: rotate(-45deg);
        position: absolute;
        top: var(--val_35);
        left: 22px;
        width: 2px;
        height: var(--val_10);
        z-index: -1;
    }


    .rea-compo .detail-produit-bck .right-conf {
        float: none;
        text-align: center;
        margin: 46px auto;
        font-weight: var(--semibold);
        width: 70%;
    }

    .rea-compo .detail-produit-bck .ajouter-config10 {
        position: absolute;
        width: 100px;
        bottom: 7px;
        left: 17%;
        line-height: var(--val_30);
    }

    .rea-compo .detail-produit-bck .ajouter-config {
        position: absolute;
        width: 100px;
        bottom: 9px;
        line-height: var(--val_30);
    }

    .filtre-conf .bt-filtre-mob {
        color: var(--noir);
        background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center;
        border: 1px solid var(--noir);
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        font-family: 'Outfit', sans-serif;
        font-size: var(--size_p);
        padding-right: var(--val_25);
        line-height: 27px;
        padding-left: var(--val_5);
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 27px;
        position: relative;
    }

    .mode-list1 .couleur-stock {
        right: 70px;
    }

    .mode-list1 .pop-up-detail {
        cursor: pointer;
        background: var(--bleu);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: "open sans";
        color: var(--blanc);
        padding: 0 4px;
        line-height: var(--val_30);
        right: 87px;
        font-weight: var(--semibold);
    }

    .mode-list1 .produit_sel::after {
        left: 64%;
        top: 13px;
    }

    .choix-memoire .mode-list1 .titre-conf-inte {
        width: 150px;
    }

    .mode-list1 img {
        max-height: 26px;
        max-width: 50px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .mode-list1 .ram-nb {
        right: 50%;
        top: 75%;
        z-index: 2;
        background: #132643;
        transform: translate(50%,-50%);
        text-align: center;
        padding: 0 5px;
    }

    .mode-mosa li {
        width: 198px;
        height: 172px;
    }

        .mode-mosa li:nth-child(2n) {
            margin-top: 85px;
        }

    .mode-list1 .ram-capa {
        position: absolute;
        left: 50%;
        font-weight: var(--semibold);
        top: 20%;
        font-size: var(--size_h4);
        background: #132643;
        padding: 0px 5px;
        color: var(--blanc);
        line-height: var(--val_20);
        z-index: 2;
        transform: translate(-50%,-50%);
        width: 51px;
        text-align: center;
    }

    .mode-list1 .bt-en-voir-plus div {
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 19px top;
        padding-left: 12%;
    }

    .config-all .chiffre-fil {
        display: none;
    }

    .ram-nb {
        right: var(--val_10);
        top: 95px;
    }

    .ram-capa {
        left: var(--val_10);
        top: 95px;
    }

    .txt-fin-compo {
        font-size: var(--size_p);
        padding-bottom: 4px;
        border-bottom: 1px solid var(--noir);
        margin-bottom: var(--val_15);
        font-weight: 800;
        text-transform: uppercase;
    }

    @keyframes anim7 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
            left: -5000px;
        }
    }

    .choix-bureau .bureau-conf.anim7 {
        left: -5000px;
    }

    .choix-bureau .bureau-conf.anim8 {
        left: 0px;
    }

    .absolute-content .price-conf-inte {
        width: 70px;
        bottom: 20%;
        font-size: var(--size_p);
    }



    /* option */

    .option-11 {
        left: 0px;
        top: 146px;
    }


    .option-12 {
        left: 115px;
        top: 146px;
    }

    .option-13 {
        left: 230px;
        top: 146px;
    }

    .option-14 {
        left: 345px;
        top: 146px;
    }

    .option-15 {
        left: 0px;
        top: 281px;
    }

    .option-16 {
        left: 115px;
        top: 281px;
    }

    .option-17 {
        left: 230px;
        top: 281px;
    }


    .option-18 {
        left: 345px;
        top: 281px;
    }

    .option-19 {
        left: 0px;
        top: 415px;
    }

    .option-20 {
        left: 115px;
        top: 415px;
    }

    .option-21 {
        left: 230px;
        top: 415px;
    }

    .option-22 {
        left: 345px;
        top: 415px;
    }






    .choix-bureau-option .choix-bureau {
        margin-top: var(--val_25);
        position: relative;
        width: 100%;
    }

    .choix-bureau-option .choix-bureau {
    }

    .options .global-conf {
        width: 100%;
        bottom: 46px;
    }

    ul .posi-option {
        float: left;
        width: 33%;
        margin-bottom: var(--val_10);
    }

    .options .titre-conf {
        top: 29px;
        font-family: 'Outfit', sans-serif;
        width: 100px;
        line-height: var(--val_20);
        height: var(--val_20);
    }

    .choix-bureau .absolute-content .supprim-option img {
        width: var(--val_20);
    }

    .supprim-option::after {
        display: none !important;
    }


    .option-11::after {
        top: 128px;
        left: 59px;
    }

    .option-12::after {
        left: 59px;
        top: 133px;
    }

    .option-13::after {
        left: 58px;
        top: 136px;
    }

    .option-14::after {
        left: 53px;
        top: 136px;
    }



    .option-15::after {
        left: -104px;
        top: 133px;
    }

    .option-16::after {
        left: -270px;
        top: 128px;
    }

    .option-17::after {
        left: 59px;
    }

    .option-18::after {
        left: 59px;
        top: -31px;
    }

    .option-19::after {
        left: 59px;
    }

    .option-20::after {
        left: 53px;
    }



    .option-21::after {
        left: -104px;
        top: -31px;
    }

    .option-22::after {
        left: -270px;
    }

    .options .choix-bureau li:first-child .absolute-content img {
        max-width: 85px;
        top: 58%;
    }

    .options .posi-option:after {
        display: none;
    }

    .modifier-conf {
        top: 110px;
    }

    .periphe .titre-conf, .pack-clavier .titre-conf, .lecteur .titre-conf, .carte-son .titre-conf {
        line-height: 10px !important;
        font-size: var(--size_p);
    }

    /* RECAP */

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        right: 14px;
        width: 90%;
    }

    .recap-configurateur .config-choix {
        width: 460px;
        float: none;
        margin-bottom: var(--val_20);
    }

    .relative-panier {
        position: relative;
        float: none;
        clear: both;
        margin-top: 0;
        margin: 0 auto;
    }

    .panier-config {
        position: initial;
        margin-bottom: var(--val_20);
    }

    .recap-configurateur .champ-recap {
        width: 402px;
    }

    .recap-configurateur .place-img-conf {
        width: 48px;
    }

    .recap-configurateur .champ-recap img {
        max-height: 26px;
        max-width: 45px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .champ-recap .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_10);
        overflow: hidden;
        width: 168px;
        white-space: normal;
    }

    .recap-configurateur .ajout-panier.ajout-fiche-produit {
        color: var(--noir);
        text-transform: uppercase;
        line-height: 32px;
        height: 32px;
        font-size: var(--size_p);
        margin-top: var(--val_15);
        margin-bottom: 0;
        cursor: pointer;
        position: fixed;
        left: 50%;
        width: 300px;
        transform: translateX(-50%);
        z-index: 9999;
        bottom: var(--val_5);
    }

    .champ-recap .price-conf-inte {
        margin: 0;
        background: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 75%;
        height: 22px;
        width: 67px;
        font-size: var(--size_h4);
    }

    .champ-recap .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        color: var(--blanc);
        padding: 0 2px;
        line-height: var(--val_30);
        right: 114px;
    }

    .champ-recap .titre-conf-inte span {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        display: block;
    }

    /* NOVICE */
    .novice .valider-config {
    }

    .util-logi {
        display: none;
    }

    .choix-bureau .jeux-gamer .absolute-content img {
        top: 52%;
    }

    .novice .choix-prix-configu .mode-mosa li img {
        max-height: 125px !important;
        max-width: 125px !important;
    }


    .novice .valider-config div {
        font-size: var(--size_p);
        line-height: 18px;
    }


    .novice .choix-bureau .jeux-gamer {
        left: 20.2%;
        top: 0;
    }

    .novice .choix-bureau .boitier {
        left: 40.2%;
        top: 0;
    }

    .novice .choix-bureau .proc {
        left: 60%;
        top: 0;
    }

    .novice .choix-bureau .memoire {
        left: 80.1%;
        top: 0;
    }

    .novice .choix-bureau .carte-graph {
        left: 0;
        top: 54%;
    }

    .novice .choix-bureau .ssd {
        left: 20.2%;
        top: 54%;
    }

    .novice .choix-bureau .hdd {
        left: 40.2%;
        top: 54%;
    }

    .novice .choix-bureau .hddssd {
        left: 60%;
        top: 54%;
    }

    .recomnd-jeux div {
        margin-right: var(--val_5);
        font-size: var(--size_p);
        background: none !important;
        line-height: var(--val_10);
        padding-left: 0 !important;
    }

    .recomande.recomnd-jeux .budg {
        line-height: 36px;
    }

    .minimal.recomnd-jeux .budg {
        line-height: 36px;
    }

    .recomnd-jeux {
        overflow: hidden;
        line-height: var(--val_30);
        padding: 2px 0 2px 2px;
        width: 70%;
        border-radius: 0 15px var(--marg_15_0);
        transition: width 0.5s;
    }

        .recomnd-jeux .budg {
            font-size: var(--size_p);
        }

    .novice .mode-mosa li img {
        max-width: 117px !important;
        margin-top: 8px !important;
    }

    .novice.config-all .mode-mosa ul li {
        background-size: 198px !important
    }

    .budg span {
        display: none;
    }


    .novice .choix-bureau .relative-bureau {
    }

        .novice .choix-bureau .relative-bureau.relative-bureau-2 {
            min-height: 300px;
        }

    .recomnd-jeux p {
        font-size: var(--size_p);
    }

    .minimal {
        margin-bottom: var(--val_10);
        width: 90%;
    }

    .recomnd-jeux.recomande {
        width: 100%;
    }

    .novice #Section3 .mode-list-conf li {
        height: 242px;
    }

    .novice .global-conf {
        width: 100%;
        top: 184px;
    }

        .novice .global-conf.choix-boitier {
            bottom: 50px;
        }

    .novice .price-conf-inte.prix-fourchette {
        color: #b60e20;
        font-size: var(--size_p);
        font-weight: var(--semibold);
        width: 105px;
        margin: 0px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 4%;
        transform: translateX(-50%);
        line-height: 16px;
    }



    .novice #Section9 .mode-list-conf li {
        height: 242px;
    }

    .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-bleu-bureau-conf.png);
        background-size: auto auto;
        width: 160px;
        height: 138px;
        background-size: 160px !important;
        float: left;
    }

    .plop-gamer .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-jaune-bureau-conf.png);
    }

    .plop-pro .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-fonce-bureau-conf.png);
    }


    .mobile-image .mode-list1 li:nth-child(1) {
        margin-top: 0;
    }

    .mobile-image .mode-list1 li:nth-child(n+4) {
        margin-top: -71px;
    }

    .mobile-image .mode-list1 li:nth-child(3n+2) {
        margin-top: 0px;
    }

    .mobile-image .mode-list1 li:nth-child(2) {
        margin-top: 71px;
    }

    .mobile-image .mode-list1 li:nth-child(n+2) {
        margin-left: -34px;
    }

    .mobile-image .mode-list1 li:nth-child(3n+1) {
        margin-left: 0px;
        clear: both;
    }


    .mobile-image .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 282px;
    }

    .plop-gamer .mobile-image .mode-list1 .titre-conf-inte {
        color: var(--noir);
    }

    .mobile-image .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--blanc);
        position: absolute;
        top: 1%;
        transform: translateX(-50%);
        left: 50%;
        overflow: hidden;
        width: 81px;
        white-space: initial;
        text-align: center;
        line-height: 8px;
        height: 26px;
        overflow: hidden;
    }

    .mobile-image .mode-list1 .produit_sel::after {
        left: 50%;
        top: 32%;
        background-size: 50px;
        width: 50px;
        height: 50px;
    }

    .mobile-image .mode-list1 .couleur-stock {
        right: var(--val_35);
        top: 66%;
        z-index: 5;
    }



    .mobile-image .mode-list1 .titre-conf-inte p {
        display: none;
    }

    .mobile-image .mode-list1 .price-conf-inte {
        left: 50%;
        font-size: 16px;
        width: 75px;
        top: 74%;
        transform: translateX(-50%);
    }


    .mobile-image .mode-list1 .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 90%;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        padding: 0 4px;
        line-height: 12px;
        display: block;
        left: 50%;
        width: 66px;
        text-align: center;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

    .mobile-image .mode-list1 li .img-conf-list {
        display: block;
        width: 80px;
    }

    .mobile-image .mode-list1 .bt-en-voir-plus div {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%);
        font-size: var(--size_p);
        width: 115px;
        text-transform: uppercase;
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
        padding-top: 28px;
        font-weight: var(--semibold);
        text-align: center;
        padding-left: 0;
        line-height: 13px;
        color: var(--noir);
    }


    .novice .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-bleu-bureau-novice.png);
        background-size: auto auto;
        width: 160px;
        height: 138px;
        background-size: 160px !important;
        float: left;
    }

    .novice.plop-gamer .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-jaune-bureau-novice.png) no-repeat;
    }


    .novice.plop-pro .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-fonce-bureau-novice.png) no-repeat;
    }


    .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--noir);
    }

    .mobile-image .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--blanc);
    }

    .plop-gamer .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--noir);
    }


    .novice .mode-list1 li:nth-child(1) {
        margin-top: 0;
    }

    .novice .mode-list1 li:nth-child(n+4) {
        margin-top: -71px;
    }

    .novice .mode-list1 li:nth-child(3n+2) {
        margin-top: 0px;
    }

    .novice .mode-list1 li:nth-child(2) {
        margin-top: 71px;
    }

    .novice .mode-list1 li:nth-child(n+2) {
        margin-left: -34px;
    }

    .novice .mode-list1 li:nth-child(3n+1) {
        margin-left: 0px;
        clear: both;
    }


    .recomnd-jeux .fl-mini {
        float: left;
        width: 270px;
    }

    .novice .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 282px;
    }

    .novice.plop-gamer .mode-list1 .titre-conf-inte {
        color: var(--noir);
    }

    .novice .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--blanc);
        position: absolute;
        top: 1%;
        transform: translateX(-50%);
        left: 50%;
        overflow: hidden;
        width: 81px;
        white-space: initial;
        text-align: center;
        line-height: 8px;
        height: 26px;
        overflow: hidden;
    }

    .novice .mode-list1 .produit_sel::after {
        left: 50%;
        top: 32%;
        background-size: 50px;
        width: 50px;
        height: 50px;
    }

    .novice .mode-list1 .couleur-stock {
        right: var(--val_35);
        top: 66%;
        z-index: 5;
    }

    .novice .mode-list1 .titre-conf-inte p {
        display: none;
    }

    .novice .mode-list1 .price-conf-inte {
        left: 50%;
        font-size: 16px;
        width: 75px;
        top: 74%;
        transform: translateX(-50%);
    }


    .novice .mode-list1 .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 90%;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        padding: 0 4px;
        line-height: 12px;
        display: block;
        left: 50%;
        width: 66px;
        text-align: center;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

    .novice .mode-list1 li .img-conf-list {
        display: block;
        width: 80px;
        max-width: 80px;
        max-height: 80px;
    }

    .novice .mode-list1 .bt-en-voir-plus div {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%);
        font-size: var(--size_p);
        width: 115px;
        text-transform: uppercase;
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
        padding-top: 28px;
        font-weight: var(--semibold);
        text-align: center;
        padding-left: 0;
        line-height: 13px;
        color: var(--noir);
    }

    .detail-produit-bck .choix-bureau .bureau-conf {
        top: 50%;
        transform: translateY(-50%);
        width: 104px;
        position: absolute;
        left: var(--val_10);
    }

    .novice #Section2 .mode-list1 li.compatible {
        background-size: 160px !important;
    }

    .liblle-recap {
    }

    .valider-config.valider-config2.anim-repeat {
        top: 9px;
        width: 460px;
        left: 0;
        padding: 0;
        height: auto;
        background: var(--jaune);
    }

    .detail-recap {
        background: var(--gris_200) url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {

    .foot-config-rr {
        display: none;
    }

    .text-ref {
        float: none;
        width: 100%;
    }

    .choix-bureau-game li {
        width: 100%;
        margin: var(--marg_10_0);
    }

        .choix-bureau-game li:nth-child(2) {
            margin: var(--marg_10_0);
        }

    .choix-bureau-game .mode-list.anim-fadein {
        top: 250px;
        height: 112px;
        width: 300px;
    }

    .img-princ-conf .img-bureautique {
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        width: 153px;
        height: 58px;
        top: 1px;
        left: 1px;
        transition: background 0.5s;
    }

    .config-mid {
        background-size: cover;
    }

    .configurateur .gaming-page section article {
        width: 30%;
        margin: 0 2% 0;
        margin-left: 2%;
    }

        .configurateur .gaming-page section article:nth-child(3n) {
            margin-right: 1%;
        }

        .configurateur .gaming-page section article:nth-child(3n+1) {
            margin-left: 1%;
        }

    .configurateur .image-config-gamer-pc .link-fiche .option-m {
        font-size: 1.7vw;
        padding-bottom: 3%;
    }

    .configurateur .gaming-page section article:nth-child(2n+1) {
        clear: none;
    }

    .configurateur .carac-gaming-courte li {
        font-size: 1vw;
    }

    .foot-config-r .titre-text-config {
        font-size: 16px;
        margin-bottom: var(--val_10);
        border: none;
    }

    .foot-config-r p {
        line-height: 14px;
    }

    .foot-config-r a {
        padding: 10px 0px 10px 80px;
        width: 100%;
        box-sizing: border-box;
    }


    .choix-bureau-game .sep2 {
        left: 66.9%;
    }

    .choix-bureau-game .sep1 {
        left: 32.3%;
    }

    @keyframes anim6 {
        from {
        }

        to {
            left: 32%;
        }
    }

    .position-choix {
        left: 14px;
        width: 93%;
        top: 50%;
    }

    .txt-list-choix {
        font-size: var(--size_h6);
        line-height: 11px;
    }

    .titre-list-choix {
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .referencement-config {
        border-top: 1px dashed #d6d6d6;
        padding-top: var(--val_20);
    }

    .txt-option-config {
        width: 100%;
    }

    .head-config h1 {
        background-size: 78%;
    }

    .config-choix {
        clear: both;
    }

    .img-princ-conf img {
        width: 100%;
    }

    .img-princ-conf {
        position: relative;
        width: 155px;
        height: 56px;
        margin: 0 auto;
    }


    .choix-bureau-game .sep-home {
        display: block;
        height: var(--val_10);
        width: var(--val_10);
        background: var(--gris_200);
        position: absolute;
        top: 50%;
        transform: rotate(-45deg);
    }

    .choix-bureau-game img {
        width: 30%;
    }

    .hexagon-home .contenu {
        padding-top: var(--val_40);
        margin-top: -40px;
    }

    .choix-bureau-game .sep-home-li {
        width: var(--val_15);
        cursor: default;
        display: none;
    }

    .choix-bureau-game .global-list .choix-configu {
        background-size: 100% 70%;
    }

    .foot-config-l img {
        margin-top: var(--val_20);
    }

    .foot-config-l {
        float: left;
        width: 40%;
        margin-right: 18px;
    }

    .configurateur .contenu-marg .carac-gaming-courte {
        clear: both;
        display: none;
    }

    .configurateur .contenu-marg .exlu-internet {
        text-align: center;
        display: none;
    }

    .configurateur .gaming-page .link-fiche h2 {
        font-size: 2.4vw;
    }

    .config-mid .titre-mid {
        font-size: var(--size_p);
        padding: 8px 5px;
    }

    .image-config-gamer-pc img {
        width: 80%;
    }

    .configurateur .carac-gaming {
        float: none;
        width: 100%;
    }

    .configurateur .image-config-gamer-pc {
        width: 100%;
    }

    .hexagon-home .contenu p {
        text-align: center;
        text-align-last: center;
        font-size: var(--size_p);
        margin: 5px 15px;
        line-height: 10.5px;
    }

    .head-config h1 {
        color: var(--noir);
        text-transform: uppercase;
        font-size: var(--size_h4);
    }

    .txt-option-config .head-config p {
        text-align: center;
        text-align-last: center;
        font-size: 11.3px;
    }

    .txt-option-config p {
        font-size: var(--size_p);
        text-align: center;
        line-height: 12px;
        text-align-last: center;
    }

    .txt-option-config .titre-config {
        font-size: var(--size_h4);
        text-align: center;
        text-align-last: center;
    }

    .choix-bureau-game .global-list .choix-configu {
        height: 50px;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,189,191,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbdbf',GradientType=0 ); /* IE6-9 */
        border-radius: var(--marg_20_0);
    }

    .choix-du-config2, .choix-du-config, .choix-du-config3 {
        height: 340px
    }

    @keyframes anim5 {
        from {
        }

        to {
            left: 15%;
            top: 0;
        }
    }

    .txt-list-choix input {
        height: 34px;
    }

    .choix-bureau-game .global-list .choix-configu {
        margin-bottom: var(--val_10);
    }

    @keyframes fadeOut {
        from {
            opacity: 1;
            display: block;
        }

        50% {
            opacity: 0;
            margin: 0;
        }

        to {
            left: -5000px;
        }
    }

    .config-all .head-config {
        background-size: cover;
        background-position: 0px -30px;
    }

    .config-avance-bureau .fil-ariane-config ul::before {
        display: none;
    }

    .config-avance-bureau .fil-ariane-config ul::after {
        display: none;
    }

    .fil-ariane-config {
        margin-top: 0;
    }

    .ferme2 .detail-produit-bck .choix-bureau .bureau-conf {
        display: none;
    }

    .ferme2 .detail-produit-bck .right-conf {
        width: 90%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .ferme2 .spec {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
    }

    .partage-config .spec {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
        text-align: center;
    }

    .partage-config .detail-produit-bck .right-conf {
        width: 90%;
        float: none;
        margin-top: var(--val_10);
        margin: 0 auto;
    }

    .fil-ariane-config li:nth-child(1) .content-fil-config {
        width: 104px;
    }

    .fil-ariane-config li:nth-child(1) {
        display: none;
    }

    .fil-ariane-config li:nth-child(3) .content-fil-config {
        width: 95px;
        display: none;
    }

    .fil-ariane-config li:nth-child(3) {
        display: none;
    }

    .fil-ariane-config li:nth-child(4) .content-fil-config {
        width: 110px;
    }

    .fil-ariane-config li:nth-child(4) {
        width: 110px;
        margin-right: 0px;
        display: none;
    }

    .config-all .recap-conf .chiffre-fil {
        display: block;
    }



    .fil-ariane-config li:nth-child(2) {
        float: none;
        display: none;
    }

    .config-all .config-mid {
        background-size: cover;
    }

    .choix-bureau .bureau-conf {
        width: 300px;
        height: auto;
        position: relative;
        background: none;
        margin-bottom: var(--val_10);
        left: 0;
    }



    .anim-repeat .titre-conf {
        width: auto;
        float: left;
        margin-left: var(--val_35);
        text-align: left;
        font-size: var(--size_p);
    }

    .ajout-conf {
        float: right;
        width: 100px;
        margin-top: 0px;
    }

    .choix-bureau .anim-repeat .absolute-content {
        width: 100%;
    }

    .recap-conf, .config-content {
        width: 300px;
    }

    .choix-bureau .absolute-content img.img-choix-default {
        max-width: var(--val_30);
        max-height: var(--val_30);
        width: var(--val_30);
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .novice .appli-recap div:first-child {
        float: none;
    }

    .anim8 .titre-conf {
        font-size: var(--size_h6);
        width: 90px;
        font-family: "Open Sans";
        line-height: 28px;
        height: 28px;
    }

    .plop-gamer .filtre-conf .tri-mos {
        margin-left: 0;
        margin-right: 0;
        border: none;
        background: transparent;
    }

    .plop-pro .filtre-conf .tri-mos {
        margin-left: 0;
        margin-right: 0;
        border: none;
        background: transparent;
    }

    .choix-bureau .bureau-conf.anim8 {
        background-size: 156px;
    }

    .choix-bureau .bureau-conf.active-conf .content-choix {
        background-size: 90px !important;
        background: none;
    }


    .choix-bureau .absolute-content {
        width: 300px;
        height: 28px;
        position: relative;
        left: 0;
        top: 0;
    }

        .choix-bureau .absolute-content img {
            max-width: var(--val_30);
            max-height: var(--val_30);
            width: var(--val_30);
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }


        .choix-bureau .absolute-content .img-choix-select-1 {
            max-width: var(--val_30);
            max-height: var(--val_30);
            width: var(--val_30);
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .modif-conf {
        float: right;
        width: 100px;
        margin-top: 0px;
    }

    .mode-list-conf li {
        width: 49%;
        margin-right: 2%;
        height: 295px;
        margin-bottom: var(--val_10);
    }

        .mode-list-conf li img {
            max-width: 90%;
        }

        .mode-list-conf li:nth-child(5n) {
            margin-right: 2%;
        }

        .mode-list-conf li:nth-child(2n) {
            margin-right: 0%;
        }

    .bureau-conf.active-conf.anim8 .content-choix img {
        display: block;
    }


        .bureau-conf.active-conf.anim8 .content-choix img:nth-child(2) {
            display: block !important;
            max-width: 56px;
            top: 55%;
        }



    @keyframes anim-repeat {
        from {
            transform: scale(1.0);
        }

        50% {
            transform: scale(1.03);
        }

        to {
            transform: scale(1.0);
        }
    }

    .choix-bureau .anim-repeat .absolute-content::after {
        display: none;
    }

    .relative-bureau-2 .titre-conf {
        top: 0px;
    }

    .titre-conf {
        width: auto;
        float: left;
        margin-left: var(--val_35);
        font-size: var(--size_p);
        text-align: left;
    }

    .hddssd .titre-conf {
        line-height: var(--val_25);
        height: var(--val_25);
    }

    .hddssd .anim-repeat .titre-conf {
        font-size: var(--size_h6);
        line-height: 12px;
        padding-top: 2px;
    }

    .recap-conf.masquer-recap .content-fil-config {
        background: black url(../landing-pages/images/configurateur/filte-fleche-w.png) no-repeat 78% center;
    }

    .hddssd.anim8 .titre-conf {
        font-size: var(--size_h6);
        line-height: 12px;
        padding-top: 2px;
    }


    .choix-bureau .relative-bureau {
        height: auto;
        width: 100%;
    }



    .avance-choix {
        width: 100%;
        top: var(--val_10);
        transform: initial;
    }

    .global-conf {
        width: 100%;
    }

    .mode-mosa li {
        margin-right: -45px;
        background-size: 198px !important;
    }

    .configurateur .gotop {
        display: none !important;
    }


    .choix-bureau .anim8 .absolute-content {
        width: 90px;
        height: 104px;
        transform: translate(-50%);
        left: 50%;
    }



    @keyframes anim8 {
        from {
        }

        to {
            top: 0;
            transform: translateX(-50%);
            left: 50%;
        }
    }

    .detail-produit-bck .image img {
        width: 100%;
        max-height: 306px;
    }

    .detail-produit-bck .image {
        width: 38%;
        float: left;
        margin-left: var(--val_10);
    }

    .detail-produit-bck .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        background-image: url(fancybox_sprite.png);
        text-indent: -4000px;
        cursor: pointer;
    }



    .detail-produit-bck .right-conf {
        width: 58%;
        float: right;
        margin-top: var(--val_10);
    }



    .txt-fin-compo {
        font-size: var(--size_p);
        padding-bottom: 4px;
        border-bottom: 1px solid var(--noir);
        margin-bottom: var(--val_5);
        font-weight: 800;
        text-transform: uppercase;
    }

    .prix-deconfig p {
        font-size: var(--size_p);
        display: inline-block;
        vertical-align: middle;
        width: 155px;
    }

    .prix-deconfig {
        color: #b60e20;
        font-weight: var(--semibold);
        font-size: var(--val_20);
        float: right;
        clear: both;
        width: 100%;
        text-align: right;
        margin-bottom: var(--val_10);
    }

    .txt-fin-compo span {
        display: block;
        font-size: var(--size_p);
        font-weight: normal;
    }

    .img-fin-compo {
        display: none;
    }

    .fin-compo {
        width: 90%;
        float: none;
        margin: 10px auto 0;
    }

    .phrase-montage .garanti-montage {
        font-size: var(--size_p);
        font-weight: normal;
    }

    .validation-config .detail-produit-bck .ajouter-config {
        width: 125px;
        padding: 0 5px;
        line-height: 12px;
        font-size: var(--size_p);
        margin-right: 0;
    }

    .prix-recap.frais.verif-conf p {
        width: 155px;
        text-align: right;
        font-size: var(--size_p);
    }

    .phrase-montage {
        font-size: var(--size_p);
        text-align: right;
    }

    .modifier-confi {
        margin: 32px 0 4px 10px;
        width: 125px;
        line-height: var(--val_15);
    }

    .fil-ariane-config li li {
        float: none;
        margin: 0 auto 0px !important;
    }

    .fil-ariane-config li li {
        display: block !important;
    }

    .prix-recap.frais.verif-conf {
        width: 100%;
        float: right;
        text-align: right;
        margin-top: var(--val_5);
        margin-bottom: var(--val_5);
    }

    .detail-produit-bck .ajouter-config {
        width: auto;
        line-height: 18px;
    }

        .detail-produit-bck .ajouter-config.slot-3 {
            width: auto;
            height: auto;
            margin-right: 0;
            margin-top: var(--val_10);
        }

    .detail-produit-bck .spec div span {
        font-size: var(--size_p);
        line-height: 8px;
    }



    .detail-produit-bck .prix {
        color: #b60e20;
        font-weight: var(--semibold);
        font-size: var(--val_30);
        position: inherit;
        right: 130px;
        top: 50%;
        transform: none;
        margin-top: var(--val_10);
        clear: both;
    }



    .valider-config {
        width: auto;
    }

    .avoir-plus-dinfo a {
        margin-right: var(--val_15);
        font-size: var(--size_p);
        width: auto;
        line-height: 12px;
    }

    .slot {
        margin-top: 8px;
        font-size: var(--size_p);
        width: 180px;
    }

    .detail-produit-bck {
        background: var(--blanc);
        width: 320px;
        min-height: 320px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 0;
    }

    .mode-list1 .titre-conf-inte span {
        font-size: var(--size_p);
    }

    .img-fil-config img {
        max-height: 24px;
        max-width: var(--val_20);
    }

    .mode-mosa li .titre-conf-inte {
        width: 120px;
        margin: 5px auto 0;
    }

    .sauvegarde-recap {
        position: absolute;
        bottom: 0;
        right: 0px;
    }

    .mode-mosa li img {
        max-width: 85px !important;
        margin-top: 6px;
        max-height: 85px !important;
    }

    .produit_sel::after {
    }

    .fil-ariane-config .recap-conf .content-fil-config {
        width: 192px;
    }

    .fil-ariane-config .recap-conf {
        width: 192px;
        margin-bottom: var(--val_20);
        margin-left: auto;
        float: none;
        margin-right: auto;
        clear: both;
        height: 56px;
    }

    .fil-ariane-config .recap-produit-conf li {
        width: 192px;
    }

    .choix-bureau .proc {
        left: 0;
        top: 0;
    }

    .choix-bureau .carte-mere {
        left: 0;
        top: 0;
    }

    .choix-bureau .memoire {
        left: 0;
        top: 0;
    }

    .choix-bureau .carte-graph {
        left: 0;
        top: 0;
    }

    .choix-bureau .ssd {
        left: 0;
        top: 0%;
    }

    .choix-bureau .hdd {
        left: 0;
        top: 0%;
    }

    .choix-bureau .alim {
        left: 0;
        top: 0%;
    }

    .choix-bureau .venti {
        left: 0;
        top: 0%;
    }

    .choix-bureau .hddssd {
        left: 0;
        top: 0%;
    }

    .choix-bureau .hdd.anim-validation {
        left: 0;
        top: 0%;
    }

    .choix-bureau .alim.anim-validation {
        left: 0;
        top: 0%;
    }

    .choix-bureau .venti.anim-validation {
        left: 0;
        top: 0%;
    }

    .choix-bureau .hddssd.anim-validation {
        left: 0;
        top: 0%;
    }

    .valider-config.valider-config2.anim-repeat {
        color: var(--noir);
        left: 0%;
        display: block;
        height: auto;
        padding: 0;
        font-size: var(--size_h4);
        background: var(--jaune);
    }

    .no-compatible:nth-child(2n) .no-compatible::before {
        top: 140px;
    }

    .posi-option .pose {
        background: none;
    }

    .option-18 .pose {
        background: none;
    }

    .posi-option .pose {
        background: none !important;
    }


    .detail-recap {
        background: var(--gris_200) url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;
    }

    .liblle-recap {
        font-size: var(--size_p);
        float: left;
        width: 122px;
        white-space: nowrap;
        overflow: hidden;
    }

    .choix-bureau .sep-home-li {
        display: none;
    }

    .txt-option-config {
        width: 100%;
        margin-bottom: var(--val_15);
    }

    .global-list .txt-option-config {
        display: none;
    }

    .liste-filtres-close {
        color: var(--blanc);
        right: 0;
        top: 40%;
        left: initial;
        display: block;
        background: url(../landing-pages/images/configurateur/croix-ferme-2.png) no-repeat center center;
        background-size: var(--val_25);
        width: var(--val_25);
        height: var(--val_25);
        text-indent: -50000px;
    }

    .configurateur .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0 0px;
    }

    .sauvergade-config {
        margin: 2px 5px;
        float: none;
    }

    .appli-recap div:last-child {
        float: none;
    }

    .recap-produit-conf .assemble {
        width: 122px;
        line-height: var(--val_15);
    }

    .mode-list1 li {
        height: 60px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(188,189,191,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(188,189,191,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbdbf',GradientType=0 );
        border-radius: var(--marg_20_0);
        width: 275px;
    }

    .place-img-conf {
        display: none;
    }

    .mode-mosa .pop-up-detail {
        bottom: 3px;
    }

    .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_10);
        overflow: hidden;
        width: 125px;
        white-space: initial;
        line-height: var(--val_10);
        overflow: hidden;
    }

    .mode-list1 .price-conf-inte {
        left: 75%;
        font-size: 16px;
        width: 75px
    }

    #Section6 .mode-list1 .price-conf-inte {
        left: 75%;
    }

    .filtre-conf li .filtres-configurateur .titre-filtres {
        font-size: 8px;
        background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 97% center;
        padding: 0 14px 0 2px;
        line-height: var(--val_20);
        height: var(--val_20);
    }

    .configurateur .product_masked {
        font-size: var(--size_h6);
    }

    .filtre-conf .tri-mos p {
        display: none;
    }

    .filtre-conf .mode-affich {
        display: inline-block;
    }

    .filtre-conf .mode-affich {
        background: transparent;
        position: absolute;
        top: -9px;
        padding: var(--val_10);
        z-index: 3000;
        font-size: var(--size_p);
        line-height: var(--val_20);
        min-width: 140px;
        border: none;
        left: -11px;
        text-align: left;
        border: none;
    }

    .filtre-conf .liste-filtres-2 {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 38px;
        display: none;
        z-index: 9999;
    }

    .filtre-conf #dv_prix {
        position: absolute;
        top: -35px;
        left: 300px;
        display: none;
    }

    .filtre-conf li {
        margin-right: var(--val_5);
        margin-bottom: var(--val_5);
    }

    .filtre-conf .tri-mos {
        margin-left: 0;
        margin-right: 0;
        border: none;
        background: transparent;
    }

    .tri-mos div {
        cursor: pointer;
        line-height: 26px;
        display: inline-block;
        padding-left: 0px;
        padding-right: 0;
        text-transform: uppercase;
        font-size: var(--size_p);
        font-weight: var(--semibold);
        text-indent: -5000px;
        float: left;
    }

    .plop-gamer .tri-mos .mos-is-mobile, .plop-gamer .tri-mos .mos {
        color: var(--noir);
        background: url(../landing-pages/images/configurateur/mode-mosa-w.png) no-repeat left center;
    }

    .plop-gamer .filtre-conf .list-is-mobile, .plop-gamer .filtre-conf .list {
        color: var(--noir);
        background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
    }

    .tri-mos .mos {
        margin-right: 0;
    }

    .configurateur .tarif-filtre {
        margin-left: var(--val_5);
        display: inline-block;
        margin-top: 0;
    }

    .configurateur .snap-scrolling-example {
        min-width: 100% !important;
    }

    .fadeIn .relative-bureau {
        height: 460px;
    }

    .configurateur .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 0px;
    }

    .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 250px;
    }

        .mode-list1 .titre-conf-inte p {
            font-size: 9px;
            white-space: inherit;
        }

    .filtre-conf {
        font-size: 0;
    }

    .filtre-conf-2 {
        height: 100px;
    }

    .filtre-conf .filtre-conf {
        float: left;
    }

    .slot-1 {
        padding-left: 0;
        width: 180px;
    }




    .filtre-conf .bt-filtre-mob {
        color: var(--noir);
        background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 96% center;
        border: 1px solid var(--noir);
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        font-family: 'Outfit', sans-serif;
        font-size: var(--size_p);
        padding-right: var(--val_15);
        line-height: 27px;
        padding-left: var(--val_5);
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 27px;
        position: relative;
    }

    .mode-list1 .couleur-stock {
        right: 64px;
        top: 46%;
    }

    .mode-list1 .pop-up-detail {
        cursor: pointer;
        background: var(--bleu);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        color: var(--blanc);
        padding: 0 4px;
        line-height: var(--val_30);
        right: 87px;
        font-weight: var(--semibold);
    }

    .mode-list1 .produit_sel::after {
        left: 64%;
        top: 13px;
    }

    .choix-memoire .mode-list1 .titre-conf-inte {
        width: 125px;
    }

    .mode-list1 img {
        max-height: 26px;
        max-width: 50px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .mode-list1 .ram-nb {
        display: none;
    }

    .mode-mosa li {
        width: 198px;
        height: 172px;
    }

        .mode-mosa li:nth-child(2n) {
            margin-top: 85px;
        }

    .mode-list1 .ram-capa {
        display: none;
    }

    .mode-list1 .bt-en-voir-plus div {
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 19px top;
        padding-left: 60px;
    }


    .ram-nb {
        right: var(--val_10);
        top: 92px;
    }

    @keyframes anim7 {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
            left: -5000px !important;
        }
    }

    .ram-capa {
        left: var(--val_10);
        top: 92px;
    }

    .choix-bureau .bureau-conf.anim7 {
        left: -5000px;
    }



    .choix-bureau .bureau-conf.anim-10 {
        left: 0px;
    }

    .absolute-content .price-conf-inte {
        width: 70px;
        bottom: 20%;
        font-size: var(--size_p);
    }

    .validation-config .modifier-confi span {
        text-transform: uppercase;
        line-height: var(--val_15);
    }

    .detail-produit-bck .spec div {
        width: 180px;
        line-height: 12px;
    }

    .pas-decompo .detail-produit-bck .right-conf {
        float: none;
        text-align: center;
        margin: 50px auto;
        font-weight: var(--semibold);
    }

    .plop-gamer .filtre-conf .list {
        color: var(--noir);
        background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
    }

    .plop-gamer .tri-mos .mos {
        background: url(../landing-pages/images/configurateur/mode-mosa-w.png) no-repeat left center;
    }

    /* option */

    .option-11 {
        left: 0px;
        top: 146px;
    }


    .option-12 {
        left: 115px;
        top: 146px;
    }

    .option-13 {
        left: 230px;
        top: 146px;
    }

    .option-14 {
        left: 345px;
        top: 146px;
    }

    .option-15 {
        left: 0px;
        top: 281px;
    }

    .option-16 {
        left: 115px;
        top: 281px;
    }

    .option-17 {
        left: 230px;
        top: 281px;
    }


    .option-18 {
        left: 345px;
        top: 281px;
    }

    .option-19 {
        left: 0px;
        top: 415px;
    }

    .option-20 {
        left: 115px;
        top: 415px;
    }

    .option-21 {
        left: 230px;
        top: 415px;
    }

    .option-22 {
        left: 345px;
        top: 415px;
    }



    ul .posi-option.pc-center.sauve-valide.passer-option {
    }

    ul .posi-option.pc-center.sauve-valide.valider-options {
    }


    ul .posi-option.pc-center {
    }

        ul .posi-option.pc-center .absolute-content {
        }

        ul .posi-option.pc-center.sauve-valide a {
            padding: 2px 0;
            border-radius: 0;
        }

        ul .posi-option.pc-center.sauve-valide:hover {
            transform: translate(0%,0%);
        }

    .options .choix-bureau .absolute-content {
        width: 300px;
        height: var(--val_30);
    }

    .options.config-avance-bureau .fil-ariane-config ul::before {
        right: 198px;
        width: 46%;
    }

    .plop-gamer .choix-bureau .posi-option .pose {
        width: 300px;
        height: var(--val_30);
        background: none !important;
    }

    ul .posi-option {
        width: 300px;
        height: var(--val_30);
        position: relative;
        left: 0;
        top: 0;
        margin: var(--marg_10_0);
    }

    .choix-bureau-option .choix-bureau {
        margin-top: var(--val_25);
        position: relative;
        width: 100%;
    }

    .pc-center .absolute-content .titre-conf {
        width: 100px;
        top: 38px;
    }


    .options .global-conf {
        width: 100%;
        top: 66px;
    }


    ul .posi-option.pc-center.sauve-valide a {
        height: auto;
        width: auto;
    }

    .choix-bureau .absolute-content .supprim-option img {
        width: var(--val_20);
    }

    .supprim-option::after {
        display: none !important;
    }


    .option-11::after {
        top: 128px;
        left: 59px;
    }

    .option-12::after {
        left: 59px;
        top: 133px;
    }

    .option-13::after {
        left: 58px;
        top: 136px;
    }

    .option-14::after {
        left: 53px;
        top: 136px;
    }



    .option-15::after {
        left: -104px;
        top: 133px;
    }

    .option-16::after {
        left: -270px;
        top: 128px;
    }

    .option-17::after {
        left: 59px;
    }

    .option-18::after {
        left: 59px;
        top: -31px;
    }

    .option-19::after {
        left: 59px;
    }

    .option-20::after {
        left: 53px;
    }



    .option-21::after {
        left: -104px;
        top: -31px;
    }

    .option-22::after {
        left: -270px;
    }

    .options .choix-bureau li:first-child .absolute-content img {
        max-width: 85px;
        top: 58%;
        display: block !important;
    }

    .options .posi-option:after {
        display: none;
    }

    .modifier-conf {
        top: 110px;
        display: block;
    }

    ul .posi-option.anim7 {
        display: none;
    }

    /* RECAP */

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        right: 14px;
        width: 90%;
    }

    .recap-configurateur .config-choix {
        width: 300px;
        float: none;
        margin-bottom: var(--val_20);
    }

    .relative-panier {
        position: relative;
        width: 300px;
        float: none;
        clear: both;
        margin-top: 0;
        margin: 0 auto;
    }

    .panier-config {
        position: initial;
        width: 300px;
        margin-bottom: var(--val_20);
    }

    .recap-configurateur .champ-recap {
        width: 246px;
    }

    .recap-configurateur .place-img-conf {
        width: 48px;
    }

    .config-choix .recap-conf-li {
        margin-top: 0;
    }

        .config-choix .recap-conf-li:nth-child(2n) .pose {
            margin-left: 0px;
        }

    .recap-configurateur .champ-recap img {
        max-height: 26px;
        max-width: 45px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
    }

    .champ-recap .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: var(--val_5);
        overflow: hidden;
        width: 138px;
        white-space: normal;
    }

    .recap-configurateur .ajout-panier.ajout-fiche-produit {
        color: var(--noir);
        text-transform: uppercase;
        line-height: 32px;
        height: 32px;
        font-size: var(--size_p);
        margin-top: var(--val_15);
        margin-bottom: 0;
        cursor: pointer;
        position: fixed;
        left: 50%;
        width: 300px;
        transform: translateX(-50%);
        z-index: 9999;
        bottom: var(--val_5);
    }

    .champ-recap .price-conf-inte {
        margin: 0;
        background: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 66%;
        height: 22px;
        width: 67px;
        font-size: var(--size_h4);
    }

    .supp-option {
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 16px;
    }

    .champ-recap .couleur-stock {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        background: green;
        display: block;
        border-radius: 100%;
        right: 88px;
    }

    .champ-recap .pop-up-detail {
        cursor: pointer;
        background: var(--bleu);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        color: var(--blanc);
        padding: 0 2px;
        line-height: var(--val_30);
        right: 114px;
        display: none;
    }

    .champ-recap .titre-conf-inte span {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--noir);
        display: block;
    }

    .recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
        display: none;
    }

    /* NOVICE */
    .novice .valider-config {
        position: absolute;
        top: 2%;
        color: var(--noir);
        width: 300px;
        height: 38px;
        background-size: 300px !important;
        text-align: center;
        text-transform: uppercase;
        font-weight: var(--semibold);
        z-index: 5000;
        left: 0;
    }

    .util-logi {
        display: none;
    }

    .choix-bureau .jeux-gamer .absolute-content img {
        top: 55%;
    }

    .novice .choix-prix-configu .mode-mosa li img {
        max-height: 110px !important;
        max-width: 110px !important;
    }


    .novice .valider-config div {
        font-size: var(--size_h4);
    }


    .novice .choix-bureau .jeux-gamer {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .boitier {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .proc {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .memoire {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .carte-graph {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .ssd {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .hdd {
        left: 0%;
        top: 0%;
    }

    .novice .choix-bureau .hddssd {
        left: 0%;
        top: 0%;
    }

    .recomnd-jeux div {
        margin-right: var(--val_5);
        font-size: var(--size_p);
        background: none !important;
        padding-left: 0 !important;
        line-height: var(--val_10);
    }

    .recomnd-jeux .budg {
        font-size: var(--size_h6);
    }

    .novice .mode-mosa li img {
        max-width: 117px !important;
        margin-top: 8px !important;
    }

    .novice.config-all .mode-mosa ul li {
        background-size: 198px !important
    }

    .budg span {
        display: none;
    }


    .recomnd-jeux {
        padding: 0px 2px 0px 2px;
    }


    .choix-jeux-termine {
        font-size: var(--size_h4);
        padding: 0 10px;
    }

    .novice .choix-bureau .relative-bureau.relative-bureau-2 {
    }

    .novice .global-conf.choix-prix-configu {
        width: 100%;
        bottom: 88px;
    }

    .recomnd-jeux p {
        font-size: var(--size_p);
    }

    .minimal {
        margin-bottom: var(--val_10);
        width: 96%;
    }

    .recomnd-jeux.recomande {
        width: 100%;
    }

    .choix-jeux-termine {
        bottom: 0px;
        font-size: var(--size_h4);
        padding: 0;
        text-transform: uppercase;
        position: fixed;
        top: initial;
        left: 50%;
        width: 300px;
        margin: 0 auto;
        transform: translateX(-50%);
    }

    .no-compatible .no-compatible::after {
        background: var(--noir);
        content: "";
        display: block;
        transform: rotate(-45deg);
        position: absolute;
        top: 32px;
        left: 27px;
        width: 2px;
        height: var(--val_10);
        z-index: -1;
    }

    .novice .global-conf {
        width: 100%;
        bottom: 0;
    }

    .novice .mode-list-conf li {
        height: 210px;
    }

    .info-pc-puis {
        display: none;
        vertical-align: middle;
        width: 100%;
    }

    .novice .global-conf.choix-boitier {
        bottom: 50px;
    }

    .novice .price-conf-inte.prix-fourchette {
        color: #b60e20;
        font-size: var(--size_p);
        font-weight: var(--semibold);
        width: 105px;
        margin: 0px auto 0;
        background: rgba(255,255,255,0.5);
        position: absolute;
        left: 50%;
        bottom: 4%;
        transform: translateX(-50%);
        line-height: 16px;
    }

    .novice #Section3 .mode-list-conf li {
        height: 234px;
    }

    .novice .global-conf.choix-hddssd {
        width: 100%;
        bottom: 86px;
    }

    .novice #Section9 .mode-list-conf li {
        height: 234px;
    }

    .novice .liblle-recap {
        width: 90px;
    }

    .novice .no-compatible:nth-child(2n) .no-compatible::before {
        top: 2px;
        right: 2px;
    }


    .recomnd-jeux .fl-mini {
        float: left;
        width: 170px;
    }

    .minimal.recomnd-jeux .budg {
        color: var(--blanc);
        text-transform: uppercase;
        border-left: 2px solid;
        line-height: 36px;
    }

    .recomande.recomnd-jeux .budg {
        color: #b60e20;
        text-transform: uppercase;
        border-left: 2px solid;
        line-height: 36px;
    }

    .laisser-message {
        display: none;
    }


    .plop-gamer .filtre-conf .list {
        color: var(--blanc);
        background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
    }

    .filtre-conf .list {
        color: var(--blanc);
        background: url(../landing-pages/images/configurateur/mode-list-h-f.png) no-repeat 5px center;
    }

    .tri-mos .mos:hover {
        margin-right: 0;
    }


    .plop-gamer .tri-mos .mos {
        background: url(../landing-pages/images/configurateur/mode-mosa-w.png) no-repeat left center;
        margin-right: var(--val_5);
        color: var(--blanc);
    }

    .tri-mos .mos {
        background: url(../landing-pages/images/configurateur/mode-mosa-f.png) no-repeat left center;
        color: var(--blanc);
    }


    .rea-compo .detail-produit-bck .right-conf {
        float: none;
        text-align: center;
        margin: 20px auto;
        font-weight: var(--semibold);
    }

    .rea-compo .detail-produit-bck .ajouter-config10 {
        left: 2%;
    }

    .filtre-conf .filtre-conf {
        color: var(--noir);
        font-family: 'Outfit', sans-serif;
        display: inline-block;
        vertical-align: middle;
        background: #a9a9a9;
        text-align: center;
        padding: 3px 20px 9px;
        text-transform: uppercase;
        font-size: var(--size_p);
        margin-top: 2px;
        font-weight: var(--semibold);
        height: 27px;
        margin-top: 3px;
        display: none;
        margin-right: 12px;
    }

    .plop-gamer .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-jaune-bureau-conf.png);
    }

    .plop-pro .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-fonce-bureau-conf.png);
    }

    .mobile-image .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-bleu-bureau-conf.png);
        background-size: auto auto;
        width: 160px;
        height: 138px;
        background-size: 160px !important;
    }


        .mobile-image .mode-list1 li:nth-child(1) {
            margin-top: 0;
        }


        .mobile-image .mode-list1 li:nth-child(n+2) {
            margin-top: -71px;
        }


        .mobile-image .mode-list1 li:nth-child(2n) {
            margin-left: 125px;
        }


    .mobile-image .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 282px;
    }

    .plop-gamer .mobile-image .mode-list1 .titre-conf-inte {
        color: var(--noir);
    }


    .mobile-image .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--blanc);
        position: absolute;
        top: 1%;
        transform: translateX(-50%);
        left: 50%;
        overflow: hidden;
        width: 81px;
        white-space: initial;
        text-align: center;
        line-height: 8px;
        height: 24px;
        overflow: hidden;
    }

    .mobile-image .mode-list1 .produit_sel::after {
        left: 50%;
        top: 32%;
        background-size: 50px;
        width: 50px;
        height: 50px;
    }

    .mobile-image .mode-list1 .couleur-stock {
        right: var(--val_35);
        top: 66%;
        z-index: 5;
    }

    .mobile-image .mode-list1 .titre-conf-inte p {
        display: none;
    }

    .mobile-image .mode-list1 .price-conf-inte {
        left: 50%;
        font-size: 16px;
        width: 75px;
        top: 74%;
        transform: translateX(-50%);
    }


    .mobile-image .mode-list1 .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 90%;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        padding: 0 4px;
        line-height: 12px;
        display: block;
        left: 50%;
        width: 66px;
        text-align: center;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

    .mobile-image .mode-list1 li .img-conf-list {
        display: block;
        width: 80px;
    }

    .mobile-image .mode-list1 .bt-en-voir-plus div {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%);
        font-size: var(--size_p);
        width: 115px;
        text-transform: uppercase;
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
        padding-top: 28px;
        font-weight: var(--semibold);
        text-align: center;
        padding-left: 0;
        line-height: 13px;
        color: var(--noir);
    }


    .novice .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-bleu-bureau-novice.png);
        background-size: auto auto;
        width: 160px;
        height: 138px;
        background-size: 160px !important;
    }

    .novice.plop-gamer .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-jaune-bureau-novice.png) no-repeat;
    }


    .novice.plop-pro .mode-list1 li {
        background: url(../landing-pages/images/configurateur/hexa-fonce-bureau-novice.png) no-repeat;
    }


    plop-gamer .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--noir);
    }

    .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--noir);
    }

    .mobile-image .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--blanc);
    }

    .plop-gamer .mobile-image .mode-list1 .titre-conf-inte span {
        display: block;
        color: var(--noir);
    }

    .novice .mode-list1 li:nth-child(1) {
        margin-top: 0;
    }


    .novice .mode-list1 li:nth-child(n+2) {
        margin-top: -71px;
    }


    .novice .mode-list1 li:nth-child(2n) {
        margin-left: 125px;
    }


    .novice .mode-list1 {
        clear: both;
        margin-top: var(--val_15);
        height: 282px;
    }

    .plop-gamer.novice .mode-list1 .titre-conf-inte {
        color: var(--noir);
    }

    .novice .mode-list1 .titre-conf-inte {
        font-size: var(--size_p);
        text-transform: uppercase;
        color: var(--blanc);
        position: absolute;
        top: 1%;
        transform: translateX(-50%);
        left: 50%;
        overflow: hidden;
        width: 81px;
        white-space: initial;
        text-align: center;
        line-height: 8px;
        height: 24px;
        overflow: hidden;
    }

    .novice .mode-list1 .produit_sel::after {
        left: 50%;
        top: 32%;
        background-size: 50px;
        width: 50px;
        height: 50px;
    }

    .novice .mode-list1 .couleur-stock {
        right: var(--val_35);
        top: 66%;
        z-index: 5;
    }

    .novice .mode-list1 .titre-conf-inte p {
        display: none;
    }

    .novice .mode-list1 .price-conf-inte {
        left: 50%;
        font-size: 16px;
        width: 75px;
        top: 78%;
        transform: translateX(-50%);
    }

    .plop-gamer .valider-config {
        position: absolute;
        top: 2%;
        color: var(--noir);
        width: 300px;
        height: 38px;
        background-size: 300px !important;
        text-align: center;
        text-transform: uppercase;
        font-weight: var(--semibold);
        z-index: 5000;
        left: 0;
        background: green !important;
        color: white !important;
    }

        .plop-gamer .valider-config.sauvergade-config {
            position: static;
            top: var(--val_10);
            background: #ffcf00 !important;
            color: var(--noir);
            width: auto;
            text-align: center;
            text-transform: uppercase;
            font-weight: var(--semibold);
            line-height: var(--val_30);
            z-index: 5000;
            transform: translateX(0%);
            cursor: pointer;
            font-size: var(--size_p);
            display: block;
            color: black !important;
            clear: both;
            padding: 0;
            height: auto;
        }

        .plop-gamer .valider-config div {
            color: white !important;
        }



    .novice .mode-list1 .pop-up-detail {
        cursor: pointer;
        position: absolute;
        top: 90%;
        transform: translateX(-50%);
        text-transform: uppercase;
        font-size: var(--size_p);
        font-family: 'Outfit', sans-serif;
        padding: 0 4px;
        line-height: 12px;
        display: block;
        left: 50%;
        width: 66px;
        text-align: center;
        border-radius: var(--val_10);
        font-weight: var(--semibold);
    }

    .novice .mode-list1 li .img-conf-list {
        display: block;
        width: 80px;
        max-width: 80px;
        max-height: 80px;
    }

    .novice .mode-list1 .bt-en-voir-plus div {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%,-50%);
        font-size: var(--size_p);
        width: 115px;
        text-transform: uppercase;
        background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
        padding-top: 28px;
        font-weight: var(--semibold);
        text-align: center;
        padding-left: 0;
        line-height: 13px;
        color: var(--noir);
    }

    .detail-produit-bck .choix-bureau .bureau-conf {
        top: 50%;
        transform: translateY(-50%);
        width: 104px;
        position: absolute;
        left: var(--val_10);
    }

    .novice #Section2 .mode-list1 li.compatible {
        background-size: 160px !important;
    }

    .recomnd-jeux .budg {
        padding: 0 0px 0 5px !important;
    }


    .tri-mos .list-is-mobile {
        background: url(/images/mode-list.png) no-repeat 5px center;
    }

    .tri-mos .mos-is-mobile {
        background: url(/images/mode-mosa.png) no-repeat 5px center;
    }

    .novice .mode-list1 .price-conf-inte {
        left: 50% !important;
        font-size: var(--size_p) !important;
    }

    .novice .mode-list1 .price-conf-inte {
        font-size: var(--size_p);
    }
}
