/*
DESCRIPTION
*/
html {
    height: 100%;
}

@import url(https://fonts.googleapis.com/css?family=Montserrat:500);

html,
body {
    margin: 0;
    height: 100%; 
    background-color: cadetblue;
}

#ti-loup{
    float: left;
    background-color: white;
    height: 100%;
    width: 50%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #ti-loup img {
    width: 60%;
    height: auto
  }
#ti-loup a {
    color: black;
    text-decoration: none;
}
#ti-loup a:hover {
    color: red;
    text-decoration: none;
}

  #design {
      float: right;
      background-color: black;
      color: white;
      height: 100%;
      width: 50%;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 40px;
  }
  #design img {
      width: 60%;
      height: auto
}
#design a {
    color: white;
    text-decoration: none;
}
#design a:hover {
    color: red;
    text-decoration: none;
}
  .top {
      text-align: center;
      height: 10%;
  }
  .bottom {
      height: 40%;
  }