* { margin: 0; padding: 0; border-style: none; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000; background-color: #e0ddde;
	padding-bottom: 20px;
}
a { text-decoration: none; }
li { list-style-type: none; }
.emph { font-weight: bold; }
.center { text-align: center; }
.clear { clear: both; }
div#main-container { width: 990px; overflow: hidden }

/* Barre de gauche*/
div#margin-left {
	float: left;
	width: 100px; height: 300px;
	background: url(images/papillon.gif) 0px 200px no-repeat;
}

div#content { float: left; width: 890px; }
/* En-tête */
div#header {
	clear: both;
	height: 200px;
	text-align: right; color: #FFFFFF;
	background: url(images/header.jpg) bottom left no-repeat;
}
div#header h1 {
	padding-top: 40px;
	font-size: 2.3em;
	font-weight: normal;
}
div#header h1 a {
	position: absolute;
	top: 15px;
	left: 100px;
	height: 185px;
	width: 890px;
	color: #FFFFFF; }

div#content-main { /* partie centrale, droite & pied de page */
	background-color: #FFFFFF;
	clear: both;
	width: 890px;
}
div#site-back { clear: both; padding: 10px 0px 0px 20px; }
div#site-back a {
	display: block; height: 42px;
	line-height: 42px;
	background-image: url(images/back.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #000000; }

/* Contenu central */
div#content-articles {
	float: left;
	width: 590px;
	padding: 30px 20px;
}
/* Article */
div.article { clear: both; margin-bottom: 40px; }
div.article h2 { font-weight: bold; font-size: 1.7em; }
div.article h2 a { color: #000000; }
div.article div.article-subinfos { color: #712614; margin-bottom: 20px; }
div.article div.article-text {
	clear: both;
	padding: 10px;
	border: 1px solid #e0ddde;
	color: #666;
	line-height: 1.5em;
	font-size: 1.15em;
}
div.article div.article-text p { margin: 10px; }
div.article div.article-text a { color: #000000; }
div.article div.article-text ol, div.article div.article-text ul { list-style-position: inside; margin-left: 10px; }
div.article div.article-text ol li { list-style-type: decimal; }
div.article div.article-text ul li { list-style-type: circle; }
div.article div.article-footer {
	clear: both;
	margin: 10px 0px;
	padding: 3px;
	background-color: #e0ddde; }
div.article div.article-footer img { vertical-align: middle; margin-right: 5px; }
div.article div.article-footer a { color: #000000; }

/* Commentaires */
form input, form textarea { border: 1px solid #e0ddde; margin: 2px; }
div#totalcommentaires { margin: 10px 0px; font-weight: bold; }
div.commentaires { margin: 10px; }
div.commentaire { padding: 10px; margin: 10px; border: 1px solid #e0ddde; color: #818080; }
div#postcommentaire { border-top: 1px solid #e0ddde; margin-top: 20px; }
form#commentform textarea#comment { margin: 10px 0px; border: 1px solid #e0ddde; width: 590px; }
form#commentform input#submit, input#wp-email-submit { background-color: #e0ddde; color: #000000; font-weight: bold; font-size: 0.9em; padding: 3px; }
form#commentform input#author, form#commentform input#email, form#commentform input#url { border: 1px solid #e0ddde; margin: 2px; }
/* Barre de droite */
div#content-right { float: left; width: 260px; margin-bottom: 50px; }
div#content-right div.rightbloc { clear: both; padding: 10px; }
div#content-right div#intro.rightbloc {  }
div#content-right div#intro.rightbloc p { margin: 10px; color: #808080; }
div#content-right div#intro.rightbloc p.emph { color: #000000; }

div#content-right div.rightbloc h2 {
	background: url(images/arrow.gif) center left no-repeat;
	padding: 10px 0px 10px 40px;
	font-size: 1.7em; }
div#content-right div.rightbloc ul li { list-style-type: none; line-height: 1.5em; padding-left: 40px; }
div#content-right div.rightbloc ul#tagcloud { padding-left: 40px; }
div#content-right div.rightbloc ul#tagcloud li { display: inline; padding: 0px 2px; list-style-type: none; line-height: 1.5em; }
div#content-right div.rightbloc ul li a { color: #000000; }


/* pied de page */
div#footer { clear: both; }
div#menu {
	clear: both; 
	background-color: #333333;
	color: #999999;
	padding: 5px;
	text-align: center; }
div#menu a { color: #999999; }
div#logo {
	clear: both;
	background-color: #e0ddde;
	text-align: right;
	padding-top: 10px; }
div#logo img { border: none; }