body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;

  background-image: url("city_v2.jpg");
}

.monBloc{
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  border-style: solid;
  border-width: 2px;
  border-color: white;
  padding: 2%;
  color: white;
  margin-top: 10%;
  margin-bottom: 10%;
  margin-left: 20%;
  margin-right: 20%;
  width: 60%;
}

.monTexte{
  width: 50%;
  text-align: center;
  font-size: 1.875em; /* 30px/16=1.875em */
}

.image {

}

.maColonneI{
padding-left: 10%
}

.maColonneT{
  text-align: justify;
  padding-left: 30%
}

#tab{
  margin-left: 1%;
  margin-right: 1%;
  width:100%;
}

#carousel {
  height: 100%;
  width: 100%;
}