body{ background:#333; border:0px; margin:0px; font-size:12px; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; cursor: default; user-select: none; } #fond{ position:absolute; left: 0%; top: 50%; width: 100%; height: 514px; margin-top: -234px; background:#f3ebbd url('../Img/hieroglyphes.jpg'); text-align:center; } #image{ margin-left: auto; margin-right: auto; background: url('../Img/index/1.jpg'); width:908px; height:469px; text-align:left; } #panel{ position:relative; left:650px; top:180px; width:200px; height:auto; } #logo{ position:relative; left:50px; width:168px; height:58px; } #titre{ position:relative; left:70px; width:430px; font-size:16px; } #nbjoueurs{ position:relative; left:90px; top:5px; width:430px; font-size:12px; color:#333333; } #membres{ position:relative; left:730px; top:15px; width:190px; } #footer{ position:absolute; left: 0%; top: 50%; width: 100%; height: 20px; margin-top: 275px; text-align:center; padding-top:10px; } a.button { background: transparent url('../Img/bg_button_a.gif') no-repeat scroll top right; display: block; height: 24px; margin-right: 6px; margin-left:50px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url('../Img/bg_button_span.gif') no-repeat; display: block; color: #444; font: normal 12px arial, sans-serif; font-weight:bold; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } #more{ position:absolute; top: 50%; left: 50%; width: 0px; height: 0px; margin-left: -380px; margin-top: -50px; background:#f3ebbd; border:solid 1px #000; visibility: hidden; overflow:hidden; } #inscription{ position:absolute; top: 50%; left: 50%; width: 0px; height: 0px; margin-left: -380px; margin-top: -50px; background:url('../Img/index.jpg'); border:solid 1px #000; visibility: hidden; overflow:hidden; } #connect{ position:absolute; top: 50%; left: 50%; width: 0px; height: 0px; margin-left: -380px; margin-top: -50px; background:#f3ebbd; border:solid 1px #000; visibility: hidden; overflow:hidden; } #mdp{ position:absolute; top: 50%; left: 50%; width: 0px; height: 0px; margin-left: -380px; margin-top: -50px; background:#f3ebbd; border:solid 1px #000; visibility: hidden; overflow:hidden; } .titre{ font-size:14px; color:#333; font-weight:bold; } .login{ margin-top:20px; } .loginform { margin-top:20px; float:left; } .loginform label{ display:block; margin-bottom:2px; margin-top:5px; } #form_login{ margin-top:25px; margin-left:25px; } #form_inscription{ margin-top:10px; width:230px; margin-left:10px; border-right: solid #ccc 1px; } #title{ text-align: center; } #formDiv{ padding: 15px; } div#pseudobox { float: left; } .submitDiv{ margin-top: 10px; margin-right: 30px; text-align: right; } a:visited {color: #cccccc} .glidecontentwrapper{ position: relative; /* Do not change this value */ width: 490px; height: 205px; overflow: hidden; } .glidecontent{ position: absolute; /* Do not change this value */ padding: 10px; width: 470px; background:#f3ebbd; } .glidecontent2{ position: absolute; /* Do not change this value */ padding: 10px; width: 490px; height: 242px; background:url('../Img/index.jpg'); background-size: 490px 242px; text-align: left; line-height: 2; } .glidecontenttoggler{ width: 485px; text-align: center; } .glidecontenttoggler a{ background: transparent url('../Img/bg_button_a.gif') no-repeat scroll top right; color: #444; display: inline-block; font: normal 12px arial, sans-serif; height: 24px; font-weight:bold; margin-right: 6px; padding-right: 18px; text-decoration: none; text-align:right; width:30px; } .glidecontenttoggler span{ background: transparent url('../Img/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } .glidecontenttoggler a:active{ background-position: bottom right; color: #000; outline: none; } .glidecontenttoggler a:active span{ background-position: bottom left; padding: 6px 0 4px 18px; } .glidecontenttoggler a.toc{ } .glidecontenttoggler a.prev, .glidecontenttoggler a.next{ } .glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{}