h1 {
  font-family: "arial";
  font-size: 50px;
  margin:0px;
  color: white;
}
h2 { font-weight: 700; font-size: 45px; }

/* page index */
#titre {
  position: relative; float: left;
  font-size: 70px; font-weight: 900;
  text-align: center; color: white;
}
#h1index {
  position: relative;
  float: left; left: 0px;
  margin-top: 200px;
}
#logo {
  position: relative;
  float: right;
  width: 300px;
  right: 0px;
  margin-top: 0px;
}
#ltitre {
  position: relative;
  float: left;
}
#avantages {
  position: relative; float: right;
  width: 80%; color:  white;
}
#avantages li {
   margin-top: 10px;
   font-size: 35px;
 }
#impact {
  position: relative; float: left;
  width: 75%; color:  white;
}
#impact li {
  margin-top: 10px;
  font-size: 35px;
}
.secright {
  width: 25%;
  margin-top: 50px;
}
#tocreate {
  position: absolute;
  width: 85%; left: 5%;
  font-weight: 900;
  text-align: center;
  color: white;
  display: none;
}