.container {
  /* display: flex;
  flex-direction: column; */
  width: 100%;
  margin-right: auto;
  margin-left: auto;

  /*max-width:1280px;*/
  max-width:1000px;
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;

}

.col-lg-12, .col-sm-12, .l12, .m12, .s12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-lg-11, .col-sm-11,.l11, .m11, .s11 {
  flex: 0 0 91.66%;
  max-width: 91.66%;
}

.col-lg-10, .col-sm-10,.l10, .m10, .s10 {
  flex: 0 0 83.33%;
  max-width: 83.33%;
}

.col-lg-9, .col-sm-9,.l9, .m9, .s9{
  flex: 0 0 75%;
  max-width: 75%;
}

.col-lg-8, .col-sm-8,.l8, .m8, .s8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}

.col-lg-7, .col-sm-7, .l7, .m7, .s7 {
  flex: 0 0 58.33%;
  max-width: 58.33%;
}

.col-lg-6, .col-sm-6, .l6, .m6, .s6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-lg-5, .col-sm-5, .l5, .m5, .s5 {
  flex: 0 0 41.66%;
  max-width: 41.66%;
}

.col-lg-4, .col-sm-4, .l4, .m4, .s4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.col-lg-3, .col-sm-3, .l3, .m3, .s3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-lg-2, .col-sm-2, .l2, .m2, .s2 {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}

.col-lg-1, .col-sm-1, .l1, .m1, .s1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}

.justify-content-center {
  -ms-flex-pack: center!important;
  justify-content: center!important;
}

.justify-content-end {
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}

.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important;
}

.justify-content-between {
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

/*
FORCE LE RETOUR A LA LIGNE
*/
.col-break {
  width: 100%!important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@media (min-width: 769px) and (max-width: 1366px){
  .container {
    max-width: 95%;
  }
  
  .m12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .m11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  
  .m10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  
  .m9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .m8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  
  .m7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  
  .m6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .m5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  
  .m4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  
  .m3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .m2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  
  .m1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

}

@media (max-width: 768px) {
  .container {
    max-width: 95%;
  }

  .col-sm-12, .s12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-sm-11, .s11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  
  .col-sm-10, .s10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  
  .col-sm-9, .s9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .col-sm-8, .s8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  
  .col-sm-7, .s7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  
  .col-sm-6, .s6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .col-sm-5, .s5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  
  .col-sm-4, .s4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  
  .col-sm-3, .s3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .col-sm-2, .s2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  
  .col-sm-1, .s1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }

}