#agences {
  position: relative; }
  #agences #agence1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    padding: 50px;
    padding-top: 80px; }
  #agences #agence2 {
    position: absolute;
    top: 0px;
    padding-top: 20px;
    margin-top: 40px;
    left: 354px;
    width: 300px; }
    #agences #agence2 .photo {
      width: 300px; }

#personnes {
  position: relative;
  top: 250px; }
  #personnes #personne1, #personnes #personne2, #personnes #personne3, #personnes #personne4, #personnes #personne5 {
    width: 300px;
    height: 100px;
    padding: 10px;
    position: absolute; }
    #personnes #personne1 .photo,     #personnes #personne2 .photo,     #personnes #personne3 .photo,     #personnes #personne4 .photo,     #personnes #personne5 .photo {
      width: 64px;
      height: 80px;
      background-color: #adadad; }
    #personnes #personne1 .description,     #personnes #personne2 .description,     #personnes #personne3 .description,     #personnes #personne4 .description,     #personnes #personne5 .description {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 216px;
      display: inline-block;
      font-weight: bold;
      font-size: small; }
      #personnes #personne1 .description h1,       #personnes #personne2 .description h1,       #personnes #personne3 .description h1,       #personnes #personne4 .description h1,       #personnes #personne5 .description h1 {
        margin-left: -10px;
        color: black;
        font-size: small;
        font-weight: bold; }
  #personnes #personne1 {
    top: 0px;
    left: 0px; }
  #personnes #personne2 {
    top: 0px;
    right: 0px; }
  #personnes #personne3 {
    top: 120px;
    left: 0px; }
  #personnes #personne4 {
    top: 120px;
    right: 0px; }
  #personnes #personne5 {
    top: 240px;
    left: 0px; }

#credits {
  position: relative;
  top: 650px; }
  #credits p {
    margin-top: 0px;
    font-size: x-small; }

#footer {
  /*  */
  position: relative;
  top: 689px; }