/*------------------------
		les bases
--------------------------*/


html {
	margin: 0;
	padding: 0;
	background: #19577D url(../graph/back_krossjeux.jpg) top center repeat-y;
	}
	
body {
	margin: 0;
	padding: 0;
	font-size: 11px; 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/* color: #4167a7; */
	color: #5c7092;
	}

img { /* pour firefox */
	border: 0px;
	}
	
a {
	color: #0085df;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
	/*------------------------
	overall layout
--------------------------*/


.wrapper {
	width: 738px;
	padding: 0px 36px 0px 36px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
#navigation {
	width: 222px;
	float: right;
	margin-top: -37px;
	}
	
.maincontent {
	width: 510px;
	margin-top: 20px;
	}
	
h1 {
	margin: 0px;
	width: 738px;
	height: 105px;
	background: #e5e5e5 url(../graph/header_background.png) top left no-repeat;
	}



h1 a {
	display: block;
	width: 280px;
	height: 0px;
	padding: 100px 0px 0px 0px;
	margin: 0px 0px 0px 22px;
	overflow: hidden;
	}
	
h2 {
	display: none;
	}

#footer {
	width: 678px;
	height: 30px;
	padding: 23px 30px 0px 30px;
	clear: both;
	}
	
#footer p {
	width: 400px;
	height: 22px;
	padding: 7px 0px 0px 35px;
	margin: 0px;
	color: #484848;
	font-size: 10px;
	font-weight: bold;
	background: url(../graph/footer_factorylogo.png) top left no-repeat;
	}

	
/*------------------------
	main navigation
--------------------------*/


#mainnav {
	clear: both;
	}

#mainnav, #mainnav li, #mainnav li.selected ul, #mainnav li.selected ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 222px;
	}
	
#mainnav li {
	display: block;
	width: 222px;
	height: 29px;
	background: #fff url(../graph/mainnav_unselected.png) top left no-repeat;
	}
	
#mainnav li.last {
	height: 32px;
	background: #fff url(../graph/mainnav_unselected_last.png) top left no-repeat;
	}
	

#mainnav li a {
	display: block;
	width: 153px;
	height: 22px;
	margin: 0px;
	padding: 7px 0px 0px 37px;
	color: #272727;
	text-decoration: none;
	font-size: 13px;
	}
	
#mainnav #accueil_link a {
	background: url(../graph/mainnav_accueil.png) 8px 0px no-repeat;
	}
	
#mainnav #jeux_link a {
	background: url(../graph/mainnav_jeux.png) 8px 0px no-repeat;
	}
#mainnav #uno_link a {
	background: url(../graph/mainnav_uno.png) 8px 0px no-repeat;
	}
#mainnav #trivia_link a {
	background: url(../graph/mainnav_trivia.png) 8px 0px no-repeat;
	}
#mainnav #irpg_link a {
	background: url(../graph/mainnav_irpg.png) 8px 0px no-repeat;
	}
#mainnav #motus_link a {
	background: url(../graph/mainnav_motus.png) 8px 0px no-repeat;
	}
#mainnav #quizz_link a {
	background: url(../graph/mainnav_quizz.png) 8px 0px no-repeat;
	}

#mainnav #intero_link a {
	background: url(../graph/mainnav_intero.png) 8px 0px no-repeat;
	}

#navigation #mainnav li a:hover {
	background-position: 8px -29px;
	}

#navigation #mainnav li.selected a {
	background-position: 8px -58px;
	}


#mainnav li.selected {
	height: auto;
	background: #fff url(../graph/mainnav_selected.png) top left no-repeat;
	}
	
#mainnav li.selected ul li {
	display: block;
	width: 222px;
	height: 29px;
	background: #1e1e1e url(../graph/subnav_unselected.png) top left no-repeat;
	}
	
#mainnav li.selected ul li.first {
	background: #1e1e1e url(../graph/subnav_unselected_first.png) top left no-repeat;
	}
	
#mainnav li.selected ul li.last {
	background: #1e1e1e url(../graph/subnav_unselected_last.png) top left no-repeat;
	}
	
#mainnav li.last ul li.last {
	background: #1e1e1e url(../graph/subnav_unselected_verylast.png) top left no-repeat;
	height: 40px;
	}
	
#navigation #mainnav li.selected ul li a {
	display: block;
	width: 150px;
	height: 20px;
	padding: 9px 0px 0px 30px;
	margin-left: 8px;
	color: #fc0;
	text-decoration: none;
	font-size: 10px;
	background: url(../graph/subnav_hover.gif) top left no-repeat;
	}
	
#navigation #mainnav li.selected ul li a:hover {
	background-position: 0px -29px;
	}
	
#navigation #mainnav li.selected ul li.selected a {
	color: #9f3;
	background: #1e1e1e url(../graph/subnav_selected.png) top left no-repeat;
	}
	
	
#navigation #mainnav li.notify_graphic {
	background: none;
	height: 105px;
	padding: 10px 0px 0px 0px;
	}
	
#navigation #mainnav li.notify_graphic a {
	width: auto;
	height: 105px;
	margin: 0px;
	padding: 0px;
	}



/*------------------------
		content
--------------------------*/

.segment {
	width: 479px;
	margin: 0px 0px 15px 13px;
	padding: 0px 0px 15px 0px;
	background: #e9e9e9 url(../graph/segment_footer.png) bottom left no-repeat;
	float: left;
	}
	
.segment h3 {
	width: 464px;
	padding: 10px 0px 0px 15px;
	margin: 0px;
	background: #fff url(../graph/segment_head.png) top left no-repeat;
	color: #f60;
	font-size: 14px;
	}


.segment h4 {
	font-size: 12px;
	color: #6a3ba5;
	margin-bottom: 6px;
	margin-top: 20px;
	}
	
.segment .bodytext {
	width: 449px;
	padding: 10px 15px 0px 15px;
	margin: 0px;
	background: #fff url(../graph/segment_body.png) top left repeat-y;
	float: left;
	}

.segment .bodytext p {
	margin-top: 0px;
	}
	
.segment .bodytext img.rightimage {
	padding: 0 0 0 10px;
	margin: 0px;
	float: right;
	}
/*------------------------
		getnav
--------------------------*/

#getnav {
	height: 72px;
	margin: -35px 0px 0px -140px;
	padding: 0px;
	list-style-type: none;
	width: 355px;
	}
	
* html #getnav {
	margin-top: 0px;
	position: relative;
	top: -35px;
	}
	
/*------------------------
		login
--------------------------*/

#login {
	width: 222px;
	padding-bottom: 19px;
	background: url(../graph/login_bottom.png) bottom left no-repeat;
	float: left;
	}
	
* html #login {
	margin-top: -35px;
	}
	
#login p.status, #login p.status_loggedin {
	padding: 5px 0px 0px 20px;
	margin: 0px;
	color: #666;
	}
	
#login p.status_loggedin {
	color: #2aa9ff;
	}	
	
div#alert {
	color: #fc0;
	background: #2e2e2e url(../graph/sysreqs_bottom.png) bottom left no-repeat;
	}

div#alert h3 {
	color: #fc0;
	font-size: 12px;
	background: #2e2e2e url(../graph/sysreqs_top.png) top left no-repeat;
	}
	
div#alert .bodytext {
	background: #2e2e2e url(../graph/sysreqs_middle.png) top left repeat-y;
	}

div#alert a {
	color: #fff;
	}


#index_page #teaser {
	float: left;
	}

#index_page #teaser .bodytext {
	float: left;		
	}

#index_page #teaser .news_recent {
	width: 220px;
	float: left;
	}

#index_page #teaser .news_recent .news {
	margin-bottom: 20px;
	padding-top: 3px;
	border-top: 1px dotted #ccc;
	}

#index_page #teaser .news_recent .news h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 14px;
	}

#index_page #teaser .news_recent .news h4 span.date {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #ac4d4d;
	}
	
#index_page #teaser .quote_section {
	width: 205px;
	float: right;
	}

#index_page #teaser .quote_section .quote {
	letter-spacing: -.07em;
	line-height: 20px;
	color: #f60;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	}
	
#index_page #teaser .quote_section .quote p {
	margin-bottom: 5px;
	}
	
#index_page #teaser .quote_section .quote p.credit, #index_page #teaser .quote_section .quote p.date {
	line-height: 14px;
	color: #93a7b8;
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0px;
	letter-spacing: normal;
	}
/* motus/style.css v2.1.20080904 */


	#content
	{
		width:auto;
		margin:0;
	}
       h
       {
       margin:20px 75px 0 75px;
	padding:0;
	text-align:center;
	font-size:1.5em;
       color:#FF6600;
       }  
/* Image de fond du contenu */
#contenu {
	margin-top: 0;
	margin-bottom: 0;
}

    


			#informations
			{
				margin-left: 0px;
				margin-right: 0px;
				margin-top: 30px;
				margin-bottom: 20px;
			}

				#infosalon
				{
					text-align:center;
					min-height:5px;
				}

				#infotime
				{
					margin-top:5px;
					text-align:center;
				}

				#infodb
				{
					margin-top:50px;
					margin-left:0px;
				}

		#partie1
		{
	width:auto;
	min-height:300px;
	float: center;
		}        

			#semainencours
			{
		F		margin:auto;
				width:425px;
				float:center;
				text-align:center;
			}

                #h21
                {
                    text-align:center;
                    margin-bottom:10px;
                }

					h2
					{
						margin:20px 75px 0 75px;
						padding:0;
						text-align:center;
						font-size:1.5em;
						background-color:#585768;
						color:#FFB35F;
					}

				h3
				{
					margin-top:-8px;
					margin-bottom:0px;
					padding:0;
					font-style:italic;
					font-size:0.8em;
				}

				#scoresencours
				{
					margin:1px 15px 5px 15px;
					background-color:#585768;
					color:#C8C8C8;
					min-height:220px;
				}

					#listescores,#listerecords
					{
						list-style-type: none;
						margin:0;
						padding-top:10px;
						padding-bottom:10px;
						width:100%;
						text-align:left;
					}

			#recordujeu
			{
				width:370px;
				float:center;
			}

				#h22
				{
					margin:0 75px 30px 75px;
				}

				#records
				{
					margin:-12px 15px 5px 15px;
					background-color:#585768;
					color:#C8C8C8;
					min-height:220px;
				}

		#stats
		{
			margin:auto;
			float:center;
			margin-top:20px;
			width: auto;
			height: 300px;
			text-align:center;
			
		}

			#h23
			{
				margin:auto;
				text-align:center;
				width:400px;
				height:60px;
				border:solid #444 2px;
			}

			#diag
			{	
				margin:0 auto 0 auto;
				background-color:#FFCF76;
				width: 530px;
				height: 292px;
				border:solid orange 1px;
				text-align:left;
			}

				#barres
				{
					position:absolute;
					margin: auto;
					margin-top:35px;
					padding-right:5px;
					width:400px;
					height:200px;
					margin-left:33px;
				}

					.bar
					{
						margin:0;
						padding:0;
						font-size:0;
						width:10px;
						float:right;
						height:200px;
					}

						.bari
						{
							position:absolute;
							width:4px;
							background-color:black;
							bottom:0;
							margin-left:3px;
						}

				#semaines
				{
					position:absolute;
					width:530px;
					height:20px;
					color:black;
					margin-left:0px;
					margin-top:235px;
					
				}

					.sem
					{
						margin:0;
						width:8px;
						margin-right:2px;
						text-align:center;
						height:20px;
						float:right;
						font-size:8px;;
					}

					.sem2
					{
						margin:0;
						width:8px;
						margin-right:2px;
						padding-top:3px;
						text-align:center;
						height:20px;
						float:right;
						font-size:8px;;
					}

					#legende
					{
						position:relative;
						float: right;
						margin-right:4px;
						margin-top:-5px;
						height:25px;
						width:125px;
						border-right:solid black 1px;
						border-bottom:solid black 1px;
					}					

						#legtxt
						{
							margin-top:12px;
							color:black;
							font-size:10px;
							font-family: tahoma;
						}

        #archives
        {
            clear:both;
            padding:0;
            margin-top:30px;
            width:100%;
            text-align:left;
        }



			#archivage
			{
	background-color:#585768;
	margin:0px 4% 0px 4%;
	padding:5px 5px 5px 5px;
	color:white;
	width: auto;
			}



			#lif1
			{
				margin:0;
				padding-top:3px;
				width:49%;
				float:left;
				text-align:center;
			}

			#lif2
			{
				margin:0;
				padding-top:3px;;
				width:49%;
				float:left;
				text-align:center;
			}

			#lif3
			{
				clear:both;
				margin-top:5px;
				padding-bottom:10px;
				width:100%;
				text-align:center;
			}

.variable
{
	font-weight:bold;
	color:white;
	background-color:#585768;
}

.variablef
{
	font-weight:bold;
	color:#0099CC;
	#background-color:#FFFFFF;
}

.enum 
{
	color:#BEBEBE;
	background-color:#585768;
}

.li
{
	margin-left:20px;
	margin-right:20px;
}

.enumi
{
	color:#BEBEBE;
	background-color:#585768;
}

.tounderline
{
	text-decoration:underline;
}

.nick
{
	width:75%;
	float:left;
	text-align:left;
	padding:0;
	margin:0;
	min-height:20px;
}

.nicko
{
	width:75%;
	float:left;
	text-align:left;
	padding:0;
	min-height:20px;
}

.score
{
	width:23%;
	float:right;
	text-align:right;
	padding:0;
	margin:0;
}


.divm
{
	clear:both;
	padding:0;
	margin-left:5%;
	margin-right:5%;
	width:90%;
    
}

.divn
{
	clear:both;
	padding:0;
	margin-left:10%;
	margin-right:10%;
	width:65%;
}

.divo
{
	clear:both;
	padding:0;
	margin-left:3%;
	margin-right:5%;
	width:92%;
}

.divp
{
	clear:both;
	padding:0;
	padding-left:5%;
	margin-right:5%;
	width:90%;
}