/*
ATTENTION:
This CSSheet is original designed for Wordpress by Becca Wei@http://beccary.com/goodies/wordpress-themes/
Modify for blog.ysmis.cc by MIT@http://blog.ysmis.cc/mit
Some rights reserved.
*/

/*
Theme Name: Almost Spring
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A two column theme. Light and simple with greens and oranges.
Version: 1.0
Author: Becca Wei
Author URI: http://beccary.com

Theme last updated: 22.03.05
*/



/* Basics and Typography */

body {
margin: 0;
padding: 0;
background: #E8E8CE url(img/bg.gif) repeat-x fixed;
font-size: 78%;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color: #333;
text-align: center;
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0;
}
ol, ul {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
color: #9BBB38;
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
a {
text-decoration: none;
}
a:link {
color: #E58712;
}
a:visited {
color: #B96F17;
}
a:hover, a:active {
color: #9BBB38;
}
input, textarea, select {
border: 1px solid #C1C0B5;
background-color: #FAFAF0;
color: #333;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
blockquote {
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E7D0;
font-size: 0.9em;
}
code {
font-family: monospace;
color: #666;
}
form, img {
margin: 0;
padding: 0;
border: 0;
}
.small {
font-size: 0.9em;
color: #999;
}


/* AJOUTS KJB */
#pubheader {
text-align: center;
background-color: #E65111;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
width: 100%;
}

#pubheader a:link, #pubheader a:visited, #pubheader a:active{
text-decoration: underline;
font-size: 20px;
}

/*#pubheader a:link, #pubheader a:visited, #pubheader a:active{
color: #fff;
text-decoration: underline;
}*/

.liensheader a{
color: #fff;
text-decoration: underline;
font-size: 20px;
}
.liensheader a:hover{
color: #fff;
text-decoration: none;
font-size: 20px;
}


#pubheader a:hover{
color: #fff;
text-decoration: none;
font-size: 20px;
}

#msie {
background-color: #F4E7EA;
border: 1px solid #986265;
padding: 5px;
margin: 4px;
}

/*#barre {
position:absolute;
top:0px;
left:0px;
visibility:visible;
background:#EFEBDA;
}*/

/* Layout */

#wrapper {
margin: 0 auto;
width: 750px;
background-color: #FFF;
text-align: left;
}
#topnav{
text-align: right;
letter-spacing:0.1em;
margin-right: 30px;
margin-bottom: 20px;
border-bottom: 1px dashed #999999;
}
#topnav li{
list-style: none;
display: inline;
}
#header {
/*padding: 40px 0 0 0;*/
background-color: #F5F5E7;
border-bottom: 10px solid #9BBB38;
}

/* Header Styles */
#header h1 {
margin: 0;
font-size: 1.8em;
}
#header h1 a {
text-decoration: none;
color: #80904F;
}


#content {
float: left;
padding: 0 20px;
width: 520px;
voice-family: "\"}\"";
voice-family: inherit;
width: 480px;
}
html>body #content {
width: 480px;
}
html #content {
overflow: hidden;
/* So IE won't break things */
}
#sidebar {
float: right;
padding: 1.8em 20px 0 20px;
width: 230px;
font-size: 0.9em;
voice-family: "\"}\"";
voice-family: inherit;
width: 190px;
/* AJOUT POUR COMPTABILITE IE ET PROMO CD */
clear: right;
overflow: hidden;
/* FIN AJOUT POUR COMPTABILITE IE ET PROMO CD */
}
html>body #sidebar {
width: 190px;
}

/* Lots of sidebar styles, so they're below */

#footer {
clear: both;
font-size: 0.9em;
text-align: center;
}

/* Footer Styles */
#footer p {
margin: 0;
padding: 10px 0 20px 0;
background-color: #E8E8CE;
border-top: 10px solid #9BBB38;
font-size: 0.9em;
text-align: right;
}



/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	background: url(img/arrow.gif) no-repeat center right;
	font-size: 1.1em;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar ul li {
}
#sidebar ul ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
}
#sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}
#sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px 0 10px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
} 
html>body #sidebar ul ul li a {
	width: 170px;
}
#sidebar ul ul li a:hover {
	background-color: #FFF;
}
/* Nested lists? */
#sidebar ul ul ul {
	margin: 0;
	border: none;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}
#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 2px 10px 0 25px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
} 
html>body #sidebar ul ul ul li a {
	width: 155px;
}


/* Blog */

.post {
}
.posttitle {
margin-bottom: 0;
width: 100%;
color: #FFF;
overflow: auto;
/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
float: left;
padding: 0 10px;
background: #9BBB38 url(img/posttitle.gif) no-repeat top right;
}
.posttitle a:link, .posttitle a:visited {
color: #FFF;
}
.posttitle a:hover, .posttitle a:active {
background: #E8E7D0 url(img/posttitle.gif) no-repeat 100% -91px;
color: #80904F;
}
.postmeta {
margin-top: 0;
padding-top: 1px;
background: url(img/postmeta.gif) no-repeat top left;
font-size: 0.9em;
color: #999;
}
.postentry {
}
.permalink {
margin: 0 1.8em 0 0;
padding: 0 0 0 14px;
background: url(img/permalink.gif) no-repeat center left;
}
.commentslink {
padding: 0 0 0 17px;
background: url(img/commentslink.gif) no-repeat center left;
}



/* Comments */

#commentlist {
margin: 1.2em 0;
padding: 0;
border-bottom: 1px solid #E8E7D0;
list-style-type: none;
}
#commentlist li {
border-top: 1px solid #E8E7D0;
padding: 1px 20px;
background-color: #FFF;
}
.alt {
background-color: #FAFAF0 !important;
}
.commenttitle {
margin-bottom: 0;
font-size: 1.1em;
}
.commentmeta {
margin-top: 0;
font-size: 0.9em;
color: #999;
}

.pager {
	clear:all;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
 text-decoration: none;
 border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
	padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
	margin-right:20px;
}
.pager .pagerLinkNextPage {
	margin-left:20px;
}

.pager .pagerCurrent {
	padding: 2px 6px; 
	border-color: #999; 
	font-weight: bold; 
	font-size: 13px; 
	vertical-align: top; 
	background: #fff; 
	color: #FF0084;	
}

#pollbody {
 color: #006BD7;
 text-align:center;
 font-size:12px;
 background:#F28657;
 padding: 1px;
 border: 1px dashed black;
 width: 600px;
}
                                                                                
#pollbody th{
 color: #ffffff;
 text-align:center;
 padding: 0px;
 background:#E65111;
}
                                                                                
#pollbody td{
 padding: 0px;
 text-align: left;
}
                                                                                
#pollbody div{
 color: white;
}

/* Videos Cashacult */
.teaser {
height: 271px;
width: 361px;
float:left;
margin-left: 2px;
}

/*=============================================*/
/* TOP BAR CSS                                 */
/*=============================================*/

#topbar{
position:absolute;
border: 2px solid #FAC101;
padding: 5px;
background-color: #FFFFD7;
/*width: 1050px;*/
width: 150px;
visibility: hidden;
z-index: 500;
}


.slidebar1 {
	font-family: Tahoma;
}
.slidebar3 {
	font-family: Tahoma;
	font-size: 9pt;
	text-align: center;
	color: #000000;
	border-width: 1px;
	background-color: #FED854;
}
.slidebar4 {
	font-family: Verdana;
	font-size: 8pt;
	border-width: 1px;
	background-color: #FEE89C;
}
.slidebar5 {
	border-width: 1px;
}


.slidebar6 {
	font-family: Tahoma;
	font-size: 8pt;
	border-width: 1px;
	background-color: #FEE89C;
	text-align: center;
	height:25px;
}


.formulaire {
	font-size: 18px;
    font-weight: bold
	color: #000000;
	background-color: #FFFFFF;
	border: thin solid #000000;
}



div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ background-color: #d4ffdd; width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:underline; font-size:22px; font-weight:bold; color:#356aa0; }
   div#disclaimer-cadre a:hover{ color:red; }