body {
  padding-top: 50px;
  margin: 0;
  background-color: black;
  font-family: Verdana, sans-serif;
  font-size: 18px;
  color: White;
}

h1 {
   color: white;
   text-align: center;
}

h2 {
   font-family: Verdana, sans-serif;
   font-size: 28px;
   color: white;
   text-align: center;
   padding: 0;
}

/*** colonnes ***/
.column {
  padding: 0;
  float: left;
  width: 33%;
  text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*** IDs ***/

#col_gauche {
   position: absolute;
   text-align: center;
   width: 33%;
}

#col_centre {
   position: absolute;
   text-align: center;
   margin-left: 33%;
   width: 33%;
}

#col_droite {
  position: absolute;
  text-align: center;
   margin-left: 67%;
   width: 33%;
}

/*** navbar ***/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: DodgerBlue;
  position: fixed;
  top: 0;
  width: 100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: DeepPink;
}

.active {
  background-color: DeepPink;
}



/*** classes ***/

.balcon {
	font-family: Verdana, sans-serif;
	font-size: 36px;
	color: DeepSkyBlue;
}

.etage {
	font-family: Verdana, sans-serif;
	font-size: 36px;
	color: OrangeRed;
}

.rdc {
	font-family: Verdana, sans-serif;
	font-size: 36px;
	color: SandyBrown;
}