#carre {
    width: 1000px;
    height: 1000px;
}

#block1 {
    background: black ;
    width: 1000px ;
    height: 1000px ;
    position: absolute;
    top: 0px;
    left: 0px;

}
#block2 {
    background: gold ;
    width: 900px ;
    height: 900px ;
    top: 50px;
    left:50px;
    position: absolute;
}
#block3 {
    background: black;
    width: 800px ;
    height: 800px ;
    top: 100px;
    left:100px;
    position: absolute;
}
#block4 {
    background: gold ;
    width: 700px ;
    height: 700px ;
    top: 150px;
    left:150px;
    position: absolute;
}
#block5 {
    background: black ;
    width: 600px ;
    height: 600px ;
    top: 200px;
    left:200px;
    position: absolute;
}
#block6 {
    background: gold;
    width: 500px ;
    height: 500px ;
    top: 250px;
    left:250px;
    position: absolute;
}
#block7 {
    background: black ;
    width: 400px ;
    height: 400px ;
    top: 300px;
    left:300px;
    position: absolute;
}
#block8 {
    background: gold ;
    width: 300px ;
    height: 300px ;
    top: 350px;
    left:350px;
    position: absolute;
}
#block9 {
    background: black;
    width: 200px ;
    height: 200px ;
    top: 400px;
    left:400px;
    position: absolute;
}
#block10 {
    background: red;
    width: 100px ;
    height: 100px ;
    top: 450px;
    left:450px;
    position: absolute;
}