/*  "/html/online-compiler" IS NEEDED FOR LOADING CUSTOM .otf PATH */
.title {
    display: block;
    width: 800px;
    height: 100px;
    border: 1px solid #000;
    background-color: #FFFF00;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


.visible {
  visibility: hidden;
  border: 1px solid Red;
}


.main {
  display: block;
  clear: both;
}


.zone1 {
  float: left;
display: block;
 width:100px;height:100px;border:1px solid #000;


}

.zone2 {
float: left;
display: block;
  margin-left: 80px;
  width:100px;height:100px;border:1px solid #000;
}

.zone3 {
float: left;
display: block;
  margin-left: 50px;
  width:100px;height:100px;border:1px solid #000;
}

.zone4 {
float: left;
display: block;
  margin-left: 50px;
  width:100px;height:100px;border:1px solid #000;
}

.zone5 {
float: left;
display: block;
  margin-left: 50px;
  width:100px;height:100px;border:1px solid #000;
}

.zone6 {
float: left;
display: block;
  margin-left: 80px;
  width:100px;height:100px;border:1px solid #000;
}


.zone7 {

   margin-top: 180px;
}