Affichage

Bonjour à tous!

J'ai un énorme pb d'affichage ! voilà mon site http://eloisepeugniez.com
J'essayais de mettre une image en background et j'ai du modifier quelque chose par erreur dans mon css !

Le voici :


/*
Theme Name: Bloc
*/


@charset "UFT-8";

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Raleway', sans-serif;
font-size: 16px;
margin: 0;
background: url(images/color.png) repeat;
background: scroll;
}


h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;

}

a, a:visited {
text-decoration: none;
color: #666;
}




#top {
width: 100%;
height: 50px;
clear: both;
margin-bottom: 70px;
}

#logo img {
height: 143px;
width: auto;
}

#logo{
text-align: center;
}

/* MENUS */
#menu-top {
width: 100%;
height: 5px;
float: left;
position: relative;
text-align: center;
margin-top: 30px;
margin-bottom: 100px;
}

#menu-top a,
#menu-top ul a:hover{
display: block;
margin-bottom: 70px;
}

#menu-top ul {
list-style: none;
padding-left: 0;
font-size: 1.1em;
display: table;
width: 100%;
table-layout: fixed;
}

#menu-top ul li {
display: table-cell; /* ligne qui permet de centrer le menu */
margin-left: 80px;
margin-right: 80px;
width: 100%;

}


#menu-top {

position: relative;
}

#menu-top ul a,
#menu-top ul a:visited {
color: #666;
}

#menu-top ul li:hover > ul {
display: block;
}
#menu-top ul a:hover {
color: #CCC;
}

#menu-top ul ul {
display: none;
float: left;
position: absolute;
z-index: 9999; /*pour que l'élément s'affiche au-dessus de tous les autres */
font-size: .9em;
padding-top: 15px;
padding-left: 5px;
background-color: #FFF;
opacity: 0,8;
filter: alpha(opacity=80);


}

#menu-top ul ul a,
#menu-top ul ul a:visited {
width: 100px;
line-height: 1em;
padding: 5px 0;

}

#menu-top ul ul a:hover {
display: block;
}

/* CONTENU */
#content {
width: 100%;
clear: both;
margin-top: 80px;
margin-bottom: 40px;
border-top: 1px solid #ccc;
background-color: #FFF;
min-height: 600px;
padding-top: 20px;


}
footer {
background: #e5e5e5;
height: 80px;
width: 100%;
position: relative;
bottom: 0px;
margin-bottom: 0;
padding: 10px;

}

#social {
float: right;
width: 20%;
text-align: right;


}

#credit {
float: left;
width: 60%;
margin-bottom: 20px;
}


.post {
width: 100%;
float: left; }

html, body {
margin:0;
padding:0;
height:100%;
}



Merci de bien vouloir m'aider, je désespère :(


Eloïse