@charset "utf-8";
/* CSS Document */

/* Elements standards */
body { margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
a { color: #037; text-decoration: none; }
a:hover { color: #741; text-decoration: underline; }
img { border: 0; vertical-align: top; }
form { margin: 0; padding: 0; }
input { padding: 0; margin: 0; border: 1px solid #037; }
input.checkbox { padding: 0; margin: 0; border: 0; background: transparent; vertical-align: middle; outline: none; }
td { font-size: 12px; vertical-align: top; }

/* Classes de style */
.histo { cursor: pointer; }
.user { color: #159; font-weight: bold; cursor: pointer; }
.erreur { color: #F00; font-size: 11px; font-style: italic; }
.info { color: #0F0; font-size: 11px; font-style: italic; }
.petit { color: #000; font-size: 11px; font-style: italic; font-weight: normal; }
.gros { color: #000; font-size: 15px; font-style: italic; font-weight: bold; }
.titre { color: #000; font-size: 18px; font-style: normal; font-weight: bold; }
.gras { font-style: normal; font-weight: bold; }
.score { font-size: 11px; font-style: italic; font-weight: bold; color: #C60; }

/* Elements uniques */
img#imgFond { position:absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
div#cntContent { position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -396px; height: 368px; width: 790px; overflow: hidden; }
div#content { position: relative; height: 368px; width: 790px; overflow: hidden; }
div#pied { position: absolute; top: 50%; left: 0px; margin-top: 250px; left: 0px; height: 20px; width: 100%; text-align: center; }
div#divConnect { position: absolute; top: 0px; width: 100%; text-align: right; visibility: hidden; }

/* Fenetres modales */
div#modal { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; visibility: hidden; background-color: #000000; z-index: 10; }
div#modalPerdu { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -250px; height: 100px; width: 460px; overflow: auto; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; padding: 20px; border: 1px solid #333; }
div#modalInscr { position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -250px; height: 220px; width: 460px; overflow: auto; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; padding: 20px; border: 1px solid #333; }
div#modalInfo { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -250px; height: 100px; width: 460px; overflow: auto; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; padding: 20px; border: 1px solid #333; }
div#modalRegles { position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -250px; height: 310px; width: 460px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalCGU { position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -230px; height: 310px; width: 460px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalMentions { position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -230px; height: 310px; width: 460px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalCompte { position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -230px; height: 310px; width: 460px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalMembre { position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -150px; height: 120px; width: 300px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalHisto { position: absolute; top: 50%; left: 50%; margin-top: -170px; margin-left: -350px; height: 350px; width: 700px; overflow: hidden; z-index: 11;
				 visibility: hidden; vertical-align: middle; color: #000; background-color: #CCC; border: 1px solid #333; }
div#modalComment { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -250px; height: 100px; width: 500px; overflow: hidden; z-index: 11;
				 visibility: hidden; color: #000; background-color: #CCC; border: 1px solid #333; }
a.btnFermer { position: absolute; top: 6px; left: 436px; z-index: 99; }

/* Zoom image mystere */
img#btnZoomIM { position: absolute; top: 5px; left: 100%; margin-left: -20px; cursor: pointer; }
img#imgZoomIM { position: absolute; top: 50%; left: 50%; height: 0px; width: 0px; visibility: hidden; z-index: 99; cursor: not-allowed; }

/* Menus */
.btnMenu { position: absolute; top: 50%; margin-top: -270px; left: 50%; }

/* Tableau */
table.tableau { width: 100%; height: 310px; padding: 0px; border: 1px solid #444; }
table.tableau thead { margin: 0px; padding: 0px; width: 720px; background-color: #CCC; }
table.tableau tbody { margin: 0px; padding: 0px; height: 292px; overflow-y: auto; overflow-x: hidden; background-color: #FFF; border-top: 1px solid #999; }
table.tableau tbody tr { margin: 0px; padding: 0px; background-color: #DDF; }
table.tableau tbody tr:hover { background-color: #FC6; }
table.tableau th { margin: 0px; padding: 2px; font-size: 11px; font-weight: normal; font-style: italic;  border: 1px solid #444; border-top-color: #999; }
table.tableau td { margin: 0px; padding: 0 10px; font-size: 11px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; }
table.tableau td.tableau_bas { background-color: #666; border-color: #666; font-size: 0px; }