@import "../../bootstrap_custum/variables.less";
@import "../../bootstrap_custum/mixins.less";

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

// Affichage menu
@screen-menu-responsive: ~"(max-width: 1199px)";
@menu-desktop: true;

@black00: #000000;
@black33: #333333;
@black1d: #1d1d1d;

@grey9d: #9d9d9d;
@greyeb: #ebebeb;
@grey66: #666666;
@greycc: #cccccc;
@greyc4: #C4C4C4;
@greycf: #cfcfcf;
@greydc: #DCDCDC;
@greydd: #dddddd;
@greyde: #dedede;
@greyf0: #f0f0f0;
@greyb2: #b2b2b2;
@greyf8: #f8f8f8;
@grey99: #999999;
@greyc1: #c1c1c1;

//Page silo
@black3a: #3A3A3A;
@grey8D:  #8D8D8D;
@greye1:  #e1e1e1;
@blue25:  #2571A4;


@bg-body: #f2f2f2;


@green66: #66cc00;


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

@tagsBG: #e5e5e5;

@border-grey: #e1e1e1;

@essentielle: #0066CC;
@performance: #000000;
@rentabilite: #CD9933;
@serenite: #999999;


@brand-primary: #3498db;
@brand-primary-hover: #2571a4;
@brand-warning: #d32f2f;

@table-border-color: transparent;

//Dropdown
@dropdown-bg: transparent;
@dropdown-border: @greycc;
@dropdown-fallback-border: @greycc;
@border-radius-base: 0;
@dropdown-link-color: @text-color;
@dropdown-link-hover-color: @link-hover-color;
@dropdown-link-hover-bg: transparent;

//NAVBAR
@navbar-height: 0;
@navbar-margin-bottom: 0;
@navbar-default-bg: transparent;
@navbar-default-border: transparent;
@navbar-padding-horizontal: 0;
@navbar-default-toggle-border-color: transparent;
@navbar-default-toggle-icon-bar-bg: #000000;
@navbar-default-toggle-hover-bg: transparent;
@navbar-default-link-color: #6b6b6b;
@navbar-default-link-hover-color: @link-hover-color;

@nav-link-hover-bg: transparent;
@nav-link-padding: 10px;

//== Typography
@font-family-base: 'open_sansregular', Arial, Helvetica, sans-serif;
@font-family-serif: 'noto_serifregular';
@font-size-base: 16px;
@font-size-small: 1.2rem;
@line-height-base: 1.6;
@line-height-computed: 1.6em;
@text-color: #515151;
@link-color: @text-color;
@link-hover-color: @brand-primary;
@font-size-h1: 3.8rem;
@font-size-h2: 2.8rem;
@font-size-h3: 2.2rem;
@headings-line-height: 1.4;

//== Border radius
@border-radius-base: 0;
@border-radius-large: 0;
@border-radius-small: 0;

//== Forms
@input-bg: @white;
@input-bg-disabled: @greydc;
@input-color: @black33;
@input-border: @greydc;
@input-border-radius: 2px;
@input-border-focus: @brand-primary;
@input-color-placeholder: #737373;
@input-height-base: 40px;

//== Breadcrumb
@breadcrumb-padding-vertical: 0;
@breadcrumb-bg: transparent;
@breadcrumb-separator: '>';
@breadcrumb-color: #737373;
@breadcrumb-active-color: #737373;

//== Buttons
@btn-default-color: @white;
@btn-default-bg: @brand-primary;
@btn-default-border: transparent;
@btn-font-weight: normal;
@btn-primary-color: @white;
@btn-primary-bg: @brand-primary;
@btn-primary-border: transparent;
@btn-hover-bg: #2571a4;
@btn-info-color: @text-color;
@btn-info-bg: @greydd;
@btn-info-border: @greydd;

//== Modal
@zindex-modal: 10500;
@modal-inner-padding: 20px;
@modal-title-padding: 10px;
@modal-title-line-height: @line-height-base;
@modal-content-bg: #fff;
@modal-content-border-color: transparent;
@modal-content-fallback-border-color: #999;
@modal-backdrop-bg: #000;
@modal-backdrop-opacity: .5;
@modal-header-border-color: #e5e5e5;
@modal-footer-border-color: @modal-header-border-color;
@modal-lg: 900px;
@modal-md: 600px;
@modal-sm: 300px;

@pagination-color: @grey66;
@pagination-bg: @greyf8;
@pagination-border: transparent;
@pagination-disabled-border: transparent;
@pagination-disabled-bg: @greyf8;
@pagination-disabled-color: @grey66;
@pagination-active-color: @link-hover-color;
@pagination-active-bg: @greyf8;
@pagination-hover-bg: @greyf8;
@pagination-hover-color: @link-hover-color;
@pagination-active-border: transparent;
@pagination-hover-border: transparent;

.animation-name(@name) {
  -webkit-animation-name: @name;
  -moz-animation-name: @name;
  -ms-animation-name: @name;
  -o-animation-name: @name;
  animation-name: @name;
}

.animation-fill(@fill) {
  -webkit-animation-fill-mode: @fill;
  -moz-animation-fill-mode: @fill;
  -ms-animation-fill-mode: @fill;
  -o-animation-fill-mode: @fill;
  animation-fill-mode: @fill;
}

.animation-duration(@time) {
  -webkit-animation-duration: @time;
  -moz-animation-duration: @time;
  -ms-animation-duration: @time;
  -o-animation-duration: @time;
  animation-duration: @time;
}

.transform(@scaleXy) {
  -webkit-transform: @scaleXy;
  -moz-transform: @scaleXy;
  -ms-transform: @scaleXy;
  -o-transform: @scaleXy;
  transform: @scaleXy;
}

.scale(@scale) {
  -webkit-transform: scale(@scale);
  -moz-transform: scale(@scale);
  -ms-transform: scale(@scale);
  -o-transform: scale(@scale);
  transform: scale(@scale);
}

.transform-origin(@origin) {
  -webkit-transform-origin: @origin;
  -moz-transform-origin: @origin;
  -ms-transform-origin: @origin;
  -o-transform-origin: @origin;
  transform-origin: @origin;
}

.transition2(@type, @sec, @style, @type2) {
  -webkit-transition: @type @sec @style, @type2 @sec @style;
  -moz-transition: @type @sec @style, @type2 @sec @style;
  -ms-transition: @type @sec @style, @type2 @sec @style;
  -o-transition: @type @sec @style, @type2 @sec @style;
  transition: @type @sec @style, @type2 @sec @style;
}

.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;
}

.border-radius(@size) {
  -webkit-border-radius: @size;
  -o-border-radius: @size;
  -ms-border-radius: @size;
  -moz-border-radius: @size;
  border-radius: @size;
}

.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;
}

.box-shadow2(@coordonate, @coordonate2) {
  -moz-box-shadow: @coordonate, @coordonate2;
  -webkit-box-shadow: @coordonate, @coordonate2;
  -ms-box-shadow: @coordonate, @coordonate2;
  -o-box-shadow: @coordonate, @coordonate2;
  box-shadow: @coordonate, @coordonate2;
}

.text-shadow(@coordonate) {
  -o-text-shadow: @coordonate;
  -ms-text-shadow: @coordonate;
  -webkit-text-shadow: @coordonate;
  -moz-text-shadow: @coordonate;
  text-shadow: @coordonate;
}

.background-size(@size) {
  -webkit-background-size: @size; // pour Chrome et Safari
  -moz-background-size: @size; // pour Firefox
  -o-background-size: @size; // pour Opera
  -ms-background-size: @size; // pour IE
  background-size: @size;
}

.filter-shadow(@color, @direction, @strength) {
  filter: progid:DXImageTransform.Microsoft.Shadow(color=@color, Direction=@direction, Strength=@strength);
}

.position(@horizontal, @vertical) {
  background-position: @horizontal @vertical;
}

.sprite(@spriteW, @spriteH, @spriteBlock, @center) {
  width: @spriteW;
  height: @spriteH;
  display: @spriteBlock;
  margin: @center;
}

.bgUrl(@picture, @repeat) {
  background-image: url(@picture);
  background-repeat: @repeat;
}

.span-nav(@horizontal, @vertical, @spriteW, @spriteH, @spriteBlock, @center) {
  .position(@horizontal, @vertical);
  .sprite(@spriteW, @spriteH, @spriteBlock, @center)
}


// Opacity
.opacity(@opacity) {
  -webkit-khtml-opacity: @opacity;
  -moz-khtml-opacity: @opacity;
  -ms-khtml-opacity: @opacity;
  -o-khtml-opacity: @opacity;
  khtml-opacity: @opacity;
  opacity: @opacity;

  @opacity-ie: (@opacity * 100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity-ie})";
  filter: ~"alpha(opacity=@{opacity-ie})";
}

// Placeholder
.placeholder(@color) {
  &::-webkit-input-placeholder {
    color: @color;
  }
  &:-moz-placeholder {
    color: @color;
    opacity: 1;
  }
  &::-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
}

.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 */
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    -moz-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    -moz-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@icon-font-path: "../../fonts/";