/**
*
* @package olympus Arcade
* @version $Id: olympus_arcade.css 228 2014-03-01 15:31:48Z Zelenka $
* @copyright (c) 2011-2014 Michel http://mods-services.fr/
* @copyright (c) 2013-2014 Zelenka  http://sons-of-games.fr/
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/
.rtl .icon-arcade {
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}

.icon-arcade {
	background-image: url(images/icon_arcade.gif);
}

/*
* Jeu du jour / images des jeux
*/
#day img {
	border: 4px double rgba(181, 107, 60, 0.8);
	border-radius: 10px;
	height: 40px;
	margin: 5px;
	transition: all 2s ease 0s;
	vertical-align: middle;
	width: 40px;
}

#day img:hover {
	border: 4px double rgba(185, 185, 145, 0.8);
	margin: 5px;
	transform: rotate(45deg);
	transition: all 2s ease-in-out 0s;
}

/*
* Vignettes Derniers jeux installés
*/
#thumb img {
	border: 1px solid rgba(181, 107, 60, 0.8);
	border-radius: 50px 50px 50px 50px;
	height: 40px;
	padding: 2px;
	-moz-transition: All 2s ease 0s;
	-o-transition: All 2s ease 0s;
	-webkit-transition: All 2s ease 0s;
	transition: all 2s ease 0s;
	vertical-align: middle;
	width: 40px;
}

#thumb img:hover {
	border: 1px solid rgba(185, 185, 145, 0.8);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all 2s ease-in-out 0s;
	-o-transition: all 2s ease-in-out 0s;
	-webkit-transition: all 2s ease-in-out 0s;
	transition: all 2s ease-in-out 0s;
}

/*
* Vignettes sur le podium
*/
#thumbOA img {
	border: 1px solid rgba(181, 107, 60, 0.8);
	border-radius: 50px 50px 50px 50px;
	height: 20px;
	padding: 2px;
	-moz-transition: All 2s ease 0s;
	-o-transition: All 2s ease 0s;
	-webkit-transition: All 2s ease 0s;
	transition: all 2s ease 0s;
	vertical-align: middle;
	width: 20px;
}

#thumbOA img:hover {
	border: 1px solid rgba(185, 185, 145, 0.8);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all 2s ease-in-out 0s;
	-o-transition: all 2s ease-in-out 0s;
	-webkit-transition: all 2s ease-in-out 0s;
	transition: all 2s ease-in-out 0s;
}

/*
* Images catégories
*/
#picture img {
	border: 4px double rgba(181, 107, 60, 0.8);
	border-radius: 10px 10px 10px 10px;
	height: 60px;
	margin: 5px;
	-moz-transition: All 2s ease 0s;
	-o-transition: All 2s ease 0s;
	-webkit-transition: All 2s ease 0s;
	transition: all 2s ease 0s;
	vertical-align: middle;
	width: 60px;
}

#picture img:hover {
	border: 4px double rgba(185, 185, 145, 0.8);
	margin: 5px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all 2s ease-in-out 0s;
	-o-transition: all 2s ease-in-out 0s;
	-webkit-transition: all 2s ease-in-out 0s;
	transition: all 2s ease-in-out 0s;
}

/*
* Avatar game body
*/
#avataroa img {
	border: 4px double rgba(181, 107, 60, 0.8);
	border-radius: 50px;
	height: 90px;
	margin: 5px;
	transition: all 2s ease 0s;
	vertical-align: middle;
	width: 90px
}

#avataroa img:hover {
	border: 4px double rgba(185, 185, 145, 0.8);
	margin: 5px;
	transform: rotate(45deg);
	transition: all 2s ease-in-out 0s;
}

/*
*  Texte record ultime
*/
.title_text_oa {
	/*Texte game_body*/
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 7px;
	text-transform: uppercase;
}

.hro {
	/*separation game_body code pour IE Chrome Mozilla Prosilver */
	border-bottom: none;
	-moz-border-bottom-colors: none;
	border-color: #ABABAB;
	border-image: none;
	border-left: transparent;
	-moz-border-left-colors: transparent;
	border-right: transparent;
	-moz-border-right-colors: transparent;
	border-style: outset ! important;
	border-top: none;
	-moz-border-top-colors: none;
	border-width: 3px solid;
	color: #979797;
}

.green-shadow {
	text-shadow: 0 0 1em #65FF49, 0 0 1em #65FF49, 0 0 1.2em #65FF49;
}

/*
*  Cadre au tour du jeu
*/
.olympus {
	border: 6px solid rgba(210, 183, 115, 0.7);
	border-radius: 5px 5px 5px 5px;
	position: relative;
	z-index: 1000;
}

.olympus:hover {
	border: 4px solid rgba(210, 183, 115, 0.9);
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 0 6px 3px rgba(210, 183, 115, 0.8);
	-webkit-box-shadow: 0 0 6px 3px rgba(210, 183, 115, 0.8);
	box-shadow: 0 0 6px 3px rgba(4210, 183, 115, 0.8);
	position: relative;
	z-index: 1000;
}

.copyOA {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	border: 2px solid #7A0000;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 2px inset;
	color: #FD9000;
	margin: auto;
	padding: 5px;
	text-align: center;
	width: 25%;
}

.copyOA:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	border: 2px solid #7A0000;
	border-radius: 2px 2px 2px 2px;
}

/*
*  Popup catégories
*/
a.bulle {

	border-radius: 2px;
	position: relative;
	text-decoration: none;
}

a.bulle span {
	background: none repeat scroll 0 0 rgba(29, 85, 98, 0.8);
	border: 2px solid #005562;
	cursor: pointer;
	font-weight: bold;
	height: 1px;
	left: 50px;
	overflow: auto;
	position: absolute;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 1px;
}

a.bulle:hover span {
	background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
	border: 2px solid #2D1B19;
	border-radius: 5px;
	height: 90px;
	left: 50px;
	position: absolute;
	top: -10px;
	transition: all 1s ease-in-out 0s;
	visibility: visible;
	width: 250px;
	z-index: 500;
}

a.bulle:hover {
	z-index: 1;
}

/*
*  Popup Page Games_body
*/
a.bullebis {
	background-color: rgba(76, 72, 64, 0.8);
	border: 2px solid #2D1B19;
	border-radius: 2px 2px 2px 2px;
	position: relative;
	text-decoration: none;
}

a.bullebis span {
	background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
	border: 2px solid #2D1B19;
	cursor: pointer;
	font-weight: bold;
	height: 1px;
	left: 50px;
	overflow: auto;
	position: absolute;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 1px;
}

a.bullebis:hover span {
	background: none repeat scroll 0 0 rgba(76, 72, 64, 0.8);
	border: 2px solid #2D1B19;
	border-radius: 5px 5px 5px 5px;
	height: 65px;
	left: -80px;
	position: absolute;
	top: -10px;
	transition: all 1s ease-in-out 0s;
	visibility: visible;
	width: 150px;
	z-index: 2;
}

a.bullebis:hover {
	z-index: 1;
}

/* Ajax User-Info cadre profil */
.Mchatshutbis {
	background-image: url("http://mdr-relax-arcade.fr/styles/xtreammicro-s3/theme/images/MchatBarre.gif");
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	border: 1px double #804001;
	border-radius: 9px 9px 0 0;
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.3) inset;
	color: #FF9000 !important;
	font-weight: bold;
	margin: auto;
	opacity: 1;
	text-align: center;
	transition-duration: 2s;
	transition-property: opacity;
	width: 35%;
}

.Mchatshutbis:hover {
	box-shadow: none;
	/*opacity: 0.4;*/
}

/* cadre profil partage-dons*/
.chover * {
	-moz-box-sizing: border-box;
}

.chover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	display: inline-block;
}

.chover a {
	text-decoration: none;
}

.shadow-14 img {
	float: left;
}

.shadow-14 {
	transform: perspective(1000px);
}

.shadow-14:hover {
	transform: perspective(1200px) rotateY(-25deg) rotateX(15deg);
}

.shadow-14:after {
	bottom: 10px;
	box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
	content: "";
	height: 80%;
	left: 30px;
	position: absolute;
	transform: rotate(5deg) skew(10deg);
	z-index: -1;
}

.shadow-14:hover:after {
	box-shadow: 8px 8px 8px 8px rgba(255, 226, 0, 0.9);
}

.shadow-14,
.shadow-14:after {
	transition: all 0.4s ease-in-out 0s;
}

.shadow-14:hover,
.shadow-14:hover:after {
	transition: all 0.4s ease-in-out 0s;
}

.shadow-13 img {
	float: left;
}

.shadow-13 {
	transform: perspective(1000px);
}

.shadow-13:hover {
	transform: perspective(1200px) rotateY(25deg) rotateX(15deg);
}

.shadow-13:after {
	bottom: 10px;
	box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.7);
	content: "";
	height: 80%;
	left: 30px;
	position: absolute;
	transform: rotate(5deg) skew(10deg);
	z-index: -1;
}

.shadow-13:hover:after {
	box-shadow: 8px 8px 8px 8px rgba(255, 226, 0, 0.9);
}

.shadow-13,
.shadow-14:after {
	transition: all 0.4s ease-in-out 0s;
}

.shadow-13:hover,
.shadow-14:hover:after {
	transition: all 0.4s ease-in-out 0s;
}

/* Affichage de la vignette du jeu au survol*/
a.oalastgame {
	color: #5DDAB4;
	position: relative;
	text-decoration: none;
}

a.oalastgame span {
	display: none;
	visibility: hidden;
}

a.oalastgame:hover {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	z-index: 1;
}

a.oalastgame:hover span {
	background: none repeat scroll 0 0 #3EA436;
	border-radius: 4px;
	display: block;
	height: 40px;
	left: 78px;
	padding: 2px;
	position: absolute;
	top: -60px;
	visibility: visible;
	white-space: nowrap;
	z-index: 500;
}

a.oalastgame img {
	height: 40px;
	width: 40px;
}

/* Avatar menu perso*/
#avatarindex img {
	border: 1px solid rgba(181, 107, 60, 0.8);
	border-radius: 50px;
	height: 90px;
	-moz-transition: All 2s ease 0s;
	-o-transition: All 2s ease 0s;
	-webkit-transition: All 2s ease 0s;
	transition: all 2s ease 0s;
	width: 90px;
}

#avatarindex img:hover {
	border: 1px solid rgba(185, 185, 145, 0.8);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: all 2s ease-in-out 0s;
	-o-transition: all 2s ease-in-out 0s;
	-webkit-transition: all 2s ease-in-out 0s;
	transition: all 2s ease-in-out 0s;
}

.bigavatar img {
	height: 25px;
	position: relative;
	-moz-transition: -moz-transform 0.3s ease-out;
	/* FF3.5+ */
	-o-transition: -o-transform 0.3s ease-out;
	/* Opera */
	-webkit-transition: -webkit-transform 0.3s ease-out;
	/* Saf3.1+, Chrome */
	transition: transform 0.3s ease-out;
	width: 25px;
	z-index: 500;
}

.bigavatar img:hover {
	-moz-transform: scale(1.8);
	/* FF3.5+ */
	-ms-transform: scale(1.8);
	/* IE9+ */
	-o-transform: scale(1.8);
	/* Opera */
	-webkit-transform: scale(1.8);
	/* Saf3.1+, Chrome */
	transform: scale(1.8);
}

/* Emoticons panel for OA */
#smiley-box-oa {
	background-color: transparent;
	border: 2px outset #D3AC6B;
	border-radius: 5px;
	margin-left: 33%;
	overflow: hidden;
	padding: 3px 3px 3px 3px;
	width: 33%;
}

#smiley-box-oa:hover {
	background-color: transparent;
	border: 2px solid #D3AC6B;
	box-shadow: 0 0 0.6em 0.1em rgba(144, 172, 111, 0.6);
	margin-left: 33%;
	overflow: hidden;
	padding: 3px 3px 3px 3px;
	width: 33%;
}

#smiley-box img {
	margin: 3px;
}

#smiley-cross-bar {
	height: 200px;
	overflow: auto;
}

#smiley-box {
	float: right;
	width: 18%;
}

#smiley-box img {
	margin: 3px;
}

/* table_arcadeoa */
.newarcadeoa.cats {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.newarcadeoa.cats > li {
	border-style: hidden;
	background-color: #EEF5F9;
	/* Old browsers */
	/* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E0EB', endColorstr='#EEF5F9', GradientType=0);
	/* IE6-9 */
	border-radius: 4px;
	margin: 11px;
	width: 290px;
}

.newarcadeoa.cats > li > div {
	padding: 10px;
}

.newarcadeoa.cats > li > div + div {
	border-top: 1px dashed #000;
}

.newarcadeoa.cats > li > h2 {
	color: white;
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-repeat: repeat-x;
	background-size: contain;
	box-sizing: border-box;
	font-size: 16px;
	margin: 0;
	padding: 7px;
	position: relative;
}

.newarcadeoa.cats > li > h2 i {
	cursor: pointer;
	position: absolute;
	right: 10px;
}

.newarcadeoa.cats > li > h2 a {
	color: white;
	font-size: 12px;
}

.newarcadeoa.cats > li > h2 ul {
	background-color: #EEF5F9;
	/* Old browsers */
	/* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E0EB', endColorstr='#EEF5F9', GradientType=0);
	/* IE6-9 */
	border: 1px solid white;
	border-radius: 0 0 0 4px;
	display: none;
	list-style: none;
	max-height: 200px;
	min-width: 150px;
	overflow: auto;
	position: absolute;
	right: 1px;
	top: 33px;
	z-index: 11;
}

.newarcadeoa.cats > li > h2 ul li {
	border-bottom: 1px solid #fff;
	padding: 5px;
}

.newarcadeoa.cats > li > h2 ul li a {
	font-size: 13px;
	color: black;
}

.newarcadeoa.cats > li > div > dl > dd {
	display: inline-block;
	vertical-align: middle;
}

.newarcadeoa.cats > li > div > dl > dd:first-child {
	width: 180px;
}

.olympusstats {
	width: 100%;
}

.olympusstats > h2 {
	background-image: url('images/bg_list.gif');
	font-size: 13px;
	font-weight: normal;
	padding: 7px 0;
	text-align: center;
}

.olympusstats > div {
	background: #0c3842;
	border-radius: 0 0 4px 4px;
	line-height: 16px;
	padding: 10px;
}

.olympustopbox_header {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.olympustopbox_header > li {
	background-image: url('images/bg_list.gif');
	font-size: 16px;
	padding: 5px 0 9px 0;
}

.olympustopbox_header > li > dl {
	display: flex;
	margin: 0;
	padding: 0;
	text-align: center;
}

.olympustopbox_header > li > dl > dd:nth-child(1),
.olympustopbox_header > li > dl > dd:nth-child(3) {
	width: 25%;
}

.olympustopbox_header > li > dl > dd:nth-child(2) {
	width: 50%;
}

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

.olympustopbox_content > li {
	background: #0c3842;
}

.olympustopbox_content > li > dl {
	display: flex;
	margin: 0;
	padding: 0;
	text-align: center;
}

.olympustopbox_content > li > dl > dd:nth-child(1),
.olympustopbox_content > li > dl > dd:nth-child(3) {
	width: 25%;
}

.olympustopbox_content > li > dl > dd:nth-child(2) {
	width: 50%;
}

.olympustopbox_content > li > dl > dd > ul {
	list-style: none;
	margin: 5px;
	padding: 0 10px;
}

.olympustopbox_content > li > dl > dd > ul > li {
	border: 1px solid #1d5562;
	padding: 5px;
}

.olympustopbox_content > li > dl > dd > ul > li:first-child {
	background: #1d5562;
	border-radius: 8px 8px 0 0;
	border-top: 1px solid #257587;
}

.olympustopbox_content > li > dl > dd > ul > li:last-child {
	border-radius: 0 0 8px 8px;
}

.olympustopbox_content > li > dl > dd > ul > li > dl {
	align-items: center;
	display: flex;
}

.olympustopbox_content > li > dl > dd .oa_titel {
	font-weight: bold;
}

.olympustopbox_content > li > dl > dd:nth-child(2) > ul > li:first-child > dl > dd:nth-child(1) {
	border-right: 0;
	font-weight: bold;
	width: 15%;
}

.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(1) {
	border-right: 1px solid black;
	width: 25%;
}

.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(2) {
	border-right: 1px solid black;
	width: 60%;
}

.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(1) {
	width: 10%;
}

.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(2) {
	width: 20%;
}

.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(3) {
	border-right: 1px solid black;
	width: 50%;
}

.olympustopbox_content > li > dl > dd > ul.oa_winners > li > dl > dd:nth-child(4) {
	width: 20%;
}

.olympustopbox_content > li > dl > dd > ul > li > dl > dd img {
	display: inline-block;
	margin-top: -3px;
	max-height: 30px;
	max-width: 30px;
	vertical-align: middle;
}

.olympustopbox_content > li > dl > dd > ul > li > dl > dd:nth-child(3) {
	width: 25%;
}

.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(1) {
	width: 10%;
}

.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(2) {
	width: 20%;
}

.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(3) {
	border-right: 1px solid black;
	width: 50%;
}

.olympustopbox_content > li > dl > dd > ul.oa_records > li > dl > dd:nth-child(4) {
	width: 20%;
}

.gotpng {
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	height: 40px;
	margin: 0 auto;
	position: relative;
	width: 35px;
}

.gotpng > span {
	color: black;
	font-weight: bold;
	left: 13px;
	position: absolute;
	top: 6px;
}

.maintablewrapper {
	backface-visibility: hidden;

	border-radius: 6px;

	margin: 20px 0;
	overflow: hidden;
	width: 100%;
}

.champ_oa_catline > div > a {
	display: inline-flex;
	font-size: 20px;
	justify-content: center;
	border-bottom: 1px solid #1d5562;
	padding-bottom: 10px;
	align-items: center;
	margin-bottom: 5px;
}

.champ_oa_catline > div > a img {
	width: 40px;
	margin-right: 10px;
}

.champ_oa_catline > div > span {
	display: block;
	font-size: 16px;
	line-height: 30px;
}

.champround_container {
	display: flex;
	flex-flow: row;
	justify-content: center;
}

.champround_container > div {
	padding: 5px 10px;
	border: 1px solid #1d5562;
	margin: 0 5px;
	border-radius: 4px;
}

.champround_container > div > h4 {
	margin: 0 0 5px 0;
	text-shadow: 0 1px 1px black;
}

.champround_container > div > span {
	line-height: 20px;
}

.champround_container > div > span > small {
	font-size: 12px;
	display: block;
	margin-top: 5px;
	color: darkgoldenrod;
}

.champround_container > div > span > small.finish {
	color: greenyellow;
}

.oacup {
	color: darkgoldenrod;
	text-shadow: 0 1px 1px black;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.no-record .oacup {
	cursor: default;
}

.oachart {
	font-size: 20px;
	color: darkgoldenrod;
	cursor: pointer;
}

.oa_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse !important;
	border-style: hidden;
	background-color: #EEF5F9;
	/* Old browsers */
	/* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E0EB', endColorstr='#EEF5F9', GradientType=0);
	/* IE6-9 */
	table-layout: fixed;
	text-align: center;
}

.oa_table > thead {
	color: white;
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-repeat: repeat-x;
	background-size: contain;
}

.oa_table > thead th {
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 9px 0;
}

.oa_table > tbody td {
	border-top: 1px solid #1d5562;
	padding: 10px;
	vertical-align: top;
}

.oa_table.in > tbody td {
	border: 1px solid #1d5562;
	vertical-align: middle;
}

.oa_table.nopad > tbody td {
	padding: 0;
}

.oa_table.border.champ > tbody td {
	vertical-align: middle;
}

.oa_table.border > tbody td {
	border: 1px solid #fff;
}

.oa_table > tbody td select,
.oa_table > tbody td input {}

.tablewrapper {

	border-radius: 6px;

	margin-top: 1px;
	overflow: hidden;
	width: 100%;
}

.oa_intable {
	background-color: #EEF5F9;
	/* Old browsers */
	/* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E0EB', endColorstr='#EEF5F9', GradientType=0);
	/* IE6-9 */
	border-collapse: collapse !important;
	border-spacing: 0;
	border-style: hidden;
	text-align: center;
	width: 100%;
}

.oa_intable > thead {
	color: white;
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-repeat: repeat-x;
	background-size: contain;
}

.oa_intable > thead th {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 9px 0;
	vertical-align: middle;
}

.oa_intable > tbody td {
	border: 1px solid #fff;
	padding: 2px;
	vertical-align: middle;
}

.oa_intable > tbody td .avatar {
	border-radius: 4px;
	height: 30px;
	vertical-align: middle;
	width: 30px;
}

.top10rankindex {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.top10rankindex > * {
	padding: 0;
	text-align: center;
	width: 170px;
}

.top10rankindex > * img {
	border-radius: 4px;
	height: 70px;
	width: 70px;
}




/* Blocs infos Arcade Poker sur l'index
---------------------------------------------------------------------------- */
ul.bl-is-grid {
	grid-auto-flow: row;
}

.info-img {
	max-width: 250px;
	width: 100%;
}

.has-multiple-forabg p {
	font-size: 10px;
	line-height: 2;
	margin: 0;
	padding: 1em;
}

.sjpphpbb-radio {
	padding: 0.5em;
}

.sjpphpbb-radio .button {
	margin: 5px auto;
}

.sjpphpbb-radio .button span {
	padding: 0 5px;
}
/* Fin blocs infos Arcade Poker sur l'index
---------------------------------------------------------------------------- */
/* Grands écrans */
@media (min-width: 701px) {
	.bl-is-toggler {
		display: none;
	}

	ul.bl-is-grid {
		--min: 25ch;
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
		gap: 4px;
		padding: 4px 4px 0;
	}

	ul.has-multiple-forabg ul.topiclist li.header dt {
		font-size: clamp(9px, 1.1vw, 12px);
	}
}
/* Fin medias queries
---------------------------------------------------------------------------- */




/* Règles communes
---------------------------------------------------------------------------- */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-bold {
	font-weight: bold;
}

.text-underline {
	text-decoration: underline;
}

.text-red {
	color: red;
}

.arcade-content {
	font-size: 1.1em;
}

/*.arcade-content li.row:hover {
	background-color: inherit;
}*/

/* Top jeux sur l'index de l'arcade
---------------------------------------------------------------------------- */
ul.game-list {
	display: flex;
	flex-direction: column;
}

ul.topiclist li.game-item {
	display: flex;
	justify-content: space-between;
	text-align: left;
	padding: 4px;
}

.game-item .fa {
	font-size: 1.4em;
}

.game-item a:first-child {
	display: flex;
	gap: 0.3em;
}

.gameof {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}

/* Top 10 joueurs sur l'index de l'arcade
---------------------------------------------------------------------------- */
.top10index {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 4px;
}

ul.top10index li {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.top10index .avatar {
	border: 1px solid rgba(181, 107, 60, 0.8);
	border-radius: 50%;
	height: 40px;
	padding: 2px;
	vertical-align: middle;
	width: 40px;
}

/* Derniers scores sur l'index de l'arcade
---------------------------------------------------------------------------- */
.last-scores-index {
	display: flex;
	gap: 2em;
}

.last-scores-index ul {
	display: flex;
	align-items: center;
}

.daylink img {
	border: 4px double rgba(181, 107, 60, 0.8);
	border-radius: 10px;
	margin: 5px;
	height: 40px;
	width: 40px;
}

ul.topiclist li.reclinks {
	display: flex;
	justify-content: space-around;
	padding: 0.5em 0 1em;
	border-bottom: 1px dotted;
}

/* Index de l'arcade
---------------------------------------------------------------------------- */
.divtable .avatar {
	--avatar-size: 30px;
	max-height: var(--avatar-size);
	max-width: var(--avatar-size);
	height: auto;
	width: auto;
}

.avatar-name {
	display: flex;
	gap: 0.3em;
	align-items: center;
}

.randgame {
	font-weight: bold;
	padding-bottom: 4px;
}

.randgame .fa {
	font-size: 1.4em;
	margin-left: 1em;
}

ul.grid-big-column {
    display: grid;
	grid-template-columns: 1fr 3fr 1fr;
    gap: 4px;
    padding: 4px 4px 0;
}

.statsblock .arcade-content > li {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 5px;
	padding-bottom: 5px;
}

.statsblock h4 {
	font-size: 1.4em;
	margin-bottom: 0.5em;
}

.statsblock .grid-last {
	border-left: 1px solid #fff;
	padding-left: 5px;
}

.statsblock .grid-last > div {
	font-size: 1.1em;
	line-height: 1.8em;
}

.arcadeuserinfos {
	list-style: none;
}

ul.quick-access {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
	gap: 1em;
	padding-bottom: 4px;
}

ul.quick-access h3 {
	border: none;
	margin: 0 0 0.25em;
	padding: 0.25em;
}

ul.quick-access select,
ul.quick-access .search,
.search-page .search {
	max-width: 200px;
	padding: 0.3em;
	width: 100%;
}

.game-timer {
	font-size:18px;
	font-weight:bold;
}

.championnat-info .forums .row {
	padding: 1em 0;
}

.championnat-info .forums .row:not(:last-child) {
	border-bottom: 1px solid #fff;
}

ul.topiclist li.round-info {
	display: flex;
	justify-content: space-between;
}

.round-wrap {
	display: inline-block;
}

.round-wrap img {
	max-height: 90px;
	width: auto;
	max-width: 100%;
}

.round-statut {
	background: no-repeat right;
	color: darkorange;
	font-weight: bold;
}

.round-statut.inprogress {
	--icon-width: 32px;
	--icon-height: 32px;
	background-image: url("../../../images/icon_playing.gif");
	padding: calc(var(--icon-height) / 2) var(--icon-width) calc(var(--icon-height) / 2) 0;
}

.round-wrap > div {
	margin: 4px 0;
}

.current-champ {
	font-size: 1.4em;
}

.current-champ li:first-child {
	font-size: 1.1em;
}

.current-champ li:not(:first-child) {
	margin-top: 1em;
}

.top-players {
	margin-top: 1em;
}

.top-players > div {
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);
}

.group-info .avatar {
	--avatar-size: 150px;
	width: 100%;
	height: auto;
}

.game-of-day .arcade-content {
	padding-bottom: 8px;
}

/* Afficher/masquer les blocs
---------------------------------------------------------------------------- */
.bl-is-toggler {
	font-size: 1.1rem;
	float: right;
	margin: var(--bl-is-toggler-margin, -1.5rem 0 0);
	position: relative;
}

.bl-is-togglable,
ul.bl-is-togglable {
	display: none;
}

@media (min-width: 701px) {
	.bl-is-toggler {
		display: none;
	}
}
/* Fin afficher/masquer les blocs
---------------------------------------------------------------------------- */

/* Page des jeux
---------------------------------------------------------------------------- */
.game-wrap {
	text-align: center;
}

ul.topiclist li.flex-game {
	display: flex;
	gap: 5px;
	padding: 4px 4px 0;
}

.is-game {
	flex: 1;
}

.is-column {
	display: flex;
	flex-direction: column;
	flex: 0 0 30%;
}

ul.topiclist li.game-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2px 5px 9px 5px;
}

.game-header h3 {
	border: none;
	margin: 0;
}

.gameactions {
	display: flex;
	gap: 1.1em;
	align-items: center;
	font-size: 14px;
}

.gameactions li {
	cursor: pointer;
}

.gameactions li i {
	color: #fff;
	padding: 0 1px;
}

.gameactions a {
	padding-top: 0;
}

.no-padding,
.header a.no-padding {
	padding: 0;
}

.game-description {
	border: 1px dashed;
	border-radius: 5px;
	margin: 0 6px;
	padding: 8px;
}

.flex-entry {
	display: flex;
	justify-content: space-between;
}

.game-type {
	font-weight: bold;
	margin: 0;
}

.game-options {
	padding: 8px 0;
}

.forabg.is-description {
	display: none;
}

.gametimecounter {
	font-size: 1.3em;
	padding: 1em 0;
}

.game-comments {
	padding: 8px 0;
}

.game-comments .button {
	margin-top: 8px;
}

.comment-row {
	margin-top: 0.5em;
	display: flex;
	flex-direction: column;
	gap: 0.2em;
	text-align: left;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	padding: 4px;
}

.comment-first {
	margin-top: 1em;
}

.comment-info {
	border-bottom: 1px dotted;
	padding-bottom: 4px;
}

.comment-avatar .avatar {
	max-width: 18px;
	height: auto;
}

.comment-delete {
	float: right;
}

#html5frame {
	aspect-ratio: var(--game-width, 800) / var(--game-height, 480);
	max-width: calc(var(--game-width, 800) * 1px);
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* Tableaux div
---------------------------------------------------------------------------- */
.divtable {
	display: table;
	width: 100%;
}

.divtablecaption {
	display: table-caption;
	padding: 4px;
}

.bottom-caption {
	caption-side: bottom;
}

.divtablerow {
	display: table-row;
}

.divtableheading {
	display: table-header-group;
	font-weight: bold;
}

.divtablecell,
.divtablehead {
	display: table-cell;
	border-right: 1px dotted;
	padding: 4px;
	vertical-align: middle;
}

.divtablecell:last-child,
.divtablehead:last-child {
	border-right: none;
}

.divtablehead {
	font-size: 1.1em;
	border-bottom: 1px dotted;
}

.divtablehead::first-letter {
	text-transform: capitalize;
}

.divtablerow:has(.divtablecell):hover {
	background: #c9e3f8;
	color: #000;
}

.divtablefoot {
	display: table-footer-group;
}

.divtablebody {
	display: table-row-group;
}

.delete-score .fa {
	color: red;
	font-size: 1.125em;
	margin-left: 0.5em;
}

/* Block who is playing
---------------------------------------------------------------------------- */
.whosplaying .forums > li {
	padding: 5px;
	line-height: 1.2;
}

/* Page des statistiques
---------------------------------------------------------------------------- */
.big-cell {
	width: 28%;
}

.stat-thumb img {
	max-width: 70px;
	width: 100%;
	height: auto;
	min-width: 50px;
}

/* Challenge popup
---------------------------------------------------------------------------- */
.gamechallenge {
	background-color: #EEF5F9;
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
	border: 2px solid #2d82b0;
	border-radius: 10px;
	box-shadow: 0 0 15px #00000096;
	height: 180px;
	left: 25%;
	overflow: hidden;
	position: fixed;
	text-align: center;
	top: 25%;
	transform: scale(0);
	transition: all 0.3s linear;
	width: 640px;
	will-change: transform;
	z-index: 1000;
}

.gamechallenge > h2 {
	background-color: #0076B1;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%, #12A3EB 2px, #0076B1 92px, #0076B1 100%);
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 10px;
	position: relative;
	user-select: none;
}

.gamechallenge > h2 > span {
	background: #EEF5F9;
	border-radius: 100%;
	cursor: pointer;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 25px;
}

.gamechallenge #challengeform {
	font-size: 14px;
	padding: 10px;
}

.gamechallenge #challengeform input,
.gamechallenge #challengeform select {
	border: 1px solid #2d82b0;
	padding: 2px 6px;
}
/* Page d'une catégorie
---------------------------------------------------------------------------- */
.yourscore {
	min-width: 75px;
}

.last-game-user {
	margin: 0.5em 0;
}

/* Catégories
---------------------------------------------------------------------------- */
li.subcat-header dl {
	overflow: visible;
}

li.subcat-header dl::after {
	content: "";
	display: table;
	clear: both;
}

.subcat-header a {
	padding-top: 0;
}

.subcat-header .subbar {
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 4px;
}

.subcat-header .subul {
	background-color: #269fdc;
	border: 1px solid white;
	border-radius: 4px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	display: none;
	list-style: none;
	max-height: 200px;
	min-width: 150px;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 26px;
	z-index: 11;
}

.subcat-header .subul > li {
	border-bottom: 1px solid #fff;
	padding: 4px 0;
}

.subcat-header .subul a {
	text-shadow: none;
}

.subcat-content-list {
	display: flex;
	flex-direction: column;
}

ul.subcat-content-list > li {
	margin: 0.5em 0;
}

.image-cat {
	max-width: 120px;
	width: 100%;
}

.last-game-added a img,
.last-game-info a img {
	max-width: 40px;
	width: 100%;
}

.subcat-separator {
	border-bottom: 1px dashed;
}

/* Liste des jeux dans une catégorie
---------------------------------------------------------------------------- */
.games-in-cat .divtablehead {
	border-bottom: 1px dashed;
}

.games-in-cat .divtablerow:not(:last-child) .divtablecell {
	border-bottom: 1px solid #fff;
	padding-bottom: 0.5em;
}

.games-in-cat .divtablerow:not(:first-child) .divtablecell {
	padding-top: 0.5em;
}

.game-type-img {
	max-width: 50px;
	width: 100%;
}

/* Liste des sous-catégories
---------------------------------------------------------------------------- */
ul.sub-is-grid {
	--min: 40ch;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
	gap: 4px;
	padding: 4px 4px 0;
	justify-content: space-evenly;
}

/* Medias queries
---------------------------------------------------------------------------- */
@media (max-width: 700px) {
	.gamesindex ul.topiclist li.header dd {
		display: table-cell !important;
	}

	.sub-is-grid .forabg {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 992px) {
	ul.topiclist li.flex-game {
		flex-direction: column;
	}

	.is-column {
		flex: 1;
	}

	ul.grid-big-column {
		grid-template-columns: 1fr;
	}
}