/*==================================================*/
/* JOUER.CSS - GAMEONLY.COM
/*==================================================*/
@import url("base.css");
@import url("coldroite.css");
@import url("header.css");
@import url("menu.css");
@import url("footer.css");
/*-------------------------------------------------*/
/* FICHE DE JEU */
/*-------------------------------------------------*/
h2 span.titre_jeu {
	color: #000;
}
#infos_jeu h2 {
	position: relative;
	padding-right: 40px;
}
#infos_jeu h2 img {
	position: absolute;
	top: 5px;
	right: 12px;
	cursor: pointer;
}
#image {
	position: relative;
	width: 160px;
	float: left;
}
#image img {
	margin: 2px 0 5px 2px;
}
#image span {
	display: block;
	width: 154px;
	height: 94px;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/base/acc_cache.png) left top no-repeat;
}
#image a:hover span {
	background: url(img/base/acc_cache_on.png) left top no-repeat;
}
#liste_infos {
	font-weight: bold;
	color: #F30;
	line-height: 1.5;
	margin-bottom: 7px;
}
#liste_infos strong {
	color: #333;
}
#notation {
	display: block;
	clear: both;
	margin: 1em 0;
}
#notation img {
	vertical-align: bottom;
	margin: 0 5px 2px;
}
p#note, p#noter {
	display: inline-block;
	_display: inline;
	margin-bottom: 0;
}
p#note {
	padding: 2px 12px 2px 0;
	float: left;
}
p#noter {
	border-left: solid 1px #AAA;
	padding: 2px 0 2px 34px;
	background: url(img/base/puce_lien_rub.png) 14px center no-repeat;
}
#notation_smiley {
	margin: 0pt 5px 0 4px;
}
#notation_smiley img {
	margin-left: 0pt !important;
	margin-right: 0pt !important;
}
#note_exacte, #num_note {
	font-weight: bold;
	font-size: 140%;
	color: #F30;
}
#nb_votes {
	font-size: 95%;
	color: #777;
}
p#noter strong {
	text-transform: uppercase;
	color: #00BEBE;
}
p#descriptif {
	clear: both;
}
p#txt_ref {
	font-size: 95%;
	color: #777;
}
p#bt_fonc {
	text-align: center;
	margin: 15px 0;
}
p#bt_fonc img {
	margin: 0 2px;
}
#tags_jeu {
	font-size: 95%;
	padding: 10px 5px;
	background: #F0F0F0;
	clear: both;
}
/*-------------------------------------------------*/
/* BARRE D'OUTILS */
/*-------------------------------------------------*/
ul#bt_fonc_ns {
	margin: 0 18px;
}
ul#bt_fonc_ns li {
	float: left;
	margin: 6px 2px 10px;
}
ul#bt_fonc_ns li.facebook2 {
	height: 35px;
	float: none;
	margin-bottom: -2px;
}
#partager {
	position: relative;
}
#partager div {
	font-size: 95%;
	background: #FFF;
	border: solid 1px #00BEBE;
	padding: 1px;
	width: 141px;
	position: absolute;
	left: -999em;
	top: 26px;
	z-index: 10 !important;
}
ul#bt_fonc #partager div {
	top: 34px;
	margin-left: 7px;
}
#partager ul {
	margin: 0 !important;
}
#partager ul li {
	float: none;
	border: solid 1px #C0E8EA;
	border-width: 1px 0 0 0;
	padding: 0 !important;
	margin: 0 !important;
}
#partager ul li.first {
	border: none;
}
#partager ul a {
	display: block;
	width: auto;
	background: none;
	height: 16px;
	padding: 3px;
}
#partager ul span {
	position: static;
	background: transparent url(img/base/partager_icones.png) no-repeat left center;
	display: block !important;
	height: 16px !important;
	line-height: 16px !important;
	padding-left: 20px !important;
	cursor: pointer;
}
#partager .facebook {
	background-position: 0 1px;
}
#partager .myspace {
	background-position: 0 -17px;
}
#partager .twitter {
	background-position: 0 -34px;
}
#partager .live {
	background-position: 0 -51px;
}
#partager .wikio {
	background-position: 0 -67px;
}
#partager .envoyerami {
	background-position: 0 -83px;
}
/*-------------------------------------------------*/
/* ZONE DE JEU */
/*-------------------------------------------------*/
.tpl2 #zone_jeux {
	width: 670px;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background: #000 url(img/base/zonejeu_bas.png) left bottom no-repeat;
}
#zone_jeux h2 {
	color: #FFF;
	font-size: 125%;
	padding: 5px 130px 5px 5px;
	background: #000 url(img/base/zonejeu_haut.png) left top no-repeat;
	position: relative;
}
#zone_jeux h2 img {
	position: absolute;
	top: 7px;
	right: 100px;
	cursor: pointer;
}
#zone_jeux #fs {
	position: absolute;
	top: 7px;
	right: 7px;
}
#zone_jeux #player {
	text-align: center;
	margin: 2px 5px 5px 5px;
	padding-top: 15px;
	background: #000 url(img/base/sep999999.png) left top repeat-x;
}
#zone_jeux #player_swf {
	padding-bottom: 15px;
	color: #EEE;
	background: #000 url(img/base/sep999999.png) left bottom repeat-x;
}
#zone_jeux #notation {
	margin: 5px 10px;
	padding: 5px 0 5px 100px;
	background: #FFF;
	height: 4.5em;
}
#zone_jeux #facebook2 {
	display: inline-block;
	margin-bottom: -10px;
}
/*--- Boutons col gauche  ---*/
ul#bt_fonc {
	padding-bottom: 14px;
	background: #FDE687 url(img/colgauche/bloc_bas.png) left bottom no-repeat;
}
ul#bt_fonc li {
	padding: 8px 0 0 7px;
}
ul#bt_fonc li#retour_fiche {
	padding-top: 8px;
	background: url(img/colgauche/bloc_haut.png) left top no-repeat;
}
/*--- Fullscreen  ---*/
#body_jouer_fs {
	background: #000;
}
#body_jouer_fs p#logo {
	position: static;
	padding: 10px 5px 9px 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #555;
	width: 100%;
	text-align: left;
}
#body_jouer_fs #banner {
	top: 5px;
	right: 5px;
}
/*-------------------------------------------------*/
/* LISTE COMMENTAIRES */
/*-------------------------------------------------*/
h2 span.nb_comment {
	font-size: 75%;
}
#list_comment li {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 6px;
	width: 484px;
	overflow: hidden;
	background: #EEE url(img/base/comment_fond.png) left bottom no-repeat;
}
#list_comment .info_comment {
	padding: 5px;
	background: #EEE url(img/base/comment_fond.png) left top no-repeat;
}
#list_comment cite {
	display: block;
	font-weight: bold;
	font-style: normal;
}
cite.cdv a {
	text-decoration: none;
	color: #C30;
}
cite.cdv a:hover, cite.cdv a:focus {
	color: #F60;
}
#list_comment span {
	display: block;
	width: 280px;
	position: absolute;
	top: 6px;
	right: 20px;
	text-align: right;
	font-size: 95%;
	color: #333;
}
#list_comment p {
	margin: 0;
	padding: 0 5px;
	background: #EEE;
	color: #036;
}
#list_comment a.alert_mod {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 8px;
	right: 5px;
}
#list_comment p.moder {
	margin: 5px;
	padding: 5px;
	border: solid 1px #E0E0E0;
	background: none;
	position: relative;
}
#list_comment p.moder img {
	vertical-align: -10%;
}
#list_comment p.moder span {
	position: absolute;
	display: block;
	width: 30px;
	text-align: right;
	top: 6px;
	right: 5px;
}
/*--- Messages invisibles  ---*/
#list_comment li.invisible, #list_comment li.invisible * {
	background: lime;
}
/*--- Messages alerte  ---*/
#list_comment li.msg_alerte, #list_comment li.msg_alerte * {
	background: #FDFAC5;
}