/* FONCTIONS LESS */
.border-radius(@radius) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}
/* VARIABLES LESS */
@primaire:#73b613;
@secondaire:#50800d;
@padding-bootstrap:10px;
/******************************************/
/* SURCLASSEMENT BOOTSTRAP - FRONT OFFICE */
/******************************************/

  // Imbrication du hover &:hover -> this:hover
  .navbar-right a, .navbar-brand{
    &:hover {color:@primaire !important;}
  }

/***********/
/* GENERAL */
/***********/
  html, body {}
  h1, h2, h3, h4, h5, h6{}
  div.beginner{}

/* -- Container du site */
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
  padding:@padding-bootstrap;
}

/*********************/
/* RESPONSIVE DESIGN */
/*********************/

  // MD Bootstrap -- Desktop or even Big Tablet
@media (min-width: 992px) and (max-width: 1199px) {

}
  // SM Bootstrap -- Small screen to tablet & IPAD
@media (min-width: 768px) and (max-width: 991px) {

}
  // XS Bootstrap -- Landscape phone to tablet
@media only screen and (max-width: 767px) {

}
  // Special Phone Portrait
@media only screen and (max-width: 480px) {

}