/*
 copyright Laurent Jouanneau
*/

body {
    margin:0;
    padding:0;
    background-color:#EDE3BB;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}

a { color: #CC6B47; }
a:hover {text-decoration: none;	color: #3760BF;}
a img {	border: none;}

fieldset {
    border: 1px solid #BBB082;
    padding:3px;
    margin: 5px 2px;
}

fieldset p { margin:3px;}
pre { overflow:auto; background-color:#FFF8E4; font-size:0.9em; }
code { background-color:#E8DBA7; font-size:0.95em; }
blockquote { font-style: italic; border-left:4px solid #0d7083; padding-left:0.3em;}

label { display: block; letter-spacing: .15em; font-size: .9em; }
input, textarea { 
	margin: 4px 0 7px; 
	border: 1px solid #BBB082;
	padding: 2px;
}

input.submit { 
	margin: 0 ;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
    border: 1px #575C5F solid;	background: #983D3A;
	border: 1px #D45951 solid;
}

table {	border:3px solid #435260; border-collapse: collapse; }
table caption { background-color: #BBB082;}
table th, table td { border:1px solid #435260; padding:0.2em; }
table td { }
table th { background-color:#E8DBA7; }

#prelude {
    position:absolute;
    right:0;
    top:0;
    font-size: 0.8em;
    margin:0;
    padding:3px;
}

#prelude a {
    color: #435260;
}
#prelude a:hover {
color: #F4EDD3;
}

#header {
	margin: 0 auto;
    padding:0;
    background-color:#16232f;
    background-image: url('fond_header.jpg');
    background-position: top center;
    background-repeat:no-repeat;
    color: white;
    min-height: 80px;
}

#header-content {
    width: 780px;
    margin:0 auto;
}

#header-content h1 {
    margin:0;
    padding:10px;
    letter-spacing: -0.05em;
    font-size:2.8em;
    font-weight:normal;
}


#header-content a {
    color:white;
    text-decoration:none;
}

#menu {
    margin: 0 auto;
    background: #435260; /*#4C4D51;*/
    padding: 5px 0em;
    color: white;
}

#menu ul {
	width: 780px;
	margin: 0 auto;
	padding: 0.5em 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	margin: 0 ;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
    border: 1px #575C5F solid;
}
#menu li.selected a {
	background: #983D3A;
	border: 1px #D45951 solid;
}

#menu a:hover {
	text-decoration: none;
	background: #983D3A;
	border: 1px #D45951 solid;
}

#wrapper {
    width: 770px;
	margin: 0 auto;
    color:#2E2E2E;
    padding:0;
    padding:5px 5px 1em 5px;
}


#main {}

#main #content {
    min-height:400px;
    width:600px;
    float:left;
}

#main.nosidebar #content {
    min-height:400px;
    width:auto;
    float:none;
}

#content h1 {
    margin: 0;
	padding: 10px 0 10px 15px;
	background: #BBB082;
	letter-spacing: .5em;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
  text-shadow:#48494C 2px 2px 3px;
}

#content h2 {
    margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.5em;
    color:#CC6B47;
    font-weight:normal;
  text-shadow:#CCAFB4 2px 2px 3px;
}
#content h2 a {
    text-decoration:none;
}
#content .twocolumns > div {
    float:left;
    width:370px;
    margin:5px;
}
#content .twocolumns > div + div {
    float:right;
}
#content .twocolumns > hr {
    clear:both;
    border:none;
}


#comments h3, #comment-form h3, #pings h3 {
    margin: 1em 0;
	padding: 10px 0 10px 15px;
	background: #BBB082;
	letter-spacing: .5em;
	text-transform: uppercase;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
}

#comments dd {
    background-color:#EDE3BB;
    font-size:0.9em;
    margin: 0 0 0 1.5em ;
    padding: 5px;
}

#content h2.post-title {
    font-size: 2em;
}


.chapo {
    padding:0.5em;
    background-color:#BBB082;
	color: #FFFFFF;
    text-align:center;
    margin: 0.5em 0 1em 0;
}

#navlinks { font-size: 0.8em; }

#lang-link { text-align:center;}

.day-date {  
   background-color:#BBB082;
   color:#FFFFFF;
   font-size:0.9em;
   font-weight:bold;
   margin:0;
   padding:10px;
}

.post-info {
	margin: 0 0 10px 0;
}

.post-info, #comments dt {
	padding: 0;
	border-bottom: 1px #DDD7C0 solid;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
}

.photo {
    text-align:center;
    font-size:0.8em;
    font-style:italic;
    
}

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

#comments dt {  margin: 10px 0; }

.comment_count { background: transparent url(img/comment.png) no-repeat 0 50%;}
.ping_count {background: transparent url(img/trackback.png) no-repeat 0 50%; }
.attach_count {	background: transparent url(img/attach.png) no-repeat 0 50%;}

.post-info-co { text-align:right; font-size:0.8em; }
.post-info-co a { padding: 2px 10px 2px 18px; }

.post-tags {
	list-style: none;
	margin: 1em 0 1em;
    text-align:right;
    font-size:0.8em;
}
.post-tags li {	display: inline; margin-right: 8px; }
.post-tags li:first-child {	padding: 5px 0 5px 22px; background: transparent url(img/tag.png) no-repeat 0 70%; }

p.error {
    background-color: #E8BAA6;
    color: red;
    font-weight:bold;
}

p.message { background-color:#A6E8BA; }

#c_content { width:570px; height:80px;}

.tags { list-style: none;}
ul.tags li { display: inline; padding: 0 0.2em; }
div.tags ul {text-align: center; padding:0; margin:0;}
#sidebar div.tags ul li { display: inline;  padding:0 2px; margin:0;}

.tags  li a.tag10 { font-size:1.1em;}
.tags  li a.tag20 { font-size:1.2em;}
.tags  li a.tag30 { font-size:1.3em;}
.tags  li a.tag40 { font-size:1.4em;}
.tags  li a.tag50 { font-size:1.5em;}
.tags  li a.tag60 { font-size:1.6em;}
.tags  li a.tag70 { font-size:1.7em;}
.tags  li a.tag80 { font-size:1.8em;}
.tags  li a.tag90 { font-size:1.9em;}
.tags  li a.tag100 { font-size:2em;}


#sidebar {
    float:right;
    width:150px;
    padding: 5px;
    font-size:0.8em;
    background-color:#E8DBA7;

}

#sidebar h2 {
    margin: 0;
	background: #BBB082;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
    margin:10px 0 5px 0;
    padding: .5em 0;
    letter-spacing: .3em;
}

#sidebar ul { margin:0; padding:0; list-style: none; }
#sidebar ul li { margin:0 5px; padding:0 0 .5em 0; }
#sidebar ul li:before { content: "- "; }

#sidebar #search input#q { 
	margin: 4px 0 4px; 
	padding: 3px;
	font-size:0.95em;
}

#sidebar #search input.submit { 
	padding: 3px;
	font-size: 0.9em;
}

#sidebar .syndicate ul {
    list-style-image: url(img/feed.png);
    list-style-position: inside;
    margin:0 0 0 0px;
}

#notes {
  margin-top: 1.8em;
  font-size:0.8em;
  color: #464646;
}

#notes:target {
  border: 3px solid #435260;
  font-size: 1em;
  color : #8B0101;
  
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
   	font-size: .8em;
    background: #16232f; /*#435260;*/
    color: white;
    border-top: 10px solid #435260;
}

#footer p { margin: 0; }
#footer address { margin:0; }

/* autre */

.screenshot{ margin:10px; }


.tableometer { border:3px solid black; border-collapse: collapse; }
.tableometer caption {  background-color: #E0EEF9; }
.tableometer th, .tableometer td { border:1px solid black; padding:0.2em; }
.tableometer td { text-align:center; }
.tableometer th { background-color:#FFF9E8; }
.tableometer tr.success { color:green; }
.tableometer tr.success th, .tableometer tr.fail th { text-align: right; }
.tableometer tr.fail { color:red; }

h1#contact:target +ul {
  border: 3px solid #435260;
  color : #8B0101;
  /*border:3px solid red;*/
}