/* --- GENERAL --- */

body {
color:#eeeeec;
background:#204a87;
}

a {
color:#e9b96e;
}

a:hover,a:focus {
color:#fff;
}

strong {
color:#729fcf;
}

#entete {
background:#3465a4;
}

#navigation {
background:#204a87;
}

#navigation a {
color: #e9b96e;
}

#navigation a:hover,#navigation a:focus {
color: #fff;
background: #c17d11;
}

#contenu {
color:#000;
background:#d3d7cf;
text-align:center;
}

#contenu a {
color:#5c3566;
}

#contenu a:hover,#contenu a:focus {
color:#75507b;
}

#contenu strong {
color:#000;
}

#pied {
color:#eeeeec;
}

/* --- POSITIONNEMENT --- */

body {
padding:0;
}

#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 {
padding:12px 15px;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation li {
display:inline;
}

#navigation a {
padding:6px;
line-height:1.5;
font-size:.9em;
text-decoration:none;
}

#contenu {
padding:10px 20px;
}

#contenu > :first-child {
margin-top:10px;
}

#contenu p,#contenu li {
line-height:1.5;
}

#pied {
padding:15px 20px;
font-size:.85em;
}

#pied p {
margin:.5em 0;
}

#pied #copyright {
float:right;
margin:.5em 0 30px 10%;
font-size:1em;
}