/*  
Theme Name: Sonotone
Description: Second thème de Branche Ton Sonotone, webzine amateur et lubrique.
Version: 1.0
Author: Stu & Pirhoo
Author URI: http://www.branchetonsonotone.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */
* {
    margin:0;
    padding:0;
}

body {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    background:url('./images/fond_old.png');
    color: #333;
    margin:0px;
    padding:0px;

}

p {	
    margin: 15px 0;
}

a:link, a:visited {
    color: #929292;
    text-decoration:none
}

object
{
    display:block;
    margin:auto;
    clear:both;
}
a:hover, a:active {
    color: #000;
    text-decoration:none;
}

a img {
    border:0;
}

code {
    font: 1.0em 'Courier New', Courier, Fixed;
}	

acronym, abbr, span.caps {	
    font-size: 0.9em;
    letter-spacing: .07em;
    cursor: help;
}			

acronym, abbr {
    border-bottom: 1px dashed #999;
}

blockquote {
    padding: 10px 10px 0 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eee;
    font:1.0em Arial;
    line-height:1.5em;
    margin:10px 0px;
}

select {
    width: 130px;
}	

input[type=submit], input[type=button], select, .button {

    max-height:25px;
    background:url('images/input.button.png') repeat-x #d9d9d9;
    border:1px solid #d9d9d9;

    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding:3px;
    text-shadow:1px 1px 1px white;
    color:black;

    box-shadow: gray 0px 3px 5px;
    -moz-box-shadow: gray 0px 3px 5px;
    -webkit-box-shadow: gray 0px 3px 5px;
    -khtml-box-shadow: gray 0px 3px 5px;
}

input[type=submit]:hover, input[type=button]:hover, .button:hover {
    background-color: white;
    border-color:#fefefe !important;
}

select {
    background-color: transparent;
    border:1px solid #d9d9d9 !important;
}
select:hover,select:focus {
    border-color:#fefefe !important;
}

.shadowing
{
    background:url('./images/page-font.png');
    padding:7px;
    margin:10px 0px 10px 0px;

    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;

    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;

    border:4px solid silver;
    position:relative;
    z-index:1;
}

.hiddenTitle {
    position:absolute;
    top:0px;
    z-index:4000;

    font-size:0.8em;

    background:#404040;
    display:block;
    color:#f2f2f2;
    padding:3px;
    
    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;


    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;

    display:none;

}

.hiddenTitle:before {
    content:url("./images/bottomArrow3.png");
    width:0px;
    height:0px;
    display:block;
    position:relative;
    top:-15px;
    left:5px;
}

#hidden-header {

    background: rgba(192,192,192,0.4);
    
    border:3px solid #F5F6F6;
    border-top:0px;
    
    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;

    width:950px;
    margin:0px auto;
    position:relative;
    z-index:3100;
}
#hidden-header .best-of h3 {
    color:white;
    font-weight:bold;
    font-variant:small-caps;
    letter-spacing:10px;
}

#hidden-header .best-of {
    float:right;
    width:600px;
    margin:20px;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:10px;
}
#hidden-header .best-of li {
    list-style: none;
    float:left;
    display:block;
    margin-right:20px;
}

#hidden-header .best-of .image {
    width:70px;
    height:70px;
    display:block;
    background: center center no-repeat white;
    padding:3px;
    border:solid 1px silver;

    -moz-box-shadow: 0px 10px 30px 0px gray;
    -webkit-box-shadow:  0px 10px 30px 0px gray;
    -khtml-box-shadow:  0px 10px 30px 0px gray;
    box-shadow: 0 0px 10px 30px 0px gray;
}

#hidden-header .best-of .image:hover {
    background-color: #b90d0d;
    border-color:#b90d0d;
}
#hidden-header .tag-cloud {
    text-align:center;
    text-shadow:0px 0px 30px black;
}
#hidden-header .tag-cloud a {
    color:white;
}

#abonner {
    width:950px;
    margin:0px auto;
    
    position:relative;
    z-index:3050;
}

#abonner li {
    float:left;
    list-style: none;
    
    overflow: hidden;
    width:25px;
    max-height:20px;
    
    margin-left:10px;
    font-size:0.9em;

    position:relative;
    background-color: white;

}

#abonner li a {
    display:block;
    text-indent: 100px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 3px 0px;
}

#abonner .open-hidden-header {
    float:right;
    margin-right:10px;
    background-color:white;
    cursor:pointer;
    color: gray;
}


#logo 
{
    clear:both;
    width:900px;
    height:194px;
    padding:0px;

    margin:auto;
    margin-bottom:-10px;
    margin-top:0px;
}

#head 
{

    position:relative;
    top:0px;
    z-index:3000;

    margin:0px auto;
    padding:0px;
}


#page 
{
    width:940px;
    margin:0px auto;
    font-size:0.7em;
}

.left, .alignleft 
{
    float:left;
}

.right, .alignright 
{
    float:right;
}


/* Navigation Bar*/
#navbar 
{

    margin:0px auto;
    padding:0px;

    max-height:50px;
    text-transform:uppercase;

    position:relative;
    z-index:3000;

    font-size:12px;

    width:940px;
    background:url('images/navbar.png') transparent center top no-repeat;
}


#navbar li
{
    padding:0;
}



#page-bar
{
    margin:auto;
    width:740px;

    list-style: none;
    text-align:center;
    padding-left:30px !important;
    padding-left:15px;
    padding-top:7px;
    min-height:47px;

    float:left;
}

#page-bar li
{
    display:block;
    float:left;
    cursor: pointer;
    list-style:none;
    padding:0px;
    margin-right:3px;
    text-shadow:0px 0px 2px black;
    background:url("./images/fondnavbar_inactif.png") repeat-x bottom;
    height:35px;
}

#page-bar a
{
    color:white;
    font-weight:bold;
    padding:10px 6px !important;
    padding:10px 4px;
    display:block;
}

#page-bar li:hover
{
    background:url("./images/fondnavbar.png") repeat-x;
    color:#494949;
}

#page-bar li:hover, #page-bar li a:hover,
.deroulant:hover .menu_deroul a, .menu_deroul:hover a, .deroulant:hover a
{
    color:#494949;
    text-shadow:0px 0px 1px white;
}

.deroulant
{
    /* hack ie */
    _width:130px;
}

.deroulant:hover
{
    background:url("./images/fondnavbar.png") white repeat-x;
}


.deroulant:hover .menu_deroul, .menu_deroul:hover
{
    -moz-box-shadow: 0px 0px 10px black;
    -webkit-box-shadow: 0px 0px 10px black;
    -khtml-box-shadow: 0px 0px 10px black;
    box-shadow: 0px 0px 10px black;
}

#page-bar li:hover a
{
    color:#494949;
}

.menu_deroul a
{
    margin:0px;
    padding:0px;
    display:block !important;
    height:20px;
    background:url("./images/fondnavbar.png") repeat-x;
}

.menu_deroul
{	

    position:relative;
    z-index:3000;

    height:0px;
    /* hack ie */
    _width:144px;

    overflow:hidden;

    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    border:2px solid white;

    padding:0px !important;
    margin-top:-35px;

    display:none;
}

.menu_deroul ul
{	

    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;

    /* 	-moz-box-shadow: 0px 0px 5px black; */

    background:#c80c0c;
    margin:0px;
    margin-right:-3px;
    margin-top:32px;


    padding:0px;
}

.menu_deroul li
{

    display:block !important;
    float:none !important;
    text-align:left;

    margin:0px;
    padding:0px;

    overflow:hidden;
    position:relative;
    z-index:600;

    font-size:0.9em;
    border-bottom:1px solid white;
}



#searchform
{
    text-align:right;

    margin-top:7px;
    padding-top:7px;

    width:150px;
    margin-right:20px;
    height:35px;

}


#searchform input.text
{
    width:110px;
    background:#b31311;
    border:1px solid #D12626;
    color:#080101;
    padding:2px;
    height:16px;
    font-size:14px;


    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* Text*/

h1
{
    font:3.5em Arial;
    font-weight:bold;
    letter-spacing:-0.08em;
}


@font-face
{
    font-family: TIRESHOP;
    src:url("./font/tireshop_demo.ttf");
}

h2
{

    font:3em Arial, "Times New Roman";

}

h2.first
{
    height:0px;

    padding:0px;
    margin:0px;

    margin-top:-50px;
    margin-bottom:50px !important;
    margin-bottom:50px;
    _margin-bottom:20px;
    font-size:25px;

    font-weight:normal;
    letter-spacing:-2px;

    color:#b90d0d;

    position:relative;
    z-index:150;
}

.shadowing.withH2
{
    margin-top:50px;
    position:relative;
    z-index:100;
}

h2.first a
{
    color:#b90d0d;
}

h2.first:before
{
    content:"{ ";
    color:gray;
}
h2.first:after
{
    content:" }";
    color:gray;
}

h2.title_separator
{
    padding:2px;
    color:white;
    background:silver;

    font-size:25px;

    font-weight:bold;
    letter-spacing:-1px;

    margin-left:-8px;
    margin-right:-8px;
}


h3
{
    font:1.3em Arial;
    margin-bottom:3px;
    color:#b31212;
    font-weight:bold;
}

h4
{
    font:1.1em Arial;
    font-weight:bold;
    border-bottom:#D9D9D9 1px solid;
}

h3.cat_title
{
    color:white;
    text-align:right;
    font-size:0.8em;
    padding:0px;
    padding-top:1em;

    border-bottom:#e0e0e0 3px solid;
}

h3.cat_title a
{
    background:#e0e0e0;
    color:gray;
    padding-left:0.2em;
    padding-right:0.2em;
    font-weight:normal;

    margin:0px;
    margin-left:7px;

    border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -khtml-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
}

h3#respond {
    margin-top:0px;
    padding-top:20px;
    text-align:center;
}

h3#comments {
    margin-top:32px;
    padding-left:0px;
    text-align:center;
    font-size:16px;
    border-bottom:1px solid #ddd;
}

h3.authors
{
    margin-top:15px;
}


#tagline {
    margin-left:-1000px;
    font-size:1em;
    color:#333;
}

#top {
    padding:0;
}

#headline {
    width:540px;
    float:left;
    font-size:1.05em;
    padding-right:5px;
}


#headline div.meta {
    display:block;
    margin-top:-5px;
    padding-bottom:2px;
    color:gray;
    font-variant:small-caps;
    text-align:left;
    border-bottom:dotted 1px silver;

}

#headline div.title
{
    text-align:left;
}

#headline div.title h2, #headline div.title a
{
    color:#000;font-size:24px;
}

#headline p {
    padding-bottom:15px;
}


.miniPost
{
    width:525px;
    background:#E0E0E0;
    -moz-border-radius:5px;
    margin-top:1em;
    padding:0.5em;
}

.miniPost .title,
.miniPost .meta
{
    margin:0px !important;
    padding:0px !important;
    margin-left:75px !important;
}

.miniPost .title
{
    font-size:19px !important;
}


#headline a img, #video_barre a img, #contenuvideo a img {
    border:1px solid #ccc;
    margin-top:5px;
    margin-right:10px;
    padding:2px;
}

#headline a img:hover, #video_barre a img:hover, #contenuvideo a img:hover {
    border:3px solid #b21212;
    padding:0px;
}

#contenumiddle
{

    padding:0;
    margin:0;
    margin-top:8px;

}

.category {
    width:136px;
    float:left;
    border-top:8px solid #979797;
    margin:0px;
    padding:5px 10px 10px 10px;
    cursor:pointer;
}

.category p {
    margin:0;
}

#cat-1, #cat-3, #cat-5 {border-top:8px solid #979797;}
#cat-2, #cat-4, #cat-6 {border-top:8px solid #B31212;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
    text-transform:lowercase;
    margin:0;
    font-weight:bold;
    font-size:1.5em;
    letter-spacing:-0.05em;
}

#front-popular h3 {
    color:#B31212;
}

.category a {
    color:#333;
    display:block;
    background:none;
}

.category a:hover {
    background:none;
    color:#fff;
    text-decoration:none;
}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#979797; color:#fff; }
#cat-2:hover, #cat-4:hover, #cat-6:hover {background:#B31212; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#979797; color:#fff; }
#cat-2:hover a, #cat-4:hover a, #cat-6:hover a {background:#B31212; color:#fff; }

#bottom {
    width: 940px;
}

#front-list {
    width:590px;
    font-size:1.05em;
    line-height:1.75em;
    float:left;
}

#archive {
    padding-top:15px;
    font-size:1.05em;
    line-height:1.75em;
}

#front-list blockquote {
    padding: 0px 10px 0 10px;
}

#front-list .title, #archive .title {
    font-weight:bold;
    font:2.0em Georgia;
    letter-spacing:-0.05em;
}

#front-list .clearfloat, #archive .clearfloat {
    padding-bottom:10px;
    margin-bottom:10px;
}

#front-list .spoiler, #archive .spoiler {
    display:block;
    margin-top:3px;
}

#front-list p, #archive p {
    margin:0px;
    padding:0px;
}

.author {
    font-size:0.8em;
    font-weight:bold;
}

.meta {
    font-size:0.8em;
}

.meta a {
    color:#333;
}

#headline p, #nimportequoi p, #video_barre p {
    margin:0;
}




/* Content Page*/
#topContent
{
    background:url('./images/topContent.png') no-repeat left bottom;
    width:645px;
    height:26px;
    margin:0px;
    margin-left:-26px;
    margin-top:-26px;
    position:relative;
    z-index:500;
}
#bottomContent
{
    background:url('./images/bottomContent.png') no-repeat left bottom;
    width:645px;
    height:26px;
    margin:0px;
    margin-left:-26px;
    margin-bottom:-26px;
    position:relative;
    z-index:500;
    clear:both;
}

#content 
{
    width:590px;
    font-size:1.05em;
    line-height:1.75em;
    float:left;
    text-align:justify;

    margin:0px;
    margin-top:10px;

    position:relative;
    z-index:100;
}

#content.shadowing.withH2.pageauthor
{
    margin-top:50px;
    position:relative;
    z-index:100;
}

#author_posts
{
    width:590px;
    font-size:1.05em;
    line-height:1.75em;
    float:left;
    text-align:justify;

    margin:0px;
    margin-top:50px;

    position:relative;
    z-index:100;

    clear:none;

}

#content .breadcrumbs
{
    margin:0px;
    position:relative;
    color:gray;
    font-size:0.9em;
    background:#E0E0E0;
    -moz-border-radius: 0.5em;
    padding-left:10px;
    display:block;
    margin-bottom:1em;

}
#content .breadcrumbs, #content .breadcrumbs a {
    font-weight:bold;
    color:gray;
}



#content .title, #headline .title, .post .title
{
    font-size:2.2em;
    font-style:Verdana, Arial,Helvetica,sans-serif;
    letter-spacing:-0.05em;
    word-spacing:0em;
    text-align:left !important;
    color:gray;
}


.title .sub_title, a .sous-titre
{
    font-size:0.9em;
    letter-spacing:0em;
    color:#4A4A4A;
}

#content h2.title, 
#headline .title a:hover
{
    color:black !important;
}


.the_excerpt
{
    margin-left:255px;
}

.spoiler .the_excerpt
{
    margin-left:165px;
}

.lireplus
{
    display:block;
    text-align:right;
    padding-right:1em;
    font-weight:bold;
}

.post {
    font-size:1.05em;
    line-height:1.75em;
    margin-bottom:1em;
}

.post p {
    margin-top:0px;
}

.post .clearfloat {
    margin:10px 0px;
}

.post ul, .post ol, #front-list ul, #front-list ol {
    margin-bottom:15px;
}

.post ul li, #front-list ul li {	
    list-style:square;
    margin-left:30px;
}

.post ol li, #front-list ol li {	
    list-style:decimal;
    margin-left:30px;
}

.post ol li ul li, #front-list ol li ul li {	
    list-style:square;
    margin-left:20px;
}

.post img, .post a img, #front-list img, #archive img {
    border:1px solid #ccc;
    margin:0 10px 5px 0;
    padding:2px;
}

.post .ads {
    margin-top:10px;
}

.entry {
    margin-top:20px;
    padding-bottom: 0px;
}

.post_meta
{
    font-size:0.9em;
    display:block;
    
    padding:2px 0px;
    color:gray;
    font-variant:small-caps;
    text-align:left;
    
    border-bottom:dotted 1px silver;
}


.post_meta a:hover {
    color:black;
}

.post_meta a {
   font-weight:bold;
}

.sharing {
    text-align:left;
    margin:0px 20px;
    width:240px;
    height:20px;
    float:left;
}

.sharing > a {
    display: block;
    float:left;
    padding-right:10px;
    padding-left:5px;
}
.sharing .facebook-like {
    height:80px;
    width:200px;
    float:left;
}


#tools {
    height:77px;
    font-size:0.95em;
    background:#f2f2f2;
    border:1px solid #ddd;

    -moz-border-radius:7px;
    -khtml-border-radius:7px;

    padding:3px;
    text-align:center;

    width:46%;
    margin-top:16px;
    margin-bottom:16px;

    float:right;

}

#tools a:hover {
    background:none;
}

.navigation {
    padding:5px 0px;
    text-align:Center;
}

/* Sidebar*/
#sidebar {
    width:320px;
    float:right;
}

#sidebar select {
    display:block;
    margin:10px auto;
    width:280px;
}

#sidebar h3 {
    font:1.1em Arial;
    font-weight:bold;
    text-shadow:0px 0px 2px black;
    color:#fff;

    margin:5px;
    padding:3px 10px;

    -moz-border-radius:3px ;
    -khtml-border-radius:3px ;
    -webkit-border-radius:3px ;
    border-radius:3px;

    box-shadow: gray 0px 1px 3px;
    -moz-box-shadow: gray 0px 1px 3px;
    -webkit-box-shadow: gray 0px 1px 3px;
    -khtml-box-shadow: gray 0px 1px 3px;


    background:url('images/navbar.png') transparent center center no-repeat;

}

.half-sidebar {
    width:150px;
    float:left;
}

#copyleft
{
    margin-left:-7px;
    margin-right:-7px;
    margin-bottom:-7px;
    margin-top:4px;
    padding:8px;
    background:silver;
}

#copyleft a img
{
    float:left;
    margin:4px;
    margin-left:0px;
    opacity:0.4;
}

#copyleft div
{
    margin-left:94px;
    text-align:justify;
}

#copyleft div a
{
    color:black;
}

#sidebar-top, #sidebar-bottom {
    width:300px;
    float:right;
    padding:0px;
}

#sidebar-bottom, #sidebar-middle {
    margin-top:10px;
}

#sidebar-middle {
    width:320px;
    float:right;
}

#sidebar-left {
    width:135px;
    padding:0px 10px 10px 10px;
    float:left;
    background:#fff;
}

#sidebar-right {
    width:135px;
    padding:0px 10px 10px 10px;
    float:right;
    background:#fff;
}


#sidebar .shadowing
{
    width:300px;
    padding:0px;
    float:right;
}

#sidebar ul
{
    margin:3px;
    margin-bottom:8px;
}

#sidebar li {
    border-bottom:1px dotted #ccc;
    display:block;
    padding:2px 0px 2px 13px;
    background: url("./images/arrow.png") no-repeat 0 3px;
}

#sidebar li.button {
    border:1px solid #d9d9d9;
    display:block;
    padding:3px;
    background:url('images/input.button.png') repeat-x #d9d9d9 top left;
    margin:7px 5px;
}
#sidebar li.button.rss a:before {
    content:url('./images/rss3.png');
    margin-right:5px;
    margin-left:2px;
    float:left;
}


#sidebar li ul li:last-child{
    list-style:none;
    border-bottom:0px dotted #ccc;
    display:block;
    padding:2px 0px 0px 13px;
    background:url(images/sub.png) no-repeat 0 0px;
}

#sidebar-ads {
    width:300px;
    float:right;
    margin-bottom:10px;
    padding:10px;
    background:#fff;
}

#sidebar a, #sidebar a:visited
{
    color:#333;
}

#sidebar a:hover
{
    color:#666;
}

/* Form Elements */

select {
    border:1px solid #333;
    width:100%
}

.field {
    padding: 2px;
    border:1px solid #333;
    background:#fff;
    font-size:1.0em;
}

#s {
    padding:1px;
    font-size:1.0em;
    width:150px;
}

#searchsubmit {
    padding-left:5px;
}

#commentform {
    height:170px;
    background:#e5e5e5;
    margin:10px;
    padding:1px;
    border:3px solid white;

    box-shadow: gray 0px 3px 5px;
    -moz-box-shadow: gray 0px 3px 5px;
    -webkit-box-shadow: gray 0px 3px 5px;
    -khtml-box-shadow: gray 0px 3px 5px;

    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    margin-top:10px;
}

#inputs {
    margin:0px;
    padding:0px;
    margin-top:-50px;
    margin-left:0px;


    height:0px;
    float:left;
    position:relative;
    z-index:10;
    bottom:0px;
}
#inputs p {
    padding:0px 1px;
    margin:0px;
    margin-right:5px;
    margin-left:10px;

    display:block;
    float:left;

    width:164px;

    box-shadow: gray 0px 3px 5px;
    -moz-box-shadow: gray 0px 3px 5px;
    -webkit-box-shadow: gray 0px 3px 5px;
    -khtml-box-shadow: gray 0px 3px 5px;


    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    -khtml-border-radius:7px;

    border:3px solid white;
    background: #e5e5e5;

    position:relative;
    z-index:10;
    bottom:-50px;
    opacity:0;

    background:url('images/input.button.png') repeat-x #d9d9d9;
}


#inputs p input {
    width:100px;
    height:15px;

    border:0px;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;

    background: #f2f2f2;
}

#inputs p input[type=text]:focus, #commentform textarea:focus {
    background: white
}

#inputs p label{
    width:60px;
    display:block;
    float:left;
    text-align:center;
    text-shadow:1px 1px 1px white;
}

#inputs p.simple {
    background:#404040;
    border-color:#404040;
    width:100%;
    display:block;
    color:#f2f2f2;
    margin-left:0px;
    margin-right:0px;
}

#commentform textarea {
    clear:both;
    width:556px;
    height:164px;
    display: block;
    padding:3px;
    margin:auto;

    margin-bottom:-10px;
    border:0px;

    position:relative;
    z-index:20;
    top:-15px;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;

    background: #f2f2f2;
}

#submit {
    opacity:0;
    height:0px;
    margin-top:-60px;
}

#submit input[type=submit] {
    float:right;
    margin-right:10px;
}

.subscribe-to-comments {
    clear:none !important;
    float:left;
    font-weight:bold;
    font-size:0.9em;
    margin:0px;
    margin-top:5px;
}

.rss-comments-img {
    float:left;
    display:block;
    margin-right:10px;
    margin-left:10px;
    height:17px;
}
/* Comments*/

.commentlist cite {
    font-style:normal;
    margin-bottom:4px;
    display:block;
}	

.commentlist blockquote {
    background:#ededed;
}

.commentlist li {
    padding: 10px 0px 10px 0px;
    list-style:none;
    margin-bottom:3px;
}

.commentlist li li {
    background:none;
    border:none;
    list-style:square;
    margin:3px 0 3px 20px;
    padding:3px 0;
}

.commenttext {
    padding: 5px 10px 0px 10px;
    background-color:#f2f2f2;
    background-image:url('./images/fondcom.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    border:1px solid #ddd;
    width:495px;
    float:right;
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}


.commentlist cite strong {
    font-size:1.1em;
}

div.my_comment {
    background-color:#e4e4e4;
    border:2px solid #b21212;
    width:490px;
    float:right;
}

li.my_comment cite strong {
    font-size: 1.3em;
    color:#313228;
}

#commentform small {
    font-weight:bold;
    padding:0;
    margin-left:10px;
}

.commentmetadata {
    color:#4d4d4d;
    display: block;
    margin-top:3px;
    text-align:right;
    font-size:0.9em;
}

.commentmetadata a, .commentmetadata a:visited {
    color:#959382;
} 

.commentlist small {
    background:#e9e9e9;
}

.avatar {
    border:1px solid #bbb;
    margin:0px 10px 0px 0px;
    float:left;
    padding:2px;
    width:55px;
    height:55px;
}

#comment {
    width:590px;
}

.compteurcom {
    width:4%;
    margin:0;
    margin-left:97%;
    padding:0;
    text-align:left;
    font-size:16px;
    color:#d2d2d2;
}

.auteurcom {
    width:94%;
    float:left;
    margin:0;
    padding:0;
}


/* Float Properties*/

.clearfloat:after {
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clearfloat {
    display: inline-block;
}



/* Hides from IE-mac \*/
* html .clearfloat {
    height:1%;
}

*+html .clearfloat {
    height:1%;
}

.clearfloat {
    display:block;
}

.clearfloat_left {
    clear:left;
}
.clearfloat_right {
    clear:right;
}


#legendevideo a, #legendechroniques a,  #legendenews a, #legendenimportequoi a{color:gray }
#legendevideo a:hover, #legendechroniques a:hover, #legendenews a:hover, #legendenimportequoi a:hover {color:black }

#legendemp3
{
    font-style:italic;
    text-align:right;
    color:gray;
    position:relative;
    z-index:10000;
    margin-top:1em;
}


#legendechroniques /* chroniques suivantes */
{
    color:gray;
    font-style:italic;
    font-weight:bold;
    padding-right:20px;
    width:540px;
    text-align:right;
}

#legendenews
{
    font-style:italic;
    font-weight:bold;
    margin: 0px 5px 0px 0px;
    text-align:right;
    float:right;
    color:gray;
}

#legendenimportequoi
{
    font-style:italic;
    font-weight:bold;
    margin: 0px 5px 0px 0px;
    text-align:right;
    float:right;
    color:gray;
}



#legendevideo
{
    margin: 10px 0px 5px 0px;
    text-align:right;
    color:gray;
    font-style:italic;
    z-index:2000;
    position:relative;
    height:0px;
}

#legendevideo a, #legendemp3 a
{
    font-weight:bold;
}

a.rss
{
    background:url("./images/rss_mini.png") left center no-repeat;
    padding-left:17px;
}


.textwidget /* Pour que la citation aléatoire soit pas collée au truc en dessous */
{
    margin-bottom:15px;
}

.player /* Propriétés du player mp3 */
{
    width:300px;
    margin:auto;
}

.player p
{
    text-align:center;
}



.thumb_article /* Petite image de l'article */
{
    text-align:center;
    padding:0px;
    margin:0px;

}

.sociable li img
{
    border:0;
}


.bloc_notes {
    height:186px;
    margin-bottom:5px;
    margin-left:196px;
    padding:4px;
    background:#f2f2f2 url("./images/fond_vinyle.png") no-repeat;
    border:1px solid #ddd;
    border-left:none;

    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomright:7px;
    -khtml-border-radius-topright:7px;
    -khtml-border-radius-bottomright:7px;

    text-align:left;

}

.bloc_notes p
{

    margin-top:30px;
}

.descriptionmp3
{
    margin-left:196px;
    height:193px;
    margin-bottom:10px;
}



/* Footer */
#footer 
{
    clear:both;
    margin:0px auto;
    margin-top:2em;
    padding:0px;
    position:relative;
    opacity:0.7;
    width:940px;
}

#some_things
{
    z-index:300;

    margin:0px 0px;
    padding:10px;
    font-size:0.8em;

    text-align:center;
    color:#616161;
    background: rgba(246,246,246,0.6);

    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;

    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;


    
}

#some_things a
{
    color:black;
}


#authorbox {
    width:285px;
    float:right;
}

#authorbox img {
    margin:0;
    padding:0;
}

#authorbox p, #authorbox ul, #authorbox li {
    padding:0;
    margin:0;
}

#avatarauthorbox
{width:25px;}
#liensauthorbox
{width:90px;font-size:9px;padding-left:3px;}
#bioauthorbox
{width:auto;font-size:9px;}

#authorbox table {
    width:99%;
    margin:auto;
}

#authorbox li {
    list-style-type:none;
}

#aproposauteur {
    width:300px;
    float:right;
}

/* Page auteur */

.pageauteurtitre {color:#b21212;text-align:center;}
#pageauteur td {text-align:center;}
#pageauteur table {width:255px;margin:auto;margin-top:10px;}
#pageauteur li {list-style-type:none;}
#avatarpageauteur {width:80px;padding-right:10px;}


#avatarpageauteur .avatar
{
    width:120px;
    height:120px;
}


#avatarpageauteur img {padding:2px;border:1px solid #999;}

/* ayant-droit */
#droit{
    padding:3px;
    font-size:0.9em;
    font-style:italic;
    background:silver;
}

#droit a
{
    color:black;
}

#droit p span {font-decoration:italic;}
#droit p {padding:0;margin:0;}


/* gestion des tableaux */
#content table
{
    border:1px solid silver;
    text-align:left;

}

#content thead th, thead td,
#content tfoot th, tfoot td
{
    background:url('./images/navbar.png') center top no-repeat;
    color:white;
    text-align:center;
    border:2px solid white;
}

#content tbody td
{
    vertical-align:top;
    padding:0.2em;
    border:1px solid silver;
}

#content thead td:empty, tfoot td:empty, th:empty
{
    visibility:hidden;
}

.noborder, .noborder td, .noborder .tr, #pageauteur table, #pageauteur tr, #pageauteur td
{
    border:0px !important;
}



/* -------------- avis des autre -------------- */
#avisdesautres { }

.avis
{
    float:left;
    width:100px;
    text-align:center;
}

.avis img
{
    border:0px;
    margin:auto;
}


.clearfloat
{
    clear:both !important;
}

/* -------------- look at me -------------- */
#lookAtMe
{
    width:940px;

    margin:auto;
    margin-top:60px;

    padding:0px;

    clear:both;
    font-size:0.7em;
}

#interviews
{
    width:160px;
    height:240px;

    float:right;

    margin-top:0px;
    padding:0px;
}


#interviews_list
{
    text-align:center;
}

#interviews_list li
{
    display:inline;
    list-style:none;
}
#interviews_list li a img
{
    margin:5px;
}


#concerts
{	
    margin-right:195px;
    margin-left:535px;
    margin-top:0px;

    padding:0px;
    height:240px;
}

#concerts ul
{
    text-align:center;
}

#concerts li
{
    display:block;
    list-style:none;
    padding-bottom:5px;
    padding-top:2px;
}

#concerts li a img
{
    margin:5px;
    position:relative;
    z-index:300;
}

#concerts li .title
{
    display:block;

    margin:auto;
    margin-top:-74px;

    width:180px;
    height:60px;

    padding:2px;
    border:1px solid silver;

    position:relative;
    z-index:400;

    text-align:center;
}

#concerts li .title a
{
    margin:auto;
    color:#333;
    text-shadow:0px 0px 1px white;

    display:table-cell;

    height:60px;
    background-image:url('./images/page-font-half.png');
    vertical-align:middle;

    overflow:hidden;

    text-align:center;
    font-weight:bold;
}


#concerts li .title:hover
{
    border:3px solid  #b21212;
    padding:0px;
}


#aNePasManquer .sub_meta
{
    background-color:white;
    background-repeat:no-repeat;
    background-position:center center;
    height:240px;
    padding:0px;
}

#aNePasManquer .meta
{
    margin:0px;
    padding:0px;
    font-style:italic;
    color:gray;
    position:relative;
}


#s-toolbox
{
    height:0px;

    width:50px;
    float:right;
    margin-right:-52px;
    line-height:25px;

    position:relative;
    z-index:1000;
}

#s-toolbox ul
{

    padding:0px;
    margin:0px;
    margin-top:8px !important;
    margin-top:0px;
    width:45px;

}
#s-toolbox li
{
    width:45px;
    height:45px;
    margin:0px;
    background:silver;
}
#s-liste li img
{

    padding:2px;
    background:white;
    border:1px solid gray;
    cursor:pointer;
    opacity:0.5;
}
#s-liste li img:hover
{
    border:1px solid  #b21212;
    background:#b21212;
    opacity:1;
}
#s-liste li img.actif
{
    border:1px solid gray;
    background:gray;
    opacity:1;
}

#s-toolbox a 
{
    height:25px;
    height:25px;
}


#s-toolbox a:first-child, #s-toolbox li:first-child img
{
    border-radius:0px 5px 0px 0px;
}
#s-toolbox a:last-child, #s-toolbox li:last-child img
{
    border-radius:0px 0px 5px 0px;
}

#s-toolbox a
{

    background-repeat:no-repeat;
    background-position:0px 0px;

    height:25px;
    width:25px;
    display:block;

    padding:0px;
    margin:0px;
}

#s-toolbox a:focus, #s-toolbox a:active
{
    background-position:-25px 0px;
}

#s-toolbox a.inactif
{
    background-position:-50px 0px;
}


#aNePasManquer
{
    width:440px;
    height:240px;
    background:silver;

    position:relative;
    z-index:100;

    padding:0px;
    margin-top:0px;
    float:left;

    /*overflow:inherit !important;
	overflow:scroll;*/
}



#s-slide
{
    padding:0px;
    margin:0px;

    width:440px;
    height:240px;

    display:block;

    position:relative;
    overflow:hidden;
}



#s-slide li .s-obj
{
    width:440px;
    height:240px;

    padding:0px;

    display:block;
    position:relative;
    overflow:hidden;
}


#aNePasManquer li .sub_meta
{
    background-position:center top;
    width:440px;
    height:240px;
    margin:0px;
    padding:0px;

    border-top:1px solid white;
}

#aNePasManquer li .trigger
{
    display:none;
}

#aNePasManquer .extend_link
{
    display:block;
    widht:100%;

}

#aNePasManquer .sub_title
{
    text-align:left;
    padding:5px;
    padding-top:10px !important;
    padding-top:0px;
    margin-top:0px;

    height:85px !important;
    width:430px !important;
    width:440px;

    background:url('./images/descri.png') repeat-x;
    background-position: 0px 0px !important;
    background-position: 0px -10px;

}

#aNePasManquer .sub_title a
{
    color:#333;
    font-size:20px;
    font-style:normal;

}

#aNePasManquer .sub_title a.permalink
{
    width:430px;
    display:block;
    text-align:justify;
}


#aNePasManquer .sous-titre
{
    font-size:14px;
    font-weight:bold;
    color:#b31311;

}

#aNePasManquer .sub_category
{
    float:right;
    border:0px;
    padding:4px;
    margin-top:-155px;

    font-style:normal;

}

#aNePasManquer .sub_category a
{
    font-weight:bold;
    color: #4c4949 !important;
    font-size:1.3em;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    background:url('./images/page-font.png');

    display:inline;
    padding:4px;

}

#aNePasManquer li
{
    list-style:none;
    display:block !important;

    padding:0px;
    margin:0px;
}



#listeDuSon li a img, #interviews_list li a img, #concerts li a img
{
    padding:2px;
    border:1px solid silver;
    background:white;
}

#listeDuSon li a img:hover, #interviews_list li a img:hover, #concerts li a img:hover
{
    border:1px solid  #b21212;
    background:#b21212;
    opacity:1;
}

#listeDuSon li a img
{
    opacity:0.4;
}


#listeDuSon
{	

    clear:both;
    position:relative;
    z-index:200;

    margin-bottom:100px;
    margin-left:auto;
    margin-right:auto;

    padding-left:0px;
    padding-right:0px;
}

#duSon_list
{
    text-align:center;
    height:85px;
}

#listeDuSon li
{
    list-style:none;
    padding-left:1px !important;
    padding:0px;
    margin:0px;
    display:inline;

    width:62px !important;
    width:60px;
}

#listeDuSon li.actif img
{
    opacity:1;
    border:1px solid gray;
    background:gray;

}

#listeDuSon li .meta
{
    display:none;
}

#meta_duSon_actif
{
    height:0px;

    display:block;
    text-align:center;

    color:white;
    font-size:1.1em;

    padding:0px 0px;
    margin-bottom:-7px;

    position:relative;
    z-index:50;
}

#meta_duSon_actif a
{
    font-size:1.1em;
    color:white;
    font-weight:bold;
}

#meta_duSon_actif .sub_meta
{

    display:inline-block !important;
    display:inline;

    background:#c0c0c0;
    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;

    padding:3px;

    -moz-border-radius:5px;
    -kmtl-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

}


#meta_duSon_actif .meta
{
    padding-top:0.2em;
    display:block;
}


#s-next, #s-previous
{
    display:none !important;
}


.wp-smiley
{
    border:0px !important;
    margin-bottom:-3px !important;
}


#slidepages
{
    margin-top:1em;

    text-align:center;
    font-size:14px;
    background:#e0e0e0;
    border-radius:6px;
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
    -webkit-border-radius:6px;
}

#slidepages a
{
    background:white;
    padding:0px 3px 0px 3px;
    border-radius:2px;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
}

#slidepages a:hover
{
    background:#e0e0e0;
    border:grey 1px solid;
    padding:0px 2px 0px 2px;
}

.short-post {
    width:150px;
    text-align:justify ;
}

.short-post.right {
    float:right;
}
.short-post.left {
    float:left;
}

.short-post .top {
    text-align:center;
}
.short-post .top a.button {
    text-align:center;
    display:block;
}

.short-post a.the_title {
    clear:both;
    display: block;
    font-size:1.2em !important;
    line-height:1.1em;
    color:black !important;
    text-align: left;
}


.short-post a.image {
    display:block;
    margin:5px 0px;
    margin-top:10px;
    width:150px;
    height:100px;
    background-position: center center;
    background-repeat: no-repeat;

}

.short-post .half-excerpt p {
    margin:0px;
    padding:0px;
    text-align:justify !important;
}

.dossiers {
    padding-top:0px;
}

.dossiers .first {
    color:gray;
    position:relative;
    bottom:-10px;
    left:30px;
}

.dossiers .dossier {
    display:block;
    width:150px;
    float:right;

    background:url('./images/page-font.png');
    
    box-shadow: gray 0px 3px 15px;
    -moz-box-shadow: gray 0px 3px 15px;
    -webkit-box-shadow: gray 0px 3px 15px;
    -khtml-box-shadow: gray 0px 3px 15px;

    border-radius:7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;

    border:4px solid silver;
    position:relative;
    z-index:1;
    margin-left:30px;
    margin-bottom:30px;
}

.dossiers .dossier .image {
    display:block;
    width:100%;
    height:150px;
    background-position: center center;
    background-repeat: no-repeat;


    border-radius:5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    -khtml-border-radius:5px 5px 0px 0px;
}

.dossiers .dossier .the_excerpt {
    display:block;
    float:none;
    margin:0px;
    padding:10px;
    display:none;
}

.dossiers .dossier .the_excerpt p {
    margin:0px;
    padding:0px;

    position:relative;
    z-index: 10;

}


.dossiers .dossier .the_title {
    clear:both;
    display: block;
    font-size:1.4em !important;
    line-height:1.1em;
    padding:10px;
    margin:0px;
    text-align: center;

    margin-top:-4px;
    margin-bottom:-4px;

    position:relative;
    z-index: 20;

    background-color: rgba(255, 255, 255, 0.5)  !important;
    background-color: silver;
}

.dossiers .dossier .the_title a {
    color:gray;
}

#legendedossiers {

    float:right;
    text-align: right;
    display:block;
    font-weight:bold;
    color:gray;
    margin-top:-20px;
    padding-bottom:20px;
}



/* Partie nawak*/
.nawak
{
    width:320px;
    float:right;
    margin-right:0px !important;
    margin-right:-8px;
    margin-top:40px;
}


.nawak li
{
    list-style: none;
    margin-top:5px;
    padding-top:5px;
    background: url("./images/arrow.png") no-repeat 0px 7px;

    padding:5px;
    padding-left:13px;
    border-bottom:1px dotted #ccc;

    font-size:1.1em;
    font-weight: normal;
}

#legendenawak {
    float:right;
    position:relative;
    text-align: right;
    display:block;
    font-weight:bold;
    color:gray;
}