@charset "UTF-8";
/* Padding de 0 jusqu'à 50 */
/*exemple padding: 5px*/
.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

/* Padding par côté de 0 jusqu'à 100 */
/*exemple padding-top: 10px*/
.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

/* margin de 0 jusqu'à 25 */
/*exemple margin: 5px*/
.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

/* margin par côté de 0 jusqu'à 20 */
/*exemple margin-top: 10px*/
.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

/* border-radius (0 → 20) */
.b-r-0 {
  border-radius: 0px !important;
}

.b-r-5 {
  border-radius: 5px !important;
}

.b-r-10 {
  border-radius: 10px !important;
}

.b-r-15 {
  border-radius: 15px !important;
}

.b-r-20 {
  border-radius: 20px !important;
}

.no-border {
  border: none !important;
}

/* Font-size (10 → 30) */
.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

/*Height (6,50,150)*/
.h-6 {
  height: 6px !important;
}

.h-50 {
  height: 50px !important;
}

.h-150 {
  height: 150px !important;
}

/*width en pixels (200px)*/
.w-200 {
  width: 200px !important;
}

.w-150 {
  width: 150px !important;
}

/*width en percentage (100%)*/
.width-100 {
  width: 100% !important;
}

/* Max-width utilities (px) */
.max-w-200 {
  max-width: 200px !important;
}

.max-w-150 {
  max-width: 150px !important;
}

/*Cursor*/
.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

/*flex-direction*/
.flex-column {
  flex-direction: column !important;
}

/*overflow*/
.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-auto {
  overflow: auto !important;
}

/*align-items*/
.a-i-center {
  align-items: center !important;
}

/*justify-content*/
.justify-content-center {
  justify-content: center !important;
}

/*Display*/
.no-display {
  display: none !important;
}

.display-flex {
  display: flex !important;
}

/*font-weight*/
.f-w-thin {
  font-weight: 100 !important;
}

.f-w-light {
  font-weight: 300 !important;
}

.f-w-normal {
  font-weight: 400 !important;
}

.f-w-medium {
  font-weight: 500 !important;
}

.f-w-semibold {
  font-weight: 600 !important;
}

.f-w-bold {
  font-weight: 700 !important;
}

.f-w-extrabold {
  font-weight: 800 !important;
}

.f-w-black {
  font-weight: 900 !important;
}

/* List-style*/
.list-none {
  list-style: none !important;
}

.list-disc {
  list-style: disc !important;
}

.list-circle {
  list-style: circle !important;
}

.list-square {
  list-style: square !important;
}

.list-decimal {
  list-style: decimal !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/*flex-wrap*/
.m-15-0-0 {
  margin: 15px 0 0 !important;
}

.m-4-0-8 {
  margin: 4px 0 8px !important;
}

.p-10-0 {
  padding: 10px 0 !important;
}

.m-15-0 {
  margin: 15px 0 !important;
}

.p-0-40 {
  padding: 0 40px !important;
}

/* Center horizontally */
.m-0-auto {
  margin: 0 auto !important;
}

/* Center vertically */
.m-auto-0 {
  margin: auto 0 !important;
}

/* Center both vertically and horizontally */
.m-auto {
  margin: auto !important;
}

/*Background*/
.redBg {
  background-color: #d53e3a !important;
}

.whiteBg {
  background-color: #ffffff !important;
}

.greyBg {
  background-color: #97b2b8 !important;
}

.blackBg {
  background-color: #000 !important;
}

/*Couleurs*/
.primaryColor {
  color: #317aec !important;
}

.whiteColor {
  color: #ffffff !important;
}

.blackColor {
  color: #000 !important;
}

.redColor {
  color: #d53e3a !important;
}

.m-10-0-5 {
  margin: 10px 0 5px !important;
}

.p-0-10-0-30 {
  padding: 0 10px 0 30px !important;
}

.bg-position-center {
  background-position: center !important;
}

.bg-size-cover {
  background-size: cover !important;
}

.bg-size-contain {
  background-size: contain !important;
}

.bg-norepeat {
  background-repeat: no-repeat !important;
}