@charset "UTF-8";
/*
 * Copyright (C) 2000-2023 Chapsvision
 * License Chapsvision
 *
 * /!\ Feuille de style générée automatiquement /!\
 * /!\             Ne pas modifier!             /!\
 *
 */
.grid {
  display: grid;
  justify-items: stretch;
  align-items: start;
  gap: 10px 0px;
}

.grid.align-right {
  justify-content: end;
}

.grid.grid-no-gap {
  gap: 0px;
}

.grid.grid-gap-narrow {
  gap: 5px;
}

.grid.grid-gap-standard {
  gap: 10px;
}

.grid.grid-gap-wide {
  gap: 20px;
}

/******************************* 
* Small Devices Configuration *
********************************/
@media (max-width: 499px) {
  .grid.grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-sm-2.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(1, 1fr);
  }
  .grid.grid-sm-2.grid-sm-sidebar-right {
    grid-template-columns: repeat(1, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-2 {
    grid-column: span 2;
  }
  .grid > .grid-sm-rowspan-2 {
    grid-row: span 2;
  }
  .grid.grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-sm-3.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(2, 1fr);
  }
  .grid.grid-sm-3.grid-sm-sidebar-right {
    grid-template-columns: repeat(2, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-3 {
    grid-column: span 3;
  }
  .grid > .grid-sm-rowspan-3 {
    grid-row: span 3;
  }
  .grid.grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-sm-4.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(3, 1fr);
  }
  .grid.grid-sm-4.grid-sm-sidebar-right {
    grid-template-columns: repeat(3, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-4 {
    grid-column: span 4;
  }
  .grid > .grid-sm-rowspan-4 {
    grid-row: span 4;
  }
  .grid.grid-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-sm-5.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(4, 1fr);
  }
  .grid.grid-sm-5.grid-sm-sidebar-right {
    grid-template-columns: repeat(4, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-5 {
    grid-column: span 5;
  }
  .grid > .grid-sm-rowspan-5 {
    grid-row: span 5;
  }
  .grid.grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-sm-6.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(5, 1fr);
  }
  .grid.grid-sm-6.grid-sm-sidebar-right {
    grid-template-columns: repeat(5, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-6 {
    grid-column: span 6;
  }
  .grid > .grid-sm-rowspan-6 {
    grid-row: span 6;
  }
  .grid.grid-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-sm-7.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(6, 1fr);
  }
  .grid.grid-sm-7.grid-sm-sidebar-right {
    grid-template-columns: repeat(6, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-7 {
    grid-column: span 7;
  }
  .grid > .grid-sm-rowspan-7 {
    grid-row: span 7;
  }
  .grid.grid-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-sm-8.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(7, 1fr);
  }
  .grid.grid-sm-8.grid-sm-sidebar-right {
    grid-template-columns: repeat(7, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-8 {
    grid-column: span 8;
  }
  .grid > .grid-sm-rowspan-8 {
    grid-row: span 8;
  }
  .grid.grid-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-sm-9.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(8, 1fr);
  }
  .grid.grid-sm-9.grid-sm-sidebar-right {
    grid-template-columns: repeat(8, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-9 {
    grid-column: span 9;
  }
  .grid > .grid-sm-rowspan-9 {
    grid-row: span 9;
  }
  .grid.grid-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-sm-10.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(9, 1fr);
  }
  .grid.grid-sm-10.grid-sm-sidebar-right {
    grid-template-columns: repeat(9, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-10 {
    grid-column: span 10;
  }
  .grid > .grid-sm-rowspan-10 {
    grid-row: span 10;
  }
  .grid.grid-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-sm-11.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(10, 1fr);
  }
  .grid.grid-sm-11.grid-sm-sidebar-right {
    grid-template-columns: repeat(10, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-11 {
    grid-column: span 11;
  }
  .grid > .grid-sm-rowspan-11 {
    grid-row: span 11;
  }
  .grid.grid-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-sm-12.grid-sm-sidebar-left {
    grid-template-columns: min-content repeat(11, 1fr);
  }
  .grid.grid-sm-12.grid-sm-sidebar-right {
    grid-template-columns: repeat(11, 1fr) min-content;
  }
  .grid > .grid-sm-colspan-12 {
    grid-column: span 12;
  }
  .grid > .grid-sm-rowspan-12 {
    grid-row: span 12;
  }
}
/******************************* 
* Medium Devices Configuration *
********************************/
@media (min-width: 500px) and (max-width: 1279px) {
  .grid.grid-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-md-2.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(1, 1fr);
  }
  .grid.grid-md-2.grid-md-sidebar-right {
    grid-template-columns: repeat(1, 1fr) min-content;
  }
  .grid > .grid-md-colspan-2 {
    grid-column: span 2;
  }
  .grid > .grid-md-rowspan-2 {
    grid-row: span 2;
  }
  .grid.grid-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-md-3.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(2, 1fr);
  }
  .grid.grid-md-3.grid-md-sidebar-right {
    grid-template-columns: repeat(2, 1fr) min-content;
  }
  .grid > .grid-md-colspan-3 {
    grid-column: span 3;
  }
  .grid > .grid-md-rowspan-3 {
    grid-row: span 3;
  }
  .grid.grid-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-md-4.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(3, 1fr);
  }
  .grid.grid-md-4.grid-md-sidebar-right {
    grid-template-columns: repeat(3, 1fr) min-content;
  }
  .grid > .grid-md-colspan-4 {
    grid-column: span 4;
  }
  .grid > .grid-md-rowspan-4 {
    grid-row: span 4;
  }
  .grid.grid-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-md-5.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(4, 1fr);
  }
  .grid.grid-md-5.grid-md-sidebar-right {
    grid-template-columns: repeat(4, 1fr) min-content;
  }
  .grid > .grid-md-colspan-5 {
    grid-column: span 5;
  }
  .grid > .grid-md-rowspan-5 {
    grid-row: span 5;
  }
  .grid.grid-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-md-6.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(5, 1fr);
  }
  .grid.grid-md-6.grid-md-sidebar-right {
    grid-template-columns: repeat(5, 1fr) min-content;
  }
  .grid > .grid-md-colspan-6 {
    grid-column: span 6;
  }
  .grid > .grid-md-rowspan-6 {
    grid-row: span 6;
  }
  .grid.grid-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-md-7.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(6, 1fr);
  }
  .grid.grid-md-7.grid-md-sidebar-right {
    grid-template-columns: repeat(6, 1fr) min-content;
  }
  .grid > .grid-md-colspan-7 {
    grid-column: span 7;
  }
  .grid > .grid-md-rowspan-7 {
    grid-row: span 7;
  }
  .grid.grid-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-md-8.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(7, 1fr);
  }
  .grid.grid-md-8.grid-md-sidebar-right {
    grid-template-columns: repeat(7, 1fr) min-content;
  }
  .grid > .grid-md-colspan-8 {
    grid-column: span 8;
  }
  .grid > .grid-md-rowspan-8 {
    grid-row: span 8;
  }
  .grid.grid-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-md-9.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(8, 1fr);
  }
  .grid.grid-md-9.grid-md-sidebar-right {
    grid-template-columns: repeat(8, 1fr) min-content;
  }
  .grid > .grid-md-colspan-9 {
    grid-column: span 9;
  }
  .grid > .grid-md-rowspan-9 {
    grid-row: span 9;
  }
  .grid.grid-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-md-10.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(9, 1fr);
  }
  .grid.grid-md-10.grid-md-sidebar-right {
    grid-template-columns: repeat(9, 1fr) min-content;
  }
  .grid > .grid-md-colspan-10 {
    grid-column: span 10;
  }
  .grid > .grid-md-rowspan-10 {
    grid-row: span 10;
  }
  .grid.grid-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-md-11.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(10, 1fr);
  }
  .grid.grid-md-11.grid-md-sidebar-right {
    grid-template-columns: repeat(10, 1fr) min-content;
  }
  .grid > .grid-md-colspan-11 {
    grid-column: span 11;
  }
  .grid > .grid-md-rowspan-11 {
    grid-row: span 11;
  }
  .grid.grid-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-md-12.grid-md-sidebar-left {
    grid-template-columns: min-content repeat(11, 1fr);
  }
  .grid.grid-md-12.grid-md-sidebar-right {
    grid-template-columns: repeat(11, 1fr) min-content;
  }
  .grid > .grid-md-colspan-12 {
    grid-column: span 12;
  }
  .grid > .grid-md-rowspan-12 {
    grid-row: span 12;
  }
}
/******************************* 
* Large Devices Configuration *
********************************/
@media (min-width: 1280px) {
  .grid.grid-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.grid-lg-2.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(1, 1fr);
  }
  .grid.grid-lg-2.grid-lg-sidebar-right {
    grid-template-columns: repeat(1, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-2 {
    grid-column: span 2;
  }
  .grid > .grid-lg-rowspan-2 {
    grid-row: span 2;
  }
  .grid.grid-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.grid-lg-3.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(2, 1fr);
  }
  .grid.grid-lg-3.grid-lg-sidebar-right {
    grid-template-columns: repeat(2, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-3 {
    grid-column: span 3;
  }
  .grid > .grid-lg-rowspan-3 {
    grid-row: span 3;
  }
  .grid.grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.grid-lg-4.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(3, 1fr);
  }
  .grid.grid-lg-4.grid-lg-sidebar-right {
    grid-template-columns: repeat(3, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-4 {
    grid-column: span 4;
  }
  .grid > .grid-lg-rowspan-4 {
    grid-row: span 4;
  }
  .grid.grid-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.grid-lg-5.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(4, 1fr);
  }
  .grid.grid-lg-5.grid-lg-sidebar-right {
    grid-template-columns: repeat(4, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-5 {
    grid-column: span 5;
  }
  .grid > .grid-lg-rowspan-5 {
    grid-row: span 5;
  }
  .grid.grid-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.grid-lg-6.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(5, 1fr);
  }
  .grid.grid-lg-6.grid-lg-sidebar-right {
    grid-template-columns: repeat(5, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-6 {
    grid-column: span 6;
  }
  .grid > .grid-lg-rowspan-6 {
    grid-row: span 6;
  }
  .grid.grid-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.grid-lg-7.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(6, 1fr);
  }
  .grid.grid-lg-7.grid-lg-sidebar-right {
    grid-template-columns: repeat(6, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-7 {
    grid-column: span 7;
  }
  .grid > .grid-lg-rowspan-7 {
    grid-row: span 7;
  }
  .grid.grid-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.grid-lg-8.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(7, 1fr);
  }
  .grid.grid-lg-8.grid-lg-sidebar-right {
    grid-template-columns: repeat(7, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-8 {
    grid-column: span 8;
  }
  .grid > .grid-lg-rowspan-8 {
    grid-row: span 8;
  }
  .grid.grid-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.grid-lg-9.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(8, 1fr);
  }
  .grid.grid-lg-9.grid-lg-sidebar-right {
    grid-template-columns: repeat(8, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-9 {
    grid-column: span 9;
  }
  .grid > .grid-lg-rowspan-9 {
    grid-row: span 9;
  }
  .grid.grid-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.grid-lg-10.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(9, 1fr);
  }
  .grid.grid-lg-10.grid-lg-sidebar-right {
    grid-template-columns: repeat(9, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-10 {
    grid-column: span 10;
  }
  .grid > .grid-lg-rowspan-10 {
    grid-row: span 10;
  }
  .grid.grid-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.grid-lg-11.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(10, 1fr);
  }
  .grid.grid-lg-11.grid-lg-sidebar-right {
    grid-template-columns: repeat(10, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-11 {
    grid-column: span 11;
  }
  .grid > .grid-lg-rowspan-11 {
    grid-row: span 11;
  }
  .grid.grid-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid.grid-lg-12.grid-lg-sidebar-left {
    grid-template-columns: min-content repeat(11, 1fr);
  }
  .grid.grid-lg-12.grid-lg-sidebar-right {
    grid-template-columns: repeat(11, 1fr) min-content;
  }
  .grid > .grid-lg-colspan-12 {
    grid-column: span 12;
  }
  .grid > .grid-lg-rowspan-12 {
    grid-row: span 12;
  }
}