/**
 * Disposition
 */

html {
  
}

#contenu { 
  width: 400px; 
  margin: 100px auto;
  padding: 5px 5px 53px 5px;
}

h1 {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0 0 0 20px;
  width: 100%;
}

  ul li {
    float: left;
    list-style: none;
  }
  
  ul li a {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 10px;
  }
  
span {
  display: none;
}

#stats {
  text-align: center;
  bottom: 0px;
}

/**
 * Couleurs, mise en forme, etc
 */
html {
  background: #619BDB;
  color: #052951;
}

#contenu {
  background: #91B4DB;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-box-shadow: 3px 3px 15px #2D4764;
  -webkit-box-shadow: 3px 3px 15px #2D4764;
  border: 1px #1A5496 solid;
}

h1 {
  text-align: center;
}

ul {
  text-align: center;
}

#blog a {
  background: url('img/feed_48.png') no-repeat;
}

#facebook a {
  background: url('img/facebook_48.png') no-repeat;
}

#twitter a {
  background: url('img/twitter_48.png') no-repeat;
}

#deviantart a {
  background: url('img/deviantart_48.png') no-repeat;
}

#cv a {
  background: url('img/cv_48.png') no-repeat;
}

p {
  text-align: justify;
}

a:hover {
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
}