@import url("misc-addons.css");
@import url("tribune.css");
@import url("gallery.css");

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 45px 0px;
	background: #ffffff url('images/top02a-w.jpg') repeat-x fixed right top;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.8em;
	color: #000000;
}

p {
	margin: 1em 0px;
}

img {
	border-style: none;
}

form {
	margin: 0px;
	display: block;
}

h1 {
	margin: 0.67em 0px;
	font-size: 2em;
	font-family: "trebuchet ms",arial,serif;
}

h2 {
	margin: 0px;
	padding: 10px;
	font-size: 1.3em;
	font-family: "trebuchet ms",arial,serif;
	font-weight: 100;
}

h3 {
	margin: 1em 0px;
	font-size: 1.17em;
	font-family: "trebuchet ms",arial,serif;
}

h4 {
	margin: 1.33em 0px;
	font-size: 1em;
}

h5 {
	margin: 1.67em 0px;
	font-size: 0.83em;
}

h6 {
	margin: 2.33em 0px;
	font-size: 0.67em;
}

code {
	font-size: 1em;
	font-family: "courier new",monospace;
}

pre {
	font-size: 1em;
	font-family: "courier new",monospace;
}

q {
	font-style: italic;
}

a:link {
	color: #27556c;
/*	text-decoration: none;
	border-bottom: 1px dotted #27556c;*/
}

a:visited {
	color: #5d8591;
/*	text-decoration: none;
	border-bottom: 1px dotted #5d8591;*/
}

a:hover {
	color: #8b0000;
/*	text-decoration: none;
	border-bottom: 1px solid #8b0000;*/
}

a:active {
	color: #000000;
/*	text-decoration: none;
	border-bottom: 1px solid #8b0000;*/
}

unknown {
	background: transparent none repeat;
	color: #27556c;
	content: " (" attr(hreflang) ")";
}

table {
	font-size: 1em;
}

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

#top {
	margin: 0;
	padding: 0 0 30px 5px;
}

#top h1 {
	width: auto;
	margin: 5px 100px 25px;
	text-align: right;
	font-family: "trebuchet ms",arial,serif;
	font-size: 4em;
	font-weight: 100;
}

#top a {
	color: #537986;
	text-decoration: none;
	padding: 20px;
	background: transparent none;
	border-bottom: none;
}
#page>#top a:hover {
	color: #ebe5d7;
	background: transparent url("images/logo-shadow-trans.png") no-repeat scroll center center;
}

#top a:hover {
	color: #ebe5d7;
	text-decoration: none;
	background: none transparent;
	border-bottom: none;
}

#prelude {
	padding: 0;
	margin: 0 0 0 40px;
	font-size: 0.85em;
}

#prelude a {
	text-decoration: none;
}

#prelude a:hover {
	text-decoration: none;
}

#main {
	width: 100%;
	float: right;
	margin: 0 0 0 -290px;
	padding: 0;
	display: inline;	/* pour éviter qu'IE double la valeur des marges (bug IE) */
}

#content {
	border: 1px solid #000000;
	padding: 0 0 35px 0;
	margin: 0 10% 0px 300px;
	background: #edf0f1 none;
}
#main>#content {
	background: #edf0f1 url('images/top02b-w.jpg') repeat-x fixed right top;
}

#content h3 {
	font-size: 1.17em;
	display: block;
	text-align: center;
	background: url('images/prev-next-ie.jpg') no-repeat scroll center center;
	border: none;
	padding: 3px 10px 3px 10px;
	color: #000000;
}
#main>#content h3 {
	background: url('images/prev-next-trans.png') no-repeat scroll center center;
}

#sidebar {
	border: #000000 1px solid;
	border-top: none;
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
	background: #edf0f1 none;
	float: left;
	width: 210px;
	z-index: 2;
	display: inline;	/* pour éviter qu'IE double la valeur des marges (bug IE) */
}
#page>#sidebar {
	background: #edf0f1 url('images/top02b-w.jpg') repeat-x fixed right top;
}

#music {
	border: 1px solid #edf0f1;;
}

#sidebar>#music {
	border: none;
}

#sidebar h2 {
	border-top: #5d8591 1px solid;
	border-bottom: #000000 1px solid;
	border-right: none;
	border-left: none;
	margin: 1em 0px 0.3em 0px;
	padding: 12px 0px 0px 10px;
	background: #ebe5d7 none;
	text-transform: uppercase;
	color: #000000;
	font-family: "trebuchet ms",arial,serif;
	font-weight: lighter;
}
#sidebar #toclink h2 {
	margin-top: 0px;
}

#sidebar h3 {
	margin: 0.8em 0 0.5em 10px;
	padding: 0px 0px 0px 3px;
	color: #000000;
	font-family: "trebuchet ms",arial,serif;
	font-weight: bolder;
}

#sidebar p, #sidebar h4 {
	margin-left: 10px;
	margin-right: 10px;
}

#sidebar ul {
	margin: 0 1em 0 1em;
	padding-left: 0px;
	list-style-type: none;
}

#sidebar li {
	margin-top: 0.15em;
	display: block;
	padding-left: 10px;
}

#sidebar li a:link {
	background: transparent url('images/fleche.gif') no-repeat scroll 0px 0.3em;
	padding-left: 1em;
}

#sidebar li a:visited {
	background: transparent url('images/fleche-v.gif') no-repeat scroll 0px 0.3em;
	padding-left: 1em;
}

#sidebar li a:hover {
	background: transparent url('images/fleche-h.gif') no-repeat scroll 0px 0.3em;
	padding-left: 1em;
}

#sidebar a {
	text-decoration: none;
	border-bottom: none;
}

#calendar table {
	margin: 0px auto;
	font-size: 0.85em;
	border-collapse: collapse;
}

#calendar caption {
	margin: 0px auto;
	padding: 0px 0px 0.3em;
	font-size: 1.2em;
	color: #8b0000;
}

#calendar abbr {
	border-style: none;
	font-style: normal;
}

#calendar th {
	border-style: none;
	padding: 1px;
}

#calendar td {
	border-style: none;
	padding: 1px;
}

#calendar td {
	text-align: center;
}

#calendar td.active {
	border: #5d8591 1px solid;
}

#calendar td.active a {
	font-weight: bold;
}

#calendar a {
	font-weight: bold;
}

#q {
	width: 120px; 
	margin: 0;
	border: 1px solid #5d8591;
	background: #fff;
}

#q_ok {
	width: 50px; 
	margin: 0 0 0 10px; 
	border: 1px solid #cbc3a6;
}

#links h3 {
	margin-top: 0.7em;
	margin-bottom: 0em;
	font-size: 1em;
	font-variant: small-caps;
}

#footer {
	margin: 1em 10px 0 40px;
	padding-top: 1em;
	clear: left;
	font-size: 0.8em;
	color: #27556c;
	line-height: 100%;
	position: relative;
	text-align: left;
}

#footer a {
	border-bottom: none;
}

.day-date {
	position: relative;
	top: 30px;
	margin-top: 2em;
	font-weight: bold;
	font-size: 1em;
	padding-right: 6px;
	color: #27556c;
	font-family: "trebuchet ms",arial,serif;
	text-align: right;
}

/* #page -> #main -> #content -> .post */
.post {
	margin-bottom: 2.5em;
}

.post img {
	border: #000000 1px solid;
}

img.smiley {
	border: medium none;
	position: relative;
	top: 5px;
}

img.inline {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.post-title {
	border-top: 1px solid #5d8591;
	border-bottom: 1px solid #000000;
	border-left: none;
	border-right: none;
	margin: 1em 0 0.3em 0;
	padding: 12px 0px 0px 10px;
	font-size: 1.7em;
	background: #fff;
	color: #000000;
	font-family: "trebuchet ms",arial,serif;
	font-weight: lighter;
	font-variant: small-caps;
}

.post-title a:link, .post-title a:visited, .post-title a:active  {
	color: #000000;
	text-decoration: none;
	border-bottom: none;
}

.post-title a:hover {
	color: #5d8591;
	text-decoration: none;
	border-bottom: none;
}

.post-title a:before {
	content: "> ";
}
.post>.post-title span {
	display: none;
}

.post-info {
	margin: 0px;
	padding: 0 10px 0 10px;
	clear: both;
	font-size: 0.85em;
	color: #000000;
	text-align: right;
}

.post-chapo {
	margin-bottom: 2em;
	padding: 0 10px 0 10px;
	color: #27556c;
}

.post-content {
	color: #000000;
	padding: 0 10px 0 10px;
}

.post-content h1 {
	border-top: #5d8591 1px solid;
	border-left: #5d8591 10px solid;
	padding-left: 15px;
	margin-top: 2em;
	margin-bottom: 1.3em;
	font-size: 1.5em;
	font-weight: normal;
	font-variant: small-caps;
	font-family: "trebuchet ms",arial,serif;
}

.post-content h2 {
	border-bottom: #ffffff 1px solid;
	padding: 0 0 0 25px;
	margin: 1.3em 0 1em 0;
	font-size: 1.2em;
	font-weight: normal;
	font-variant: small-caps;
	font-family: "trebuchet ms",arial,serif;
}

.post-content p {
	line-height: 1.5em;
}

.post-content li {
	line-height: 1.5em;
}

.post-content ul li {
	background: transparent url(images/fleche.gif) no-repeat scroll 0px 5px;
	padding-left: 15px;
	list-style: none;
}

.post-content blockquote {
	border: 1px dotted #27556c;
	border-left: #27556c 2px solid;
	background-color: #ffffff;
	margin: 2em 3em;
	color: #27556c;
	font-style: italic;
	padding: 0 10px 0 10px;
	text-indent: 2em;
	text-align: justify;
}

.post-chapo blockquote {
	border: 1px dotted #27556c;
	border-left: #27556c 2px solid;
	background-color: #ffffff;
	margin: 2em 3em;
	color: #27556c;
	font-style: italic;
	padding: 0 10px 0 10px;
	text-indent: 2em;
	text-align: justify;
/*	border-left: #ffffff 1px solid;
	margin: 2em 3em;
	color: #5d8591;
	font-style: italic;
	padding-left: 10px;
	text-indent: 2em;
	text-align: justify;*/
}

.post-info-co {
	padding: 0px 10px 0px 10px;
	clear: both;
	font-size: 0.85em;
	color: #5d8591;
}
.post-info-co a:link, .post-info-co a:visited, .post-info-co a:active {
	border: #000000 1px solid;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	margin: 0;
}
.post-info-co a:hover {
	border: #000000 1px solid;
	color: #8b0000;
	background: #ebe5d7;
	text-decoration: none;
}
.post-info-co span {
	border: #000000 1px solid;
	padding: 0px 4px 0px 4px;
	margin: 0;
}

#trackbacks, #comments {
	margin: 0;
	border: 1px solid #edf0f1;
	background: #edf0f1 none;
}
#content>#trackbacks, #content>#comments {
	border: 1px solid transparent;
	background: #edf0f1 url('images/top02b-w.jpg') repeat-x fixed right top;
}

#trackbacks h3, #comments h3 {
	display: block;
	text-align: center;
	background: url('images/prev-next-ie.jpg') no-repeat scroll center center;
	border: none;
	padding: 3px 10px 3px 10px;
	color: #000000;
}
#content>#trackbacks h3, #content>#comments h3 {
	background: url('images/prev-next-trans.png') no-repeat scroll center center;
}

#trackbacks>p, #comments>p {
	text-align: center;
}

#comment-preview {
	margin: 0px;
}

#trackbacks blockquote, #comments blockquote {
	margin: 0px 60px 30px 60px;
	padding: 0 10px 0 10px;
	display: block;
	font-style: normal;
	border: 1px solid #000000;
	background: #ffffff;
}

#comment-preview blockquote {
	margin: 0px 60px 30px 60px;
	padding: 0 10px 0 10px;
	display: block;
	font-style: normal;
	border: 1px solid #000000;
	background: #ffffff;
}

#comments q {
	background-color: #ebe5d7;
	display: block;
	margin: 0 -10px 0 -10px;
	padding: 3px 8px 4px 10px;
}
#comment-preview q {
	background-color: #ebe5d7;
	display: block;
	margin: 0 -10px 0 -10px;
	padding: 3px 8px 4px 10px;
}

#comments q:before, #comments q:after, #comment-preview q:before, #comment-preview q:after {
	content: "";
}

.comment-info {
	color: #000000;
	margin: 0 0 0 35px;
	padding: 0 5px 0 0;
	display: inline;
	border: 1px solid #000000;
	background: #ebe5d7;
	font-style: italic;
}

.comment-info a, .comment-info a:link, .comment-info a:visited, .comment-info a:hover, .comment-info a:active {
	border-bottom: none;
}

.comment-info strong {
	color: #000000;
	font-size: 1.7em;
	font-weight: normal;
	padding-left: 5px;
	font-family: "trebuchet ms",arial,serif;
}

.comment-number {
	font-size: 2em;
	font-family: "trebuchet ms",arial,serif;
}

.comment-number a {
	text-decoration: none;
}

.error {
	border: #cc0000 1px solid;
	padding: 0.5em;
	background: #ffeeee none repeat;
	color: #cc0000;
}

.error ul {
	padding-left: 20px;
}

.error li {
	list-style-type: square;
}

fieldset {
	border-style: none;
	margin: 0px 60px 0px 30px;
	padding: 0px;
	display: block;
	color: #000000;
	text-align: left;
}

input {
	border-color: #5d8591;
	border-width: 1px;
	font-size: 1em;
	font-family: verdana,arial,geneva,helvetica,sans-serif;
	margin-left: 20px;
}

textarea {
	border-color: #5d8591;
	border-width: 1px;
	font-size: 1em;
	font-family: verdana,arial,geneva,helvetica,sans-serif;
	width: 75%;
	margin-left: 20px;
}

p.field {
	margin: 0.5em 0px 0px;
}

p.field label {
	display: block;
	font-weight: bold;
	font-size: 0.85em;
}

.form-help {
	color: #000000;
	text-align: left;
	margin-left: 30px;
}

#comment-form {
	margin-left: 10px;
	text-align: center;
}