/*
Theme Name: eliosystem
Theme URI: http://www.eliosystem.fr
Description: 2 colonnes fixées
Version: 1.0
Author: sid-networks
Author URI: http://www.sid-networks.com
Tags: 2 colonnes, fixed

	eliosystem v1.0
	http://www.sid-networks.com/blog-pro

	Thème designé par Sid-Networks

	Licence GPL
    http://www.opensource.org/licenses/gpl-license.php

*/



/* global prop. */
*{
  margin: 0;
  padding: 0;
}

html, body{
 height:100%;
 background-color: #f0ece0;
 margin:0;padding:0;
}

body{
  font-family: "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 0.77em;
  font-style: normal;
  color: #180a02;
  min-height:100%;
  height:auto !important; /* ie ignores it */
  height:100%; /* fix */
  position: relative;
}

a{
  color: #EF9410;
  text-decoration: underline;
}

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

img{
  border: 0;
}

pre{
  white-space: normal;
}

table{
  margin: 0.1em;
  border: 0;
  width:100%;
  border-spacing:0;
}

tbody{ margin:0; padding:0;}

table td, table th, table tr{  padding: 0.1em; margin:0;}
table td{ width:50%; font-size:110%; color:#000;}
table td strong{ font-size:120%; font-weight:normal;}
table td a{ text-decoration:none; padding:0; margin:0;text-transform:uppercase;}
table td a img{margin:0; padding:0;}
table td a img.alignleft{ margin:0 0 0 0; padding:0,1em;}
table td a img.alignright{ margin:0 0 0 0; padding:0,1em;}

table tr.odd{}
table tr:hover{  background: #f1f1f1;}

fieldset{  padding:0.5em;}

legend{
  padding: 2px 15px 10px 15px;
  color: #8b8b89;
  text-transform: uppercase;
  font-style: italic;
  font-size: 115%;
}

p{ font-size:110%;  line-height: 130%;  margin: 0.5em 0;  text-align: justify; color:#644931; font-family:Geneva, Arial, Helvetica, sans-serif;}
p strong{ color:#221a13; font-weight:bold;}
small{  font-size: 90%;}
code{ font-size:120%;}
blockquote{  margin: 0.5em 0;  font-style: italic;  color: #939494;}
blockquote p{ border-left: 1px dotted #939494;  padding: 0.5em;}
#main-content ul{margin:0 1.4em ; font-size:110%;}
#main-content ul li{list-style-position: outside;  list-style: url(images/puce2.jpg); line-height:140%; padding:0.3em 0;}
#main-content ol{margin:0 1.8em ;font-size:110%;}
#main-content ol li{  list-style-type: decimal;  list-style-position: outside; line-height:140%; font-size:93%; padding:0.3em 0;}

#main-content dl {
  padding: 2px 0 8px;
}

#main-content dt {
  float: left;
  clear: left;
  width: 100px;
  text-align: right;
}

#main-content dt:after {
    content: ": ";
}

#main-content dd {
 margin: 0 0 0 110px;
 padding: 0 0 0.5em 0;
}


#main-content h1{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 360%;
  font-weight: normal;
  margin: 5px 0 5px 100px;
  color:#FEE1A9;
  letter-spacing:-3.6px;
}



h2{
	font-size: 180%;
	line-height:180%;
 	color:#FE6B01;
	font-weight:normal;
	padding-top:1em;
}

h3{
  font-size: 140%;
  font-weight: normal;
  padding-top:0.5em;
}
h4{font-size: 130%;  font-weight: normal;  padding-top:0.5em;}
h5{font-size: 120%;  font-weight: normal;  padding-top:0.5em;}
h6,h7,h8{font-size: 110%;  font-weight: normal;  padding-top:0.5em;}



/* actual layout width: default is 985px (for 1024x768+); 100% = fluid width */
#page{
  width: 985px;
  min-width: 780px;
  margin:0 auto;
  position: relative;
  background: url(images/fdpage.jpg) repeat-y;
}


#cssControls{
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 10px;
}


/*** HEADER AREA ***/

/* logo position */
a#logo{
  top: 0px;
  position: absolute;
}
#page-wrap1{
  background: transparent url(images/header-center.jpg) repeat-x center top;
  width: 100%;
  display:block;
}
#page-wrap2{
	width:100%; 
	background: transparent url(images/fdfooter-center.jpg) repeat-x center bottom;
}

#header{
  height: 316px;
  width : 985px;
  position: relative;
  background: url(images/header.jpg) no-repeat;
}

#header h1 a span{
	display:none;
}


/* top navigation */
#topnav{
	display:none;

}
#topnav a{}
#topnav a:hover{}


/* header tabs */
#tabs {
 font-size:14px;
 width: 674px;
 line-height:normal;
 position: absolute;
 top:0px
 left: 28px;
 height:74px;
 line-height:74px;
}

#tabs ul {
 list-style:none;
}

#tabs li {
 display:inline;
}

#tabs li.current_page_item a{
	background-color:#fd974d;
	padding:0 0.4em;
	color:#000;
}

#tabs a {
 float:left;
 color:#FFF;
 padding: 0 0.4em;
 text-decoration:none;
 cursor: pointer; /* IE 7 bug-fix */
}

#tabs a:hover{
 background-color:#fd974d;
 color:#000;
}
#tabs a.active {
 background-color:#000;
 color:#d75f12;
}


/*** MAIN ***/

#main-wrap{
  float: left;
  width: 100%;
}
#main{  display: block;}
#main-content{ width:760px;}
.main-body{	margin: 0;}

/* for accesibility (eg. if sidebar needs removed on some pages) */
.with-sidebar{}

#main-content h3{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 150%;
  margin: 6px 0 2px;
  letter-spacing:-0.06em;
  color:#2A2017;
}

#main-content h4{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 125%;
  margin: 5px 0 2px;
}

#main-content h5{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 115%;
  font-weight: normal;
  margin: 5px 0 2px;
  text-transform: uppercase;
  font-style: italic;
}

#main-content h6{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 110%;
  font-weight: bold;
  margin: 5px 0 2px;
}

/* sort news links */
#sortlinks{
  display: block;
  margin: 5px 0 20px;
}


/* secondary tabs */

.menu {
 font-size:14px;
 height:35px;
 line-height:normal;
 left: 0;
 padding-left: 12px;
 margin: 10px 0 20px;
}

.menu ul {
 list-style:none;
}

.menu li {
 display:inline;
}

.menu a {
 float:left;
 background:url(images/mtab-left.png) no-repeat left -35px;
 color:#0470a0;
 padding-left:6px;
 margin-right:3px;
 text-decoration:none;
 text-transform: uppercase;
 color:#8c8b8b;
 cursor: pointer; /* IE 7 bug-fix */
}

.menu a span{
 float:left;
 display:block;
 background:url(images/mtab-right.png) no-repeat right -35px;
 height: 35px;
 padding-right: 6px;
}

.menu a span span{
 display:block;
 background:none;
 height: auto;
 padding: 7px 10px 0 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a span {float:none;}
/* End IE5-Mac hack */
.menu a:hover span {
 color:#000;
}

.menu a:hover{
 background-position:0% -70px;
 color:#000;
}
.menu a:hover span{
 background-position:100% -70px;
 color:#000;
}

.menu a.active {
 background-position:0% 0px;
 color:#ed2124;
}
.menu a.active span {
 background-position:100% 0px;
 color:#ed2124;
}


h2 a, h3 a{
  color:#2C1F19;
  text-decoration: none;
}

h2 a:hover, h3 a:hover{
  background: none;
  color: #000;
}


/* voting */

.story .vote{
  width: 70px;
  height: 89px;
  background: transparent url(images/vote-up.png) no-repeat left top;
  float:left;
  display: block;
  position: relative;
}

.story .vote span.votenumber{
  text-align: center;
  width: 70px;
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.story .vote a{
  color: #fff;
  text-decoration: none;
}

.story .vote span.votenumber a{
  font-size: 30px;
}

.story .vote span.votenumber a:hover{
  background: none;
  text-decoration: underline;
}


.story .vote span.subtext{
  background: transparent url(images/vote-text.png) no-repeat left top;
  text-align: center;
  width: 70px;
  height: 29px;
  position: absolute;
  top: 62px;
  left: 0;
}

/* story header */
.postheader{float:left;display:block; width:58px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.postheader .postday{padding:0; color:#fff; font-size:340%; letter-spacing:-0.05em;}
.postheader .postmonth{padding:0; color:#000; font-size:83%;}


.postcategory{ color: #e5e5e5;}
.postinfo{ font-size:83%; display:block; margin:0.5em 0; color:#281E15;}
.postinfo p{ margin:0;}

/* articles_recents et commentaires recents */
.articles_recents{ background-color:#f0ead8; margin:0 0 0 58px;}
.articles_recents h2, .commentaires_recents h2{ margin:0 30px 0 40px; padding-top:1em;}
.articles_recents ul li, .commentaires_recents ul li{ margin:0 30px 0 40px;}
.commentaires_recents{ display:block; float:right; width: 349px; background-color:#f0ead8; height:230px; display:none;}
.articles_recents .navigation{ margin:0 40px 0 40px;}

/**/
.navigation{ margin: 1em 40px 1em 108px;}


/* story body */
.post{  margin:0;  display: block;  padding: 1em 0 0 0; position:relative; clear:both;}
.sspost{ margin:0 44px 0 100px;}
.sspost-bottom{ border-bottom:1px solid #F8D3A3; margin:0 0 0 58px; padding:0 0 1em 0; clear:both;}

.postcontrols{
  color: #e5e5e5;
  float: right;
}

.tags{ font-size:90%; padding:0.5em 0; display:block;}

/* comments */
#comments{ margin:1em 0 0 0;}
#commentlist{ margin:0 0 0 58px; background-color:#FFF1D9; padding:1em 0;}

.comment{ border-bottom:1px solid #ededc3; display:block;}
.comment .wrap{ overflow:auto;}

.comment .details{  display: block; margin:0.5em 4em;}
.comment .details .head{  padding:0;  margin: 0; display: block;}

.comment.admincomment .details .head{ background-color:dfdfaa; color:281e17;}
.comment.admincomment .details .head a{ }
.comment.admincomment .details .head a:hover{}

#respond{ margin:0 0 0 58px; background-color:#FEE1A9; padding:2em 4em;}

#commentform textarea{border:1px solid #cfcf9c; padding:0.2em;}
ol#thecomments{ padding: 0;  margin:0em; font-size:100%; display:block;}
ol#thecomments li{ list-style:none; list-style-type:none;}
ol#thecomments li.nocomments{ list-style:none; list-style-type:none; margin:0 0 0 4em;}

.commentplus{ float:right; width: 180px;  margin:-1em 0 0 2em;}
.reply, .quote, .advedit{ display:block; border-left:1px solid #ededc3; padding:0.1em 1em; font-size:87%;}

.more-link{ text-align:right; display:block; float:right; text-decoration:none; background:url(images/puce1.jpg) no-repeat; padding:0 0 0 2em;}

/* gravatar */
.avatar{ display:none;}

div.act{float:right; line-height: 100%;right: 10px;margin:0 4em 0 0;padding: 0;}
div.act a{ padding:0 1em;}
span.advedit a{}


/* sidebar */

#sidebar{
  float: left;
  display: block;
  margin-left: -226px;   /* sidebar width! */
  width: 226px;          /* sidebar width! */
  position: relative;
  margin-top: 315px;
}
#sidebar ul{
	list-style:none;
	list-style-type:none;
}
#sidebar div#fluxrss{
	background:url(images/fdfluxrss.jpg) no-repeat;
	margin:0;
	padding:0;
}
#sidebar div#fluxrss h2{ margin:0; padding:10px 0.5em; color:#fff;}
#sidebar div#fluxrss ul{ padding:0.5em;}
#sidebar div#fluxrss ul li a{ color:#fff;}
#sidebar div#fluxrss ul li{
	list-style: url(images/puce2.jpg);
	list-style:inside;
	margin-left:1em;
}

#sidebar h2{
  font-weight: normal;
  text-transform: uppercase;
  font-size: 130%;
  margin:0.5em 0 0.5em 0.5em;
  color:#fd6b01;
}

#sidebar ul.nav{font-size: 120%; margin-bottom:-1px;}
#sidebar ul.nav li{ background:none; padding:0;}
#sidebar ul.nav li ul.children{margin:0; line-height:110%; font-size:90%; border-bottom:1px solid #D7D0BB}
#sidebar ul.nav li ul.children li{ }
#sidebar ul.nav li ul.children li a{ margin-bottom:0; padding:0.2em 0 0.2em 2.2em;background:url(images/puce3.gif) no-repeat #E7E3D7 1.4em 0.6em;}
#sidebar ul.nav li ul.children li a:hover{  background-color:#D7D0BB; color:#fd6b01;}
#sidebar ul li a{ text-decoration: none;}
#sidebar ul li a:hover{ color:#000;}
#sidebar ul.nav li a{color: #000; text-decoration: none; margin-bottom:1px; display:block; padding:1.5em 0 0.2em 1.2em; background-color:#F3F1EB;}
#sidebar ul.nav li.current-cat a{ background-color:#fff; color:#fd6b01;}
#sidebar ul.nav li.current-cat a:hover{ background-color:#fff; color:#000;}
#sidebar ul.nav li a:hover{ background-color:#fd6b01; color:#fff;}

#sidebar #tag_cloud ul{ margin-left:0.6em;}
#sidebar #tag_cloud ul li a{
	width:auto;
	padding: 0 0.4em;
	margin:0 0.1em 0.1em 0;
}

#sidebar .box ul li a:hover{}

#sidebar #articles_recents{ margin-top: 2em; padding-bottom:2em;}

#sidebar #articles_recents ul li{
	clear:both;
	background:none;
}
#sidebar #articles_recents ul li a{
	background:none;
	clear:both;
	color:#fd6b01;
}
#sidebar #articles_recents ul li a:hover{
	color:#000;
	text-decoration:underline;
}

#sidebar .linkcat{	
	margin:0.5em 0 1em 0;
	padding-bottom:1em;
  	font-size: 100%;
  	padding: 0 0 1em 1em;
	line-height:120%;
  	margin-bottom:1px;
}
#sidebar .linkcat li{	
	padding:0 0 0 1em;
}
	
#sidebar .box-wrap, #sidebar .linkcat{ border-bottom:1px solid #fff;}
#sidebar .box-wrap .box{ margin:1em;}

/* sidebar search */

#searchtab{
	height:85px;
	border-bottom:1px solid #F8D3A3;
}
#searchtab .inside{ padding-top:2.2em;}
#searchtab input{ border:0; margin:0.5em 0.2em;}
#searchtab input.searchfield{
  	-moz-border-radius : 5px; -webkit-border-radius:5px;
	background-color:#fff;
	border:1px solid #F8D3A3;
	color:#E79113;
	padding:0.3em;
	margin-left:1em;
	width:150px;
}
#searchtab input.searchfield:hover{ background-color:#EF9410; color:#000; border:1px solid #fff;}

#searchtab input.searchbutton, #searchtab input#searchsubmit{
  	color: #fff;
  	-moz-border-radius : 5px; -webkit-border-radius:5px;
	background-color:#EF9410;
 	padding:0.3em;
	cursor:hand;
}

#searchtab label{
  display: none;
}


#searchtab input.searchbutton:hover{
  color: #fff;
}




/*** FOOTER ***/

#footer{
background: transparent url(images/fdfooter.jpg) no-repeat center bottom;
  overflow:auto;
  width: 985px;
  width:100%;
  padding:20px 0 0 0;
  color:#fff;
  height:302px;
}
#footer div{
	display:block;
	margin:0;
	float:left;
	font-size:83%;
	display:block;
	height:250px;
}

#footer div.pfooter1 { width:349px; margin:0 0 0 58px; border-right:1px solid #fd5a01; }
#footer div.pfooter2 { width:349px; border-right:1px solid #fd5a01; }
#footer div.pfooter3 { width:226px; }

#footer div ul{
	list-style:none;
	list-style-type:none;
	margin:0 2em;
}

#footer div ul li{
	list-style:none;
	list-style-type:none;
	display:block;
	width:100%;
	float:left;
}
#footer div ul li b{ line-height:180%; color:#fff;}

#footer a{  text-decoration:none; color:#F3B556;}
#footer a:hover{ color:#000;}

#footer div ul li a{
	display:block;
	width:100%;
	float:left;
}


.error{
  color:#ed1f24;
}

.widget#calendar{
  padding-left: 15px;
}

.widget select#cat{
  margin-left: 10px;
  width: 100%;
}


.widget#tag_cloud a{
  line-height: 150%;
}


.post .postheader{
  display: block;
  margin-left:0;
}

.post img{
 margin: 2em;
 border:1px solid #E7E3D7;
 padding:5px;
}

.post img.alignleft{ margin:0 2em 2em 0;}
.post img.alignright{ margin: 0 0 2em 2em;}

/* no border on smilies */
img.wp-smiley, .post img.wp-smiley{
  padding: 0;
  margin: 0;
  border: 0;
}

.wp-caption {
  background:#F7F7F7;
  border: 1px solid #E7E8E6;
  padding-top:5px;
  margin:4px 10px;
  text-align:center;
  color: #8d8b8b;
}

.wp-caption.alignleft{ margin-left: 0; }
.wp-caption.alignright{ margin-right: 0; }


.wp-caption img, .post .wp-caption img{
  margin: 0;
  border: 0;
  padding: 0;
}

.postmetadata{
  color: #c4c3c1;
  margin: 20px 0 10px 0;
}

.postmetadata a{
  color: #929292;
}

.postmetadata a:hover{
  background: none;
  color:#000;
}


.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}

/*editer un article*/

span.editlink a{
	padding:0.2em;
	font-size:83%;
	background-color:#fff;
	color: #FF6600;
	text-decoration:none;
	text-align:right;
}

span.editlink a:hover{
  background-color: none;
  color:#000;
}

.messagebox{ margin:-1em 0 0 58px; background-color:#DFDFAA; border-top:1px solid #5C5C2E ; padding:0;}
.messagebox p{padding: 1em 4em; display:block; font-weight:bold;}