/* CSS Document */
	body {
		margin: 0px;
		font-family: ARIAL;
		font-size: 14px;
		background:url('images/fond.png') top;
		text-align:center;
	}
	table {font-size:0.8em;width:100%;}
	h1 {text-align:center;font-size:2em;}
	td { background : #e7e7e7;height:14px;text-align:center;font-weight:bold;}
	th {background : #ccc;height:18px;text-align:center;font-weight:bold;}
	th.header {font-size:16px;}
	
	td.map {width:110px;text-align:left;padding:0 5px;}
	th.map {width:110px;padding:0 5px;text-align:center;}
	
	td.tmap {width:100px;text-align:center;}
	th.tmap {width:100px;text-align:center;}
	
	td.time {width:55px;text-align:center;}
	th.time {width:55px;text-align:center;}
	
	td.place {width:50px;text-align:center;}
	th.place {width:50px;text-align:center;}
	
	td.lon {width:144px; text-align:left;padding:0 0 0 10px;}
	th.lon {width:150px;text-align:center;}
	
	td.nom {text-align:left; padding:0 5px;}
	th.nom {padding:0 5px;text-align:center;}
	
	td.cent { text-align:center;}
	td.left {text-align:left;}
	td.gras { font-weight:bold; }
	img {border:0;margin:0;padding:0;}
	.blanc {color:#fff;}	
	a {text-decoration:none;}
	a:hover {text-decoration:underline;}
	
	a.info {
		   position: relative;
		   color: black;
		   text-decoration: none;
		   border-bottom: 1px gray dotted; /* on souligne le texte */
	}			
	a.info span {
		   display: none; /* on masque l'infobulle */
	}	
	a.info:hover {
		   background: none; /* correction d'un bug IE */
		   z-index: 500; /* on d?finit une valeur pour l'ordre d'affichage */

		   cursor: help; /* on change le curseur par d?faut en curseur d'aide */
	}
	a.info:hover span {
		   display: inline; /* on affiche l'infobulle */
		   position: absolute;

		   white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */

		   top: 30px; /* on positionne notre infobulle */
		   left: 20px;

		   background: white;

		   color: green;
		   padding: 3px;

		   border: 1px solid green;
		   border-left: 4px solid green;
	}
	.cent {text-align:center;}
	.left {text-align:left;}
	.right {text-align:right;}
	.fl {float:left;}
	.cl {clear:left;}
	.jaune {color:#ff0;}
	.blanc {color:#fff;}
	.fs09 {font-size:0.9em;}
	.fs08 {font-size:0.8em;}
	
	#entete { width:979px;margin: 0 auto;}
	
	#document {width:979px;height:680px;margin: 0 auto;background:url('images/fond_doc2.png') top center no-repeat;}
		#serveur {float:left;width:334px;text-align:center;height:100px;}
		#image {float:left;width:200px; text-align:center;padding:10px 0 0 0;height:126px;}
		.form1 {float:left;width:180px;text-align:center;margin:0;padding-top:30px;font-size:0.7em;height:109px;}
		.rech {background: url('images/rechjoueur.png') top center no-repeat;height:30px;padding-top:2px;}

	#gauche {float:left; width:199px;text-align:center;padding-top:14px;}	
		.sep {height:10px;}
		.sep1 {height:5px;}
		#listp {width:154px;padding:10px 0;margin:0 10px;text-align:center;font-size:0.7em;line-height:1em;opacity: 0.95;}

	/*#droite {float:left;width:735px;padding:0;margin:0;}*/
	#droite {float:left;width:668px;padding:20px;height:466px;text-align:left;background:url('images/fd.png') top left no-repeat;}
		/*#tableau {height:482px;width:100%;overflow:auto;line-height:1.2em;font-weight:bold;background:#e7e7e7;}*/	
		#tableau {height:422px;width:100%;line-height:1.2em;font-weight:bold;overflow:auto;}
		#tableau .mt {margin-top:10px;}
		#tableau .bl {border-left:1px solid #444;}
		#tableau .bt {border-top:1px solid #444;}
		#tableau .br {border-right:1px solid #444;}
		#tableau .bb {border-bottom:1px solid #444;}
		#tableau .bb1 {border-bottom:1px solid #777;}
		
		#tableau .pmap {margin-left:5px;width:130px;height:17px;background:#777;}
		#tableau .pmap1 {width:125px;padding-left:5px;margin-left:5px;height:17px;background:#777;}
		#tableau .pmode {width:104px;height:17px;background:#777;}
		#tableau .pmode1 {width:99px;padding-left:5px;height:17px;background:#777;}
		#tableau .ptime {width:79px;height:17px;background:#777;}
		#tableau .ptime1 {width:73px;margin-right:5px;height:17px;background:#777;}

		#tableau .rmmap {margin-left:5px;width:110px;height:17px;background:#777;}
		#tableau .rmmap1 {width:105px;padding-left:5px;margin-left:5px;height:17px;background:#777;}
		#tableau .rmmap2 {width:105px;padding-left:5px;margin-left:5px;height:17px;background:#777;}
		#tableau .rmmode {width:99px;height:17px;background:#777;}
		#tableau .rmmode1 {width:94px;padding-left:5px;height:17px;background:#777;}
		#tableau .rmnote {width:45px;height:17px;background:#777;}
		#tableau .rmtime {width:55px;height:17px;background:#777;}
		#tableau .rmtime1 {width:50px;margin-right:5px;height:17px;background:#777;}
		#tableau .rmnom {width:130px;padding-left:5px;height:17px;overflow:hidden;background:#777;}
		#tableau .rmnom1 {width:125px;padding-left:5px;margin-right:5px;height:17px;overflow:hidden;background:#777;}
		
		#tableau .tdate {width:170px;height:17px;background:#777;}
		#tableau .ttime {width:80px;height:17px;background:#777;}
		#tableau .ttime1 {width:75px;margin-left:30px;background:#777;height:17px;}
		#tableau .tnom {width:185px;padding-left:5px;background:#777;overflow:hidden;height:17px;}
		#tableau .tnom1 {width:180px;padding-left:5px;background:#777;margin-right:5px;overflow:hidden;height:17px;}	
		
		#tableau .rdate {width:170px;background:#777;height:17px;}
		#tableau .rtime {width:80px;background:#777;height:17px;}
		#tableau .rtime1 {width:75px;margin-left:30px;background:#777;height:17px;}
		#tableau .rnom {width:185px;padding-left:5px;background:#777;height:17px;overflow:hidden;}
		#tableau .rnom1 {width:180px;padding-left:5px;margin-right:5px;background:#777;height:17px;overflow:hidden;}	

		#tableau .otime {width:120px;height:17px;background:#777;}
		#tableau .otime1 {width:115px;margin-left:55px;background:#777;height:17px;}
		#tableau .onom {width:305px;padding-left:5px;background:#777;overflow:hidden;height:17px;}
		#tableau .onom1 {width:300px;padding-left:5px;margin-right:5px;background:#777;overflow:hidden;height:17px;}	

		#tableau .pgtime {width:110px;height:25px;background:#777;padding-top:8px;}
		#tableau .pgtime1 {width:105px;margin-left:30px;background:#777;height:25px;padding-top:8px;}
		#tableau .pgnom {width:205px;margin-left:70px;padding-left:5px;background:#777;overflow:hidden;height:25px;padding-top:8px;}

		#droite p {margin:0; padding:5px 0;text-align:center;font-weight:bold;}
		#droite form {margin:0;padding:5px 0;height:25px;text-align:center;font-weight:bold;}
		#droite th {background:none;}		
		#droite td {background:none;}		
		#droite tr {background:none;}
		#classement {margin:0 auto;padding:0.3em 0;width:80%;text-align:center;font-weight:bold;}
		#classement td,th {height:12px;}
		#description { width:708px;height:506px;text-align:left;font-family:"comic sans ms";font-weight:bold;font-size:1em; color:#e7e7e7; }
			#detail {float:left;margin:20px 0 0 20px;width:328px;opacity: 0.80;font-weight:bold;}			
			#mappeur {float:right;width:154px;margin:20px 25px 0 0;opacity: 0.80;font-weight:bold;text-align:center;}
	#pied {clear:left;width:979px;margin:0 auto;text-align:center;font-weight:bold;font-size:1.1em;padding-bottom:10px;color:#aaa;}
