/*------------------------------------------------------------------------------
11 Somerset interactif - site Web

Feuille de style de la section Jouer
© Tous droits réservés 2003 Trinôme inc.

Créée 27-04-2004 - Jonathan Boivin
------------------------------------------------------------------------------*/

/* on importe le CSS général */
@import "../styles/11S_general.css";

#accueiljeu		{background:#000 url(../images/jeu_bg_accueil.jpg) no-repeat top center;}

#accueiljeu #flash	{height:600px;}

#contenujeu    {position:relative;
				width:780px;
				margin:0 auto;}
			
#maincontenu	{position:relative;
			     width:610px;
				 height:180px;
			 	 float:left;}

#titrejeu	{position:absolute;
			 top:50px;
			 left:200px;}

#textejeu    {position:relative;
			  width:530px;
			  margin:0px 0px 0px 80px;
			  clear:both;}

#validation    {position:relative;
				width:780px;
				margin:0 auto;
				clear:both;}

#validationgauche    {position:relative;
			  		  width:400px;
			  		  float:left;
			  		  margin:0px 0px 0px 15px;}

#validationdroite    {position:relative;
			  		  width:305px;
			  		  margin:20px 0px 0px 35px;
			  		  border:1px solid #947200;
			  		  background-color: #000;
			  		  float:left;}
			  		  
#validationsousdroite    {position:relative;
			  			  width:280px;
			  			  margin:10px auto;}
			  		 
#bonus    {position:relative;
		   width:400px;
		   clear:both;}

#prochaindefi	{position:relative;
		   		 width:400px;
		   		 text-align:center;}
		   			  		  
#tableauscore   {position:relative;
				 width:260px;
				 margin:0px 0px 30px 0px;
				 float:right;}

#bravofelicitation    {position:relative;
				 	   width:405px;
				 	   clear:both;}
				 
#imageindice    {position:relative;
				 width:405px;
				 margin:20px 0px;
			  	 text-align:center;}

#lienclassement    {position:relative;
					text-align:right;
					margin:0px 0px 40px 0px;}

#lienextrait    {position:relative;
			     text-align:right;
				 margin:0px 0px 40px 0px;}
								  	    			  	 			  		  			  		  				
#retour    {position:relative;
			margin:0;
			padding:40px 0px;
			text-align:center;
			clear:both;}

#classement    {position:relative;
				width:680px;
				margin:0 auto;
				clear:both;}
								 
#classementgauche    {position:relative;
			  		  width:305px;
			  		  float:left;}

#classementdroit    {position:relative;
			  		 width:340px;
			  		 margin:0px 0px 0px 35px;
			  		 float:left;}
			  		  			  						  
#envoyerami    {position:relative;
			    margin:0px 0px 0px 40px;}
			    			    
#telequebec    {position:relative;
				font-weight: normal;
   		 		color: #eee;
   		 		font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
   		 		font-size: 12px;
				margin:10px 0px 0px 40px;
			    float:left;}
			    
#logotelequebec    {position:relative;
					margin:0px 0px 0px 10px;
					float:left;}
			    			    		 			 	 
#mainnav    {position:relative;
			 width:170px;
			 float:left;}
			 

			 
strong#salutation    {font-family: Georgia, Times, 'Times New Roman', serif;
					  font-size: 12px;}
					  
strong#important    {color: #0f0;}

h1    {text-transform:none;
	   margin:10px 0px 0px 0px;} 	 

h2	  {font-size: 20px;
	   color: #fc0;
	   border-bottom:1px solid #947200;}
	   	   
td    {font-weight: normal;
   	   color: #eee;
   	   font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
   	   font-size: 12px;}

#validationdroite #validationsousdroite .thumb	{float:left; display:block;margin-right:15px; margin-bottom:15px;}
#validationdroite #validationsousdroite p	{text-align:left; clear:both;}

.imagebonus	{margin:0px 10px 0px 0px;
			 float:left;}
			 
.soulignerbas    {border-bottom:1px solid #8B8280;}   
.soulignerhaut    {border-top:1px solid #8B8280;} 

.alignerdroite    {float:right;}
.alignergauche    {float:left;}

.champtexte    {color: #fff;
				background-color: #600;
				border:1px solid #fc0; /* comme ça, on se débarasse de l'effet "enfoncé" - JB */
				margin:0px 5px 0px 0px;
				float:left;}
				
.separateur    {margin:0px 0px 30px 0px;}

.thumb		{border:1px solid #fc0;}