/* nb: ex est la hauteur de la lettre x, em est la largeur de la lettre M */

/* -------------------------- */
/* ----- Titre et décor ----- */
/* -------------------------- */

body
	{
	background: #fbf0da url("fond.jpg") no-repeat top right;
	}

#titre
	{  
	position: absolute; 
	top: 10px; 
	right: 400px;
	text-align: center;
	font-family : Tahoma, serif;
	font-variant: small-caps;
	color: #bba569;
	}

img { border: 0; }

#acf { position: relative; top: 520px; left: 100px; }

/* ----------------- */
/* ----- Blocs ----- */
/* ----------------- */

#blog
	{  
	position: absolute; 
	top: 550px;
	right: 350px;  
	margin-left:20px;
	max-width: 45em;
	}
	
#menu
	{
	position: absolute; 
	top: 598px; 
	right: 20px; 
	width: 260px;
	padding: 0 15px;
	border: 6px solid #c3ba9b;
	text-align: center;
	}

#popliens
	{  
	position: absolute; 
	top: 470px;
	margin: 20px;
	max-width: 45em;
	}

.rubrique { border-bottom: 6px solid #c3ba9b; }
#delf {border: none;}


/* ----------------- */
/* ----- Liens ----- */
/* ----------------- */

a:link		{ color: #a52a2a; text-decoration: none; }
a:visited	{ color: #bba569; text-decoration: none; }
a:hover		{ color: #00c; text-decoration: none; }
a:active	{ color: red; }

p a			{ text-decoration: underline; }
p.tags a, p.permalink a	{ text-decoration: none; }
h3 a:link		{ color: #bba569; }
h1 a:hover, h3 a:hover	{ color: #c3ba9b; }

/* ------------------ */
/* ----- Titres ----- */
/* ------------------ */


h3
	{
	font-family : Tahoma, serif;
	font-weight: normal;
	color: #bba569;
	}

#blog h3
	{
	text-align: right;
	padding-top: 30px;
	}

h4
	{
	margin: -15px 0;
	text-align: right;
	font-style: italic;
	color: #bba569;
	border-bottom: 1px solid #c3ba9b;
	}

#menu h4 {margin: 50px -20px 10px -20px;}

/* -------------------- */
/* ----- Messages ----- */
/* -------------------- */

#blog p { text-indent: 2em; }
p .citation
	{
	text-align: center;
	font-style: italic;
	}

#insert	{
	text-align: center;
	}

.illustration
	{
	float: left;
	margin: 5px;
	}

.avatar		{ float: left; margin: -5px 15px; }
.comment	{ clear: both; }
#comment-form	{ border-top: 6px solid #c3ba9b; }
.com_ligne
	{
	border: 1px dotted #c3ba9b;
	width: 350px ;
	}


/* --------------------- */
/* ----- Rubriques ----- */
/* --------------------- */

#menu li	{ list-style-type: none; margin-left: -2.5em; }
#archliste 	{ margin-left:-40px }
#archliste li	{ display: inline; margin:0; font-size: small; }
#archliste li:after		{content: " | "; }
#archliste li:last-child:after	{content: ""; }

#leblog { text-align: left; }

dl { text-align: left; font-size: smaller; }
dt {}
dd { margin-left: 1em; }










/* ----------------------- */
/* ----- Formulaires ----- */
/* ----------------------- */


label { float: left; width: 6em; }

input, textarea	
	{
	margin: 0px;
	border: outset 1px black;
	background-color: #c3ba9b;
	}
.btn
	{
	margin-top: 5px;
	border: outset 1px #b8752f;
	background-color: #fbf0da;
	color: #a52a2a;
	}


/* ---------------------- */
/* ----- Technorati ----- */
/* ---------------------- */

#technorati { margin: 20px 5px;}
#technorati p { text-align: left; margin: 0 10%; }

/* ---------------------- */
/* ----- CoComment ------ */
/* ---------------------- */

.cocomment-box, .cocomment-box .entry
	{ border-color: #c3ba9b !important; }
.cocomment-box, .cocomment-box .boxhead, .cocomment-box .title
	{ background-color: #fffaee !important; }
.cocomment-box .entry
	{ background-color: #fbf0da !important; }
.cocomment-box .author	{ font-weight: bold; color: black; }