/*  
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 RED. 
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-brown.css");


body {
    font: 12px Arial, Helvetica, Sans-Serif;
    margin: 0px 0px 0px 0px;
/*	background: url(images/body-bg.png) no-repeat; */
}
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: 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 {
    color:#000;
	text-decoration: none;
    outline:none;
    }
    
a:hover{
    text-decoration: underline;
    }

a img {
    border:none;
    }
/*************************************
    Headings
**************************************/
h1  {
    font-size: 26px;
    font-weight: normal;
    font-family: Arial, "Times New Roman", Times, serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    color: #333333;
    }
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: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    padding: 10px 0px;
    line-height: 150%;
    margin: 0px;
}
h2 {
    color: #666;
}
h2 a {
    color: #000;
    text-decoration: underline;
}
h2 a:hover {
    text-decoration: underline;
    }
h3 {
    font-size: 18px;
    font-weight: normal;
    font-family: Arial, "Times New Roman", Times, serif;
}
#sidebar h3 {
    font-size: 22px; 
}
#sidebar h2 {
    margin: 0px 0; padding: 5px 0px;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}
#sidebar #popular h2 {
}
h6 {
    font-size: 24px;
    font-family: 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:180px;
    position: relative;
    margin:  3px auto;
    background: /*#FFFFFF  url(images/bandeauheaderlogo.png) */ top no-repeat;}
    
#header-in .title {
    margin: 0px;
    padding: 15px 10px 5px 10px;
    width:  590px;
    float:  left;
}
#header-in .title a {
    text-decoration: none;
    font-family: 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: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 10px 4px 15px;
    width:  850px;
}
/*************************************
    Subscribe form 
**************************************/
.subscribe {
    width:370px;
    height:129px;
    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:#000; }
    
.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:#000;}
ul.tablist li  { 
    font-size:11px; 
    margin:0 5px ;  
    padding: 0px 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   { 
    color: #fff;
	}

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


 
.searchform {
    padding: 10px;
}
.searchform .s {
    border: none;
    color: #000;
    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: 1px 0px 0px 2px;
    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.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: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    text-transform:uppercase;
    }
#nav ul li a:hover {
    text-decoration: none;
    }

/*************************************
    Main Container
**************************************/
#container, #container-xp, #container-info, #container-doc, #container-outi, #container-revu { 
    width:940px;
    text-align: left; 
    margin: 0 auto;
    padding: 0px 10px;
    border: 0px solid black;
    clear: both;
    overflow:hidden;
    height:100%;
    }
    
.container-top, .container-top-xp, .container-top-info, .container-top-doc, .container-top-outi, .container-top-revu {
    clear: right;
    height: 17px;
    width: 960px;
    display: block;
    margin: 15px auto 0 auto;
    z-index: 2;
}

.container-bottom, .container-bottom-xp, .container-bottom-info, .container-bottom-doc, .container-bottom-outi, .container-bottom-revu {
    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, #featured img {
/* background:url(images/maintop.gif) top left no-repeat;
padding:5px; */
    border: 0px;
}

#myGallery, #myGallery img{
margin:4px;
font-size:18px;
border: 0px;
}

#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: 100%;
    text-align: left;
}

.cat a{
    color: #000000;
}

.catpagecontact, .catpageinfo, .catpageouti, .catpagerezo, .catpagexp{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 24px;
    font-variant:small-caps;
	padding-top:5px;
}

.catpagecontact a{
    color: #333333;
    border-top: solid #333333 2px;
}

.catpageinfo a{
    color: #333333;
    border-top: solid #33CCCC 2px;
}

.catpageouti a{
    color: #333333;
    border-top: solid #cc0066 2px;
}

.catpagerezo a{
    color: #333333;
    border-top: solid #006699 2px;
}
.catpagexp a{
    color: #333333;
    border-top: solid #99cc33 2px;
}

.cat span {
    padding: 5px 0px 0px 18px;
}

.catpage span {
    padding: 5px 0px 0px 0px;
}
.comm {
    float: right;
    width: 38px;
    height:39px;
    font-size:22px;
    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 0px;
}
.auth a {
    color: #000;
    text-decoration: none;
}
.auth a:hover {
    color: #000;
    text-decoration: underline;
}
.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 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: 0px;
 margin-right: 5px;
 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*/
    }   
#onglets img{
    border:0px;
    /*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 {
    color: #FFF;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 5px .8em;
    background:#996666; /* #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: #FFF ;
    color:#996666;
    text-decoration: none;
    }
.tabbed ul.tabs li a.tab-current {
    color:#000; 
    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: 1px solid #000000;
padding: 1px;
}
/* fin ajout stef */

.tabbed .post h3 {
    width: 97%;
    font-size: 1em;
    margin: 0 0 0 5px;
    padding: 0;
    /*text-transform:capitalize;*/
    }
.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:#OOO;
    text-decoration:underline;
    }

.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;
}

*/