/**
 *
 * @package phpBB Extension - Relax Arcade
 * @copyright (c) 2008 Ours - bigours@hotmail.fr
 * @copyright (c) 2016 Team Relax
 * @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
 *
 */
.icon-relaxarcade {
    background-image: url("./images/icon-relaxarcade.png");
    }
.newarcadeoa.cats {
    display:         flex;
    flex-flow:       row wrap;
    justify-content: center;
    list-style:      none;
    margin:          0;
    padding:         0;
    text-align:      center;
    }
.newarcadeoa.cats > li {
    background-color: #EEF5F9;
    background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
    background-image: linear-gradient(to bottom, #D2E0EB 0%, #EEF5F9 100%);
    filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E0EB', endColorstr='#EEF5F9', GradientType=0);
    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 {
    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;
    box-sizing:        border-box;
    font-size:         16px;
    margin:            0;
    padding:           7px;
    position:          relative;
    }
.newarcadeoa.cats > li > h2 a {
    color: white !important;
    }
.newarcadeoa.cats > li > h2 i {
    cursor:   pointer;
    position: absolute;
    right:    10px;
    }
.newarcadeoa.cats > li > h2 ul {
    background:    #0a2e37;
    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 #1d5562;
    padding:       5px;
    }
.newarcadeoa.cats > li > h2 ul li a {
    font-size: 13px;
    }
.newarcadeoa.cats > li > div > dl > dd {
    display:        inline-block;
    vertical-align: middle;
    }
.newarcadeoa.cats > li > div > dl > dd:first-child {
    width: 180px;
    }
#clockdiv {
    font-family: sans-serif;
    color:       #000000;
    display:     inline-block;
    font-weight: 100;
    text-align:  center;
    font-size:   22px;
    }
.hours, .days, .minutes, .seconds {
    color: #C21103;
    }
.categorie_index {
    float:              left;
    width:              130px;
    padding:            5px 5px 5px 5px;
    font-size:          1.2em;
    text-align:         center;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    margin:             5px 7px 5px 5px;
    border-radius:      10px;
    }
#clockdiv {
    font-family: sans-serif;
    color:       #000000;
    display:     inline-block;
    font-weight: 100;
    text-align:  center;
    font-size:   22px;
    }
.hours, .days, .minutes, .seconds {
    color: #C21103;
    }
.categorie_index {
    float:              left;
    width:              130px;
    padding:            5px 5px 5px 5px;
    font-size:          1.2em;
    text-align:         center;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    margin:             5px 7px 5px 5px;
    border-radius:      10px;
    }
#tooltip {
    position:      absolute;
    padding:       10px 20px;
    border:        1px solid #b3c9ce;
    border-radius: 4px;
    text-align:    center;
    font:          italic 14px/1.3 sans-serif;
    color:         #333;
    background:    #fff;
    z-index:       100000;
    box-shadow:    3px 3px 3px rgba(0, 0, 0, .3);
    }
.phpbb_alert {
    border:     1px solid transparent;
    display:    none;
    left:       0;
    padding:    20px 35px 20px 25px;
    position:   fixed;
    right:      0;
    top:        10px;
    overflow-x: hidden;
    z-index:    50;
    width:      620px;
    height:     400px;
    margin:     0 auto;
    }
.imggrrelax {
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    width:                 80px;
    height:                60px;
    }
.imgptrelax {
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    width:                 40px;
    height:                30px;
    }
span.defistxt {
    font-size:   11px;
    font-weight: bold;
    }
.defisra {
    margin-top:    5px;
    margin-bottom: 10px;
    }
.defisavatar {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    padding:            5px;
    border-radius:      10px;
    }
.defisratop {
    padding-top: 5px;
    }
.defisrabot {
    padding: 0px 10px 10px 10px;
    }
.ratooltip {
    position: relative;
    display:  inline-block;
    }
.ratooltip .ratooltiptext {
    visibility:         hidden;
    width:              350px;
    background-color:   white;
    font-size:          1.1em;
    color:              #000000;
    text-align:         center;
    border-radius:      6px;
    padding:            10px 0;
    position:           absolute;
    z-index:            1;
    top:                -5px;
    left:               120%;
    box-shadow:         2px 2px 2px 2px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:    2px 2px 2px 2px rgba(0, 0, 0, 0.50);
    }
.ramarquee {
    width:         99%;
    margin:        0 auto;
    white-space:   nowrap;
    overflow:      hidden;
    box-sizing:    border-box;
    margin-bottom: 5px;
    }
.ramarquee span {
    display:      inline-block;
    padding-left: 100%; /* show the marquee just outside the paragraph */
    animation:    marquee 30s linear infinite alternate;
    height:       55px;
    padding:      5px 5px 5px 5px;
    }
.ramarquee span:hover {
    animation-play-state: paused
    }
/* Make it move */
@keyframes marquee {
    0% {
        transform: translate(0, 0);
        }
    100% {
        transform: translate(-100%, 0);
        }
    }
.ratooltip .ratooltiptext::after {
    content:      "";
    position:     absolute;
    top:          30%;
    right:        100%;
    margin-top:   -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent black transparent transparent;
    }
.ratooltip:hover .ratooltiptext {
    visibility: visible;
    }
.ra_arcade_img {
    position: relative;
    display:  inline-block;
    }
.ra_arcade_desc {
    position: absolute;
    bottom:   43px;
    right:    1px;
    width:    16px;
    height:   16px;
    }
.challengera {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 0px 4px 2px rgba(0, 0, 0, 0.5);
    margin:             5px 7px 5px 5px;
    border-radius:      10px;
    }
.challengeratop {
    padding-top: 5px;
    }
.challengerabot {
    padding: 0px 5px 5px 5px;
    }
.boutonrelax {
    padding-bottom: 5px;
    float:          left;
    }
.htmlflash {
    background-image: url("./images/htmlflash.png");
    width:            120px;
    height:           48px;
    margin:           0 auto;
    }
.fullscreen {
    background-image: url("./images/fullscreen.png");
    width:            40px;
    height:           36px;
    margin:           0 auto;
    }
.contentstats {
    display:    inline-block;
    text-align: center;
    width:      100%;
    }
.ra_left_box {
    float:  left;
    width:  49%;
    margin: 2px;
    }
.ra_right_box {
    float:  right;
    width:  49%;
    margin: 2px;
    }
.ra_center_box {
    float:  left;
    width:  49%;
    margin: 2px;
    }
.ra_block_box {
    float:  right;
    width:  49%;
    margin: 2px;
    }
/* Relax Arcade bubble */
a.rainfo {
    position:        relative;
    color:           black;
    text-decoration: none;
    }
a.rainfo span {
    visibility: hidden;
    display:    none;
    }
a.rainfo:hover {
    background: none;
    z-index:    1;
    }
a.rainfo:hover span {
    visibility:  visible;
    display:     block;
    position:    absolute;
    white-space: nowrap;
    top:         20px;
    left:        10px;
    background:  black;
    color:       black;
    padding:     3px;
    border:      1px solid black;
    /*border-left: 4px solid black;*/
    z-index:     500;
    }
/* Star rating */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background: url(star.gif) left -1000px repeat-x;
    }
.star-rating {
    position:            relative;
    width:               125px;
    height:              25px;
    overflow:            hidden;
    list-style:          none;
    margin:              0;
    padding:             0;
    background-position: left top;
    }
.star-rating li {
    display: inline;
    }
.star-rating a,
.star-rating .current-rating {
    position:    absolute;
    top:         0;
    left:        0;
    text-indent: -1000em;
    height:      25px;
    line-height: 25px;
    outline:     none;
    overflow:    hidden;
    border:      none;
    }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position: left bottom;
    }
.star-rating a.one-star {
    width:   10%;
    z-index: 11;
    }
.star-rating a.two-stars {
    width:   20%;
    z-index: 10;
    }
.star-rating a.three-stars {
    width:   30%;
    z-index: 9;
    }
.star-rating a.four-stars {
    width:   40%;
    z-index: 8;
    }
.star-rating a.five-stars {
    width:   50%;
    z-index: 7;
    }
.star-rating a.six-stars {
    width:   60%;
    z-index: 6;
    }
.star-rating a.seven-stars {
    width:   70%;
    z-index: 5;
    }
.star-rating a.eight-stars {
    width:   80%;
    z-index: 4;
    }
.star-rating a.nine-stars {
    width:   90%;
    z-index: 3;
    }
.star-rating a.ten-stars {
    width:   100%;
    z-index: 2;
    }
.star-rating .current-rating {
    z-index:             1;
    background-position: left center;
    }
/* for an inline rater */
.inline-rating {
    display:        inline-block;
    vertical-align: middle;
    }
/* smaller star */
.small-star {
    width:  100px;
    height: 10px;
    }
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
    background-image: url(./images/star_small.gif);
    line-height:      10px;
    height:           10px;
    }
.bcg {
    width: 128%;
    }
/* Menu Relax Arcade */
ul#ra_menu {
    list-style-type: none;
    width:           100%;
    }
ul#ra_menu li {
    float: left;
    }
ul#ra_menu a {
    float:           left;
    margin:          0 2px;
    padding:         5px 15px;
    text-align:      center;
    text-decoration: none;
    /*color: #115098;*/
    /*background-color: #cadceb;*/
    font-size:       1.1em;
    font-family:     Arial, Helvetica, sans-serif;
    font-weight:     bold;
    }
ul#ra_menu a:hover {
    background-color: #CFE1F6; /* = table.table1 tbody tr:hover (colour.css) */
    color:            #BC2A4D;
    font-weight:      bold;
    }
span.movegame {
    color:       #FFFFFF;
    font-size:   11px;
    font-weight: bold;
    }
.panel_ra {
    margin:  0 auto;
    padding: 5px;
    }
.tournoi {
    color:         #BC2A4D;
    margin:        10px auto;
    padding:       5px;
    font-size:     12px;
    font-weight:   bold;
    background:    #ECD5D8 none repeat scroll 0 0 !important;
    border-radius: 5px;
    border:        1px solid #BC2A4D;
    }
ul.champion {
    width:           auto;
    text-align:      center;
    list-style-type: none;
    }
ul.champion li {
    display: inline-block;
    width:   auto;
    padding: 0 5px;
    }
ul.champion li.championlist {
    text-align: center;
    margin:     5px auto;
    }
h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:       #105289;
    font-size:   16px;
    }
.turn {
    border:        3px solid #FFFFFF;
    margin-bottom: 30px;
    }
.jeuxra {
    border-radius:    30px;
    background-color: #D23454;
    color:            #FFFFFF !important;
    width:            50px;
    font-size:        12px;
    font-weight:      bold;
    margin:           0 auto;
    text-align:       center;
    padding:          5px;
    margin:           10px;
    }
a.jeux {
    color: #FFFFFF;
    }
.conteneurscroller {
    width:      auto;
    text-align: center;
    }
.sagscroller {
    padding:       0px 10px 0px 5px;
    width:         25%;
    overflow:      hidden;
    position:      relative;
    margin-bottom: -5px;
    margin-left:   -1px;
    }
.sagscroller ul {
    position:   absolute;
    margin:     0;
    padding:    0;
    margin-top: 5px;
    list-style: none;
    width:      100%;
    }
.sagscroller ul li {
    display: block;
    }
.sagscroller ul li .rsscontent { /*div containing body of each RSS entry*/
    font-size: 90%;
    }
.sagscroller ul li .rsslabel { /*div containing label of each RSS entry*/
    margin-top: 5px;
    background: #eee;
    font-size:  11px;
    clear:      both;
    }
.nosagscroller {
    padding:    0px 10px 0px 5px;
    overflow:   visible;
    width:      100%;
    text-align: center;
    }
.npsagscroller ul {
    margin:     0;
    padding:    0;
    margin-top: 5px;
    list-style: none;
    width:      100%;
    }
.nosagscroller ul li {
    display: block;
    }
.nosagscroller ul li .rsscontent { /*div containing body of each RSS entry*/
    font-size: 90%;
    }
.nosagscroller ul li .rsslabel { /*div containing label of each RSS entry*/
    margin-top: 5px;
    background: #eee;
    font-size:  11px;
    clear:      both;
    }
#newgame {
    width:  auto;
    height: 250px;
    }
#newgame ul li {
    padding: 1px;
    }
#newgame ul li img {
    border-width: 0;
    display:      block;
    }
#scoregame {
    width:  auto;
    height: 250px;
    }
#scoregame ul li {
    padding: 1px;
    }
#scoregame ul li img {
    border-width: 0;
    display:      block;
    }
#recordgame {
    width:  auto;
    height: 250px;
    }
#recordgame ul li {
    padding: 1px;
    }
#recordgame ul li img {
    border-width: 0;
    display:      block;
    }
#ultimegame {
    width:  auto;
    height: 250px;
    }
#ultimegame ul li {
    padding: 1px;
    }
#ultimegame ul li img {
    border-width: 0;
    display:      block;
    }
#newgamest {
    width:  auto;
    height: 250px;
    }
#newgamest ul li {
    padding: 1px;
    }
#newgamest ul li img {
    border-width: 0;
    display:      block;
    }
#scoregamest {
    width:  auto;
    height: 250px;
    }
#scoregamest ul li {
    padding: 1px;
    }
#scoregamest ul li img {
    border-width: 0;
    display:      block;
    }
#recordgamest {
    width:  auto;
    height: 250px;
    }
#recordgamest ul li {
    padding: 1px;
    }
#recordgamest ul li img {
    border-width: 0;
    display:      block;
    }
#ultimegamest {
    width:  auto;
    height: 250px;
    }
#ultimegamest ul li {
    padding: 1px;
    }
#ultimegamest ul li img {
    border-width: 0;
    display:      block;
    }
#catind {
    width:  auto;
    height: 230px;
    }
#catind ul li {
    padding: 1px;
    }
#catind ul li img {
    border-width: 0;
    display:      block;
    }
.timetournoi {
    min-height: 30px;
    color:      #c21017;
    font-size:  16px;
    text-align: center;
    }
.endtournoi {
    min-height: 20px;
    color:      #c21017;
    font-size:  14px;
    text-align: center;
    }
.cattournoi {
    color:      #000000;
    font-size:  12px;
    text-align: center;
    }
span.tournoitime {
    color: #222222;
    }
.imgchallenge {
    width:   100px; /* tu peux ajuster, par ex 180 ou 220 */
    height:  auto;
    display: block;
    margin:  0 auto; /* pour centrer */
    }




.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;
    }

#outputgame{
    margin-top:20px;
    padding:10px;
    line-height: 30px;
    font-size: 16px;
}

/* 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;
        }
    }
	/* ===== Responsive - correction fast ===== */
@media (max-width: 900px) {
  .topiclist .header dl dd,
  .topiclist.forums dl dd {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  .nosagscroller { max-height: none; overflow: visible; }
  .imgptrelax { max-width: 96px; height: auto; }
  .inline-rating { transform: scale(0.95); transform-origin: center; }
  .championlist { width: 48%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .button { margin: 4px 2px; }
  /* colonnes du gros tableau jeux */
  #cat .topiclist .header dl dd,
  #cat .topiclist.forums dl dd {
    width: 100% !important;
  }
  /* cellules info jeu : petites lignes mieux stackées */
  .row dl dd { padding: 6px 4px; }
}

@media (max-width: 560px) {
  .imgptrelax { max-width: 72px; }
  .championlist { width: 100%; }
  /* boutons sur 2 lignes */
  .button { display: inline-block; min-width: 44%; }
  /* réduire la taille des icônes inline */
  .inline-rating { transform: scale(0.9); }
}
/* ===== Grille d'info favoris (réutilisable) - correction fast ===== */
.ra-row { display:flex; gap:12px; align-items:stretch; margin-bottom:12px; }
.ra-col { flex:1 1 0; min-width:0; }
.ra-col .forabg { height:100%; } /* pour égaliser les cartes */

@media (max-width: 980px) {
  .ra-row { flex-direction: column; }
}
/* ===== Favoris : LIGNE 1 cartes (forumbg) - correction fast ===== */
.ra-row .topiclist .header dl dt,
.ra-row .topiclist .header dl dd {
  width: auto !important;         /* en-têtes : laisse le flux naturel */
}

.ra-row .topiclist.forums dl dt {
  width: 70% !important;           /* texte principal à gauche */
}
.ra-row .topiclist.forums dl dd.lastpost {
  width: 30% !important;           /* date à droite, propre */
  text-align: right !important;
}

/* Petites retouches d’espace */
.ra-row .topiclist .header,
.ra-row .topiclist.forums li {
  border-radius: 3px;
}
.ra-row .inner { padding: 0 6px; } /* évite le texte collé aux bords */

/* Responsive déjà en place : rien à changer, on garde ton bloc mobile */