﻿/* FONTS */

@font-face {
font-family: "Eraser";
src: url(../fonts/Eraser.woff);
}

.config-content {
width:890px;
float:left;
}

.recap-conf {
width:370px;
float:right;
position:relative;
z-index:10;
}

.choix-bureau .relative-bureau-2 .bureau-conf.anim7 {

height: auto;
width: 0;
}


.head-config img {
width: 50px;
}

.recap-conf.masquer-recap .recap-produit-conf  {
display:none;
}

.recap-conf.masquer-recap:hover .recap-produit-conf  {
display:block;
}



.config-all .head-config img {
width: 100% !important;
}

.head-config h1 {
color: black;
text-transform: uppercase;
font-size: 40px;
font-weight:900;
text-align:center;
}

.head-config {
margin-top:25px;
text-align:center;
}

   .txt-option-config .head-config p {
     text-align:center;
     text-align-last:center;
     font-size: 18.3px;
    }


.txt-fil-config {
color: black;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
position: relative;
line-height:25px;
}

.recap-conf .txt-fil-config{
 height:auto;
}

.txt-fil-config span{
text-transform:uppercase;
}

.chiffre-fil {
font-family: "DINPro-Bold";
color: #ffcf00;
float: left;
font-size: 40px;
margin-top: 0;
line-height: 38px;
margin-left: 10px;
}

.recap-conf .content-fil-config {
background:black;
}

.recap-conf.masquer-recap .content-fil-config{
background:black url(../landing-pages/images/configurateur/filte-fleche-w.png) no-repeat 72% center;
}

.img-fil-config {
background: #ffcf00;
float: left;
margin: 0 6px 0 2px;
padding: 0 5px;
line-height: 38px;
}

.fil-ariane-config li {

}

.img-fil-config img {
vertical-align:middle;
max-height: 30px;
max-width: 26px;
}

.fil-ariane-config ul {
position: relative;
background:
white;
border: 1px solid
black;
box-sizing: border-box;
overflow: hidden;
border-radius: 5px;
}

.fil-ariane-config ul::before {
position: absolute;
width: 90%;
height: 3px;
background: #a9a9a9;
display: block;
right: 0px;
content: "";
z-index: 1;
}

.fil-ariane-config li {
text-align:center;
width: 25%;
font-weight:bold;
float: left;
position:relative;
}

.fil-ariane-config li:hover .chiffre-fil{
color:#558ea8;
}

.fil-ariane-config li::after {
content:'';
display:block;
left:100%;
position:absolute;
background:url(/images_produits/grosbill/configurateur/sep-noir-fil-2.png) no-repeat center;
width:5px;
height:25px;
top:0;
z-index: 1;
}

.fil-ariane-config li:first-child:after {
background:url(/images_produits/grosbill/configurateur/sep-noir-fil-3.png) no-repeat center;
transform: translateX(-50%);
}

.ajout-conf {
font-size:14px;
}

.modif-conf {
font-size:14px;
}

.fil-ariane-config li:first-child {
    background: black;
}

.fil-ariane-config li:nth-child(2){
    background: black;
}

.fil-ariane-config li:nth-child(2) .txt-fil-config {
    color:white;
    }

    .fil-ariane-config li:first-child .txt-fil-config {
    color:white;
    }

.fil-ariane-config li:nth-child(2)::after {

    background: url(/images_produits/grosbill/configurateur/sep-noir-fil.png) no-repeat center;

}

.options .fil-ariane-config li:nth-child(3) .txt-fil-config {
    color:white;
    }

.options .fil-ariane-config li:nth-child(3){
    background: black;
}

.recap-configurateur .fil-ariane-config {
margin-top:0;
}

.recap-configurateur .fil-ariane-config li:nth-child(4){
    background: black;
}

.recap-configurateur .fil-ariane-config li:nth-child(4) .txt-fil-config {
    color: 
    white;
}

.recap-configurateur.options  .fil-ariane-config li:nth-child(3)::after {
    background: url(/images_produits/grosbill/configurateur/sep-noir-fil-3.png) no-repeat center;
}

.options .fil-ariane-config li:nth-child(3)::after {
    background: url(/images_produits/grosbill/configurateur/sep-noir-fil.png) no-repeat center;
}

.options .fil-ariane-config li:nth-child(2):after {
background:url(/images_produits/grosbill/configurateur/sep-noir-fil-3.png) no-repeat center;
} 


.p1-config ul .img-fil-config{
background: #a9a9a9;
}


.p1-config ul li:hover .chiffre-fil {
color:#558ea8;
}

.p1-config ul li:hover .img-fil-config {
background: #558ea8;
}

.config-all li:hover .img-fil-config {
background: #558ea8;
}

.p1-config ul .chiffre-fil{
color: #a9a9a9;
}

.fil-ariane-config li.recap-conf :hover .chiffre-fil {
background: black;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
z-index: 6;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
opacity: .7;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: 1;
}

.config-all ul li:last-child:hover .img-fil-config {
background: #ffcf00;
}

.config-all.options li:nth-child(2) .chiffre-fil {
color:#558ea8;
}

.config-all.options li:nth-child(2) .img-fil-config{
background:#558ea8;
}

.config-all.options.recap-configurateur li:nth-child(3) .chiffre-fil {
color:#558ea8;
}

.config-all.options.recap-configurateur li:nth-child(3) .img-fil-config{
background:#558ea8;
}

.p1-config ul li:first-child .img-fil-config{
background: #ffcf00;
}

.p1-config ul li:first-child .chiffre-fil{
color: #ffcf00;
}

.p1-config ul li:nth-child(5) .img-fil-config {
background:none;
}

.fil-ariane-config li:nth-child(2) .content-fil-config {
}

.fil-ariane-config li:nth-child(3) .content-fil-config {
}

.fil-ariane-config li:nth-child(4) .content-fil-config {
}

.config-avance-bureau .fil-ariane-config ul::before {
display:none !important;
}

.config-avance-bureau .fil-ariane-config ul::after {
display:none !important;
}

.fil-ariane-config{
margin-top:15px;
}

.txt-option-config {
margin: 0 auto;
text-align: left;
}

.txt-option-config p {
font-size: 12px;
text-align: justify;
text-align-last: left;
font-family: 'Montserrat', sans-serif;
color: black;
line-height: 14px;
font-weight:500;
}

.choix-bureau-game .txt-option-config .titre-config {
color:black;
font-size:16px;
text-transform:uppercase;

margin-bottom:10px;
border-bottom:1px solid black;
display:inline-block;
padding-bottom:5px;
margin-top:0px;
line-height:18px;
border-top:none;
text-align-last: left;
}

.txt-option-config .titre-config {
    color: #558ea8;
    font-size: 18px;
    text-transform: uppercase;
    
    margin-bottom: 10px;
    border-top: 2px solid #558ea8;
    display: inline-block;
    padding-top: 5px;
    margin-top: 10px;
    line-height: 18px;
}

.choix-bureau-game li{
display:inline-block;
width:410px;
margin: 50px 0;
position:relative;
cursor:pointer;
}

.choix-du-config1 .global-bt {
position:absolute;
height:0%;
top:50%;
transform:translateY(-50%);
left:0;
width:100%;
z-index:10;
overflow:hidden;
transition:all 0.5s;
}

    .hexagon-home:hover  .global-bt{
    height:100%;
    }

        .hexagon-home:hover .global-bt a div {
        opacity:1;
        }

         .hexagon-home .global-bt a div {
        opacity:0;
        transition:all 1.5s;
        }

.choix-du-config1 .global-bt a:first-child {
     background:rgba(255,255,255,0.8);
    color:black;
    font-size:28px;
    font-weight:bold;
    line-height:50%;
    display:block;
    height: 50%;
position: relative;
width: 100%;
text-transform: uppercase;
transition:all 0.5s;
}

.choix-du-config1 .global-bt a:first-child:hover {
background:rgba(255,255,255,1);
}


    .choix-du-config1 .global-bt a:first-child div  {
    color:black;
    }

    .choix-du-config1 .global-bt a div {
    text-transform:uppercase;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    z-index:11;
    }

.choix-du-config1 .global-bt a:last-child:hover {
  background:rgba(0,0,0,1);
}

.choix-du-config1 .global-bt a:last-child {
   background:rgba(0,0,0,0.8);
    font-size:28px;
    font-weight:bold;
    display:block;
    line-height:50%;
    height: 50%;
position: relative;
width: 100%;
text-transform: uppercase;
transition:all 0.5s;
}

    .choix-du-config1 .global-bt a:last-child div{
    color:white;
    }


.choix-bureau-game li:nth-child(2) {
margin:50px 25px;
}

.choix-du-config1 {
font-size:0;
text-align:center;
}

.choix-bureau-game .sep-home {
display: block;
height: 15px;
width: 15px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

.choix-bureau-game .sep-home-li {
width:15px;
cursor:default;
}

.choix-bureau-game {
margin:15px 0px 0;
}


.hexagon-home.bleu {

}

.hexagon-home.jaune {
}

.hexagon-home.fonce {

}


.choix-bureau-game .sep1{
position:absolute;
left: 31%;
}

.choix-bureau-game .sep2{
position:absolute;
left: 68%;
}

.hexagon-home .contenu h2 {

color: black;
font-size: 28px;
text-transform: uppercase;
line-height: 25px;
font-weight:900;
margin-bottom:15px;
}

.hexagon-home .contenu p {
    text-align: center;
    text-align-last: center;
    font-size: 12px;
    margin: 10px 15px;
    overflow: hidden;
    line-height: 16px;
    height: 48px;
}

.hexagon-home .contenu {
box-sizing:border-box;
border:1px solid #c2c2c2;
background:white;
padding-top:110px;
margin-top:-110px;
}

.config-mid {
width:100%;
height:340px;
background: black;
background-size:contain;
margin-top: 6px;
overflow:hidden;
position:relative
}

.config-mid .gaming-page {
background:none !important;
}

.config-mid .titre-mid{
text-transform: uppercase;
font-size: 16px;
color:white;
font-weight: bold;
}

.contenu-marg {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
}

.contenu-marg .titre-mid {
display: inline-block;
text-align: center;
padding: 8px 30px;
margin-bottom: 15px;
}

.contenu-marg {
text-align:center;

}
.contenu-marg .gaming-page section article {
margin-bottom:0;
}

.contenu-marg .carac-gaming-courte, .contenu-marg  .exlu-internet {
text-align:left;
}

.foot-config-l {
display:inline-block;
vertical-align:middle;
width: 34%;
}


.foot-config-l img {
width:90%;
}

.foot-config-r {
width: 66%;
margin-bottom: 40px;
display:inline-block;
vertical-align:middle;
background:white;
border:1px solid #c2c2c2;
box-sizing:border-box;
padding:15px;
}

.referencement-config {
clear:both;
}

    .referencement-config .titre-text-config:first-child {
    margin-top:0;
    }

.text-ref {
display:inline-block;
vertical-align:middle;
box-sizing:border-box;
padding:15px;
width: 75%;
background:white;
border:1px solid #c2c2c2;
}

.foot-config-rr {
    display:inline-block;
    vertical-align:middle;
    width: 25%;
    text-align-last:center;
    text-align:center;
}

.referencement-config .titre-text-config {
color: black;
font-size: 30px;
margin-bottom: 15px;
text-transform: uppercase;
padding-top: 5px;
margin-top:20px;
font-weight:900;
display: inline-block;
}

.foot-config-r .titre-text-config{
color:black;
font-weight:900;
font-size:30px;
margin-bottom:20px;
text-transform:uppercase;
line-height:30px;
}

.foot-config-r p {
font-size:12px;
line-height: 18px;
}

.foot-config-r a {
display: inline-block;
background: #ffcf00 url(../landing-pages/images/configurateur/computer-1.png) no-repeat 35px center;
padding: 10px 40px 10px 80px;

color: black;
margin-top: 20px;
font-size: 19px;
}

.referencement-config {
    border-top: 1px dashed #d6d6d6;
    padding-top: 40px;
}

.foot-config-r a:hover {
background: #ffd933 url(../landing-pages/images/configurateur/computer-1.png) no-repeat 35px center;
}

.referencement-config {
text-align:justify;
text-align-last:left;
font-size:0px;
margin-bottom:20px;
line-height:14px;
overflow:hidden;
}

    .referencement-config p {
    font-size:12px;
    }

.foot-config {
margin-top: 10px;
font-size: 0;
}

.list-jaune .list-1-choix {
background:url(../landing-pages/images/configurateur/gaming-list-b-1.png) no-repeat center;
}

.list-jaune .list-2-choix {
background:url(../landing-pages/images/configurateur/gaming-list-f-2.png) no-repeat center;
}

.list-bleu .list-1-choix {
background:url(../landing-pages/images/configurateur/gaming-list-j-1.png) no-repeat center;
}

.list-bleu .list-2-choix {
background:url(../landing-pages/images/configurateur/gaming-list-f-2.png) no-repeat center;
}

.list-fonce .list-1-choix {
background:url(../landing-pages/images/configurateur/gaming-list-j-1.png) no-repeat center;
}

.list-fonce .list-2-choix {
background:url(../landing-pages/images/configurateur/gaming-list-b-2.png) no-repeat center;
}

.list-1-choix {
margin-bottom:45px;
}

.choix-bureau-game .global-list .choix-configu{
width:100%;
height:87px;
background-size: 100%;
position:relative;
}

.choix-bureau-game .mode-list {
width:801px;
}

.txt-list-choix {
font-size:12px;
}

.titre-list-choix {
font-size: 14px;

display: inline-block;
border-bottom: 2px solid black;
padding-bottom: 3px;
margin-bottom: 10px;
text-transform:uppercase;
}

.position-choix {
position: absolute;
left: 142px;
top: 42%;
transform: translateY(-50%);
width: 75%;
}

.global-list {
position: absolute;
top: 50%;
transform: translateY(-50%);
width:100%;
}

.hexagon-home, .choix-configu {
transition:transform 0.2s;
}



.choix-du-config .hexagon-home:hover {
transform:none;
}

.choix-du-config .hexagon-home {
cursor:default;
}

.sep3 {
display:none;
}

.choix-du-config {
clear: both;
position:relative;
}

.choix-du-config1 .retour-choix {
background: url(../landing-pages/images/configurateur/croix-ferme.png) no-repeat;
position:absolute;
top:0;
left:0;
height:32px;
cursor:pointer;
width:32px;
z-index: 3;

}

.choix-bureau-game .mode-list {
opacity:0;
position: absolute;
right: -8000px;
z-index:1;
}

.choix-bureau-game .mode-list.anim-fadein {
width:801px;
z-index:3;
display:block;
right:0;
}



.mode-list.anim-fadein {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}



.choix-du-config1 .retour-choix {
display:none;
}

.choix-du-config1.choix-du-config .choix-2 {
display:block;
}

.choix-du-config1.choix-du-config2 .choix-1 {
display:block;
}

.choix-du-config1.choix-du-config3 .choix-3 {
display:block;
}


.choix-du-config1 .hexagon-home.anim5 {

}

.choix-du-config1 .sep-home-li.anim6 {

}

.mode-list.anim-fadeout {
-webkit-animation-name: anim-fadeout;
animation-name: anim-fadeout;
animation-duration:0.5s;
animation-fill-mode:both;
}

.choix-du-config1 .hexagon-home.right-anim {
-webkit-animation-name: right-anim;
animation-name: right-anim;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}

.right-anim-hexa{
-webkit-animation-name: right-anim-hexa;
animation-name: right-anim-hexa;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}


.anim-fadein {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}

.choix-du-config3 .sep3{
display:block;
}

.choix-bureau-game .sep3 {
position: absolute;
left: 120%;
}


.config-all .head-config {
background:none;
margin-top:0;
}

.config-all.recap-configurateur  .foot-config {
margin-top: 50px;
}

.config-all .chiffre-fil {
color: #a9a9a9;
}

.config-all .fil-ariane-config li:nth-child(3), .config-all .fil-ariane-config li:nth-child(4) {
cursor:initial;
}

.config-all li:nth-child(3):hover .chiffre-fil, .config-all li:nth-child(4):hover .chiffre-fil {
color: #a9a9a9;
}

.config-all li:nth-child(3):hover .img-fil-config, .config-all li:nth-child(4):hover .img-fil-config {
background: #a9a9a9;
}

.p1-config .fil-ariane-config li:nth-child(2), .p1-config .fil-ariane-config li:nth-child(3), .p1-config .fil-ariane-config li:nth-child(4) {
cursor:initial;
}

.p1-config li:nth-child(2):hover .chiffre-fil, .p1-config li:nth-child(3):hover .chiffre-fil, .p1-config li:nth-child(4):hover .chiffre-fil {
color: #a9a9a9;
}

.p1-config li:nth-child(2):hover .img-fil-config, .p1-config li:nth-child(3):hover .img-fil-config, .p1-config li:nth-child(4):hover .img-fil-config {
background: #a9a9a9;
}

.config-all.options .fil-ariane-config li:nth-child(4) {
cursor: initial;
}


.config-all.recap-configurateur .fil-ariane-config li:nth-child(3), .config-all.recap-configurateur  .fil-ariane-config li:nth-child(4) {
cursor: pointer;
}


.config-all .img-fil-config {
background: #a9a9a9;
}

.config-all li:nth-child(2) .chiffre-fil {
color: #ffcf00;
}

.config-all li:nth-child(2) .img-fil-config {
background: #ffcf00;
}

.config-all  .fil-ariane-config li:nth-child(2) .content-fil-config {
}


.options .fil-ariane-config ul::before {
position: absolute;
width: 52%;
height: 3px;
background: #ffcf00;
display: block;
right: 495px;
content: "";
z-index: 2;
}

.config-all.options li:nth-child(4) .content-fil-config {
}

.config-all li:nth-child(4) .content-fil-config {
}


.options .fil-ariane-config ul::after {
position: absolute;
width: 90%;
height: 3px;
background: #a9a9a9;
display: block;
left: 10%;
content: "";
z-index: 1;
}


.config-all.options li:nth-child(3) .chiffre-fil {
color: #ffcf00;
}

.config-all.options li:nth-child(3) .img-fil-config {
background: #ffcf00;
}



.options.recap-configurateur .fil-ariane-config ul::after {
position: absolute;
width: 40%;
}

.config-all.options  .fil-ariane-config li:nth-child(3) .content-fil-config {
}

.config-all .fil-ariane-config li:nth-child(3) .content-fil-config {
}

.recap-configurateur.config-all ul li:nth-child(4) .img-fil-config {
background:#ffcf00;
}

.recap-configurateur.config-all ul li:nth-child(4) .chiffre-fil {
color:#ffcf00;
}

.recap-configurateur.options .fil-ariane-config ul::before {
position: absolute;
width: 98%;
height: 3px;
background: #ffcf00;
display: block;
right: 0;
content: "";
z-index: 2;
}

.detail-recap {
background: #242424 url(../landing-pages/images/configurateur/fleche-bot.png) no-repeat 186px center;
overflow: hidden;
display: block;
clear: both;
color: white;
line-height: 18px;
font-size: 14px;
text-transform: uppercase;
text-align: center;
padding-right: 20px;
font-weight: 500;
}

.sauvergade-config {
color:black;
text-transform: uppercase;
font-size: 12px;
text-align: center;
line-height: 20px;
margin: 10px 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;
}



.novice .appli-recap div:first-child {
background: white url(../landing-pages/images/configurateur/pro-1.png) no-repeat left center;
float: left;
color:black;
}

.appli-recap div:nth-child(2){
background: white url(../landing-pages/images/configurateur/partage-1.png) no-repeat left center;
}

.appli-recap div:last-child {
float:right;
color:white;
background: black url(../landing-pages/images/configurateur/vide.png) no-repeat left center;
}

.sauvergade-config:hover {

}

.choix-bureau .bureau-conf {
width: 20%;
float: left;
margin-bottom: 25px;
}

.choix-bureau .relative-bureau{
width:100%;
position:relative;
margin-top: 15px;
min-height:500px;
}

 .recap-conf .anim7.sauve-valide {
display:block;
}

.choix-bureau .bureau-conf.active-conf .content-choix {
cursor:pointer;
width: 100%;
height: 100%;
}

.choix-bureau .bureau-conf.active-conf.anim8 .content-choix {
cursor:default;
display: none;
}

.choix-bureau .absolute-content img {
max-height: 125px;
max-width: 125px;
width:125px;
margin: 0 auto;
}

.choix-bureau .absolute-content {
text-align:center;
height:233px;
}

    .choix-bureau .absolute-content .supprim-option img {
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:28px;
    }

.choix-bureau .absolute-content {
position:relative;
}

.choix-bureau .anim-repeat .absolute-content:after {
background: url(../landing-pages/images/configurateur/right-arrowright.gif) no-repeat center;
left: -25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
content: "";
display: block;
height: 25px;
width: 50px;
background-size: 50px;
}

.absolute-content img:nth-child(2){
display:none !important;
}

.options .absolute-content img:nth-child(2) {
display:block !important;
}

.options .active-confi .absolute-content img:nth-child(2) {
display:none !important;
}

.absolute-content img.img-choix-hover-1 {
display:none !important;
}

.titre-conf {
color: #828282;
font-size: 14px;
background:none; 
margin: 0 auto 15px;
text-transform: uppercase;
line-height: 25px;
height: 25px;
font-weight: 500;
text-align:center;
}

.modif-conf {
background:black;
font-weight:bold;
color:white;
cursor:pointer;
text-align:center;
height:30px;
line-height:30px;
width:90%;
text-transform:uppercase;
margin:10px auto 0;
display:none;
}

.ajout-conf {
background: white;
border:2px solid black;
text-transform:uppercase;
box-sizing:border-box;
font-weight:bold;
color:black;
cursor:pointer;
text-align:center;
height:30px;
line-height:30px;
width:90%;
margin:10px auto 0;
display:none;
}

.active-conf .anim-repeat .ajout-conf{
display:block;
}

.active-conf .anim-repeat .modif-conf {
display:none;
}

.active-conf .modif-conf {
display:block;
}

.active-conf .titre-conf {
color:black;
font-weight:bold;
}



.choix-bureau .sep-home {
display: block;
height: 10px;
width: 10px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

.choix-bureau .sep-home-li {
display:none;
}

.choix-bureau .boitier {
left:0;
top:0;
}

.choix-bureau .proc {
left:21.3%;
top:0;
}

.choix-bureau .carte-mere {
left:42.6%;
top:0;
}

.choix-bureau .memoire {
left:63.9%;
top:0;
}

.choix-bureau .carte-graph {
left:85%;
top:0;
}

.choix-bureau .ssd {
left:0;
top: 54%;
}

.choix-bureau .hdd {
left: 16.8%;
top: 54%;
}

.choix-bureau .alim{
left: 33.6%;
top: 54%;
}

.choix-bureau .venti {
left: 50.9%;
top: 54%;
}

.choix-bureau .hddssd {
left: 68%;
top: 54%;
}

.choix-bureau ul .li-sep-dernier .sep-home-li{
opacity:0;
}

.choix-bureau ul .li-sep-dernier.anim8 .sep-home-li{
opacity:1;
}


.configurateur .gaming-page section article {
width: 20%;
margin: 0 2% 0;
}

.configurateur  .carac-gaming .prix {
color:white;
}

.configurateur .contenu-marg .exlu-internet {
display:none;
}

.configurateur  .gaming-page section article {
border:1px solid white;
}

.configurateur  .gaming-page section article:nth-child(3n+1) {
margin-left: 10%;
}

.configurateur .gaming-page section article:nth-child(3n) {
margin-right: 10%;
}

.configurateur .carac-gaming {
float: right;
width: 55%;
}

.configurateur .contenu-marg .exlu-internet {
text-align:center;
}

.configurateur .carac-gaming-courte li:nth-child(3n) {
margin-right:0;
}

.configurateur .gaming-page .link-fiche h2 {
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 0.6vw;
font-weight: bold;
margin-bottom: 5%;
letter-spacing: 0.1vw;
text-shadow:none;
}

.configurateur .carac-gaming-courte li {
padding-left: 7%;
color: white;
line-height: 215%;
font-size: 0.5vw;
float: left;
width: 31%;
margin-right: 1%;
}

.titre-list-choix input{
font-weight:bold;
}

.configurateur .windows {
margin-top:0px;
}

.configurateur .image-config-gamer-pc .link-fiche .option-m {
position: absolute;
color: #ffcf00;
border-radius: 100%;
border: 1px solid #ffcf00;
background: black;
width: 35%;
height: 28%;
text-align: center;
top: 0;
font-size: 0.5vw;
text-transform: uppercase;
left: 0;
padding-top: 4%;
}

.configurateur .carac-gaming .prix.prixBarre::after {
width:37%;
}

.configurateur .contenu-marg .carac-gaming-courte {
clear:both;
}

.configurateur .image-config-gamer-pc {
float: left;
width: 44%;
position: relative;
}

.fil-ariane-config .recap-conf {
float:right;
cursor:pointer;
margin-right:0;
z-index: 6000;
width: 284px;
height: 42px;
}

.liblle-recap {
font-size: 12px;
float: left;
width: 210px;
white-space: nowrap;
overflow: hidden;
line-height: 30px;
}

.img-recap-conf {
float: left;
width: 30px;
margin-right: 5px;
margin-left:5px;
}

.recap-produit-conf .jassemble {
line-height:30px;
float:left;
font-size:12px;
}

.liblle-recap.ncut-txt{
    overflow: initial;
}

.recap-produit-conf .switch {
    width: 42px;
    height: 20px;
    background: #107200;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    float: right;
    border-radius: 16px;
    margin-left: 0;
    line-height: 30px;
    margin-top: 5px;
}

.recap-produit-conf .assemble {
font-size:12px;
float:left;
line-height:30px;
}

.fil-ariane-config .recap-conf span {
color:black;
}

.recap-produit-conf .montage-conf {
margin:8px 0;
}

.fil-ariane-config .recap-conf .content-fil-config {
background:#ffcf00;
margin-left:0;
position:relative;
}

.recap-conf .txt-fil-config p{
color:white;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
line-height: 40px;
}

.recap-conf .txt-fil-config span {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: bold;
text-decoration:none;
margin-top: 3px;
color:white;
display:none;
}

.novice .recap-conf .txt-fil-config span {
font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 3px;
}

.recap-conf .img-fil-config {
background: #ffcf00;
line-height: 24px;
}

ul .posi-option.pc-center.sauve-valide a {
display: block;
height: 210px;
width: 100%;
padding: 62px 0;
background:#ffcf00;
overflow: hidden;
box-sizing: border-box;
border-radius: 10px;
}

ul .posi-option.pc-center.sauve-valide a:hover {
background: #ffe266;
}


a:hover .recap-go.action {
background: #ffe266;
}

.recap-go:hover {
background:#282828;
}

ul .posi-option.pc-center.sauve-valide.passer-option:hover a {
background:#282828;
}

ul .posi-option.pc-center.sauve-valide.passer-option a{
background:black;
}

.recap-conf .chiffre-fil {
background:black;
color:#ffcf00;
font-size:20px;
height: 42px;
margin-top:0;
padding: 0 5px;
}

.recap-conf .chiffre-fil span{
color:#ffcf00;
display:block;
font-size: 12px;
position:relative;
font-weight:bold;
text-align:center;
line-height: 18px;
}

.recap-conf .chiffre-fil .etape-dessus {
border-bottom:2px solid #ffcf00;
}

.recap-conf .etap {
float: left;
text-transform: uppercase;
color: black;
font-weight: bold;
transform: rotate(-90deg);
margin-top: 15px;
margin-right: -16px;
font-size: 15px;
margin-left: 0;
position: absolute;
left: -10px;
font-size: 12px;
}
.config-choix {
clear: both;
position: relative;
z-index:4000;
}

.fil-ariane-config .recap-produit-conf ul::before {
display:none !important;
}

.fil-ariane-config .recap-produit-conf ul::after {
display:none !important;
}

.recap-produit-conf {
background:#eee;
width: 100%;
border: 1px solid black;
overflow: hidden;
box-sizing: border-box;
z-index: 4001;
position: relative;
}

.total-conf-recap {
background:#e4e4e4;
line-height:44px;
font-weight:bold;
text-transform:uppercase;
display:inline-block;
vertical-align:middle;
font-size:12px;
text-transform:uppercase;
text-align:center;
width:100%;
}



.total-conf-recap p{
text-transform:uppercase;
}

.total-conf-recap span {
vertical-align:middle;
font-size:22px;
color:#b90c0b;
}

.recap-conf:hover .recap-produit-conf{
display:block;
}

.recap-produit-conf ul{
overflow:hidden;
}

.dispo-conf {
border-radius: 100%;
width: 10px;
height: 10px;
background: green;
display: inline-block;
margin-right: 5px;
margin-left: 10px;
float: right;
margin-top: 10px;
}

.fil-ariane-config .recap-conf .prix-conf-recap {
color:#e53029;
}

.li-recap-conf {
clear:both;
overflow:hidden;
margin:8px 0;
}

.sep-recap-conf {
background:url(../landing-pages/images/configurateur/sep-recap.png) no-repeat center center;
height:13px;
width:100%;
}

.fil-ariane-config .recap-produit-conf li {
height: 24px;
float: none;
z-index: 2;
margin-right: 0px;
font-size: 14px;
line-height: 28px;
font-style: italic;
cursor: initial !important;
width: 100%;
}

.prix-conf-recap {
float: right;
margin-right: 10px;
font-weight: bold;
font-style: normal;
line-height: 30px;
width: 80px;
text-align: right;
}
.novice .prix-conf-recap {
    width: 120px;
}



.avance-choix {
width:1280px;
clear: both;
}

.choix-bureau .active-conf.click-conf {
top:50%;
transform:translateY(-50%);
left:0;
}

.filtre-conf li {
float: left;
margin-right: 5px;
}

.filtre-conf li .filtres-configurateur {
float: left;
}

.filtre-conf li .filtres-configurateur .titre-filtres{
border: 1px solid black;
float: left;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
padding-right: 20px;
line-height: 27px;
padding-left: 5px;
cursor: pointer;
background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 28px;
   font-weight: 600;
}

.filtre-conf {
font-size:0;
margin-bottom: 20px;
}



.filtre-conf .ul {
float:left;
}

.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 3px;
text-transform: uppercase;
font-size: 12px;
margin-top:2px;
font-weight:600;
height: 24px;
display: none;
margin-right: 12px;
}

.filtre-conf .tri-mos {
border: 1px solid black;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding-right: 0px;
line-height: 27px;
padding-left: 5px;
cursor: pointer;
background: black;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 27px;
position: relative;
margin-right: 0px;
margin-left: 24px;
float: right;
color: white;

}

.tri-mos .sactive{
display: none;
}

.filtre-conf .tri-mos:hover .mode-affich {
display: block;
}

.filtre-conf .tri-mos p {
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
color:white;
}

.configurateur .tarif-filtre {
line-height:29px;
margin-left: 25px;
cursor:pointer;
vertical-align:middle;
}

.configurateur .product_masked {
font-size: 13px;
text-transform: uppercase;
}

.filtre-conf .mode-affich {
background: white;
position: absolute;
top: 27px;
padding: 10px;
z-index: 3000;
font-size: 12px;
line-height: 20px;
min-width: 140px;
border: 1px solid grey;
right: -1px;
text-align:left;
}


.filtre-conf .liste-filtres-2 {
display: inline-block;
vertical-align: middle;
position:relative;
}

.filtre-conf .filtre-conf.filtre_on {
cursor:pointer;
background:#132643;
color:white;
display:block;
}

.filtre-conf .list {
color:white;
background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
}

.plop-gamer .filtre-conf .list-is-mobile,
.plop-gamer .filtre-conf .list {
    color: black;
    background: url(/images/mode-list.png) no-repeat 5px center;
}

.plop-gamer .filtre-conf .list:hover {
    color: black;
    background: url(/images/mode-list.png) no-repeat 5px center;
}

.anim8 .retour-choix {
display:inline-block;
z-index: 3000;
}

.retour-choix {
background:black url(../landing-pages/images/configurateur/retour.png) no-repeat 5px center;
cursor: pointer;
z-index: 3;
display: none;
padding-left: 20px;
color: white;
line-height: 25px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
padding-right: 10px;
}

.choix-bureau .relative-bureau-2 {
width:1280px;
}

.plop-gamer.novice .choix-bureau .relative-bureau-2 {
background:white;
}

.info-pc-puis {
display: inline-block;
vertical-align: middle;
width: 82%;
}

.choix-jeux-termine {
background: #ffcf00;
color:black;
text-align: center;
line-height: 40px;
font-size: 20px;
text-transform: uppercase;
z-index: 2000;
padding: 0 20px;
cursor: pointer;
font-weight: bold;
display: inline-block;
vertical-align: bottom;
margin-bottom: 15px;
margin-left:15px;
}

.avance-choix section {
clear:both;
}

.produit_sel::after {
position: absolute;
z-index: 10;
background: url(../landing-pages/images/configurateur/checked.png) no-repeat center center;
width: 60px;
height: 60px;
display: block;
content: "";
top: 50%;
background-size: 60px;
left: 50%;
transform: translate(-50%,-50%);
opacity: 1;
}

.produit_sel::before {
position: absolute;
z-index: 9;
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
display: block;
content: "";
top: 0px;
left: 0%;
opacity: 1;
}

.mode-liste .img-conf-list {
display: inline-block;
vertical-align: middle;
}

.mode-liste .titre-conf-inte {
display:inline-block;
vertical-align:middle;
width: 68%;
padding-left:10px;
}

.mode-liste .couleur-stock {
display:inline-block;
vertical-align:middle;
margin-top:0;
width:10%;
}

.mode-liste .price-conf-inte {
display:inline-block;
vertical-align:middle;
margin-top:0;
width:10%;
}

.mode-liste .mCSB_scrollTools {
display:none !important;
}

.mode-liste .prod-all-conf {
vertical-align:middle;
display:inline-block;
width: 90%;
}

.mode-liste .pop-up-detail {
display:inline-block;
vertical-align:middle;
margin-top:0;
text-align: center;
}

.novice .place-img-conf {
display:none;
}

.novice .ng-hide #Section4 .mode-list-conf li {
height: 290px;
}

.novice  .produit_sel::after {
    top:50%;
    transform: translate(-50%,-50%);
}

.novice #Section3 .titre-conf-inte {
line-height:14px;
font-size:12px;
}

.novice #Section3 .place-img-conf {
display:block;
}

.novice #Section3 .mode-list-conf li {
height:315px;
}

.mode-list1 .produit_sel::after {
position: absolute;
z-index: 10;
background: url(/images/checked.png) no-repeat center center;
width: 23px;
height: 23px;
display: block;
content: "";
top: 4px;
background-size: 23px;
left: 75%;
transform: translateX(-50%);
opacity: 0.8;
}

.tri-mos div div:hover {
color:#558ea8;
}

.tri-mos div {
cursor: pointer;
line-height: 26px;
display: block;
text-indent: 0;
padding-left: 34px;
text-transform: uppercase;
font-size: 10px;
font-weight:600;
padding-right:5px;
}

.tri-mos .list:hover {
background: url(/images/mode-list-h.png) no-repeat 5px center;
}

.filtre-conf .list.sactive {
 background: url(/images/mode-list-h.png) no-repeat 5px center;
}

.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:hover {
background: url(../landing-pages/images/configurateur/mode-mosa-w.png) no-repeat left center;
margin-right:5px;
color:white;
}

.plop-gamer .tri-mos .mos-is-mobile,
.plop-gamer .tri-mos .mos {
    color: black;
    background: url(../landing-pages/images/configurateur/mode-mosa.png) no-repeat left center;
}

.tri-mos {
line-height: 27px;
margin-left: 10px;
}

.tri-mos .mos:hover {
background: url(../landing-pages/images/configurateur/mode-mosab.png) no-repeat left center;
}

.tri-mos .mos.sactive {
background: url(../landing-pages/images/configurateur/mode-mosab.png) no-repeat left center;
}


.mode-mosa {
overflow:hidden;
clear:both;
}

.mode-mosa .mCustomScrollBox {
padding-top: 45px;
}


.mode-mosa li {

float:left;
width:249px;
position: relative;
text-align:center;
}


.mode-mosa li .titre-conf-inte span {
display: block;
height: 24px;
overflow: hidden;
}


  .plop-gamer  .mode-mosa li .supprim-option img {
border: 1px #ffcf00 solid;
border-radius: 100%;
}

.price-conf-inte {
color: black;
font-size: 22px;
font-weight: bold;
width: 100px;
margin: 10px auto 0;
background: rgba(255,255,255,0.5);
}

.mode-mosa li:nth-child(2n) {
}
.mode-mosa li {
cursor:pointer;
transition:all 0.5s;
}


.mode-mosa li .img-logo-conf {
display:none;
}

.pop-up-detail {
    position:relative;
    z-index:999;
width: 100px;
border: 1px solid black;
margin: 10px auto 0;
line-height: 25px;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
background:black;
color:white;
transition:all 0.5s;
}

    .pop-up-detail:hover {
    background:white;
    color:black;
    }


.mode-mosa li:last-child {
margin-right:0;
}

.mode-mosa .sous-titre-conf, .mode-mosa .couleur-stock {

}

.mode-list1 li .img-conf-list{
display:none;
}

.mode-list1 li {
    width: 1000px;
    height: 42px;
    position: relative;
    background: url(../landing-pages/images/configurateur/list-bleu-bureau-conf.png) no-repeat center;
        background-size: auto auto;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 0.5s;
    background-size: 100% 42px;
}

.mode-list1 li:hover {
transform:scale(1.02);
}

.mode-list1 {
clear:both;
margin-top: 0px;
height: 370px;
}

.mode-list1 img {
max-height: 26px;
max-width: 65px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
}

.mode-list1 .titre-conf-inte {
font-size:14px;

text-transform:uppercase;
color:black;
position:absolute;
top:50%;
transform:translateY(-50%);
left: 88px;
overflow:hidden;
width:650px;
white-space:nowrap;
}

.mode-list1 .titre-conf-inte span{
font-size:14px;

text-transform:uppercase;
color:black;
}

.mode-list1 .titre-conf-inte p{
font-size:12px;

text-transform:uppercase;
color:black;
white-space:nowrap;
}

.mode-list1 .price-conf-inte {
margin:0;
position:absolute;
top:50%;
transform:translateY(-50%);
background:none;
}

.mode-list1 .price-conf-inte {
margin: 0;
background: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
left: 90%;
display: block;
height: 22px;
}

#Section6 .mode-list1 .price-conf-inte {
left: 88%;
}

.mode-list1 .produit-selected-del .supprim-option {
display: block;
left: 98%;
top: 50%;
transform: translateY(-50%);
}

.mode-listmosa.mode-list1 li:nth-child(2n) .produit-selected-del .supprim-option {
display: block;
left: 98%;
top: 50%;
transform: translateY(-50%);
}

.mode-list1 .produit-selected-del .supprim-option::after {
display: none;
}

#Section7 .mode-list1 .price-conf-inte {
left: 88%;
}

.couleur-stock {
display: block;
border-radius: 100%;
right: 120px;
margin-top: 10px;
text-transform: uppercase;
font-size: 12px;
color:green;
font-weight: 600;
}

.mode-mosa .couleur-stock {

}

.mode-list1 .pop-up-detail {
cursor:pointer;
background:#558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform:uppercase;
font-size:14px;

color:white;
padding:0 10px;
line-height:30px;
right: 156px;
}





.mode-list1 .mCSB_container {
width:100%;
}

.mode-list1 .mCSB_scrollTools {
height:100%;
}

.mode-list1 .mCSB_scrollTools .mCSB_draggerRail {
margin:0 6px;
}

.mode-list1 .mCSB_scrollTools {
width: 12px;
}

.mode-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
right:-1px;
}

.mode-list1 .mCSB_scrollTools .mCSB_buttonDown {
background-position: -113px -20px;
}

.mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 1;
}

.mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(../landing-pages/images/configurateur/right-arrow.png);
background-position:0;
height:35px;
width:35px;
top:150px;
opacity: .9;
border: 1px solid white;
border-radius: 100%;
}

.mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft:hover {
opacity: 1;
}

.mode-mosa .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-image: url(../landing-pages/images/configurateur/left-arrow.png);
background-position:0;
height:35px;
width:35px;
top:150px;
border: 1px solid white;
border-radius: 100%;
}

.mode-list1 .compatible-1 {
display:none;
}

.mode-mosa .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 5px;
}

.global-conf {
opacity: 0;
right: 0px;
z-index: 1;
display:none !important;
width:1280px;
}

    .global-conf.fadeIn {
    display:block !important;
    }

.choix-bureau .relative-bureau-2 .bureau-conf {
margin-bottom: 15px;
margin-top: 5px;
float: none;
clear: both;
}

.bt-en-voir-plus {
text-align:center;
}

.mode-list-conf li{
display: inline-block;
width: 19%;
text-align: center;
box-sizing: border-box;
margin-bottom: 25px;
padding: 5px;
cursor: pointer;
position: relative;
vertical-align: middle;
border: 1px solid black;
background:white;
height: 335px;
margin-right:1.25%;
overflow:hidden;
}

.mode-liste .mode-list-conf li{
width: 100%;
text-align: left;
height: auto;
margin-bottom: 5px;
}

.titre-conf-inte .sous-titre-conf {
color:#a9a9a9;
font-weight:normal;
}

.mode-liste .mode-list-conf li img {
max-width:100px;
}

.mode-liste .place-img-conf {
display:none;
}



    .mode-list-conf li:hover .img-conf-list img {
    transform:scale(1.07);
    z-index:1;
    }
    .mode-list-conf li .img-conf-list img {
    transition:all 0.5s;
    }

    .mode-list-conf li:nth-child(5n) {
    margin-right:0;
    }

    .mode-list-conf li img {
    max-width:200px;
    transition:all 0.5s;
    }

    .mode-list-conf li .place-img-conf img {
    
    max-width:100px;
    max-height:32px;

    }

.place-img-conf{
background: rgba(255, 255, 255,0.8);
padding:2px 5px;
 left:0;
 position:absolute;
 transform:inherit;
    top:0;
    z-index:9;
}

.titre-conf-inte {
font-size: 12px;
font-weight: 600;
overflow: hidden;
line-height: 14px;
height: 24px;
position: relative;
z-index: 5;
padding:2px 0;
background:rgba(255,255,255,0.8);
}



#mCSB_1_container {
width:100% !important;
}


.global-conf.fadeIn {
right:0;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
z-index: 2000;
clear: both;
}



.global-conf.anim-fadeout {
-webkit-animation-name: anim-fadeout;
animation-name: anim-fadeout;
animation-duration:0.5s;
animation-fill-mode:both;
}




.non-oui {
position: absolute;
top: 68%;
left: 50%;
width:120px;
transform: translateX(-50%);
}

.non-oui div {
float: left;
background: #a9a9a9;
padding: 3px 5px;
text-transform: uppercase;

color: white;
font-size: 14px;
border:1px solid white;
}

.non-oui .choix-non {
float:right;
}

.active-conf .non-oui div {
cursor:pointer;
}

.active-conf .non-oui .choix-active {
background:#558ea8;
}

.active-conf .non-oui div:hover {
background:#558ea8;
}

.anim-repeat:hover {

}

.valid-compo {
background:#132643;
width:300px;
margin:0 auto;
color:white;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding:15px 0px;
margin-top:25px;
opacity:0;
}

.valid-compo:hover {
background: #132643 url(/images/hover-bouton.png) no-repeat left center;
}

.valid-compo.active-validation {
display:block;
}

.active-validation {
-webkit-animation-name: active-validation;
animation-name: active-validation;
animation-duration:0.5s;
animation-fill-mode:both;
animation-delay:0.6s;
}

.choix-bureau-option .choix-bureau{
margin-top: 25px;
position:relative;
width:100%;
}

ul .posi-option{
float: left;
width: 20%;
margin-bottom:20px;
}

.posi-option .pose{

}


ul .posi-option.pc-center {
height:196px;
width:170px;
z-index: 1000;
cursor:default;
}


.pc-center .absolute-content .titre-conf{
background:#558ea8;
text-align:center;
}

.pc-center .absolute-content img {
max-height: 110px;
max-width: 110px;
transform: translate(-50%,-50%);
position: absolute;
top: 55%;
left: 50%;
}


.periphe .titre-conf, .pack-clavier .titre-conf, .carte-son .titre-conf {
line-height: 14px;
}
.pack-clavier .titre-conf, .multifonction .titre-conf{
width: 128px;
}

.posi-option.anim8::after {
display:none;
}

.posi-option.anim8 .pose{
}

.posi-option {
cursor:pointer;
}

.posi-option.anim8 {
    cursor: default;

}

.posi-option.anim8 .pose{
    display: none;
}

.posi-option.anim8 .pose:hover {
transform:none;
}


.active-confi .titre-conf {
color:black;
font-weight:bold;
}



.select-barre::after {
-webkit-animation-name: select-barre;
animation-name: select-barre;
animation-duration:0.5s;
animation-delay:1.1s;
animation-fill-mode:both;
}



ul .posi-option.pc-center .absolute-content {

}


.recap-configurateur .config-choix {
width:100%;
float:left;
margin-bottom: 20px;
}

.recap-configurateur .txt-option-config {
width:100%;
margin-top: 20px;
margin-bottom: 20px;
}

.recap-configurateur .pose {
display: inline-block;
vertical-align: middle;
}

.recap-configurateur .pose img {
max-height: 44px;
max-width: 44px;
vertical-align: middle;
}

.recap-configurateur .sep-home-li {
display:none;
}


.plop-gamer li.recap-conf-li:nth-child(2n) {
background:#f3f3f3;
}

li.recap-conf-li:nth-child(2n) {
    background: white;
}

.recap-configurateur ul li:nth-child(2n) .sep-home-li {
margin-left: 17px;
}


.recap-configurateur .sep-home {
display: block;
height: 10px;
width: 10px;
background: #242424;
position: absolute;
top: 50%;
transform: rotate(-45deg);
}

.recap-configurateur .champ-recap img {
max-height: 26px;
max-width: 65px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
}

.recap-configurateur .champ-recap {
width: 832px;
height: 32px;
position: relative;
margin-bottom: 0px;
transition: all 0.5s;
display: inline-block;
vertical-align: middle;
}


.champ-recap .titre-conf-inte {
font-size: 14px;
height: 28px;
text-transform: uppercase;
color: black;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 88px;
overflow: hidden;
background:none;
width: 458px;
}

.champ-recap .titre-conf-inte span {
font-size: 10px;

text-transform: uppercase;
color: black;
}

.champ-recap .titre-conf-inte p {
font-size: 10px;

text-transform: uppercase;
color: black;
white-space: nowrap;
}

.champ-recap .couleur-stock {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: green;
display: block;
border-radius: 100%;
right: 120px;
margin-top: 0;
}

.champ-recap .price-conf-inte {
margin: 0;
background: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
left: 87%;
height: 22px;
}

.champ-recap .pop-up-detail {
cursor: pointer;
background: #558ea8;
position: absolute;
top: 50%;
transform: translateY(-50%);
text-transform: uppercase;
font-size: 14px;
margin-top: 0;
color: white;
padding: 0 10px;
line-height: 30px;
text-align: center;
right: 156px;
background:black;
color:white;
}

.recap-conf-li {
width: 100%;
overflow: hidden;
position: relative;
padding: 5px;
}

.config-choix .recap-conf-li {
}

.config-choix .recap-conf-li:nth-child(2n) .pose{
}

.panier-config {
position:fixed;
width:370px;
}

.panier-config .titre-recap{
color:white;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
line-height: 40px;
background:black;
}

.price-conf-total {
border:1px solid #242424;
padding: 10px;
background: white;
overflow:hidden;
}

.price-conf {
color: #e53029;
font-size: 25px;
font-weight: bold;
float:left;
}

.img-total {
float:right;
line-height:25px;
}

.img-total a{
display:inline-block;
margin-left:10px;
}

.recap-configurateur .ajout-panier.ajout-fiche-produit {
font-size: 18px;
color: black;
text-transform: uppercase;
line-height: 35px;
height: 35px;
margin-top: 15px;
margin-bottom: 0;
cursor: pointer;
font-weight:bold;
}

.sep-recap {
display:block;
clear:both;
height:2px;
background:#242424;
margin:10px 0;
}

.panier-config .montage-conf p{
font-size: 12px;
float:left;
width: 136px;
}

.panier-config .carton-conf p {
    font-size: 12px;
    float: left;
    width: 136px;
}

.montage-conf {
overflow:hidden;
}

.relative-panier {
position:relative;
width: 370px;
float: right;
clear: both;
margin-top: 0px;
}

.switch 
{
width: 42px;
height: 20px;
background: #107200;
z-index: 0;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
position: relative;
float:right;
border-radius:16px;
margin-left: 88px;
}


.recap-configurateur .switch {
margin:0;
}

.switch::after{
content: ' ';
height: 18px;
width: 18px;
border-radius: 100%;
z-index: 2;
background: #FFFFFF;
position: absolute;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
top: 1px;
left: 1px;
}

.switchOn , .switchOn:before
{
background: #949494 !important;
}
.switchOn:after
{
left: 23px !important;
}

.montage-conf p span {
font-weight:bold;
font-size:13px;
}

.img-princ-conf {
position:relative;
width:238px;
height:92px;
margin:0 auto;
}

.img-princ-conf .img-bureautique{
background: rgba(255, 255, 255, 0.7);
position:absolute;
width:234px;
height:88px;
top:2px;
left:2px;
transition:background 0.5s;
}

.img-princ-conf .img-bureautique img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto;
}

.hexagon-home:hover .img-princ-conf .img-bureautique {
background: rgba(255, 255, 255, 0);
}

.jaune .img-princ-conf .img-bureautique {
background: rgba(0, 0, 0, 0.6);
}

.jaune.hexagon-home:hover .img-princ-conf .img-bureautique {
background: rgba(0, 0, 0, 0);
}


.novice .choix-bureau .proc{
left: 63.9%;
top: 0;
}

.novice .choix-bureau .boitier {
left: 42.6%;
top: 0;
}

.novice .choix-bureau .prix-configu {
left: 0;
top: 0;
}

.novice .choix-bureau .jeux-gamer {
top:0;
left: 21.3%;
}

.novice .choix-bureau .memoire {
    left: 85%;
    top: 0;
}

.novice .choix-bureau .carte-graph {
left: 0%;
top: 54%;
}

.prix-configurateur {
width: 120px;
border:1px solid #949494;
line-height:25px;
position: absolute;
top: 70px;
font-weight:bold;
color:black;
box-shadow:none;
transform: translateX(-50%);
left: 50%;
text-align:center;
}

.sep-1-jeux {
width:120px;
position:absolute;
transform: translateX(-50%);
left: 50%;
height:1px;
background:black;
top: 108px;
}

.util-logi {
font-size: 12px;
position: absolute;
transform: translateX(-50%);
left: 50%;
top: 23px;
color:
black;
width: 120px;
font-weight: 600;
background:
rgba(255,255,255,0.8);
padding: 5px 0;
}

.choix-bureau .jeux-gamer .absolute-content img {
    top: 69%;
}

.novice .mode-mosa li img {
max-width: 140px !important;
max-height: 140px !important;
}


.novice .choix-proc .mode-mosa  img {
max-width: 120px;
max-height: 120px;
margin-top:9px;
}

.text-auto {
font-size: 14px;

font-style: italic;
text-transform: uppercase;
}


.text-auto span{
font-size: 20px;

font-style: italic;
text-transform: uppercase;
display:block;
}

.novice .mode-mosa .auto-choix img {
width: 144px;
margin-top: 4px;
margin-bottom: 10px;
}

.novice .choix-memoire .mode-mosa li.auto-choix img {
position: relative;
transform: none;
top: 0;
left: 0;
margin-top: 20px;
}

.novice .choix-memoire .mode-mosa li img {
max-width: 100px;
max-height: 100px;
margin-top: 9px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.novice .choix-bureau .ssd {
left: 21.3%;
top: 54%;
}

.novice  .choix-bureau .hddssd {
left: 63.9%;
top: 54%;
}

.novice  .choix-bureau .hdd {
left: 42.6%;
top: 54%;
}

.novice .choix-prix-configu .mode-mosa li img {
max-width: 130px;
max-height: 130px;
margin-top: 5px;
width: auto;
}

.novice .choix-ssd .mode-mosa li img {
max-width: 100px;
max-height: 100px;
margin-top: 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.novice .choix-hdd .mode-mosa li img {
max-width: 100px;
max-height: 100px;
margin-top: 6px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}


.active-confi .modif-conf {
display:block;
}

.recap-go {
text-transform: uppercase;
color: black;
font-weight: bold;
display: none;
line-height: 18px;
font-size: 18px;
text-align: center;
width: auto;
background:black;
clear: both;
color: white;
margin: 0 5px;
    margin-bottom: 0px;
line-height: 35px;
margin-bottom: 5px;
}

.recap-go.action {
display:block;
background:#ffcf00;
color:black;
}

.sauvegarde {
position: absolute;
font-size: 10px;
color: white;
width: 162px;
border: 1px solid #fff;
top: 52%;
text-transform: uppercase;
left: 50%;
transform: translateX(-50%);
line-height: 20px;
}

.couleur-dispo::before {
content:"";
display:inline-block;
width: 12px;
height: 12px;
background: green;
display: block;
border-radius: 100%;
float:left;
position:absolute;
left:5px;
top:50%;
transform:translateY(-50%);
}

.dispo-recap-config {
position:relative;
margin-top:10px;
height: 24px;
}

.couleur-dispo.rouge::after {
background: red;
}

.couleur-dispo p {
font-size: 13px;
float:left;
padding-left:20px;
}

.couleur-dispo p span {
font-weight:bold;
}

.sauvegarde-recap img{
width:18px;
}

.sauvegarde-recap {
position: absolute;
bottom: 0;
right: -100px;
}

.sauvegarde-recap img:first-child{
margin-right: 10px;
}

.configurateur .noUi-target {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #242424;
    box-shadow: none;
    width: 130px;
    margin: 1px auto;
    margin-bottom: 0px;
}
.configurateur #dv_prix {
margin: 5px 0 0 10px;
vertical-align:middle;
display:inline-block;
}

.supp-option {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 16px;
cursor:pointer;
}

.supprim-option{
position: absolute;
top: 0px;
right: 0px;
z-index: 12;
display:none;
}

.couleur-dispo {
overflow: hidden;
position: relative;
}


.choix-du-config1 .hexagon-home.anim5 {
    -webkit-animation-name: anim5;
    animation-name: anim5;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.choix-bureau-option .anim8 .supprim-option {
display:none;
}
.choix-du-config1 .hexagon-home.anim5 {
-webkit-animation-name: anim5;
animation-name: anim5;
animation-duration:0.5s;
animation-fill-mode:both;
}

.choix-du-config1 .sep-home-li.anim6 {
-webkit-animation-name: anim6;
animation-name: anim6;
animation-duration:0.5s;
animation-fill-mode:both;
}

.mode-list.anim-fadeout {
-webkit-animation-name: anim-fadeout;
animation-name: anim-fadeout;
animation-duration:0.5s;
animation-fill-mode:both;
}

.choix-du-config1 .hexagon-home.right-anim {
-webkit-animation-name: right-anim;
animation-name: right-anim;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}

.right-anim-hexa{
-webkit-animation-name: right-anim-hexa;
animation-name: right-anim-hexa;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}


.anim-fadein {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-duration:0.5s;
animation-delay:0.6s;
animation-fill-mode:both;
}

.anim2 {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.hddssd .titre-conf{
line-height: 14px;
}

.active-confi .supprim-option {
display:block;
}

.supprim-option img {
width: 28px;
}

.configurateur .mCSB_scrollTools {
opacity:1;
}

.posi-option div{
z-index:2;
}

.posi-novice {
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 16px;
}

ul .pc-center.posi-novice {
right: 0;
background: url(../landing-pages/images/configurateur/pc-center-option-v-f.png) no-repeat center;
transition: all 0.5s;
width: 170px;
height: 196px;
top: 77%;
}

.choix-bureau .posi-novice .absolute-content {

position: absolute;
width: 170px;
height: 196px;
right: 0;
top: 0;
text-align: center;
}

.price-conf-3x {
font-size: 10px;
font-weight: normal;
color: black;
text-align:center
}


.price-conf-3x span {
color:#e53029;
font-weight:bold;
font-size:16px;
}

.img-total a:first-child {
margin-left:0;
}

.sauvergarder-conf {
background:#242424;
color:white;
text-transform:uppercase;
font-size:12px;
text-align:center;
margin:5px 0;
line-height:20px;
cursor:pointer;
}

.vider-conf {
text-align: center;
text-transform: uppercase;
font-size: 10px;
cursor: pointer;
line-height: 16px;
border: 1px solid white;
color: #242424;
}

.sauvergarder-conf:hover {
background:#505050;

}

.vider-conf:hover {
border: 1px solid #242424;
}

.txt-list-choix input {
background: none;
display: block;
height: 30px;
text-align: left;
white-space: pre-wrap;   /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;  /* Opera 4-6 */
 white-space: -o-pre-wrap;/* Opera 7 */
 word-wrap: break-word;   /* Internet Explorer 5.5+ */
cursor:pointer;
height: 13px;
}

.detail-produit {
display:none;
}

.detail-produit.ng-scope {
position: fixed;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
z-index: 9999;
display:block;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
-webkit-filter: blur(0);
}

.background-shadow {
background: rgba(0,0,0,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9998;
}

.detail-produit-bck {
background: white;
width: 820px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding:0px;
}

.detail-produit-bck .close{
position: absolute;
top: -18px;
right: -18px;
background-image: url(fancybox_sprite.png);
text-indent: -4000px;
cursor: pointer;
height: 36px;
width: 36px;
}

.detail-produit-bck .titre {
color:white;
line-height: 35px;
text-transform: uppercase;
font-size: 15px;
text-align: center;
height: 35px;
font-weight: bold;
width: 100%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
background:black;
}

.detail-produit-bck .image {
width: 38%;
float:left;
margin-left: 0px;
}

.detail-produit-bck .image img {
width: auto;
max-height: 306px;
margin: 0 auto;
}

.detail-produit-bck .right-conf {
width: 62%;
float: right;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
}

   .login-cfg .detail-produit-bck .right-conf {
    width:100%;
    float:none;
    }

.mCSB_container {
width: 100% !important;
}

.choix-bureau .anim-repeat.alerte .absolute-content::after {
    left: 20px;
}

.detail-produit-bck .productParameterGroupsFirst h3 {
font-weight: bold;
width: 225px;
margin-bottom: 10px;
text-transform:uppercase;
}

.detail-produit-bck .spec td {
font-size:12px;
}

.bt-en-voir-plus div{
font-size: 14px;
width: 115px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat center top;
padding-top: 30px;
font-weight: bold;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
}

.choix-bureau .relative-bureau-2 .bureau-conf.anim7 .content-choix {
display:none;
}




.detail-produit-bck .prix{
color: #e53029;
font-weight: bold;
font-size: 32px;
margin-top: 15px;
}

.detail-produit-bck .ajouter-config {
background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
border: 1px solid #ffcf00;
transition: background .5s,color .5s;
text-transform: uppercase;
color: #242424;
padding: 0 20px;
cursor: pointer;
font-weight: 600;
line-height: 38px;
width: 35%;
text-align: center;
transition: all 0s;
font-size: 14px;
float: left;
margin-top: 20px;
clear: both;
}

.detail-produit-bck .ajouter-config span {
text-transform:uppercase;
font-size: 13px;
}

.detail-produit-bck .ajouter-config:hover {
background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.detail-produit-bck .spec div span:first-child {
font-weight:bold;
}

.mode-list1 .bt-en-voir-plus div {
top: 50%;
left: 0%;
position: absolute;
transform: translateY(-50%);
font-size: 14px;
width: 300px;
text-transform: uppercase;
background: url(../landing-pages/images/configurateur/croix-plus.png) no-repeat 28px top;
font-weight: bold;
padding-left: 9%;
text-align: left;
padding-top: 0;
height: 25px;
line-height: 25px;
color: #558ea8;
}



.recap-configurateur .place-img-conf {
width: 75px;
background:none;
height: 32px;
}

.filtre-conf ul li:last-child {
margin-right:10px;
}

.filtre-conf ul {
display:inline-block;
vertical-align:middle;
position:relative;
}

.avoir-plus-dinfo a{
display: block;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
width: auto;
padding-bottom: 3px;
text-transform: uppercase;
border: 1px solid black;
line-height: 20px;
padding: 0 5px;
width: 242px;
font-size: 12px;
text-align: center;
background:black;
color:white;
transition:all 0.5s;
}

.avoir-plus-dinfo a:hover {
background:white;
color:black;
}

.ram-capa {
position: absolute;
left: 42px;
font-weight: bold;
top: 172px;
font-size: 18px;
background:black;
padding: 2px 5px;
color:white;
line-height: 24px;
z-index: 8;
border: 1px solid black;

}

.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-liste .mode-list-conf  .bt-en-voir-plus {
    height:70px;
}

.mode-list1 .ram-capa {
position: absolute;
left: 63%;
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 .ram-nb {
right: 30%;
top: 49%;
z-index: 2;
background: #132643;
transform: translate(50%,-50%);
text-align: center;
}

.ram-nb {
position: absolute;
right: 42px;
font-weight: bold;
top: 172px;
font-size: 18px;
background:white;
padding: 2px 5px;
color:black;
line-height: 12px;
border: 1px solid;
box-sizing: border-box;
z-index: 8;
}

.ram-nb span:last-child{
display:block;
font-size:12px; 
font-weight:normal;  
}

.ram-nb span:last-child span {
display:inline-block;
}

.ram-nb span span {
display:inline-block;
}

#Section4 .mode-mosa li .img-conf-list {
margin-top:14px;
}

.novice #Section4 .mode-mosa li .img-conf-list {
margin-top:5px;
}

.config-all .config-mid {
width: 100%;
height: 340px;
background: #242424;
background-size: cover;
margin-top: 6px;
overflow: hidden;
position: relative;
}

.filtres-configurateur .liste-filtres {
background: white;
position: absolute;
top: 34px;
padding: 10px;
z-index: 9999;
font-size: 12px;
line-height: 20px;
min-width: 140px;
border: 1px solid black;
}

.filtres-configurateur .liste-filtres div label{
cursor:pointer;
}

.filtres-configurateur .liste-filtres div input{
cursor:pointer;
}


.filtres-configurateur .valider {
background:black;
text-align:center;
font-size:14px;
color:white;
text-transform:uppercase;
margin-top:10px;
line-height:25px;
cursor:pointer;
}

.filtres-configurateur .valider:hover {
background:#282828;
}



.carac-gaming-courte .proc1 {
background:url(/images/img-gamer/proc-2.png) no-repeat left center;
background-size:17%;
}

.carac-gaming-courte .ram1 {
background:url(/images/img-gamer/ram-2.png) no-repeat left center;
background-size:17%;
}

.carac-gaming-courte .ssd1 {
background:url(/images/img-gamer/ssd-2.png) no-repeat left center;
background-size:17%;
}

.carac-gaming-courte .hdd1{
background:url(/images/img-gamer/hdd-2.png) no-repeat left center;
background-size:17%;
}

.carac-gaming-courte .cg1 {
background:url(/images/img-gamer/cg-2.png) no-repeat left center;
background-size:17%;
}

.carac-gaming-courte .windows1 {
background: url(/images/img-gamer/window2-2.png) no-repeat left center;
background-size: 17%;
}

.livraison-conf {
background: url(../landing-pages/images/configurateur/livraison.png) no-repeat left center;
padding-left: 28px;
background-size: 22px;
font-size: 13px;
margin-top: 8px;
font-weight:bold;
text-transform: uppercase;
}

.modifier-conf {
position: absolute;
top: 130px;

color: white;
font-size: 14px;
background: #132643;
width: 120px;
margin: 0 auto 15px;
text-transform: uppercase;
line-height: 25px;
transform: translateX(-50%);
left: 50%;
z-index: 1000;
display:none;
height: 25px;
}

.posi-option:hover .modifier-conf {
display:block;
}

.modifier-conf:hover {
background: #425169;
}

.img-fin-compo {
width: 30%;
float:left;
margin-left: 0%;
}

.img-fin-compo img {
width:100%;
}

.fin-compo {
width: 68%;
float: right;
margin-top: 30px;
margin-right: 2%;
}

.txt-fin-compo {
font-size: 14px;
padding-bottom: 4px;
border-bottom: 1px solid black;
margin-bottom: 15px;
font-weight: 800;
text-transform: uppercase;
}

.conf-bouton-compo {
clear: both;
width: 100%;
margin-bottom:10px;
overflow: hidden;
}

.conf-bouton-compo .modifier-confi{
float:left;
}

.conf-bouton-compo .ajouter-config{
float: right;
position: relative;
margin-right: 2%;
bottom: 0;
width: auto;
right: 0;
width: 230px;
line-height: 20px;
font-size: 14px;
clear: none;
margin-top: 0;
}

.modifier-confi {
width: auto;
background: black;
color: white;
text-align: center;
text-transform: uppercase;
line-height: 30px;
margin: 4px 0 4px 10%;
padding: 0 5px;
font-size: 13px;
cursor:pointer;
}

.modifier-confi:hover {
background: #242424;
}

.phrase-montage {
font-size: 12px;
text-align: right;
}

.phrase-montage span {
font-weight:bold;
font-size:16px;
}

.prix-deconfig {
color: #e53029;
font-weight: bold;
font-size: 26px;
float: right;
clear: both;
width: 100%;
text-align: right;
margin-bottom: 10px;
}

.modifier-confi span {
text-transform:uppercase;
line-height: 30px;
}

.prix-deconfig p span {
    font-size: 12px;
    display: block;
}

.partage-config .modifier-confi {
    position: absolute;
    bottom: 50px;
    left: 31%;
    width: 100px;
    text-align: center;
}

.prix-deconfig p {
font-size: 14px;
display: inline-block;
vertical-align: middle;
}

.fin-compo .switch {
margin-top: 5px;
}

.phrase-montage .garanti-montage {
font-size:12px;
font-weight:normal;
}

.slot {
font-size: 14px;
margin-top: 20px;
font-weight: bold;
}


.slot-1 {
border: 1px solid black;
float: left;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding-right: 20px;
line-height: 27px;
padding-left: 5px;
cursor: pointer;
background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 27px;
font-weight: 600;
width: 200px;
text-align: center;
margin-bottom:5px;
margin-top: 5px;
}

.disque-cfg .slot-1 {
width:108px;
}

.prix-calc {
display: block;
float: none;
clear: both;
margin-top: 5px;
font-size:14px;
font-weight:bold;
}

.prix-calc span{
color: #e53029;
font-weight: bold;
font-size: 20px;
}

.ajouter-config.slot-2 {
background: black;
color:white;
text-align: center;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
height: 35px;
border: 1px solid black;
line-height: 17px;
float:left;
}

.detail-produit-bck .ajouter-config.slot-3{
font-size: 14px;
line-height: 17px;
height: 35px;
float: right;
clear: none;
margin-right: 10px;
}

.detail-produit-bck .ajouter-config.slot-2:hover {
background: black url(/images/hover-bouton.png) no-repeat left center;
}

.background-shadow .loading {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
}

.filtres-configurateur .liste-filtres {
display:none;
}

.detail-produit-bck .spec div span {
font-size:12px;
}

.detail-produit-bck .spec div {
width: 320px;
line-height: 12px;
}

.choix-bureau .absolute-content img.img-choix-default {
max-width:125px;
max-height:125px;
width:125px;
vertical-align: middle;
}

.img-choix-hover-2 {
display:none !important;
}

.slot-4 {
width: 290px;
color: red;
font-size: 12px;
margin-top: 5px;
}

.valider-config {
position: absolute;
background: #ffcf00;
color: black;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 30px;
z-index: 5000;
transform: translateX(-50%);
cursor: pointer;
font-size: 24px;
left: 85.8%;
top: 58.6%;
height: 221px;
width: 172px;
box-sizing: border-box;
padding: 64px 0px 0 0px;
}

.valider-config.sauvergade-config {
position: static;
top: 10px;
background:#ffcf00 !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;
display: block;
clear: both;
padding: 0;
height: auto;
border: none;
box-sizing: border-box;
line-height: 40px;
font-size: 18px;
position: initial;
float: none;
}



.valider-config.sauvergade-config:hover {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}


.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: 22px;
width: 100%;
}

.prix-recap.frais {
float: right;
margin-top:10px;
clear: both;
font-size:12px;
}

.prix-recap.frais p {
display:inline-block;
vertical-align: middle;
}

.prix-recap.frais span {
font-weight:bold;
width: 130px;
display: inline-block;
text-align: right;
font-size:14px;
vertical-align: middle;
}

.prix-deconfig span.ng-binding{
width: 130px;
display: inline-block;
text-align: right;
}

.prix-recap.frais.verif-conf {
width: 100%;
float: right;
text-align: right;
margin-top: 10px;
margin-bottom:10px;
}
.prix-recap.frais.verif-conf p {
width: 215px;
text-align: right;
}


.prix-recap.frais.verif-conf span {
background:url(../landing-pages/images/configurateur/check-mark.png)no-repeat right center;
text-indent:-5000px;
font-size: 0;
height: 25px;
background-size:25px;
}

.produit-selected-del .supprim-option {
display:block;
}



.txt-fin-compo span{
display:block;
font-size:13px;
font-weight:normal;
}

.mode-listmosa li:nth-child(2n) .produit-selected-del  .supprim-option::after {
top: 7px;
left: -9px;
}

.mode-listmosa li:nth-child(2n) .produit-selected-del  .supprim-option {
top: 165px;
left: 220px;
}






ul .posi-option.pc-center.sauve-valide {
transition:transform 0.5s;
padding: 0 10px;
}



.passer-option .recap-go {
color: white;
display: block;
}

.passer-option .recap-go.action {
display:none;
}


.mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 28px;
}

body.configurateur .news_cont {
display:none;
}

.plop-gamer {
background: white;
background-attachment: fixed;
background-size: cover;
}

.plop-gamer .choix-bureau .sep-home {
background: white;
}

.plop-gamer .txt-option-config p {
color:black;
}

.txt-option-config .titre-config {
border: none;
color:black;
font-size: 34px;
font-weight: 900;
text-align: left;
line-height: inherit;
margin: 0;
}

.plop-gamer .active-conf .titre-conf {
background: none;
color:black;
font-weight: bold;
}

.choix-bureau .relative-bureau-2 .bureau-conf.active-conf .content-choix {
display:none;
}


.plop-gamer .filtre-conf li .filtres-configurateur .titre-filtres {
border: 1px solid black;
color:black;
background: url(../landing-pages/images/configurateur/filte-fleche.png) no-repeat 95% center;
}

.plop-gamer .filtre-conf .tri-mos {
border: 1px solid black;
color: black;
background: white ;
}

.plop-gamer .filtre-conf .tri-mos p {
color: black;
}

.configurateur.plop-gamer .product_masked {
color: black;
}



.options .anim7 {
display:none;
}







.plop-gamer.recap-configurateur {
overflow: hidden;
}

.plop-gamer.recap-configurateur .sep-home {
background:white;
}

.plop-gamer .tri-mos .mos-is-mobile.sactive,
.plop-gamer .tri-mos .mos.sactive {
background: url(../landing-pages/images/configurateur/mode-mosa-j.png) no-repeat left center;
}

.plop-gamer .tri-mos .mos:hover {
background: url(../landing-pages/images/configurateur/mode-mosa-j.png) no-repeat left center;  
}

.plop-gamer .tri-mos div div:hover {
color:#ffcf00;
}

.plop-gamer .tri-mos .list:hover {
background: url(../landing-pages/images/configurateur/mode-list-h-j.png) no-repeat 5px center;
}

.plop-gamer .filtre-conf .list-is-mobile.sactive,
.plop-gamer .filtre-conf .list.sactive {
background: url(../landing-pages/images/configurateur/mode-list-h-j.png) no-repeat 5px center;
}

.plop-gamer .filtre-conf .filtre-conf.filtre_on {
color:black;
background: #ffcf00;
}




.liste-filtres-close {
display:none;
}

.detail-produit-bck #formulaire_login{
background: none;
border: none;
box-shadow: none;
width: 300px;
margin: 0 auto;
text-align: center
}

.detail-produit-bck  #formulaire_login input {
    margin: 5px 0px 0;
    padding: 5px;
    width: 288px;
    border: 1px solid gray;
}

.detail-produit-bck #formulaire_login .ui-mini input {
    width: 300px;
    cursor: pointer;
}

.detail-produit-bck  .sep-compte {
margin: 10px auto;
}

.detail-produit-bck  .btn_mpd {
    display: block;
    padding-left:0;
    text-align:center;
}

.detail-produit-bck .choix-bureau .bureau-conf {
float: none;
width: 100%;
text-align: center;
}

.plop-gamer .valider-config {
background: url(../landing-pages/images/configurateur/pc-center-option-v-j2.png) no-repeat center ;
color:black;
}

.valider-config {
background: url(../landing-pages/images/configurateur/pc-center-option-v-j2.png) no-repeat center ;
color:black;
}

.step .price-conf-inte{
    display: none !important;
}


.noUi-handle-lower .noUi-tooltip {
    bottom: -26px;
}

.alerte-modif-produit .right-conf p{
 font-size:12px;

}

.alerte-modif-produit .detail-produit-bck .right-conf {
    width: 50%;
    float: right;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8%;
}

.alerte-modif-produit .right-conf .souhaite-conti {
font-size:16px;
font-weight:bold;
margin-top:15px;
}

.alerte-modif-produit .detail-produit-bck .ajouter-config {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid #ffcf00;
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: #242424;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 600;
    line-height: 38px;
    width: 100px;
    text-align: center;
    bottom: -60px;
    transition: all 0s;
    left: 0;
}

.alerte-modif-produit .detail-produit-bck .ajouter-config:last-child {
    background: black;
    border: 1px solid black;
    transition: background .5s,color .5s;
    text-transform: uppercase;
    color: #242424;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 600;
    line-height: 38px;
    width: 100px;
    text-align: center;
    bottom: -60px;
    transition: all 0s;
    left: 150px;
    color:white;
    clear: none;
margin-left: 10px;

}

    .alerte-modif-produit .detail-produit-bck .ajouter-config:last-child:hover {
        background: #282828 url(/images/hover-bouton.png) no-repeat left center;
    }

    .alerte-modif-produit .detail-produit-bck .ajouter-config:last-child a {
    color:white;
    }

    .alerte-modif-produit .detail-produit-bck .ajouter-config:hover {
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.pas-decompo .detail-produit-bck .right-conf {
float:none;
text-align:center;
margin: 115px auto;
font-weight:bold;
}

.pas-decompo .detail-produit-bck .ajouter-config {
margin: 15px auto 0;
float: none;
}

.rea-compo .detail-produit-bck .right-conf {
float:none;
text-align:center;
margin: 115px auto;
font-weight:bold;
}

.rea-compo .detail-produit-bck .ajouter-config {
position: absolute;
width: 100px;
bottom: 52px;
left: 53%;
}

.confirm-save-config{
color: rgb(255, 255, 255);
width: 100%;
background: rgba(0,0,0,0.9);
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center;
}

.confirm-save-config span{
position: fixed;
top: 50%;
font-size:18px;
font-weight:bold;
left: 50%;
text-transform:uppercase;
transform:translate(-50%,-50%);
}

.compatible .compatible::before {
background: url(../landing-pages/images/configurateur/good.png) no-repeat;
content: "";
display: block;
position: absolute;
top: 2px;
right: 2px;
width: 25px;
height: 25px;
z-index: 5;
}

.novice .compatible .compatible{
display:none;
}



.plop-gamer .compatible .compatible::before {
border-radius:100%;
}



.no-compatible .no-compatible::before {
    background:#ff6100 url(../landing-pages/images/configurateur/warning-2.png) no-repeat 4px 3px;
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 25px;
    height: 25px;
    z-index:5;
    background-size:18px;
    content:"";
    border-radius:100%;
}





.plop-gamer .compatible .compatible::after {

}

.no-compatible:nth-child(2n) .no-compatible:after {
top: 160px;
left: 32px;
    transform: rotate(45deg);
}

.no-compatible .no-compatible::after {
background: #ff6100;
content: "";
display: block;
transform: rotate(-45deg);
position: absolute;
top: 0px;
right: 0px;
width: 2px;
height: 25px;
z-index:-1;
}

.plop-gamer .no-compatible .no-compatible::after {
    background: #ffcf00;
}

.no-compatible:nth-child(2n) .no-compatible:after {
top: 160px;
left: 32px;
    transform: rotate(45deg);
}



.novice li.gta {
background: url(../landing-pages/images/configurateur/jeux/gta.png) no-repeat !important;
}
.novice li.battlefield5 {
background: url(../landing-pages/images/configurateur/jeux/battlefield5.png) no-repeat !important;
}
.novice li.callofduty {
background: url(../landing-pages/images/configurateur/jeux/call-of.jpg) no-repeat !important;
}
.novice li.rocket {
background: url(../landing-pages/images/configurateur/jeux/rocket.png) no-repeat !important;
}

.novice li.fortnite {
background: url(../landing-pages/images/configurateur/jeux/fortnite.png) no-repeat !important;
}

.novice li.lol {
background: url(../landing-pages/images/configurateur/jeux/lol.png) no-repeat !important;
}

.novice li.csgo {
background: url(../landing-pages/images/configurateur/jeux/csgo.png) no-repeat !important;
}

.novice li.wow {
background: url(../landing-pages/images/configurateur/jeux/wow.png) no-repeat !important;
}


.novice li.fifa {
background: url(../landing-pages/images/configurateur/jeux/fifa.png) no-repeat !important;
}

.novice li.rainbow {
background: url(../landing-pages/images/configurateur/jeux/rainbow.png) no-repeat !important;
}

.novice li.dota2 {
background: url(../landing-pages/images/configurateur/jeux/dota2.png) no-repeat !important;
}

.novice li.fallout {
background: url(../landing-pages/images/configurateur/jeux/fallout.png) no-repeat !important;
}

.novice li.tombraider{
background: url(../landing-pages/images/configurateur/jeux/tombraider.png) no-repeat !important;
}

.novice li.assassin{
background: url(../landing-pages/images/configurateur/jeux/assassin.png) no-repeat !important;
}

.novice li.flight{
background: url(../landing-pages/images/configurateur/jeux/flight.png) no-repeat !important;
}

.novice li.blender{
background: url(../landing-pages/images/configurateur/jeux/blender.png) no-repeat !important;
}

.novice li.adobe{
background: url(../landing-pages/images/configurateur/jeux/adobe.png) no-repeat !important;
}

.novice li.thedivision{
background: url(../landing-pages/images/configurateur/jeux/the-division2.png) no-repeat !important;
}

.novice li.apex{
background: url(../landing-pages/images/configurateur/jeux/apex.png) no-repeat !important;
}

.novice li.protools{
background: url(../landing-pages/images/configurateur/jeux/protools.png) no-repeat !important;
}

.novice li.archicad{
background: url(../landing-pages/images/configurateur/jeux/archicad.png) no-repeat !important;
}

.novice li.autocad{
background: url(../landing-pages/images/configurateur/jeux/autocad.png) no-repeat !important;
}

.novice li.cinema4d{
background: url(../landing-pages/images/configurateur/jeux/cinema4d.png) no-repeat !important;
}

.novice li.cubase{
background: url(../landing-pages/images/configurateur/jeux/cubase.png) no-repeat !important;
}


.novice li.office{
background: url(../landing-pages/images/configurateur/jeux/office.png) no-repeat !important;
}

.novice li.google{
background: url(../landing-pages/images/configurateur/jeux/google.png) no-repeat !important;
}


.novice li.compta{
background: url(../landing-pages/images/configurateur/jeux/compta.png) no-repeat !important;
}

.novice li.vocal{
background: url(../landing-pages/images/configurateur/jeux/vocal.png) no-repeat !important;
}

.novice li.amongus{
background: url(../landing-pages/images/configurateur/jeux/among-us.jpg) no-repeat !important;
}

.novice li.cyberpunk{
background: url(../landing-pages/images/configurateur/jeux/cyberpunk.jpg) no-repeat !important;
}

.novice li.fallguys{
background: url(../landing-pages/images/configurateur/jeux/fall-guys.jpg) no-repeat !important;
}

.novice li.assassincreed{
background: url(../landing-pages/images/configurateur/jeux/assassin.jpg) no-repeat !important;
}

.novice li.flightsimulator{
background: url(../landing-pages/images/configurateur/jeux/flight-simulator.jpg) no-repeat !important;
margin-top:0;
}

.novice .mode-list1 li.gta {
background: url(../landing-pages/images/configurateur/jeux/gta.png) no-repeat !important;
}
.novice .mode-list1 li.battlefield5 {
background: url(../landing-pages/images/configurateur/jeux/battlefield5.png) no-repeat !important;
}

.novice .mode-list1 li.rocket {
background: url(../landing-pages/images/configurateur/jeux/rocket.png) no-repeat !important;
}

.novice .mode-list1 li.fortnite {
background: url(../landing-pages/images/configurateur/jeux/fortnite.png) no-repeat !important;
}

.novice .mode-list1 li.lol {
background: url(../landing-pages/images/configurateur/jeux/lol.png) no-repeat !important;
}

.novice .mode-list1 li.csgo {
background: url(../landing-pages/images/configurateur/jeux/csgo.png) no-repeat !important;
}

.novice .mode-list1 li.wow {
background: url(../landing-pages/images/configurateur/jeux/wow.png) no-repeat !important;
}


.novice .mode-list1 li.fifa {
background: url(../landing-pages/images/configurateur/jeux/fifa.png) no-repeat !important;
}

.novice .mode-list1 li.rainbow {
background: url(../landing-pages/images/configurateur/jeux/rainbow.png) no-repeat !important;
}

.novice .mode-list1 li.dota2 {
background: url(../landing-pages/images/configurateur/jeux/dota2.png) no-repeat !important;
}

.novice .mode-list1 li.fallout {
background: url(../landing-pages/images/configurateur/jeux/fallout.png) no-repeat !important;
}

.novice .mode-list1 li.tombraider{
background: url(../landing-pages/images/configurateur/jeux/tombraider.png) no-repeat !important;
}

.novice .mode-list1 li.assassincreed{
background: url(../landing-pages/images/configurateur/jeux/assassin.jpg) no-repeat !important;
}

.novice .mode-list1 li.blender{
background: url(../landing-pages/images/configurateur/jeux/blender.png) no-repeat !important;
}

.novice .mode-list1 li.adobe{
background: url(../landing-pages/images/configurateur/jeux/adobe.png) no-repeat !important;
}

.novice .mode-list1 li.protools{
background: url(../landing-pages/images/configurateur/jeux/protools.png) no-repeat !important;
}

.novice .mode-list1 li.archicad{
background: url(../landing-pages/images/configurateur/jeux/archicad.png) no-repeat !important;
}

.novice .mode-list1 li.autocad{
background: url(../landing-pages/images/configurateur/jeux/autocad.png) no-repeat !important;
}

.novice .mode-list1 li.cinema4d{
background: url(../landing-pages/images/configurateur/jeux/cinema4d.png) no-repeat !important;
}

.novice .mode-list1 li.cubase{
background: url(../landing-pages/images/configurateur/jeux/cubase.png) no-repeat !important;
}


.novice .mode-list1 li.office{
background: url(../landing-pages/images/configurateur/jeux/office.png) no-repeat !important;
}

.novice .mode-list1 li.google{
background: url(../landing-pages/images/configurateur/jeux/google.png) no-repeat !important;
}


.novice .mode-list1 li.compta{
background: url(../landing-pages/images/configurateur/jeux/compta.png) no-repeat !important;
}

.novice .mode-list1 li.vocal{
background: url(../landing-pages/images/configurateur/jeux/vocal.png) no-repeat !important;
}

.novice .mode-list1 li.amongus{
background: url(../landing-pages/images/configurateur/jeux/among-us.jpg) no-repeat !important;
}

.novice .mode-list1 li.cyberpunk{
background: url(../landing-pages/images/configurateur/jeux/cyberpunk.jpg) no-repeat !important;
}

.novice .mode-list1 li.fallguys{
background: url(../landing-pages/images/configurateur/jeux/fall-guys.jpg) no-repeat !important;
}

.novice .mode-list1 li.flightsimulator{
background: url(../landing-pages/images/configurateur/jeux/flight-simulator.jpg) no-repeat !important;
}


.mode-mosa.jeux li .titre-conf-inte {
line-height:24px;
font-weight:bold;
font-size:13px;
border-radius: 15px 15px 0 0;
}

.rea-compo p{
font-size:14px;
}


.rea-compo p span{
font-size:12px;
font-weight:normal;
}

.rea-compo p span{
font-size: 15px;
font-weight:normal;
}

.rea-compo .detail-produit-bck .ajouter-config10{
left: 30%;
}

.rea-compo .detail-produit-bck .ajouter-config11{
background:#282828;
border:1px solid black;
}

    .rea-compo .detail-produit-bck .ajouter-config11 span {
    color:white;
    }

.rea-compo .detail-produit-bck .ajouter-config11:hover{
background: black url(/images/hover-bouton.png) no-repeat left center;
}

.pas-decompo p span {
font-weight:normal;
font-size:14px;
}

.alerte-modif-produit .detail-produit-bck .image {
    width: 30%;
    float: left;
    margin-left: 82px;
}

.alerte-modif-produit .detail-produit-bck .image img {
    width: auto;
    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: 47%;
left: 25%;
}

.novice .passer-avance {
left: 87%;
background: url(../landing-pages/images/configurateur/pc-center-option-v-f.png) no-repeat center;
width: 170px;
height: 196px;
top: 56%;
position: absolute;
color:white
}

    .novice .passer-avance a {
text-transform: uppercase;
color: white;
font-weight: bold;
position: absolute;
top: 38%;
left: 50%;
transform: translateX(-50%);
width: 130px;
line-height: 18px;
font-size: 18px;
text-align: center;
    }


.novice .titre-conf-inte {
font-size: 14px;
text-transform: uppercase;
margin-top: 10px;
line-height: 24px;
}

.novice .titre-conf-inte span{
text-transform: uppercase;
}

.novice #Section2 .titre-conf-inte{
display:none;
}

.novice #Section2 .auto-choix-2 .titre-conf-inte{
display:block;
}

.novice .mode-list-conf li {
height:282px;
background-size: 100% 100% !important;
}

.novice #Section9 .mode-list-conf li {
    height: 315px;
}

.novice  .mode-list-conf ul {
font-size:0;
}

.novice .choix-prix-configu .mode-mosa li img {
max-height:144px !important;
max-width:144px !important;
}

.image-pre .spec {
font-size:14px;
position:absolute;
top:50%;
transform:translateY(-50%)
}

    .image-pre .spec strong {
    display:inline-block;
    margin-top:20px;
    }

.image-pre .detail-produit-bck .right-conf {
    width: 60%;
    float: right;
    margin-top: 10px;
}

.image-pre .modifier-confi {
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    padding: 0 5px;
    font-size: 13px;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    left: 47%;
    transform: translateX(-50%);
    background: #ffcf00;
    color: black;
    font-weight: bold;
    width: 100px;
    margin:0;
}

.image-pre .modifier-confi:hover {
background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.novice .mode-mosa.jeux li img {
display:none;
}

.novice .choix-hddssd .mode-mosa li img, .novice .choix-boitier .mode-mosa li img {
    max-height: 110px !important;
    max-width: 110px !important;
}

.h100{
    height:100%;
}



.novice .no-compatible .no-compatible::before {
background: #ff6100 url(../landing-pages/images/configurateur/warning-2.png) no-repeat center;
    content: "";
    display: block;
    position: absolute;
top: 2px;
right: 2px;
    width: 35px;
    height: 35px;
background-size: 70%;
border: 2px solid #ff6100;
}

.novice .choix-prix-configu .mode-mosa li.auto-choix img {
    width: 144px;
margin-top: 4px;
margin-bottom: 10px;
}

.ferme2 .modifier-confi {
    width: 200px;
    background: black;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    margin: 4px 0 4px 0%;
    padding: 0 5px;
    font-weight:bold;
    font-size: 13px;

    position: absolute;
   bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.ferme2 .detail-produit-bck .right-conf {
    width: 58%;
    float: right;
    margin-top: 10px;
    margin-right: 5%;
}

.ferme2 .absolute-content img {
display:block !important;
}


.novice #step-1096 .produit-novice {
display:none !important;
}

.plop-gaming .choix-jeux-termine {
top: 16px;
}

.choix-jeux-termine:hover {
background:#ffcf00 url(/images/hover-bouton.png) no-repeat left center;
}

.novice .price-conf-inte.prix-fourchette {
color: #e53029;
font-size: 16px;
font-weight: bold;
width: auto;
margin: 0px auto 0;

line-height: 16px;
}

.legend-no p {
display:inline-block;
vertical-align:middle;
}

.novice .legend-no p{
color:#000;
}

.novice .recap-conf .img-fil-config {
    background: #ffcf00;
    float: left;
    margin: 0 0px 0 2px;
    padding: 0 5px;
    line-height: 42px;
}

.novice .recap-conf .txt-fil-config{
padding-right:0;
}



.novice .price-conf-inte {
font-size:16px;
}

.pas-decompo strong{
font-size: 20px;
}

.novice .recap-produit-conf {
   width: 100%;
    right: 0;
}

.novice .liblle-recap {
width: 170px;
}

.choix-bureau .bureau-conf.valider {
    background: url(../landing-pages/images/configurateur/pc-center-option-v-g2.png) no-repeat center center;
position: absolute;
color: black;
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 30px;
z-index: 5000;
transform: translateX(-50%);
cursor: pointer;
font-size: 24px;
left: 92.5%;
top: 53.7%;
height: 221px;
width: 172px;
box-sizing: border-box;
}

.valider .titre-conf {
top:50%;
height:auto;
line-height: 30px;
font-size: 24px;
transform: translate(-50%,-50%);
background:none;
}



.plop-gamer .choix-bureau .bureau-conf.valider.active-conf .content-choix {
    background: none;
}

.choix-bureau .valider .absolute-content {
height: 221px;
width: 172px;
}

.novice .fil-ariane-config .recap-produit-conf li {
    height: 24px;
    float: none;
    z-index: 2;
    margin-right: 0px;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    
    width: 255px;
}

.novice .legend-no {
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
}

.novice.plop-gamer .legend-no {
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.legend-no img{
width: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background: #ff6100;
padding: 5px;
border-radius: 37%;
}

.legend-no {
float:right;

}

.novice .legend-no {
    color: black;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
}

.laisser-message {
position: fixed;
right: 50px;
background: white;
border-radius: 10px 10px 0 0;
bottom: -304px;
transition: bottom 0.5s;
border: 1px solid black;
z-index: 9999;
}

.phone-mail {
z-index: 9999;
position: fixed;
right:10px;
bottom:30px;
}

    .phone-mail div.hover,
    .phone-mail div:hover {
    background:#ffcf00;
    }

.phone-mail div {
background: #818181;
width: 36px;
border-radius: 100%;
margin-top: 10px;
height: 36px;
line-height: 35px;
vertical-align: middle;
text-align: center;
cursor:pointer;
}

.laisser-message2 .text-message{
font-size:12px;
font-family:"Montserrat";
padding: 0 10px;
}

.laisser-message2 .info-message {
font-size:10px;
margin-top:20px;
margin-bottom:10px;
font-style:italic;

}

    .laisser-message2 .text-message span {
    font-weight:bold;
    }

    .phone-mail img {
    vertical-align:middle;
    }

.laisser-message {
position: fixed;
right: 50px;
background: white;
border-radius: 10px;
bottom: 30px;
transition: bottom 0.5s;
border: 1px solid black;
z-index: 9999;
box-shadow: 2px 3px 3px black;
width:326px;
display:none;
}

.laisser-message .leave-message {
position:absolute;
top: 8px;
right:10px;
width:20px;
height:20px;
background:url(/images/leave.png) no-repeat;
cursor:pointer;
}

.novice .hddssd .titre-conf {
    line-height: 25px;
    font-size: 14px;
}

.laisser-message.nobottom{
bottom: 30px;
}

.laisser-message .list-fields{
 padding:0 10px;
 margin-bottom:10px;
}

    .laisser-message input.errorc,
    .laisser-message textarea.errorc{
        border-color:#EE2D24;
    }

    .laisser-message input {
    border:1px solid black;
    display:block;
    line-height:24px;
    width:195px;
    padding:2px 5px;
    }

    .laisser-message label {
    display:block;
    margin-bottom:3px;
    font-size: 12px;
    }

    .laisser-message textarea {
    width:100%;
    box-sizing:border-box;
    padding:2px 5px;
    border:1px solid black;
    height: 139px;
    }

.laisser-message .titre-message {
    background: #ffcf00;
    color: black;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    background-size: 20px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    font-family:"Montserrat";
    padding: 4px 0px 4px 10px;
}

.gotop {
    border: none !important;
    border-radius: 12px 9px 16px 12px !important;
}

.message-left {
float:left;
width:48%;
}

.message-right {
float:right;
width:48%;
}

.laisser-message input {
width:100%;
box-sizing:border-box;
font-size:12px;
}

#mess-msg {
font-size:12px;
}

.message-left div {
margin-bottom:10px;
}

.laisser-message .button {
    clear: both;
}

.laisser-message .button button {
    text-align: center;
    background: #ffcf00;
    color: black;
    box-shadow: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    width: 207px;
    line-height: 25px;
    border: 1px solid black;
    margin-top: 10px;
    cursor:pointer;
}

    .laisser-message .button button:hover {
        background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;
    }

.rea-compo strong{
font-size:20px;
}

.rea-compo p{
font-size:16px;
}

.partage-config .right-conf {
margin-right: 5%;
}

.partage-config .modifier-confi {
    position: absolute;
    bottom: 50px;
    left: 36%;
    width:100px;
    text-align:center;
}

.novice .tri-mos {
display:none;
}

.recap-produit-conf sup {

    font-size: 11px;
    vertical-align: top;

}

.bt-filtre-mob {
display:inline-block;
}

.ferme2 .spec {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;

}

.ferme2 .choix-bureau .sep-home-li {
display:none;
}

.background-shadow-filtre{
    display:none;
    background-color:transparent;
}

.partage-config .spec{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46%;
}

.detail-produit .menu_fiche_produit .prodfiche_dispo {
position: relative;
left: 0;
padding-left: 25px;
background-position: 5px center;
padding-right: 5px;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
height: 20px;
line-height: 20px;
padding-top: 0;
padding-bottom: 0;
}

.detail-produit .menu_fiche_produit .prodfiche_dispo span{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    display: inline;
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

.detail-produit .menu_fiche_produit {
text-align: left;
width: auto;
border: none;
background: none;
float: none;
padding:0;
z-index: -1;
}

.detail-produit-bck .absolute-content img.img-choix-hover-1 {
display:block !important;
}

.mode-list-conf li:hover img {
transform:scale(0.98);
}

.recomnd-jeux {
background:black;
overflow:hidden;
line-height: 30px;
padding: 5px 10px 5px 10px;
width: 100%;
transition:width 0.5s;
}

.recomnd-jeux p{
color:white;
text-transform:uppercase;
font-weight:bold;
line-height: 16px;
font-size: 16px;
}

.recomande.recomnd-jeux .budg {
color:black;
text-transform:uppercase;
border-left: 2px solid;
line-height:30px;
}

.recomnd-jeux div{
float:left;
color:white;
margin-right: 10px;
font-size: 12px;
line-height: 14px;
}

.proc-2 {
    background: url(/images/img-gamer/proc-2.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.recomande .proc-2 {
    background: url(/images/img-gamer/proc.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.ram-2 {
    background: url(/images/img-gamer/ram-2.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.recomande .ram-2 {
    background: url(/images/img-gamer/ram.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.cg-2 {
    background: url(/images/img-gamer/img-gamer/cg-2.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.recomande .cg-2 {
    background: url(/images/img-gamer/cg-2.png) no-repeat left center;
    background-size: 14px;
padding-left: 16px;
}

.recomnd-jeux .budg {
margin-right:0;
font-weight:bold;
float:right;
font-size:16px;
padding:0 5px;
}

.minimal.recomnd-jeux .budg {
color: white;
text-transform: uppercase;
border-left: 2px solid;
line-height: 30px;
}

.minimal {
    margin-bottom: 10px;
    width: 80%;
}

.recomande {
background:white;
border: 2px solid black;
box-sizing: border-box;
margin-bottom: 15px;
}

.recomande div{
color:black;
}

.recomande p{
color:black;
}



.modif-nono-recap {
width:300px;
text-align:center;
margin:0 auto;
clear:both;
background:#558ea8;
color:white;
display:block;
text-transform:uppercase;
line-height:30px;
margin-top: 15px;
}

.modif-nono-recap:hover {
transform:scale(1.05);
}

.plop-gamer .modif-nono-recap {
background:#ffcf00;
color:black;
}


.plop-pro.modif-nono-recap {
background:#132643;
}


.choix-jeux-gamer .mode-mosa li .titre-conf-inte span {
font-size:14px;
}

.choix-jeux-gamer .mode-mosa .auto-choix .titre-conf-inte span {
    font-size: 12px;
}

.recomnd-jeux .fl-mini {
float:left;
}

.mode-mosa .no-recommandation  img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.no-recommandation {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.laisser-message .button input:hover,
.laisser-message .button button:hover,
.laisser-message .button div:hover {

    background: #ffcf00 url(/images/hover-bouton.png) no-repeat left center;

}

.laisser-message .button input,
.laisser-message .button button,
.laisser-message .button div {

    float: none;
    margin: 0 auto 10px;
    display:block;
    background: #ffcf00 url(/images/hover-bouton.png) no-repeat -500px center;
    border: 1px solid #ffcf00;
    text-transform:uppercase;
    color:black;
    text-align:center;
    line-height:30px;
    cursor:pointer;
}

.copyok{
    padding-top:10px;
    display:none;
}

.liencopy{
    width:380px;
    height:90px;
    font-size:14px;
    cursor:pointer;
    border:none;
}

.liencopy:hover{
    text-decoration:underline;
    font-weight:bold;
}

.options-panier ul li {
    padding-bottom: 5px;
    font-size: 10px;
}

.options-panier ul {
    padding: 15px 0 15px 5px;
    font-size: 12px;
}

.copyok {
color:green;
font-weight:bold;
text-transform:uppercase;
}

.tri-mos .list-is-mobile{
    background: url(../landing-pages/images/configurateur/mode-list-w.png) no-repeat 5px center;
}

.tri-mos .mos-is-mobile{
    background: url(../landing-pages/images/configurateur/mode-mosa-w.png) no-repeat 5px center;
}