body{
  background-image:url("");
}
#main-wrapper{
  width:980px;
  margin:auto;
}
section h1, footer h1, nav a{
  text-transform:uppercase;
}
header{
  background-image:url("");
  background-repeat: repeat-x;
  background-position: center bottom;
}
#main-tittle{
  display:inline-block;
}
#logo, header h1{
  display:inline-block;
  margin-bottom:0px;
}
header h2{
  margin-top:0px;
}
nav{
  display:inline-block;
  width:740px;
  text-align:right;
}
nav ul{
  list-style-type:none;
}
nav li{
  display:inline-block;
  margin-left:10px;
}
nav a{
  text-decoration:none;
  color:black;
}
nav a:hover{
  color:red;
  border-bottom:1px solid;
}
#img-banner{
  margin-top:15px;
  height:200px;
  border-radius:5px;
  background-image:url("https://s15.postimg.org/h9pyz5luj/sanfrancisco.jpg");
  background-repeat:no-repeat;
  margin-bottom:25px;
  box-shadow:0px 4px 4px #1c1a19;
  position:relative;
}
#texto-banner{
  position:absolute;
  bottom:0;
  border-radius: 0px 0px 5px 5px;
  width: 98.9%;
  height: 50px;  
  padding-left: 10px;
  background-color: rgba(24,24,24,0.8);
  color: white;
}
.botao{
  display:inline-block;
  height:25px;
  position:absolute;
  right:10px;
  bottom:9px;
  color:white;
  background-image:url("https://s15.postimg.org/objb7m02j/fond_degraderouge.png");
  border-radius:5px;
  padding:4px 8px 0px 8px;
  text-decoration:none;
}
.botao img{
  border:0;
  margin-left:6px;
  vertical-align:middle;
}
article, aside{
  display:inline-block;
  vertical-align:top;
}
article{
  width:625px;
  margin-right:15px;
}
.icon{
  vertical-align:middle;
  margin-right:15px;
}
aside{
  width:308px;
  background-color:grey;
  border-radius:5px;
  box-shadow:2px 5px 5px;
  text-align:center;
  padding:10px;
  color:white;
}
aside img{
  border-radius:10px;
  box-shadow:1px 1px 3px black;
}
aside a:hover{
  opacity:0.5; 
}
footer{
  background-image:url("https://s15.postimg.org/sr6bqm1uj/ombre.png");
  background-repeat:repeat-x;
  background-position:center top;
  padding-top:15px;
}
#ed-fleft, #ed-fmiddle, #ed-fright{
  display:inline-block;
  vertical-align:top;
  width:33%;
}
footer h1{
  font-size:1em;
}
#friends ul{
  display:inline-block;
  list-style-image:url("https://s15.postimg.org/z26xtadp7/ico_liensexterne.png");
}
#friends a{
  text-decoration:none;
  color:black;
}
#friends a:hover{
  color:red;
  border-bottom:1px solid;
}
#my-pictures img{
  box-shadow:1px 1px 2px black;
  margin-right:2px;  
}
#my-pictures img:hover{
  opacity:0.5;
  border-radius:100%;
}