#container {
width:404px; 
height:300px; 
position:absolute; 
top:50%; 
left:50%; 
margin-top:-80px; 
margin-left:-200px;
}

#more {
width:50px; 
height:80px; 
position:absolute; 
top:30px; 
right:-70px; 
background-color:#333;
}


.btn {
width:120px;
height:120px;
display:block;
background-image:url(pictos.png);
float:left;
margin-right:22px;
transition:background-position 0.3s ease;
-moz-transition:background-position 0.3s ease;
-webkit-transition:background-position 0.3s ease;
}


.error {
width:120px;
height:120px;
display:block;
background-color:#dedede;
float:left;
margin-right:20px;
}

.behance {
background-position: 0px 0px;
}

.behance:hover {
background-position: 0px 120px;
}

.twitter {
background-position: 240px 0px;
}

.twitter:hover {
background-position: 240px 120px;
}

.mail {
background-position: 120px 0px;
margin-right:0px;
}

.mail:hover {
background-position: 120px 120px;
margin-right:0px;
}

.tumblr {
background-position: 120px 0px;
margin-right:0px;
}

.tumblr:hover {
background-position: 120px 120px;
margin-right:0px;
}


#spacer {
clear:both;
height:16px;
}

.others {
color:#ccc;
font-family:georgia, serif;
font-size:0.8em;
text-align: center;
font-style:italic;
}

.others a {
color:#ddd;
text-decoration:none;
}

.others a:hover{
color:#F27827;
}