/*  
Theme Name: Cocci
Theme URI: http://youontheweb.fr
Description: A magazine-style theme for WordPress, mix of 4 themes : the morning after, fresh news, open book & rocksolid
Version: 1.0
Author: Sylvain Lys
Author URI: http://www.shlokapics.fr

*/

html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

body {
	line-height:1.5;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background: #fff /*url(images/bg/bottom.png) no-repeat bottom center*/;
	background-attachment:fixed;
}

table{
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td{
	text-align:left;
	font-weight:normal;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:"";
}

blockquote,q{
	quotes:"" "";
}


/*Typographie inspiré du thème Morning After*/

h1{
	float: right; 
	background: #fff; 
	color: #1a6724; 
	font: bold 2em arial, sans-serif; 
	text-transform: lowercase; 
	letter-spacing: -0.036em; 
	margin: 29px 0 0 0;
}

h2{font-weight:normal;}

a {color:#000; text-decoration:none; }
a:hover{color:#1a6724;}

p{
	margin:0 0 1.5em 0;
	text-align:left;
}

p img{ 
	border:solid thin #ececec; 
	margin: 0 5px -5px 0; 
}

ul,ol{ margin:0;}

dl{margin:1.5em 0;}
dl dt{font-weight:bold;}

blockquote{margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic; border-left: solid thin #ececec;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
code{font:0.9em "Courier New", Courier, monospace;}
hr{color:#1a6724;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}
* html hr{margin:0 0 1.2em 0;}
table{margin-bottom:1.4em;border-top:0.1em solid #ddd;border-left:0.1em solid #ddd;}
th,td{height:1em;padding:0.2em 0.4em;border-bottom:0.1em solid #ddd;border-right:0.1em solid #ddd;}
th{font-weight:bold;}
label{font-weight:bold;}
textarea{height:180px;width:300px;}
p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
p.large{font-size:1.2em;line-height:2.5em;}
p.quiet{color:#666;}
.hide{display:none;}
.alt{color:#666;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;line-height:1%;font-style:italic;}
.dquo{margin-left:-.7em;}
p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;}


/* TOP : code adapté du thème Rocksolid */

#top{
	width: 100%;
	height: 185px;
	background: url(images/top.gif) center top;
}

#top-container{
	width: 960px;
	height: 163px;
	overflow: hidden;
	margin:0 auto;
	text-align: left;
}

#header{
	width: 960px;
	overflow: hidden;
	padding: 12px 0 0 0;
}

#header #logo { 
	height: 95px; 
	float:left; 
}

#header #logo a.sitelogo { 
	display: block; 
	width: 200px; 
	height: 90px; 
	background: url(images/bg/sitelogo.png) no-repeat; 
}

#navbar-top{
	overflow: hidden;
	padding: 0;
	font-size: 0.9em;
	color: #FFF;
	font-weight: bold;
	font-variant:small-caps;
	letter-spacing:0.1em;
}

#navbar-top ul{
	list-style-type: none;
}

#navbar-top ul li{
	float: left;
	display: inline;
}

#navbar-top ul li a:link,
#navbar-top ul li a:visited{
	display: block;
	padding: 9px 20px;
	color: #FFF;
}

#navbar-top ul li a:hover {
	background: #000 repeat-x;
}

#navbar-top ul li.current_page_item a:link,
#navbar-top ul li.current_page_item a:visited,
#navbar-top ul li a:active {
	background: #000 repeat-x;
	color:#FFF;
}

#navbar-top ul li.rss-li a:link,
#navbar-top ul li.rss-li a:visited{
	display: block;
	padding: 9px 10px;
	color: #ffac41;
}

#navbar-bottom{
	padding-top:3px;
	height: 20px;
	overflow: hidden;
	font-size: 0.834em;
	color: #CCC;
	font-weight: bold;
}

#navbar-bottom a:link,
#navbar-bottom a:visited{
	font-weight: bold;
	color:#96ca55;
}

#search-box{
	width: 306px;
	float:left;
	padding-top:10px;
}

.search-input{
	float: right;
	width: 246px;
	overflow: hidden;
	background: url(images/search-bg.gif) repeat-x;
	border: 0px;
	font-size: 11px;
	color: #555;
	padding: 4px 5px;
}

.search-button{
	float: left;
	width: 50px;
	height: 21px;
	overflow: hidden;
	background: url(images/search-button.gif) no-repeat;
	border: 0px;
	cursor: pointer;
}

.go-left{float: left;clear: left;}
.go-right{float: right;	clear: right;}

/*Content*/

.container{
	text-align:left; 
	margin:0 auto;
	width:960px; 
	padding:0px;
}

#home_content { 
	margin: 0; 
	width:960px;
}

.first{margin-left:0;}
.last{margin-right:0;}


/*colonne principale page d'accueil*/

#home_left {
	float:left;
	width:590px;
}

#home_left p {
	color:#666666;
	line-height:1.7em;
	text-align:justify;
}

h3.mast { 
	text-transform: uppercase; 
	font-size: 1em; 
	font-weight: bold; 
	padding: 10px;
	margin-bottom:10px;  
	color: #666; 
	background:#ececec;
}

h2 { 
	font: bold 1.8em Arial, Helvetica, sans-serif; 
	line-height: 1.3em; 
	margin: 10px 0 10px 0; 
	letter-spacing: -.035em; 
	padding: 0 0 0.2em 0; 
}

h2 a:hover { 
	color: #fff; 
	background: #000; 
}

h2 img {
	float:left; 
	margin-bottom:-10px;
}

#latest_post,.news_post  { 
	padding: 0 0 1.5em 0; 
}

.news_post {font-size:0.8em;}

#latest_post_image img { 
	margin: 1em 0 1em 0; 
	padding:5px; 
	border:solid thin #ececec;
}

.latest_post_meta { font-size: 0.9em; line-height: 1.6em; }
.latest_post_meta a { color: #1a6724; font-weight: bold; }
.latest_post_meta a:hover { color: #000; text-decoration: underline;  }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

#newsleft{
	width:260px;
	float:left; 
	padding:10px 25px 10px 10px;
}

#newsright{
	width:260px;
	float:left; 
	padding: 10px 0px 10px 25px;
}

.news_post {  
	padding-bottom:10px;
	margin-bottom:15px;
}

.imgnews { 
	margin: 0 5px -5px 0; 
	padding:5px; 
	border:solid thin #ececec;
	display:block;
	width:100px; 
	height:100px;
	float:left;
}

.news_post_meta { font-size: 0.9em; line-height: 1.6em; text-align:center; line-height:1.8em; margin-bottom:10px; border-top:solid thin #ececec; border-bottom:solid thin #ececec;}
.news_post_meta a { color: #1a6724; font-weight: bold; }
.news_post_meta a:hover { color: #000; text-decoration: underline;  }
.news_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; margin:0; }
.news_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; margin:0; }
.news_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; margin:0; }

.dot { 
	font-family: "lucida sans unicode", "arial unicode ms", sans-serif; 
}


/*Sidebar Home*/

#home_right {
	float:left;
	width:330px;
	padding-left:40px;
}

#home_right ul {
	list-style:none;
}

#home_about { 
	border: 20px solid #ececec; 
	margin: 0 0 1em 0; 
	background: #f1f1f1; 
	padding: 20px; 
}

#home_about a {color:#000;font-weight:bold;text-decoration:underline;} 

#home_about p { 
	font-size: 1em; 
	text-align: left; 
}

#home_about h3 { 
	text-transform: uppercase; 
	font-size: 1.3em; 
	line-height: 1.2em; 
	font-weight: bold; 
	padding: 0 0 1em 0; 
	color: #c50000; 
}

#home_about h3 a {color: #c50000;text-decoration:none;}

#home_about h3 img {
	float:left; 
	margin-bottom:-15px; 
}

.widgetgauche {
	width:150px;
	float:left;
}

.widgetdroit {
	width:150px;
	float:left;
	padding-left:30px;
}

.side_categories { 
	margin: 0 0 20px 0; 
}

ul.cat {margin-left:20px;}
ul.cat li { list-style:square; padding-bottom:5px; }
ul.cat li a { text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: #000;  }
ul.cat li a:hover { background: #49ab0d; color: #fff; }

ul.jardinier {font-size:1em;}
ul.jardinier li {list-style:none;}
ul.jardinier li a {background:url(images/feuille3.png) left no-repeat; padding-left:15px;}
ul.jardinier li a:hover { color:#fff; background:#49ab0d;}

#side_tag_cloud { margin: 20px 0 20px 0; text-align:justify; text-transform:uppercase; clear:both;}
#side_tag_cloud a { color: #999999;}
#side_tag_cloud a:hover { color: #fff; background: #49ab0d; }

ul.recentcomments {text-indent:20px;list-style:none;font-size:10px;position:relative;top:-10px;}
ul.recentcomments li {background: url(images/bg/bubble.png) no-repeat 0 3px; padding-bottom:5px; border-bottom:solid thin #ececec;margin-bottom:5px;}
ul.recentcomments li a{color:#1a6724; font-weight:bold;}
ul.recentcomments li a:hover{color:#49ab0d;}

ul.twitter {list-style:none; }
ul.twitter li {padding-bottom:5px; margin-bottom:5px; border-bottom:solid thin #ececec;}
ul.twitter li a{color:#1a6724; font-weight:bold;}
ul.twitter li a:hover{color:#49ab0d;}


/*Colonne principale*/

#content {
	margin: 2em 0;
	width:750px;
	float:left;
}

#content a {
	color:#1a6724;
}

#content a:hover {
	color:#000;
}

#content h2 a {
	color:#000;
}

#content h2 a:hover { 
	color: #fff; 
	background: #000; 
}

.post_text { margin: 0.9em 0 0 0; }
.post_text p { margin: 0 0 1em 0; padding: 0; line-height: 1.6em; }
.post_text a { border-bottom: 1px solid #eee; }

.post_meta { font-size: 0.9em; line-height: 1.6em; padding:20px; text-align:center; }
.post_meta a { color: #1a6724; font-weight: bold; }
.post_meta a:hover { color: #000; text-decoration: underline;  }

.print {
	display:block;
	float:right;
	position:relative;
	top:-17px;
}

.authorbio {
color: #777;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: 5px;
}

#sidebar {
	margin: 2em 0;
	width:190px;
	padding-left:20px;
	float:right;
}

/*Page archive*/

#archives {
	margin: 1.5em 0;
	width:960px;
}

#archleft {
	width:160px;
	float:left;
}

.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #3a6999; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/feuille3.png) no-repeat 0 8px; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/feuille3.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #666; padding: 0 0 0.6em 0; font-size: 0.8em; text-transform: uppercase; }
.archive_post_meta a, .post_meta a { color: #49ab0d; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }

#archcontent {
	width:570px;
	padding-left:20px;
	float:left;
}

.navigation a { color: #49ab0d; }
.navigation a:hover { color:#000;}
.alignleft{float:left;}
.alignright{float:right;}

#content .blog_meta {
	background:#ececec;
	color:#999;
	text-align:center;
}

#content .blog_meta a{
	color:#999;
}

#content .blog_meta a:hover{
	color:#49ab0d;
}


/*Commentaires*/

#comments { 
	margin-top: 3em; 
	padding:20px;
}

#commenthead { 
	margin-bottom: 1em; 
}

h2.post_comm {
	border-top: solid thin #ececec;
	padding-top:1em; 
}

h3.mast3 { 
	text-transform: uppercase; 
	font-size: 0.8em; 
	line-height: 1.8em; 
	font-weight: bold; 
	padding: 0 0 0.2em 0; 
	letter-spacing: 0.1em; 
	color: #5f9410; 
}

.fright { 
	float: left; 
	margin: 0 0.7em 0.3em 0; 
}

.fright img { 
	border: 1px solid #777; 
}

ol#commentlist { 
	list-style-type: none; 
	margin: 0; 
	padding: 0 0 12px 0; 
}

ol#commentlist li { 
	margin: 0 0 1em 0; 
	padding: 0 0 0 1em ; 
	overflow: hidden; 
}

ol#commentlist cite { 
	font-style: normal; 
	text-align: left; 
	display: block; 
	color: #818181; 
	font-size: 0.8em; 
	padding: 1em 0 1em 0.5em;
	margin-top:3em;
	border-top:solid thin #ececec;
}

ol#commentlist cite a { color: #666666; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }

ol#commentlist li blockquote { 
	float: none; 
	width: auto; 
	padding: 0 2em 0 0; 
	margin: 0.5em 0; 
	color: #5f9410; 
	font: italic 1em Arial, Helvetica, sans-serif; 
	letter-spacing: 0; 
	text-align: left; 
}

ol#commentlist li .commentauthor { 
	font-weight: bold; 
	color: #333; 
}

ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { 
	font-weight: bold; 
	color: #1a6724; 
}

ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { 
	color: #000; 
	text-decoration: underline; 
}

ol#commentlist li .commnumber { 
	width: 30px; 
	text-align: left; 
	float: left; 
	font-size: 3em; 
	font-weight: bold; 
	line-height: 1em; 
}

ol#commentlist li .commentcont p { 
	margin: 0 0 0.9em 0; 
	padding: 0; 
	line-height: 1.6em; 
}

ol#commentlist li ul.children, ol#commentlist li ul.children li ul { 
	list-style:none; 
	margin: 0 0 0 2em; 
	padding: 0; 
}

ol#commentlist li ul.children li, ol#commentlist li ul.children li ul li { 
	border-right: 0; 
	border-bottom: 0; 
	border-top: 1px dashed #bbb; 
	padding: 1em 0 0 0; 
	margin: 0; 
}

.reply { 
	margin: 0.6em 0 2em 0; 
}

.reply a, a#cancel-comment-reply-link { 
	line-height: 1em; 
	color: #fff;
	background: #3a6999; 
	font-size: 0.8em;
	text-transform: uppercase; 
	padding: 0.2em 0.3em; 
	font-weight: bold; 
}

.reply a:hover, a#cancel-comment-reply-link:hover { 
	color: #fff; 
	background: #000; 
}

.cancel-comment-reply { 
	margin: 1em 0 1.6em 0; 
}

#comment-form form { 
	margin-top: 1.5em; 
}

label.com { 
	float: left; 
	width: 100px; 
}

input.comtext, textarea.comtext { 
	width: 100%; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #dadada; 
	border-right: 1px solid #dadada; 
	padding: 2px; 
}

input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { 
	background: #f7f7f7; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #dadada; 
	border-right: 1px solid #dadada; 
}

input.comsubmit { 
	text-align:left; 
}


/*Footer*/


#footer { 
	width:960px;
	float:left;
	background: url(images/bg/dot.png) repeat-x top left; 
	padding: 1em 0 80px 0; 
	color: #666; 
}


/* sliding panel */
#toppanel {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
 
#panel {
	width: 100%;
	height: 80px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
 
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content ul {list-style:none;float:right;}
#panel .content ul li {display:inline;}

 
/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 7px;
	position: relative;
    top: 0;
    z-index: 999;
}
 
.tab ul.login {
	display: block;
	position: absolute;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 100%;
	text-align: center;
}
 
.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}
 
.tab ul.login li a {
	color: #FFF;
}
 
.tab ul.login li a:hover {
	color: white;
}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 130px;
	position: relative;
	top: 11px;
}
 
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}