/* ----------------- GENERAL ------------------ */
P, FORM, DIV, A, H1 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-ser;
	line-height: normal;
	vertical-align:baseline;
}
a img { border-width:0px; }

body { margin:0; padding:0; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-ser; font-size: 12px; color: #333333; }
.titre24 { font-size:24px; font-weight:bold; line-height:26px; }
.titre21 { font-size:21px; font-weight:bold; line-height:22px; }
.titre18 { font-size:18px; font-weight:bold; line-height:20px; }
.titre15 { font-size:15px; font-weight:bold; }
.txtblanc { color:#FFFFFF }
.txtorange { color:#ff6600; }

a { color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width:967px; position:relative; }
#droite { margin:0; width:767px; height:638px; background: #eeb400 url(images/fond-gene.gif) top left no-repeat; position:absolute; top:0px;left:201px; }
#colgauche { width:200px; height:638px; background:#FFFFFF;  position:absolute; top:0px;left:0px; }

/* ---- PAGE INTRO ---- */
#entrainer { position:absolute; top:44px; left:20px;width:734px; height:161px; background:#e66e34 url(images/fd-intro1.gif) no-repeat; }
#participer { position:absolute; top:225px; left:20px;width:734px; height:197px; background:#e66e34 url(images/fd-intro2.gif) no-repeat; }
#participer form { background:none; }
#tit-entrainer { width:250px; padding:22px 0 0 0; text-align:right; }
#txt-entrainer { position:absolute; top:24px; left:288px;width:120px; }
#txt-commencer { margin:62px 0 0 515px; }
#txt-commencer a { color:#333333; padding:2px 30px 2px 0; background:url(images/fleche.gif) right no-repeat; }

#tit-participer { width:250px; padding:22px 0 0 0; text-align:right; float:left; }
#onglets { position:absolute;top:0px;left:270px; width:421px; display:inline; overflow:hidden; } 
#onglets img { padding-top:14px; cursor:pointer;}

#ok { position:absolute;top:156px;left:630px; width:39px;  }
#tit-colgauche { padding:19px 15px; }
#txt-colgauche { padding:19px 15px; }

#introHelp  { position:absolute; top:430px; width:700px; background:url(images/fd-defintion.gif) no-repeat; height:189px; padding:30px 15px 15px 45px; text-align:center }

#titre-jeu { margin:24px 30px;}

#formOubli { position:absolute;top:50px;left:270px; width:421px; display:inline; overflow:hidden; padding:0px; margin:0px; } 
#formOubli .login, #formIdentification .login { width:320px; margin:32px 0 0 0px; text-align:right; }
#formOubli .courriel { width:320px; margin:40px 0 0 0px; text-align:right; }
#formIdentification .pwd { width:320px; margin:10px 0 0 0px; text-align:right; }
#formOubli input { width:160px; display:inline; margin-left:10px; font-size:11px; background-color:#e5e5e5; border:0; }
#oubliOk { position:absolute; top:80px; left:300px; width:300px; }

#formIdentification{ position:absolute;top:50px;left:270px; width:421px; display:inline; overflow:hidden; padding:0px; margin:0px; } 

#formIdentification input{ width:160px; display:inline; margin-left:10px; font-size:11px; background-color:#e5e5e5; border:0; }

.m { visibility:hidden; display:none; }

#IdentificationErr, #OubliErr {position:absolute; top:10px; left:10px; color:red; visibility:hidden; width:400px; text-align:center; }
#InscriptionErr { position:absolute; top:155px; left:300px; color:red; visibility:hidden; width:320px; }
#InscriptionValid, #InscriptionRunning { position:absolute; top:70px; left:350px; color:#000; visibility:hidden; width:250px; }

/* ---- JEU MULTI ---- */

#jeu-multi { padding:0 21px 0 23px; height:368px; background:#e66e34 url(images/fd-multi.gif) no-repeat; position:relative; }
#jeu-solo { padding:0 21px 0 23px; height:368px; background:#e66e34 url(images/fd-solo.gif) no-repeat; position:relative; }
#txt-finjeu { margin:14px; width:145px; height:200px; line-height:15px; padding:12px; font-size:10px; color:#666666; background:url(images/fd-textgauche.gif) no-repeat; visibility:hidden; }

#classement { width:213px; height:368px; position:absolute; top:0px; left:22px; }
	#tit-classement { margin:12px 0 0 10px; color:#FFFFFF; }
	#rang-joueur { text-align:right; color:#FFFFFF; font-weight:bold; position:absolute; top:22px; left:145px; font-size:18px; width:65px; }
	#id-joueur { margin-left:10px; font-weight:bold; }
	#tit-classement2 { clear:both; margin:7px 0 0 10px; font-weight:bold; color:#ff6600; }
	#liste-joueurs { margin:7px 5px; height:275px; overflow: auto; font-weight:normal;  }
	#liste-joueurs ul { text-decoration:none; margin:0; padding:0; }
	#liste-joueurs li { padding-top:8px; padding-left:6px; font-size:10px; background:url(images/fd-joueur.gif) repeat-x; height:17px; }
	#liste-joueurs li.select { padding-top:8px; padding-left:6px; font-size:10px; background:url(images/fd-joueur-select.gif) repeat-x; height:17px; }
	
#jeu-solo #zone-jeu {position:absolute; top:0px; left:120px;}
#jeu-multi #zone-jeu {position:absolute; top:0px; left:234px;}

#zone-jeu { width:297px; height:368px;  }
#solobouton { margin:12px 0 0 19px; visibility:visible; }
#btnStop {visibility:visible;}
#btnRejouer {visibility:hidden;}
      #boutonPause, #boutonReprendre { visibility:hidden; display:none; margin:12px 0 0 19px;  }
	#temps { margin:15px 19px 0 0; float:right; }
	#jeu { clear:both; margin-top:2px; margin-left:16px; }
		#jeu td { text-align:center; font-size:42px; width:68px; height:68px; }
		.cel0 { background:url(images/fd-cel-1.gif) no-repeat; color:white }
		.cel1 { background:url(images/fd-cel-2.gif) no-repeat; }
		.cel2 { background:url(images/fd-cel-3.gif) no-repeat; }
#saisie { margin:8px 0 0 20px; background: url(images/fle-saisie.gif) 184px no-repeat; z-index:1; position:relative;  }
	#saisie .input input { float:left; margin:1px 0 0 0; padding:4px; width:175px; font-size:14px; font-weight:bold; background-color:#fff; border:0; }
	#saisie .ok { margin:0 0 0 226px;  }
#fin-partie { margin:8px 0 0 20px; font-size:18px; line-height:20px; color:#FFF; }
		
#scores { width:213px; height:368px; position:absolute; top:0px; left:533px; }
	#tit-scores { margin:12px 0 0 10px; color:#FFFFFF; }
	#score { margin:12px 10px 0 0; float:right; text-align:right; font-size:24px; color:#FFFFFF; font-weight:bold; }
	#tit-mots { clear:both; padding:7px 0 0 10px; }
	#tit-mots2 { clear:both; padding:7px 0 0 7px; color:#FF6600; font-weight:bold; }
	#tit-mots span { color:#ff6600; font-weight:bold; } 
	#liste-mots { margin:7px 5px; height:275px; overflow-y: scroll; font-weight:normal;  }
	#liste-mots .entree { background:url(images/fd-joueur.gif) repeat-x; height:25px; width:187px; }
	.entree .mot, .entree .motbad { width:150px; padding-left:6px; font-size:10px; float:left; overflow:hidden; margin-top:6px; }
      .entree .motbad { text-decoration:line-through; }
	.entree .valeur { width:20px; text-align:right; color:#ff6600; font-weight:bold;  font-size:11px; float:left; overflow:hidden; margin-top:6px; }
	
	#liste-mots .result { background:url(images/fd-joueur.gif) repeat-x; background-position:bottom left; width:177px; padding:5px 4px; line-height:18px; }
	#liste-mots  a { color:black; font-size:10px; }
	#liste-mots  a.found { color:#ff6600; font-weight:bold; }

#definition { background:url(images/fd-defintion.gif) no-repeat; height:189px; padding:15px; text-align:center; z-index:10; }

#nextCountdown {color:#FFF;}

.vim { position:absolute; left:300px; top:80px; width:250px; }