/*-GESTIONECOLONNE
----------------------------------------------- */

@media (min-width: 1px) {
 .col-6, .col-4, .col-sm-3, .col-sm-4, .col-sm-6, .col-lg-5cols{float:left;}
}

/*
@media(min-width: 1920px){
  .container-fluid{max-width: 1540px; margin-left:auto!important;}
}
*/


/*-CINQUECOLONNE
----------------------------------------------- */
.col-5cols,
.col-xs-5cols,
.col-sm-5cols,
.col-md-5cols,
.col-lg-5cols,
.col-xl-5cols,
.col-xxl-5cols,
.col-xxxl-5cols {
  position: relative;
  /*width: auto;*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  }
.col-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
    float: left;
  }

  @media(min-width: 480px){
.col-xs-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
    float: left;
  }
}
@media (min-width: 576px) {
.col-sm-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xl-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-5cols {
-ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
        float: left;
    }
}


/*-SETTECOLONNE
----------------------------------------------- */
.col-7cols,
.col-xs-7cols,
.col-sm-7cols,
.col-md-7cols,
.col-lg-7cols,
.col-xl-7cols,
.col-xxl-7cols,
.col-xxxl-7cols {
  position: relative;
  /*width: auto;*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  }
.col-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
    float: left;
  }

  @media(min-width: 480px){
.col-xs-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
    float: left;
  }
}
@media (min-width: 576px) {
.col-sm-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xl-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-7cols {
-ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
        float: left;
    }
}

/*-OTTOCOLONNE
----------------------------------------------- */
.col-8cols,
.col-xs-8cols,
.col-sm-8cols,
.col-md-8cols,
.col-lg-8cols,
.col-xl-8cols,
.col-xxl-8cols,
.col-xxxl-8cols {
  position: relative;
  /*width: auto;*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  }
.col-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
    float: left;
  }

  @media(min-width: 480px){
.col-xs-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
    float: left;
  }
}
@media (min-width: 576px) {
.col-sm-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xl-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-8cols {
-ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
        float: left;
    }
}

/*-NOVECOLONNE
----------------------------------------------- */
.col-9cols,
.col-xs-9cols,
.col-sm-9cols,
.col-md-9cols,
.col-lg-9cols,
.col-xl-9cols,
.col-xxl-9cols,
.col-xxxl-9cols  {
  position: relative;
  /*width: auto;*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  }
.col-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
    float: left;
  }

  @media(min-width: 480px){
.col-xs-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
    float: left;
  }
}
@media (min-width: 576px) {
.col-sm-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-xl-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-9cols {
-ms-flex: 0 0 11.1111111111%;
      flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%;
        float: left;
    }
}

/*-DIECICOLONNE
----------------------------------------------- */
.col-10cols,
.col-xs-10cols,
.col-sm-10cols,
.col-md-10cols,
.col-lg-10cols,
.col-xl-10cols,
.col-xxl-10cols,
.col-xxxl-10cols {
  position: relative;
  /*width: auto;*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  }
.col-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
    float: left;
  }

  @media(min-width: 480px){
.col-xs-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
    float: left;
  }
}
@media (min-width: 576px) {
.col-sm-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-md-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-lg-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-xl-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xxl-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}

@media (min-width: 1600px) {
    .col-xxxl-10cols {
-ms-flex: 0 0 10%;
      flex: 0 0 10%;
  max-width: 10%;
        float: left;
    }
}