html {
font-size : 100%;
}
body {
margin : 0;
padding : 10px 20px;
font-family : Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size : 0.8em;
line-height : 1.25;
color : black;
background : white;
}
h1, h2, h3, h4, h5, h6 {
margin : 1em 0 0.5em 0;
}
h1, h2, h3 {
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-weight : normal;
}
h1 {
font-size : 1.3em;
font-style : italic;
color : #6633ff;
}
h2 {
font-size : 1.2em;
font-style : italic;
color : #9900ff;
}
h2 span {
color : #f8be2a;
}
h3 {
font-size : 1.1em;
font-style : italic;
color : #9999ff;
}
h4 {
font-size : 1em;
}
ul, ol {
margin : 0.75em 0 0.75em 24px;
padding : 0;
}
span {
color : #673301;
}
ul {
list-style : square;
}
li {
margin : 0;
padding : 0;
}
p {
margin : 0.75em 0;
}
li p, blockquote p {
margin : 0.5em 0;
}
blockquote, q {
font-size : 1.1em;
font-style : italic;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
margin : 0.75em 0 0.75em 24px;
}
cite {
font-style : italic;
}
a {
text-decoration : none;
}
a img {
border : none;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}
pre, code {
font-size : 100%;
font-family : "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
width : 90%;
overflow : auto;
margin : 0.75em 0;
padding : 12px;
background : #eee;
color : #555;
}
pre strong {
font-weight : normal;
color : black;
}
#copyright {
margin : 20px 0 5px 0;
text-align : right;
font-size : 0.8em;
color : #848f63;
}
#copyright a {
color : #848f63;
text-decoration : none;
}
#copyright a:hover, #copyright a:focus {
text-decoration : underline;
}
body {
color : #f0e39e;
background : #a1b55d;
}
a {
color : #ff6533;
}
a:hover, a:focus {
color : #00ff00;
}
strong {
color : #a1b55d;
}
#global {
background : #ffffc4;
}
#contenu {
color : #363b29;
background : #ffffd5;
}
#contenu a {
color : #ff6533;
}
#contenu a:hover, #contenu a:focus {
color : #6e5122;
}
#contenu strong {
color : #181a12;
}
#pied {
color : #e6a948;
}
html, body {
height : 100%;
}
body {
padding : 0;
}
#global {
min-height : 100%;
width : 700px;
overflow : hidden;
margin-left : auto;
margin-right : auto;
}
#entete {
padding : 15px 20px 10px 20px;
}
#entete h1 {
margin : 0;
}
#entete h1 img {
float : left;
margin : 7px 20px 10px 0;
}
#entete .sous-titre {
margin : 4px 0 15px 0;
}
#navigation {
margin : 0;
padding : 0;
list-style : none;
}
#navigation li {
display : inline;
}
#navigation li a {
padding : 5px 5px;
margin : 0;
background : #98b924;
color : #fff;
border : 2px solid #89a;
text-decoration : none;
}
#navigation li a:hover, #menu li a:focus {
background : #b8da40;
color : #000;
}
#contenu {
padding : 10px 20px;
}
#contenu > :first-child {
margin-top : 10px;
}
#contenu p, #contenu li {
line-height : 1.5;
}
#pied {
padding : 15px 20px;
font-size : 0.85em;
}
#pied p {
margin : 0.5em 0;
}
#copyright {
text-align : left;
font-size : 1em;
}