body
{
  text-align: center;
  background-color: silver;
  color:#000000;
  background:url(img/background.jpg) no-repeat;
  background-size: 100%;
  font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
  font-size:12px;
  height: 100%;
  margin: 0;
  padding: 0;
}

#Bloc
{
  width:512px;
  margin:0 10px;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
}
html 
{
  height: 100%;
}

#page-table 
{
  height: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
#page-td 
{
  height: 100%;
  padding: 0;
  vertical-align: middle;
}
div#global 
{
  width: 500px;
  margin: 20px auto;
  text-align: left;
}

#secret a
{
  text-decoration:none;
  color:silver;
  margin-bottom: 2px;
}

ul 
{
  position: absolute
  display:block;
  list-style-type:none;
  margin-left: auto;
  margin-right: auto;
  width: 332;
  text-align: left; 
}

li
{
  float:left;
  margin:10;
}

ul li a
{
  display:block;
  width:53px;
  line-height:53px;
  text-align:center;
  text-decoration:none;
  font-size: 0px;
}

#Facebook 
{
  background:url(img/logo_face.png) no-repeat;
  clear:both
}

#Facebook:hover 
{
  background:url(img/logo_face_hover.png) no-repeat;
}

#Mail 
{
  background:url(img/logo_Mail.png) no-repeat;
  clear:both
}

#Mail:hover 
{
  background:url(img/logo_Mail_hover.png) no-repeat;
}

#LinkedIn 
{
  background:url(img/logo_LinkedIn.png) no-repeat;
}

#LinkedIn:hover 
{
  background:url(img/logo_LinkedIn_hover.png) no-repeat;
}

#Twitter 
{
  background:url(img/logo_Twitter.png) no-repeat;
}

#Twitter:hover 
{
  background:url(img/logo_Twitter_hover.png) no-repeat;
}