html, body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 62.5%;
  line-height: 20px;
  display:flex;
  flex-direction: column;
  height:100%;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  line-height: 20px;
}

.infopratique{
  display: flex;
  margin: 10% 5%;
}

.descriptif {
  max-width: 50%;
  height:500px;
  border : 1px solid red;
}

.carte{
  max-width:50%;
  border : 1px solid green;
}

.picto{
  margin: 5% 0 5% 20%;
}

.picto i{
  font-size: 30px;
  margin:0 10%;
}