body {
color : #f0e39e;
background : #2c2f22;
}
a {
color : #ff6533;
}
a:hover, a:focus {
color : #ff4c00;
}
strong {
color : #a1b55d;
}
#global {
border-right : 20px solid #181a12;
color : #f0e39e;
background : #cbd888 url(gauche.png) repeat-y left top;
}
#entete {
background : #181a12;
}
#navigation {
background : #181a12;
}
#navigation a {
color : #ff6533;
}
#navigation a:hover, #navigation a:focus {
background : #000000;
}
#contenu {
color : #363b29;
background : url(coin.png) no-repeat left top;
}
#contenu a {
color : #332510;
}
#contenu a:hover, #contenu a:focus {
color : #6e5122;
}
#contenu strong {
color : #181a12;
}
body {
padding : 30px 10px 0 10px;
}
#global {
width : 900px;
overflow : hidden;
margin : 0 auto;
}
#entete {
padding : 20px;
}
#entete h1 {
margin : 0;
}
#entete h1 img {
float : left;
margin : 7px 20px 10px 0;
}
#entete .sous-titre {
margin : 4px 0 15px 0;
}
#navigation {
width : 180px;
float : left;
}
#navigation ul {
margin : 0;
padding : 20px 10px;
list-style : none;
}
#navigation a {
display : block;
height : 1%;
padding : 6px 6px 6px 10px;
line-height : 1.5;
font-size : 0.9em;
text-decoration : none;
}
#contenu {
margin-left : 220px;
padding : 10px 20px 10px 40px;
}
#contenu > :first-child {
margin-top : 10px;
}
#contenu p, #contenu li {
line-height : 1.5;
}
#pied {
width : 900px;
overflow : hidden;
margin : 0 auto;
font-size : 0.85em;
}
#copyright {
margin : 8px 0 0 0;
font-size : 1em;
text-align : left;
}