<!--

body {
background: #A3B6A3;
font-family: arial;
margin: 0;
}

body a{
text-decoration: none;
}

#page {
background: url(fond.jpg) #ddffbb;
width: 790px;
margin: 0px auto;
}

#haut {
height: 200px;
width: 790px;
}

#menu, .r {
float: right;
}

#menu p {
margin-top: 30px;
text-align: center;
}

#menu li {
display: block;
width: 150px; 
height: 60px;
margin: 0 25px 0 0;
background: url(timbre.jpg) no-repeat;; 
text-align: center;
padding: 30px 0 0 0;
}


.post, #form, #comments {
margin-left: 25px;
}

.post a, #form a, #comments a {
color: #351;
}

.post h2 a, .post h2, #form h2, #comments h2 {
color: #685;
}

.post p{
margin-top: 5px;
}


#form h2 {
font-size: 1.2em;
}


#pagination {
margin-left: 450px;
font-size: 0.8em;
}

#menu li a {
text-decoration: none;
color: #343;
}

#menu li a:hover {
border-bottom: 2px solid #565;
}

#menu img {
margin-bottom: 12px;
}

#page #contenu {
background: #ecffdb;
margin: 10px 200px 10px 20px;
}

#page #contenu p {
color: #363;
margin: 10px;
text-indent: 5px;
line-height: 1.2em;
}

.titre {
margin-left: 20px;
}

h2.titre {
color: #363;
}

.s {
padding-top: 25px;
}

.part li{
margin: 10px 5px;
}

.part li a {
text-decoration: none;
color: #363;
padding: 2px;
}

.part li a:hover {
background: #ecffdb;
color: #000;
}

.part li span {
color: #9A9;
}

#back {
color: #396; 
margin-left: 675px;
}

#back:hover {
border-bottom: 2px solid #6C9; 
}

#etp, #pro {
margin-left: 50px;
}

a img {
border: 0;
}

#footer {
width: 500px;
margin: 12px auto 20px auto;
padding-left: 190px;
color: #363;
font-size: 0.8em;  
}

#footer a {
color: #333;
}

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


#bandeau {
z-index: 5;
position: fixed;
left: 0;
top: 0;
}
-->