@charset "UTF-8";
body {
	padding:0;
	margin:0;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; 
	background:#ececec;
	color:#333;
	text-align:center;
}


a {
	color:#356aa0;
	text-decoration: none;
	/*font-weight: bolder;*/
}

a:hover {
	color:#888888;
}


h1 {
	color:#888;
}

h2 {
	color:#a9a9a9;
}

h3 {
	color:#bcbcbc;
}

img {border:0;}

div#global {
	text-align:left;
	margin: 0 auto;
	width:980px;
}


div#header {
	
}

div#logo {
	background:#356aa0;
}

div#pub {
	display:inline;
	float:right;
	margin-right:24px;
	margin-top: 12px;
}

div#pubSidebar {
	float:right;
	margin:24px 0 0 32px;
}


div#topMenu {
	background:#c1c1c1;
	height: 20px;
	line-height:20px;
	padding: 0 8px;
}

div#topSousMenu {
	background: #36393d;
	padding: 8px 20px;
	margin-bottom:8px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;	
}


div#topMenu a/*, div#topSousMenu a*/ {
	color:#fff;
	text-decoration: none;
	font-weight: bolder;	
}

div#content {
	background:#fff;
	border:solid 1px #dcdcdc;
	padding: 8px 24px;
	text-align:justify;
	color:#333;
	margin:0 auto;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;	
	position:relative;
	width:930px;
}

div#footerLink {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;	
	margin:8px 0 0 0;
	background:#fff;
	border:solid 1px #dcdcdc;
	padding: 8px 24px;	
}

div#footerLink a {color : #888888;}
div#footerLink a:hover {color: #a9a9a9;}

div#footerLink ul, ul.link {
	margin:0;
	padding:0;
	list-style:none;
}

div#footerLink ul li {
	float: left;
	display: block;
	line-height:16px;
	height:16px;
	padding:0 0 0 20px;
	margin:0 8px;
}

ul.link li {
	line-height:16px;
	height:16px;
	padding:0 0 0 20px;
}

ul li.rss {
	background: url(../images/RSS.png) no-repeat;
}

ul li.twitter {
	background: url(../images/Twitter.png) no-repeat;
}


div#main {
	margin-right:200px;
	min-height:630px;
  	height:auto !important;
  	height:630px;
}


div#footer {
	clear:both;
	padding:8px 8px;
	text-align:right;
	color:#888;
}

div#footer a {
	text-decoration:none;
	font-weight: bolder;
	color: #888;
}

/********* VOTE *********/

span.vote_up, span.vote_down {
	display:inline-block;
	background-position:center;
	height:16px;
	width:16px;
	margin-left:4px;
	text-indent:-900%;
	cursor:pointer;
}

span.vote_up {
	background:url("../images/vote-up.png") no-repeat;
}

span.vote_down {
	background:url("../images/vote-down.png") no-repeat;
}

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

span.info { color: #00529B; }
span.success { color: #4F8A10; }
span.warning { color: #D8000C; /*color: #9F6000;*/ }
span.error { color: #D8000C; }

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

div.clearfix {
	padding: 12px 0 0 0;
	background: url(../images/separator.png) 50% 100% no-repeat;
	margin: 0 0 12px 0;
}

.clearfix .tropJouer {
	display:block;
	font-size:130%;
	padding:0;
	margin:0 0 12px 0;
}

.tropJouer a {
	font-weight:bolder;
}

.gravatar {
	float:left;
	border:solid 1px #a9a9a9;
	display:block;
}

div.phrase {margin:0 0 0 60px;padding:0 0 12px 0;}
div.meta {}
/**********************************/

span.spinner {
	background: url(../images/spinner.gif) no-repeat;
	display:block;
	width:16px;
	height:16px;
}

#topSousMenu h4 {
	cursor:pointer;
	display:block;
	margin:0;
	padding:0;
	font-size:120%;
	background: url(../images/arrow-down.png) no-repeat right;
	line-height:24px;
	height:24px;
	color:#fff;
}

#topSousMenu h4.expand {
	background: url(../images/arrow-up.png) no-repeat right;
}

#formAjouter {
	margin: 24px;
	padding: 12px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background:#fff;
	color:#333;
}

#formAjouter input#tropJouer {
	width:450px;
}

div#nextAdd {
	text-align:right;
}

#formAjouter input#nom {
	display: none;
}

div#nextAdd span{
	background: url(../images/16-square-blue-add.png) no-repeat;
	padding: 0 0 4px 20px;
	height:16px;
	line-height:16px;
	display:inline;
	cursor:pointer;
}


/******************/
.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.msgInfo {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning.png');
}
.msgError {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
}


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

div#info {
	position:relative;
	margin: 10px 0px;
}

.msgInfo span.close, .msgSuccess span.close, .msgWarning span.close, .msgError span.close, .msgValidation span.close {
	position:absolute;
	top:4px;
	right:4px;
	cursor:pointer;
	
}

/*******************************/
ul#pagination-digg{border:0; margin:0;  padding: 12px 0 24px 0;}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
display:block;
float:left;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;

font-weight:bold;
margin-right:4px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#356aa0;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
margin-right:4px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#356aa0;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #356aa0;
}


ul#commentaires {
	margin:0;
	padding:0;
	list-style:none;	
}

ul#commentaires li {
	margin: 16px 16px 16px 0;
}


ul#commentaires div.commentaire {
	margin-left: 64px;
}

ul#commentaires span.commentaire {
	display:block;
	border: solid 1px #cecece;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;	
	padding:8px;
}
	

ul#commentaires span.dateCommentaire {
	display:block;
	text-align:right;
	margin:4px 0;
}

ul.share_link {
	margin:0;
	padding:0;
	list-style:none;	
}

ul.share_link li {
	margin:8px 16px 0 0;
	float:left;
}

.fb_share_link, .twitter_share_link { 
	padding:2px 0 0 20px; 
	height:16px;
}

.twitter_share_link {
	background:url(../images/Twitter.png) no-repeat top left;
}

.fb_share_link {	
	background:url(../images/facebook.gif) no-repeat top left; 
}