body {
  background: #ffff00;
  margin: 0;
}
a {
  text-decoration:none;
color:#000;

-webkit-transition: all 100ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: all 100ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: all 100ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: all 100ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}

#projects {
width:950px;
text-align: center;
display: block;
font-family: "Arial";
font-size: 11px;
color:#cccccc;
position : absolute;
top:50%;
left:50%;
margin-left:-493px;
margin-top:50px;
text-decoration: none;
}

#projects ul li {
display: inline-block;
line-height:14px; 
letter-spacing:1px;
padding: 3px;
list-style-type: none;

}
#projects ul li a:link {
color:#414141;
text-decoration: none;


}
#projects ul li a:hover {
color:#ccc;


}


img {
  display: block;
  width: 100%;
}
#container {

  margin:  -370px -250px;
  padding: 0;
  position:absolute;
  top:50%;
  left:50%;
}

.scene {
  max-width: 500px;
  margin:  0 auto;
  padding: 0;

}
#reseaux ul{

position: absolute;
bottom:30px;
left:50%;
padding-left:5px;

margin-left:-105px;

}


.res {

 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:14px;
float:left;
display:block;

 height: 35px;
 /*background-color: #1d1d1d;*/
 /*border: solid 1px #1d1d1d;*/
 margin-right:18px;

}





.res a:hover {
opacity:.2;
display: block;


}


 /*background-color: #1d1d1d;*/