body { background: #FFFFFF; color: #FFFFFF;  }

 
 /* LIENS couleur*/
 a { color: #003366; }
 a:hover { color: #999966; }
 a:focus { color: #999966;}
 a:visited { color: #003366; }

 h3 { color: #003366; }
 
 

/* EN-TËTE couleur*/
#top {background: #FFFFFF;  color: #003366;}
#header {background :url("http://www.lagraphiste.net/themes/zen/img/back-top.png"); 
background-repeat : repeat-x; color: #003366; }
#header h1 {color: #003366;}
#header a   {color: #577137;}
#header a:focus   {color: #577137;}
#header a:visited {color: #003366;}
#header a:hover  {color: #003366;}
#header p {color: #003366;}


/* MENU couleur*/
#menu {background: #577137;}
#menu a {color: #FFFFFF;}
#menu a:hover, #menu a:focus {background: #003366;}



/* SIDEBAR couleur */
#sidebar {background :none; text-align: center; color: #577137;}
#sidebar a {color: #003366;}
#sidebar a:hover a:focus {background: #999966;}

.categories {background :none;}
.categories a {color: #003366;}
.categories a:hover, a:focus {background: #999966;}

.flux {background: #999999;}
.flux a {color: #FFFFFF;}
.flux a:hover, a:focus {background: #999966;}

.last_art {background: #666666;}
.last_art a {color: #FFFFFF;}
.last_art a:hover, a:focus {background: #999966;}

.last_com {background: #999999;}
.last_com a {color: #FFFFFF;}
.last_com a:hover, a:focus {background: #999966;}


/* CONTENU couleur */
#page { background :url("http://www.lagraphiste.net/themes/zen/img/back-top.png"); 
background-repeat : repeat-x;} color: #FFFFFF; }

#contenu { color: #577137; }
#contenu a {color: #003366;}
#contenu a:hover, #contenu a:focus {color: #003366;}
#contenu strong {color: #577137;}

.post { background: none; color: #577137; }
.post a {color: #003366;}
.post a:hover, #contenu a:focus {color: #577137;}
.post strong {color: #577137;}
.title  a { color: #FFFFFF; text-decoration:none;}
.title  a:hover { color: #000000; }
.title  a:focus { color: #000000;}
.title  a:visited { color: #FFFFFF; }

/* FOOTER couleur */
#footer {background: #577137; color: #FFFFFF; }
#footer a {color: #FFFFFF;}
#footer a:hover, #contenu a:focus {color: #FFFFFF;}




/* --- POSITIONNEMENT --- */
/* GÉNÉRAL */


html { margin:auto ;}
body {padding: 0; margin: 0 auto;}
.center { text-align: center; }
.left { text-align: left;}
.right { text-align: right;}
.clearer { clear: both; visibility: hidden; margin: 0; padding: 0; }
.title { text-align: center; }


/* Page */

#page {padding: 0; margin: 0 auto; width: 100%;}

/* En-tête */
#top {padding: 0; margin: 0 auto; width: 100%; height:280px;}
#header {padding: 1em; height: 210px;}
#header h1 { font-family: Georgia, serif; font-weight: normal; font-size: 3em; font-style: italic;}
#header a {text-decoration:none;}
#header img {margin: 1em;}
#header p {margin: 1em;}

/* Menu de menu */
#menu {padding: 1em;}
#menu ul {width: 100%;  margin: 0;padding: 0;list-style: none;}
#menu li { margin-right: 1em;font-size: 1.4em;font-style: italic;display: inline;}
#menu a {padding: 6px; line-height: 1.5; font-size: .9em; text-decoration: none;}

#sidebar {width: 18%; float: left; padding: 1em;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {padding: 0.2em;}
#sidebar a {line-height: 0.8;font-size: .9em;text-decoration: none;}
/* Contenu */
#contenu {padding: 1em; margin-left: 20%; }
.post   {margin-top: 1em; padding: 1em; margin-left: 20%;margin-bottom: 20px;}
.post-info   {margin-top: 1em; padding: 1em; margin-left: 20%;margin-bottom: 20px;}
#contenu p, #contenu li {padding: 1em;}

/* footer de page */
#footer {padding: 10px; margin: 0 auto; width: auto;  font-size: .85em;}
#footer p {margin: .5em ;  padding: 1em;}