.granddiv {
    width:830px; 
    margin-bottom: 15px;
}

.carrebleu {
    width:800px;
    height:150px;
    background:#093844; 
    margin: auto;
}

.conteneurjaune {
    display: flex;
    margin-top: 15px; 
    margin-bottom: 15px;
}

.jaune1 {
    width:166px;
    height:39px;
    background:#f9f89b
}

.jaune2 {
    width:166px;
    height:39px;
    background:#f1f084
}

.jaune3 {
    width:166px;
    height:39px;
    background:#e6e573
}

.jaune4 {
    width:166px;
    height:39px;
    background:#dedd5e
}

.jaune5 {
    width:166px;
    height:39px;
    background:#d2d155
}

.rectangles {
    display:flex;
    width:880px;
}

.rec1 {
    width:550px;
    height:500px;
    background:#80a894; 
    margin-right: 15px;
}

.rec2 {
    width:250px;
    height:500px;
    background:#52736b;
    margin-left: 15px;
}

.footer {
    width:700px;
    height:100px;
    background:#532736;
    margin-left: 70px;
}