/*
$couleur="noir";
$fond_c="#000";
$texte_c="#fff";
$texte_c_superfin="#555";
$texte_s="10";
$input_c="#000";
$lien_c="#fff";
$lien_ch="#aaa";
$tag_c="#c6c7c9";
$admin_comment_fond_c="#121212";
*/


/* GENERALITES
***** */
body{background-color:#000; text-align: center;}
/* DEBUG */
/*body{background: transparent url('images/target800.gif') repeat-y top center;}*/
/*#main{background-color: green;}*/
/*#sidebar{background-color: red;}*/
/*#sidebar{display:none;}*/
/*#content{background-color: blue;}*/
/*#content{display:none;}*/
/*#footer{background-color: yellow;}*/
/* ///// */

body,
  input, select, textarea{
	font-family : Verdana, Arial, sans-serif;
	font-size : 12px; color:#fff;
}
a{color:#fff;}
a:hover{color:#aaa;}
hr{display:none;}

cite, dfn { font-style: italic; padding-left:10px; padding-bottom:1.2em; display: block;}
code, kbd, samp, pre, tt, var {font-family: monaco, "Lucida Console", "Courier New", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
/*small, sup, sub { font-size: 85%; }*/
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
a abbr, a abbr[title], a acronym, a acronym[title], a dfn, a dfn[title]{border-bottom: none;}
sup { vertical-align: super; }
sub { vertical-align: sub; }

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: .5em .5em; margin: 1em 10px .5em 0;}
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
html[lang|='fr'] blockquote *:first-child:before { content: "\ab\2005"; }
html[lang|='fr'] blockquote *:first-child:after { content: "\2005\bb"; }

:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }
html[lang|='fr'] q:before   { content: '\ab\2005'; }
html[lang|='fr'] q:after    { content: '\2005\bb'; }
html[lang|='fr'] q q:before { content: '\2039\2005'; }
html[lang|='fr'] q q:after  { content: '\2005\203a'; }

code, pre { color: #999; } /* very optional, but still useful. W3C uses about the same colors for codes */

#page{margin:0 auto; width:800px; padding:20px 10px;}
*:first-child+html #page{width:820px; padding:10px;}
* html #page{width:820px; padding:10px;}



/* HEADER ET SS-HEADER 
***** */
#header{border-bottom: 1px solid #555; margin-bottom:2px; padding-bottom:2px;}
#header h1{float:left; font-size: 33px;}
#header h1 a{text-decoration: none; font-family: "Times New Roman", Times, sans-serif; font-weight: bold; line-height:47px;}
#header h6{float:right;}
#header h6 a{
	display: block; width:51px; height:47px; 
	background: transparent url('images/logo_ecographik_noir.gif') no-repeat top left;
}

#ssheader{border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding:3px 5px 2px 5px;}
#ssheader ul{width:300px; font-size: 21px; float:left; font-family: "Times New Roman", Times, sans-serif;}
#ssheader li{display: inline;}
#ssheader ul a{display:block; text-decoration: none; padding-right:30px; height:20px; line-height:20px; float:left;}
#ssheader ul a.rss{background: transparent url('images/rss_noir.gif') no-repeat top left; width:20px; padding-left:26px;}
#ssheader ul a.rss:hover{background-position: bottom left; color:#f28d35;}
#ssheader form{float:right; margin-right:-6px; padding-top:2px;}
#ssheader label{text-transform: uppercase; font-size: 11px; padding:2px 5px; display: block; float:left;}
#ssheader input{background-color: #fff; color: #000; display: block; float:left; margin-right:5px; border:0; padding-top:1px;}
#ssheader input#searchsubmit{width:35px; text-align: center; padding-top:0;}



/* CONTENT - postmetadata - navigation - pagetitle
***** */
#content{width:565px; float:right; overflow:hidden;}

.post{margin-bottom:20px;}
.postmetadata{
	font-size: 9px; text-transform: uppercase; clear:both;
	border-bottom: 1px solid #fff; padding:10px 2px 3px 2px; margin-bottom:8px;
}
.postmetadata h3{font-size: 14px; font-family: "Times New Roman", Times, sans-serif; font-style: italic; text-transform: none;}
.postmetadata h2{font-size: 17px; margin-bottom:2px; text-transform:uppercase;}
.postmetadata a{text-decoration:none;}
.postmetadata p{margin-bottom:.6em;}
.posttags,
  .posttags a{color:#c6c7c9;}
.posttags a:hover{color:#fff;}

.navigation{
	background-color: #fff; color:#000; height:20px; line-height:20px; overflow:hidden; 
	width:555px; border-right: 10px solid #fff;
}
.navigation_inner{width:2000px; text-transform: uppercase;}
.navigation_inner div{float:left; line-height:20px; padding:0 10px; border-right: 1px solid #000;}
.navigation_inner a{color:#000; line-height:20px; text-decoration: none;}
.navigation_inner a:hover{color:#aaa;}

.pagetitle{background-color: #c6c7c9; color:#000; font-weight: bold; height:20px; line-height:20px; padding:0 10px; margin-top:10px;}



/* CONTENT - entry - comments
***** */
.entry p{margin-bottom:1.2em;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.entry ol,
  .entry ul{margin-left:30px; clear:left;}
.entry ol li{list-style-type: decimal; display: list-item;}
.entry ul li{list-style-type: disc; display: list-item;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	text-decoration: underline; font-family:"Times New Roman", Times, serif; text-transform: uppercase;
}
.entry h1{font-size: 160%;}
.entry h2{font-size: 150%;}
.entry h3{font-size: 140%;}
.entry h4{font-size: 130%;}
.entry h5{font-size: 120%;}
.entry h6{font-size: 110%;}

#comments{margin-top:20px}
.comments_section{padding:20px 5px 5px 5px;  border-bottom:1px solid #555; margin-bottom:10px;}
.comments_section h3{font-size:11px; color:#c6c7c9; text-transform:uppercase;}
.com_pagi{margin-left:50px;}
.com_pagi .current{font-weight:bold; font-size:13px;}

.comment h6 span.com_author{display:block; float:left; font-size:10px; padding: 0 5px; }
.comment h6 span.com_author,
  .comment h6 a{background-color: #fff; color:#000; height:15px; line-height:15px; text-transform: uppercase;}
.comment h6 a:hover{color:#aaa;}
.comment .content{margin-bottom:10px; padding:10px 5px 0 5px;}
.comment.admincomment .content{background-color:#121212;}
.comment .content p{padding-bottom:1.2em;}

#comments_write{padding:0 5px}
#commentform{margin-bottom:50px;}
#comments_write div{padding-bottom:7px;}
#comments_write div label{float:left; width:175px; padding:3px 10px 0 0; text-align:right;}
#comments_write div input{float:left; width:360px; color:#000; margin-bottom:.7em;}
#comments_write div p{clear:both;padding-left:185px; margin-bottom:0;}
*:first-child+html #comments_write div p{padding-left:175px;}
* html #comments_write div p{padding-left:175px;}
#comments_write #secureimgdiv p{padding:3px 10px 1.2em 0;}
#cas_image{margin-left:185px;}
#comments_write textarea{width:363px; height:96px; color:#000;}
*:first-child+html #comments_write textarea{margin-left:-2px;} 
* html #comments_write textarea{margin-left:-2px;}
#comments_write  p{margin-bottom:1.2em;}
#submit{
	border:0; margin:0; padding:2px 5px 3px 5px; width:160px;
	font-size:10px; text-transform:uppercase; text-align:center; color:#000; background-color:#fff;
}
#submit:hover{color:#555}



/* SIDEBAR 
***** */
#sidebar{width:210px; padding-right:25px; float:left; overflow:hidden;}
*:first-child+html #sidebar{width:235px; margin-top:-14px;}
* html #sidebar{width:235px; margin-top:-14px;}
#sidebar{font-family: "Times New Roman", Times, sans-serif; font-size: 14px; font-style: italic;}
#sidebar a{text-decoration: none;}
#sidebar li.section,
  #sidebar li.pagenav,
  #sidebar li.categories,
  #sidebar li.linkcat,
  #sidebar li.widget{padding:0 10px 10px 10px; border-bottom: 1px dashed #fff;}
#sidebar li.section.vsvstrvz{padding-top:12px}
#sidebar h2{padding:10px 0 3px 0; text-decoration: underline; font-weight: bold; font-style: normal; font-size: 17px;}
#sidebar ul ul ul{margin-left:15px;}
#sidebar ul ul ul li{display: list-item;}
#sidebar ul ul ul li:before {content: "\00BB \0020";}

#flickrpic{padding-top:5px;}
.flickr_badge_image img{width:190px; display: block; margin-bottom:10px;}



/* BOTTOM
***** */
#footer{margin-top:25px; border-top: 1px solid #fff; padding-top:5px; font-size: 90%;}
#footer .unstudio{font-size: 110%;}
#footer .unstudio strong{font-size: 110%;}
#footer .org{display:none;}
#footer .tel{}
#footer .tel .type{display:none;}
#footer .tel strong{font-style: italic;}
#footer p{font-style: italic;}


/*iframe{padding-top:5px;}*/