/*
Copyright (C) 2005 Noah Medling
Copyright (C) 2016 hervé Couvelard

This program is licensed under the GNU General Public License, version 2,
as published by the Free Software Foundation, June 1991. For details, see
LICENSE.txt
*/
@font-face {
    font-family: 'encode';
    src: url('EncodeSansCondensed-Light.ttf');
   font-style: normal;
    font-weight: normal;
}

body{
	color:#000;
	background:#d5e5ff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: encode;
	height: 100%;
}

#root{
	text-align: left;
	margin: 0 auto;
	max-width: 100%;
	width:57em;
	padding: 0;
}
ul, ol{
	padding-left: 2.5em;
}
#header{
	margin: 0 0 1em 0;
	padding: 0em 5em;
height:150px;
background-image:url('ecra1n.jpg');
background-repeat:no-repeat;background-position :50% 50%;
		font-size: 120%;
		font-weight: bold;
		font-variant: small-caps;
		font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;

}

	#header h1{
		margin: 0;
		padding: 0;
	}


	#header p{
		margin: 0;
		padding: 0;
		font-variant: small-caps;
	}
#navigation{
border-radius:5px;
background:#0055d4;color:#fff;
	float: left;
	margin: 0em 0 1em 1em;
	padding: 5px;
	width: 8.5em;
	display: inline;
min-height:300px;
}
	#navigation ul{
		list-style-type: none;
		padding: 0;
		margin: 0 0 1em 0;
	}
	#navigation li.separator{
		padding-top: 1em;
		font-variant: small-caps;
	}
	#navigation li.link, #navigation li.page{
		padding-left: 1em;
	}
	#navigation li a{
		color: #fff;
		text-decoration: none;
	}
	#navigation li a:hover{
		color: #fff;
		text-decoration: underline;
	}
		
#content{
	margin: 0 1em 1em 11em;
	padding: 0 0 0 0;
}
	#content h1{
		font-size: 150%;
		font-weight: normal;
		font-variant: small-caps;
		border-bottom: 1px solid #bcd;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	#content p{
		margin: 0.5em 0 1em 0;
	}
	#content form{
		margin: 0;
		padding: 0;
	}


#footer{
	clear: both;
	margin: 0;
	padding: 1em;
	text-align: center;
	border-top: 1px solid #000;
}
	#footer p{
		margin: 0;
		padding: 0;
	}

.post{ width:600px;margin-bottom:10px;padding:5px;
background:#f4eed7;border:1px solid #c8ab37; border-radius:5px;
}
.post .post_title{
text-align:left;margin:-6px;border-radius:5px 5px 0px 0px;margin-bottom:5px;
padding:5px;font-size:12pt;
background-color:#E8DAA4;border:1px solid #c8ab37;
	font-size: 150%;
	font-variant: small-caps;
}
.post .post_head{

	font-size: 80%;
	color: #567;
}
.post .post_body{}


.post .post_body img{display:block;margin:5px auto;}
.post .post_body video{display:block;margin:5px auto;}
.post .post_body audio{display:block;margin:5px auto;}


.post .post_foot{
	text-align: right;
	font-size: 80%;
	color: #567;
}

.comment{
	padding: 0.5em;
	margin: 0.5em 0 1.5em 0;
}
.comment .comment_head{
	font-size: 80%;
	color: #567;
	border-bottom: 1px solid #bcd;
}
.comment .comment_body{
}
.moderated{
	background: #def;
}
.moderated .comment_head{
	color: #345;
}

fieldset{
	border: 1px solid #bcd;
	padding-left: 0.75em;
	padding-right: 0.75em;
}
legend{
	color: #000;
	font-variant: small-caps;
}
p.message{
	border: 1px solid #bcd;
	padding: 0.25em;
	background: #eff;
}
p.error{
	border: 1px solid #f98;
	padding: 0.25em;
	background: #fed;
}

a:link, a:visited{
	color: #00f;
	text-decoration: none;
}
a:active, a:hover{
	color: #00f;
	text-decoration: underline;
}

a img{
vertical-align:middle;
border:0px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	font-variant: small-caps;
}
h4 img{display:inline-block !important;margin-left:20px !important;margin-right:10px !important;vertical-align:middle;}
h4 {font-weight:bold;}

hr{
	height: 1px;
	padding:0;
	color: #000;
	background: #000;
	padding: 0;
	border: 0;
}
li.s{list-style:none;}