@import "layout.css?cache=1.0";
@import "posts.css?cache=1.0";
/* @import "layout-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body 
{
	background-color: #eee;
	background-image: url('img/body-bg.gif');
	color: #000;
	font-size: 76%;
	line-height: 1.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial;
	margin: 0;
	padding: 0;
}

h1{font-size: 1.3em;}
h2{font-size: 1.2em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code
{
	font-size: 1.2em;
}

img
{
	border: 0;
}

pre
{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset
{
	border: none;
	margin: 0;
	padding: 1em 0;
}

label
{
}

.field label
{
	display: block;
}

.field .comment
{
	font-size: .9em;
	color: #888;
}

input.text
{
	width: 100%;
	border: 1px solid #acadb0;
	background-color: #eee;
}

input.submit
{
	font-size: 1em;
	margin: .4em 0 0;
	padding: 0 .1em;
	background-color: #eee;
	border: 1px solid #acadb0;
}

input.radio
{
}

form
{
	margin: 0;
	padding: 0;
}

textarea
{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link 
{
	color: #000;
}

a:visited
{
	color: #000;
}

a:hover
{
	color: #666;
	text-decoration: none;
}

.left
{
	float: left;
	margin-right: 1em;
}

.right
{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page
{
}
 
/* L'entête
-------------------------------------------------------- */
#top
{
	background-image: url('img/bandeau.gif');
	background-repeat: no-repeat;
}

#top h1 
{
	display: block;
	height: 100px;
	width: 520px;
	overflow: hidden;
}

#top h1 a:link, 
#top h1 a:visited
{
	display: block;
	padding-top: 100px;
	text-decoration: none;
	color: #fff;
}

#top h2
{
	display: none;
	position: absolute;
	top: 0;
	left: 440px;
	width: 80px;
	height: 100px;
	overflow: hidden;
}

#top h2 a:link,
#top h2 a:visited
{
	display: block;
	padding-top: 100px;
}

#top h3
{
	position: absolute;
	right: 80px;
	top: 73px;
	font-weight: normal;
	font-size: 1em;
}



/* Le contenu
-------------------------------------------------------- */
.post
{
	position: relative;
	margin: 6px 0 22px;
	padding: 13px 0 0;
	background-image: url('img/post-top.gif');
	background-repeat: no-repeat;
	width: 100%;
}


.post .title-wrap,
.post .post-wrap
{
	margin: 0;
	padding: 0 15px;
	background-color: #fff;
	border-right: 1px solid #acadb0;
	border-left: 1px solid #acadb0;
}


.post div.post-bottom,
.mode-home .post-photo,
.mode-cat .post-photo,
.mode-month .post-photo
{
	position: absolute;
	bottom: -15px;
	left: 0;
	background-image: url('img/post-bottom.gif');
	background-repeat: no-repeat;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 28px;
	overflow: hidden;
	background-color: transparent;
	border: none;
}

.mode-home .post-photo,
.mode-cat .post-photo,
.mode-month .post-photo
{
	background-image: none;
	overflow: visible;
	height: auto;
	width: auto;
	bottom: -14px;
	position: absolute;
}

.mode-post p.photo
{
	/* ie 6 bottom padding */
	display: inline;
}

.post div p, 
.post div ul, 
.post div ol, 
.post div dl, 
.post div table
{
	margin: 0;
	padding: 0 0 1em;
}

.post-title
{
	font-family: Arial;
	font-weight: normal;
	color: #000;
	background: transparent;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.post-title a:link,
.post-title a:visited
{
	display: block;
	color: #000;
	font-weight: inherit;
	background: transparent;
	text-decoration: none;
}

.post-title a:hover
{
	text-decoration: underline;
}

.post h2
{
	position: relative; /* ie 6 show border */
	font-size: 1.2em;
	font-weight: bold;
	color: #888;
	border-bottom: 1px solid #acadb0;
}

.post h2 a:link,
.post h2 a:visited
{
	color: #888;
}

.mode-home .post-wrap *,
.mode-cat .post-wrap *,
.mode-month .post-wrap *
{
	/* text over image in home */
	position: relative;
	z-index: 99;
}

p.read-more
{
	margin: 0;
	padding: 0;
	text-align: right;
}

.post .post-wrap
{
	padding-top: .5em;
}

.mode-post .post-chapo img,
.post-content img 
{
	display: block;
	border: 1px solid #888;
}

.mode-post .post-chapo img,
.post-content img, /* default to left */
.post-content img.l
{
	float: left;
	margin: .3em 1em .3em 0;

}

.mode-home .post-content img,
.mode-cat .post-content img,
.mode-month .post-content img
{
	display: none;
}

.post-content img.f,
.post-content img.c
{
	float: none;
	margin: .3em 0;
}

* html .post-content img.f,
* html .post-content img.c
{
	/* ie 6 external margin */
	width: 99%;
}

.post-content img.r
{
	float: right;
	margin: .3em 0 .3em 1em;
}

.mode-post .title-wrap h2 { padding-top: 30px; }

.post h3
{
	font-size: 1.2em;
	padding-bottom: .2em;
	line-height: 1.2em;
	font-weight: bold;
}

.mode-post h3
{
	font-size: 2em;
	line-height: 1.1em;
}

.mode-post .video
{
	margin-bottom: 1em;
}

.mode-post em,
.mode-post em a:link,
.mode-post em a:visited
{
	font-weight: bold;
	font-style: normal;
	color: #888;
	text-decoration: none;
}

.mode-post em a:active,
.mode-post em a:hover
{
	text-decoration: underline;
}

.post h4
{
	margin: 1em 0 .3em;
	font-size: 1.5em;
	color: #888;
}

.post strong
{
	color: #000;
	font-weight: bold;
}

.mode-post .post h2
{
	padding-bottom: 0;
	border-bottom: none;
}

.mode-post .title-wrap .all
{
	position: relative;
	border-bottom: 1px solid #acadb0;
}

.mode-post .title-wrap .titles
{
}

.mode-post .post h3
{
	padding-top: 0;
}

.mode-post .title-wrap .post-photo
{
}

.mode-home #content,
.mode-cat #content,
.mode-month #content
{
	line-height: 1.3em;
}


#content .breves ul
{
	list-style-type: square;
	margin: 0;
	padding: 1em 0 1em 1.4em;
}

.post-chapo
{
	padding-top: 1em;
}

.mode-post .post-chapo
{
	font-weight: bold;
}

.post-content,
.post-chapo
{
	text-align: justify;
}

.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6
{
	text-align: left;
}

.post-content blockquote
{
	position: relative;
	font-style: italic;
	padding: 0;
	margin: 1em 0 0;
	color: #000;
	font-weight: bold;
}

* html .post-content blockquote
{
	/* ie 6 expanding blockquote problem */
	width: 99%;
}

.post-content blockquote p
{
	padding-bottom: 0;
}


.post-info,
.post-info a:link,
.post-info a:visited
{
	clear: both;
	text-align: right;
	font-size: .9em;
	font-weight: normal;
	color: #888;
	padding-bottom: 1em;
}


/* La barre de navigation
-------------------------------------------------------- */
#sidebar div
{
	padding-bottom: 1.5em;
}

#sidebar form
{
}

#sidebar strong
{
	font-weight: normal;
}

#sidebar,
#sidebar a:link,
#sidebar a:visited
{
	color: #666;
}

#sidebar div ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}

#sidebar h2,
#sidebar h3
{
	color: #000;
	font-weight: normal;
	margin: 0 0 .3em;
}

#sidebar a:link,
#sidebar a:visited
{
	text-decoration: none;
}

#sidebar a:hover
{
	text-decoration: underline;
}

#sidebar h3
{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search
{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, 
#search p
{
	margin: 0;
	padding: 0;
}

#q
{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}


/* Le pied de page
-------------------------------------------------------- */
#footer
{
	margin: 0;
	padding: 5px 15px;
	font-size: .8em;
}


#footer,
#footer a:link,
#footer a:visited
{
	color: #000;
}

.tools
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tools li
{
	display: inline;
}

.tools a:link,
.tools a:visited
{
	display: block;
	float: left;
	padding: 0 .5em;
	line-height: 1.1em;
	border-right: 1px solid #000;
}

.tools a.first:link,
.tools a.first:visited
{
	padding-left: 0;
}
.tools a.last:link,
.tools a.last:visited
{
	border-right: 0;
}

.copyright
{
	clear: both;
	padding: 1em 0 0;
	margin: 0;
}

#content p.message
{
	background-color: #fce6aa;
	padding: 1em;
	border: 1px solid #888;
}


.copyright,
#footer .copyright a:link,
#footer .copyright a:visited
{
	color: #888;
}


/* Ajout fin 2008 */

.logoPrint
{
    display: none;
}