/*  
Theme Name: WP_Premium_(niss)
Author URI: http://www.wpremix.com/
Version: 1.0
Author: R.Bhavesh
	Description: Wp Bliss is a free theme by <a href="http://cssace.com/">R.Bhavesh</a> and <a href="http://wpremix.com/">WP Remix</a>. Traduction <a href="http://www.niss.fr/">(niss.fr)</a>.
*/

/* choose - which color you want for the theme? */
/* By default, I placed set it to BLACK. 
If you wish to have black color scheme, replace "red" with "Black  e.g. @import url("style-brown.css");"
If you wish to have black color scheme, replace "red" with "brown" e.g.  @import url("style-black.css"); */
@import url("style-black.css");


body {
	font: 12px Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px;
}
body * {
	margin: 0px; 
	padding: 0px;
}
hr {
	height: 5px;
	margin: 10px 0px;
	border: none;
}
blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Century Gothic, Georgia, Times New Roman, Serif;
	}
blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
}
.alignleft{
	float:left}
.alignright{
	float:right}
/*************************************
	Links
**************************************/
a {
	text-decoration: none;
	outline:none;
	}
	
a:hover{
	text-decoration: underline;
	}
/*************************************
	Headings
**************************************/
h1  {
	font-size: 26px;
	font-weight: normal;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	}
h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */
	font-size: 22px;
 }
h1 a, h3 a, h1 a:visited, h3 a:visited  {
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 24px;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px 0px;
	line-height: 150%;
	margin: 0px;
}
	
h2 a, h2 a:visited  {
	color: #666;
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: none;
	}
h3 {
	font-size: 22px;
	font-weight: normal;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
}
#sidebar h3 {
	font-size: 22px; 
}
h3 a, h3 a:visited {
	text-decoration: none;
}
#sidebar h2 {
	margin: 0px 0; padding: 5px 0px;
	font-size: 16px;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#sidebar #popular h2 {
}
h6 {
	font-size: 24px;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px 0 10px 0px;
	line-height: 150%;
	margin: 0px;
}
/*************************************
	Header
**************************************/
#header { 
	 }
#header-in {
	width: 960px;
	padding: 0px;
	height:132px;
	position: relative;
	margin:  0px auto;}
	
#header-in .title {
	margin: 0px;
	padding: 15px 10px 5px 10px;
	width:  590px;
	float:  left;
}
#header-in .title a {
	text-decoration: none;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#header-in .title a:hover {
	 
}
#header-in .description {
	clear:  both;
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 4px 15px;
	width:  850px;
}
/*************************************
	Subscribe form 
**************************************/
.subscribe {
	width:383px;
	height:134px;
	float: right;
 	position: absolute;
	top: 0px;
	right: 0px;
}
.subscribeform {
	float:left;
	padding:5px 0 0 18px;
	overflow:hidden;}
	
.subscribeform p { 
	margin:0;
	padding:0;
 	font:bold 14px Arial, Helvetica, sans-serif; 
	color:#fff; }
	
.subscribeform .input{
	 width:188px;
	 height:21px;
	 padding:12px 5px 0 5px;
	 border:none;} 
.sbutton {
	width:74px;
	padding:5px 0 5px 0;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:none;
	}


/*************************************
	RSS Feed
**************************************/
 .rss {
 	float:left;
	padding: 8px 0 0 19px; margin: 0px;
}

 
/*************************************
	Top Search Form
**************************************/
/*Search box Rounded Corner start */
#xsnazzy {margin:0 0 10px 0;}

.xtop, .xbottom {display:block; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1 {margin:0 5px;}
.xb2 {margin:0 3px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; padding:5px; height:100%; overflow:hidden;}
/*Search box Rounded Corner End */


ul.tablist { 	
	margin:5px 0px; 
	padding:0; 
	list-style: none; 
	color:#333;}
ul.tablist li  { 
	font-size:11px; 
	margin:0 5px ;  
	padding: 2px 0 0 15px; 
	list-style:none;
	border-bottom:1px dotted #959595; 
	text-align:left;}
ul.tablist li a         { 
	text-decoration: none; 
	line-height:18px;}
ul.tablist li a:hover 	{ 
	}



 
.searchform {
	padding: 10px;
}
.searchform .s {
	border: none;
	color: #333;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 5px;
	margin-right:5px;
	width: 213px;
	float: left;
}
.searchform .button {   
    }
#  ul {
	display: block;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
#nav li {
	float: left;
	list-style-type: none;
	margin: 28px -4px 0px 4px;
	padding: 0px;
	}
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {
	}
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {
	text-decoration: none;
	}
#nav ul li ul {

}


#nav ul li.current_page_item a:hover {
	text-decoration: none;
	}
#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 6px 20px 6px 0px;
	margin: 0px 0px 0px 15px;
	text-transform:uppercase;
	}
#nav ul li a:hover {
	text-decoration: none;
	}










/*************************************
	Main Container
**************************************/
#container { 
	width:940px;
	text-align: left; 
	margin: 0 auto;
	padding: 0px 10px;
	border: 0px solid black;
	clear: both;
	overflow:hidden;
	height:100%;
	}
.container-top {
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 12px auto 0 auto;
}
.container-bottom {
	clear: both;
	height: 17px;
	width: 960px;
	display: block;
	margin: 0px auto;
}

 
/*************************************
	Content
**************************************/
#mid{padding-top:4px;}
#main{
background:#FFFFFF url(images/mainbottom.gif) bottom no-repeat;
float:left;
margin:0 10px 0 0;
width:532px;
}

#content {
	width: 532px;
	float: left; 
	padding: 14px 15px 20px 22px;
	display: block;
	overflow:hidden;
	}
#content2 {
	width: 538px;
	float: left; 
	padding: 1px;
	margin: 0px 0px 5px -11px;
	display: block;
	overflow:hidden;
	}

#content h1.btmspace{
	margin-bottom:15px;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
#content p img{
	border: none;
	padding: 0px 5px 15px 0px;
	}
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 35px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: disc outside;
	margin: 0px 30px 0px 30px;
	padding: 5px 0px 0px 0;
	}
#content .post-meta-top {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 5px 0px;
	float:left;
}
#content .post-bottom {
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 5px 10px;
	clear: both;
	overflow:hidden;
	height:100%;
}

#featured{
background:url(images/maintop.gif) top left no-repeat;
padding:5px;
}

#myGallery{
margin:4px;
font-size:18px;
}

#introIMG{
width:150px;
height:150px;
float:left;
margin-right:8px;
overflow:hidden;
}

#introIMG img{
border:none;
padding:4px 4px 4px 4px;
border:1px solid #BDBDBD;
}

.post-bottom a {
	color: #535353;
	text-decoration: none;
}
.post-bottom a:hover {
	text-decoration: underline;
}
.cat {
	float:  left;
	width: 75%;
	text-align: left;
}
.cat span {
	padding: 0px 0px 0px 18px;
}
.comm {
	float: right;
	width: 38px;
	height:39px;
	font-size:12px;
	line-height:27px;
	text-align: center;
}
.comm span {	
	 text-align:center;
	 padding:5px 0 0 0;
}
.comm a {
	text-decoration: none;
}


.auth {
	float: left;
 	padding:0 0px 0 0;
	text-align: left;
}
.auth span {
	padding: 0px 0px 0px 15px;
}
.auth a {
	text-decoration: none;
}
.date {
	float: left;
	text-align: left;
	padding:0 0px 0 5px;
}
.date span {
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 15px 0px;
	padding: 2px 0px;
	height: 22px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
	margin: 2px 0px;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
	margin: 2px 0px;
}
.page-nav a {
	text-decoration: none;
}
.nav-previous a {
	padding-left: 10px;
}
.nav-next a {
	padding-right: 10px;
}
/*************************************
**************************************
	Comments
**************************************
**************************************/
#comments-wrap {
}

.textarea {}
.Cbutton { 
	border:none; 
	font:bold 11px Century Gothic, Arial, Helvetica, sans-serif;
	padding:4px;}

/*	Headers	*/

#comments-wrap h6 {
	font-size: 20px;
}

/*	Comments	*/

.commentlist {	
}
.thecomment {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.comment-body {
	margin: 0px; padding:5px 10px 20px 30px;
}
.comment-metadata {
	padding:5px 10px;
}
.comment-metadata a, .comment-metadata a:visited {
}
.comment-metadata a:hover {
}
.authorcomment {
	margin: 0px 0px 10px 0px;
	font-size:12px;
	overflow: hidden;
	height:100%;
}
.authorcomment .comment-body {
	border: none;
	
	
}
.authorcomment .comment-metadata {
	padding: 11px 10px;
}

.nav-next	  { padding-right:8px; font-weight:bold;}
.nav-previous { padding-left:8px; font-weight:bold;}

/*	Comment Form	*/

 
/*************************************
	Sidebar
**************************************/
#sidebar {
	float: right;
	display: block;
	width: 350px;
	margin: 0 0px 0 0px;
	padding: 0px 3px 0px 0px;
}



#sidebar .sidebar-bot {
	display: block;
	height: 20px;
	clear: both;
}
#sidebar ul {
	list-style-type: none;
	
}
#sidebar .advertise {
	text-align: left;
	padding:0;
	margin-left:7px;
}
#sidebar .advertise img {
	padding:0 5px;
	border:none;
}
#sidebarwrap {
 	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
}

/*************************************
	Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
	margin: 0px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	
}

 /*popular box Rounded Corner start */
#pxsnazzy {margin:0 0 10px 0;}
.pxtop, .pxbottom {display:block; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {margin:0 5px;}
.pxb2 {margin:0 3px; }
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px;}
/*popular box Rounded Corner End */


#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
	
}
#popular ul li {
	margin: 0px; padding: 0px;
}
#popular ul li ul {
	padding:  0px;
}
#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#popular ul li ul li a:hover {
	text-decoration: none;
}

/*************************************
	Left Sidebar
**************************************/
#l_sidebar {
	float: left;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul, #l_sidebar ul li {
	margin: 0px 0 15px 0;  padding: 0px;
}
#l_sidebar ul li ul {
	border-top: 1px solid #9c9c9c;
}
#l_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#l_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li ul {
	border: none;
	padding: 0px; margin: 0px;
}
#l_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}

/*************************************
	Right Sidebar
**************************************/
#r_sidebar {
	float: right;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}
#r_sidebar ul, #r_sidebar ul li {
	margin: 0px 0 15px 0; padding: 0px;
}
#r_sidebar ul li ul {
}
#r_sidebar ul li ul li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	text-decoration: underline;
}
#r_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#r_sidebar ul li ul li ul {
	padding: 0px; margin: 0px;
}
#r_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}
/*************************************
	Footer
**************************************/
#text-link-advertise {
	padding: 15px;
	text-align: left;
	clear: both;
	}

/*************************************
	Footer
**************************************/
#footer { 
	padding:  10px 0px 20px 0px;
	text-align: center;
	height:25px;
	clear: both;
	font-size:11px;
	}

#footer-wrap {
	width: 950px;
	margin: 0px auto;
}
#footer .copyright 		{ float:left; text-align:left;}
		.copyright a 	{  text-decoration:none;}
		.copyright a:hover {text-decoration:none; }
		
 	ul#nav-footer 				{ margin: 0 0 0 0; padding:0; float:right;  
								  font-size: 11px; font-weight:bold; text-align: right; text-transform:uppercase;}
	ul#nav-footer li 			{ padding: 5px 8px 5px 12px; list-style:none;  float:left; }
	ul#nav-footer li.nobg 		{ padding: 5px 8px 0px 12px;    }
	ul#nav-footer li a 			{ text-decoration:none; }
 	ul#nav-footer li a:hover 	{ }
 
 
  
/*  Tabber  Style start -------------------- */
 
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {	
}
.tabberlive {
 margin:0 5px;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 text-decoration: none;
}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab {
 padding:5px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/*tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}







/* TABS */
/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#onglets {
	margin:10px;
	/*float:left*/
	}	

#content2 #main-categories {
	clear: left;
	float: left;
	display: block;
	width: 516px;
	margin: 0 0 10px 0;
	}
.tabs-block {
	clear: left;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 .3em 0 0;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px .8em;
	background:#eee; /* #eee;*/
	border: 1px solid #ccc;
	}

#content2 .tabbed ul  {
margin:0px;
padding:0px 0px 0px;
}

#content2 .tabbed ul.tabs li  {
margin:0px;
padding:0px 3px 0px 0px;
}

	
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
	background: #BDBDBD ;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	background: #fff;
	border-bottom: 1px solid #fff;
	}
.tabs-block .tabbed div, #content2 .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ccc;
	background:  #fff;
	display: none;
	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #content2 .tabbed div.c1 { 
	display: block;
	}
.tabs-block .tabbed div { width: 516px; }
.tabbed div ul {
	overflow: hidden;
	padding: 4px 0 2px 0;
	margin: 0;
	background: #fff;
	}
.tabbed div ul li {
	clear: left;
	background: transparent;
	}
.tabbed div ul li a {
	font-weight: normal;
	width: 97%;
	display: block;
	padding: 2px 0 2px 12px;
	background: transparent;
	border: none;
	}
.tabbed div ul li a:hover { text-decoration: underline; }

/* HOME CATEGORIES TABS */
#home-categories {
	overflow: hidden;
	}
#content2 .tabbed .c {
	width: 516px;
	}
.tabbed .post {
	float: left;
	clear: none;
	width: 47%;
	margin: 5px 1%;
	padding: 0;
	}

/* gestion des images dans les onglets!!!! Ajout STEF */	
.tabbed .post  img {
float:left;
margin:3px 10px 4px 0pt;
border: 2px solid #000000;
padding: 0px;
}
/* fin ajout stef */

.tabbed .post h3 {
	width: 97%;
	font-size: 1em;
	margin: 0 0 0 5px;
	padding: 0;
	
	}
.tabbed .post h3 a { 
	font-weight: bold;
	font-size: 1em;
	font-family:12px arial,helvetica,verdana,sans-serif;;
	letter-spacing:0;
	color:#000000;
	}
.tabbed .post h3 a:hover { 
	font-weight: bold;
	color:#7F7F7F;
	}

.tabbed .post .entry {
	margin: 0 0 0 5px;
	padding: 0;
	
	}
.tabbed .post .entry p { margin: 0; padding: 0; }





/* If you wish to move Sidebar to left and main content to right, Simply remove the comment below.. /* and */ 
/* AND, open the color scheme css that you have selected.. at the end of it, there is an instruction on how to change Background images. You must to do it. */ 

/*

#content {
	float: right; 
	}
#sidebar {
	float: left;
}

*/


/********************
imagemenu
**************/


/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 330px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:65px;
	height: 200px;
}

#imageMenu ul li.landscapes a {
	background: url(images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/urban.jpg) repeat scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/abstract.jpg) repeat scroll 0%;
	width: 300px;
}

.clear {
	clear: both;
}

/*************************************************************/