/* Example CSS file */ 
main{
    margin: var(--marge);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    white-space: none;
    gap: var(--marge);
}

.media{
    width: 100%;
    display: block;
    position: relative;
}

.media img{
    width: 100%;
    height: auto;
}

.media video{
    width: 100%;
    height: auto;
}

.travaux{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-right: var(--marge);
 
    
}

.travaux h2{
    margin-bottom: var(--marge);
}

.tiers{
    grid-column: span 2;
}

.deux-tiers{
   grid-column: span 4;
}
.demi{
    grid-column: span 3;
}

.plein{
    grid-column: 1 / -1;
}