/**Plan metro aspect***/
.itm-140 #sbox-window,
.itm-1542 #sbox-window{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:0;
}

.middle .moduletable-plan-metro{

}

.middle .moduletable-plan-metro figure.plan-metro{
  position:relative;
}

.middle .moduletable-plan-metro figure.plan-metro a{
  position:absolute;
  display:block;
  text-indent:-5000px;
  width:100px;
  height:80px;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-naturel{
  left:0;
  top:43%;
}

.middle .moduletable-plan-metro figure.plan-metro a.anthra-zinc{
  left:160px;
  top:42%;
}

.middle .moduletable-plan-metro figure.plan-metro a.quartz-zinc{
  left:265px;
  top:42%;
}

.middle .moduletable-plan-metro figure.plan-metro a.pigmento{
  left:390px;
  top:29%;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-plus{
  right:160px;
  top:11px;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-strat{
  right:55px;
  top:10px;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-laque{
  left:175px;
  bottom:20%;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-azengar{
  right:0px;
  bottom:15px;
}

.middle .moduletable-plan-metro figure.plan-metro a.zinc-bespokepigmento{
  right: -50px;
  top: 95px;
}

/**Nuancier popup***/

#nuancier-popup{
  display:none;
}

#nuancier-popup p{
  margin:0;
  padding:0;
}


#nuancier-popup img{
  display:block;
}

/**Nuancier Pigmento***/

.nuancier-pigmento{
  position:relative;
  background:#0089b7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:40px 30px 0 30px;
  width:157px;
  float:left;
  height:175px;
}


.nuancier-pigmento figure{
  float:left;
  margin-left:30px;
  width:60px;
  margin-bottom:20px;
}

.nuancier-pigmento figure:first-child,
.nuancier-pigmento figure:first-child + figure + figure{
  margin-left:0;
}

.nuancier-pigmento figure a{text-decoration:none;}

.nuancier-pigmento figure figcaption{
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  font-size:10px;
  line-height:12px;
  margin-bottom:5px;
}

/**Nuancier bilaque***/

.nuancier-bilaque{
  position:relative;
  background:#fac733;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:40px 30px 0 30px;
  width:240px;
  float:left;
  height:175px;
}


.nuancier-bilaque figure{
  float:left;
  margin-left:30px;
  width:60px;
  margin-bottom:20px;
}

.nuancier-bilaque figure:first-child,
.nuancier-bilaque figure:first-child + figure + figure + figure{
  margin-left:0;
}

.nuancier-bilaque figure a{text-decoration:none;}

.nuancier-bilaque figure figcaption{
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  font-size:10px;
  line-height:12px;
  margin-bottom:5px;
}

/***Fin Plan de métro****/

/******Fiche Surface aspects****/

/*****Menu thème****/

.moduletable-surface-aspects.height{
  margin-top:30px;
}

.moduletable-surface-aspects ul.menu-aspects{
  float:left;
  width:100%;
  margin:0;
  padding:0;
  height:47px;
}

.moduletable-surface-aspects ul.menu-aspects li{
  float:left;
  -moz-border-radius: 5px 5px 0 0 ;
  -webkit-border-radius: 5px 5px 0 0 ;
  border-radius:5px 5px 0 0 ;
  border:1px solid #e5e5e5;
  margin:0 0 0 2px;
  padding:0;;
  list-style-type:none;
  position:relative;
}

.moduletable-surface-aspects ul li:first-child{
  margin-left:0;
}

.moduletable-surface-aspects ul.menu-aspects li span{
  display:table-cell;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  height:45px;
  vertical-align:middle;
  cursor:pointer;
}

.moduletable-surface-aspects ul.menu-aspects li span.new{
  background:url(../images/aspects/bg-new.png) no-repeat left top;
  font-size: 10px;
    height: auto;
    left: 20%;
    line-height: normal;
    position: absolute;
    text-transform: none;
    top: -30px;
    height:28px;
    width:54px;
    cursor:auto;
    color:#fff !important;
}



.moduletable-surface-aspects ul.menu-aspects li.active span{color:#ffffff !important;}



.moduletable-surface-aspects ul.menu-aspects li.rouge span{
  color:#b82d16;
}


.moduletable-surface-aspects ul.menu-aspects li.rouge.active{
  color:#ffffff;
  background:#b82d16;
  border:1px solid #b82d16;
}


.moduletable-surface-aspects ul.menu-aspects li.rouge.active span{
  color:#ffffff;
}

.moduletable-surface-aspects ul.menu-aspects li.bleu span{
  color:#c85b16;
}

.moduletable-surface-aspects ul.menu-aspects li.bleu.active{
  color:#ffffff;
  background: #c85b16;
  border:1px solid #c85b16;
}

.moduletable-surface-aspects ul.menu-aspects li.vert span{
  color:#632275;
}

.moduletable-surface-aspects ul.menu-aspects li.vert.active{
  color:#ffffff;
  background:#632275;
  border:1px solid #632275;
}


.moduletable-surface-aspects ul.menu-aspects li.jaune span{
  color:#f9ba00;
}


.moduletable-surface-aspects ul.menu-aspects li.jaune.active{
  color:#ffffff;
  background:#f9ba00;
  border:1px solid #f9ba00;
}

/***Contenu aspect***/

.moduletable-surface-aspects .bloc_theme{
  padding:20px 12px 20px 15px;
  float:left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius:2px;
  width:93.2%;
}

.moduletable-surface-aspects .rouge{
  border:5px solid #b82d16;
}

.moduletable-surface-aspects .bleu{
  border:5px solid #c85b16;
}

.moduletable-surface-aspects .vert{
  border:5px solid #632275;
}

.moduletable-surface-aspects .jaune{
  border:5px solid #f9ba00;
}

.moduletable-surface-aspects .bloc_theme ul{
  margin:0;
  padding:0;
  height:auto;
}

.moduletable-surface-aspects .bloc_theme ul li{
  float:left;
  width:128px;
  margin-left:5px;
  position:relative;
  padding:0 0 12px 0;
}

.moduletable-surface-aspects .bloc_theme ul li:first-child + li + li{
  clear:both;
  margin:0;
}

.moduletable-surface-aspects .bloc_theme ul li.active{z-index:100001;}

.moduletable-surface-aspects .bloc_theme ul li:first-child{
  margin-left:0;
}
.moduletable-surface-aspects .bloc_theme ul li .titre{
  display:table-cell;
  vertical-align:middle;
  height:40px;
  width:128px;
  font-size:10px;
  color:#4c4c4c;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:12px;
  text-align:center;
}

/***Couleur titre active***/

.moduletable-surface-aspects #bloc_theme_1 ul li.active .titre{
  color:#b82d16;
}

.moduletable-surface-aspects #bloc_theme_2 ul li.active .titre{
  color:#0090bb;
}

.moduletable-surface-aspects #bloc_theme_3 ul li.active .titre{
  color:#66a922;
}

.moduletable-surface-aspects #bloc_theme_4 ul li.active .titre{
  color:#f9ba00;
}

.moduletable-surface-aspects .bloc_theme ul li .img-small{
  position:relative;
  cursor:pointer;

}


.moduletable-surface-aspects .bloc_theme ul li .more{
  position:absolute;
  right:0;
  bottom:0;
  cursor:pointer;
  display:block;
}

.moduletable-surface-aspects .bloc_theme ul li .more.hide{
  display:none;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc{
  float:left;
  width:100%;
  margin-top:5px;
  position:relative;
  z-index:100001;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc .img-big{width:261px;float:left;}

.moduletable-surface-aspects .bloc_theme .bloc_desc .description{
  float:right;
  width:228px;
  background:#f0f0f0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius:0 5px 5px 0;
  padding:22px 20px 12px  20px;
  height: 164px;
  position:relative;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc .description .close{
  position:absolute;
  right:8px;
  top:8px;
  cursor:pointer;
}


.moduletable-surface-aspects .bloc_theme .bloc_desc .description .h2{
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
  text-align:left;
}
.moduletable-surface-aspects .bloc_theme .bloc_desc .description p.txt{
  color:#464646;
  font-size:12px;
  height:85px;
  overflow:hidden;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc .description a.link-aspect{
  color:#e2690b;
  text-decoration:none;
  position:absolute;
  bottom:20px;
  right:12px;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc .description a img{
  vertical-align:middle;
  margin-right:5px;
}

#overlay-aspects {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background: url('../images/bg-overlay.png');
  z-index: 100000;
  display: none;
}
/***Css pour fiche produit mozaik***/

.mzk .moduletable-surface-aspects .bloc_theme {
    padding: 20px 0 20px 5px !important;
    width: 97% !important;
}

.mzk .moduletable-surface-aspects .bloc_theme ul li {
    width: 124px !important;
}

.mzk .moduletable-surface-aspects .bloc_theme .bloc_desc .description {
    width: 214px !important;
}

.moduletable-surface-aspects .bloc_theme .bloc_desc{width:98% !important;}