* {
margin: 0;
padding:0;
}
body {
background: rgb(56,135,255);
background-image: url(img/fond.jpg);
background-position: top center;
background-repeat: no-repeat;
color: black;
margin: 0;
}
#haut {
margin: 5px auto 0 auto;
width: 900px;
height: 270px;
background-image: url(img/haut.png);
background-position: top center;
background-repeat: no-repeat;
}
#page {
margin: 10px auto 0 auto;
width: 900px;
background-image: url(img/content.png); ;
}
#header {
float: left;
width:900px;
height: 30px;
background-image: url(img/fond_header.jpg);
color: white;
font-family: Kristen ITC;
font-size: 20px;
vertical-align: middle;
}
#content {
float: right;
width: 670px;
margin-bottom: 20px;
font-family: Lucida Grande;
font-size: 1em;
text-align: left;
padding: 5px;
}
.sidebar {
float: left;
width: 200px;
color: rgb(3,39,249);
font-family: Maiandra GD;
font-size: 1.0em;
padding: 5px;
}
.sidebar li{
list-style-type: none;
list-style-position: outside;
padding-left: 5px;
}
.sidebar h2{
list-style-type: none;
list-style-position: outside;
background-image: url(img/menu.jpg);
color: white;
font-family: Kristen ITC;
font-size: 18px;
}
#footer {
font-size: 0.8em;
text-align: right;
color: black;
clear: both;
width: 900px;
}
a {
color: white;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.sidebar a {
color: rgb(3,39,249);
}
.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
color: #777;
}
.post h2{
background-image: url(img/li.jpg);
color: white;
font-family: Kristen ITC;
font-size: 18px;
}
.post_content{
margin-top: 10px;
margin-bottom: 20px;
padding-left: 5px;
}
.post_content a{
color: #777;
}
.post_content a:hover {
text-decoration: none;
border-bottom: 1px dotted;
color: rgb(3,39,249);
}