/*
 * Fonts
 */

 @import "../fonts/montserrat/stylesheet.less";


/*
 * IMPORT
 */

@import "modules/header.less";
@import "modules/footer.less";
@import "modules/sub-menu.less";
@import "modules/variables.less";
@import "modules/slider.less";
@import "modules/banners.less";
@import "modules/news.less";
@import "modules/jobs.less";
@import "modules/form.less";
@import "modules/login.less";
@import "modules/reset.less";
@import "modules/pagination.less";
@import "modules/cms-content.less";
@import "modules/overlay.less";
@import "modules/layout.less";
@import "modules/alert.less";
@import "modules/table.less";
@import "modules/ie8.less";

@import "pages/static.less";
@import "pages/contact.less";
@import "pages/news.less";
@import "pages/catalog.less";
@import "pages/express.less";
@import "pages/account.less";
@import "pages/product.less";
@import "pages/order.less";
@import "pages/page-view.less";

/*
 * GENERAL
 */

body, html {
  font-family: 'montserratregular';
  -webkit-font-smoothing : antialiased;
  margin : 0;
  padding : 0;
}


// cette solution ne marche pas sous firefox
// @media (max-width:1040px) {
//   body {
//     zoom:80%;
//   }
// }

// @media (max-width:830px) {
//   body {
//     zoom:70%;
//   }
// }

h1, h2, h3, h4, h5 {
  margin : 0; 
  padding : 0;  
  line-height : normal;
  -webkit-font-smoothing: antialiased;
  font-weight : normal;
}

ul {
  margin : 0;
  padding : 0;
  list-style:none;
}

a {
  line-height : normal;
  color:@red;
  text-decoration: none;

  &:hover {
    color : @red-dark;
  }

  &:focus, &:active {
    color : @black;
  }
}

p {
  font-family: Arial, Helvetica, sans-serif;
}

img {
  max-width: 100%;
}

dl {

  dt {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : grey;
    font-weight : bold;
  }

  dd {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : grey;
    font-weight : normal;
  }
}

fieldset {
  margin : 0;
  padding : 0;
  border : none;
}


/*
 * Button
 */


.button {
  font-size : 12px;
  text-transform : uppercase;
  border-radius : 5px;
  padding-top : 12px;
  padding-bottom : 12px;
  text-decoration : none;
  display : inline-block;
  line-height : normal;
  text-align : center;
  cursor : pointer; 
  
  &:focus {
    outline : none;
  }
  &.red {
    color : @white;
    background-color : @red;
    border : 1px solid @red;
    border-bottom : 1px solid @red-dark;     
    
    &:hover {
      background-color : @red-hover;
    }

    &:focus, &:active {
      background-color : @red-dark;
    }

    &.border {

      &:hover {
        background-color : @white;
        color : @red;
      }

      &:focus, &:active {
        color : @red;
        background-color : #f7a192;
        border-color : transparent;
      }

    }

  }
  &.white {
    color: @grey;
    border : 1px solid @grey-light;
    background-color : @white;

    &:hover {
      border-color : @white-hover-border;
      color : @white-hover-color;
    }

    &:focus, &:active {
      border-color : @grey-light;
      color : @grey;
      background-color : #f0f0f0;
    }

  }
}