body {
	background-image:url(img/fonds/ville.jpg);
	background-repeat:repeat-x;
	background-size: 100%;
	margin: 0px;
	padding: 20px;
	background-color: #D4ECF6;
/*	background-color: #1C0A26;*/
	background-position: center top;
	background-attachment:fixed;
}
#corpus{
	height:auto;
	width: 960px;
	margin: 0px auto 0px auto;
	}
	
#header{ 
				width:960px;
				height:auto;	}	
								
#head1{ position:relative;
				width:960px;
				background-image:url(img/head1.gif);
				background-repeat:no-repeat;
				height:38px;
				}
#head2{ position:relative;
				width:960px;
				background-image:url(img/head2.gif);
				background-repeat: repeat-y;
				height:20px;
				}
#fond1{
				width:960px;
				background-image:url(img/fondhead.jpg);
				background-repeat:no-repeat;
				background-position:right;
				height:195px;
				}
#fond2{ 
			width:960px;
				background-image:url(img/fond2.gif);
				background-repeat: repeat-y;
				background-position:right;
			
				}
#fond3{ 
				width:960px;
				background-image:url(img/fond3.gif);
				background-repeat:no-repeat;
				background-position:right;
				height:22px;
				}
#fond4{ 
			width:960px;
				background-image:url(img/fond4.gif);
				background-repeat: repeat-y;
				background-position:right;
			height:405px
				}
#fond5{ 
				width:960px;
				background-image:url(img/fond5.gif);
				background-repeat:no-repeat;
				background-position:right;
				height:21px;
				}
#fond6{ 
				width:960px;
				background-image:url(img/fondfoot.jpg);
				background-repeat:no-repeat;
				background-position:right;
				height:87px;
				}

#repeatCG{ 
				width:180px;
				background-image:url(img/repeatCG.gif);
				background-repeat: repeat-y;
				background-position:left;
				float:left;
				}
#headCG{float:left;
				width:180px;
				background-image:url(img/headCG.gif);
				background-repeat:no-repeat;
				background-position:left;
				height:25px;
				}
#middleCG{ float:left;
				width:180px;
				background-image:url(img/middleCG.gif);
				background-repeat: repeat-y;
				background-position:left;
				height:450px;
				}
#footCG{ 
			float:left;	width:180px;
				background-image:url(img/footCG.gif);
				background-repeat:no-repeat;
				background-position:left;
				height:20px;
				}
				
#footer{
				width:960px;
				height:auto;	}				
				
#foot1{
				width:960px;
				background-image:url(img/head2.gif);
				background-repeat: repeat-y;
				height:20px;
				}
#foot2{ 
				width:960px;
				background-image:url(img/footer.gif);
				background-repeat:no-repeat;
				height:38px;
				}				
#carte {
margin-left:11px;
margin-top:50px;
position: absolute;
width:170px;
height:216px;
float:left;
z-index:2;}

#logo {
margin-left:0px;
margin-top:0px;
position: absolute;
width:181px;
height:70px;
float:left;
z-index:3;
}

#inscript {position: relative;
height:130px;
width:170px;
margin-left:0px;
}

#joueur {position: relative;
height:130px;
width:170px;
margin-left:0px;
background-image:url(img/hautcarte.gif); 
	background-repeat:no-repeat;
}
#inscript a {color: #ffffff;
	display: block ; 
	width: 170px ;
	height:130px;
	line-height: 170px ;
	text-decoration: none; 
	background-image:url(img/inscription.jpg); 
	background-repeat:no-repeat;
	background-position:0px 0px;}

#inscript a:hover {color: #ffffff; 
text-decoration: none;
background-image:url(img/inscription.jpg);
background-repeat:no-repeat;
background-position:-170px 0px; }


#tabs {position: relative;
height:400px;
width:170px;
float:left;

}
#boitetext {
width:735px;
height:750px;
margin-left:195px;
position:absolute;
table-layout:fixed; overflow: auto;
}

#boitelogin {
height:66px;
width:170px;
margin-left:0px;

}
#stats {
height:66px;
width:170px;
margin-left:0px;

}

#login { color:#FF6600;
font-size:10px; 
font-family: Verdana;
font-weight: bold;
height:98px;
width:170px;
background-image:url(img/fondcarte.gif);
background-repeat:no-repeat;
margin-top:0px;
text-align:center;
}

#barre  {
	cursor: pointer;
	margin-top:0px;
	width: auto;
	height:22px;
	background-color: transparent;
	border: none;
	margin-left:auto;
	margin-right:auto;
}
#accueil a {
	display: block ; 
	width: 26px ;
	height:22px;
	text-decoration: none; 
	background-image:url(img/accueil.gif); 
	background-repeat:no-repeat;
	background-position:0px 0px;}
	
#accueil a:hover {
text-decoration: none;
background-image:url(img/accueil.gif);
background-repeat:no-repeat;
background-position:-26px 0px; }
	
#play a {
	display: block ; 
	width: 97px ;
	height:22px;
	text-decoration: none; 
	background-image:url(img/jouer.gif); 
	background-repeat:no-repeat;
	background-position:0px 0px;}
	
#play a:hover {
text-decoration: none;
background-image:url(img/jouer.gif);
background-repeat:no-repeat;
background-position:-97px 0px; }

#logout a {
	display: block ; 
	width: 26px ;
	height:22px;
	text-decoration: none; 
	background-image:url(img/logout.gif); 
	background-repeat:no-repeat;
	background-position:0px 0px;}
	
#logout a:hover {
text-decoration: none;
background-image:url(img/logout.gif);
background-repeat:no-repeat;
background-position:-26px 0px; }

#log  BUTTON  {
	cursor: pointer;
	margin-top:0px;
	width: 120px;
	height:22px;
	background-color: transparent;
	border: none;
	margin-left:auto;
	margin-right:auto;
}




















#tabbed_box {
    margin: 0px auto 0px auto;
    width:580px;
}
.tabbed_area { padding-top:20px; }
ul.tabs { margin:0px; padding:0px; }
ul.tabs li { list-style:none; display:inline; }
ul.tabs li a {
    color:#282e32;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}
ul.tabs li a:hover {
	color:purple;
    border-color:#2f343a;
    border-bottom: 1px solid #ffffff;
}
ul.tabs li a.active {
    color:#6600CC;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
ul.tabs li a {
    background-image:url(img/tab_on.jpg);
    background-repeat:repeat-x; 
    background-position:top;
}
ul.tabs li a.active {
    background-image:url(img/tab_off.jpg);
    background-repeat:repeat-x;
    background-position:top;
}

.content {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #464c54; 
}
.content ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content ul li {
	text-align:justify;
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content ul li a {
    text-decoration:none;
    color:#00FFFF;
}
.content ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}
.content ul li:last-child {
    border-bottom:none;
}
.content {
    background-image:url(img/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}