/*  
Theme Name: Xili_HART_1
Version: 0.70823
Author: © XiliGroup - MSC inspired from G Morales - MSC for div segmentation and files organization - 
Author URI: http://www.xiligroup.com
*/

/* style relook by MS for xili */
body     {color: #000; background-color: #990000; text-align: center; margin: 0; padding: 0; border: solid 0px blue ;  background: url('images/bk_ht.png') repeat-y top center;}

img { border: 0;
}

h2 {font-weight:normal; font-size:18px;}

a  { color: #110000; text-decoration:none; border-bottom:#777 0px dotted; }


td {
vertical-align:top;
padding:0;	
}
.bradley {font-family:"Bradley Hand ITC", "Comic Sans MS", Arial, Helvetica, sans-serif}
#earth {background-color:transparent;float:left; margin-top:-128px; margin-left:-80px; border: solid 0px yellow; width:1000px; z-index:400; min-height:250px; padding: 0;}
#earthw {background-color:transparent; background-repeat:no-repeat; background-image: url('images/terreperso.png');float:left; margin-top:-195px; margin-left:-80px; border: solid 0px yellow; width:1000px; z-index:2; height:770px;}

* html #earthw {border: solid 0px yellow; margin:0; width:760px;}
* html #earth  {margin:0 0 0 -10px; width:760px; }


.insidew {margin:300px 0 0 100px; width: 280px; font-size:12px;line-height: 20px !important; }
.pagew li {list-style:none; font-size:12px;line-height: 20px !important; padding: 0 0 20px 0;}
.pagew li a {border-bottom:#777 1px dotted;}


#page  {border: 0px solid red; background-color:transparent; background-image: url('images/bk_ht_paper.gif'); color: #000; font: 11px Verdana, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; text-align: left; padding:2px; margin:0 auto 0 auto; width: 760px; max-width: 760px; min-width: 600px;}

* html #page {position:relative; margin:0;padding:0; height: auto; width:760px;}	
/* SPECIAL IE */
	
#header   { font: 11px Verdana, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; background-color: transparent; text-align: left; margin: 0px; padding: 0px; border-bottom: dotted 0px #eee; height: 180px }
* html #header {width: 760px;height:auto;}
#header .inside{
	border: solid 1px transparent ;
		margin-left: auto;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-right: auto; 
	padding:20px 1px 0 1px;
	width: auto; 
	max-width: 760px ; 
	min-width: 600px;
	background: #d0d0d0;	/*background-image: url('images/bk_ht_paper.gif');*/
}

* html #header .inside {border:0; height:auto;}

#header .inside h2 { font-size: 64px;  margin: 0 0 0 0; padding: 10px 0 0 0;  }

#header .firstcolh p {width:10px ; padding:30px 20px 0 0px; color:#e00;}
#promo p {width: auto !important;  padding:3px !important;}
#promo {border: 1px dotted grey; margin:4px 20px 0 10px; padding: 0 5px 0 5px;}
#header .lastcolh {}
#header .midcolh {width: 580px; padding:0 10px 0 0px; }

#header a:link {text-decoration:none;}

#header p{
	margin:0;
	line-height:1em;
	padding: 5px 0 0;
}
#header .description  { font-size: 12px; color: #750000; text-align: left; padding:20px 0 0 0; }
* html #header .description {padding:10px 0 0 0; margin:0;}
#header .descriptionw  { font-size: 15px; color: #750000; text-align: left; padding:0px 0 10px 10px; }
#header .numwebzine {border: 0px dotted red; padding: 0 0 0 40px;}
.info{font-size: 9px;}
#headernav  { font-size: 12px; text-align: left; list-style-type: none; list-style-position: ; margin: 70px 0 0 30px; padding: 4px 0 ; border: 0px solid red;}
* html #headernav {margin: 5px 0 5px 30px;}
#headernav li {
    list-style:none;
    display:inline;
border-right: 1px solid #666;
margin: 0px 0.2em 0px 0px;
padding: 4px 0.5em 0.25em 0px;
}

#headernav li a:link, #headernav li a:visited {
    text-decoration:none;
    border-bottom:none;
    

}

#headernav li a:hover, #headernav li a:active, #headernav .current_page_item a:link,#headernav .current_page_item a:visited {
    border-bottom:#777 1px dotted;
padding:4px 0;
}

#sidebar  { background-color: #transparent; background-image: url('images/hartpon_side.gif'); float: left; border-top: solid 4px #990000; width: 200px; height: auto;margin:-30px 15px 0 ;padding:10px 0 0 0; }

* html #sidebar {float:left;margin:0px 5px;}
/* SPECIAL IE */
#webzine {float:left; margin:100px 0 0 -240px; padding:10px 5px; background-color: #F5F5F5;width:180px; z-index=200; clear:both; border: 1px solid red;}
#search {float:left; margin:0 0 0 -240px; padding:10px 5px; background-color: #F5F5F5;width:180px;}
#catavoir {float:left; margin:100px 0 0 -240px; padding:10px 5px; background-color: #F5F5F5; width:180px;}
#catavoir ul, #webzine ul   { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; position: relative; width: 100%;
	border-bottom: 0px solid #888;
}
#catavoir ul li, #webzine ul li, #footer ul li     { color: #696f81; list-style-type: none; border-top: 1px solid #AAA; border-bottom: 0px solid #AAA; position: relative; font-size:10px; line-height: 28px;
	width: 100%;
	margin: 0;
	padding: 0 ;
}
#search h2, #catavoir h2, #webzine h2 {color: #696969; padding:5px; margin-top: 0px; margin-left: 0px; border-bottom:4px solid #990000; }

#sidebar .inside      { background-color: transparent; margin: 0px 0px 10px; padding: 0px; border: solid 0px fuchsia; position: relative; width: 100% ;  }

#sidebar .inside h2    { color: #696969; margin-top: 0px; margin-left: 0px }
* html #sidebar .inside h1 {font-size: 24px;}
/*THE menu ! touch with caution MS 070615 3b5da4 */

#sidebar .inside ul li     { color: #696f81; list-style-type: none; border-top: 1px solid #990000; border-bottom: 0px solid #AAA; position: relative; font-size:12px; line-height: 28px;
	width: 100%;
	margin: 0;
	padding: 0 ;
}
#sidebar .inside ul li ul    { list-style-type: none; list-style-position: outside; margin: 0px ; padding: 0px; position: relative ;width: 100%; border-top: 0px solid #666;}

#sidebar .inside ul li ul li    { color: #696f81; text-align: left; list-style-type: none; margin: 0px; width: 100%; font-size:10px;
border-top: 1px solid #AAA;
padding: 0 ;
}
#sidebar .inside .edito ul li a, #sidebar .inside .edito ul li { color: #422; font-size:10px; font-weight: normal; line-height: 16px !important;}
#sidebar .inside ul li a     { color: #111; font-size:20px; font-weight: bold; }
#sidebar .inside ul li ul li a   { padding-left:10px; color: #111; font-size:13px; font-weight: normal; }
#sidebar .inside ul li ul li ul li a   { padding-left:20px; color: #111; font-size:10px; font-weight: normal; }
#sidebar .inside ul li a:hover {color: #f70;}

#sidebar .inside ul li .list_posts ul  { background-color: transparent; list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; border: solid 0px aqua; position: relative ;width: 155px;}
#sidebar .inside ul   { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; position: relative; width: 100%;
	border-bottom: 0px solid #888;
}
#sidebar .inside ul.counts li ul li.current-cat {
	color: #cbd5d2;
	border-bottom: 0px solid black;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
#sidebar .inside ul.counts li.current-cat {
	color: #cbd5d2;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
/* ici on y va molo et on ne fout pas le b? ET SURTOUT PAS DE margin ou padding pour un a*/

#sidebar .inside ul.counts li.current-cat a {
	color: #ff6b10;
	
	border-bottom: 0 dotted #e1caa1;
	font-weight: bold;
}
#sidebar .inside ul.counts li ul li.current-cat a { /*si select*/
	color: #ff6b10;
	
}
#sidebar .inside ul.counts li.current-cat ul li a{ /*si fille si mère select*/
	font-weight: normal;
	font-style: normal;
	color: #6e8baf;
	border-bottom: 0px dotted #e1caa1; /*stop l'heritage*/
}
#sidebar .inside ul.counts li.list_posts ul li  { color: #f00; text-align: left; margin: 0px; padding: 0px; border-style: none solid none none; border-width: 0px; border-color:  #ccc   }
#sidebar .inside li.list_posts a  { color: white; line-height: 25px; margin: 0px 0px 0px 10px;
	padding: 0px 10px;
}

ul.counts li.categories {font-size: 24px !important; font-weight: bold;color:#000 !important;}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style-type:none;
	margin:0;
}




.sidetitres {
	width: 200px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 11px;
	line-height : 25px;
	border-top :4px solid #990000;
	margin-top: 40px;
	border-bottom: 1px solid #AAA;
}
.sidetitres ul {	
margin:0 ; padding:0;
	list-style-position: outside;
	list-style-type: none;
}

.sidetitres a {
	color: #622; font-size: 10px !important; font-weight: normal !important;
}
.sidetitres a:hover {color: #f70;}

	
.sidetitres > ul li  { 
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #AAA;
	padding: 3px 0px 0px;
}

.sidetitres h2, .sidetitres h2 a {
color: #222; 
margin-top: 0;
	border : 0px solid red;
	margin-bottom: 5px;
	font-weight: bold !important;
	letter-spacing: 1px;
	padding-left: 0px;
	font-size: 20px !important;
}	

div .edito, .edito a , .edito ul, .edito ul li {font-size:10px !important; }

#recentpost {
	width: 200px;
	
	text-align: left;
	padding-top: 0;
	padding-bottom: 10px;
	font-size: 13px;
	line-height : 25px;
	border-top :4px solid #990000;
	margin-top: 40px;
	border-bottom: 1px solid #AAA;
}
#recentpost ul {	
margin:0 ; padding:0;
	list-style-position: outside;
	list-style-type: none;
}

#recentpost h2 {
color: #696969; 
margin-top: 0;
	border : 0px solid red;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 0px;
	font-size: 12px;
}	
#recentpost a {
	color: #728496; font-size: 12px;
}
#recentpost a:hover {color: #f70;}

	
#recentpost > ul li  { 
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #AAA;
	padding: 3px 0px 0px;
}



#main  { background-color: transparent; margin:0 0 0 230px; padding:0; 
border: solid 1px transparent; width: 68%; height: auto; max-height: 20000px; min-height: 2000px; min-width: 450px; }

* html #main  { 
	/* SPECIAL IE */
margin:0;
padding:0;	
margin-left: 220px;	
top: 0px;
position: relative;	
width: 505px;
border:0;
overflow:hidden;
}	

#main .inside{
	margin:0px 0px 10px 10px;
	padding:0;
	border: solid 0px yellow;
	background-color: transparent; /*background-image: url('images/terrebis_b.png'); background-repeat:no-repeat;*/
}

#cat_desc {font-size:14px; background-color: #f4f3e6; margin: 20px 0 0 0; padding: 0px 0 0 5px ; }
.thematitle {color: #696969;}
.themadesc {color: #696969;font-size:90%;}


.story p  { color: #000; font-size: 13px; line-height: 21px; text-align: justify }

.story a, #summary a {border-bottom: 1px dotted #880000;}
	
.story strong {
	
text-align: justify;
	line-height: 20px;
	color: #550000;
	font-weight: bold;
	font-size:13px;
	}	
.story h1 { color: #696969; font-weight: normal; font-size: 18px; margin: 20px 0 10px }
.story h3{
	font-size:18px;
	font-weight:normal;
	color:#CCC;
	margin: 20px 0 10px;
}
.story h3 a { color: #000; text-decoration: none; border-bottom: 1px dotted #666 }


.story .details{
	margin: 15px 0 1em;
	text-align:right;
	border-top:1px solid #333;
	padding: 10px 0 0.5em;
	font-size:0.95em;
	color:#666;
}
.story .details .read-on{
	background:url(../images/readon_black.gif) 100% 60% no-repeat;
	padding-right: 10px;
	text-align:right;
}
.story .details a{
	color:#666;
	text-decoration:none;
}
.story .details a:hover{ color:#FFF; }

#storiesnavig {font-size:12px; border-top:solid 1px #550000; margin:25px 0 0 20px; padding:10px 0; width:50%; }
#storiesnavig a { color: #000; text-decoration: none; border-bottom: 1px dotted #550000; }
#storiesnavig a:hover{color:#550000;}

/*audio*/
.mp3player{font-size:80%;margin:0 0 5px 0;}
.mp3player object {vertical-align:top; margin-left:3px;}



#summary {text-align:left; width:100%; margin:0; padding:0; border: 0px blue solid; min-height:200px;}
* html #summary {width:530px; border: 0px blue solid;}
.summspace0 {display:block; width:49% ; height: 200px ; font-size: 10px ; color: #330000; margin:0 0 10px; padding:0 5px; border-left:1px dotted #990000;}
* html .summspace0 {width:240px; overflow:hidden;}
.summspace1 {float:right;display:block; width:49% ; height: 200px ; font-size: 10px ; color: #330000; margin:0 0 10px 0; padding:0 5px; border-left:1px dotted #000000;}
* html .summspace1 {width:240px;overflow:hidden;}
.summspace0 img, .summspace1 img {float:left; margin:0 4px 4px 0;}
.endsum {display:block; position:relative; margin:0; padding:0; border: 0px red solid; width:450px; height: 20px;}

.interligne {min-width:450px;border-top: 5px solid #770000;}

.post-meta {font-size: 90%; }
.post-meta-key {font-variant: small-caps; color: green; font-weight: bold; font-size: 110%; }

#commentspace {border-top: 1px solid #006; width: 500px ; margin-left: 5px ;}
#commentform textarea   { font-size: 12px; float: none; width: 500px; height: 200px ; background-color: #006; }
#commentform input, #commentform textarea  { color:#111;border: solid 1px #999999 ;background-color: #eee; }
#commentform p  { font-size: 12px; margin: 0px; padding: 0px 0px 2px }
#preview, #submit { width: 200px ; margin-left: 5px ; background-color: #bbbbbb;}
#commentform small { font-size: 9px; margin: 0px; padding: 0px 0px 2px }
#commentform label { font-size: 9px }
#commentlist  { }
#commentlist cite { font-size: 9px }
#commentlist li { font-size: 12px; list-style-type: none }
.alt  { color: navy; list-style-type: upper-roman; padding-top: 5px; padding-left: 5px }
.altB  { color: black; background-color: white; list-style-type: upper-roman; padding-top: 5px; padding-left: 5px }
.modiflink { color: navy; font-size: 9px; list-style-type: disc }
.homebottom { color: navy; font-size: 10px; list-style-type: disc; margin-left: 10px }
.homebottom a:link, .homebottom a:visited { color: navy; font-size: 10px; text-decoration: none; list-style-type: disc }
.homebottom a:hover { color: yellow; font-size: 10px; list-style-type: disc }
.modiflink a { font-size: 9px; list-style-type: disc }
#mustcomment { font-size: 10px }
.commentby { color: teal }
#filrss { font-size: 10px }
.topcontent { display: none }

.webarticle {}
.webcat {font-size:70%;}
.websuite {font-size:70%; text-align:right;}


#footer     { font: 11px Verdana, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;  margin: 0px 0px; padding: 0px 0px 0px; border: solid 0px black ; background: transparent; clear:both;}
/* above border to avoid body bottom margin ! #f5f5f5 © MSC 070407*/

* html #footer {position:relative; margin:0; padding:0; width: 760px; top:0px;}
/* SPECIAL IE */



#footer .inside{
		width: auto; 
		max-width: 764px ; 
		min-width: 600px;
		margin: 0 auto;
		padding:10px 0 0 0;
		border: solid 0px transparent;
		background: transparent;	background-image: url('images/bk_ht_paper.gif');
}	
#footer .block{
	height:auto;
	width: 220px;
	margin:0;
	padding:0;
	text-align: left;
	color: black;
	line-height: 18px; 
	border:0;
}
* html #footer .inside{
		width: 760px;
}
#footer h2  { color: #696969; text-align: left; margin: 0px; padding: 0px }
.h2_foot {padding-top: 7px !important; border-top: solid 8px #990000;}
#footer .first {
	float:left;
	margin: 0px;
	padding:10px;
	border-top: solid 0px #990000;
}


#footer .second {
	width:66%;
	
	margin:0 0 0 250px;
	padding:0 0 0 0;
	
}

* html #footer .second {
	/* SPECIAL IE */
	margin: 0;
	border:0px solid red;
	padding:0;
	left:0px;
	background-color: transparent;
	position:relative;
		
}
#footer .center {
	float:left;
	margin:0px;
	padding:10px;
	border-top: solid 0px #990000;
}


#footer .center ul.pages, #footer .first ul.pages { font-size: 12px; background-color: transparent; text-align: left; list-style-type: none; list-style-position: outside; margin-top: 1.5em; margin-left: 0px; padding-left: 0px; border-top: 1px solid silver; left: 0px; width: 220px; overflow: hidden }
#footer .right {
margin-left:50%;
padding:10px;
border-top: solid 0px #990000;
}

#footerend  { color: silver; background-color: #990000; margin: 0px; padding: 0px; border: solid 0px green; width: 100%; clear:both; }
* html #footerend {
	width: 760px; position: relative;
} /* SPECIAL IE */
#footerend .noprint {height:10px; margin: 0px auto; width: auto; text-align: right;}
#footerend .noprint object {width:10px ; height:10px;}
#footerend p.attributes { 
	text-align: right;
 }
#footerend p.attributes a{
	margin:0;
	padding:0 0 0 1em;
	text-decoration:none;
	color:#525252;
}
#footerend p.attributes a:hover{
	color:#FFF;
}
.vignette {vertical-align:top; max-width:20%;}
.cat_texte {}
.cat_texte, .cat_texte p
{
	padding:0 0 0 10px;
	margin:0;
	text-size: 11px;
	line-height: 16px;
	text-align: justify;
	
}
#loginform { margin: 0px; padding: 0px ;text-align: left; }
#loginform label { color: #e4d3a6; font-style: normal; font-weight: normal; font-size: 10px; margin: 0px; padding: 0px }
#loginform input { color: #030; font-size: 10px; line-height: 15px; background-color: #ddd; margin: 2px; padding: 0px; border: none }
#loginform input#u { font-size: 11px; text-align: left; width: 30% ; margin-left:19px}
#loginform input#p { font-size: 11px; text-align: left;  width: 30% }
#loginform input#b { font-size: 10px; text-align: left; border: solid 1px #666 }
#searchform { margin: 0px; padding: 0px }
#searchform input  { font-size: 10px; margin: 0px; padding: 0px; border: solid 1px #beff0a }
#searchform input#s { font-size: 11px; width: 72%; }

#copyfloat {padding: 1px;
/*position: fixed; for other than IE */
background: transparent;
border: solid 0px #beff0a;
  top:0;
  position: fixed;
  left:0;
  margin-left:5px;
  width:30px;
  height:600px;
  z-index:3;
	}
* html #copyfloat {padding: 1px;
/*position: absolute; only for IE*/
background: transparent;
  bottom:0;
  position: absolute;
  left:0;
  width:30%;
  display: none;
	}