body {
    color: #14274E;
    background-color: #9BA4B4;
    font-size: 1.1em;
  }

  .sstitre {
  font-style: italic;
  }

  .article{
    background-color: white;
padding-left: 15%;
padding-right: 8%;
padding-top:5%;
padding-bottom: 5%;
margin-top:10%;
margin-left:8%;
margin-right:5%;
text-align:justify;
  }

  .longtext{
    margin-bottom: 5%;
  }

.form-group {
  margin-left: 10%;
  margin-right: 40%;
}

.livres{
  padding-left: 10%;
}

.websites{
  padding-left: 10%;
}

.articles{
  padding-left: 10%;
}

.tit{
  padding-left: 10%;
}

.icon{
  font-size: 2em;
  margin-left: 20px;
}

  hr {
    background-color: #14274E;
    height: 3px;
    width: 60%;
  }

  .photo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    filter: grayscale(100%);
width:100%;
    }

  .photo:hover {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  h1 {
    color: #14274E;
    font-size: 3em;
  }

  h1:hover {
    color: red;
  }

  h3 {
    color: #14274E;
    font-size: 1.5em;
  }

  p, li, a {
    font-size: 1em;
    color: #14274E;
  }

  a{
    color:#000080;
  }