/* ===== Reset de base ===== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  /* ===== Conteneur principal ===== */
  .fluidcontainer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }
  
  /* ===== Système de grille ===== */
  .grid-9 {
    padding: 0 12px;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
  
  [class*="col-"] {
    padding: 12px;
    flex: 0 0 auto;
  }
  
  /* ===== Colonnes (9 colonnes) ===== */
  .col-1   { width: calc(11.1111% - 6.66px); }
  .col-2   { width: calc(22.2222% - 6.66px); }
  .col-3   { width: calc(33.3333% - 6.66px); }
  .col-4   { width: calc(44.4444% - 6.66px); }
  .col-5   { width: calc(55.5555% - 6.66px); }
  .col-6   { width: calc(66.6666% - 6.66px); }
  .col-7   { width: calc(77.7777% - 6.66px); }
  .col-8   { width: calc(88.8888% - 6.66px); }
  .col-9   { width: calc(100% - 6.66px); }
  
  /* ===== Responsive (optionnel) ===== */
  @media (max-width: 60rem) {
    [class*="col-"] {
      width: 100% !important;
    }
  }