body {
	background: #663 url("fond.png");
	margin: 1em 1em 2em 1em;
	}


/* accessibilite */

hr, a.accessible {
	display: none;
	}


/* titre du blog ------------------------------------------- */

#header {
	background-color: #7d7d51;
	padding: 4px 0 0 0;
	margin: 0 18% 0 18%;
	border: 1px solid #000;
	text-align: center;
	}

#header img { /* bordure de l'image (titre du blog) */
	border: 0;
}

#header h1 { /* titre du blog */
	margin: 0;
	padding-left: 0.5em;
	font-family: Verdana, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #fff;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
/* #pageHeader h3 { 
	background: transparent url(http://ze6tmd.kd2.org/images/gaston.png) no-repeat top left; 
	margin-top: 10px; 
	margin-left: 15px; 
	width: 152px; 
	height: 151px; 
	float: left;
	}
#pageHeader h3 span {
	display:none
	} */

/* contenu ------------------------------------------------- */

#contenu {
	background-color: #663;
	margin: 0 18% 0 18%;
	padding: 1em 0;
	border-bottom: 1px solid #000;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #cc9;
	}

#contenu h2 { /* jour du log */
	padding: 0.2em;
	background-color: #454512;
	border: 1px solid #000;
	font-size: 1.6em;
	font-weight: bold;
	color: #c90;
	}

#contenu h3 { /* heure et titre du log */
	padding: 0.2em;
	background-color: #5a5a2d;
	border: 1px solid #000;
	font-size: 1.2em;
	font-weight: bold;
	color: #c90;
	}

#contenu h4 { /* titres dans le texte */
	border-bottom: 1px solid #000;
	font-size: 1em;
	font-weight: bold;
	color: #c90;
	}

#contenu ul, #contenu ol { /* listes */
	margin: 0;
	padding-left: 1.5em;
	}

#contenu blockquote, #contenu q { /* citations */
	font-style: italic;
	color: #cc3;
	}

#contenu code {
	font-size: 1.1em;
	color: #fff;
	}

#contenu pre {
	padding-left: 0.5em;
	border-left: 4px solid #5a5a2d;
	font-size: 1.1em;
	color: #000;
	}

#contenu table {
	margin-bottom: 1em;
	width: 100%;
}

#contenu th {
	text-align: left;
	font-size: 0.9em;
	}

#contenu td {
	border: 1px solid #454512;
	}

#contenu form {
	margin: 0;
	text-align: center;
}

#contenu input, #contenu textarea {
	margin-top: 0.2em;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #000;
	}

#contenu a { /* liens dans le contenu */
	text-decoration: none;
	color: #600;
	}

#contenu a:hover {
	color: #fff;
	}

#contenu a.admin { /* liens admin */
	font-size: 0.9em;
	color: #600;
	}

#contenu a.admin:hover {
	background-color: transparent;
	font-size: 0.9em;
	color: #fff;
	}

#contenu .note { /* bande son, petits commentaires */
	color: #996;
	}


/* modules ------------------------------------------------- */

#modulesgauche { /* positionnement des modules gauche */
	position: absolute;
	top: 5em;
	left: 1em;
	width: 16%;
	}

#modulesdroite { /* positionnement des modules droite */
	position: absolute;
	top: 5em;
	right: 1em;
	width: 16%;
	}

#modulesgauche h4,
#modulesdroite h4 { /* titre du module */
	margin: 0;
	padding: 0.2em;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #454512;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #c90;
	}

#modulesgauche div.module,
#modulesdroite div.module { /* contenu du module */
	padding: 0.4em;
	margin-bottom: 1.2em;
	background-color: #5a5a2d;
	border: 1px solid #000;
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	color: #000;
	}

#modulesgauche div.archive,
#modulesdroite div.archive { /* archive en cours */
	background-color: #000;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #fff;
	}

#modulesgauche img,
#modulesdroite img { /* bordure des images */
	border: 0;
}

#modulesgauche ul,
#modulesdroite ul { /* liste de liens */
	margin: 0;
	padding: 0;
	}

#modulesgauche li,
#modulesdroite li { /* elements de liste */
	display : list-item;
	list-style: none outside;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color: #000;
	}

#modulesgauche a,
#modulesdroite a { /* liens */
	text-decoration: none;
	font-family: Verdana, sans-serif;
	color: #cc9;
	}

#modulesgauche a:hover,
#modulesdroite a:hover {
	text-decoration: none;
	font-family: Verdana, sans-serif;
	color: #fff;
	}