.carreA1 {
margin-top: 450px;
margin-left: 290px;
height: 350px;
width: 350px;
background: #1f5a48;
-webkit-transform: rotate(45deg); /* Safari et Chrome */
}
.carreA2 {
margin-top: -597px;
margin-left: 536px;
height: 350px;
width: 350px;
background: #3e8c71;
-webkit-transform: rotate(45deg); /* Safari et Chrome */
}
.carreA3 {
margin-top: -103px;
margin-left: 783px;
height: 350px;
width: 350px;
background: #1f5a48;
-webkit-transform: rotate(45deg); /* Safari et Chrome */
}
.carreA4 {
margin-top: -597px;
margin-left: 1030px;
height: 350px;
width: 350px;
background: #3e8c71;
-webkit-transform: rotate(45deg); /* Safari et Chrome */
}

This is an icon box
Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.Write a short description, that will describe the title or something informational and useful.