J'ai un code pour templates mais

Je viens de trouver un code pour templates sur le site www.freecsstemplates.org qui m'a vraiment intéressé mais lorsque je voulais l'appliquer dans texte au dessus du design ,cela ne réussit pas J'aimerais savoir s'il y a une petite erreur dans le code ou s'il y a un autre endoit pour le mettre.
Merci
Voici le code:

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin-top: 20px;
padding: 0;
background: #A8A604;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
}

h1, h2, h3 {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #649632;
}

h1 { font-size: 44px; }

h2 { font-size: 26px; }

h3 { }

p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img {
border: none;
}

img.left {
float: left;
margin: 7px 30px 0 0;
}

img.right {
float: right;
margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
float: left;
line-height: normal;
}

.list1 li img {
margin: 0 30px 30px 0;
}

.list1 li.alt img {
margin-right: 0;
}

#wrapper {
}

/* Header */

#header-wrapper {
width: 900px;
margin: 0 auto;
}

#header {
width: 900px;
height: 70px;
margin: 0 auto;
background: url(images/img02.jpg) no-repeat left top;
}

/* Menu */

#menu {
float: left;
width: 540px;
height: 50px;
}

#menu ul {
margin: 0;
padding: 13px 0 0 10px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
float: left;
margin-right: 17px;
padding: 5px 12px;
text-decoration: none;
font: 14px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {
color: #FFFFFF;
}

/* Search */

#search {
float: right;
width: 305px;
height: 76px;
}

#search form {
float: right;
margin: 0;
padding: 15px 20px 0 0;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search input {
float: left;
font: 12px Georgia, "Times New Roman", Times, serif;
border: none;
}

#search-text {
width: 135px;
height: 18px;
padding: 3px 0 0 5px;
background: #ECF9E4;
color: #658453;
}

#search-submit {
height: 21px;
margin-left: 12px;
color: #39561D;
}

/* Page */

#page {
width: 900px;
margin: 0 auto;
}

/** LOGO */

#logo {
height: 260px;
background: url(images/img01.jpg) no-repeat left top;
}

#logo h1, #logo p {
float: left;
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
}

#logo h1 { padding-top: 140px; }

#logo h1 a {
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
padding: 165px 0 0 15px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
color: #B6ACA2;
}

#logo p a {
text-decoration: none;
color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }

/* Content */

#content {
float: left;
width: 620px;
}

/* Post */

.post {
margin-bottom: 25px;
}

.post .title {
height: 55px;
margin-bottom: 3px;
padding: 19px 0px 2px 20px;
background: url(images/img05.jpg) no-repeat left top;
color: #FFFFFF;
}

.post .date {
float: right;
margin-top: -60px;
padding-right: 40px;
font-weight: bold;
font-size: 14px;
color: #B6ACA2;
}

.post .meta {
margin: -40px 0 3px 25px;
padding: 2px 30px 2px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
padding: 25px 20px;
}

.post .links {
margin: 0 250px 0 0;
padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
padding-left: 17px;
}

/* Sidebar */

#sidebar {
float: right;
width: 250px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#sidebar li {
margin-bottom: 30px;
padding: 0 0 20px 0px;
background: url(images/img04.jpg) no-repeat left bottom;
}

#sidebar li ul {
line-height: 200%;
padding-bottom: 20px;
}

#sidebar li li {
margin: 0;
padding: 0 20px;
background: none;
}

#sidebar h2 {
height: 33px;
margin: 0 0 20px 0px;
padding: 15px 0 2px 20px;
background: url(images/img03.jpg) no-repeat left top;
font-size: 18px;
color: #FFFFFF;
}


#sidebar p {
padding: 0px 15px;
line-height: 200%;
}

#sidebar a {
color: #FFFFFF;
}

/* Calendar */

#calendar {
}

#calendar caption {
padding-bottom: 5px;
font-weight: bold;
}

#calendar table {
width: 90%;
border-collapse: collapse;
}

#calendar thead th {
padding: 5px 0;
text-align: center;
}

#calendar tbody td {
padding: 5px 0;
text-align: center;
}

#calendar tfoot td {
padding: 5px;
}

#calendar tfoot #next {
text-align: right;
}

#calendar #today {
background: #000000;
}

/* Footer */

#footer {
width: 900px;
height: 60px;
margin: 0 auto;
padding: 0;
background: url(images/img06.jpg) no-repeat left top;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
line-height: normal;
color: #B5ADA5;
}

#footer a {
color: #B5ADA5;
}

Il faut télécharger les images ,(ils se trouvent dans le dossier Images de ton design),sur ton site, et coller les URL a leur places.


______________

Visitez :

Merci pour la réponse et il faut dire que cela m'a beaucoup plu.