.flex {
    display:flex;
}
.grid {
    display:grid;
}
.spacebetween {
    justify-content: space-between;
}
.columns {
    flex-direction:column;
}
.container {
    margin: 0 10%;
    padding:0;
}
.sticky {
    position:sticky;
    top:20px;
}
.img {
    min-width: 100px;
    min-height: 100px;
    width: 100%;
    height: 100%;
    background-color:green;
}

.noliststyle {
    list-style:none;
}
.bandederoulante {
    background-color:rgba(0,0,0,0.1);
}
.uppercase {
    text-transform:uppercase;
}

footer {
    background-color: rgba(0,0,0,0.8);
}
.bold {
    font-weight:bold;
}
section {
    border:1px solid red;
    margin-bottom: 1rem;
}
div, nav,ul {
    border: 1px solid orange;
    margin-bottom:1rem;
}

/********GALLERY****************/
#gallery {
    grid-template-areas:
    "img1 img2 img3"
    "img4 img4 img3";
    grid-template-columns: repeat(3, 1fr);
}
#img1 {
    grid-area:img1;
}
#img2 {
    grid-area:img2;
}
#img3 {
    grid-area:img3;
}
#img4 {
    grid-area:img4;
}

/********ARTICLES****************/
#articles {
    grid-template-columns:repeat(4, 1fr);
}

#infos {
    grid-template-columns:repeat(3, 1fr);
}

#brands {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
}
#header {
    grid-column-start:1;
    grid-column-end:span 6;
    grid-row-start: 1;
    grid-row-end: span 1;
    text-align:center;
}

#bottomband {
    grid-template-columns:repeat(4, 1fr);
}

#promo {
    grid-template-columns: 1fr 1fr;
}

footer>.grid {
    grid-template-columns:repeat(4, 1fr);
}

#chiffresfooter {
    grid-template-areas:
    "down clie"
    "news news"
    "fcbk rsss";
    grid-template-columns: 1fr 1fr;
}
#down {
    grid-area:down;
}
#clie {
    grid-area:clie;
}
#news {
    grid-area:news;
}
#fcbk {
    grid-area:fcbk;
}
#rsss {
    grid-area:rsss;
}