@firme: true;



// Link Pictures
@images: '../../../../images';
@img: '../../../../images/dist';
@fonts: '../../../fonts';

@rules-peb: 25px;

.bgBlack{
  background: @black33;
  color: @white;
}

//== Colors
@black00: #000000;
@black33: #333333;
@black1d: #1d1d1d;
@black28: #28282A;

@greyeb: #ebebeb;
@greye8: #e8e8e8;
@grey66: #666666;
@greyf1: #f1f1f1;
@greycc: #cccccc;
@greyc4: #C4C4C4;
@greycf: #cfcfcf;
@greydc: #DCDCDC;
@greydd: #dddddd;
@greyde: #dedede;
@greyee: #eeeeee;
@greyd9: #D9D9D9;
@greyf0: #f0f0f0;
@greyb2: #b2b2b2;
@greyf8: #f8f8f8;
@greyb5: #b5b5b5;
@grey99: #999999;
@greybg: #BFBFBF;

@orangeff: #ff6600;
@light-orange: #ffe7da;
@orangeffe8 : #ffe8d9;

@green66: #66cc00;

@black-purple:#781d7e;
@light-purple:#ebddec;

@white: #ffffff;
@yellow: #FFFF00;

@inputError: #ffe5e5;

@overlay:#000000;



/* Family fonts */

@font-size-base: 16px;
@font-size-small: 12px;
@font-size-extrasmall: 10px;
@font-size-large: 16px;
@font-size-extralarge: 28px;




.background-gradient(@position, @colorStart, @percentStart, @colorStop, @percentStop, @positionWebkit, @positionWebkit2, @positionWebkit3, @positionIE){
  background: -moz-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* FF3.6+ */
  background: -webkit-gradient(@positionWebkit, @positionWebkit2, @positionWebkit3, color-stop(@percentStart, @colorStart), color-stop(@percentStop, @colorStop)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* Opera 11.10+ */
  background: -ms-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@colorStart, endColorstr=@colorStop,GradientType=@positionIE ); /* IE6-9 */
}
.border-radius(@size){
  -webkit-border-radius: @size;
  -o-border-radius: @size;
  -ms-border-radius: @size;
  -moz-border-radius: @size;
  border-radius: @size;
}
.transition(@type, @sec, @style){
  -webkit-transition: @type @sec @style;
  -moz-transition: @type @sec @style;
  -ms-transition: @type @sec @style;
  -o-transition: @type @sec @style;
  transition: @type @sec @style;
}
.box-shadow(@coordonate, @color){
  -moz-box-shadow: @coordonate @color;
  -webkit-box-shadow: @coordonate @color;
  -ms-box-shadow: @coordonate @color;
  -o-box-shadow: @coordonate @color;
  box-shadow: @coordonate @color;
}