html{
  height: 100%;
}
body {
  background-color: rgb(100, 100, 100);
  position: relative;
  height: 100%;
}
.Cadre {
  background-color: rgb(50,50,50);
  border-radius: 10px;
  width:75%;
  text-align:left;
  margin:auto;
  margin-top: 2%;
  padding:1% 1% 1% 1%;
  color:White;
}
.image {
  width: 97%;
  margin-top : 2%;
}
footer {
  text-align:left;
  position: absolute;
  color:White;
  left:0;
  width: 99.5%;
  margin-top:2%;
  background-color: rgb(30,30,30);
  border-radius:10px;
  padding-left:1%;
}
.lien {
  display: inline-block;
  width: 17%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
.lientp1 {
  display: inline-block;
  width: 30%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
.lientp2 {
  display: inline-block;
  width: 30%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
.lientp3 {
  display: inline-block;
  width: 47%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
.lientp4 {
  display: inline-block;
  width: 47%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
.lientp5 {
  display: inline-block;
  width: 30%;
  height: 98%;
  text-align: center;
  padding: auto;
  margin: 1% 1% 1% 1%;
  background-color: rgb(30,30,30);
  border-radius: 5px;
}
#titre {
  background-color:rgb(80,80,80);
  border-radius: 10px;
  margin:auto;
  padding:1% 1% 1% 1%;
  text-align: center;
  width:66%;
  color: White;
  text-decoration:underline;
}