#referentiel_graph {
    display: flex;
    justify-content: center;
    align-items: center;
}
.referentiel-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto auto auto auto auto;
    gap: 16px;
}
.referentiel-grid .maison,
.referentiel-grid .blason {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.referentiel-grid .maison img {
    max-width: 100%;
    height: auto;
}
/* Ligne 1 */
#maison12 { grid-column: 3 / span 10; grid-row: 1; }
/* Ligne 2 */
#maison6  { grid-column: 2 / span 2; grid-row: 2; transform: rotate(-30deg); }
#maison1  { grid-column: 3;          grid-row: 2; }
#maison8  { grid-column: 4 / span 2; grid-row: 2; transform: rotate(30deg); }
/* Ligne 3 */
.blason   { grid-column: 5;          grid-row: 3; }
/* Ligne 4 */
#maison9  { grid-column: 1;          grid-row: 4; }
#maison2  { grid-column: 2;          grid-row: 4; }
#maison5  { grid-column: 3;          grid-row: 4; }
#maison4  { grid-column: 4;          grid-row: 4; }
#maison13 { grid-column: 5;          grid-row: 4; }
/* Ligne 5 */
#maison7  { grid-column: 2 / span 2; grid-row: 5; transform: rotate(30deg); }
#maison3  { grid-column: 3;          grid-row: 5; }
#maison10 { grid-column: 4 / span 2; grid-row: 5; transform: rotate(-30deg); }
/* Ligne 6 */
#maison11 { grid-column: 3 / span 5; grid-row: 6; }