@font-face {
font-family : MonoCorsi;
src : url('/fonts/site/MonoCorsi.ttf');
}
.jeux-video {
font : normal normal normal 12px/normal Arial, Helvetica, sans-serif;
color : #9F3;
}
.tubeverti {
background : url('/images/assets/shared/content-edge.png') right top repeat-y;
text-align : left;
padding-bottom: 100px;
}
TABLE.cel {
border-collapse : collapse;
border-left-width : 0;
}
TD.cel {
border-left : 1px dashed #ccc;
padding : 2px;
vertical-align : top;
}
TD.edito {
text-align : justify;
border-top : 1px dashed #ccc;
border-right : 1px dashed #ccc;
padding : 4px;
vertical-align : top;
}
TD.titrefondnoir {
font : 14px Arial, Helvetica, sans-serif !important ;
border-right : 1px solid #ccc;
background-color : #000;
font-size : 14px !important ;
color : #FC0;
padding : 2px;
text-align : center;
vertical-align : top;
}
TD.soustitrefondfonce {
border : #ccc solid 1px;
background-color : #555;
padding : 2px;
text-align : justify;
vertical-align : top;
}
h1 {
font-size : 14px !important ;
color : #FC0;
}
h2 {
font-size : 14px !important ;
color : #FC0;
text-align : center;
}
h4 {
font-size : 14px !important ;
color : #FC0;
}
body, P {
background-color : #646464;
color : #eee;
font : 12px Arial, Helvetica, sans-serif;
}
TD {
color : #eee;
font : 12px Arial, Helvetica, sans-serif;
}
a {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #66FF07;
text-decoration : none;
}
a:hover {
font-family : Arial, Helvetica, sans-serif;
font-style : italic;
font-weight : bold;
color : #F60;
text-decoration : underline overline blink;
background-color : #FFF172;
transition : all 0.1s ease;
}
SELECT {
color : #66FF07;
background-color : #777;
font : 700 11px arial;
border-width : 1px;
}
INPUT {
color : #000;
background-color : #ccc;
font : 700 11px arial;
border : #000 solid 1px;
}
TEXTAREA {
color : #000;
background-color : #ccc;
font : 700 11px arial;
border-width : 1px;
width : 250px;
border-color : #000;
}
MARQUEE {
font-size : 14px !important ;
color : #0f0;
}
.transparent {
color : #646464;
}
a:hover.transparent {
color : #646464;
text-decoration : none;
background-color : #646464;
}
img[title="Hit-Parade"] {
visibility : hidden;
}
newsLetter {
color : #646464;
}
A.newsLetter {
color : #646464;
}
A:hover.newsLetter {
color : #646464;
background-color : #646464;
}
.nobg:hover {
background-color : transparent;
text-decoration : none;
font-style : normal;
}
#searchid {
width : 93%;
visibility : hidden;
opacity : 0;
height : 0;
}
#searchid.visible {
visibility : visible;
transition : opacity 0.4s linear, height 0.3s ease-in;
opacity : 1;
height : 42px;
}
#searchid.invisible {
visibility : hidden;
transition : opacity 0.3s 0s linear, height 0.3s 0.2s ease-out;
opacity : 0;
height : 0;
}
a {
font-weight : bold;
}
.ruffleBtn a:hover, .ruffleBtn a:active, .modelViewerBtn:hover,  .modelViewerBtn:active{
color : #FC0;
transition : all 0.2s ease-in;
}
.ruffleBtn .nobg {
border : #FC0 solid 1px;
display : inline-block;
border-radius : 7px;
padding : 7px;
background-color : #464646;
margin-top : 10px;
}
details .nobg:hover, details .nobg:active {
background-color : #3c3c3c;
transition : all 0.3s ease-in;
color : #FC0;
}
details[open] summary ~ * {
animation : sweep 0.5s ease-in-out;
}
@keyframes sweep {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
details {
font-size : 12px;
padding : 2px;
}
@keyframes sweep {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
.counter {
background : #1515151a;
border : #6c6c6c solid 0.75px;
border-radius : 6px;
font : 12px Verdana;
padding : 2px;
display : inline-block;
}
.incruste {
width : 310.667px;
position : absolute;
padding : 0;
margin-top : 0;
margin-bottom : 0;
top : 54px;
display : flex;
width : 350px;
height : 21px;
justify-content : space-around;
}
.countstyle {
display : inline-block;
padding : 6px 6px 4px;
border-radius : 3px;
background : #3c3c3c;
margin : 2px;
}
@keyframes sweep {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes sweep {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
.pagination {
padding : 0;
margin : 0;
text-align : center;
}
.pagination_text {
list-style : none;
display : inline;
font-weight : bold;
background : none;
color : #FC0;
font-size : 10px;
}
.pagination_item {
display : inline-block;
font-size : 10px;
font-weight : bold;
margin-left : 3px;
margin-right : 3px;
text-align : left;
}
.pagination_link_active {
color : #FC0;
pointer-events : none;
cursor : default;
text-decoration : none;
}
.playcount {
border : #ccc dashed 1px;
background-color : #646464;
text-align : center;
vertical-align : top;
}
.titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: bold;
color:#FFCC00;
}
.playcount_td {
border : #ccc dashed 1px;
background-color : #646464;
text-align : center;
vertical-align : top;
}
.playcount_nb {
margin: 5px;
display: inline-block;
min-width: 30px;
font-weight: bold;
background: #565656;
padding: 3px;
border: 0.2px solid #505050;
border-radius: 3px;
}
.playcount_td img {
width: 20px;
height: 20px;
}
.game_info {
text-align: justify;
}
.game_info p {
margin-top: 0;
}
.game_preview {
text-align: center;
}
.game_preview img {
max-width: 100%;
}

.info_table {
margin-top: 15px;
margin-bottom: 15px;
}
.game_type td {
text-align: right;
}
.game_type td img {
	cursor: help;
}
.game_type td img:hover::before {
content: attr(title);
position: absolute;
background: #000;
color: #fff;
padding: 4px 8px;
white-space: nowrap;
font-size: 18px;
border-radius: 4px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.game_type td img:hover::before {
opacity: 1;
visibility: visible;
}
.modelViewer {
display: block;
width: 390px;
height: 357px;
border: none;
}
.modelViewerBtn {
font-size: 18px;
}
details:hover {
cursor: pointer;
}
img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}