/* @font-face {font-family:Display;src:url("DisplayOTF.otf") format("opentype");} */
body {margin-top:50px;font-family:Arial;font-size:16px;background:#cbaf97;color:#111011;}
#title {position: fixed; font-size:55px;top:-14px;left:-14px;padding:10px 0 0 6px;background:url('ctitle.png') no-repeat 11px 15px #f4e7d0;border-radius:10px;border:3px solid #790013;width:377px;height:42px;/*font-family:Display*/}
#subtitle {font-size:65%;}
p {width:50%;margin:10px 25%;text-align:justify;line-height:1.3em;}
ul {width:40%;margin:10px 25%;text-align:justify;line-height:1.3em;}
ol li {margin:0;}
li {margin:10px 0;}
h1, h2 {text-align:center;margin-right:80px;}
h1 {font-size:35px;}
h2 {font-size:25px;}
h3 {padding:0;margin:0;}
a {text-decoration:none;padding:2px 4px;margin:2px -4px;}
a:link {color:#790013;}
a:visited {color:#680002;}
a:hover, a:active, a:focus {color:#f4e7d0;background:#111011;}
#title, h1, h2, h3, .game, .liste {text-shadow:#790013 0 0 1px, #790013 0 0 6px;}
.float {float:right;padding:10px;text-align:right;margin-right:80px;font-weight:bold;}
.float a:visited:after {content: "ed";}
.box {border:3px solid #790013;border-radius:10px;padding:10px;margin-right:80px;margin-bottom:2ex;background:#f4e7d0;}
.liste {position:fixed;top:0;right:0;width:40px;padding:10px 15px;text-align:right;}
.liste a {display: inline-block; margin: -4px 0px -2px;}
.liste a:link, .liste a:visited {color:#111011;}
.liste a:visited:after {content: "";}
.liste a:hover, .liste a:active, .liste a:focus {color:#f4e7d0;background:#111011;}
.month {display:block; text-indent:2px;}
.game {text-align:center;font-size:25px;margin:0 125px 1ex 125px;font-weight:bold;}
.left {text-align:left;display:inline-block;width:80%;font-weight:lighter;vertical-align:text-top;}
.right {text-align:right;display:inline-block;width:20%;font-weight:bold;vertical-align:text-top;}
.center {text-align:center;}
img {margin:5px;}
.update, .search, .popular {background:#cbaf97;display:none;position:fixed;top:5%;left:10%;right:10%;bottom:5%;padding:0 30px;border-radius:10px;border:3px solid #790013;text-align:center;line-height:1.3em;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.modal::-webkit-scrollbar {width:10px;}
.modal::-webkit-scrollbar-thumb {border-radius:5px;background:#457967;}
#overlay{display:none;margin:0;background:black;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0.6;}
#close {background:#f4e7d0;position:fixed;top:1%;right:8%;border:2px solid #790013;border-radius:15px;}
#close:hover, #close:active, #close:focus {background:#111011;}
.clearable{position:relative;}
#search{padding-right:17px;}
span.icon_clear{position:absolute;right:10px;display:none;cursor:pointer;font: bold 1em sans-serif;color:#38468F;}
span.icon_clear:hover{color:red;}