﻿@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:320px;
    margin-bottom:10px;
    }


.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: 19px;
}

.foot-config-r p {
line-height: 14px;
}

.foot-config-r a {
margin-top:20px;
}

.config-all .head-config {
height:auto;
}

.config-avance-bureau .fil-ariane-config ul::before {
right: 735px;
}






.detail-recap {
    background: #242424 url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 145px center;
}

    .sauvergade-config {
    font-size:11px;
    }

.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:11px;
}


.config-all .config-mid {
background:black;
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: 12px;
width: 102px;
}

.hddssd .titre-conf {
line-height: 12px;
font-size: 10px;
}


.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:10px;
    }

    .recap-produit-conf .jassemble {
    font-size:10px;
    }

    .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: 12px;

text-transform: uppercase;
color: black;
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: 12px;
}

.filtre-conf ul {

}
.filtre-conf li {
margin-right: 5px;
margin-bottom: 5px;
}

.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: 30px;
height: 330px;
margin-bottom: 30px;
}

.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: bold;
top: 49%;
font-size: 18px;
background: #132643;
padding: 2px 5px;
color: white;
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: #e53029;
font-size: 18px;
font-weight: bold;
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: #e53029;
font-size: 18px;
font-weight: bold;
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: 10px;
}


.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: 10px;
}


.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: 20px;
}

.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: 14px;
padding: 0;
text-transform: uppercase;
color: black;
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: 10px;

text-transform: uppercase;
color: black;
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: 10px;
font-size: 10px;
line-height: 14px;

}

.recomnd-jeux .budg {
font-size: 14px;

}

.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: 18px;
margin-bottom: 10px;
}

.foot-config-r p {
line-height: 14px;
}

.foot-config-r a {
margin-top:20px;
}

.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: 40px;
}

.referencement-config {
border-top: 1px dashed #d6d6d6;
padding-top: 40px;
}

.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: 10px;
}

.txt-fil-config {
padding-right:0;
font-size:10px;
}

    .valider-config.valider-config2.anim-repeat {
        width:150px;
        height:173px;
        background-size:150px 173px;
        top: 64%;
        left: 85%;
        padding-top: 42px;
    }

.detail-recap {
    background: #242424 url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;
}


.novice .liblle-recap {
    width: 98px;
}

.liblle-recap {
    font-size: 12px;
    float: left;
width: 130px;
    white-space: nowrap;
    overflow: hidden;
}

.chiffre-fil {
font-family: "DINPro-Bold";
color: #20a75f;
float: left;
font-size: 28px;
margin-top: 0;
line-height: 29px;
margin-left: 10px;
}

.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: black;
text-transform: uppercase;
font-size: 12px;
text-align: center;
line-height: 20px;
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
    black;
    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: 12px;
width: 102px;
}

.hddssd .titre-conf {
line-height: 12px;
font-size: 10px;
}


.avance-choix {
width: 940px;
}

.mode-list-conf li img {
width:90%;
}

    .mode-list-conf li {
   height:285px;
    }

.ram-capa {
    left: 18px;
    top: 122px;
}

.ram-nb {
    right: 18px;
    top: 122px;
}

.recap-produit-conf .assemble {
    font-size: 12px;
    float: left;
    line-height: 15px;
    width: 130px;
}

    .recap-produit-conf .jassemble {
            font-size: 12px;
    float: left;
    line-height: 15px;
    width: 130px;
    }

    .detail-produit .menu_fiche_produit {
    box-shadow:none;
    margin-top: 15px; 
    }

.filtre-conf .filtre-conf.filtre_on {
display: inline-block;
margin-right: 5px;
}

.global-conf {
width: 740px;
}

.mode-mosa li {
margin-right: -52px;
background-size: 227px !important;
}

.img-fil-config img {
max-height: 24px;
max-width: 20px;
}

.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: 12px;

text-transform: uppercase;
color: black;
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: 12px;
}

.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: 15px;
}

.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: 30px;
height: 330px;
margin-bottom: 30px;
}

.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: bold;
top: 49%;
font-size: 18px;
background: #132643;
padding: 2px 5px;
color: white;
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: 10px;
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: #e53029;
font-size: 18px;
font-weight: bold;
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: 25px;
position: relative;
width: 100%;
}

.choix-bureau-option .choix-bureau {

}

.options .titre-conf {
top: 34px;
font-family: 'Montserrat', 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: 20px;
}

.recap-configurateur .champ-recap {
width: 650px;
}

.recap-configurateur .place-img-conf {
width: 48px;
}

    
.recap-conf-li {
width: 100%;
overflow: hidden;
position: relative;
padding: 5px;
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: 14px;

text-transform: uppercase;
color: black;
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: 10px;

text-transform: uppercase;
color: black;
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: 10px;
font-size: 10px;
line-height: 14px;

}

.recomnd-jeux .budg {
font-size: 14px;

}

.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;
}

.text-ref {
float: none;
width: 100%;
}

.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:24px;
    }

    .choix-du-config1 .global-bt a:first-child {
    font-size:24px;
    }

    .hexagon-home .contenu h2 {
    font-size:24px;
    }

.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: 10px;
}

.foot-config-r p {
line-height: 14px;
}

.foot-config-r a {
margin-top:20px;
}

.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: 40px;
}

.referencement-config {
border-top: 1px dashed #d6d6d6;
padding-top: 40px;
}

.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: 10px;
width: 10px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

.choix-bureau-game .sep-home-li {
width: 15px;
cursor: default;
display: none;
}

.choix-bureau-game .global-list .choix-configu {
background-size: 100% 70%;
margin-bottom:20px;
}

.foot-config-l img {
margin-top: 42px;
}
.hexagon-home .contenu p {
text-align: center;
text-align-last: center;
font-size: 12px;
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: 10px;
}

.txt-fil-config {
padding-right:0;
font-size:9px;
}

.chiffre-fil {
font-family: "DINPro-Bold";
color: #20a75f;
float: left;
font-size: 28px;
margin-top: 0;
line-height: 29px;
margin-left: 10px;
}

.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: #e53029;
font-size: 18px;
font-weight: bold;
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: 12px;
width: 102px;
}

.hddssd .titre-conf {
line-height: 12px;
font-size: 10px;
}

.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: 285px;
margin-bottom: 10px;
}

    .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:12px;
}

.img-fil-config img {
max-height: 24px;
max-width: 20px;
}

.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: 20px;
}

.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: 20px;
}

.choix-bureau-game .txt-option-config .titre-config {
font-size: 14px;

}

.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: 20px 0;
width: 580px;
}

.place-img-conf {
display:none;
}

.mode-mosa .pop-up-detail {
bottom:3px;
}

.mode-list1 .titre-conf-inte {
font-size: 12px;

text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
overflow: hidden;
width: 374px;
white-space: nowrap;
line-height: 13px;
}

.mode-list1 .price-conf-inte {
left:87%;
font-size: 20px;
width: 76px;
}

.filtre-conf li .filtres-configurateur .titre-filtres {
font-size:9px;
}

.configurateur .product_masked {
font-size: 12px;
}


.filtre-conf #dv_prix {
display:none;
}
.filtre-conf li {
margin-right: 5px;
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: 15px;
height: 250px;
}

.mode-list1 .titre-conf-inte p {
font-size:10px;
}

.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: #558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
color: white;
padding: 0 4px;
line-height: 30px;
right: 105px;
font-weight: bold;
}

.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: bold;
top: 49%;
font-size: 18px;
background: #132643;
padding: 2px 5px;
color: white;
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: 30px;
top:120px;
}

.mode-liste .ram-capa {
left:350px;
}

.mode-liste .ram-nb {
left:405px;
}

    .detail-produit-bck {
    width:90%;
    }

.ram-capa {
left: 30px;
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: #e53029;
font-size: 18px;
font-weight: bold;
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: 25px;
position: relative;
width: 100%;
}

.choix-bureau-option .choix-bureau {
}

.options .titre-conf {
top: 34px;
font-family: 'Montserrat', 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: 10px;
}


/* RECAP */

.recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
right: 0;
}

.recap-configurateur .config-choix {
width: 535px;
float: left;
margin-bottom: 20px;
}

.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: 14px;
padding:0;
text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5px;
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: 12px;

color: white;
padding: 0 5px;
line-height: 30px;
right: 138px;
}

    .panier-config .titre-recap {
    line-height:20px;
    }


.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: 10px;

text-transform: uppercase;
color: black;
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: black;
text-align: center;
text-transform: uppercase;
font-weight: bold;
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: 5px;
font-size: 10px;
line-height: 14px;

}

.recomnd-jeux .budg {
font-size: 12px;

}

.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: 14px;
}

.minimal {

margin-bottom: 10px;
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: 18px;
padding: 0 10px;

}

.novice .liblle-recap {
    width: 74px;
}

.liblle-recap {
    font-size: 12px;
    float: left;
    width: 95px;
    margin-left:5px;
    white-space: nowrap;
    overflow: hidden;
}

.recap-produit-conf .assemble {
    font-size: 10px;
    float: left;
    line-height: 15px;
    width: 105px;
    margin-left: 5px;
}

    .total-conf-recap {
    line-height:inherit;
    }

    .prix-conf-recap {
    margin-right:5px;
    }

.valider-config.valider-config2.anim-repeat {
width: 110px;
height: 127px;
background-size: 110px 127px;
top: 64%;
left: 85%;
padding-top: 32px;
font-size: 18px;
line-height: 22px;
}

.detail-recap {
    background: #242424 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: 10px 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: 10px;
border:none;
}

.foot-config-r p {
line-height: 14px;
}

.foot-config-r a {
margin-top:20px;
}

.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: 11px;
line-height: 11px;
}

.titre-list-choix {
padding-bottom: 2px;
margin-bottom: 2px;
}

.foot-config-r {
width: 66%;
}

.foot-config-r {
width: 100%;
margin-bottom: 40px;
float: none;
}

.referencement-config {
border-top: 1px dashed #d6d6d6;
padding-top: 40px;
}

.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: 10px;
width: 10px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

.choix-bureau-game .sep-home-li {
width: 15px;
cursor: default;
display: none;
}

.choix-bureau-game .global-list .choix-configu {
background-size: 100% 70%;
}

.foot-config-l img {
margin-top: 20px;
}

.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:15px;
}

.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: 22px;
}
.txt-option-config p {
font-size: 10px;
line-height:12px;
text-align: center;
}

.hexagon-home .contenu {
    padding-top: 40px;
    margin-top: -40px;
}

    .choix-bureau-game li:nth-child(2) {
    margin:10px 0;
    }

.txt-option-config .head-config p {
    text-align: center;
    text-align-last: center;
    font-size: 10px;
}

.txt-option-config .titre-config {
font-size: 24px;
margin-bottom: 5px;
}

.choix-bureau-game .txt-option-config .titre-config {
font-size:14px;
}

.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: 35px;
}

.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: 10px;
}

.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: 25px;
}

.txt-fil-config span {
font-size:10px;
}

.chiffre-fil {
font-family: "DINPro-Bold";
color: #20a75f;
float: left;
font-size: 28px;
margin-top: 0;
line-height: 29px;
margin-left: 10px;
}

.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: 11px;
width: 90px;
font-family: 'Montserrat', sans-serif;
line-height: 28px;
height:28px;
}

.hddssd .titre-conf {
line-height: 13px;
font-size: 11px;
}



.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: 256px;
margin-bottom: 10px;
    }

.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: 30px;
width: 30px;
height: 30px;
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: #242424;
padding: 0 10px;
cursor: pointer;
font-weight: 600;
line-height: 38px;
width: 70px;
text-align: center;
position: absolute;
bottom: -60px;
transition: all 0s;
left: 150px;
color: white;
}

.partage-config .spec {
width: 70%;
}

.partage-config .detail-produit-bck .right-conf {
width: 66%;
float: right;
margin-top: 10px;
}

.alerte-modif-produit .detail-produit-bck .ajouter-config {
background: #20a75f url(/images/hover-bouton.png) no-repeat -500px center;
border: 1px solid #20a75f;
transition: background .5s,color .5s;
text-transform: uppercase;
color: #242424;
padding: 0 10px;
cursor: pointer;
font-weight: 600;
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: 10px;
margin-right: 2%;
}




.txt-fin-compo span {
display: block;
font-size: 11px;
font-weight: normal;
}
.prix-deconfig {
color: #e53029;
font-weight: bold;
font-size: 20px;
float: right;
clear: both;
width: 100%;
text-align: right;
margin-bottom: 10px;
}

.phrase-montage .garanti-montage {
font-size: 10px;
font-weight: normal;
}

.prix-recap.frais.verif-conf p {
width: 195px;
text-align: right;
}



.detail-produit-bck .prix {

color: #e53029;
font-weight: bold;
font-size: 30px;
position: inherit;
right: 130px;
top: 50%;
transform: none;
margin-top: 10px;
clear: both;


}


.valider-config {
top: 9px;
width: 460px;
left: 0;
}

.avoir-plus-dinfo a {
margin-right:20px;
font-size: 12px;
}

.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: white;
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: 10px;
    line-height: 10px;
}

.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: 20px;
}

.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: 20px;
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: 15px;
}

.liste-filtres-close {
display: inline-block;
color: white;
background:url(../landing-pages/images/configurateur/croix-ferme-2.png) no-repeat center center;
background-size:25px;
width:25px;
height:30px;
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: 20px 0;
width: 440px;
}

.place-img-conf {
display:none;
}

.mode-mosa .pop-up-detail {
bottom:3px;
}

.mode-list1 .titre-conf-inte {
font-size: 12px;

text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
overflow: hidden;
width: 250px;
white-space: initial;
line-height: 13px;
overflow: hidden;
}

.mode-list1 .price-conf-inte {
left: 84%;
font-size: 18px;
width: 76px;
}

.filtre-conf li .filtres-configurateur .titre-filtres {
font-size:9px;
}

.configurateur .product_masked {
font-size: 12px;
}

.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: 5px;
}

.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: 15px;
height: 250px;
}

.mode-list1 .titre-conf-inte p {
font-size:10px;
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: 10px;
}

.compatible .compatible::after {
background: black;
content: "";
display: block;
transform: rotate(-45deg);
position: absolute;
top: 35px;
left: 22px;
width: 2px;
height: 10px;
z-index: -1;
}

.no-compatible:nth-child(2n) .no-compatible::after {
top: 134px;
left: 26px;
z-index: -1;
transform: rotate(45deg);
height: 10px;
}

.no-compatible .no-compatible::after {
background: black;
content: "";
display: block;
transform: rotate(-45deg);
position: absolute;
top: 35px;
left: 22px;
width: 2px;
height: 10px;
z-index: -1;
}


.rea-compo .detail-produit-bck .right-conf {
float: none;
text-align: center;
margin: 46px auto;
font-weight: bold;
width: 70%;
}

.rea-compo .detail-produit-bck .ajouter-config10 {
position: absolute;
width: 100px;
bottom: 7px;
left: 17%;
line-height: 30px;
}

.rea-compo .detail-produit-bck .ajouter-config {
    position: absolute;
    width: 100px;
    bottom: 9px;
line-height: 30px;
}

.filtre-conf .bt-filtre-mob {
color: black;
background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center; 
border: 1px solid black;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding-right: 25px;
line-height: 27px;
padding-left: 5px;
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: #558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 12px;
font-family: "open sans";
color: white;
padding: 0 4px;
line-height: 30px;
right: 87px;
font-weight: bold;
}

.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: bold;
top: 20%;
font-size: 18px;
background: #132643;
padding: 0px 5px;
color: white;
line-height: 20px;
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: 10px;
top: 95px;
}

.ram-capa {
left: 10px;
top: 95px;
}

.txt-fin-compo {
font-size: 12px;
padding-bottom: 4px;
border-bottom: 1px solid black;
margin-bottom: 15px;
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:12px;
}



/* 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: 25px;
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: 10px;

}

.options .titre-conf {
top: 29px;
font-family: 'Montserrat', sans-serif;
width: 100px;
line-height: 20px;
height: 20px;
}

.choix-bureau .absolute-content .supprim-option img {
width: 20px;
}

.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:10px;
}

/* 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: 20px;
}

.relative-panier {
position: relative;
float: none;
clear: both;
margin-top: 0;
margin: 0 auto;
}

.panier-config {
position: initial;
margin-bottom: 20px;
}

.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: 12px;

text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
overflow: hidden;
width: 168px;
white-space: normal;
}

.recap-configurateur .ajout-panier.ajout-fiche-produit {

color: black;
text-transform: uppercase;
line-height: 32px;
height: 32px;
font-size: 15px;
margin-top: 15px;
margin-bottom: 0;
cursor: pointer;
position: fixed;
left: 50%;
width: 300px;
transform: translateX(-50%);
z-index: 9999;
bottom: 5px;
}

.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: 18px;
}

.champ-recap .pop-up-detail {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 12px;

color: white;
padding: 0 2px;
line-height: 30px;
right: 114px;
}

.champ-recap .titre-conf-inte span {
font-size: 10px;

text-transform: uppercase;
color: black;
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: 15px;
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: 5px;
    font-size: 10px;
    background: none !important;
   line-height: 10px;
    padding-left: 0 !important;
}

.recomande.recomnd-jeux .budg {
    line-height: 36px;
}

.minimal.recomnd-jeux .budg {
    line-height: 36px;
}

.recomnd-jeux {
    overflow: hidden;
    line-height: 30px;
    padding: 2px 0 2px 2px;
    width: 70%;
    border-radius: 0 15px 15px 0;
    transition: width 0.5s;
}

.recomnd-jeux .budg {
font-size: 12px;

}

.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: 14px;
}

.minimal {

margin-bottom: 10px;
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: #e53029;
font-size: 14px;
font-weight: bold;
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: 15px;
height: 282px;
}

   .plop-gamer .mobile-image .mode-list1 .titre-conf-inte {
    color:black;
    }

.mobile-image .mode-list1 .titre-conf-inte {
font-size: 10px;

text-transform: uppercase;
color: white;
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: 35px;
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: 12px;
font-family: 'Montserrat', sans-serif;
padding: 0 4px;
line-height: 12px;
display: block;
left: 50%;
width: 66px;
text-align: center;
border-radius: 10px;
font-weight: bold;
}

.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: 14px;
width: 115px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
padding-top: 28px;
font-weight: bold;
text-align: center;
padding-left: 0;
line-height: 13px;
color:black;
}


   .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:black;
}

.mobile-image .mode-list1 .titre-conf-inte span {
 display:block;
  color:white;
}

.plop-gamer .mode-list1 .titre-conf-inte span {
 display:block;
  color:black;
}


.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: 15px;
height: 282px;
}

    .novice.plop-gamer .mode-list1 .titre-conf-inte {
    color:black;
    }

.novice .mode-list1 .titre-conf-inte {
font-size: 10px;

text-transform: uppercase;
color: white;
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: 35px;
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: 12px;
font-family: 'Montserrat', sans-serif;
padding: 0 4px;
line-height: 12px;
display: block;
left: 50%;
width: 66px;
text-align: center;
border-radius: 10px;
font-weight: bold;
}

.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: 14px;
width: 115px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
padding-top: 28px;
font-weight: bold;
text-align: center;
padding-left: 0;
line-height: 13px;
color:black;
}

.detail-produit-bck .choix-bureau .bureau-conf {
top: 50%;
transform: translateY(-50%);
width: 104px;
position: absolute;
left: 10px;
}

.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:#20a75f;
}

.detail-recap {
    background: #242424 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:10px 0;
         }

.choix-bureau-game li:nth-child(2) {
 margin:10px 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: 10px;
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: 11px;
line-height: 11px;
}

.titre-list-choix {
padding-bottom: 2px;
margin-bottom: 2px;
}

.foot-config-r {
width: 66%;
}

.foot-config-r {
width: 100%;
margin-bottom: 20px;
float: none;
}

.referencement-config {
border-top: 1px dashed #d6d6d6;
padding-top: 20px;
}

.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: 10px;
width: 10px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

    .choix-bureau-game img{
    width:30%;
    }

.hexagon-home .contenu {
    padding-top: 40px;
    margin-top: -40px;
}

.choix-bureau-game .sep-home-li {
width: 15px;
cursor: default;
display: none;
}

.choix-bureau-game .global-list .choix-configu {
background-size: 100% 70%;
}

.foot-config-l img {
margin-top: 20px;
}

.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:13px;
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: 10px;
margin: 5px 15px;
line-height: 10.5px;
}

.head-config h1 {
color: black;
text-transform: uppercase;
font-size: 22px;
}

.txt-option-config .head-config p {
    text-align: center;
    text-align-last: center;
    font-size: 11.3px;
}

.txt-option-config p {
font-size: 10px;
text-align: center;
line-height:12px;
text-align-last:center;
}

.txt-option-config .titre-config {
    font-size: 18px;
    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: 20px 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: 10px;
}

@keyframes fadeOut {
  from{
opacity: 1;
display:block;
  }

50% {
opacity: 0;
margin:0;
}

  to {
left:-5000px;
  }
}

.config-all .head-config {
height: 44px;
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: 10px;
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: 10px;
left: 0;

}



.anim-repeat .titre-conf {
width: auto;
float: left;
margin-left: 35px;
text-align: left;
font-size: 12px;
}

    .ajout-conf {
    float:right;
    width:100px;
    margin-top:0px;
    }

.choix-bureau .anim-repeat .absolute-content {

}

    .recap-conf, .config-content {
    width:300px;
    }

.choix-bureau .absolute-content img.img-choix-default {
    max-width: 30px;
    max-height: 30px;
    width: 30px;
    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: 11px;
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: 30px;
max-height: 30px;
width: 30px;
vertical-align: middle;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}


.choix-bureau .absolute-content .img-choix-select-1 {
max-width: 30px;
max-height: 30px;
width: 30px;
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: 256px;
    margin-bottom: 10px;
    }

.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: 35px;
font-size:12px;
text-align: left;
}

.hddssd .titre-conf {
line-height: 25px;
height: 25px;
}

.hddssd .anim-repeat .titre-conf {
font-size: 11px;
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: 11px;
line-height: 12px;
padding-top: 2px;
}


.choix-bureau .relative-bureau {
height: auto;
width: 100%;
}



.avance-choix {
width: 100%;
    top: 10px;
    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: 10px;
}

.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: 10px;

}



.txt-fin-compo {
font-size: 12px;
padding-bottom: 4px;
border-bottom: 1px solid black;
margin-bottom: 5px;
font-weight: 800;
text-transform: uppercase;
}

.prix-deconfig p {
font-size: 10px;
display: inline-block;
vertical-align: middle;
width: 155px;
}

.prix-deconfig {
color: #e53029;
font-weight: bold;
font-size: 20px;
float: right;
clear: both;
width: 100%;
text-align: right;
margin-bottom: 10px;
}

.txt-fin-compo span {
display: block;
font-size: 10px;
font-weight: normal;
}

.img-fin-compo {
display: none;
}

.fin-compo {
width: 90%;
float: none;
margin: 10px auto 0;
}

.phrase-montage .garanti-montage {
font-size: 10px;
font-weight: normal;
}

.validation-config .detail-produit-bck .ajouter-config {
width: 125px;
padding: 0 5px;
line-height: 12px;
font-size: 12px;
margin-right:0;
}

.prix-recap.frais.verif-conf p {
width: 155px;
text-align: right;
font-size: 10px;
}

.phrase-montage {
font-size: 10px;
text-align: right;
}

.modifier-confi {
margin: 32px 0 4px 10px;
width: 125px;
line-height: 15px;
}

.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: 5px;
margin-bottom: 5px;
}

.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: 10px;
}

.detail-produit-bck .spec div span {
font-size: 10px;
line-height: 8px;
}



.detail-produit-bck .prix {

color: #e53029;
font-weight: bold;
font-size: 30px;
position: inherit;
right: 130px;
top: 50%;
transform: none;
margin-top: 10px;
clear: both;


}



.valider-config {
width: auto;
}
.avoir-plus-dinfo a {
margin-right: 15px;
font-size: 10px;
width: auto;
line-height: 12px;
}

.slot {
margin-top: 8px;
font-size:12px;
width: 180px;
}

.detail-produit-bck {

background: white;
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: 10px;
}

.img-fil-config img {
max-height: 24px;
max-width: 20px;
}

.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: 20px;
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: black;
    left: 0%;
    display: block;
    height: auto;
    padding: 0;
    font-size: 18px;
    background: #20a75f;

}

.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: #242424 url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 140px center;

}

.liblle-recap {
    font-size: 12px;
    float: left;
    width: 122px;
    white-space: nowrap;
    overflow: hidden;
}

.choix-bureau .sep-home-li {
display:none;
}

.txt-option-config {
width:100%;
margin-bottom: 15px;
}

.global-list .txt-option-config {
display:none;
}

.liste-filtres-close {
color:white;
right: 0;
top: 40%;
left: initial;
display: block;
background: url(../landing-pages/images/configurateur/croix-ferme-2.png) no-repeat center center;
background-size: 25px;
width: 25px;
height: 25px;
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:15px;
    }

.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: 20px 0;
width: 275px;
}

.place-img-conf {
display:none;
}

.mode-mosa .pop-up-detail {
bottom:3px;
}

.mode-list1 .titre-conf-inte {
font-size: 10px;

text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
overflow: hidden;
width: 125px;
white-space: initial;
line-height: 10px;
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: 20px;
height: 20px;
}

.configurateur .product_masked {
font-size: 11px;
}

  .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: 10px;
z-index: 3000;
font-size: 12px;
line-height: 20px;
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: 5px;
margin-bottom: 5px;
}

.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: 10px;
font-weight: 600;
text-indent: -5000px;
float: left;
}

.plop-gamer .tri-mos .mos-is-mobile, .plop-gamer .tri-mos .mos {
color: black;
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: black;
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: 5px;
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: 15px;
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: black;
background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 96% center;
border: 1px solid black;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
padding-right: 15px;
line-height: 27px;
padding-left: 5px;
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: #558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
color: white;
padding: 0 4px;
line-height: 30px;
right: 87px;
font-weight: bold;
}

.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: 10px;
top: 92px;
}

@keyframes anim7 {
  from {
opacity:1; 
  }

to {
opacity:0;
left:-5000px !important;
}

}

.ram-capa {
left: 10px;
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:12px;
}

   .validation-config .modifier-confi span {
text-transform: uppercase;
line-height: 15px;
}
   .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: bold;
}

  .plop-gamer .filtre-conf .list {
color: black;
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:30px;
}

.options.config-avance-bureau .fil-ariane-config ul::before {
right: 198px;
width: 46%;
}

.plop-gamer .choix-bureau  .posi-option .pose {
width: 300px;
height:30px;
background:none !important;
}

ul .posi-option {
width: 300px;
height:30px;
position:relative;
left:0;
top:0;
margin: 10px 0;
}

.choix-bureau-option .choix-bureau {

margin-top: 25px;
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: 20px;
}

.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: 20px;
}

.relative-panier {
position: relative;
width: 300px;
float: none;
clear: both;
margin-top: 0;
margin: 0 auto;
}

.panier-config {
position: initial;
width: 300px;
margin-bottom: 20px;
}

    .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: 10px;

text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5px;
overflow: hidden;
width: 138px;
white-space: normal;
}

.recap-configurateur .ajout-panier.ajout-fiche-produit {

color: black;
text-transform: uppercase;
line-height: 32px;
height: 32px;
font-size: 15px;
margin-top: 15px;
margin-bottom: 0;
cursor: pointer;
position: fixed;
left: 50%;
width: 300px;
transform: translateX(-50%);
z-index: 9999;
bottom: 5px;
}

.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: 18px;
}

.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: #558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 12px;

color: white;
padding: 0 2px;
line-height: 30px;
right: 114px;
display: none;
}

.champ-recap .titre-conf-inte span {
font-size: 10px;

text-transform: uppercase;
color: black;
display: block;
}

.recap-configurateur.config-avance-bureau .fil-ariane-config ul::before {
display:none;
}

/* NOVICE */
.novice .valider-config {
position: absolute;
top: 2%;
color: black;
width: 300px;
height: 38px;
background-size: 300px !important;
text-align: center;
text-transform: uppercase;
font-weight: bold;
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: 18px;
}


.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: 5px;
font-size: 10px;
background: none !important;
padding-left: 0 !important;
line-height: 10px;
}

.recomnd-jeux .budg {
font-size: 11px;

}

.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: 18px;
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: 14px;
}

.minimal {

margin-bottom: 10px;
width: 96%;

}

.recomnd-jeux.recomande {
width: 100%;
}

.choix-jeux-termine {
bottom: 0px;
font-size: 22px;
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: black;
content: "";
display: block;
transform: rotate(-45deg);
position: absolute;
top: 32px;
left: 27px;
width: 2px;
height: 10px;
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: #e53029;
font-size: 14px;
font-weight: bold;
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: white;
text-transform: uppercase;
border-left: 2px solid;
line-height: 36px;
}

.recomande.recomnd-jeux .budg {
color: #e53029;
text-transform: uppercase;
border-left: 2px solid;
line-height: 36px;
}

.laisser-message {
display:none;
}


.plop-gamer .filtre-conf .list {
color: white;
background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
}

.filtre-conf .list {
color: white;
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: 5px;
color: white;
}

   .tri-mos .mos {
background: url(../landing-pages/images/configurateur/mode-mosa-f.png) no-repeat left center;
color: white;
}


   .rea-compo .detail-produit-bck .right-conf {

float: none;
text-align: center;
margin: 20px auto;
font-weight: bold;

}

   .rea-compo .detail-produit-bck .ajouter-config10 {

left: 2%;

}

   .filtre-conf .filtre-conf {
color: black;
font-family: 'Montserrat', sans-serif;
display: inline-block;
vertical-align: middle;
background: #a9a9a9;
text-align: center;
padding: 3px 20px 9px;
text-transform: uppercase;
font-size: 12px;
margin-top: 2px;
font-weight: 600;
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: 15px;
height: 282px;
}

    .plop-gamer .mobile-image .mode-list1 .titre-conf-inte {
    color:black;
    }


.mobile-image .mode-list1 .titre-conf-inte {
font-size: 10px;

text-transform: uppercase;
color: white;
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: 35px;
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: 12px;
font-family: 'Montserrat', sans-serif;
padding: 0 4px;
line-height: 12px;
display: block;
left: 50%;
width: 66px;
text-align: center;
border-radius: 10px;
font-weight: bold;
}

.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: 14px;
width: 115px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
padding-top: 28px;
font-weight: bold;
text-align: center;
padding-left: 0;
line-height: 13px;
color:black;
}


   .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:black;
}

.mode-list1 .titre-conf-inte span {
 display:block;
 color:black;
}

.mobile-image .mode-list1 .titre-conf-inte span {
 display:block;
 color:white;
}

.plop-gamer .mobile-image .mode-list1 .titre-conf-inte span {
    display: block;
    color: black;
}

.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: 15px;
height: 282px;
}

    .plop-gamer.novice .mode-list1 .titre-conf-inte {
    color:black;
    }

.novice .mode-list1 .titre-conf-inte {
font-size: 10px;

text-transform: uppercase;
color: white;
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: 35px;
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: black;
    width: 300px;
    height: 38px;
    background-size: 300px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 5000;
    left: 0;
    background: green !important;
    color: white !important;
}

.plop-gamer .valider-config.sauvergade-config {
    position: static;
    top: 10px;
    background: #20a75f !important;
    color: black;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    z-index: 5000;
    transform: translateX(0%);
    cursor: pointer;
    font-size: 14px;
    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: 12px;
font-family: 'Montserrat', sans-serif;
padding: 0 4px;
line-height: 12px;
display: block;
left: 50%;
width: 66px;
text-align: center;
border-radius: 10px;
font-weight: bold;
}

.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: 14px;
width: 115px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
padding-top: 28px;
font-weight: bold;
text-align: center;
padding-left: 0;
line-height: 13px;
color:black;
}

.detail-produit-bck .choix-bureau .bureau-conf {
top: 50%;
transform: translateY(-50%);
width: 104px;
position: absolute;
left: 10px;
}

.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: 12px !important;
}

.novice .mode-list1 .price-conf-inte {
    font-size: 12px;
}

}
