/*= Skills */

.skillbar-wrapper {
  margin: 1.5em auto;
  max-width: 960px;
}

.skillbar {
  position:relative;
  margin-bottom: 15px;
  width: 100%;
  background: #eee;
  height: 20px;
}

.skillbar-title {
  position:absolute;
  top:0;
  left:0;
  width:110px;
  font-size: 9px;
  color: #fff;
  margin: 0;
}

.skillbar-title span {
  display: block;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 5px;
  height:20px;
  line-height: 20px;
}

.skillbar-bar {
  height: 20px;
  width: 0%;
  transition: 500ms linear;
  transition-property: width, background-color;
}

.skill-bar-percent {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  color: rgba( 0, 0, 0, 0.4 );
  transition: color 500ms ease-out;
}

.complete .skill-bar-percent {
  color: #fff;
}

 /*-------------------------------- PLA */

.complete.qualite .skill-bar-percent {
  color: #000000;
}
.complete.traction .skill-bar-percent {
  color: #000000;
}
.complete.rupture .skill-bar-percent {
  color: #000000;
}
.complete.impact .skill-bar-percent {
  color: #000000;
}
.complete.chaleur .skill-bar-percent {
  color: #000000;
}
.complete.humide .skill-bar-percent {
  color: #000000;
}
.complete.couches .skill-bar-percent {
  color: #000000;
}
/* PLA */
.qualite .skillbar-title {
  background: #333333;  
}
.qualite .skillbar-bar {
  background: #ff9900;  
}
.traction .skillbar-title {
  background: #333333;  
}
.traction .skillbar-bar {
  background: #ff9900;  
}
.rupture .skillbar-title {
  background: #333333;
}
.rupture .skillbar-bar {
  background: #ff9900;
}
.impact .skillbar-title {
  background: #333333;  
}
.impact .skillbar-bar {
  background: #ff9900;  
}
.chaleur .skillbar-title {
  background: #333333;  
}
.chaleur .skillbar-bar {
  background: #ff9900;  
}
.humide .skillbar-title {
  background: #333333;  
}
.humide .skillbar-bar {
  background: #ff9900;  
}
.couches .skillbar-title {
  background: #333333;  
}
.couches .skillbar-bar {
  background: #ff9900;  
}

 /*-------------------------------- PLA PRO */

.complete.qualitepro .skill-bar-percent {
  color: #000000;
}
.complete.tractionpro .skill-bar-percent {
  color: #000000;
}
.complete.rupturepro .skill-bar-percent {
  color: #000000;
}
.complete.impactpro .skill-bar-percent {
  color: #000000;
}
.complete.chaleurpro .skill-bar-percent {
  color: #000000;
}
.complete.humidepro .skill-bar-percent {
  color: #000000;
}
.complete.couchespro .skill-bar-percent {
  color: #000000;
}
/* PLA PRO */
.qualitepro .skillbar-title {
  background: #333333;  
}
.qualitepro .skillbar-bar {
  background: #ff9900;  
}
.tractionpro .skillbar-title {
  background: #333333;  
}
.tractionpro .skillbar-bar {
  background: #ff9900;  
}
.rupturepro .skillbar-title {
  background: #333333;
}
.rupturepro .skillbar-bar {
  background: #ff9900;
}
.impactpro .skillbar-title {
  background: #333333;  
}
.impactpro .skillbar-bar {
  background: #ff9900;  
}
.chaleurpro .skillbar-title {
  background: #333333;  
}
.chaleurpro .skillbar-bar {
  background: #ff9900;  
}
.humidepro .skillbar-title {
  background: #333333;  
}
.humidepro .skillbar-bar {
  background: #ff9900;  
}
.couchespro .skillbar-title {
  background: #333333;  
}
.couchespro .skillbar-bar {
  background: #ff9900;  
}

 /*-------------------------------- ABS */

.complete.qualiteabs .skill-bar-percent {
  color: #000000;
}
.complete.tractionabs .skill-bar-percent {
  color: #000000;
}
.complete.ruptureabs .skill-bar-percent {
  color: #000000;
}
.complete.impactabs .skill-bar-percent {
  color: #000000;
}
.complete.chaleurabs .skill-bar-percent {
  color: #000000;
}
.complete.humideabs .skill-bar-percent {
  color: #000000;
}
.complete.couchesabs .skill-bar-percent {
  color: #000000;
}
.complete.tolerenceabs .skill-bar-percent {
  color: #000000;
}
/* ABS */
.qualiteabs .skillbar-title {
  background: #333333;  
}
.qualiteabs .skillbar-bar {
  background: #ff9900;  
}
.tractionabs .skillbar-title {
  background: #333333;  
}
.tractionabs .skillbar-bar {
  background: #ff9900;  
}
.ruptureabs .skillbar-title {
  background: #333333;
}
.ruptureabs .skillbar-bar {
  background: #ff9900;
}
.impactabs .skillbar-title {
  background: #333333;  
}
.impactabs .skillbar-bar {
  background: #ff9900;  
}
.chaleurabs .skillbar-title {
  background: #333333;  
}
.chaleurabs .skillbar-bar {
  background: #ff9900;  
}
.humideabs .skillbar-title {
  background: #333333;  
}
.humideabs .skillbar-bar {
  background: #ff9900;  
}
.couchesabs .skillbar-title {
  background: #333333;  
}
.couchesabs .skillbar-bar {
  background: #ff9900;  
}
.tolerenceabs .skillbar-title {
  background: #333333;  
}
.tolerenceabs .skillbar-bar {
  background: #ff9900;  
}

 /*-------------------------------- NYLON */

.complete.qualitenylon .skill-bar-percent {
  color: #000000;
}
.complete.tractionnylon .skill-bar-percent {
  color: #000000;
}
.complete.rupturenylon .skill-bar-percent {
  color: #000000;
}
.complete.impactnylon .skill-bar-percent {
  color: #000000;
}
.complete.chaleurnylon .skill-bar-percent {
  color: #000000;
}
.complete.humidenylon .skill-bar-percent {
  color: #000000;
}
.complete.couchesnylon .skill-bar-percent {
  color: #000000;
}
.complete.tolerencenylon .skill-bar-percent {
  color: #000000;
}
/* NYLON */
.qualitenylon .skillbar-title {
  background: #333333;  
}
.qualitenylon .skillbar-bar {
  background: #ff9900;  
}
.tractionnylon .skillbar-title {
  background: #333333;  
}
.tractionnylon .skillbar-bar {
  background: #ff9900;  
}
.rupturenylon .skillbar-title {
  background: #333333;
}
.rupturenylon .skillbar-bar {
  background: #ff9900;
}
.impactnylon .skillbar-title {
  background: #333333;  
}
.impactnylon .skillbar-bar {
  background: #ff9900;  
}
.chaleurnylon .skillbar-title {
  background: #333333;  
}
.chaleurnylon .skillbar-bar {
  background: #ff9900;  
}
.humidenylon .skillbar-title {
  background: #333333;  
}
.humidenylon .skillbar-bar {
  background: #ff9900;  
}
.couchesnylon .skillbar-title {
  background: #333333;  
}
.couchesnylon .skillbar-bar {
  background: #ff9900;  
}
.tolerencenylon .skillbar-title {
  background: #333333;  
}
.tolerencenylon .skillbar-bar {
  background: #ff9900;  
}

 /*-------------------------------- TPU */

.complete.qualitetpu .skill-bar-percent {
  color: #000000;
}
.complete.tractiontpu .skill-bar-percent {
  color: #000000;
}
.complete.rupturetpu .skill-bar-percent {
  color: #000000;
}
.complete.impacttpu .skill-bar-percent {
  color: #000000;
}
.complete.chaleurtpu .skill-bar-percent {
  color: #000000;
}
.complete.humidetpu .skill-bar-percent {
  color: #000000;
}
.complete.couchestpu .skill-bar-percent {
  color: #000000;
}
.complete.tolerencetpu .skill-bar-percent {
  color: #000000;
}
/* TPU */
.qualitetpu .skillbar-title {
  background: #333333;  
}
.qualitetpu .skillbar-bar {
  background: #ff9900;  
}
.tractiontpu .skillbar-title {
  background: #333333;  
}
.tractiontpu .skillbar-bar {
  background: #ff9900;  
}
.rupturetpu .skillbar-title {
  background: #333333;
}
.rupturetpu .skillbar-bar {
  background: #ff9900;
}
.impacttpu .skillbar-title {
  background: #333333;  
}
.impacttpu .skillbar-bar {
  background: #ff9900;  
}
.chaleurtpu .skillbar-title {
  background: #333333;  
}
.chaleurtpu .skillbar-bar {
  background: #ff9900;  
}
.humidetpu .skillbar-title {
  background: #333333;  
}
.humidetpu .skillbar-bar {
  background: #ff9900;  
}
.couchestpu .skillbar-title {
  background: #333333;  
}
.couchestpu .skillbar-bar {
  background: #ff9900;  
}
.tolerencetpu .skillbar-title {
  background: #333333;  
}
.tolerencetpu .skillbar-bar {
  background: #ff9900;  
}