.band {
           margin-bottom: 40px;
           display: grid !important;
           grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)) !important;
           gap: 16px;
           width: 100%;
           max-width: none;
           grid-auto-rows: auto !important;
           grid-auto-flow: row !important;
       }

       /* Les <a> sont bien les items de grid, en flex */
       .band>a.card {
           display: flex !important;
           min-width: 0 !important;
       }

       /* La première card occupe la hauteur de deux cards */
       .item-1 {
           grid-row: span 2;
       }

       .item-1 .thumbox img {
           margin: 0 auto;
           align-items: center;
           /* width: 300px; */
           object-fit: contain;
       }

       .thumbox img {
           width: 100%;
           max-height: 175px;
           object-fit: contain;
       }

       a.card.item-1 {
           display: block !important;
           align-content: center;
           /* display: flex; */
           flex-direction: column;
       }

       .item-1 .thumbox {
           width: 100%;
           max-height: 300px;
           flex: 1 0 0;
           overflow: hidden;
           border-radius: 6px;
       }

       .item-1 .thumbox img {
           display: block;
           width: 100%;
           max-width: 530px;
           max-height: 300px;
       }

       /* Mise en forme interne de la card */
       .card {
           gap: 12px;
           background: white;
           padding: 12px;
           border-radius: 6px;
           box-shadow: 0px 0px 4px 0px #835318 !important;
           text-decoration: none;
           text-decoration: none;
           color: inherit;
           align-items: stretch;
           transition: transform .1s ease-in;
       }

       .card:hover {
           transform: scale(1.04);
           transition: transform 0.5s ease-in;
           -webkit-box-shadow: 4px 2px 7px -1px rgba(0, 0, 0, 0.93);
           box-shadow: 4px 2px 7px -1px rgba(0, 0, 0, 0.93);
       }

       /* Image carrée */
       .thumbox {
           width: 100%;
           flex: 1 0 0;
           aspect-ratio: 3 / 2;
           overflow: hidden;
           border-radius: 6px;
       }

       /* Contenu texte */
       .card-description {
           flex: 1;
           display: block;
           flex-direction: column;
           justify-content: space-between;
       }

       h4.actu-title {
           margin: 0 0 6px 0;
           font-size: 1.8rem;
           background-color: rgb(0, 0, 0);
           background-image: linear-gradient(to right, rgb(54, 236, 222), rgb(0, 0, 0));
           background-clip: text;
           -webkit-background-clip: text;
           color: transparent;


       }

       .excerpt {
           margin: 6px 0 12px 0;
           line-height: 1.4;
       }

       .actu-date {
           font-size: 0.85rem;
           color: #777;
       }

       .actu-date:before {
           font-family: FontAwesome !important;
           content: "\f073";
           padding-right: 5px;
           font-style: normal !important;
           color: darkgray;
       }

       .actu-folder {
           font-size: 0.85rem;
           color: #444;
       }

       .actu-label {
           display: inline-block;
           width: 1.2em;
           height: 1.2em;
           vertical-align: middle;
           margin-right: 4px;
       }

       .thumbox {
           flex-shrink: 1;
       }

       @media (max-width: 1016px) {
           .item-1 .thumbox img {
               /* width: 50%; */
               height: 200px;
               object-fit: contain;
           }

           a.card.item-1 {
               flex-direction: inherit;
           }
       }

       @media (max-width: 460px) {
           .band {
               grid-template-columns: 1fr !important;
               gap: 12px;
               padding: 0 10px;
               justify-items: center;
           }

           .card {
               flex-direction: column;
               width: 100%;
               max-width: 100%;
               min-width: 0;
               /* clé absolue */
               overflow: hidden;
           }

           .thumbox {
               width: 100%;
               aspect-ratio: 1 / 1;
               flex: none;
               min-width: 0;
               display: contents;
           }

           .thumb {
               width: 100%;
               height: auto;
               object-fit: cover;
           }

           .card-description {
               overflow-wrap: anywhere;
               word-break: break-word;
               max-width: 100%;
               min-width: 0;
               /* clé absolue */
           }
       }