.boite-principale{
    width: 830px; margin: auto;
}

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

nav{
    display: flex;
}

.jaune1{
    width: 166px; height: 39px; background: #f9f89b; margin-top: 15px; margin-bottom: 15px;
}

.jaune2{
    width: 166px; height: 39px; background: #f1f084; margin-top: 15px; margin-bottom: 15px;
}

.jaune3{
    width: 166px; height: 39px; background: #e6e573; margin-top: 15px; margin-bottom: 15px;
}

.jaune4{
    width: 166px; height: 39px; background: #dedd5e; margin-top: 15px; margin-bottom: 15px;
}

.jaune5{
    width: 166px; height: 39px; background: #d2d155; margin-top: 15px; margin-bottom: 15px;
}

.boite2{
    display:flex;
}

.vert1{
    width:550px;height:500px;background:#80a894;
}

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

footer{
    width:700px;height:100px;background:#532736;margin:15px auto 0 auto;
}